@charset "utf-8";

/*공통*/
.img01Wrap {position: relative;}
.img01Wrap img {width:100%; max-width: 100%;}
.img01Wrap span {position:absolute;left:0;top: 0; display: inline-block; background: #333; padding:5rem 30rem; color: #fff;}

/*텝메뉴*/
#contents .tab,
#contents .tab_li02,
#contents .tab_li03,
#contents .tab_li04,
#contents .tab_li05,
#contents .tab_li06{overflow:hidden;}
#contents .tab ul,
#contents .tab_li02 ul,
#contents .tab_li03 ul,
#contents .tab_li04 ul,
#contents .tab_li05 ul,
#contents .tab_li06 ul,
#contents .tab_depth04 ul{overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:30rem;}
#contents .tab ul li,
#contents .tab_depth04 li {float:left; text-align:center; }
#contents .tab_li02 ul li {width:50%; }
#contents .tab_li03 ul li {width:33.333%;}
#contents .tab_li04 ul li,
#contents .tab_depth04 li {width:25%;}
#contents .tab_li05 ul li {width:20%;}
#contents .tab_li06 ul li {width:16.6666%;}
#contents .tab ul li a,
#contents .tab_depth04 li a { display:block; box-sizing:border-box; padding:10rem 5% 10rem 10%; border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}
#contents .tab ul li a.on,
#contents .tab_depth04 li.active a {background:#8e6b43; color:#fff;}
@media all and (max-width:768px){
    #contents .tab_li04 ul li,
	#contents .tab_li05 ul li,
	#contents .tab_li06 ul li,
  #contents .tab_depth04 li {width:33.333%}
}
@media all and (max-width:480px){
    #contents .tab ul li,
    #contents .tab_depth04 li {width:50%}
}

/*페이지준비중입니다*/
.ready {overflow:hidden; border:1px solid #ccc; background: url('/design/hwarang_180820/img/contents/img_ready.png') no-repeat center 40rem; padding:250rem 5% 40rem; min-height:200rem; }
.ready p {text-align: center;}
.ready p.row01 {font-size:40rem; line-height: 1.5}
.ready p.row01 span {color:#37578e; font-weight: bold;}
.ready p.row02 {font-size:24rem;}
@media all and (max-width:480px){
    .ready {padding:250rem 5% 50rem; min-height:auto;}
    .ready p.row01 {font-size: 30rem;}
}

/* 화랑마을 소개*/
.introduce01 {overflow: hidden;}
.introduce01 .int_left {float:left; width: 50%; text-align: center;}
.introduce01 .int_left p.empa {font-size:26rem; font-weight:bold; letter-spacing: -0.05em;}
.introduce01 .int_left p.empa span {color:#673131;}
.introduce01 .int_left img {text-align:center; max-width:100%; margin:90rem 0;}
.introduce01 .int_left p.row01 {text-align: left; background: url('/design/hwarang_180820/img/contents/int_left_p_row01_bg.gif') no-repeat left top; padding-top:30rem; font-weight: 600;}
.introduce01 .int_left p.row02 {text-align: left; margin-top:20rem;}
.introduce01 .int_right {float:right; width:40.217%;}
.introduce01 .int_right .img01Wrap {margin-bottom:60rem;}
.introduce02 {overflow: hidden; width:100%; border-radius: 15rem; background: #f2f2f3; box-sizing: border-box;padding:4.347%;}
.introduce02 p.tit {float:left;width:50%; text-align: center;}
.introduce02 p.tit img {max-width:100%;}
.introduce02 div.txt {overflow: hidden; background: url('/design/hwarang_180820/img/contents/introduce02_txt_dl_bg.png') no-repeat center; width:47%; float:right;}
.introduce02 div.txt dl { padding-bottom:10rem; margin-bottom:20rem; border-bottom: 1px dashed #fff; overflow: hidden;}
.introduce02 div.txt dl dt {float:left; margin-right:10rem; width:15%;}
.introduce02 div.txt dl dd {float:right; width:80%;}
@media all and (max-width:880px){
    .introduce01 .int_left,
    .introduce01 .int_right {float:none; width:100%; }
    .introduce01 .int_left {margin-bottom:30rem;}
    .introduce01 .int_left p.empa {font-size:22rem;}
    .introduce01 .int_left img  {margin:30rem 0;}
    .introduce01 .int_right .img01Wrap {margin-bottom:20rem;}
    .introduce02 {margin-top:0;}
    .introduce02 p.tit,
    .introduce02 div.txt {float:none; width:100%; margin-bottom:30rem;}
}

/*찾아오시는길*/
.map {padding:10rem; border:1px solid #ccc;}
.map > iframe {height:450rem;}
.map02 {margin-top:30rem;}
.map02 dl {border-bottom:1px dashed #ccc; padding:40rem 5% 40rem 20%}
.map02 dl dt {font-weight:600; font-size:18rem;}
.map02 dl.bus {background: url('/design/hwarang_180820/img/contents/sub01_4_1.gif') no-repeat 3% center; }
.map02 dl.road {background: url('/design/hwarang_180820/img/contents/sub01_4_2.gif') no-repeat 3% center; }
.map02 dl.train {background: url('/design/hwarang_180820/img/contents/sub01_4_3.gif') no-repeat 3% center; }
@media all and (max-width:768px){
  .map02 dl {padding:20rem 3%; background: none !important;}
}

/*화랑마을 배치도*/
.sub02_1_2 {position:relative;}
.sub02_1_2 > div {position:absolute;}
.sub02_1_2 > div a, .sub02_1_2 > div span { display:block; background:url('/design/hwarang_180820/img/contents/sub02_1_2_bg.png'); padding:5rem 15rem; border-radius:20rem; font-size:16rem; color:#3f2e24; font-weight:600; }
.sub02_1_2 > div a:hover {background:#3f2e24; color:#fff;}
.sub02_1_2 > div a::before {content:'VR'; position:absolute; left:-15rem; top:-10rem; width:30rem; height:30rem; line-height:30rem; background:#b87b0c; color:#fff; border-radius:50%; font-size:14rem; font-weight:600; text-align:center; transition:0.5s; }
.sub02_1_2 > div a:hover::before { transform:scale(1.2); }
.sub02_1_2 > div.num0 {bottom:27%; left:23%;}
.sub02_1_2 > div.num1 {bottom:25%; left:8%;}
.sub02_1_2 > div.num2 {bottom:40%; left:13%;}
.sub02_1_2 > div.num3 {bottom:25%; right:36%;}
.sub02_1_2 > div.num4 {bottom:49%; left:21%;}
.sub02_1_2 > div.num5 {bottom:35%; right:25%;}
.sub02_1_2 > div.num6 {bottom:55%; left:28%;}
.sub02_1_2 > div.num7 {bottom:42%; right:18%;}
.sub02_1_2 > div.num8 {bottom:61%; left:33%;}
.sub02_1_2 > div.num9 {bottom:48%; right:10%;}
.sub02_1_2 > div.num10 {bottom:67%; left:38%;}
.sub02_1_2 > div.num11 {bottom:55%; right:5%;}

a.park_vr_btn, a.deck_vr_btn {display:block; text-align:center; font-size:16rem; position:absolute; top:32%; left:1%; width:30.7%; background:#396699; color:#fff; padding:5rem 0;}
a.park_vr_btn span, a.deck_vr_btn span {display:inline-block; padding: 5rem 0 5rem 50rem; font-weight: 600; background:url('/design/hwarang_180820/img/contents/sub02_3_2_park.png') no-repeat left center;}
a.deck_vr_btn span {background:url('/design/hwarang_180820/img/contents/sub02_3_2_deck.png') no-repeat left center;}
@media all and (max-width:768px){
  .sub02_1_2 > div a::before { width:25rem; height:25rem; line-height:25rem; font-size:12rem;}
  .sub02_1_2 > div a, .sub02_1_2 > div span {padding:2rem 7rem; font-size:13rem; }
  a.park_vr_btn, a.deck_vr_btn {top:29%; font-size:14rem;}
}
@media all and (max-width:600px){
  a.park_vr_btn, a.deck_vr_btn {top:28%; letter-spacing:-1rem;}
  a.park_vr_btn span, a.deck_vr_btn span {background:none; padding:5rem;}
}

/*전시관안내*/
.junsi_wrap {border:1px solid #dfdfdf; overflow:hidden;}
.junsi_wrap li {float:left; height:500rem;}
.junsi_wrap li.junsi_map { position:relative; width:68%; background:url('/design/hwarang_180820/img/contents/junsi_1F.gif') no-repeat center; background-size:95% auto;}
.junsi_wrap li.junsi_map.floor2 { background:url('/design/hwarang_180820/img/contents/junsi_2F.gif') no-repeat center; background-size:95% auto; }
.junsi_wrap li.junsi_map a { position:absolute; display:inline-block; background:url('/design/hwarang_180820/img/contents/junsi_point.png') no-repeat top center/cover; width:43rem; height:51rem; padding-top:6rem; text-align:center; color:#396699; font-size:18rem; font-weight:600;}
.junsi_wrap li.junsi_map a span {position:absolute; top:-999999rem;}

.junsi_wrap li.junsi_map a.btn1 {left:18%; top:20%;}
.junsi_wrap li.junsi_map a.btn2 {left:29%; top:40%;}
.junsi_wrap li.junsi_map a.btn3 {right:38%; bottom:40%;}
.junsi_wrap li.junsi_map a.btn4 {right:30%; top:45%;}
.junsi_wrap li.junsi_map a.btn5 {left:40%; top:25%;}
.junsi_wrap li.junsi_map a.btn6 {right:36%; bottom:35%;}
.junsi_wrap li.junsi_map a.btn7 {left:20%; top:35%;}
.junsi_wrap li.junsi_map a.btn8 {left:38%; top:40%;}
.junsi_wrap li.junsi_map a.btn9 {right:35%; top:33%;}
.junsi_wrap li.junsi_map a.btn10 {left:45%; top:15%;}

.junsi_wrap li.junsi_mapinfo { width:32%; background:#f4f4f4; border-left:1px solid #dfdfdf; padding:30rem; box-sizing:border-box;  }
.junsi_wrap li.junsi_mapinfo a {display:block; color:#4d4d4d; padding:5rem 0; }
.junsi_wrap li.junsi_mapinfo a span {display:inline-block; width:25rem; line-height:25rem; border-radius:13rem; background:#846628; color:#fff; text-align:center; margin-right:3rem;}
.junsi_wrap li.junsi_mapinfo dl { background:url('/design/hwarang_180820/img/contents/junsi_icon.gif') no-repeat top center; padding-top:60rem;}
.junsi_wrap li.junsi_mapinfo dt {font-size:30rem; line-height:35rem; text-align:center;}
.junsi_wrap li.junsi_mapinfo dt span {font-weight:600;}
.junsi_wrap li.junsi_mapinfo dd {font-size:16rem; line-height:20rem; margin:10rem 0 20rem;}
.junsi_wrap li.junsi_map div {position:absolute; top:20rem; left:20rem; color:#fff; background:#396699; text-align:center; width:60rem; line-height:60rem; font-size:25rem; font-weight:600; }
.junsi_list dl {position:relative; margin:20rem 0; border:1px solid #dfdfdf; padding:20rem 30rem; box-sizing:border-box; overflow:hidden;}
.junsi_list dl dt { float:left; width:30%;}
.junsi_list dl dt img {width:100%;}
.junsi_list dl dd {float:right; width:65%;}
.junsi_list dl dd p {font-size:22rem; font-weight:600; margin-bottom:10rem;}
.junsi_list dl dd span {line-height:25rem; text-overflow: ellipsis; display:inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; max-height:50rem; overflow:hidden; }
.junsi_list dl dd a {display:inline-block; background:#396699; color:#fff; padding:7rem 20rem; margin-top:20rem;}
.junsi_list dl dd a.top {position:absolute; bottom:10rem; right:10rem; background:#eee; color:#333; font-size:11rem; padding:5rem 10rem; border-radius:5rem; }
@media all and (max-width:1200px){
  .junsi_wrap li.junsi_mapinfo dt span {display:block;}
}
@media all and (max-width:768px){
  .junsi_wrap li {height:450rem;}
  .junsi_wrap li.junsi_mapinfo {padding:20rem;}
  .junsi_wrap li.junsi_mapinfo a {font-size:15rem;}
}
@media all and (max-width:650px){
  .junsi_wrap li {height:auto; width:100% !important;}
  .junsi_wrap li.junsi_map {height:450rem;}
  .junsi_wrap li.junsi_mapinfo {border-left:0; border-top:1px solid #dfdfdf;}
  .junsi_wrap li.junsi_mapinfo dl { padding-top:0; padding-left:80rem; background-position:left center;}
  .junsi_wrap li.junsi_mapinfo dt {text-align:left; }
  .junsi_wrap li.junsi_mapinfo dt span {display:inline-block;}
  .junsi_wrap li.junsi_mapinfo a {width:50%; float:left;}
}
@media all and (max-width:480px){
  .junsi_wrap li.junsi_map {height:350rem;}
}

/*전시관안내-자세히보기*/
.junsi_img_wrap { position:relative;}
.junsi_img_wrap h4 { position:absolute; top:20rem; left:20rem; background:url('/design/hwarang_180820/img/contents/sub02_4_view_bg.png') !important; border:3rem solid #fff; color:#fff; margin:0 !important; padding:20rem 30rem !important; font-size:20rem !important; font-weight:500 !important; z-index:150; }
.junsi_img_wrap .btn { position:absolute; z-index:151; width:100%; margin:0; padding:0; bottom:0; }
.junsi_img_wrap .btn a {display:inline-block; position:absolute;}
.junsi_img_wrap .btn .left {left:20rem; bottom:20rem;}
.junsi_img_wrap .btn .right {right:20rem; bottom:20rem;}
.junsi_img_wrap .cycle-pager {position:absolute; display:block; width:100%; padding:0 80rem; bottom:27rem; text-align:center; z-index:150; box-sizing:border-box;}
.junsi_img_wrap .cycle-pager a {display:inline-block; width:70rem; margin:4rem; border:2rem solid #777; box-sizing:border-box; }
.junsi_img_wrap .cycle-pager a.cycle-pager-active { border:2rem solid #fff; position:relative; top:-10rem; }
.junsi_img_wrap .cycle-pager a img {width:100%; vertical-align:top;}
.junsi_contents dt {font-size:30rem; color:#64480e; font-weight:600; margin:20rem 0 10rem;}
.junsi_img_wrap ul li {width:100%;}
.junsi_img_wrap ul li img {width:100%; vertical-align:top;}
.junsi_btn { clear:both; border-top:1px solid #ddd; margin-top:30rem; padding-top:30rem; text-align:center;}
.junsi_btn a {display:inline-block; background:#396699 url('/design/hwarang_180820/img/contents/junsi_list.gif') no-repeat 20rem center; padding:10rem 20rem 10rem 45rem; color:#fff; font-size:17rem;}
@media all and (min-width:769px){
  .junsi_img_wrap .cycle-pager a {text-indent:-99999px; width:15rem; height:15rem; border-radius:50%; background:rgba(0,0,0,0.6); border:0; }
  .junsi_img_wrap .cycle-pager a.cycle-pager-active {border:0; top:0; background:#fff; box-shadow:1rem 1rem 4rem rgba(0,0,0,0.6); }
}
@media all and (min-width:1401px){
  .junsi_img_wrap {float:left; width:calc(50% - 20rem); margin-bottom:50rem; }
  .junsi_contents {float:right; width:calc(50% - 20rem); }
}
@media all and (max-width:768px){
  .junsi_img_wrap h4 {padding:10rem 20rem !important; font-size:17rem !important;}
  .junsi_img_wrap .cycle-pager {position:relative; padding:0; top:2rem; bottom:auto; overflow:hidden; }
  .junsi_img_wrap .cycle-pager a {width:20%; float:left; margin:0; border:2rem solid #fff;}
  .junsi_img_wrap .cycle-pager a.cycle-pager-active { border:2rem solid #64480e; top:0; }
  .junsi_img_wrap .btn {top:20rem; right:20rem; bottom:auto; width:auto;}
  .junsi_img_wrap .btn a {position:relative;}
  .junsi_img_wrap .btn .left {left:auto; bottom:auto;}
  .junsi_img_wrap .btn .right {right:auto; bottom:auto;}
}

/*상인암*/
.sangin {position:relative;}
.sangin .view_btn {position:absolute; right:10rem; bottom:8rem; z-index:150;}
.sangin .view_btn a {display:inline-block; width:30rem; height:30rem; text-align:center; margin:0 2rem; vertical-align:top;}
.sangin .view_btn a img {vertical-align: middle;}
.sangin ul li {position:relative; width:100%;}
.sangin ul li img {width:100%; vertical-align:top;}
.sangin ul li span { position:absolute; bottom:0; left:0; width:100%; display:block; background:url('/design/hwarang_180820/img/contents/sub02_4_view_bg.png'); color:#fff; padding:15rem 130rem 15rem 20rem; box-sizing:border-box; }

/*육부촌*/
.view_st0 {position:relative; background:url('/design/hwarang_180820/img/contents/sub02_3_1_bline.gif') repeat-x bottom; padding-bottom:30rem; margin-bottom:30rem;}
.view_st0 .btn {position:absolute; right:20rem; top:20rem; background:#fff; border-radius:15rem; z-index:101; }
.view_st0 .btn > * {display:inline-block; vertical-align:top;}
.view_st0 .btn a { text-indent:-99999rem; width:30rem; height:30rem;}
.view_st0 .btn span { line-height:30rem; font-size:16rem;}
.view_st0 .btn .left {background:url('/design/hwarang_180820/img/contents/sub02_3_1_left.gif') no-repeat center;}
.view_st0 .btn .right {background:url('/design/hwarang_180820/img/contents/sub02_3_1_right.gif') no-repeat center;}
.view_st0 .cycle-pager { display:block; position:absolute; bottom:50rem; left:20rem; z-index:101;}
.view_st0 .cycle-pager a {display:inline-block; width:70rem; line-height:0; padding:2rem; vertical-align:middle; box-sizing:border-box;}
.view_st0 .cycle-pager a img {width:100%; vertical-align:middle; border:1px solid #fff; box-sizing:border-box;}
.view_st0 .cycle-pager a.cycle-pager-active img {border:3rem solid #fff;}
.view_st0 ul { border:5rem solid #ececec; box-sizing:border-box;}
.view_st0 ul li, .view_st0 ul li img {width:100%; line-height:0;}
@media all and (max-width:768px){
  .view_st0 .cycle-pager {position:relative; left:0; bottom:0;}
  .view_st0 .cycle-pager a {width:20%; margin:0;}
  .view_st0 .cycle-pager a img {border:3rem solid #fff;}
  .view_st0 .cycle-pager a.cycle-pager-active img {border:3rem solid #8e6b43;}
}

/*야외체험시설_bac*/
.half {overflow:hidden;}
.half_left {width:30%; float:left}
.half_right {width:65%; float:right}
.price_tit {margin-top:20rem; padding-top:10rem; border-top:2rem solid #AE8B5D; background: url('/design/hwarang_180820/img/contents/price_tit_bg.gif') no-repeat left 15rem; padding-left:40rem; font-size:22rem; font-weight:bold;}
@media all and (max-width:768px){
    .half_left,
	.half_right {width:100%; float:none;}
}

/*야외체험시설*/
.view_st1 > dl { border-top:1px solid #ddd; padding:30rem 0; overflow:hidden;}
.view_st1 > dl:first-child {border-top:0; padding:0 0 30rem;}
.view_st1 > dl > dt {float:left; width:35%;}
.view_st1 > dl > dt img {width:100%; border:1px solid #eee; padding:5rem; box-shadow:3rem 3rem 5rem #ddd;}
.view_st1 > dl > dd {float:right; width:60%;}
.view_st1 > dl > dd dt {font-size:30rem; font-weight:600; color:#222;}
.view_st1 > dl > dd dd .subject { color:#333; margin:10rem 0; }
.view_st1 > dl > dd dd .text {color:#727272; line-height:22rem; }
.view_st1 > dl > dd dd a.img_view {display:inline-block; margin-top:30rem; color:#fff; font-weight:600; background:#396699 url('/design/hwarang_180820/img/layout/btn_img.gif') no-repeat 15rem center; padding:7rem 15rem 7rem 40rem; }
.view_st1 > dl > dd dd a.img_view[target="_blank"] { position:relative; padding:7rem 35rem 7rem 40rem; }
.view_st1 > dl > dd dd a.img_view[target="_blank"]::after {content:''; position:absolute; right:15rem; top:13rem; width:13px; height:13px; background:url('/design/hwarang2022/img/layout/blank.png') no-repeat -13px 0;}
.view_st1 > dl > dd dd a.img_view2 {display:inline-block; margin-top:30rem; color:#fff; font-weight:600; background:#6a8f28 url('/design/hwarang_180820/img/layout/btn_view.gif') no-repeat 15rem center; padding:7rem 15rem 7rem 40rem; }
.view_div {display:none; position:fixed; width:100%; height:100%; background:url('/design/hwarang_180820/img/contents/sub02_4_view_bg.png'); left:0; top:0; z-index:300; }
.view_div > div { position:relative; margin:0 auto; top:50%; max-width:900rem; transform:translate(0,-50%); }
.view_div > div .view_btn {position:absolute; right:15rem; bottom:15rem; z-index:200; }
.view_div > div .view_btn span { padding:0 20rem; color:#fff; }
.view_div > div .view_btn a, .view_div > div .view_btn span { float:left; display:flex; align-items:center; width:60rem; height:60rem; background:url('/design/hwarang_180820/img/contents/sub02_4_view_bg.png');}
.view_div > div .view_btn a img {vertical-align:middle; margin:0 auto;}
.view_div ul li {width:100%; /* height:100%;*/ text-align:center;}
.view_div ul li img {width:auto; height:auto; max-width:100%; max-height:100%; vertical-align:top;}
@media all and (max-width:700px){
  .view_st1 > dl > dt {width:100%; margin-bottom:20rem; text-align:center;}
  .view_st1 > dl > dt img {width:80%;}
  .view_st1 > dl > dd {width:100%;}
}

/*편의시설*/
.overH {overflow:hidden; margin-bottom:40rem; }
.view_st2 .subject {float:left; width:30%; background:url('/design/hwarang_180820/img/contents/sub02_6_1.gif') no-repeat top left; padding-top:65rem; font-size:20rem; line-height:30rem; }
.view_st2 .subject > span {display:block; font-weight:600; font-size:38rem; margin-bottom:15rem; line-height:45rem; letter-spacing:-0.1em;}
.view_st2 .dept1 {float:right; width:65%;}
.view_st2 .dept1 li {position:relative; padding-left:220rem; margin-bottom:10rem; }
.view_st2 .dept1 strong {position:absolute; left:0; display:inline-block; background:#396699; color:#fff; text-align:center; width:200rem; font-weight:600; border-radius:20rem;}
.view_st2 .img_list {position:relative;}
.view_st2 .view_btn {position:absolute; right:0; bottom:0; z-index:200; vertical-align:middle;}
.view_st2 .view_btn a { float:left; display:flex; align-items:center; width:60rem; height:60rem; text-align:center;}
.view_st2 .view_btn a img { margin:0 auto;}
.view_st2 .img_list li {width:100%;}
.view_st2 .img_list li img {vertical-align:top; width:100%;}
.view_st2 .img_list li span { display:flex; align-items:center; height:60rem; line-height:1.2; position:absolute; left:0; bottom:0; padding:0 120rem 0 20rem; width:100%; color:#fff; font-size:20rem; z-index:200; background:url('/design/hwarang_180820/img/contents/sub02_4_view_bg.png'); box-sizing:border-box; }
@media all and (max-width:768px){
  .view_st2 .subject { width:100%; padding-top:0; padding-left:70rem; margin-bottom:20rem; box-sizing:border-box; }
  .view_st2 .subject > span {margin-bottom:5rem;}
  .view_st2 .dept1 { width:100%; }
  .view_st2 .view_btn a { width:40rem; }
  .view_st2 .view_btn a img {zoom:0.7; }
}
@media all and (max-width:480px){
  .view_st2 .dept1 strong {display:block; position:relative; width:100%;}
  .view_st2 .dept1 li {padding:0;}
}

/*야영장*/
.view_st2 .subject a {display:block; width:80%; text-align:center; border:2rem solid #396699; font-size:16rem; margin-top:10rem; box-sizing:border-box;}
.view_st2 .subject a.deck {margin-top:20rem;}
.view_st2 .subject a.on {background:#396699; color:#fff;}
.view_st2 .subject a span { display:inline-block; padding:5rem 0 5rem 50rem; font-weight:600; }
.view_st2 .subject a.deck span { background:url('/design/hwarang_180820/img/contents/sub02_3_2_deck.png') no-repeat left center;}
.view_st2 .subject a.park span {background:url('/design/hwarang_180820/img/contents/sub02_3_2_park.png') no-repeat left center;}
.view_st2 .img_list.st1, .view_st2 .img_list.st2 {float:right; width:65%; }
.view_st2 .img_list.st2 {display:none;}
.view_st2 .img_list.st1 .view_btn a, .view_st2 .img_list.st2 .view_btn a {background:url('/design/hwarang_180820/img/contents/sub02_4_view_bg.png');}
@media all and (max-width:768px){
  .view_st2 .img_list.st1, .view_st2 .img_list.st2 { width:100%; }
  .view_st2 .subject a { float:left; width:48%; }
  .view_st2 .subject a.deck {margin-top:10rem; margin-right:4%; }
}

/*화랑마을배치도*/
.hr_map_wrap {display:flex; border:1px solid #ddd; border-radius:5rem; overflow:hidden; }
.hr_layout01 { flex:0 0 60%; background:#fbf7ec; align-content:center; }
.hr_layout_list { display:flex; flex-wrap:wrap; align-content:flex-start; padding:20rem 0; border-left:1px solid #ddd; }
.hr_layout_list li { font-size:0.9em; line-height:1.5; position:relative; flex:0 0 50%; padding:8rem 20rem 8rem 52rem; word-break:break-all; }
.hr_layout_list li span { position:absolute; left:20rem; top:9rem; background:#ddd; display:flex; align-items:center; justify-content:center; width:25rem; height:25rem; border-radius:50%; }
@media all and (max-width:1400px){
  .hr_map_wrap {flex-direction:column; }
  .hr_layout_list {border-left:0; border-top:1px solid #ddd;}
  .hr_layout_list li { flex:0 0 33.33%; }
}
@media all and (max-width:768px){
  .hr_layout_list li { flex:0 0 50%; padding:5rem 20rem 5rem 52rem; }
  .hr_layout_list li span {top:6rem;}
  .hr_layout01 {position:relative;}
  .hr_layout01 .btnWrap { position:absolute; width:auto; right:20rem; bottom:20rem; }
}

/*신청 및 이용절차*/
.ftc_overview {margin-top:20rem; text-align:center;}
.ftc_overview p {display:inline-block;}
/* .ftc_push {overflow:hidden; margin-top:10rem; } */
.ftc_push {overflow:hidden; margin-top:10rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
/*.ftc_push > div { position:relative; float:left; width:17.6%; margin-left:3%; margin-bottom:10rem; } width:22.75%*/
.ftc_push > div { position:relative; width: calc(21% - 40px);margin-bottom:10rem; } /*width:22.75%*/
.ftc_push > div::before {content:''; position:absolute; top:50rem;left: -9%;transform: translateX(9%); width:12rem; height:21rem; background:url('/design/hwarang_180820/img/contents/arrow.png') no-repeat center/cover; }
.ftc_push > div:first-of-type { margin-left:0;}
.ftc_push > div:first-of-type::before {display:none;}
.ftc_push dt {padding:10rem; background:#b45d00; border:1px solid #b45d00; color:#fff; text-align:center; font-size:16rem; font-weight:600; border-radius:6rem 6rem 0 0;}
.ftc_push dd {padding:10rem 8rem; min-height:83rem;background:#fef9f2; border:1px solid #d7dbdd; border-radius:0 0 6rem 6rem;}/*min-height:60rem;*/
@media screen and (max-width:1600px){
  .ftc_push{gap: 25px;justify-content: flex-start;}
  .ftc_push > div{width: calc(33.3% - 25px);}
  .ftc_push > div::before{left: -7%;transform: translateX(7%);}
}
@media screen and (max-width:640px){
  .ftc_push > div {width: calc(50% - 13px);}
.ftc_push > div::before{left: -8%;transform: translateX(8%);}
}
@media screen and (max-width:480px){
  .ftc_push{gap: 5px;}
  .ftc_push > div {width: 100%;margin-bottom: 0;}
}
/*육부촌,호국야영장 예약*/
.wrap3518, .wrap3518_1{
  gap: 30rem;
  justify-content: initial;}
@media screen and (max-width: 1600px){
  .wrap3518, .wrap3518_1{
    gap: 25px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px){
  .wrap3518 dd, .wrap3518_1 dd{
    min-height:auto;
  }
  .ftc_push > div::before {left: 48%; top: -23px; transform: rotate(90deg);}
}

/* 대관신청접수 */
/*
.step_220207 .ftc_push > div:nth-child(1){width: 18%;}
.step_220207 .ftc_push > div:nth-child(2){width: 22%;}
.step_220207 .ftc_push > div:nth-child(3){width: 22%;}
.step_220207 .ftc_push > div:nth-child(4){width: 18%;}
.step_220207 .ftc_push > div:nth-child(5){width: 18%;}
.step_220207 .ftc_push > div:last-child{background: none;}
.step_220207 .ftc_push dt{font-size: 15rem !important;}
.step_220207 .ftc_push dd{height: 216rem; line-height:1.7; }
@media screen and (max-width:1123px){
  .step_220207 .ftc_push > div{width: 48% !important; padding-right: 5%; background-position:97% 137rem; margin-bottom:10rem; }
  .view_st1 .li_dep03 a { margin-left:10rem; }
}
@media screen and (max-width:500px){
  .view_st1 .li_dep03 a { margin-left:0 !important; }
}
@media screen and (max-width:470px){
  .step_220207 .ftc_push > div{width: 100% !important; padding-right: 5%; background:url('/design/hwarang_180820/img/contents/arrow2.png') no-repeat 49% 210rem;padding-bottom:20rem;}
}
*/
.step_220207 .ftc_push {display:flex; flex-flow:row wrap;justify-content: initial;    gap: 32px;}
.step_220207 .ftc_push > div { position:relative; float:none; padding:0; margin-bottom:35rem; background:#fef9f2; border:1px solid #d7dbdd; border-radius:6rem; letter-spacing:-0.5rem;}
.step_220207 .ftc_push > div:before {content:''; position:absolute; top:50%; left:-25rem; width:12rem; height:21rem; margin-top:-10rem; background:url('/design/hwarang_180820/img/contents/arrow.png') no-repeat;}
.step_220207 .ftc_push > div:nth-of-type(1) {margin-left:0;}
.step_220207 .ftc_push > div dt {padding:12rem 10rem; border:0; line-height:1.3;}
.step_220207 .ftc_push > div dd {border:0; padding:10rem 15rem; line-height:1.5; min-height:auto;}
.step_220207 .ftc_push > div dd li {margin:3rem 0; background-position-y:9rem !important;}
.step_220207 .ftc_push > div dd li.down {background:none !important; padding-left:0 !important}
.step_220207 .ftc_push > div dd li.down a {display:block; padding:4rem 0; margin:10rem 0; font-size:14rem; font-weight:600; border-radius:40rem;}
@media all and (max-width:768px){
  .step_220207 .ftc_push{gap: 25px;}
	.step_220207 .ftc_push > div {width:100%; margin-left:0; margin-bottom:0;}
	.step_220207 .ftc_push > div:before {left: 48%;top: -16px;transform: rotate(90deg);width: 14rem;height: 24rem;}
}

/* 대관 시 주의사항 레이어 팝업 */
#popup_Auth {display:none; position:fixed; top:0%; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999;}
#popup_Auth > div {position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0 auto; max-width:900rem; background:#fff; box-sizing:border-box;}
#popup_Auth .cont {padding:30rem; overflow-y:auto; height:80%; max-height:620rem;}
#popup_Auth .cont .top {text-align:center; background:#dde9ff; border-radius:20rem; color:#171515; padding:20rem;}
#popup_Auth .cont .top p {font-size:18rem; letter-spacing:-1rem; font-weight:600; line-height:1.6;}
#popup_Auth .cont .top .title {margin:0rem 0 10rem; font-size:25rem; font-weight:600;}
#popup_Auth dt {border:none; color:black; text-align:left; margin:20rem 0 10rem;  padding:0 0 0 25rem; font-size:22rem !important; font-weight:600; letter-spacing:-1rem; background:url('/design/hwarang_180820/img/contents/dept_02.png') no-repeat 0 7rem; background-size:15rem !important;}
#popup_Auth dd {height:auto; padding:20rem 25rem; font-size:16rem; border:1px solid #ccc; border-top:2rem solid #335daf; background:#f7f6f6;}
#popup_Auth dd:nth-of-type(3) { min-height:200rem; }
#popup_Auth .con_1 li {list-style:none; position:relative; padding:3rem 0 3rem 17rem; letter-spacing:-0.5rem;}
#popup_Auth .con_1 li:before {content:''; position:absolute; left:0; top:12rem; width:4rem; height:4rem; border:2rem solid #2c2a50; border-radius:50rem;}
#popup_Auth .close {display:block;position:absolute;top:0;right:0;/* right:-40rem; */ width:40rem;height:40rem;background: #0e63ff url('/design/hwarang_180820/img/contents/closeIcon.gif') no-repeat center;text-indent:-9999rem;}
#popup_Auth .pay {background:#f7f6f6; padding:10rem 50rem; border:1px solid #ccc; border-radius:6rem; margin-top:20rem;}
#popup_Auth .pay li {color:black; text-align:left; margin:20rem 0 10rem;  padding:0 0 0 25rem; font-size:20rem !important; font-weight:600; letter-spacing:-1rem; background:url('/design/hwarang_180820/img/contents/dept_02.png') no-repeat 0 7rem; background-size:15rem !important;}
#popup_Auth .agree {margin-top:20rem; color:black; font-weight:600; text-align:center;}
#popup_Auth .agree a {display:inline-block; padding:3rem 20rem 3rem 45rem; border-radius:20rem; text-align:center; background:url('/design/hwarang_180820/img/contents/dept_03.png') no-repeat 16rem center #0c69fa; color:#fff;}
#popup_Auth .agree input[type=checkbox] {width:25rem; height:25rem; margin-left:20rem; vertical-align:text-bottom;}
@media all and (max-width:1023px){
	#popup_Auth > div {max-width:90%; top:100rem; transform:translateY(0)}
	#popup_Auth .cont {padding:25rem; height:80%; max-height:none; }
	#popup_Auth .cont .top p {font-size:16rem; line-height:1.4; margin:5rem 0;}
	#popup_Auth .cont .top .title {font-size:20rem; font-weight:600;}
	/*#popup_Auth .close {right:0; top:-40rem;}*/
}
@media all and (max-width:738px){
	#popup_Auth .pay {padding:10rem 25rem;}
	#popup_Auth .pay li {font-size:17rem !important;}
}

@media all and (max-width:400px){
	#popup_Auth .cont {overflow-y:auto; height:580px;}
}



/*봉사활동신청*/
.vaf_overview {margin-top:20rem; text-align:center;}
.vaf_overview p {display:inline-block;}

/* .vaf_push > div {float:left; width:26%; padding-right:3%; box-sizing:border-box; background:url('/design/hwarang_180820/img/contents/arrow.png') no-repeat 97% 50%;}
.vaf_push > div.last {width:22%; padding-right:0; background:none;} */
.vaf_push dt {padding:10rem; background:#b45d00; border:1px solid #b45d00; color:#fff; text-align:center; font-size:16rem; font-weight:600; border-radius:6rem 6rem 0 0;}
.vaf_push dd {padding:10rem 8rem; min-height:113rem;background:#fef9f2; border:1px solid #d7dbdd; border-radius:0 0 6rem 6rem;}/*min-height:80rem;*/
.wrap_100 {width:100%; text-align:center; overflow:hidden; margin-top:30rem;}
.wrap_100 .btn { /*width:220rem;*/ margin:0 auto; overflow:hidden;}
.bigBtn02 {display:inline-block; padding:10rem 20rem 10rem 50rem; color:#fff; text-align:left; background:#007fae url('/design/hwarang_180820/img/sub/ico_mouse.png') no-repeat 20rem center;}
.wrap_100.style2 .btn {width:auto;}
.wrap_100.style2 .bigBtn02 {padding:20rem 25rem 20rem 60rem; font-size:18rem; font-weight:600; background-color:#0755fd;}

.wrap2194 > div::before {content: '';position: absolute;top: 50rem;left: -7%;transform: translateX(7%);width: 12rem;height: 21rem;background: url(/design/hwarang_180820/img/contents/arrow.png) no-repeat center / cover;}
.wrap2194{overflow: hidden;margin-top: 10rem;display: flex;flex-wrap: wrap;justify-content: space-between;gap:25px}
.wrap2194 div{
  position: relative;
  width: calc(25% - 25px);
}
@media screen and (max-width: 1600px) {
  .wrap2194 > div {width: calc(33.3% - 21px);}
}
@media screen and (max-width:1023px){
  .wrap2194 > div {width: calc(50% - 15px);}
  .wrap2194 > div::before{left: -5%;transform: translateX(5%)}
}
@media screen and (max-width:640px){
  .wrap2194 > div {width:100%;}
  .wrap2194 dd{min-height: auto;}
}

/*촌장인사말*/
.intro_wrap {overflow:hidden; text-align:center;}
.intro_half {overflow:hidden; border-top:2rem solid #ccc; border-bottom:2rem solid #ccc; margin:50rem 0 30rem;}
.intro_half dl {width:50%; float:left; box-sizing:border-box; padding:0 2%;}
.intro_half dl.intro_left { border-right:1px dashed #ccc;}
.intro_half dl dt {font-size:20rem; font-weight:600; color:#333; margin:30rem 0;}
.intro_half dl dd {}
.intro_half dl dd.txt {min-height:100rem;}
.intro_half dl dd.img {margin:30rem 0;}
.intro_wrap p.last { font-weight:600;}
.intro_wrap img { display:block; margin:0 auto 20rem; max-width:100%;}
@media screen and (max-width:640px){
	.intro_half dl {width:100%;}
	.intro_half dl.intro_left {border-right:none;border-bottom:1px dashed #ccc;}
}

/*숙박시설 추가 css*/
.disunite {overflow:hidden;}
.disunite p {float:left; width:80%;}
.disunite a {display:block !important; float:right; /*width:15% !important;*/ padding:10rem 20rem; font-size:16rem; background:#396699; border:1px solid #335c89; color:#fff; font-weight:600; text-align:center;}
@media screen and (max-width:880px){
	.disunite p {width:100%;}
	.disunite a {clear:both; float:left !important; margin-top:10rem;}
}

/*인증프로그램*/
.shape_li {width:13%; position:relative; float:right; vertical-align: top; display:inline-block; overflow:hidden; box-sizing:border-box; border:1px solid #ccc;}
.shape_li a {display:block; width:100%; cursor:pointer;}
.shape_li a > span { position:absolute; top:25%; left:50%; margin-left:-27rem; color:#131313; font-size:17rem; font-weight:600; opacity:0; transition-duration:0.5s; text-align:center;}
.shape_li a:hover > span {opacity:1; text-shadow:2rem 2rem #fff;}
.shape_li a img {max-width: 100%;}
.shape_li.click {position:fixed; width:auto; height:auto; top:5%; left:50%; margin-left:-300rem; z-index:500; }
#shapeClose { display:none; position:fixed; right:30rem; top:30rem; width:40rem; height:40rem; background:#034fa2; border-radius:20rem; text-indent:-9999rem; z-index:500;}
#shapeClose.on {display:block;}
#shapeClose::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 40rem; height: 40rem; background: url('http://www.kmu.ac.kr/uni/120th/img/sub/close_icon.png') no-repeat center;}
@media all and (max-width:880px){
	.shape_li a > span {}
	.shape_li.click {top:10%;}
}
@media all and (max-width:640px){
	.shape_li {clear:both; width:100%;float:left;text-align:center;border:none;}
	.shape_li a img {max-width:40%; text-align:center;}
	.shape_li.click {width:80%; left:10%; top:20%;  margin-left:0;}
	.shape_li.click img {max-width:100%;}
}
#imglayerBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:400;}
#imglayer { display:none; position:fixed; top:0; left:50%; margin-left:-450rem; align-items: center; width:900rem; height:100%; z-index:500;}
#imglayer.on { display:flex; }
#imglayer > div { position:relative; border:10rem solid #fff;}
#imglayer .btn {position:absolute; left:0; top:0; width:100%; height:100%; z-index:200;}
#imglayer .btn > a.control { position:absolute; left:20rem; top:50%; margin-top:-30rem; display:inline-block; width:60rem; height:60rem; background:url('../img/sub/business_prev.png') no-repeat 0 0 ; text-indent:-9999rem;}
#imglayer .btn > a.next { left:auto; right:20rem; background:url('../img/sub/business_next.png') no-repeat 0 0 ;}
#imglayerClose { display:none; position:fixed; right:30rem; top:30rem; width:40rem; height:40rem; background:#034fa2; border-radius:20rem; text-indent:-9999rem; z-index:500;}
#imglayerClose.on {display:block;}
#imglayerClose::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 40rem; height: 40rem; background: url('../img/sub/close_icon.png') no-repeat center;}

#imglayer img {width:100%;}
#imglayer ul li {width:100%;}
@media all and (max-width:1000px){
  #imglayer { margin-left:0; width:90%; margin:0 5%; left:0; }
}
.certified_li {width:80%; float:left;}
.certified_top {overflow:hidden; width:100%; box-sizing:border-box; padding:20rem 10%;}
.certified_top p {text-align:Center; margin-bottom:10rem; font-size:22rem; font-weight:300;}
.certified_top p img {vertical-align:middle; margin-right:10rem;}
.certified_top p.tit {font-size:40rem; font-weight:600;}
@media all and (max-width:880px){
	.certified_top {padding:10rem 5%;}
	.certified_top p {font-size:16rem;}
	.certified_top p.tit {font-size:24rem;}
}

/* 동학교육수련원 소개*/
.introduce03 .int_left .empa{text-align: left; margin-bottom: 30rem;}
.dong_his h5{font-size: 23rem !important;}
.introduce03 .int_left{width: calc(100% - 580px);}
.introduce03 .int_right{width: 560px; height: 315px; margin-left: 20px;}
@media all and (max-width:1500px){
  .introduce03 .int_left{width: 100%;}
  .introduce03 .int_right{width: 100%; margin-left: 0; margin-top: 20px;}
}
@media all and (max-width:480px){
  .introduce03 .int_left{width: 100%;}
  .introduce03 .int_right{height: 199px;}
  .introduce03 .int_right iframe{height: 100%;}
}


/* 동학교육수련원 > 시설안내 */
.donghak_map{position: relative;}
.donghak_map > p{font-weight: 600; color: #e92f21;}
.donghak_map > div{position: absolute;}
.donghak_map > div a{display: block; background: rgba(225,225,225,0.7); padding: 5rem 15rem; border-radius: 20rem; color: #3f2e24; font-weight: 600; font-size: 16rem; transition: 0.2s;}
.donghak_map > div a:hover{background:#3f2e24; color:#fff;}
.donghak_map > div.num01{left: 3%; top: 22%;}
.donghak_map > div.num02{left: 14%; top: 14%;}
.donghak_map > div.num03{left: 32%; top: 21%;}
.donghak_map > div.num04{left: 5%; top: 37%;}
.donghak_map > div.num05{left: 25%; top: 34%;}
.donghak_map > div.num06{left: 42%; top: 31%;}
.donghak_map > div.num07{right: 16%; top: 49%;}
.donghak_map > div.num08{right: 22%; top: 69%;}

/* 시설안내 팝업 */
.dh_facility{padding: 10rem;}
.dh_facility h4{margin:30rem 0 12rem; background:url('/design/hwarang_180820/img/sub/li_h4_bg.gif') no-repeat 0 7rem; font-weight:bold; font-size:25rem; padding-left:20rem;}
.dh_facility h4:first-child {margin-top:0;}
.dh_facility h5 {font-weight:bold; font-size:20rem; color:#8e6b43; margin-top:30rem;}
.dh_facility h6 {font-weight:bold; font-size:18rem; margin:10rem 0;}
.dh_facility .li_dep01 {margin-left:9rem; line-height: 2.2}
.dh_facility .li_dep01 > li {padding-left:12rem; background:url('/design/hwarang_180820/img/sub/li_dep01_bg.gif') no-repeat 0 17rem;}
.dh_facility .li_dep02 > li {padding-left:13rem; background:url('/design/hwarang_180820/img/sub/li_dep02_bg.gif') no-repeat 0 17rem;}
.dh_facility .li_dep03 > li {padding-left:9rem; background:url('/design/hwarang_180820/img/sub/li_dep03_bg.gif') no-repeat 0 13rem;}
.dh_facility .li_dep04 > li {padding-left:9rem; background:url('/design/hwarang_180820/img/sub/li_dep04_bg.gif') no-repeat 0 11rem;}
@media all and (max-width:480px){
  .dh_facility h4 {margin-top:25rem; font-size:19rem; background-position:0 7rem;}
  .dh_facility h5 {padding-left:17rem; font-size:16rem; background-position:0 8rem;}
  .donghak_map > div a{padding: 2rem 8rem; font-size: 13rem;}
}

/* 대관시설 안내 */
.class_list dl {position:relative; margin:20rem 0; overflow:hidden; padding-bottom: 20rem;}
.class_list dl:last-child{padding-bottom: 30rem;}
.class_list dl dt{ float:left; width:30%; height: 230px;}
.class_list dl dt img {width:100%; height: 100%; border: 5rem solid #fff; box-shadow: 5rem 5rem 5rem #ddd;}
.class_list dl dd {float:right; width:65%;}
.class_list dl dd p {font-size:22rem; font-weight:600; margin-bottom:10rem;}
@media all and (max-width:880px){
  .class_list dl dt{width: 100%;}
  .class_list dl dd{width: 100%; margin-top: 20px;}
}

/* 대관 절차 */
.donghak_rent .ftc_push > div:not(.last) .li_dep03 li{background: none !important;}
.donghak_rent .ftc_push > div dd li.down {background:none !important; padding-left:0 !important}
.donghak_rent .ftc_push > div dd li.down a {display:block; padding:4rem 0; margin:10rem 0; font-size:15rem; font-weight:600; border-radius:40rem; background: #396699; border: 1px solid #335c89; color: #fff; text-align: center;}
.donghak_rent .ftc_push > div dd li.down a.mask_top {background: #c53018; border: 1px solid #c53018;}
.donghak_rent .ftc_push > div dd{height: 180rem;}

.donghak_rent .ftc_push > div{width: calc(25% - 35px);}
@media screen and (max-width: 1600px) {
  .donghak_rent .ftc_push > div {width: calc(33.3% - 25px);}
}
@media screen and (max-width: 640px) {
  .donghak_rent .ftc_push > div {width: calc(50% - 13px);}
}
@media screen and (max-width: 480px) {
  .donghak_rent .ftc_push{gap: 25px;}
  .donghak_rent .ftc_push > div {width: 100%;margin-bottom: 0;}
  .donghak_rent .ftc_push > div dd{height: auto;}
  .donghak_rent .ftc_push > div::before {left: 48%; top: -23px; transform: rotate(90deg);}
}

/* 프로그램 이용 절차 및 요금 안내 */
/* .program_not .ftc_push > div {width: 17.5%;} */
.program_not .ftc_push > div dd{min-height: 100rem;}
.program_not .ftc_push > div dd li.down {background:none !important; padding-left:0 !important}
.program_not .ftc_push > div dd li.down a {display:block; padding:4rem 0; margin:10rem 0; font-size:15rem; font-weight:600; border-radius:40rem; background: #396699; border: 1px solid #335c89; color: #fff; text-align: center;}
/* @media all and (max-width:1240px){
  .program_not .ftc_push > div {width: 48%;}
  .program_not .ftc_push > div::before {left: -4%;}
  .program_not .ftc_push > div:nth-of-type(2n+1) {margin-left: 0;}
}
@media all and (max-width:1023px){
  .program_not .ftc_push > div {width: 48%;}
  .program_not .ftc_push > div::before {left: -4%;}
  .program_not .ftc_push > div:nth-of-type(2n+1) {margin-left: 0;}
  .program_not .ftc_push > div:nth-of-type(4){clear: inherit; margin-left: 3%;}
} */
@media all and (max-width:600px){
  .program_not .ftc_push{gap: 25px;}
  .program_not .ftc_push > div {width: 100%; margin-left: 0 !important;}
  .program_not .ftc_push > div dd{min-height: auto;}
  .program_not .ftc_push > div::before {left: 48%; top: -29px; transform: rotate(90deg);}
}
@media all and (max-width:480px){
  .program_not .ftc_push > div::before {top: -23px;}
}

/* 숙박시설안내 > 객실 미리 보기 */
.view_st3 {max-width: 936px;margin: 40px 0;}
.view_st3 .img_list li span{top: 0; bottom: inherit;}
.view_st3 .view_btn{top: 0; bottom: inherit;}
.roop_map{margin-top: 30px;}
.roop_map img{max-width: 100%;}

/*유튜브 동영상*/
.youtube_iframe { background:rgba(0,0,0,0.1);}
.youtube_iframe iframe { display:block; min-width:auto; margin:0 auto; max-width:800rem; height:500rem; }
@media all and (max-width:480px){
  .youtube_iframe iframe { height:300rem; }
}


/*이미지 슬라이드 swiper로 교체*/
.img_swiper_wrap {overflow:hidden;}
.img_swiper_wrap .control {display:flex; align-items:center; justify-content:space-between; margin-bottom:20rem; }
.img_swiper_wrap .control a { display:inline-block; flex-shrink:0; width:40rem; height:40rem; margin-left:7rem; background:rgba(0,0,0,0.7) url('/design/hwarang_180820/img/contents/sub02_4_view_left.gif') no-repeat center/22%; border-radius:10rem; text-indent:-9999rem; }
.img_swiper_wrap .control a.next { background-image:url('/design/hwarang_180820/img/contents/sub02_4_view_right.gif');}
.img_swiper_wrap .control a.stop {background-image:url('/design/hwarang_180820/img/contents/sub02_4_view_stop.gif'); background-size:28%; }
.img_swiper_wrap .control a.play {display:none; background-image:url('/design/hwarang_180820/img/contents/sub02_4_view_play.gif'); background-size:21%; }
.img_swiper_wrap .control .paging {text-align:right; padding-right:30rem;color:#888; }
.img_swiper_wrap .control .paging .swiper-pagination-current {font-weight:600; color:#71302e; }
.img_swiper_wrap .swiper-slide span { position:absolute; max-width:calc(100% - 30rem); right:15rem; bottom:15rem; background:rgba(0,0,0,0.7); color:#fff; padding:5rem 20rem; border-radius:5rem; font-size:0.8em;}
.img_swiper_wrap img {width:100%; border-radius:5rem; border:1px solid #dfdfdf; padding:5rem; }

/*숙박시설 이미지 슬라이드*/
.room_swiper_wrap { position:relative; display:flex; margin-bottom:30rem; overflow:hidden; }
.room_swiper_wrap .control { display:flex; position:absolute; left:20rem; top:20rem; z-index:10; }
.room_swiper_wrap .control a { display:inline-block; flex-shrink:0; margin-right:5rem; width:40rem; height:40rem; background:rgba(0,0,0,0.7) url('/design/hwarang_180820/img/contents/sub02_4_view_left.gif') no-repeat center/22%; border-radius:10rem; text-indent:-9999rem; }
.room_swiper_wrap .control a.next { background-image:url('/design/hwarang_180820/img/contents/sub02_4_view_right.gif');}
.room_swiper_wrap .control a.stop {background-image:url('/design/hwarang_180820/img/contents/sub02_4_view_stop.gif'); background-size:28%; }
.room_swiper_wrap .control a.play {display:none; background-image:url('/design/hwarang_180820/img/contents/sub02_4_view_play.gif'); background-size:21%; }
.room_swiper_wrap .control a.swiper-button-disabled {opacity:0.5;}
.room_swiper_wrap .swiper_image {width:calc(75% - 10rem); margin-right:10rem; overflow:hidden;}
.room_swiper_wrap .swiper_image img { width:100%; }
.room_swiper_wrap .swiper_thumbs { flex-shrink:0; width:25%; }
.room_swiper_wrap .swiper_thumbs .swiper-slide { height:auto !important; }
.room_swiper_wrap .swiper_thumbs .swiper-slide img { width:100%; height:100%; object-fit:cover; opacity:0.4;}
.room_swiper_wrap .swiper_thumbs .swiper-slide-thumb-active img {opacity:1; }
@media all and (max-width:768px){
    .room_swiper_wrap .swiper_image {width:100%; margin-right:0;}
  .room_swiper_wrap .swiper_thumbs {position:absolute; left:-999999px; top:-99999px; }
}

/*신라관*/
.silla_map_wrap {display:flex; gap:50rem; border-top:1px dashed #dedede; margin-top:30rem; padding-top:30rem; }
.silla_map_wrap .silla_map_left {flex:0 0 300rem;}
.silla_map_count { display:flex; align-items:center; justify-content:flex-end; gap:5rem; margin-bottom:8rem; font-size:0.9em; }
.silla_map_count span.circle {display:flex; width:22rem; height:22rem; background:#51778d; border-radius:50%; text-indent:-9999px; }
@media all and (max-width:1400px){
  .silla_map_wrap {flex-direction:column; gap:10rem; padding-top:0; }
  .silla_map_wrap .silla_map_left { flex:0 0 auto;}
}