@charset "utf-8";

.blind{display: block;overflow: hidden;position: absolute;top: 1000px;left: -5000px;font-size: 10px;}

/* common */
html,body{width:100%;height:100%;margin:0;padding:0}

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

header{border-bottom:3px solid #223e99;background:url("/images/01_potal/common/top_bg.gif") repeat-x;height:110px}
header:after{display:block;content:"";clear:both}
header h1{position:absolute;top:48px;left:15px;font-size:18px;letter-spacing:-0.125em}
header h1 img{width:85%}
header h1.subsite{top:40px}
header h1.subsite img{display:inline-block;width:50%;margin:12px 0 0 0}
header h1.subsite a{display:block}
header h1 *{vertical-align:middle}
header h1 a{color:#223e99}

header .skip{display:none}
header .gnb{float:right;width:45%;}
header .gnb button{background:url("/images/01_potal/common/arr_icon.png") no-repeat right -6px;color:#fff;width:100%;height:40px;text-align:left;font-size:14px;line-height:1.5em}
header .gnb>ul{display:none;position:absolute;top:40px;right:0;width:50%;background:#41c2e1;z-index:2}
header .gnb ul.on{display:block}
header .gnb li{border-bottom:1px solid #fff;text-align:left;}
header .gnb li a{display:block;color:#fff;padding:7px 10px}
header .gnb li button{padding:0 10px;height: 30px;background-position: right -10px;}
header .gnb li ul{display:none;background:#223e99}
header .gnb li li{border:none}
header .subsite_gnb{width:100%}
header .subsite_gnb ul{width:100%}

header .t_link{float:left;width:55%}
header .t_link:after{display:block;content:"";clear:both}
header .t_link>li{float:left;border-right:1px solid #8ddaee;box-sizing:border-box}
header .t_link>li.login{width:40%}
header .t_link li.sitemap{display:none}
header .t_link>li.lang{width:60%;position:relative}
header .t_link>li a{color:#fff;display:block;padding:12px 0;height:16px;text-align:center}
header .lang button{background:url("/images/01_potal/common/arr_icon.png") no-repeat right -6px #41c2e1;color:#fff;width:100%;height:39px;text-align:left;font-size:14px}
header .lang ul{display:none;position:absolute;top:40px;left:0;width:100%;background:#41c2e1}
header .lang ul li{border-bottom:1px solid #fff;font-family:Arial, Helvetica, sans-serif}
header .lang ul li a{text-align:left;padding:7px 10px}
header .lang ul.on{display:block}

header .weather{display:none}
header .t_search button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:50px;height:0;padding:50px 0 0 0;overflow:hidden;position:absolute}
header .t_search button.open{background-position:-50px 0px;top:50px;right:15px}
header .t_search button.close{background-position:-100px 0px;top:30px;right:-50px}
header .t_search div{display:none;width:70%;background:#223e99;position:absolute;top:20px;right:65px;padding:20px 5%;z-index:1}
header .t_search div .inp_sel{border:none;height:40px;border-radius:5px 0 0 5px;width:30%}
header .t_search div .inp_txt{border:none;height:20px;padding:10px 0;width:50%}
header .t_search div .inp_btn{border:none;background:#142456;color:#fff;height:40px;border-radius:0 5px 5px 0;width:20%}
header .t_search div.on{display:block}
header .subsite_tlink .login, header .subsite_tlink .lang{display:none}

.m_nav{position:absolute;top:0;left:0;z-index:4;background:#000;opacity:0.5;width:100%;height:100%}

header nav{background:#f3f7fa;width:280px;position:absolute;top:0;right:0}
header nav.on{height:100%;z-index:5}
header nav h2{display:none;background:#223e99;border-bottom:1px solid #fff;color:#fff;font-size:14px;padding:12px}
header nav.on h2{display:block}
header nav>div{display:none}
header nav.on>div{display:block}
header nav div li a{display:block;line-height:1.25em}
header nav>div>ul>li>a{display:block;color:#000;font-weight:600;font-size:16px;text-align:center;padding:10px 0;margin:0 0 1px 0;width:100px}
header nav>div>ul>li.on>a{color:#fff;background:url("/images/01_potal/common/nav_on.png") no-repeat right center #223e99}
header nav>div>ul>li>div{display:none;position:absolute;top:40px;right:0;background:#fff;width:150px;padding:5px 15px;}
header nav>div>ul>li.on>div{display:block}
header nav>div div>ul>li>a{color:#223e99;font-size:16px;font-weight:600;padding:10px 0 10px 12px;background:url("/images/01_potal/common/nav_icon1.png") no-repeat 0 15px;}
header nav div div li ul{margin:0 0 5px 0}
header nav div div li li a{color:#464646;font-size:14px;padding:6px 0 6px 18px;background:url("/images/01_potal/common/nav_icon2.png") no-repeat 10px 8px;}
header nav div div li li a:hover{text-decoration:underline}
header nav div div li li ul{background:#eef0f5;margin:0 0 10px 8px}
header nav div div li li li a{padding:6px 0 6px 20px;background:url("/images/01_potal/common/list_icon.png") no-repeat 10px 10px;}
header nav>div div div div{display:none}
header nav button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:50px;height:0;overflow:hidden;position:absolute}
header nav button.nav_open{background-position:0px 0px;top:50px;right:70px;padding:50px 0 0 0}
header nav.on button.nav_open{display:none}
header nav button.nav_close{background-position:-100px -6px;top:0;right:0;padding:40px 0 0 0}

footer{background:#363636;clear:both;position:relative;z-index:3}
footer .f_sitelink{border-bottom:1px solid #474747;position:relative}
footer .f_sitelink>button{width:50%;height:50px;background:#262626;color:#fff;box-sizing:border-box;font-size:14px;text-align:left;padding:0 15px;letter-spacing:-0.1em;line-height:2em;overflow:hidden}
footer .f_sitelink>button:first-child{border-right:1px solid #424242}
footer .f_sitelink>button span{display:inline-block;width:29px;height:29px;background:url("/images/01_potal/common/common_btn.png") no-repeat -145px -108px;float:right}
footer .f_sitelink div{display:none;border:1px solid #223e99;background:#fff;position:absolute;bottom:50px;padding:20px;box-sizing:border-box}
footer .f_sitelink div.f_site01{left:0;width:60%}
footer .f_sitelink div.f_site02{right:0;width:50%}
footer .f_sitelink div.on{display:block}
footer .f_sitelink div li{background:url("/images/01_potal/common/list_icon.png") no-repeat 0 5px;line-height:1.25em;margin:5px 0 0 0;padding:0 0 0 15px}
footer .f_sitelink div li:first-child{margin:0}
footer .f_sitelink div button{background:url("/images/01_potal/common/common_btn.png") no-repeat -100px 0px;width:50px;height:0;padding:50px 0 0 0;overflow:hidden;position:absolute;top:-50px;right:-1px}

footer .f_banner{position:relative;overflow:hidden;padding:10px 0}
footer .f_banner h2{color:#fff;font-size:18px;margin:10px 15px 10px 20px}
footer .f_banner p{position:absolute;top:15px;left:80px}
footer .f_banner p button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
footer .f_banner .stop{background-position:0px -108px}
footer .f_banner .play{background-position:-29px -108px}
footer .f_banner .prev{background-position:-87px -108px}
footer .f_banner .next{background-position:-116px -108px}
footer .f_banner .list{overflow:hidden;width:87.5%;clear:both;margin:0 20px}
footer .f_banner .list ul{overflow:hidden;width:2000px}
footer .f_banner .list li{float:left;margin:0 20px 0 0}
footer .f_banner .list li a{color:#b7b7b7;display:block;padding:7px 0}
footer .f_banner .list li a:hover{text-decoration:underline}

footer .f_con{border-top:1px solid #474747}
footer .f_con>div{padding:20px 15px;font-size:14px}
footer .f_qr{display:none}
footer .f_wa{display:none}
footer .f_link{overflow:hidden;margin:0 0 15px 0}
footer .f_link li{float:left;padding:0 0 0 20px;margin:0 0 5px 0;background:url("/images/01_potal/common/flink_line.png") no-repeat 8px center}
footer .f_link li:first-child{padding:0}
footer .f_link li a{color:#fff}
footer .f_link li strong{color:#d66112;font-weight:400}
footer address{font-style:normal;padding:0 20px 0 0}
footer .addre{color:#acacac;line-height:1.5em} 
footer .addre span{width:0;height:0;padding:0 20px 0 0;overflow:hidden;display:inline-block;}
footer .addre a{color:#acacac;}
footer .copy{color:#acacac;line-height:1.5em}
footer .gotop{position:fixed;right:0;bottom:100px}
footer .gotop{display:block;background:url("/images/01_potal/common/common_btn.png") no-repeat -150px 0;width:50px;height:0;padding:50px 0 0 0;overflow:hidden}


/* 서브레이아웃 */
.s_contents{padding:0 0 60px 0;position:relative;z-index:1}
.s_top .s_visual_area{width:100%;height:150px;background:url(/images/04_reservation/sub/s_visual_bg.jpg) no-repeat bottom center; text-align:center}
.s_top .s_visual_area .s_v_left{color:#fff;padding:10px 0;}
.s_top .s_visual_area .s_v_left>strong{display:block;font-size:18px;}
.s_top .s_visual_area .s_v_right .time{font-size:16px;box-sizing:border-box;text-align:center;}
.s_top .s_visual_area .s_v_right .time>span{background:url(/images/04_reservation/main/time_icon.png) no-repeat left center;display:inline-block;padding:5px 0 5px 10%;color:#fff}
.s_top .s_visual_area .s_v_right .time>span>i{font-style:normal;color:#fff799}
.s_top .s_visual_area .s_v_right .confirm{margin:5px auto 5px auto;padding:10px 0 5px 0;height:22px;width:150px;background:url(/images/04_reservation/main/res_views_bg.png) no-repeat 100% -350%,#00a950;border-radius:10px;transition:all 0.3s ease-in-out;background-size:40%}
.s_top .s_visual_area .s_v_right .confirm>a{display:block;color:#fff;text-align: left;width: 100%;height: 100%;}
.s_top .s_visual_area .s_v_right .confirm:hover{background:url(/images/04_reservation/main/res_views_bg2.png) no-repeat 100% -350%,#fff799;background-size:40%;}
.s_top .s_visual_area .s_v_right .confirm:hover>a{color:#00a950;font-weight:600;}
.s_top .s_visual_area .s_v_right .confirm>a>span{padding: 0 0 0 30px;display: block;font-size: 14px;background:url(/images/04_reservation/main/res_views_more.png) no-repeat 90% 90%}
.s_top .s_visual_area .s_v_right .confirm:hover>a>span{background:url(/images/04_reservation/main/res_views_more2.png) no-repeat 90% 90%}
.s_top .s_tit{padding:10px 10px 20px 10px;text-align:center;border-bottom:1px solid #ccc}
.s_top .s_tit>h3{padding:15px 0 10px 70px;margin:10px auto;}
.s_top .s_tit>h3.s_tit_01{background:url(/images/04_reservation/sub/s_tit_01.png) no-repeat left center;background-size:contain}
.s_top .s_tit>h3.s_tit_02{background:url(/images/04_reservation/sub/s_tit_02.png) no-repeat left center;background-size:contain}
.s_top .s_tit>h3.s_tit_03{background:url(/images/04_reservation/sub/s_tit_03.png) no-repeat left center;background-size:contain}
.s_top .s_tit>h3.s_tit_04{background:url(/images/04_reservation/sub/s_tit_04.png) no-repeat left center;background-size:contain}
.s_top .s_tit>h3.s_tit_05{background:url(/images/04_reservation/sub/s_tit_05.png) no-repeat left center;background-size:contain}
.s_top .s_tit>h3.s_tit_06{background:url(/images/04_reservation/sub/s_tit_06.png) no-repeat left center;background-size:contain}
.s_top .s_tit>h3.s_tit_07{background:url(/images/04_reservation/sub/s_tit_07.png) no-repeat left center;background-size:contain}
.s_top .s_tit>h3.s_tit_011{background:url(/upload_data/board_data/BBS_0000130/174346650084132.png) no-repeat left center;background-size:contain}
.s_top .s_tit .con_util{margin:0 auto;width:135px}
.s_top .s_tit .con_util>ul{position:relative}
.s_top .s_tit .con_util>ul:after{content:"";display:block;clear:both}
.s_top .s_tit .con_util>ul>li{float:left;margin:0 5px 0 0}
.s_top .s_tit li>button{background:url("/images/01_potal/common/scon_icon.png") no-repeat;width:40px;height:0;padding:40px 0 0 0;overflow:hidden}
.s_top .s_tit .print>button{background-position:0 0}
.s_top .s_tit .sharing>button{background-position:0 -40px}
.s_top .s_tit .qrmark>button{background-position:0 -80px}
.s_top .s_tit .sharing div{display:none;position:absolute;top:40px;left:45px}
.s_top .s_tit .sharing div.on{display:block}
.s_top .s_tit .sharing li a{display:block;background:url("/images/01_potal/common/scon_icon.png") no-repeat;width:40px;height:0;padding:40px 0 0 0;overflow:hidden}
.s_top .s_tit .sharing li.face a{background-position:0 -120px}
.s_top .s_tit .sharing li.twi a{background-position:0 -160px}
.s_top .s_tit .sharing div button{background:url("/images/01_potal/common/common_btn.png") no-repeat -105px -5px;border-radius:100%;width:40px;height:0;padding:40px 0 0 0;overflow:hidden}
.s_top .s_tit .qrmark div{display:none;position:absolute;top:40px;left:0;border:1px solid #2d3ca3;background:#fff;text-align:center}
.s_top .s_tit .qrmark div.on{display:block}
.s_top .s_tit .qrmark div img{width:100px;margin:10px}
.s_top .s_tit .qrmark div button{background:#2d3ca3;width:100%;display:block;color:#fff;padding:6px 0}
.s_btm{padding:10px}

.menu_tab{position:relative}
.menu_tab li{width:100%;}
.menu_tab li>a{display:block;width:100%;padding:10px 0;color:#666;border:1px solid #666;border-radius:5px;margin:5px 0;font-weight:600;transition:0.3s all ease-in-out;position:relative}
.menu_tab li>a>span{padding:0 0 0 20px;transition:0.3s all ease-in-out}
.menu_tab li.on>a,.menu_tab li:hover a{background:#213f99;color:#fff;}
.menu_tab li>a>i{display:inline-block;border-radius:15px;padding:12px;position:absolute;right:5%;top:20%;background:url(/images/04_reservation/sub/depth_tab_off.png) no-repeat center,#666;}
.menu_tab li.on>a>i,.menu_tab li:hover>a>i{background:url(/images/04_reservation/sub/depth_tab_on.png) no-repeat center,#00aa51;}
.menu_tab li.on .dep3{display:block}
.menu_tab li .dep3{display:none}
.menu_tab li .dep3>ul>li{width:auto;margin:0 15px;}
.menu_tab li .dep3>ul>li a{padding:0;border:none; border-radius:none;margin:0;font-weight:normal;color:#000;background:url(/images/04_reservation/common/nav_icon1.png) no-repeat left center;padding:5px 0 5px 15px}
.menu_tab li .dep3>ul>li.on a,.menu_tab li .dep3>ul>li:hover a{background:#00a950;color:#fff;font-weight:600;border:1px solid #ccc}

.menu_tab2{position:relative}
.menu_tab2 li{width:100%;}
.menu_tab2 li>a{display:block;width:100%;padding:10px 0;color:#666;border:1px solid #666;border-radius:5px;margin:5px 0;font-weight:600;transition:0.3s all ease-in-out;position:relative}
.menu_tab2 li>a>span{padding:0 0 0 20px;transition:0.3s all ease-in-out}
.menu_tab2 li.on>a,.menu_tab2 li:hover a{background:#213f99;color:#fff;}
.menu_tab2 li>a>i{display:inline-block;border-radius:15px;padding:12px;position:absolute;right:5%;top:20%;background:url(/images/04_reservation/sub/depth_tab_off.png) no-repeat center,#666;}
.menu_tab2 li.on>a>i,.menu_tab2 li:hover>a>i{background:url(/images/04_reservation/sub/depth_tab_on.png) no-repeat center,#00aa51;}
.menu_tab2 li.on .dep3{display:block}
.menu_tab2 li .dep3{display:none}
.menu_tab2 li .dep3>ul>li{width:auto;margin:0 15px;}
.menu_tab2 li .dep3>ul>li a{padding:0;border:none; border-radius:none;margin:0;font-weight:normal;color:#000;background:url(/images/04_reservation/common/nav_icon1.png) no-repeat left center;padding:5px 0 5px 15px}
.menu_tab2 li .dep3>ul>li.on a,.menu_tab li .dep3>ul>li:hover a{background:#00a950;color:#fff;font-weight:600;border:1px solid #ccc}

.dep3{text-align:center;margin:25px 0}
.dep3>ul>li{margin:2px 0;width:100%;}
.dep3>ul>li a{padding:0;border:1px solid #ccc;border-radius:5px;margin:0;font-weight:normal;color:#000;padding: 5px 0;width:100%;display:block;}
.dep3>ul>li.on a,.dep3>ul>li:hover a{background:#00a950;color:#fff;font-weight:600;border:1px solid #ccc}



@media all and (min-width:549px) {
.s_top .s_visual_area{width:100%;height:80px;padding:30px 0;background:url(/images/04_reservation/sub/s_visual_bg.jpg) no-repeat bottom center; text-align:center}
.s_top .s_visual_area .s_v_left{color:#fff;padding:10px;float:left;text-align:left;line-height:1.8em;}
.s_top .s_visual_area .s_v_left>strong{display:block;font-size:18px;}
.s_top .s_visual_area .s_v_right{float:right;padding:5px 10px}
.s_top .s_visual_area .s_v_right .time{font-size:14px;box-sizing:border-box;text-align:right;}
.s_top .s_visual_area .s_v_right .time>span{background:url(/images/04_reservation/main/time_icon.png) no-repeat left center;display:inline-block;padding:7px 0 5px 35px;color:#fff}
.s_top .s_visual_area .s_v_right .confirm{margin:5px 0;float:right;}
.s_top .s_tit{position:relative;}
.s_top .s_tit>h3{display:inline-block;}
.s_top .s_tit .con_util{position:absolute;right:0;top:30px;}
}


/* Tablet */
@media all and (min-width:768px) {
header{height:202px;}
header .m_top{z-index:11;position:relative}
header h1{top:65px;left:20px}
header h1 img{width:auto}
header h1.subsite{top:70px;font-size:30px}
header h1.subsite img{width:auto; height:70px; display:inline;margin:0 10px 0 0}
header h1.subsite a{display:inline}
header .gnb{width:100%;border-bottom:none}
header .gnb>button{display:none}
header .gnb ul{display:block;position:static;width:100%;background:none}
header .gnb ul:after{content:"";display:block;clear:both}
header .gnb li{float:left;border-bottom:none;border-right:1px solid #8ddaed;letter-spacing:-0.125em;line-height:1.5em;position:relative}
header .gnb li a{padding:9px 20px}
header .gnb li.on{background:#fff;font-weight:600}
header .gnb li.on a{color:#223e99}
header .gnb li button{padding: 0 40px 0 20px;height: 40px;background-position: right -7px;}
header .gnb li ul{position:absolute;top:40px;left:-1px;z-index:9;width:170px;background:#41c2e1;border:1px solid #fff}
header .gnb li li{float:inherit;border-bottom:1px solid #fff}
header .gnb li li a{padding:7px 10px}
header .gnb li.tsns{display:none}
header .t_link{position:absolute;top:72px;right:20px;width:auto;background:none;border:none}
header .t_link>li{border:none;margin:0 0 0 3px}
header .t_link li.login, header .t_link li.lang{width:auto}
header .t_link li.login a{background:#f6f6f6;color:#555;line-height:1.5em;display:block;padding:15px;height:20px;}
header .t_link li.lang button{background:url("/images/01_potal/common/arr_icon.png") no-repeat right -50px #f6f6f6;color:#555;height:50px;padding:0 30px 0 15px;}
header .t_link li.lang ul{background:#f6f6f6;top:51px}
header .t_link li.lang li a{color:#555}
header .t_link li.sitemap{display:block;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:50px;height:50px;padding:0;overflow:hidden;font-size:0;}
header .t_search>button{position:static}
header .t_search div{width:400px;padding:30px;top:0;right:51px}
header .t_search button.close{background-position:-100px 0px;top:0px;right:-51px}

header nav{width:100%;top:150px;background:none;z-index:10}
header nav.on{height:auto}
header nav.on h2{display:none}
header nav div{display:block}
header nav>div>ul{overflow:hidden}
header nav>div>ul>li{float:left;width:14.222%;background:url("/images/01_potal/common/nav_line.png") no-repeat 0 center}
header nav>div>ul>li:first-child{background:none}
header nav>div>ul>li>a{font-size:20px;width:auto;padding:14px 0;font-weight:400}
header nav>div>ul>li.on>a{background:url("/images/01_potal/common/nav_on2.png") no-repeat center bottom #223e99;color:#fff;transition:none;font-weight:600;border-radius:10px 10px 0 0}
header nav>div>ul>li>ul{width:100%;top:55px;padding:10px;box-sizing:border-box;border-bottom:1px solid #223e99;background:#223e99;border-radius:0 0 10px 10px;border-top:dotted 1px rgba(255,255,255,0.5);}
header nav>div ul ul>li>a{padding:10px 0 5px 10px;color:#fff;}
header nav>div div div{overflow:hidden}
header nav>div div div div{display:block;float:left;width:32.55208333333333%;height:340px;padding:0 0 0 3.90625%}
header nav>div div div p{font-size:14px;color:#464646;font-weight:600}
header nav>div div div p strong{color:#223e99}
header nav>div div div p em{color:#0096ba;font-style:normal}
header nav>div div div dt{color:#223e99;font-size:40px;font-weight:600;margin:15px 0 10px 0}
header nav>div div div dd{font-size:15px;line-height:1.25em}
header nav>div div div>ul{float:left;width:57.29166666666667%;min-height:340px;border-left:1px dashed #c8cfe5;padding:0 2.604166666666667%}
header nav .menu1 .tit{background:url("/images/01_potal/common/nav_bg01.gif") no-repeat right 105px}
header nav .menu2 .tit{background:url("/images/01_potal/common/nav_bg02.gif") no-repeat right 105px}
header nav .menu3 .tit{background:url("/images/01_potal/common/nav_bg03.gif") no-repeat right 105px}
header nav .menu4 .tit{background:url("/images/01_potal/common/nav_bg04.gif") no-repeat right 105px}
header nav .menu5 .tit{background:url("/images/01_potal/common/nav_bg05.gif") no-repeat right 105px}
header nav .menu6 .tit{background:url("/images/01_potal/common/nav_bg06.gif") no-repeat right 105px}
header nav button{display:none}

footer .f_top{background:#262626}
footer .f_top>div{padding:0 20px 0 0}
footer .f_top>div:after{content:"";display:block;clear:both}
footer .f_sitelink{float:left;border-bottom:none;width:40%}
footer .f_sitelink div{bottom:60px;}
footer .f_sitelink>button{border-right:1px solid #424242;height:60px}
footer .f_sitelink>button, footer .f_sitelink>button:first-child{}
footer .f_banner{float:left;width:60%;padding:10px 0;height:40px}
footer .f_banner h2{margin:10px 15px}
footer .f_banner .list{position:absolute;top:15px;left:195px}
footer .f_con>div{padding:20px}
footer address{display:inline}

.s_contents{margin:0 auto}
.s_right .s_tit .sharing div{left:50px}
.s_right .s_tit .qrmark div{right:0}

.s_top .s_visual_area{padding:20px 0;height:100px}
.s_top .s_visual_area .s_v_left{padding:20px 10px;}
.s_top .s_visual_area .s_v_right{padding:15px 160px 10px 0;background:url(/images/04_reservation/sub/s_visual_icon.png) no-repeat 95% center}

.menu_tab{text-align:center}
.menu_tab li{width:18.5%;display:inline-block;margin:0 3px;text-align:left;}
.menu_tab li>a{padding:16px 0;font-size:12px}
.menu_tab li>a>i{right:5%;top:25%;}
.menu_tab li .dep3{ height:50px; display:none;}
.menu_tab li .dep3>ul{position:absolute;bottom:0;left:25%;}

.menu_tab2{text-align:center}
.menu_tab2 li{width:25%;display:inline-block;margin:0 3px;text-align:left;}
.menu_tab2 li>a{padding:16px 0;font-size:16px;/* height: 21px; */line-height: 20px;}
.menu_tab2 li>a>i{right:5%;top:25%;}
.menu_tab2 li .dep3{ height:50px; display:none;}
.menu_tab2 li .dep3>ul{position:absolute;bottom:0;left:25%;}

.menu_tab .col3 li{width: 31.33%;}
.menu_tab .col5 li{width: calc(100% / 5 - 9px);}
.menu_tab .res_col5 li{width: 15.5%;}


.dep3>ul>li{width:auto;display:inline-block;margin:0 15px;}
.dep3>ul>li a{width:auto;border:none;background:url(/images/04_reservation/common/nav_icon1.png) no-repeat left center;padding: 5px 15px;}
.dep3>ul>li.on a,.dep3>ul>li:hover a{background:#00a950;color:#fff;font-weight:600;border:1px solid #ccc}


}


/* Desktop */
@media all and (min-width:1023px) {

header .m_top{width:1200px;margin:0 auto;position:relative;z-index:11}
header h1{/* left:510px */position:static;text-align:center;padding:65px 0 0 0}

header .skip{display:block;position:absolute;top:0;left:0}
header .skip a{display:block;background:#223e99;color:#fff;width:115px;text-align:center;padding:9px 0;line-height:1.5em}
header .gnb{width:auto}
header .gnb li{letter-spacing:normal}
header .gnb li a{padding:9px 33px} /* 9px 26px */
header .gnb li button{padding: 9px 40px;}
header .gnb li.tsns{display:block;padding:0}
/*
header .gnb li.tsns a{background:url("/images/01_potal/common/tsns_icon.png") no-repeat;padding:40px 0 0 0;width:45px;height:0;overflow:hidden}
header .gnb li.twi a{background-position:center -1px;}
header .gnb li.face a{background-position:center -42px;}
header .gnb li.daum a{background-position:center -80px;}
header .gnb li.naver a{background-position:center -120px;}
header .gnb li.ytb a{background-position:center -160px;}
*/
header .gnb li a{padding: 9px 26px;}
header .gnb li.tsns a{background:url("/images/01_potal/common/tsns_icon2.gif") no-repeat;padding:40px 0 0 0;width:45px;height:0;overflow:hidden}
header .gnb li.ytb a{background-position:center 0;}
header .gnb li.insta a{background-position:center -40px;}
header .gnb li.face a{background-position:center -80px;}
header .gnb li.naver a{background-position:center -120px;}
header .gnb li.band a{background-position:center -160px;}

header .t_link{right:0}

header .weather{display:block;position:absolute;top:82px;left:0;overflow:hidden}
header .weather img{float:left;margin:0 10px 0 0}
header .weather p{float:left;color:#7d7d7d;font-size:12px}
header .weather .date{display:block;color:#252525;font-size:18px;line-height:1.5em;letter-spacing:-0.05em}
header .weather .line{font-size:5px;padding:0 5px}
header .weather p strong{font-size:24px;color:#0d9dd2}
header .weather p em{color:#223e99;font-style:normal;font-weight:600}

header nav>div{width:1200px;margin:0 auto}
header nav>div>ul>li>div{padding:35px 0}
header nav>div div div{width:1200px;margin:0 auto;overflow:hidden}
header nav>div div div div{width:250px;padding:0 0 0 30px}
header nav>div div div>ul{width:879px;padding:0 20px}
header nav>div div div>ul>li{overflow:hidden;padding:0 0 0 20px}
header nav>div div div>ul>li>a{width:150px;float:left}
header nav>div div div>ul>li:hover{background:#e2e8f7}
header nav>div div div ul ul{overflow:hidden;float:left;margin:5px 0 0 0;width:695px}
header nav>div div div ul ul ul{display:none}
header nav>div div div li li{float:left}

footer .f_top>div{width:1178px;margin:0 auto;border-left:1px solid #424242;border-right:1px solid #424242}
footer .f_sitelink{width:30%}
footer .f_banner{width:70%}
footer .f_con>div{width:900px;margin:0 auto;padding:35px 0 35px 300px;position:relative}
footer .f_qr{display:block;position:absolute;top:30px;left:10px}
footer .f_wa{display:block;position:absolute;top:35px;left:160px}
footer .gotop{position:fixed;right:100px;bottom:50px}

.s_contents{margin:0 auto}
.s_contents:after{content:"";display:block;clear:both}
.s_top .s_visual_area{padding:20px 0;height:100px}
.s_top .s_visual{width:1200px;margin:0 auto;}
.s_top .s_visual_area .s_v_left{padding:20px 10px;}
.s_top .s_visual_area .s_v_left>strong{font-size:20px;font-weight:600;}
.s_top .s_visual_area .s_v_right{padding:15px 160px 10px 0;background:url(/images/04_reservation/sub/s_visual_icon.png) no-repeat 95% center}
.s_top .s_tit{width:1180px;margin:0 auto}
.s_top .s_tit>h3{font-size:24px}
.s_btm{width:1200px;margin:0 auto;padding:30px 0 40px 0;}

.menu_tab li{width:calc(100%/4 - 9px);}
.menu_tab li>a{padding:16px 0;font-size:16px}
.menu_tab li .dep3>ul{position:absolute;bottom:0;left:34%;}




header, .m_contents, .s_contents, footer { min-width: 1200px}

}

/* 2017.09.27 관리자 추가 */
.scon_bottom{border:1px solid #e2e2e2;margin:60px 0 0 0;line-height:1.25em}
.scon_bottom>div{padding:15px}
.manager{background:#f8f8f8;border-bottom:1px solid #e2e2e2}
.manager li{background:url("/images/01_potal/common/mng_icon.gif") no-repeat 0 6px;padding:0 0 0 8px;margin:5px 0 0 0;color:#555}
.manager li:first-child{margin:0}
.manager li strong{color:#000;margin:0 5px 0 0}

@media all and (min-width:768px){
.scon_bottom>div{padding:15px 20px}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 30px 0 0 !important}
}    


/*2025.03.31 공공체육 레이어팝업 추가*/
.reser_layer_pop{position:fixed;top:0;left:0;z-index:1000;background: rgba(0,0,0,0.2);width:100vw;height:100vh;}
.reser_layer_pop .layer_wrap{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}
.reser_layer_pop .layer_wrap .img img{width:300px;}
.reser_layer_pop .layer_wrap p{background:#222;padding:10px 15px;color:#fff;height:40px;box-sizing:border-box;}
.reser_layer_pop .layer_wrap p a{float:right;display:inline-block;background:#fff;padding:4px;font-size:12px;font-weight:600;color:#000;}
@media all and (min-width:768px){
.reser_layer_pop .layer_wrap .img img{width:auto;}
}  
@font-face{
	font-family:"ONE Title";
	src:url('/font/ONEtitle.eot');
	src:url('/font/ONEtitle.eot?#iefix') format('embedded-opentype'),
	url('/font/ONEtitle.woff') format('woff'),
  url('/font/ONEtitle.woff2') format('woff2'),
	url('/font/ONETitle.ttf') format('truetype');
	src:local(※), url('/font/ONEtitle.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Reg";
	src:url('/font/ONE Mobile Regular.eot');
	src:url('/font/ONE Mobile Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Regular.woff') format('woff'),
  url('/font/ONE Mobile Regular.woff2') format('woff2'),
	url('/font/ONE Mobile Regular.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Regular.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Bold";
	src:url('/font/ONE Mobile Bold.eot');
	src:url('/font/ONE Mobile Bold.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Bold.woff') format('woff'),
  url('/font/ONE Mobile Bold.woff2') format('woff2'),
	url('/font/ONE Mobile Bold.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Bold.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Light";
	src:url('/font/ONE Mobile Light.eot');
	src:url('/font/ONE Mobile Light.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Light.woff') format('woff'),
  url('/font/ONE Mobile Light.woff2') format('woff2'),
	url('/font/ONE Mobile Light.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Light.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Title";
	src:url('/font/ONEtitle.eot');
	src:url('/font/ONEtitle.eot?#iefix') format('embedded-opentype'),
	url('/font/ONEtitle.woff') format('woff'),
  url('/font/ONEtitle.woff2') format('woff2'),
	url('/font/ONETitle.ttf') format('truetype');
	src:local(※), url('/font/ONEtitle.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Reg";
	src:url('/font/ONE Mobile Regular.eot');
	src:url('/font/ONE Mobile Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Regular.woff') format('woff'),
  url('/font/ONE Mobile Regular.woff2') format('woff2'),
	url('/font/ONE Mobile Regular.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Regular.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Bold";
	src:url('/font/ONE Mobile Bold.eot');
	src:url('/font/ONE Mobile Bold.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Bold.woff') format('woff'),
  url('/font/ONE Mobile Bold.woff2') format('woff2'),
	url('/font/ONE Mobile Bold.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Bold.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Light";
	src:url('/font/ONE Mobile Light.eot');
	src:url('/font/ONE Mobile Light.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Light.woff') format('woff'),
  url('/font/ONE Mobile Light.woff2') format('woff2'),
	url('/font/ONE Mobile Light.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Light.woff') format('woff');
    
}

header{background-position:0 40px;height: 160px;}
.gov_bn{background:#ededed;}
.gb_wrap{padding:14px 0 10px 0;font-size: 12px;text-align:center;}
.gb_wrap:before{display:inline-block;content:"";width:24px;height:16px;background:url("/images/2025/potal/common/gnb_flag.gif") no-repeat;margin-top:-2px;}
.gb_wrap a{display:none;}

header nav button.nav_open{top: 91px;}
header .t_search button.open{top: 91px;}
header h1.subsite{top: 76px;}
header nav>div>ul>li>a{;font-family:"ONE Title";font-weight:normal !important;}
header nav>div div>ul>li>a{font-family:"ONE Reg";font-weight:normal !important;}
header .gnb>ul{top:80px;}
header .t_search div{top:60px;}


@media all and (min-width:768px) {
header{height: 252px;}
.gov_bn{height:40px;}
.gov_bn:after{display:block;content:"";clear:both;}
.gb_wrap{text-align:left;padding-left:20px;}
header nav{top: 199px;}
}

@media all and (min-width:1023px) {
header .t_search div{top:0;}
.gb_wrap{width:1200px;margin:0 auto;padding-left:0;border:none;font-size:14px;}
.gb_wrap a{position:relative;display:inline-block;color:#3f6abf;font-size:12px;font-family:"ONE Bold";font-weight:600;margin-left:15px;padding:0 15px;line-height:15px;}
.gb_wrap a:before{display:block;content:"";width:1px;height:10px;background:#999;position:absolute;top:3px;left:0;}
.gb_wrap a:after{display:block;content:"";width:7px;height:11px;background:url("/images/2025/potal/main/btn_set.png") no-repeat 0 0;position:absolute;top:2px;right:0;}
}