@charset "utf-8";

.wrap{margin:0 10px;}
/* sub gnb s */
header{background-color:transparent;}
.gnbsub{height:50px; padding-top:13px;}
.wrapsub{margin:0 10px;}
.gnbsub .gnbsub_l{display:none;}
.gnbsub .gnbsub_r ul{display:flex;gap:15px;justify-content:flex-end;}
.gnbsub .gnbsub_r li a{font-size:14px; color:#2a2a2a; font-weight:500;}
/* .gnbsub .gnbsub_r>ul>li:nth-child(3){display:none;} */
.gnbsub .gnbsub_r>li>a{display:block; padding:20px 0;}
/* .gnbsub .gnbsub_r>ul>li:nth-child(3){display:block;} */
.gnbsub .gnbsub_r .sub_family{position:relative;}
.gnbsub .gnbsub_r .sub_family>a{display:block; background:url("/tour/images/common/lang_btn.png")no-repeat right center; padding-right:16px; background-size:10px 8px;}
.gnbsub .gnbsub_r .sub_family_box{display:none;background:#fff;border-radius:5px;box-shadow:0px 10px 21px rgba(0, 0, 0, 0.2);text-align:center;position:absolute;top:20px;left:-15px;padding: 5px 0;width: 110px;z-index: 100;}
.gnbsub .gnbsub_r .sub_family_box ul{display:block;}
.gnbsub .gnbsub_r .sub_family_box a{display:block; margin:3px 0; color:#2a2a2a; padding:5px 10px;}
.gnbsub .gnbsub_r .sub_family_box a:hover{color:#a77053; transition:0.3s ease-in-out;}
.gnbsub .gnbsub_r .sub_family_box.on{display:block; }
.gnbsub .gnbsub_r .sub_lang{position:relative;}
.gnbsub .gnbsub_r .sub_lang>a{display:block; background:url("/tour/images/common/lang_btn.png")no-repeat right center; padding-right:16px; background-size:10px 8px;}
.gnbsub .gnbsub_r .sub_lang .sub_lang_box{display:none;position:absolute;top:20px;left: -22px;background:#fff;box-shadow:0px 10px 21px rgba(0, 0, 0, 0.2);padding:5px 0;border-radius: 5px;}
.gnbsub .gnbsub_r .sub_lang .sub_lang_box ul{display:block;}
.gnbsub .gnbsub_r .sub_lang .sub_lang_box a{display:block; margin-bottom:5px; padding:5px 10px; text-align:center; color:#2a2a2a;}
.gnbsub .gnbsub_r .sub_lang .sub_lang_box a:hover{color:#a77053;  transition: 0.3s ease-in-out;}
.gnbsub .gnbsub_r .sub_lang .sub_lang_box.on{display:block;}

.subhead{height:70px; border:1px solid #e3e3e3;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); border-radius:50px; margin:0 10px; display:flex; justify-content:space-between;}
.subhead .sub_logo h1{box-sizing:border-box; font-weight:800; font-size:22px; color:#2f2f2f; margin-left:20px;}
.subhead .sub_logo h1 a{display:block; padding:22px 0; color:#2f2f2f;}
.subhead .menu_open{width:30px; height:30px; margin-left:auto; margin-top:18px; background:url("/tour/images/common/sitemap.png")no-repeat center; overflow:hidden; font-size:0;}
.subhead .mobile_back{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);z-index: 12;}
.subhead .smartmap a{display:block; width:46px; height:46px; margin:0 20px 0 15px; background:url("/tour/images/common/smartmap.png")no-repeat 0px 13px;}
.subhead nav{display:none;width: 300px;height:100vh;position: fixed;right:0;top:0;background:#9d755f;z-index: 15;}
.subhead nav.on{display:block;}
.subhead nav h2{height:60px; padding:18px 28px; border-bottom:1px solid #fff; color:#fff; font-size:18px; background:#9d755f;}
.sub_menu{z-index:1000;}
.sub_menu>ul>li>a{color:#fff; font-size:15px; font-weight:500; display:block; padding:21px 0 21px 24px; border-bottom:1px solid #fff;}

/* 2차메뉴 */
.sub_menu .depth_box{position:absolute;z-index:999;right:0;top:60px;height:100vh;width: 160px;background:#fff;} /*3차메뉴 없을 시 height:100vh 추가*/
.sub_menu .depth_boxcon>ul>li>a{display:block; color:#2c2c2c; font-size:15px; font-weight:500; padding:21px;}
.sub_menu .depth_boxcon li a:hover{color:#c08160; text-decoration:underline; font-weight:600; transition: 0.3s ease-in-out;}
.sub_menu .depth_boxcon p{display:none;}
.sub_menu>ul>li .depth_box{display:none;}
.sub_menu li.on{background-color:#fff;}
.sub_menu li.on a{color:#2c2c2c;}
.sub_menu>ul>li.on .depth_box{display:block;}
.sub_menu>ul>li>a {display:block;padding: 20px 22px;font-size:15px;font-weight:500;}
.sub_menu .depth1>a{display:block; padding:5px;}

/* 3차메뉴 */
.sub_menu .depth1>ul{display:none;}

.subhead nav>button{background:url("/tour/images/common/close_btn.png")no-repeat; position:absolute; top:20px; right:20px; width:30px; height:30px; font-size:0; object-fit:cover;}
.subhead .tsitemap a{display:none;}

/* sub gnb e */

footer{background:#fff; height:275px;}
/* 배너 */
.f_banner{height:70px; margin-top:40px; margin-bottom:20px; padding-top:24px; border:1px solid #dadada; border-right:0; border-left:0;}
.f_banner_wrap{position:relative; margin:0 12px;}
.f_banner .f_banner_con{float:left; margin-right:10px;}
.f_banner .f_banner_con h2{display:inline-block; color:#222121; margin-right:10px; font-size:16px; font-weight:600; vertical-align:middle;}
.f_banner .f_banner_con p{display:inline-flex; justify-content:space-between; width:76px;}
.f_banner .f_banner_con p button{display:inline-block; font-size:0;}
.f_banner .f_banner_con p button.fbtn_pre{background:url("/tour/images/main/m_banner_prev.png")no-repeat; background-position:0 2px;} 
.f_banner .f_banner_con p button.fbtn_stop{background:url("/tour/images/main/m_banner_stop.png")no-repeat; background-position:0 2px;} 
.f_banner .f_banner_con p button.fbtn_play{background:url("/tour/images/main/m_banner_play.png")no-repeat; background-position:0 2px;} 
.f_banner .f_banner_con p button.fbtn_next{background:url("/tour/images/main/m_banner_next.png")no-repeat; background-position:0 2px;} 
.f_banner .f_banner_con p .fbtn_all{display:inline-block; width:26px; height:26px; background:url("/tour/images/main/m_banner_all.png")no-repeat; background-position:0 1px; font-size:0; margin-left:10px;}
.f_banner .fbtn_box{display:none;background:#fff;box-shadow:0px 10px 21px rgba(0, 0, 0, 0.2);border-radius:5px;padding: 28px 10px;position: absolute;width: auto;text-align: center;top: -24px;left: 0;z-index: 1;max-width: 400px;}
.f_banner .fbtn_box.on{display:block;}
.f_banner .fbtn_box ul{display:flex;flex-wrap:wrap;justify-content:center;gap: 13px;margin: 18px 0 0 0;}
.f_banner .fbtn_box ul li{width: 46%;}
.f_banner .fbtn_box ul li a{color:#252525; font-weight:500;}
.f_banner .fbtn_box a:hover{color:#a77053;  transition: 0.3s ease-in-out;}
.f_banner .fbtn_box button{background:url("/tour/images/common/pclose_btn.png")no-repeat;font-size:0;position:absolute;top: 17px;right: 18px;display:block;width: 12px;height: 12px;background-size: 12px 12px;}
.f_banner .f_list{width:calc(100% - 175px); overflow:hidden;}
.f_banner .f_list ul{width:9999px;}
.f_banner .f_list li{display:inline-block; margin:0 10px; position:relative;}
.f_banner .f_list li a{font-size:16px; color:#252525; font-weight:500;}
.f_banner .f_list li a:hover,.f_banner .f_list li a:focus{text-decoration:underline;}


/* footer */
.f_add{ margin:30px auto 0;}
.f_add ul{display:flex;}
.f_add ul li{margin:0 10px 6px 0;}
.f_add ul li a{font-size:15px; font-weight:500; color:#3e3e3e; word-break:keep-all;}
.f_add ul li a strong{ color:#884222;}
.f_add address{margin:20px 0 10px 0; font-size:14px; font-style:normal; font-weight:500; color:#2e2e2e;}
.f_add span{font-size:14px; color:#2e2e2e; font-weight:500; display:block; margin-bottom:10px;}
.f_add .copy{color:#818080; font-size:14px; font-style:normal; word-break:keep-all; margin-bottom:20px;}



/*Tablet*/
@media all and (min-width:768px){
.subhead nav{width:550px;}
.subhead .mobile_back{display:none;}
    
/* 2차 메뉴 */
.sub_menu .depth_box{width:360px;}

 /* footer */
.f_add ul li a{font-size:18px;}
.f_add address, .f_add span, .f_add .copy{font-size:16px;}
}

/*Desktop*/
@media all and (min-width:1400px){

.gnbsub_wrap{width:1700px; display:flex; justify-content:space-between; margin:0 auto 20px;}
.gnbsub .gnbsub_l{display:flex;}
 .gnbsub .gnbsub_l span{font-weight:600; color:#2a2a2a; font-size:20px;  margin-right:30px;}
.gnbsub .gnbsub_l .gnbsub_w1{font-weight:600; color:#2a2a2a; font-size:20px; margin-right:30px;} /*color:#2a2a2a;*/
.gnbsub .gnbsub_l .gnbsub_w1::before{content:''; display:inline-block; vertical-align:middle; margin-right:5px; background:url("/tour/images/common/w_1.png")no-repeat; width:30px; height:30px;}
.gnbsub .gnbsub_l .gnbsub_w2::before{content:'';display:inline-block;vertical-align:middle;margin-right:5px;background:url("/tour/images/common/w_2.png")no-repeat;width: 35px;height:30px;}
.gnbsub .gnbsub_l .gnbsub_w3::before{content:''; display:inline-block; vertical-align:middle; margin-right:5px; background:url("/tour/images/common/w_3.png")no-repeat; width:30px; height:30px;}
.gnbsub .gnbsub_l .gnbsub_w4::before{content:''; display:inline-block; vertical-align:middle; margin-right:5px; background:url("/tour/images/common/w_4.png")no-repeat; width:30px; height:30px;}
.gnbsub .gnbsub_l p{line-height:1.5;font-weight:600;color:#fff;font-size:16px;/* margin-right:14px; */} /* color:#606060;*/
.gnbsub .gnbsub_l p .w_good{background:#1c8bf3;width:52px;height:25px;font-size:17px;color:#fff;border-radius:50px;padding:5px 11px;margin-left: 5px;}
.gnbsub .gnbsub_l p .w_soso{background:#0aa953; width:52px; height:25px; font-size:17px; color:#fff; border-radius:50px; padding:5px 11px; margin-left:5px;}
.gnbsub .gnbsub_l p .w_bad{background:#f36919; width:52px; height:25px; font-size:17px; color:#fff; border-radius:50px; padding:5px 11px; margin-left:5px;}
.gnbsub .gnbsub_l p .w_verybad{background:#f34545; width:52px; height:25px; font-size:15px; color:#fff; border-radius:50px; padding:5px 11px; margin-left:5px;}
.gnbsub .gnbsub_l p{line-height:1.5;font-weight:600;color:#606060;font-size:16px;} /* color:#606060;*/
.gnbsub .gnbsub_l p span{background:#1c8bf3;width:52px;height:25px;font-size:17px;color:#fff;border-radius:50px;padding:5px 11px;margin-left:5px;}
/* .gnbsub .gnbsub_r>ul>li:nth-child(3){display:block;}
.gnbsub .gnbsub_r .sub_family{position:relative;}
.gnbsub .gnbsub_r .sub_family>a{display:block; background:url("/tour/images/common/lang_btn.png")no-repeat right center; padding-right:16px; background-size:10px 8px;}
.gnbsub .gnbsub_r .sub_family_box{display:none;background:#fff;border-radius:5px;box-shadow:0px 10px 21px rgba(0, 0, 0, 0.2);text-align:center;position:absolute;top:20px;left:-15px;padding: 5px 0;width: 110px;z-index: 100;}
.gnbsub .gnbsub_r .sub_family_box ul{display:block;}
.gnbsub .gnbsub_r .sub_family_box a{display:block; margin:3px 0; color:#2a2a2a; padding:5px 10px;}
.gnbsub .gnbsub_r .sub_family_box a:hover{color:#a77053; transition:0.3s ease-in-out;}
.gnbsub .gnbsub_r .sub_family_box.on{display:block; } */
 
.subhead_wrap{width: 1500px;margin:0 auto;}
/* .subhead{padding:0;} */
.subhead{height:90px;vertical-align:middle;margin:0 auto;justify-content: center;gap: 141px;}
.subhead.pc_on{border-radius:45px 45px 0 0;}
.subhead .sub_logo h1{float:left; font-size:30px;}
.subhead .sub_logo h1 a{padding:26px 0;/* margin-left:20px; */}
.subhead .menu_open{display:none;}
.subhead .mobile_back{display:none;}
.subhead nav h2{display:none;}
.subhead .sub_menu{display:block;position:relative;width:auto;height:90px;line-height:90px;background:none;z-index: 20;}
.sub_menu::before{content:'';display:none;position:absolute;left: -315px;top:88px;width: 1500px;height: 48vh;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);background:  linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/tour/images/common/menu_bg1.jpg")no-repeat;background-size: 1500px auto;background-position: 0 -80px;border-radius:0 0 45px 45px;z-index: -3;}
.sub_menu.on::before{display:block;}
.subhead .sub_menu>ul{display:flex;gap: 40px;max-height: 57vh;}
.subhead .tsitemap{padding-top:35px;/* margin-left: 100px; */display: inline-block;}
.subhead .tsitemap a{display:block; background:url("/tour/images/common/sitemap.png")no-repeat; width:20px; height:20px; } 
.subhead .smartmap{padding-top:13px;/* margin-left:20px; */display: inline-block;}
.subhead .smartmap a{margin: 0 0 0 15px;height:57px;}

/* 1차메뉴 */

.sub_menu>ul>li.on .depth_box{display:block;width: auto;}
.sub_menu>ul>li>a{display:block;height:50px; font-size: 19.8px;font-weight:600;color:#272727 !important;padding:0;}
.sub_menu > ul > li:last-child a{margin-right:0px;}
.sub_menu .menu1>a:hover, .sub_menu .menu2>a:hover, .sub_menu .menu3>a:hover, .sub_menu .menu4>a:hover, .sub_menu .menu5>a:hover, .sub_menu .menu6>a:hover{color:#a55023 !important;  transition: 0.3s ease-in-out;}
.sub_menu li a{text-align:center; padding:0;}
.sub_menu>ul>li>a{border-bottom:none;height:90px;}

/* 2차메뉴 */
.sub_menu .depth_box{width:100px; position: static; background:none; overflow:hidden;}
.sub_menu li{/* width: 130px; */}
.sub_menu li.on{background-color:transparent;}
.sub_menu .depth_boxcon{ margin:0 auto;}
.sub_menu .depth_boxcon::after{display:block;clear:both;content:"";}
.sub_menu .depth_boxcon p{display:none;}
.sub_menu .depth_boxcon>ul{min-height:380px;white-space: nowrap; }
.sub_menu .depth_boxcon>ul>li>a{padding: 0px;margin:0;height:55px;color:#fff;display:block;font-size:18px;text-align:center;border:none;}
.sub_menu .depth_boxcon li a{color:#fff !important;}
.sub_menu .depth_boxcon li a:hover{color:#fff;}
/* .sub_menu .depth1{display:inline-block; padding:0 30px; margin-bottom:30px;} */
.sub_menu .depth1>a{display:block; border:1px solid #afafaf;}

/* 배너 */
.f_banner_wrap{width:1700px; margin:0 auto;} 
.f_banner .f_banner_con h2{margin-right:20px;}
.f_banner .f_banner_con h2, .f_banner .f_list li a{font-size:20px;}
.f_banner .f_list{width:calc(100% - 185px);}
.f_banner .f_list li{margin-right:40px;} */

/* footer */
/* .f_add{margin-top:40px;}
.f_add ul{gap:30px;}
.f_add address{margin-top:30px;}
.f_add address, .f_add  .copy{font-weight:600;}
.f_add span{display:inline-block;}
}