@charset "utf-8";

#body_layout{position: relative;}
#body_layout .body_wrap{padding-bottom: 50px;}

.contents_wrap{position:relative;}
#txt {width: 100%;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}

#svisual_layout {height: 440px;padding: 190px 0 0;background: url(/images/tour/common/sub_img01.jpg)no-repeat center / cover;text-align: center;}
#svisual_layout .svisual_wrap {}
#svisual_layout .svisual_wrap .subvisual-layout {}
#svisual_layout .svisual_wrap .subvisual-layout strong {}
#svisual_layout .svisual_wrap .subvisual-layout span {display:block; font-size:21px; font-weight:bold; font-family:'score'; color:#fff; }
#svisual_layout .svisual_wrap .subvisual-layout img {margin:-40px 0 0;}

.lnb_wrap{position:relative;z-index:10;width:100%;margin-top: -75px;}
.lnb__title{display: none;}
.lnb__title:before{display:inline-block;height:100%;content:"";vertical-align:middle;}
.lnb__title strong{color:#fff;font-size:26px;font-weight: bold;line-height:1}
.lnb_depth2__list{display: block;overflow: hidden;position: relative;width: 100%;border-radius: 30px 0 0 0;}
.lnb_depth2__list:after {display:block; clear:both; visibility:hidden; content:'';}
.lnb_depth2__list > li{float: left;width: auto;min-height: 75px;background: #2f68c2;}
.lnb_depth2__list > li > a{display: table;position: relative;width: 100%;height: 75px;min-height: 75px;border-left: 1px solid rgba(255,255,255,.2);color:#fff;transition: all .3s;text-align: center;}
.lnb_depth2__list > li.on > a {background:#d5403c; }
.lnb_depth2__list > li a span{position:relative;display:block;font-size: 16px;line-height:1.2;word-wrap:break-word;word-break: break-all;color: #fff;}
.lnb_depth2__list >li>a>span{display:table-cell;position:relative;padding: 0px 12px;vertical-align: middle;font-size: 17px;font-weight: bold;letter-spacing: -0.1em;word-break: keep-all;}
.lnb_depth2__list >li > a:hover span,
.lnb_depth2__list >li > a:focus span,
.lnb_depth2__list >li.on>a span{color: #fff;}
.lnb_depth2__list .lnb_depth3__list{display: none;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list:before {display:block;position:absolute;left: 0;bottom:0;width: 100%;height:1px;background:#e5e5e5;content:'';}
.lnb_depth2__list .lnb_depth3__list:after {display:block; clear:both; visibility:hidden;}
.lnb_depth2__list li.on .lnb_depth3__list {display: block;position: absolute;top: 75px;left: 0;width: 100%;padding: 22px 0;background: none;}
.lnb_depth2__list .lnb_depth3__list li{display: inline-block;float: left;position: relative;margin: 3px 0;border:none;background:none;}
.lnb_depth2__list .lnb_depth3__list li:before{position:absolute;left: -2px;top: 7px;width:1px;height: 14px;background-color: #ccc;content:"";}
.lnb_depth2__list .lnb_depth3__list li:first-child{padding-left: 0}
.lnb_depth2__list .lnb_depth3__list li:first-child:before{display: none;}
.lnb_depth2__list .lnb_depth3__list li a{display:inline-block;position: relative;padding: 0 15px;border:none;background:none;}
.lnb_depth2__list .lnb_depth3__list li span{display:block;position:relative;padding: 0;font-size: 16px;font-weight: bold;word-wrap:break-word;word-break:keep-all;color: #666666;}
.lnb_depth2__list .lnb_depth3__list li.on span{color:#d5403c;}
.lnb_depth2__list .lnb_depth3__list li span:after {display:inline-block;content:'';width: 16px;height: 16px;margin: -1px 0 0 5px;border-radius: 50%;border: 1px solid #9b9b9b;vertical-align: middle;}
.lnb_depth2__list .lnb_depth3__list li span:before {display:block;position:absolute;right: 5px;top: 8.5px;content:'';width:8px;height: 2px;background:#9b9b9b;}
.lnb_depth2__list .lnb_depth3__list li.on span:after{border:1px solid #d5403c; background:#d5403c; }
.lnb_depth2__list .lnb_depth3__list li.on span:before {right: 6.5px;top: 6px;width:4px;height:4px;border: solid #fff;border-width:0 1px 1px 0;background:none;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.lnb_depth2__list .lnb_depth3__list li a[target="_blank"] span:after {width:13px; height:12px; border:none; border-radius:0; background:url(/images/tour/common/target.png)no-repeat; }
.lnb_depth2__list .lnb_depth3__list li a[target="_blank"] span:before {display:none;}

.lnb_depth2__list.n1 > li {width:100%;}
.lnb_depth2__list.n2 > li {width:50%;}
.lnb_depth2__list.n3 > li {width:33.33%;}
.lnb_depth2__list.n4 > li {width:25%;}
.lnb_depth2__list.n5 > li {width:20%;}
.lnb_depth2__list.n6 > li {width:16.666%;}
.lnb_depth2__list.n7 > li {width:14.285714%;}
.lnb_depth2__list.n8 > li {width:12.5%;}
.lnb_depth2__list.n9 > li {width:11.111%;}
.lnb_depth2__list.n10 > li {width:10%;}

.lnb_depth2__list li div {height:0;}
.lnb_depth2__list li.on .depth3_b {height: 75px;background: #fff;border: 0;}

#location{position:relative;z-index: 20;width:100%;margin: 0 0 30px;padding: 55px 0 20px;background: url(/images/tour/common/pattern.png)repeat-x left bottom;text-align:left;}
#location:after {display:block; clear:both; visibility:hidden ;content:''; }
#location .page__title {float:left;line-height: 1.3;font-size: 30px;font-weight: 700;font-family: 'score';color: #222222;}
#location .utile_wrap {display: block;float:right;margin: 10px 0 0 20px;}
#location .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap {display:inline-block;position: relative;top: -3px;}
#location .utile_wrap .print_wrap:before {display:inline-block;float: left;content:'';width:1px;height:12px;margin: 5px 10px 0;background:#c0c0c0;vertical-align: middle;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;margin-left:7px; }
#location .utile_wrap .print_wrap > li .tmpl_ir {background: url(/images/tour/common/ico_ir.png)no-repeat;font-size:0;}
#location .utile_wrap .print_wrap > li > button {display:block;width: 32px;height: 20px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#location .utile_wrap .print_wrap > li.sns {position: relative;}
#location .utile_wrap .print_wrap > li.sns > button {}
#location .utile_wrap .print_wrap > li.sns > button span {display:block;width: 17px;height:100%;background-position: 0 -108px;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: 6px;top: -4px;width: 32px;text-align:right;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display: block;width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position:0 -174px;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position:0 -214px;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose {width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;background: url(/images/tour/common/ico_ir.png)no-repeat -21px 0;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block;width:100%;height:100%;background-position: 0 -134px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block;width: 21px;height:100%;background-position: -20px -108px;}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block;width: 19px;height:100%;background-position: -44px -108px;}
#location .utile_wrap .location_wrap {display:inline-block; position:relative;}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float: left;position:relative;}
#location .utile_wrap .location_wrap li:not(:last-child):after {display:inline-block;content:'';margin: 10px 10px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #c5c5c5;vertical-align: top;}
#location .utile_wrap .location_wrap li a {display:inline-block;position:relative;line-height: 25px;vertical-align: top;font-size: 15px;}
#location .utile_wrap .location_wrap li.home a {width:16px;height:17px;margin: 4px 0 0;background: url(/images/tour/common/ico_ir.png)no-repeat -21px 0;font-size: 0;}

@media screen and (max-width:1279px){  
    .lnb_wrap {display:none;}
    .contents_wrap {float:none; width:100%;}
    #location .utile_wrap .location_wrap li:not(:last-child):after {margin:8px 8px 0;}
    #svisual_layout {height:340px;padding: 160px 0 0;}
    #svisual_layout .svisual_wrap .subvisual-layout img {width:520px;margin: -35px 0 0;}
}
  
@media screen and (max-width:1023px){   
    #location {padding: 50px 0 20px;}
    #location .page__title  {padding-right: 0;font-size: 24px;}
    #location .utile_wrap {margin:5px 0 0 20px;}
    #location .utile_wrap .location_wrap {}

    #location .utile_wrap .print_wrap {}
    #location .utile_wrap .print_wrap > li.n3 {display:none;}
}

@media screen and (max-width:767px){ 
    #location {padding: 30px 0 20px; text-align:center;}
    #location .page__title {float:none;}

    #location .utile_wrap {float:none;margin:5px 0 0;}
    #location .utile_wrap .location_wrap {margin:5px;vertical-align: top;}
    #location .utile_wrap .location_wrap li {display:inline-block; float:none; vertical-align:top;}
    #location .utile_wrap .print_wrap {margin:5px;vertical-align: bottom;}
    #location .utile_wrap .print_wrap:before {display:none;}
    #svisual_layout {height:240px;padding: 130px 0 0;}
    #svisual_layout .svisual_wrap {width: auto;padding: 0;}
    #svisual_layout .svisual_wrap .subvisual-layout span {font-size:15px;}
    #svisual_layout .svisual_wrap .subvisual-layout img {width:100%; max-width:380px;margin: -25px 0 0;}
}

@media screen and (max-width:400px){ 
    #svisual_layout .svisual_wrap .subvisual-layout img {margin: -20px 0 0;}
}


 
/* 4차메뉴 탭 */
#tab_moType1 {display:none;}
#tab_moType1 .title{display:none}
#tab_moType1.mobile{}
#tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;border: none;}
#tab_moType1.mobile ul li{display:none;float:none;width:100%;border-left: 1px solid #ddd;}
#tab_moType1.mobile ul li a{display:block;height:auto;margin:0;padding: 10px 0;font-size:16px;}
#tab_moType1.mobile ul li.on a {padding: 12px 0 10px;}
#tab_moType1.mobile .title{display:block;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
#tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330}
#tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px}

.tabmenu__4th {overflow: hidden;position: relative;margin: 0 0 20px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tabmenu__4th:after {display:block; clear:both; visibility:hidden; content:''; }
.tabmenu__4th li{display: table;float:left;position:relative;width: 33.33%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tabmenu__4th.n2 li {width:50%;}
.tabmenu__4th li:nth-child(3n),
.tabmenu__4th li:last-child {border-right:1px solid #ddd;}
.tabmenu__4th li a{display: table-cell;position: relative;z-index:0;height: 55px;border: none;background: #fff;vertical-align: middle;transition: all 0.3s;outline: 1px solid transparent;}
.tabmenu__4th li a:hover,
.tabmenu__4th li a:focus {outline:1px dotted #777;}
.tabmenu__4th li a span{display: block;position: relative;width: 100%;padding: 0 40px 0 20px;font-size: 16px;line-height: 1.1;}
.tabmenu__4th li a span:after {position: absolute;content: "";top: 50%;right:15px;width:12px; height:2px; margin-top:-1px; background:#aeb6c4; transition: all 0.2s ease-out;}
.tabmenu__4th li.on a,.tabmenu__4th li.on a:active,.tabmenu__4th li.on a:focus,.tabmenu__4th li.on a:hover {border: 2px solid #2f68c2;background: none;color: #2f68c2;z-index:1;font-weight:bold;}
.tabmenu__4th li.on a span:after,.tabmenu__4th li.on a:active span:after,.tabmenu__4th li.on a:focus span:after,.tabmenu__4th li.on a:hover span:after{width:auto; height:auto; margin-top: -3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2f68c2;background:none;}
.tabmenu__4th li a:active,.tabmenu__4th li a:focus,.tabmenu__4th li a:hover{z-index:1;border-color:#48546d;background:none;color:#48546d}
.tabmenu__4th li a:active span:after,.tabmenu__4th li a:focus span:after,.tabmenu__4th li a:hover span:after{}
.tabmenu__4th li a[target=_blank]:after{position: absolute;right: 16px;top: 50%;width: 11px;height: 12px;margin-top: -6px;background: url(/template/A/images/target.png)no-repeat;content: '';}
.tabmenu__4th li a[target=_blank] span:after{display:none;}

@media (max-width:1279px){
    #tab_moType1 {display:block;}
    
}