@charset "utf-8";


/* set */
body {font-size:16px !important;margin:0;padding:0;font-family:'pretendard';color:#464646;font-weight:300;}
input, select, button{font-family:'Pretendard';}
body *{ box-sizing:border-box;}
a {color: #464646;}
::selection {background:#c66119;color:#fff;text-shadow:none;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}



header{position:fixed; top:0; z-index:999; width:100%;  background-color: rgba(0, 0, 0, 0.5); }
header.menubg{background:#fff;}

/* 상단 s */
.wrap{margin:0 10px;}
.gnb{ height:50px; padding-top:13px;}
.gnb .gnb_l{display:none;}
.gnb .gnb_r ul{display:flex;gap: 15px;justify-content:flex-end;}
.gnb .gnb_r li a{font-size:14px; color:#fff; font-weight:500;} /*color: #2a2a2a;*/
/* .gnb .gnb_r>ul>li:nth-child(3){display:none;} */
.gnb .gnb_r>li>a{display:block; padding:20px 0;}
.gnb .gnb_r .family>a{display:block; background:url("/tour/images/common/lang_btn_white.png")no-repeat right center; padding-right:16px; background-size:10px 8px;}
.gnb .gnb_r .family_box{display:none;background:#fff;box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.2);text-align: center;position:absolute;top: 33px;right: 62px;padding: 5px 0;width: 110px;border-radius: 5px;}
.gnb .gnb_r .family_box ul{display:block;}
.gnb .gnb_r .family_box a{display:block; margin:3px 0; color:#2a2a2a; padding:5px 10px;}
.gnb .gnb_r .family_box a:hover{color:#a77053; transition:0.3s ease-in-out;}
.gnb .gnb_r .family_box.on{display:block;z-index: 100;} 
.gnb .gnb_r .lang{position:relative;}
.gnb .gnb_r .lang>a{display:block; background:url("/tour/images/common/lang_btn_white.png")no-repeat right center;  padding-right:16px; background-size:10px 8px;}
.gnb .gnb_r .lang .lang_box{transition: max-height 0.3s ease-in-out;display:none;box-shadow: 4px 5px 21px rgba(0, 0, 0, 0.2);position:absolute;top:20px;left: -22px;background: #fff;padding:5px 0;border-radius: 5px;}
.gnb .gnb_r .lang .lang_box ul{display:block;}
.gnb .gnb_r .lang .lang_box a{display:block; margin-bottom:5px; padding:5px 10px; text-align:center; color:#2a2a2a;}
.gnb .gnb_r .lang .lang_box a:hover{color:#a77053;  transition: 0.3s ease-in-out;}
.gnb .gnb_r .lang .lang_box.on{display:block; }

.head_wrap{height:80px; border-top:1px solid rgba(255, 255, 255, 0.4); border-bottom:1px solid rgba(255, 255, 255, 0.4); }
.head{padding:0 20px;display:flex;/* justify-content: space-between; */align-items:center;}
.head .logo h1{box-sizing:border-box;  font-weight:800; font-size:22px; } /*color:#2f2f2f;*/
.head .logo h1 a{display:block;padding:22px 0;color:#fff;/* width: 123px; */}
.head .menu_open{width:30px;height:30px;margin-left:auto;/* margin-top: 1px; */background:url("/tour/images/common/sitemap_white.png")no-repeat center;overflow:hidden;font-size:0;}
.head .mobile_back{position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.6); z-index:2;}
.head .smartmap a{display:block;width:32px;height:32px;margin-left:15px;background:url("/tour/images/common/smartmap_white.png")no-repeat; margin-top: -4px;}

.head nav{display:none;width:300px;height:100vh;position: fixed;right:0;top:0px;background:#9d755f; z-index:2;}
.head nav.on{display:block;}
.head nav h2{ height:60px; padding:18px 28px; border-bottom:1px solid #fff; color:#fff; font-size:18px; background:#9d755f;}
.menu{z-index: 1000;}
.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차메뉴 */
.menu .depth_box{position:absolute;z-index:999;right:0;top:60px;width:170px;background:#fff;height: 100vh;}
.menu .depth_boxcon{}
.menu .depth_boxcon>ul>li>a{display:block; color:#2c2c2c; font-size:15px; font-weight:500; padding:21px;}
.menu .depth_boxcon li a:hover{color:#c08160; text-decoration:underline; font-weight:600; transition: 0.3s ease-in-out;}
.menu .depth_boxcon p{display:none;}
.menu>ul>li .depth_box{display:none;}
.menu>ul>li.on .depth_box{display:block;}
.menu li.on{background-color:#fff;}
.menu li.on a{color:#2c2c2c;}
.menu>ul>li>a{display:block;padding: 20px 22px;font-size:15px;font-weight:500;}
.menu .depth1>a{display:block; padding:5px}

/* 3차메뉴 */
.menu .depth1 ul{background:#f7f7f7; border-top:1px solid #9d755f; height:auto; width:auto; padding:0 0 15px 5px; margin-left:8px;}
.menu .depth1 ul li{position:relative;}
.menu .depth1 ul li a{display:block; color:#2c2c2c; padding:15px 0 0 20px; font-size:14px;  font-weight:500;}
.menu .depth1 ul li a::before{content: ''; display:block; width:3px; height:3px; background-color:#2c2c2c; border-radius: 50%; position:absolute; left:8px; top:23px;}

/* 4차메뉴 */
.menu .depth1 ul ul li{display:none;}

.head 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;}
.head .tsitemap a{display:none;}
/* 상단 e */



/* 마우스 올렸을때, 지금 진안은부터 보이는 메뉴 (하얀배경 검은글씨) 추가해주세요  우선 주석처리 해두었습니다.*/
header.head_white{background:#fff;}
header.head_white{
.gnb .gnb_l>span{color:#2a2a2a;}
.gnb .gnb_l p{color:#606060;}
.gnb .gnb_r li a{color:#2a2a2a;}
.gnb .gnb_r .family>a, .gnb .gnb_r .lang>a{background:url("/tour/images/common/lang_btn.png")no-repeat right center;padding-right: 16px;background-size: 10px 8px;}
.head_wrap{height:80px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.head .logo h1 a{color:#2f2f2f;}
.head .menu_open{background:url("/tour/images/common/sitemap.png")no-repeat;margin-left: auto;margin-top: 12px;}
.head .smartmap a{background:url("/tour/images/common/smartmap.png")no-repeat;display: block;width: 32px;height: 32px;margin-left: 15px;margin-top: -4px;}
.head .tsitemap a{background:url("/tour/images/common/sitemap.png")no-repeat center;}
}


/* 배너 */
.f_banner{height:70px; margin-top:40px; margin-bottom:20px; padding-top:24px; border:1px solid #dadada; border-right:0; border-left:0; background:#fff; }
.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;/* gap: 2px; */}
.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;background-size: 10px 14px;} 
.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 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){
.head nav{width:550px;}
.head .mobile_back{display:none;}
/* 2차 메뉴 */
.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){


/* 상단 s */
.wrap{width:1700px; margin:0 auto !important;}
.head{width:1700px;margin:0 auto;justify-content: space-between;}
.head .logo h1{float:left;}
.head .tsitemap{display:inline-block;}
.head .smartmap{display:inline-block;}
.gnb{height:50px;}
.gnb .gnb_wrap{display:flex; justify-content:space-between;}
.gnb .gnb_l{display:flex;}
.gnb .gnb_l span{font-weight:600; color:#fff; font-size:20px; margin-right:30px;} /*color:#2a2a2a;*/
.gnb .gnb_l .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;}
.gnb .gnb_l .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;}
.gnb .gnb_l .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;}
.gnb .gnb_l .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;}
.gnb .gnb_l p{line-height:1.5;font-weight:600;color:#fff;font-size:16px;/* margin-right: -8px; */} /* color:#606060;*/
.gnb .gnb_l p .w_good{background:#1c8bf3; width:52px; height:25px; font-size:17px; color:#fff; border-radius:50px; padding:5px 11px; margin-left:5px;}
.gnb .gnb_l p .w_soso{background:#0aa953; width:52px; height:25px; font-size:17px; color:#fff; border-radius:50px; padding:5px 11px; margin-left:5px;}
.gnb .gnb_l p .w_bad{background:#f36919; width:52px; height:25px; font-size:17px; color:#fff; border-radius:50px; padding:5px 11px; margin-left:5px;}
.gnb .gnb_l p .w_verybad{background:#f34545; width:52px; height:25px; font-size:15px; color:#fff; border-radius:50px; padding:5px 11px; margin-left:5px;}

.gnb .gng_r ul{margin-top:5px;}
.gnb .gnb_r li{font-size:16px;}
.gnb .gnb_r>ul>li:nth-child(3){display:block; color:#572a14; }
.gnb .gnb_r .family_box{top: 33px;right: 144px;}
/* .gnb .gnb_r .family{position:relative;}
.gnb .gnb_r .family>a{display:block; background:url("/tour/images/common/lang_btn_white.png")no-repeat right center; padding-right:16px; background-size:10px 8px;}
.gnb .gnb_r .family_box{display:none;background:#fff;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;border-radius: 5px;}
.gnb .gnb_r .family_box ul{display:block;}
.gnb .gnb_r .family_box a{display:block; margin:3px 0; color:#2a2a2a; padding:5px 10px;}
.gnb .gnb_r .family_box a:hover{color:#a77053; transition:0.3s ease-in-out;}
.gnb .gnb_r .family_box.on{display:block;z-index: 100;}  */

.head{padding:0;}
.head .logo h1{font-size:30px;}
.head .logo h1 a{width: 123px;}
.head .menu_open{display:none;}
.head .mobile_back{display:none;}
.head nav::after{z-index: -1;content:'';display:none;height: 40vh;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),url("/tour/images/common/menu_bg1.jpg")no-repeat;position: absolute;top: 130px;left: 0px;background-size: cover;background-position: 0 -162px;border-radius:0 0 45px 45px;width: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
.head nav.on::after{display:block;}
.head nav h2{display:none;}
.head nav.menu{display:block;position:static;width:auto;height:50px;/* line-height:90px; */background:none;}
.head .menu>ul{display:flex;gap: 73px;}


    
/* 1차메뉴 */

.menu>ul>li a{display:block;height:50px;line-height: 50px;font-size:20px;font-weight:600;color: #fff;padding:0;} /* color:#272727; */
.menu > ul > li:last-child a{margin-right:0px;}
.menu>ul>li.on .depth_box{background: transparent;}
.menu>ul>li>a{border-bottom:none;}
.menu>ul>li>a:hover{color:#a55023; transition: 0.3s ease-in-out;}
.menu li a{text-align:center; padding:0;}


/* 2차메뉴 */
.menu .depth_box{width:100%;position: static;height: auto;}

.menu li.on{background-color:transparent;}
.menu .depth_boxcon>ul>li{margin: 30px 0px;}
.menu .depth_boxcon>ul>li>a {display: block;width:auto;padding: 0px;margin-right: 0;height: auto;line-height: 18px;font-size: 18px;}
        
/* 3차메뉴 */
.menu .depth1 ul{background:none; padding:0; border-top:none; margin-top:15px;}
.menu .depth1 ul li{display:block; width:200px;}
.menu .depth1 ul li a{display:block; width:auto; text-align:left; padding-left:20px; height:30px;}
.menu .depth1 ul li a:hover::before{ background-color:#9d755f;}

.head nav>button{display:none;}
.head .tsitemap a{display: block;background:url("/tour/images/common/sitemap_white.png")no-repeat center;font-size:0;width:30px;height:30px;}
.head .smartmap a{display:block;margin:0;display: inline-block;width: 32px;height: 32px;margin-left: 15px;margin-top: -4px;}

header.head_white{background:#fff;}
header.head_white{
.menu>ul>li a{color:#272727;}
}



/* 배너 */
.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;}
}