@charset "utf-8";

/*.gnbWrap*/
.gnbWrap{padding:20px; position:absolute; z-index:1000; width:100%;}
.gnbWrap::after{content:""; display:block; width:100%; height:1px; background:#fff; opacity:0.2; position:absolute; bottom:0; left:0;}
section{position:relative}
section::after{clear:both;content:"";display:block}

.gnbWrap h1{background:url(/tour/usr/images/common/logo.png) no-repeat; background-size:cover; width:100px; height:44px; overflow:hidden; line-height:5000; display:inline-block;position:relative;z-index:1;}
.gnbWrap h1 a {display:block;}
.side_nav{display:none; position:absolute; top:34px; right:100px;}
.side_nav>li{display:inline-block; margin-left:15px;}
.side_nav>li.btn_x{display:none;}
.side_nav a{display:inline-block;}
.side_nav>li>a{color:#fff;}

/* 언어선택 */
.select_lan{position:relative;}
.select_lan .btn_lang {display:inline-block;vertical-align:top;line-height:1.5;text-align:left;color:#fff;border-bottom:1px solid #fff; width:50px; background:url(/tour/usr/images/common/arrow_btm.png) no-repeat right 7px; font-weight:400;}
.select_lan ul{display:none; position:absolute; z-index:5; background:#fff; border:1px solid #ddd; padding:20px; width:120px; top:35px; left:10px; right:0; margin:auto; text-align:center; font-size:14px;}
.select_lan li{padding-top:5px;}
.select_lan li:first-child{padding-top:0;}
.select_lan li a.on,
.select_lan li a:hover,
.select_lan li a:focus{display:inline-block;box-shadow:0 1px 0 0 #000;}

/* 검색 */
.search_menu {position:absolute; top:30px; right:20px;z-index:1;}
.search_menu li{display:inline-block;}
.search_menu button{display:block; width:30px; height:30px; line-height:5000; overflow:hidden;}
.search_menu .btn_search{background:url(/tour/usr/images/common/icon_search.png) no-repeat center; background-size:20px;}
.search_menu .btn_x{background:url(/tour/usr/images/common/icon_x.png) no-repeat; position:absolute; top:38px; right:30px; width:20px;height:20px;background-size:20px}
.search_menu .search_wrap div{display:none; position:fixed; top:0; right:0; background:#fff; width:100%; padding:30px 70px 30px 30px;}
.search_menu .search_wrap p{border:1px solid #aaa; border-radius:30px; overflow:hidden;}
.search_menu .search_wrap p:focus{border:2px solid #aaa; background:#fafafa;}
.search_menu .search_wrap p input{width:calc(100% - 50px); display:inline-block; padding:0 10px; font-weight:300; color:#666; border:0;}
.search_menu .search_wrap p input + .btn_searchGo {display:inline-block; width:36px; height:36px; background:url(/tour/usr/images/common/icon_search_black.png) no-repeat 6px 10px; background-size:17px;}
.search_menu li .btn_allmenu {background:url(/tour/usr/images/common/icon_menu.png) no-repeat center; background-size:20px;}
.gnbWrap.all_menu .search_menu li:has(.btn_allmenu) {display:none;}
.gnbWrap.all_menu .search_menu {right:54px;}

@media all and (min-width:1441px){
    .gnbWrap{padding:20px 50px;}
    .gnbWrap.on{background:#fff;}
    .gnbWrap.on::after{background:#000;}
	.gnbWrap>div{margin:0 auto;position:relative;}
	.gnbWrap h1{width:142px;height:63px; background:url(/tour/usr/images/common/logo.png) no-repeat}
    .gnbWrap.on h1{background:url(/tour/usr/images/common/logo_black.png) no-repeat}
    .gnbWrap nav{position:absolute; left:0;right:60px; margin:auto; top:15px; text-align:center;}
	.gnbWrap nav a{display:block;}
    .gnbWrap nav>ul>li{display:inline-block;font-size:19px;padding:0 38px}
	.gnbWrap nav>ul>li>a{padding-bottom:40px;position:relative; color:#fff;}	
    .gnbWrap.on nav>ul>li>a{color:#000;}
	.gnbWrap nav>ul>li>a::after{width:0;height:4px;left:50%;transform:translateX(-50%);content:"";display:block;position:absolute;bottom:0;z-index:1;transition:all ease .3s;}
	.gnbWrap nav>ul>li.on>a::after{background:#007ac2;width:100%;}
	.gnbWrap nav>ul>li.on>a{color:#007ac2;}
    .gnbWrap nav div{display:none;position:absolute;top:68px;left:0;width:100%;text-align:left;background:#fff;}
	.gnbWrap nav div::before{background:#007ac2 url(/tour/usr/images/common/gnb_bg.png) no-repeat 71% 85%/35% auto;display:block;content:"";width:43%;height:100%;min-height:250px;position:absolute; left:-20%;z-index:0}
    .gnbWrap nav div::after{background:#fff;display:block;content:"";height:100%;min-height:250px;position:absolute;top:0;left:-50px;right:-110px;box-shadow:0 1px 1px 0 #e0e0e0; z-index:-1}
	.gnbWrap nav div>p{display:inline-block;width:22%;position:relative;padding-top:80px}
	.gnbWrap nav div>p::before{background:url(/tour/usr/images/common/bullet_mtit.png) no-repeat;width:68px;height:18px;content:"";display:block;position:absolute;top:50px}
    
    .gnbWrap nav div>p strong{font-family: 'AritaBuri';color:#fff;font-size:38px;display:block;margin-bottom:5px}
	.gnbWrap nav div>p span{color:rgba(255,255,255,.5);text-transform:uppercase;font-size:16px;letter-spacing:2px}
	.gnbWrap nav div>ul{display:inline-block;width:77%;padding:50px 80px 50px 37px; min-height:270px; position:relative; z-index:5;}
	.gnbWrap nav div>ul>li{float:left;width:calc(25% - 43px);margin-left:43px;margin-bottom:17px}
	.gnbWrap nav div>ul>li>a{font-size:17px;padding:12px 15px;display:block;border:1px solid #ddd;background:url(/tour/usr/images/common/nav_arrow.png) no-repeat 93% center;margin-bottom:20px}
	.gnbWrap nav div ul li.new_win span{background:url(/tour/usr/images/common/link_newB.png) no-repeat;width:12px;height:12px;text-indent:-9999px;display:inline-block;margin:5px 0 0 5px;}
	.gnbWrap nav div>ul>li>a:hover,
    .gnbWrap nav div>ul>li>a:focus{background:#007ac2 url(/tour/usr/images/common/nav_arrowW.png) no-repeat 93% center;color:#fff}
	.gnbWrap nav div ul li.new_win a ,.gnbWrap nav div ul li.new_win a,
	.gnbWrap nav div ul li.new_win a:hover,
    .gnbWrap nav div ul li.new_win a:focus{background-image:none}
	.gnbWrap nav div ul li.new_win a:hover span,
    .gnbWrap nav div ul li.new_win a:hover focus{background-position:right 0}
	.gnbWrap nav div>ul>li:nth-child(5),.gnbWrap nav div>ul>li:nth-child(9){clear:both;content:"";display:block}
	.gnbWrap nav div>ul>li>ul>li{margin-bottom:5px;padding-left:20px;}
	.gnbWrap nav div>ul>li>ul>li a{font-size:16px;}
	.gnbWrap nav div>ul>li>ul>li>a::before{width:4px;height:4px;border-radius:5px;content:"";background:#949494;display:inline-block;margin-right:10px;vertical-align:middle}
	.gnbWrap nav div>ul>li>ul>li a:hover,
    .gnbWrap nav div>ul>li>ul>li a:focus{color:#007ac2}
	.gnbWrap nav div>ul>li>ul>li a:hover::before,
    .gnbWrap nav div>ul>li>ul>li a:focus::before{background:#007ac2}
	.gnbWrap nav div>ul>li>ul>li>ul{display:none}

	.gnbWrap nav>ul>li.on>a + div,
	.gnbWrap nav>ul>li.on>a + div{display:block}

    .gnbWrap nav>ul>li:nth-of-type(2n+0) p::before {background-image:url(/tour/usr/images/common/bullet_mtit_green.png);}
    .gnbWrap nav>ul>li:nth-of-type(2n+0).on>a::after,
    .gnbWrap nav>ul>li:nth-of-type(2n+0) div::before,
    .gnbWrap nav>ul>li:nth-of-type(2n+0) div>ul>li>a:hover,
    .gnbWrap nav>ul>li:nth-of-type(2n+0) div>ul>li>a:focus{background-color:#45a14c;}
    .gnbWrap nav>ul>li:nth-of-type(2n+0).on>a{color:#198622;}
    .gnbWrap nav>ul>li:nth-of-type(3n+0) p::before {background-image:url(/tour/usr/images/common/bullet_mtit_orange.png);}
    .gnbWrap nav>ul>li:nth-of-type(3n+0).on>a::after,
    .gnbWrap nav>ul>li:nth-of-type(3n+0) div::before,
    .gnbWrap nav>ul>li:nth-of-type(3n+0) div>ul>li>a:hover,
    .gnbWrap nav>ul>li:nth-of-type(3n+0) div>ul>li>a:focus{background-color:#eb941b;}
    .gnbWrap nav>ul>li:nth-of-type(3n+0).on>a{color:#f26522;}
    .gnbWrap nav>ul>li:nth-of-type(3) div::before,
    .gnbWrap nav>ul>li:nth-of-type(6) div::before{background-image:none;}

    .gnbWrap.on .select_lan .btn_lang {border-bottom:1px solid #aaa; background:url(/tour/usr/images/common/arrow_btm_black.png) no-repeat right 7px;}
    
    .gnbWrap.on .side_nav>li>a,
    .gnbWrap.on .select_lan .btn_lang {color:#000;}
	.side_nav{top:17px;right:45px}
    .search_menu{top:13px;right:0}
	.search_menu li:last-child{display:none}
    .gnbWrap.on .search_menu .btn_search{background:url(/tour/usr/images/common/icon_search_black.png) no-repeat center; background-size:20px;}
    .search_menu .search_wrap div{padding:40px 80px 40px 50px;}
    .search_menu .search_wrap p input{height:45px; font-size:15px;}
    .search_menu .search_wrap p input + .btn_searchGo {background-position:6px 13px;}
    .search_menu .btn_x{top:52px;}
}

@media all and (max-width:1730px){
    .gnbWrap{padding:20px;}
    .gnbWrap nav>ul>li{padding:0 30px}
}

/* 모바일 전체메뉴 */
@media all and (max-width:1440px){
    .gnbWrap nav{display:none;}
    .gnbWrap nav>ul{background:#fff; width:95%; position:fixed; top:80px; bottom:0; right:0;  background:#4b556c;}
    .gnbWrap nav a{display:block;}
    .gnbWrap nav>ul>li {padding: 0 10px; border-bottom:1px solid #40485a;}
    .gnbWrap nav>ul>li.on{width:160px; background:#fff;}
    .gnbWrap nav>ul>li>a{color:#fff; padding:20px 5px;}
    .gnbWrap nav>ul>li.on>a{color:#4b556c; border-bottom:0;}
    .gnbWrap nav li div{position:absolute; top:0;bottom:0; right:0; overflow-y:auto; display:none; width:calc(100% - 160px); background:#fff;}
    .gnbWrap nav li div>p{display:none;}
    .gnbWrap nav>ul>li.on div{display:block;}
    .gnbWrap nav div{display:block; padding-left:10px;}
    .gnbWrap nav div>ul>li{border-top:1px solid #ddd;}
    .gnbWrap nav div>ul>li:first-child{border-top:0;}
    .gnbWrap nav div>ul>li>a{padding:20px 50px 20px 20px; position:relative;}
    .gnbWrap nav div>ul>li>a::after{content:""; display:block; width:21px; height:21px; background:url(/tour/usr/images/common/list_plus.png) no-repeat center; position:absolute; top:0; bottom:0; right:20px; margin:auto;}
    .gnbWrap nav div>ul>li.on>a::after{background:url(/tour/usr/images/common/list_minus.png) no-repeat center;}
    .gnbWrap nav div>ul>li>ul{background:#eff2f7; border-top:3px solid #4b556c; padding-left:10px;}
    .gnbWrap nav div>ul>li>ul>li>a{padding:15px 45px 15px 20px; position:relative;}
    .gnbWrap nav div>ul>li>ul>li>a::before{content:""; display:inline-block; width:4px; height:4px; background:#949494; border-radius:50%; position:absolute; top:24px; left:10px; color:#565656}
    .gnbWrap nav div>ul>li>ul>li>a::after{background:url(/tour/usr/images/common/list02_plus.png) no-repeat center right; display:block; content:""; position:absolute; top:0; bottom:0; margin:auto; right:20px; width:15px; height:15px;}
    .gnbWrap nav div>ul>li>ul>li.on>a::after{background:url(/tour/usr/images/common/list02_minus.png) no-repeat center right;}
    .gnbWrap nav div>ul>li>ul>li>ul{background:#fff; padding:5px 10px 15px 10px}
    .gnbWrap nav div>ul>li>ul>li>ul>li>a{padding:10px 0 0 20px; position:relative;}
    .gnbWrap nav div>ul>li>ul>li>ul>li>a::before{content:""; display:block; width:3px; height:3px; background:#aaa; border-radius:50%; position:absolute; top:20px; left:10px;}
    .gnbWrap nav div ul li.new_win>a::after{background:url(/tour/usr/images/common/list_newW.png) no-repeat center;}
    .gnbWrap nav div ul li.new_win>a>span{display:block; height:1px; line-height:50000; overflow:hidden; font-size:0;}
    .gnbWrap nav div>ul>li>ul>li .new_win{display:inline-block; background:url(/tour/usr/images/common/list_newW.png) no-repeat bottom; background-size:10px; width:10px; height:15px; line-height:5000; overflow:hidden; margin-left:8px;}

    .gnbWrap nav div>ul>li>ul,
    .gnbWrap nav div>ul>li>ul>li>ul{display:none;}
    .gnbWrap nav div>ul>li.on>ul,
    .gnbWrap nav div>ul>li>ul>li.on>ul{display:block;}
    
    .all_menu nav{display:block; width:100%; position:fixed; height:100vh; z-index:1; top:0; left:0;}
    .all_menu nav::before{display:block; width:100%; height:100vh; content:""; background:#000; opacity:0.8;}
    .all_menu .side_nav{display:block; position:fixed; top:25px; right:0; z-index:1; width:95%;}
    .all_menu .side_nav>li{margin-left:5px;}
    .all_menu .side_nav>li:first-child{display:none;}
    .all_menu .side_nav>li.btn_x{display:block; position:absolute; top:10px; right:20px;}
    .all_menu .side_nav>li.btn_x button{background:url(/tour/usr/images/common/btn_x_white.png) no-repeat center; border:0; width:20px; height:20px; overflow:hidden; line-height:5000;}
    .all_menu .side_nav>li>a{color:#fff; border:1px solid #555; padding:5px 12px; font-size:14px;}
    .all_menu li.select_lan .btn_lang {border:0; border-bottom:1px solid #fff; padding:0; background:url(/tour/usr/images/common/arrow_btm.png) no-repeat right 7px; margin:6px 0 0 10px;}
    .all_menu .search_menu {z-index:0;}
}

@media all and (min-width:768px){
    h1{width:142px; height:63px;}
    .side_nav{display:block;}
    .select_lan ul {left:-38px;}
}

@media all and (max-width:769px){
    .gnbWrap nav>ul,
    .all_menu .side_nav{width:100%;}
    .gnbWrap nav>ul>li {padding:0 0 0 5px;}
    .gnbWrap nav>ul>li.on {width:110px;}
    .gnbWrap nav>ul>li:first-child.on,
    .gnbWrap nav>ul>li:last-child.on {width:100%;}
    .gnbWrap nav li div{width:calc(100% - 110px);}
}

/*footer*/
.bannerzon{border-top:1px solid #ddd; padding:28px 30px;}
.bannerzon>div{position:relative}
.bannerzon h2{font-weight:400; font-size:16px; margin-bottom:15px;}
.banner_list{overflow:hidden;}
.banner_list ul{width:3000px; overflow:hidden;}
.banner_list li{float:left;}

.banner_list div{width:3000px; overflow:hidden;position:relative}
.banner_list div div{float:left;overflow:hidden;width:auto;}

.banner_list a{display:block; padding-right:30px; color:#222}
/**.banner_control{position:absolute; top:0; right:0;}**/
.banner_control{top:0; right:0;}
.banner_control button{display:inline-block; overflow:hidden; width:20px; height:25px; line-height:5000;}
.banner_control .btn_prev{background:url(/tour/usr/images/common/footer_arr_L.png) no-repeat center;}
.banner_control .btn_next{background:url(/tour/usr/images/common/footer_arr_R.png) no-repeat center;}
.banner_control .btn_play{background:url(/tour/usr/images/common/footer_arr_play.png) no-repeat center;}
.banner_control .btn_stop{background:url(/tour/usr/images/common/footer_arr_s.png) no-repeat center;}

.site_link{background:#434343;}
.site_link>div>ul>li{position:relative;}
.site_link>div>ul>li>a{display:block; color:#fff; padding:18px 30px; border-top:1px solid #666; position:relative;}
.site_link>div>ul>li>a::after{content:""; display:block; width:10px; height:5px; background:url(/tour/usr/images/common/footer_arr.png) no-repeat; position:absolute; top:0; bottom:0; margin:auto; right:30px;}
.site_link>div>ul>li:first-child>a{border-top:0;}
.site_link li div{display:none;position:absolute;bottom:62px;left:0;background:#fff;width:100%;border:1px solid #ddd;padding: 24px 12px;z-index:2;overflow-y:auto;height:40vh;}
.site_link li.on div{display:block;}
.site_link li li,
.site_link dd{padding-top:10px;}
.site_link li li:first-child,
.site_link dd:first-child{padding-top:0;}
.site_link li li::before,
.site_link dd::before{content:"";display:inline-block;width:4px;height:4px;background:#949494;border-radius:50%;position:relative;margin-right: 3px;top:-2px;}
.site_link dl{padding-top:30px;}
.site_link dl:first-child{padding-top:0;}
.site_link dt{font-size:18px; font-weight:400; padding-bottom:15px; border-bottom:1px solid #ddd;}
.site_link .btn_x{background:url(/tour/usr/images/common/icon_x.png) no-repeat center; display:block; width:20px; height:20px; position:absolute; top:20px; right:20px; line-height:50000; overflow:hidden;}

@media all and (min-width:768px){
	.site_link>div>ul>li{width:calc(50% - 1px);float:left}
	.site_link>div>ul>li:nth-child(odd){border-right:1px solid #666}
	.site_link>div>ul>li:nth-child(2)>a{border-top:0;}
    .site_link li div{overflow-y:inherit; height:auto;}
	.site_link li ul,
	.site_link li dl{overflow:hidden;}
	.site_link li li,
	.site_link dd{float:left; width:50%}
	.site_link li li:nth-child(2){padding-top:0;}
	.site_link::after{clear:both;content:"";display:block}
}
@media all and (min-width:1024px){
	.site_link>div>ul>li{width:calc(25% - 1px);float:left;border-right:1px solid #666}
    .site_link>div>ul>li>a{border-top:0;}

}
@media all and (min-width:1280px){
	.banner_control{top:0;left:100px; max-width:95px;}
	.bannerzon h2{margin-bottom:0}
	.banner_list{position:absolute;top:0;left:230px;width:calc(100% - 230px)}
}

.footer{background:#353535; padding:30px;}
.footer ul{margin-bottom:15px;}
.footer li{display:inline-block; margin:0 0 5px 5px}
.footer li a{display:inline-block; color:#fff; border:1px solid #555; padding:5px 10px;}
.footer p{opacity:0.35; color:#fff; margin-bottom:5px; font-size:14px;}
.footer p span{display:inline-block; width:20px;}
.footer .btn_top{opacity:1; text-align:right;}
.footer .btn_top a{display:inline-block; width:45px; height:45px; border:1px solid #ddd; background:url(/tour/usr/images/common/arrow_top.png) no-repeat center; background-size:15px; line-height:5000; overflow:hidden;}

@media all and (min-width:768px){
	.bannerzon>div, .site_link>div, .footer>div{position:relative}
	.footer .btn_top{position:absolute;right:0;bottom:20px}
}
@media all and (min-width:1024px){
	.footer li{margin:0;padding:0 28px 0 0}
	.footer li::after{border-right:1px solid #5b5b5b;content:"";padding-right:28px}
	.footer li:last-child::after{border:none;padding-right:0}
	.footer li a{border:none;padding:0}
}
@media all and (min-width:1500px){
	.bannerzon>div, .site_link>div, .footer>div{max-width:1500px;margin:0 auto;}
	.site_link>div>ul>li:first-child{width:calc(25% - 2px);border-left:1px solid #666}
	.footer{padding:45px 30px}
}

/* 레이어 팝업 */
.alertBox:not(.active) {display:none;}
.alertBox {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);z-index:5000;}
.alertBox .Rcon {position:relative; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; max-width:640px; padding:40px;max-height:90%;overflow-y:auto; background-color:#fff; border-radius:0 28px 0 28px; box-shadow:5px 5px 35px rgba(0,0,0,.8);}
.alertBox .Rcon.alertOnly {padding:0 30px 40px;}
.alertBox .Rcon.popCon{padding:0; width:max-content; max-height:90%; max-width:90%;}
.alertBox .Rcon.popCon img{width:100%;}
.alertBox .Rcon .pTitle {display:block;margin:0 -30px 4%; padding:0 5%; height:58px;line-height:60px;font-size:1.313em;font-weight:lighter;color:#fff;background:#007ac2;}
.alertBox .sessionAlert {position:relative; text-align:center;background:#f4f6f8;}
.alertBox .sessionAlert::before {content:url(/tour/usr/images/bbs/member_idt2.png);display:block;margin:-3% auto 1.5rem;}
.alertBox .sessionAlert p {margin-bottom:10px;}
.alertBox .Rclose {position:absolute; right:15px; top:17px;}
.alertBox .Rclose::after {display:block; width:31px; height:31px; font-size:16px; color:#fff; font-family:'dbfont'; content:"\e944"; text-align:center; font-weight:bold;}
.alertBox .alertForm {border-top:1px solid #e0e0e0;padding-top:20px;}

@media (max-width:768px) {
	.alertBox .Rcon .pTitle {font-size:1.25em;height:52px;line-height:54px;}
    .alertBox .Rclose {top:15px;right:10px;}
	.alertBox .sessionAlert::before {transform:scale(75%);}
}

@media (max-width:430px) {
	.alertBox .Rcon {padding:0 20px;}
}

@media (max-width:320px) {
	.alertBox .sessionAlert br {display:none;}
}