@charset "utf-8";


/* 변경후 시작 */
@import url('/design/common/css/Gowun.css');
@import url('/design/common/css/SuseongHyejeong.css');

* {box-sizing:border-box;}
html { word-break: keep-all; word-wrap:break-word; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; font-size:1px; scrollbar-face-color:#c1c1c1; scrollbar-shadow-color:#f1f1f1; scrollbar-highlight-color:#f1f1f1; scrollbar-arrow-color:#c1c1c1; overflow-x:hidden !important; }
body {position:relative; max-width:2000px; margin: 0 auto; font-size:18rem; font-family:'Gowun Dodum', sans-serif; font-weight:400; line-height:1.7; letter-spacing:-0.5px; color:#3d3d3d; word-break:keep-all; word-wrap:normal; }
input, select, textarea { font-family:'Gowun Dodum', sans-serif; font-size:17rem; }
button, input[type="text"], input[type="submit"] { font-size:18rem; font-family:'Gowun Dodum', sans-serif; -webkit-appearance: none; -webkit-border-radius: 0;}
li {list-style-type:none;}
::-webkit-scrollbar { width:15px; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border:3px solid #f1f1f1; }
::-webkit-scrollbar-track { background:#f1f1f1; }
@media all and (max-width:768px){
  html { font-size:0.9px; }
}
@media all and (max-width:480px){
  html { font-size:0.85px; }
}


#skipBtn { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipBtn a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active {width: auto; height:auto; line-height:normal; padding:10rem 0; background: #333; color: #fff; font-size: 15rem; font-weight: bold;}

#header { position:absolute; width:100%; height:90rem; overflow:hidden; left:0; top:0; padding:0 60rem; z-index:200; background:#fff; }
#header h1 {float:left; margin:19rem 0 0; display: flex; align-items: center;}
#header h1 a.logo {display:block; text-indent:-99999px; width:193rem; height:50rem; background:url('/design/hwarang2022/img/layout/logo.png') no-repeat left/100% auto; }

#header h1 a.go_dong{display:block; font-family: 'SuseongHyejeong', sans-serif; font-size: 25rem; font-weight: 500; color: #1a1a1a; margin-left: 42rem; position: relative;}
#header h1 a.go_dong::before{position: absolute; content: ""; width: 1rem; height: 19rem; background: #b7b7b7; top: 50%; left: -19rem; transform: translateY(-50%);}

.alarm {position:absolute; right:65rem; top:23rem; width:45rem; height:45rem; background:url('/design/hwarang2022/img/layout/alarm.png') no-repeat center; text-indent:-99999px; }
.alarm span {position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; background:#e7110a; border-radius:50%; font-size:12px; color:#fff; text-align:center; font-weight:300; text-indent:0; font-weight:300; }
.alarmView { display:none; position:absolute; right:60rem; top:90rem; z-index:210; }
.alarmView .list { width:300rem; height:300rem; background:#eee; border-radius:10rem; padding:10rem 20rem; box-shadow:3rem 3rem 7rem rgba(0,0,0,0.3);}
.alarmView .list a {display:block; background:#fff; border-radius:10rem; padding:10rem; margin:10rem 0;}
.alarmView .list a:hover {background:#ddd;}
.alarmView .list a span {display:block; }
.alarmView .list a span.type {float:left; font-weight:700; }
.alarmView .list a span.date { float:right;font-size:15rem;}
.alarmView .list a span.title {clear:both; line-height:1.4; padding:5rem 0 0; }
.alarmView .closeBtn { position:absolute; right:0; top:-70rem; background:#fff; width:45rem; height:45rem; text-indent:-99999px; }
.alarmView .closeBtn::before,
.alarmView .closeBtn::after {content:''; position:absolute; left:50%; top:5rem; width:1px; height:35rem; background:#000; transform:rotate(45deg); }
.alarmView .closeBtn::after {transform:rotate(-45deg);}
#header.on{background:#fff url('/design/hwarang2022/img/layout/nav_bg.png') no-repeat 10% bottom;}
#header.on::before { content:''; position:absolute; left:0; top:90rem; width:100%; height:1px; background:#eee; }

.vrtour { display:block; position:absolute; right:130rem; top:26rem; text-transform:uppercase; font-size:13rem; background:url('https://www.gyeongju.go.kr/design/hwarang2022/img/layout/vrtour_icon.png') no-repeat center top; font-weight:600; padding:24rem 0 0; letter-spacing:-0.3px;}
#gnb .depth1 > li:nth-child(6){padding: 10rem 0;}
#gnb .depth1 > li:nth-child(6) > a{font-weight:500; color: #fff; padding:2rem 18rem; background:#7c3a38 url('/design/hwarang2022/img/layout/donghak_bg.png') no-repeat; border-radius: 50px;}
#gnb .depth1 > li:nth-child(6) > a::before{bottom: -30rem;}

@media all and (max-width:1604px){
  .vrtour {right:calc(3% + 125rem);}
  .alarm {right:calc(3% + 60rem);}
  .alarmView .closeBtn {right:calc(3% + 30rem); top:-67rem; }
}
@media all and (max-width:1024px){
  #header{padding: 0 3%;}
  .alarmView .closeBtn {right:calc(3% + 14rem);}
}
@media all and (max-width:530px){
  .alarmView .closeBtn {right: 3%;}
}

#gnb {float:right; margin:20rem 150rem 0 0;}
#gnb .depth1 > li { position:relative; float:left;}
#gnb .depth1 > li > a { position:relative; display:block; font-size:19rem; padding:10rem 30rem; }
#gnb .depth1 > li > a:hover {font-weight:600; }
#gnb .depth1 > li > a::before { content:''; position:absolute; left:50%; bottom:-20rem; width:0; height:5rem; background:#71302e; transition:0.3s;}
#gnb .depth1 > li > a.on::before { left:0; width:100%;}
#gnb .depth1 > li:nth-child(6){padding: 10rem 0;}
#gnb .depth1 > li:nth-child(6) > a{font-weight:500; color: #fff; padding:2rem 18rem; background:#7c3a38 url('/design/hwarang2022/img/layout/donghak_bg.png') no-repeat; border-radius: 50px;}
#gnb .depth1 > li:nth-child(6) > a::before{bottom: -30rem;}
#gnb .depth1 > li:nth-child(7) {display:none;} 
#gnb .depth1 > li:last-of-type{margin-left: 10rem;}
#gnb .depth1 > li:last-of-type > a {color:#71302e; font-weight: 600;}
#gnb .depth1 > li:last-of-type > a::before {background:#fff; border: 2px solid #71302e;  border-radius:20rem; width:88rem; height:30rem; left:50%; top:10rem; bottom:auto; transform:translate(-50%, 0); z-index:-1; transition:0.3s;}
#gnb .depth1 > li:last-of-type > a:hover::before {transform:translate(-50%, 0) scale(1.1);}
#gnb .depth2 { position:absolute; width:100%; padding:40rem 0 0; min-height:480rem;}
#gnb .depth2 > li > a { display:block; padding:10rem; line-height:1.4; text-align:center;}
#gnb .depth2 > li > a:hover {color:#71302e; font-weight:600; }
#gnb .dept3 {display:none;}
#gnbOpen {display:none;}
@media all and (max-width:1300px){
  #gnb .depth1 > li > a {padding:10rem 25rem; }
}
@media all and (min-width:1605px){
  #gnbM {display:none !important;}
}
@media all and (max-width:1604px){
  #gnb { display:none; }
  #gnbOpen { position:absolute; display:block; right:3%; top:20rem; text-indent:-99999px; width:50rem; height:50rem; background:url('/design/hwarang2022/img/layout/menuOpen.gif') no-repeat center; }
  .gnbBg { position:fixed; background:rgba(0,0,0,0.8); opacity:0.8; left:0; top:0; width:100%; height:100%; z-index:10;}
  #gnbM { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; text-align:left; }
  #gnbM .gnbWrap { position:absolute; right:-320rem; top:0; width:320rem; height:100%; background:#fff; z-index:20; transition: all 0.3s ease 0.3s; overflow-y:scroll; }
  #gnbM .gnbWrap.open { right:0; }
  #gnbM a.link { position:fixed; display:block; width:350rem; bottom:0; background:#71302e; color:#fff; text-align:center; padding:10rem 0; font-weight:600; z-index:10; }
  #gnbM a.logo { display:block; width:190rem; height:50rem; background:url('/design/hwarang2022/img/layout/logo.png') no-repeat center/100% auto; text-indent:-9999rem; margin:40rem auto 20rem; }
  #gnbM .depth1 {margin-bottom:60rem;}
  #gnbM .depth1 > li > a { display:block; padding:10rem 20rem; font-weight:600; border-top:1px solid #e5e5e5; }
  #gnbM .depth1 > li > a.on {background:#f2f2f2; }
  #gnbM .depth2 > li > a { position:relative; display:block; padding:8rem 20rem; }
  #gnbM .depth2 > li > a::before {content:''; position:absolute; left:0; bottom:0; width:0; height:5rem; background:#71302e; transition: 0.3s; }
  #gnbM .depth2 > li > a.on::before {width:100%;}
  #gnbM .depth2 > li > a.more span { display:block;}
  #gnbM .depth2 > li > a.more span::before { content:''; position:absolute; right:15rem; top:18rem; width:9rem; height:9rem; background:linear-gradient(135deg, rgba(0,0,0,0.5) 50%, transparent 50%); transform:rotate(135deg); }
  #gnbM .dept3 > li > a {display:block; background:#905655; color:#fff; padding:8rem 20rem; font-size:16rem; }
  #gnbM .depth2, #gnbM .dept3 {display:none;}
  #gnbClose { position:absolute; right:20rem; top:20rem; width:30rem; height:30rem; text-indent:-9999rem;}
  #gnbClose::before,
  #gnbClose::after {content:''; position:absolute; left:50%; top:0; width:2rem; height:100%; background:#555; transform:rotate(45deg); }
  #gnbClose::after{ transform:rotate(-45deg); }
  .noScroll {overflow-y:hidden;}
}
@media all and (max-width:600px){
  #header h1 a.go_dong{display: none;}
  .vrtour{display: none;}
}

/* 변경후 끝 */

#footer { position:relative; border-top:3px solid #3c3938; }
#footer .btn {padding:10rem 60rem; border-bottom:1px solid #e5e5e5; margin:0; display:block; }
#footer .btn a { position:relative; display:inline-block; margin:0 30rem 0 0;}
#footer .btn a::before {content:''; position:absolute; right:-18rem; top:7rem; width:1px; height:12rem; background:#bbb; }
#footer .btn a:last-of-type::before {display:none;}
#footer .wrap { position:relative; padding:20rem 60rem 40rem;}
#footer .address p { float:left; display:block; margin:0 30rem 0 0; }
#footer .address p:nth-of-type(6) {clear:both;}
#footer .copyright {clear:both; font-size:14rem; color:#888; text-transform:uppercase; letter-spacing:0; padding:20rem 0 0;}
#footer .link {position:absolute; right:60rem; top:20rem; width:230rem; z-index:20;}
#footer .link > a { position:relative; display:block; background:#ebebeb; border:1px solid #dcdcdc; padding:15rem 30rem;}
#footer .link > a::before {content:''; position:absolute; right:30rem; top:30rem; width:8rem; height:8rem; background:linear-gradient(45deg, #222 50%, transparent 50%); transform:rotate(135deg); transition:0.3s; }
#footer .link > a.on::before { top:25rem; transform:rotate(-45deg);}
#footer .link ul { display:none; position:absolute; left:0; bottom:60rem; width:100%; height:200rem; background:#333; padding:20rem; overflow:auto; }
#footer .link ul a {display:block; color:#fff; padding:5rem 0; font-size:16rem; }
#footer a.top {position:absolute; right:60rem; top:-30rem; width:60rem; height:60rem; background:#3c3938; text-indent:-99999px; border-radius:50%; z-index:10; }
#footer a.top::before {content:''; position:absolute; left:26rem; top:26rem; width:8rem; height:8rem; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(-45deg); }
@media all and (max-width:1400px){
  #footer .btn { padding:10px 3%; }
  #footer .wrap {padding:20rem 300rem 40rem 3%; }
  #footer a.top {right:3%;}
}
@media all and (max-width:1023px){
  #footer .wrap {padding:20rem 3% 90rem;}
  #footer .link { top:auto; bottom:0; right:0; width:100%; }
}
@media all and (max-width:480px){
  #footer a.top {display:none;}
}

#sessf {height:0;}