@charset "utf-8";
@import url(/css/toplink.css);
html[class^='chrome_49'] body,
html[class^='chrome_49'] input,
html[class^='chrome_49'] select,
html[class^='chrome_49'] button,
html[class^='chrome_49'] textarea,
html[class^='chrome_5'] body,
html[class^='chrome_5'] input,
html[class^='chrome_5'] select,
html[class^='chrome_5'] button,
html[class^='chrome_5'] textarea{font-family:'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;}
.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

.layout{position:relative;margin:0 auto;width:100%;max-width:1240px;}
.layout:after {display:block;visibility:hidden;clear:both;content:""}
.tmpl_ir {background-image:url(/template/B/images/tmpl_ir.png); background-repeat: no-repeat; font-size:0;}

.modal-open #top_link  {z-index:11;}
#top_link {position: relative;z-index: 12;height:48px;background: #27313b;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap {float:left;}
#top_link .linkwrap ul {}
#top_link .linkwrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#top_link .linkwrap ul li {float:left;position:relative;margin-right: 26px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap ul li:last-child {margin-right: 0;}
#top_link .linkwrap ul li:after {display:block;position:absolute;right: -13px;top: 21px;content:'';width:1px;height:8px;background:#6a7179;}
#top_link .linkwrap ul li:last-child:after {display:none;}
#top_link .linkwrap ul li a {display:block;line-height:48px;font-size:14px;color: #fff;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 {float:right;}
#top_link .linkwrap2 ul {}
#top_link .linkwrap2 ul:after {display:block;visibility:hidden;clear:both;content:""}
#top_link .linkwrap2 ul li {float:left;position:relative;padding-left: 26px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 ul li:first-child {padding-left:0;}
#top_link .linkwrap2 ul li:after {display:block;position:absolute;right: -13px;top: 21px;content:'';width:1px;height:8px;background:#6a7179;}
#top_link .linkwrap2 ul li:last-child:after {display:none;}
#top_link .linkwrap2 ul li > a {display:block; line-height:48px; color:#fff; font-size:14px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 ul li.n1 a span {display:inline-block;width:17px; height:17px; margin:-3px 5px 0 0;background-position:0 0; vertical-align:middle;}
#top_link .linkwrap2 ul li.n3:before {display:block;position:absolute;z-index: -1;left: 25px;top:0;content:'';width:50px;height:48px;background: url(/template/A/images/toplink_bg.png)no-repeat left top;}
#top_link .linkwrap2 ul li.n3:after {display:none;position:absolute;z-index: -1;right: -90px;top:0;content:'';width:100px;height:48px;background: url(/template/A/images/toplink_bg.png)no-repeat right bottom;}
#top_link .linkwrap2 ul li.n3 a span {display:inline-block;width:21px; height:17px; margin:-3px 5px 0 0;background-position:-40px 0; vertical-align:middle;}
#top_link .linkwrap2 ul li.n4 a span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-image: url(/template/B/images/tmpl_ir2.png);background-position: -84px 0;vertical-align:middle;}
#top_link .linkwrap2 ul li.lang {position:relative;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang {position:relative;text-align:left;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > button {display:block;height: 100%;line-height: 48px;margin-right: 15px;color: #fff;font-size: 14px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > button:after {display:block;position:absolute;right:0;top: 50%;margin-top: 0.5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-top:4px solid #fff;content:'';}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div {display:none;position:absolute;top: 48px;z-index: 3;width:100%;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang.on > div {display:block;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div > button{display:block;position:absolute;top:-48px;left:0;height: 48px;line-height: 48px;padding-right: 15px;background: #27313b;color: #fff;font-size: 14px;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div > button:after {display:block;position:absolute;right: 0;top: 50%;margin-top: -0.5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;content:'';}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner {border-top:2px solid #fff;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span {display:block;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span a {display:block;width:100%;height: 40px;line-height: 40px;background: #27313b;color:#fff;border-bottom: 1px dashed #6a7179;font-size:14px;text-align: center;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span:last-child a {border:none;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span a:hover,
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span a:focus {background:#18252f;}
#top_link .linkwrap2 ul li.n3{overflow: hidden;height:48px;padding-right: 90px;margin-right: -40px;}
#top_link .linkwrap2 ul li.n3 #svg_symbol{position: absolute;right:5px;bottom: -45px;overflow: visible;width: 80px;height: 80px;animation:circle 30s linear alternate infinite;-webkit-animation:circle 30s linear alternate infinite;} 
#top_link .linkwrap2 ul li.n3 #svg_symbol [class*="st"]{transform-origin: center center;-webkit-transform-origin: center center;}
#top_link .linkwrap2 ul li.n3 #svg_symbol .st0{fill:#F6AB00;animation:st0 1s ease-in alternate infinite;-webkit-animation:st0 1s ease-in alternate infinite;}/*노란색*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st1{fill:#82A9DA;animation:st0 1s ease-in alternate .5s infinite;-webkit-animation:st0 1s ease-in alternate .5s infinite;}/*하늘색*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st2{fill:#C85912;animation:st0 1s ease-in alternate 1s infinite;-webkit-animation:st0 1s ease-in alternate 1s infinite;}/*진주황*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st3{fill:#EF7E00;animation:st0 1s ease-in alternate 1.5s infinite;-webkit-animation:st0 1s ease-in alternate 1.5s infinite;}/*연주황*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st4{fill:#F6AB00;}/*가운데원*/


#top_layout{display:block;position: relative;/* z-index: 11; */width:100%;height:100px;}
#top_layout:before{display:block;position:absolute;content:'';left:0;top:0;right:50%;z-index: 23;width:auto;height:100%;margin-right:620px;background:#fad12e;}
#top_layout .tour_top {position: absolute;z-index: 23;left: 50%;height:100px;margin-left: -834px;}
#top_layout .tour_top:after {display:block; clear:both; visibility:hidden; content:'';}
#top_layout #logo {float:left;position:relative;z-index: 6;width:265px;height:100%;background: #fad12e;}
#top_layout #logo a {display:block;width:100%;height:100%;padding: 19px 0 0;text-align: center;vertical-align: top;}
#top_layout #logo span {display:block;width:172px;height:60px;background:url(/template/B/images/logo.png)no-repeat;margin: 0 auto 0;font-size:0;}
#top_layout .allmenu {float:left;/* position:relative; */z-index:2;width: 155px;height: 100%;background: #fff;}
#top_layout .allmenu.mo {display:none;}
#top_layout .allmenu > button {display:block;width:100%;height:100%;line-height:100px;text-align: center;font-size:14px;color:#4d4c3e;font-weight:700;vertical-align: top;}
#top_layout .allmenu > button span {display:inline-block;width:20px;height:100%;margin-right: 15px;background:url(/template/B/images/menu.png)no-repeat center;vertical-align: top;}
#top_layout .allmenupc {}
#top_layout .allmenupc .logo_wrap {display:none;position: fixed;left: 50%;top: 48px;width:265px;height: 100px;margin-left: -834px;background: #fff;z-index: 6;}
#top_layout .allmenupc .logo_wrap:after {display: block;position: fixed;top: 48px;left: 0;right: 50%;z-index: -1;width: auto;height: 100px;margin-right: 320px;background: #fff;content: '';}
#top_layout .allmenupc.on .logo_wrap {display:block;}
#top_layout .allmenupc .logo_wrap a {display:block;width:100%;height:100%;padding: 19px 0 0;text-align: center;vertical-align: top;}
#top_layout .allmenupc .logo_wrap span {display:block;width:172px;height:60px;background:url(/template/B/images/logo.png)no-repeat;margin: 0 auto 0;font-size:0;}
#top_layout .allmenupc .pcmenu {opacity:0;position: fixed;top: 48px;left: 0;right: 100%;z-index: 4;width: auto;min-height: 100px;background: #fff;box-shadow: 5px 5px 8px rgba(0,0,0,.1);}
#top_layout .allmenupc .pcmenu:before{}
#top_layout .allmenupc .pcmenu:after{display:none; position: absolute;top: 0;left: 0;right: 50%;z-index: 1;width: auto;height: 100%;margin-right: 320px;border-bottom:1px solid #fff; content: '';}
#top_layout.on .allmenupc .pcmenu:after {display: block;}
#top_layout .allmenupc .pcmenu #gnb_layout {opacity:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#top_layout .allmenupc.on .pcmenu #gnb_layout {opacity:1;}
#top_layout .allmenupc.on .pcmenu {opacity:1;right:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}

#top_layout .allmenupc .clickClose {display:block;position:absolute;right:20px;;top:30px;z-index:100;width:40px;height:40px;font-size:0;}
#top_layout .allmenupc .clickClose:before{position:absolute; top:50%; left:50%;  width:100%; height:2px; margin:-1px 0 0 -20px; background-color:#000; content:""; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#top_layout .allmenupc .clickClose:after{position:absolute; top:50%; left:50%; width:100%; height:2px; margin:-1px 0 0 -20px;  background-color:#000; content:""; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}







#top_layout .topnotice {overflow: hidden;float:left;position:relative;z-index: 2;width: 415px;height:100%;background: rgba(0,0,0,.4);}
#top_layout .topnotice .inner {position:relative;width:100%;height:100%;padding: 0 90px 0 125px;}
#top_layout .topnotice .tit {position:absolute;top: 30px;left:40px;}
#top_layout .topnotice .tit span {display:inline-block;}
#top_layout .topnotice .tit .s2 {-webkit-animation: bubble 2s ease infinite; animation: bubble 2s ease infinite;}
@-webkit-keyframes bubble{0%,40%,100% {transform:translateY(0);-webkit-transform:translateY(0)}20%,60% {transform:translateY(-2px);-webkit-transform:translateY(-2px)}}
@keyframes bubble{0%,40%,100% {transform:translateY(0);-webkit-transform:translateY(0)}20%,60% {transform:translateY(-2px);-webkit-transform:translateY(-2px)}}
#top_layout .topnotice .t_notice {position: relative;}
#top_layout .topnotice .t_notice .photo_list--item {}
#top_layout .topnotice .t_notice .photo_list--item a {display:block; overflow:hidden; width:100%; line-height:100px;font-size:16px;font-weight: 500;color:#fff;text-overflow: ellipsis;white-space: nowrap;}
#top_layout .topnotice .t_notice .slick-dots {position:absolute;right: -50px;top: 45.5px;}
#top_layout .topnotice .t_notice .slick-dots li {display:inline-block;height: 5px;margin: 0 6px;}
#top_layout .topnotice .t_notice .slick-dots li button {width: 8px;height: 8px;border-radius:50%;background:#fff;font-size:0;vertical-align: top;}
#top_layout .topnotice .t_notice .slick-dots li.slick-active button {background:#fac31a;}
#top_layout .topnotice .t_notice .more {top: 38px;right: -70px;width: 24px;height: 24px;}
#top_layout .topnotice .t_notice .more:before {width: calc(100%/2);height: 2px;background: #fff;}
#top_layout .topnotice .t_notice .more:after {width: 2px;height: calc(100%/2);background: #fff;}
#top_layout .topnotice .t_notice .more a {display:block; width:100%; height:100%; }

#top_layout .topnotice .citytour {width: 100%;height: 100%;padding: 0 25px;}
#top_layout .topnotice .citytour a {display: block;width: 100%;height: 100%;padding: 27.5px 0 0;background: url(/images/tour/main/city_btn2.png)no-repeat right 43%;}
#top_layout .topnotice .citytour span {display: block;width: 207px;height: 45px;padding: 15px 0 0;border: 1px solid rgba(255,255,255,.2);border-radius: 30px;text-align: center;}
#top_layout .topnotice .citytour span img {}

.gnbfixed #top_layout .allmenupc .logo_wrap:after,
.gnbfixed #top_layout .allmenupc .pcmenu,
.gnbfixed #top_layout .allmenupc .logo_wrap {top:0;}




#top_layout.on {z-index: 999;}
#top_layout.on + .gnb_bg {display: block;z-index: 99;}
#top_layout + .gnb_bg {display: none;position: fixed;top: 48px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.modal-open #top_layout .top_wrap #logo{z-index:-1;}

#gnb_layout{display: block !important;overflow:hidden;position: absolute;top: 0;left: 0;width: 100%;min-height:100px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout:after{top:100px}
#gnb_layout.open{}
#gnb_layout.open:after{position: absolute;top: 100px;bottom: 0;right:0;width: 100%;height:auto;border-top:1px solid #ddd;background: #fff url(/template/B/images/gnb_bg2.jpg)no-repeat 99% bottom;content:"";}
#gnb_layout.open:before{display:block;position:absolute;top: 100px;left: 0;right: 50%;z-index: 1;width: auto;height:100%;margin-right: 320px;background: #fad12e;background-size:cover;content:'';}
#gnb {position: absolute;top:0px;left: 0;width: 100%;height: 100px;z-index:2;}
#gnb_layout.open #gnb:before {display:block; position:absolute; top:100px; left:3%; content:''; width:205px; height:123px; background:url(/template/B/images/gnb_obj3.png)no-repeat; }
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;height: 100%;text-align: right;}
#gnb_layout .depth1_ul{display:inline-block;float: none;height:100%;z-index:14;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;float:left;height:100%;margin: 0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 18px;font-size: 17px;color: #22272d;text-align:center;}
#gnb_layout .depth1_ul>li>a:before{display: block;position: absolute;top: 50%;left: 0;content:'';width: 1px;height: 16px;margin-top: -8px;background: #c5c0b4;}
#gnb_layout .depth1_ul>li:first-child>a:before{display: none;}
#gnb_layout > ul > li.on > a,
#gnb_layout .depth1_ul>li>a:after {display:block;opacity:0;position:absolute;left:50%;bottom: -14px;width: 28px;height: 28px;margin-left: -14px;border-radius: 50%;background: #fff url(/template/B/images/gnb_ov.png)no-repeat center;content:'';transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}

#gnb_layout .depth1_ul>li>a.current{color:#7b5f53;}
#gnb_layout .depth1_ul>li>a.current span {font-weight: 700;}
#gnb_layout .depth1_ul>li>a.current:after {opacity:1;}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block}
#gnb_layout .depth1_ul>li>a span{display: inline-block;height: 100%;line-height: 100px;vertical-align: middle;font-weight: 500;}

#gnb_layout .depth1_ul>li>a[target="_blank"] span:after {display:inline-block;width: 16px;height: 15px;margin:-2px 0 0 5px;background: url(/template/B/images/blank.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul > li .item{display: none;position:absolute;top: 100px;left: 0;z-index: 100;width: 100%;min-height: 300px;margin: 40px 0 30px;padding-left: 300px;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title {position:absolute;top:0;left: 0;height:100%;width: 300px;padding: 0 0 0 40px;background: url(/images/tour/common/gnb_bg.png)no-repeat left bottom;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;z-index: 1;margin:0 0 20px;font-size: 23px;color: #402d26;font-weight:600;line-height: 1;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:before {display:block;position:absolute;content:'';left: -40px;top: -18px;width:28px;height:27px;background: url(/template/B/images/gnb_obj2.png)no-repeat; animation: gnbobj 2s ease-out;-webkit-animation: gnbobj 2s ease-out;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:after {display:block;position:absolute;left:-8px;right:-8px;bottom:-4px;z-index: -1;content:'';width:auto;height:10px;border-radius:20px;background:rgba(255,255,255,.2);}

#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;position: relative;z-index: 1;width:100%;padding:0;margin:0;font-size:14px;color: #402d26;line-height: 1.4;}
#gnb_layout .depth1_ul > li .item .gnb-depth {position:relative;height:100%;min-height: 243px;margin: 0 0 0 15px;}
#gnb_layout .depth1_ul > li .item .depth2_ul{float:left;position: relative;top: 0;height: 100% !important;min-height: 243px;width: 100%;text-align:  left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block;float: left;position:relative;width: calc(33.33% - 25px);padding: 0;margin: 0 0 10px 25px;text-align: left;}
#gnb_layout .depth1_ul > li.n2 .item .depth2_ul > li:nth-child(1),
#gnb_layout .depth1_ul > li.n2 .item .depth2_ul > li:nth-child(2),
#gnb_layout .depth1_ul > li.n2 .item .depth2_ul > li:nth-child(3){min-height: 405px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative;height: 48px;padding: 10px 15px;border-bottom: 3px solid #d5d5d5;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:before {display:block;position:absolute;content:'';right:15px;top: 50%;margin-top: -2.5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #aeaeae;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus:before {border-top:5px solid #f57f20;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display:inline-block;color: #222;font-size: 16px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus {border-bottom: 3px solid #f57f20;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span{color:#7b5f53;font-weight:700;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:before {display:inline-block;width:16px;height:15px;margin-top: -7.5px;border:none;background:url(/template/B/images/blank.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on[target="_blank"]:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:hover:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:focus:before {border:none;margin-top: -7.5px;}
#gnb_layout .depth3_ul {padding:15px 15px;}
#gnb_layout .depth3_ul > li {position:relative; margin:5px 0; }
#gnb_layout .depth3_ul > li > a {display:block; position:relative; width:100%; padding-left:10px; }
#gnb_layout .depth3_ul > li > a:before{display:block; position:absolute; left:0; top:11px; content:''; width:3px; height:3px; background:#9f9fa0;}
#gnb_layout .depth3_ul > li > a:hover:before,
#gnb_layout .depth3_ul > li > a:focus:before {background:#f57f20;}
#gnb_layout .depth3_ul > li > a > span {display:inline-block;font-size:15px; color:#4d4d4d}
#gnb_layout .depth3_ul > li > a[target="_blank"] > span:after {display:inline-block;width:16px;height:15px;margin:-2px 0 0 5px;background:url(/template/B/images/blank.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth3_ul > li > a:hover > span,
#gnb_layout .depth3_ul > li > a:focus > span {color:#f57f20; text-decoration:underline;}

@-webkit-keyframes gnbobj {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);}
}
@keyframes gnbobj {
    0% {transform: rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@media screen and (max-width:1670px){   

    #top_layout .tour_top {margin-left: -621px;}
    #top_layout .allmenupc .logo_wrap {margin-left: -620px;}
    #top_layout .allmenupc .logo_wrap:after {margin-right: 620px;}
    #top_layout .topnotice {width:510px;}

    #gnb_layout .layout {padding-right: 15px;}


}
@media screen and (max-width:1400px){   
    #top_link .linkwrap2 ul li.n3 {margin-right: -20px;}
    #top_link .linkwrap2 ul li.n3:after {right:-80px;}
}
@media screen and (max-width:1319px){   
    .layout {max-width:100%;padding:0 40px;}
    #top_layout:before {z-index: 24;right: auto;width: 40px;background:#fff;margin: 0;}
    #top_layout .tour_top {left:0;width: 100%;margin:0;padding: 0 40px;background: rgba(0,0,0,.4);}
    #top_layout #logo {width:220px;background: #fff;}
    #top_layout .allmenu {width:105px;}
    #top_layout .allmenu button {font-size:0;}
    #top_layout .allmenu span {margin:0;}
    #top_layout .topnotice {width:calc(100% - 325px);background: none;}

    #top_layout .topnotice .t_notice .slick-dots {position:absolute;right: -55px;top: 47.5px;}
    #top_layout .topnotice .t_notice .more {right: -80px;}

    #top_layout .allmenupc > div:before {display:none;}
    #top_layout .allmenupc .logo_wrap {left: 40px;width:220px;background: #fff;margin: 0;}
    #top_layout .allmenupc .logo_wrap:after {left: 0;right: auto;width: 365px;background: transparent;}
    #top_layout .allmenupc .pcmenu:after {border:none;}
    #top_layout .allmenupc .clickClose  { top:37.5px;right:10px; width:25px; height:25px;}

    #gnb_layout .layout {padding-right: 60px;}
    #gnb_layout.open:before {left:0; width:300px;}
    #gnb_layout .depth1_ul > li .item {padding:0 40px; padding-left:300px;}
    #gnb_layout .depth1_ul > li .item .gnb-title {left:20px;}


}
@media screen and (max-width:1279px){
    .layout,
    #top_layout {max-width: 100%;padding:0 20px;}
    #top_layout:before {width:20px;}
    #top_layout .tour_top {padding:0 20px;}
    #top_layout #logo {width:192px;}
    #top_layout #logo span {}
    #top_layout .topnotice {width:calc(100% - 297px);}

    #top_layout .allmenupc .logo_wrap {left: 20px;width: 192px;}
    
    
    #gnb_layout.open:before {display:none;}
    #gnb_layout .depth1_ul > li > a {padding:0 14px;font-size: 16px;} 
    #gnb_layout .depth1_ul > li .item {margin:30px 0; padding:0;}
    #gnb_layout .depth1_ul > li .item .gnb-title {display:none;}
    #gnb_layout .depth1_ul > li .item .gnb-depth {margin: 0 -10px;padding: 0 20px;}
    #gnb_layout .depth1_ul > li .item .depth2_ul {margin: 0;}
    #gnb_layout .depth1_ul > li .item .depth2_ul > li {width: calc(25% - 20px);margin: 0 10px 10px;}
    #gnb_layout .depth1_ul > li .item .depth2_ul > li > a {padding: 7px 15px;}
    #gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {font-size:15px;}
    #gnb_layout .depth3_ul {padding:8px 15px;}
}
@media screen and (max-width:1199px){
    #top_link .linkwrap {display:none;}
}
@media screen and (max-width:1100px){
    #gnb_layout .depth1_ul > li > a {padding:0 12px;font-size: 15px;} 
}
@media screen and (max-width:1023px){
    #top_link {z-index:11;}
    #top_link .linkwrap2 ul li.n1,
    #top_link .linkwrap2 ul li.n2,
    #top_link .linkwrap2 ul li.n4 {display:none;}
    #top_link .linkwrap2 ul li.n3 {padding-left:25px;}
    #top_link .linkwrap2 ul li.n3:before {left:0;}
    
    #top_layout  {height: 110px;}
    #top_layout:before {display:none;}
    #top_layout .tour_top {padding: 0;height: 100%;background: none;}
    #top_layout #logo {width:100%;height:65px;}
    #top_layout #logo a {padding: 10px 0 0;}
    #top_layout #logo span {width: 129px;height:45px;background-size:auto 45px;}
    #top_layout .allmenu {display:none;}
    #top_layout .allmenu.mo {display:block;position: absolute;right: 0;z-index: 10;width: 60px;height:65px;}
    #top_layout .allmenu.mo button {width:100%; height:100%;font-size:0;}
    #top_layout .allmenu.mo span {-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
    #top_layout .topnotice {z-index: 999;width:100%;height: 45px;background: rgba(0,0,0,.4);}
    #top_layout .topnotice .inner {padding: 0 90px 0 100px;}
    #top_layout .topnotice .tit {left:20px;top: 5.5px;}
/*  #top_layout .topnotice .tit img {width:64px;height:24px;} */
    #top_layout .topnotice .t_notice .photo_list--item a {line-height:45px; font-size:14px;}
    #top_layout .topnotice .t_notice .slick-dots {top: 20px;right: -50px;}
    #top_layout .topnotice .t_notice .more {top: 12.5px;right: -75px;}

    #top_layout.on + .gnb_bg {display:none;}
    #gnb_layout{display: none !important;}  
    
    #top_layout .topnotice .citytour a{padding:0;background: none;text-align: center;}
    #top_layout .topnotice .citytour span {display: inline-block;width: auto;height: 100%;padding: 15px 0 0 85px;border:none;background: url(/images/tour/main/city_btn2.png)no-repeat left center;background-size: auto 36px;}
}
@media screen and (max-width:767px){    
    #top_link {background: #27313b url(/template/B/images/toplink_bg2.png)no-repeat right bottom;}
    #top_link .linkwrap {display:none;}
    #top_link .linkwrap2 {float:left;}
    #top_link .linkwrap2 ul li.n3 {padding: 0;}
    #top_link .linkwrap2 ul li.n3:before {display:none;}
    #top_link .linkwrap2 ul li.n3:after {display:none;}
    #top_link .linkwrap2 ul li.n3 #svg_symbol{display: none;}
    #top_layout .top_wrap .utile_wrap {position:absolute;right:0;top: 0;}
    #top_layout .top_wrap .utile_wrap li {float:none;text-align: right;}   
}

/* mobile menu */
#mobile-menu{overflow: visible;/* height: 100%; */padding:0 !important;}
#mobile-menu .modal-dialog {float:right;width:300px;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content{position: static;height: 100%;padding: 0;background:#fff;padding: 45px 0 0;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;width: 100%;text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile.tmp_center {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile.tmp_kor {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member {height: 45px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul {}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li {float:left;position:relative;width:33.33%;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li:after {display:block; position:absolute; right:0; top:50%; content:''; width:1px; height:12px; margin-top:-6px; background:#d9d9d9;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li:last-child:after {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li a{display:block;font-size:13px; color:#555; line-height:45px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang {width:100%; height:35px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang a {display:block; width:100%; height:100%;background:#8e796d;color:#fff; font-size:15px; line-height:35px;}
#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden;height:100%;background: #505256;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;border-bottom: 1px solid rgba(255,255,255,.2);background: #505256;color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {display:block;position:absolute;right: 18px;top: 18.5px;width: 10px;height: 10px;border-width:1px;border-style: solid;border-color: #fff;border-width: 1px 1px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov {background: #f57f20;font-weight: 700;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {border-width:0 1px 1px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display:block;padding: 13px 45px 13px 25px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;width: 100%;position:relative;border-bottom:1px solid #cbcbcb;background:#fff;color:#222;font-size: 15px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {right: 16px;width: 16px;height: 1px;background: #b2b2b2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {right: 24px;width: 1px;height: 16px;background: #b2b2b2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov {color: #f57f20;font-weight: 700;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display:block;padding: 13px 45px 13px 25px;padding-left: 35px;line-height:1.4;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;padding:5px 0;background: #f4f4f4;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;margin: 12px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li:after {display:block;position:absolute;left: 40px;top: 9px;width: 2px;height: 2px;background: #8a8a8a;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;padding-left: 50px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display:block;font-size: 13px;color: #686868;}
#mobile-menu .mobile-close {position:absolute;top: -95px;left:-53px;}
#mobile-menu .mobile-close span {display:block; position:relative; width:53px; height:53px; font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width: calc(100%/2);height: 1px;background: #fff;}
#mobile-menu .mobile-close span:after {width: 1px;height: calc(100%/2);background: #fff;}
.modal-backdrop.in{opacity: .8;z-index: 25;}


.modal-open,
.modal-open #body_layout {overflow:hidden;height:100%;}