@charset "utf-8";
/* set */
body {font-size:16px !important;margin:0;padding:0;font-family:SCDream, "에스코어드림", GmarketSans, '지마켓', Dotum, "돋움", sans-serif;color:#333;font-weight:400; overflow-x:hidden;}
input, select, button{font-family:SCDream, "에스코어드림", GmarketSans, '지마켓', Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}
a {color:#464646;}
::selection {background:#f15a40;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}

.m_container{position:relative;font-family:'GmarketSans'}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

header{z-index:2;position:absolute;top:0;width:100%;right:0;height:100px;}
.gnb{position:absolute;width:100%;top:0;display:flex;justify-content: flex-end;align-items:center;flex-wrap:wrap;padding: 0 3%;}
.gnb li{display:inline-block;}
.gnb li a{color:#fff;font-size:.8rem;padding: 10px 12px 10px 0;display:block;line-height: 1em;vertical-align: middle;}
.gnb li:first-child a{color:#fff799;}
.gnb li button{width: 37px;height:25px;overflow:hidden;background:url("/images/02_tour/common/gnb.png") no-repeat;font-size:0;padding:0;}
.gnb .lang{position:relative;}
.gnb .lang button{background-position: -27px 0;}
.gnb .lang div{display:none;width:100px;position:absolute;top:30px;text-align:center;right:-30px;}
.gnb .lang div button{position:absolute;top:0;right:-23px;display:block;width:25px;height:25px;background:#0c0c0c url(/images/common/gnb.png) no-repeat;background-position:50% -169px;font-size:0;}
.gnb .lang div.on{display:block;}
.gnb .lang div li{width:100%;}
.gnb .lang div li a{display:block;color:#ccc !important;padding:10px 0;border-bottom:solid 1px #3e3e3e;background:rgba(0,0,0,.8);font-size:13px;}
.gnb .lang div li:last-child a{border:none;}
.gnb .lang div li:hover a{background:rgba(0,0,0,1);}
.gnb .mb{position:relative;}
.gnb .mb:before{display:inline-block;content:'';width:1px;background:rgba(255,255,255,.2);height:20px;vertical-align:middle;}
.gnb .mb button{background-position: 10px 0;}

/* 주요누리집 */
.g_sitelist>a{display: block;padding: 10px 12px 10px 0;color:#fff;line-height: 1.2em;font-size: .8rem;vertical-align: middle;}
.g_sitelist>a>span{display: inline-block;width: 12px !important;height: 12px !important;background: url('/images/01_potal/main/dark_gnb.png') no-repeat;background-position: 50% -82px !important;font-size: 0;vertical-align: middle;}
.g_sitelist_wrap.on{display:block;}
.g_sitelist_wrap{display:none;position: absolute;top: 70px;left: 0;right: 0;width: 90%;margin: 0 auto;padding: 60px 10px 20px;background: #212121;text-align: center;}
.g_sitelist_wrap::before{content: '';display: block;position: fixed;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: -2;}
.g_sitelist_wrap p{margin-bottom: 2px;font-size: .9rem;font-weight: 100;color: #fff;}
.g_sitelist_wrap h2{display: inline-block;margin-bottom: 10px;font-size: 1.2rem;word-break: keep-all;color: #fff;}
.g_sitelist_wrap h2 strong{font-weight: 400;color: #fff799;vertical-align: middle;}
.g_sitelist_wrap .g_sitelist_con div{margin: 8px 0;padding: 16px;background: #1c1c1c;}
.g_sitelist_wrap h3{color: #fff799;font-size: 1rem;font-weight: 600;margin-bottom: 14px;}
.g_sitelist_wrap ul{display: flex;flex-wrap: wrap;align-items: flex-start;text-align: left;}
.g_sitelist_wrap ul li{width: 100%;margin: 0 4px 6px 0;}
.g_sitelist_wrap ul li a{position: relative;padding: 0 0 0 10px;color: #fff !important;line-height: 1.2rem;}
.g_sitelist_wrap ul li a::before{content: '';position: absolute;top: 5px;left: 0;display: inline-block;width: 4px;height: 4px;background: #b2b2b2;border-radius: 50%;}
.g_sitelist_wrap ul li a:hover,.g_sitelist_wrap ul li a:focus{ text-decoration: underline;}
.g_sitelist_wrap .s_list2 li{width:40%;}
.g_sitelist_wrap .close{position: absolute;top: 15px;left: 0;right: 0;display: block;width: 32px;height: 32px;margin: 0 auto;font-size: 0;background: #1c1c1c url(/images/common/gnb.png) no-repeat;background-position: 50% -164px;border-radius: 10px;}

.m_logo{width:100%;}
.m_logo a{display:block;width:200px;height:0;padding:32px 0 0 0;overflow:hidden;background:url("/images/02_tour/common/logo.png") no-repeat 0 0 / 200px;margin: 14px auto 0 auto;}

.head{display:none;}
.head.on{display:block;}
.head.on nav{position:fixed;top:0;right:0;bottom:0;width:90%;z-index:3;min-width:300px;}
.head nav button{width:25px;height:0;padding:25px 0 0 0;overflow:hidden;background:url("/images/02_tour/common/menu_close.png") no-repeat center;position:absolute;top:5px;right:5px;font-size:0;background-size:20px;}
.head nav>button{background-position:0 -40px;top:5px}
.head.on nav>button{display:none}
.head nav .menu{height:100%;overflow:auto;background:rgba(255,255,255,.95);}

header.fixed .m_logo a{background-position:0 -33px;}
header.fixed .gnb li a{color:#000;}
header.fixed .g_sitelist>a{color:#000;}
header.fixed  .gnb li:first-child a{color:#f15a40;}
header.fixed .gnb .lang button{background-position:-27px -31px;}
header.fixed .gnb .mb button{background-position:10px -31px;}
header.fixed .gnb .mb:before{background:rgba(0,0,0,.2);}
header.fixed{position:fixed;top:0;left:0;width:100%;}
header.fixed:after{display:block;content:'';height:85px;background:#fff;}

/*menu*/
.menu{display:none}
.head.on .menu{display:block}
.menu li a{display:block}
.menu>ul>li>a{display:block;border-bottom:1px solid #dfdfe0;color:#3f3f3f;font-size:16px;width:165px;padding:15px;box-sizing:border-box;letter-spacing:-.1em;position:relative;}
.menu .depth_box{background:#383838;position:absolute;top:0;right:0;width:calc(100% - 165px);padding:30px 15px;box-sizing:border-box;overflow:auto;height:100%;}
.menu .depth_boxcon{background:none;}
.menu>ul>li>a:before,
.menu>ul>li.on>a:before{display:block;position:absolute;bottom:-1px;left:0;background-color:#101010;width:100%;height:1px;content:'';transform:scaleX(0);transition:transform 250ms linear;z-index:0;border-radius:0;top:auto;}
.menu>ul>li:hover>a:before,
.menu>ul>li:focus>a:before,
.menu>ul>li:active>a:before{transform:scaleX(1);}
.menu div>ul>li.on{padding:0 0 1px 0}
.menu div>ul>li>a{position:relative;padding:10px 0 10px 10px;color:#fff;font-size:15px;}
.menu div>ul>li>a:before{content:"";display:block;width:5px;height:5px;background:#8f8e8e;border-radius:100%;position:absolute;top:15px;left:0}
.menu div ul ul{margin:0 0 10px 10px;}
.menu div ul .on ul{display:block}
.menu div li li a{position:relative;padding:5px 0 5px 10px;font-size:.9rem;color:#ddd;}
.menu div li li a:before{content:"";display:block;width:6px;height:1px;background:#959595;position:absolute;top:15px;left:0}

/*새창열림*/
.new_win{display:inline-block;width:15px;height:15px;margin-left:7px;background:url('/images/02_tour/common/btn_new.png') no-repeat;font-size:0;vertical-align:middle;}
.menu ul li li .new_win{background:url('/images/02_tour/common/btn_new2.png') no-repeat;}

.s_con{margin:40px 0;}
.s_content{margin:0 0 40px 0;}

/*문광서브비주얼 */
.sub_container{position:relative;}
.sub_container::after{content:'';position:absolute;top:0;display:block;width:100%;height:240px;background:#f3fbfa;z-index:-1;background:url('/images/02_tour/common/sub1.gif')no-repeat center;}
.sub_container.sub1:after{background:url('/images/02_tour/common/sub1.gif')no-repeat center;}
.sub_container.sub2:after{background:url('/images/02_tour/common/sub2.gif')no-repeat center;}
.sub_container.sub3:after{background:url('/images/02_tour/common/sub3.gif')no-repeat center;}
.sub_container.sub4:after{background:url('/images/02_tour/common/sub4.gif')no-repeat center;}
.sub_container.sub5:after{background:url('/images/02_tour/common/sub5.gif')no-repeat center;}
.sub_container.sub6:after{background:url('/images/02_tour/common/sub6.gif')no-repeat center;}
.sub_container.sub7:after{background:url('/images/02_tour/common/sub7.gif')no-repeat center;}
.sub_container.sub8:after{background:url('/images/02_tour/common/sub8.gif')no-repeat center;}
.sub_container.sub9:after{background:url('/images/02_tour/common/sub9.gif')no-repeat center;}
.sub_container.sub10:after{background:url('/images/02_tour/common/sub10.gif')no-repeat center;}

/*메뉴타이틀 */
.s_right .s_title{margin:0 12px;padding:100px 0 0 0;text-align:left;}
.s_right .s_title h3{font-size:26px;font-family:'GmarketSans';font-weight:600;margin-bottom:30px;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.5);animation:tracking-in-contract 1s cubic-bezier(.215,.61,.355,1.000) both;}

/*메뉴네비게이션 */
.local_w{width:100%;}
.local_w.fixed{background:#fff;position:fixed;top:0; z-index:99; margin:0 auto;}
.local{background:#136f6f;box-shadow:2px 2px 10px rgba(0,0,0,.05);position:relative;text-align:left;border-radius:0 30px 0 0;}
.local:before{display:block;content:'';background:#136f6f;width:50%;left:-20%;top:0;position:absolute;height:100%;}
.local .s_menu li{position:relative;}
.local .s_menu  li.home a{text-align:center;border-left: none;}
.local .s_menu li.home a:after{display:none;}
.local .s_menu li a{display:block;padding:12px 15px;border-top:solid 1px rgba(255,255,255,.2);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#ffffff;position:relative;}
.local .s_menu > li > a:after{display:block;content:'';background:url(/images/02_tour/common/s_menu_i.png) no-repeat center -20px;width:18px;height:18px;position:absolute;right:16px;top:calc(50% - 9px);}
.local .s_menu li.on > a:after{background-position:center 3px;}
.local .s_menu li:hover>a:before,
.local .s_menu li:focus>a:before,
.local .s_menu li:active>a:before{transform:scaleX(1);}
.local .s_menu li li a{border:0}
.local .s_menu > ul > li.on{background:url(/images/common/sub_icon.png) no-repeat right -149px;box-shadow:2px 10px 10px rgba(26,85,82,.3);}
.local .s_menu li.on > a{background:#f9f9f9;color:#136f6f;font-weight:bold;}
.local .s_menu li li.on a{
    color:#000;
}
.local .s_menu  li div{display:none;width:100%;position:absolute;left:0;background:#f9f9f9;z-index:1;box-shadow:2px 10px 10px rgba(26,85,82,.3);}
.local .s_menu  li.on div{display:block;}
.local .s_menu li div ul li{width:100% !important;float:none;position:relative;}
.local .s_menu  li div ul li:hover a{text-decoration:underline}
.local .s_menu  li div ul li a{color:#363636;border-left:0;width:100%;padding:12px 15px 12px 25px;text-align:left;font-size:15px;border-top:solid 1px rgba(1,1,1,.1);}
.local .s_menu  li div button{position:absolute;width:45px;height:0;padding:45px 0 0 0;overflow:hidden;background:#136f6f url(/images/02_tour/common/menu_close.png) no-repeat center;bottom:0;font-size:0;background-size:17px;right:0;}

/*공유하기,프린터 */
.s_right .utill{position:absolute;top:98px;right:15px;}
.s_right .utill>ul{display:flex; justify-content:center;}
.s_right .utill button{display:inline-block;width:40px;height:40px;background:rgba(0,0,0,.5) url('/images/02_tour/common/sub_ico.png') no-repeat;font-size:0;border:solid 1px rgba(255,255,255,.5);} 
.s_right .utill .sharing button{margin-right:4px;background-position:5px -81px;}
.s_right .utill .sharing .sharing_wrap{display:none;}
.s_right .utill .sharing .sharing_wrap.on{display:block;}
.s_right .utill .sharing .sharing_wrap ul{margin-top:10px;}
.s_right .utill .sharing .sharing_wrap li{margin-bottom:6px;}
.s_right .utill .sharing .sharing_wrap li a{display:block;width:40px;height:40px;margin:0 auto;font-size:0;background:url(/images/02_tour/common/sub_ico.png) no-repeat;}
.s_right .utill .sharing .sharing_wrap li.url a{border:solid 1px #ddd;background-position:50% -166px;}
.s_right .utill .sharing .sharing_wrap li.face a{background-color:#1877f2; background-position:50% -212px;}
.s_right .utill .sharing .sharing_wrap li.twi a{background-color:#00acee; background-position:50% -256px;}
.s_right .utill .sharing .sharing_wrap .close{display:block;width:40px;height:40px;margin:0 auto;font-size:0;background:#212121 url(/images/common/gnb.png);background-position:50% -161px;border:none;} 
.s_right .utill .print button{background-position:6px -129px;}


/*문광_FOOTER */
footer{background:#1e1f21;padding-bottom:50px;position:relative;}
footer:before{display:block;content:'';width:100%;height:1px;background:rgba(255,255,255,.1);top:60px;position:absolute;}
.foot{padding:0 3%;font-size:14px;position:relative;}
.foot ul{display:flex;flex-wrap:wrap;justify-content:center;}
.foot li a{color:#fff;display:block;padding:25px 25px 25px 0;}
.foot li a strong{color:#fff568;font-weight:300}
.foot .sns{display:flex;justify-content:center;gap:5px;padding:10px 0;}
.foot .sns a{font-size:0;display:block;width:35px;height:35px;background:url("/images/02_tour/common/footer.png")no-repeat}
.foot .sns .youtube{background-position:0 0;}
.foot .sns .blog{background-position:-37px 0;}
.foot .sns .insta{background-position:-76px 0;}
.foot .sns .faceb{background-position:-113px 0;}
.foot address{font-style:normal;color:#fff;padding-bottom:10px;}
.foot address a{color:#fff;padding-left:30px;display:inline-block;position:relative;}
.foot address a:before{display:inline-block;content:'';background:rgba(255,255,255,.2);width:1px;height:12px;position:absolute;left:15px;top:5px;}
.foot p{color:#707070;}
.foot span{display:block;border:solid 1px rgba(255,255,255,.5);text-align:center;margin-top:15px;}
.foot span a{display:inline-block;padding:7px;background:#fff;width:50%;}
.foot span a:before{content:'';font-size:0;display:inline-block;width:35px;height:35px;background:url("/images/02_tour/common/footer.png")no-repeat;vertical-align:middle;}
.foot span .f1{color:#fff568;background:none;}
.foot span .f1:before{background-position:0 -45px;}
.foot span .f2:before{background-position:0 -81px;}

@media all and (min-width:768px) {
.gnb{top:25px;left:0;right:0;justify-content:flex-end;padding:0;}
header.fixed .m_logo a{background-position:0 -42px;}
header.fixed .gnb{padding-right:100px;}

.g_sitelist_wrap{top: 60px;}
.g_sitelist_wrap ul li{width: 32.66% !important;}
.g_sitelist_wrap .s_list2 li{width: 13% !important;}
    
.m_logo{width:265px;position:absolute;left:0;top:0;}
.m_logo a{width:auto;background-size:auto;padding-top:40px;margin:0 auto;}
.head nav .menu{width:100%;}
.local .s_menu{width:100%;display:flex;justify-content:flex-start;}
.local .s_menu li{width:calc(92% / 3);}
.local .s_menu .col4 li{width:calc(92% / 4);} 
.local .s_menu .col2 li{width:calc(92% / 2);}  
.local .s_menu  li.home{width:8%;background:none;}
.local .s_menu > ul > li.on{background-position:95% -142px;}
.local .s_menu li a{padding:30px 20px;border-top:none;border-left: solid 1px rgba(255,255,255,.2);font-size:17px;max-height:82px;}

/*문광_FOOTER */
footer{padding-bottom:50px;}
.foot ul{justify-content:flex-start;}
.foot .sns{position:absolute;right:3%;top:4px;}
.foot div{padding:27px 350px 0 0;position:relative;}
.foot span{width:330px;position:absolute;right:0;top:10px;}
}

@media all and (min-width:1023px) {
header{margin:0 auto;top:0;left:0;}
header.on{position:fixed;width:100%;}
header.on:after{display:block;content:'';background:rgba(0,0,0,.3);height:85px;}
.gnb li a{font-size:1rem}

.g_sitelist_wrap{padding: 40px;}
.g_sitelist>a{font-size:1rem;}
.g_sitelist_wrap p{font-size:1.2rem;}
.g_sitelist_wrap h2{margin-bottom: 26px;font-size: 2rem;}
.g_sitelist_wrap .g_sitelist_con{display:flex;justify-content: space-between;}
.g_sitelist_wrap .g_sitelist_con div{width: 32.33%;height: 500px;margin: 0;padding: 20px 30px;overflow-y: auto;}
.g_sitelist_wrap h3{font-size: 1.1rem;margin-bottom: 20px;}
.g_sitelist_wrap ul li{width: 100% !important;margin: 0 0 8px 0;}
.g_sitelist_wrap .s_list2 li{width: 46% !important;}
.g_sitelist_wrap .close{top: 25px;right:40px;left:auto;width: 60px;height: 60px;background-position: 50% -150px;}
    
.head{background:none;margin:0 auto;position:relative}
.head h1{padding:40px 0 0 0}
.head.on h1 a{background-position:0 0}
.head nav .menu{width:1400px;background:none;margin:0 auto;padding:50px 0;}
.head.on{background:none;}
.head.on nav{background:rgba(255,255,255,.93) url('/images/02_tour/common/menu_bg.png')no-repeat right bottom;top:85px;width:100%;height:calc(100vh - 80px);left:0;position:absolute;right:0;}
.head nav div button{background-color:#f15a40;top:-85px;width:85px;height:85px;right:0;background-size:auto;}
.head nav div button:hover{background-color:#202020;}
.menu .depth_box{background:none;width:auto;position:relative;padding:0;height:auto;border-radius:0;}
.menu li a{color:#fff}
.menu>ul{overflow:hidden;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:baseline;}
.menu>ul>li{position:relative;margin-bottom:40px;flex:0 0 20%;}
.menu>ul>li a{display:block;}
.menu>ul>li>a{position:relative;border:none;font-size:23px;font-weight:700;width:100%;padding:0 0 15px;color:#434343;border-bottom:solid 1px rgba(0,0,0,.3);}
.menu>ul>li:hover>a{color:#000}
.menu .depth_boxcon{margin:15px 0 0 0;}
.menu div>ul>li{background:none}
.menu div>ul>li>a{background:none;padding:0 0 0 10px;margin:0 0 12px 0;color:#525252;}
.menu div>ul>li:hover a,
.menu div>ul>li:active a{color:#f15a40}
.menu div>ul>li>a:before{top:7px;}
.menu div>ul>li:hover>a:before{background:#f15a40 ;}
.menu div ul ul{display:none}
.menu div ul .on ul{display:none}

/*문광_FOOTER */
.foot{max-width:1400px;margin:0 auto;padding:0;}
.foot .sns{right:0;}
.sub_container::after{border-radius:0 0 100px 0;height:350px;}
.s_right{width:100%;margin:0;}
.s_right .s_title{position:relative;padding:100px 0 0 0;margin:0;height:auto;text-align:center;}
.s_right .s_title h3{font-size:40px;margin:58px 0;}
}

@media all and (min-width:1440px) {
header.fixed .gnb{padding:0;}
.gnb{width:1400px;margin:0 auto;}

.g_sitelist_wrap{width:100%;top: 80px;padding: 40px 80px;}
.g_sitelist_wrap .g_sitelist_con div{padding:20px 40px;}
.g_sitelist_wrap .close{top: 50px;right: 80px;}
    
.s_content{width:1400px;margin:0 auto 40px;}
.head .gnb>div>div .close{right:12.5%;}
.s_right .utill{position:absolute;top:calc(50% - 20px);right:0;}
}

/* 본청-공공누리 */
.license{border:1px #e0e5e2 solid;padding:20px;margin:0 12px 20px 12px;text-align:center;}
.license div{display:block;margin:0 0 10px 0}
.license p em{font-style:normal;font-weight:500;color:#136f6f;}


@media all and (min-width:1023px) {
.license{margin:0 0 15px;padding:20px;overflow:hidden;text-align:left;width:100%;}
.license div{float:left; margin:0}
.license p{float:right; width:calc(100% - 230px)}
}

@media all and (min-width:1728px) {
.license p{margin-top:15px;}   
}

/* 만족도조사 */
.research{background:#f9f9f9;margin:0 12px 20px;padding:20px;}
.research li:first-child{margin:0 0 10px 0}
.research li *{vertical-align:middle}
.research input[type=radio]{width:18px; height:18px;}
.research input[type=text]{margin-bottom:8px;border:solid 1px #e0e5e2;width:100%;height:38px;}
.research input[type=submit]{background:#136f6f;color:#fff;width:100%;height:37px;font-size:15px;}
.research label{margin-right:10px;}

@media all and (min-width:768px) {
.research input[type=text]{width:calc(100% - 100px); margin-bottom:0;}
.research input[type=submit]{width:90px;}
}
@media all and (min-width:1023px) {
.scon_bottom{display:flex;justify-content:space-between;flex-wrap:wrap;}
.research{position:relative;padding:20px 30px;width:50%;margin:0;}
.research ul{overflow:hidden}
.research li:last-of-type{margin-top:20px;}
}                                                          

/* 콘텐츠담당자 */
.manager{background:#f9f9f9;margin:0 12px;padding:20px;}
.manager h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.manager strong{font-weight:500;color:#136f6f;}
.manager li{margin:0 0 5px 0}
.manager li strong{display:inline-block; padding-right:10px;}

@media all and (min-width:768px) {
.manager{overflow:hidden}
.manager li,.manager p{margin:0 20px 5px 0;}
}

@media all and (min-width:1023px) {
.manager{padding:20px 30px;margin:0;width:50%;border-left:solid 1px #e1e1e1;}
.manager li,.manager p{margin:0 0 10px 0;}
}