@charset "utf-8";
@import url('normalize.css');
@import url('fonts.css');

/* CSS Reset */
html{position:relative;height:100%}
body{min-width:300px;height:100%}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,select,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
body,input,textarea,button,select,table,h1,h2,h3,h4,h5,h6{
	font-family:'Noto Sans Korean','Apple SD Gothic Neo','Nanum Barun Gothic','Nanum Gothic','맑은 고딕','Malgun Gothic','돋움','dotum','sans-serif';
	font-size:14px;font-weight:400;line-height:1.5;color:#666
}

table{width:100%;border-collapse:collapse;border-spacing:0}
caption,legend{overflow:hidden;font-size:0;line-height:0}
fieldset,img{border:none}
ol,ul{list-style:none}
dt,dd{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,button,img{vertical-align:top}
button,[type="button"],[type="reset"],[type="submit"]{padding:0;border:0 none;background:none;cursor:pointer}
select{height:20px;font-size:12px;color:#666;letter-spacing:0;vertical-align:middle;border:1px solid #cccccc;}
address,em{font-style:normal}
hr{margin:0;padding:0;border:0;}

/* Link Style */
a{color:inherit;cursor:pointer;text-decoration:none}
a:link,a:visited{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}

/* Skip Nav */
.skip{overflow:hidden;width:100%;z-index:9999;height:0;font-size:0;line-height:0}
.skip a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;text-align:center;font-size:0;line-height:0}
.skip a:focus,.skip a:hover,.skip a:active{position:absolute;top:0;left:0;width:140px;height:20px;margin:0;padding:8px 15px 0 15px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f1f1f1;color:#656565;font-size:12px;font-weight:bold;line-height:1;z-index:99999}

/* Create Style */
.blind{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;border:0;background:0 0;font-size:0;line-height:0}
.clear{clear:both}
.after:after{display:block;clear:both;content:''}

/* Common Layout */

/* Layout */

#header,#container,#footer{position:relative;}
#header .section,#container .section,#footer .section{position:relative;width:1140px;margin:0 auto;}
#header .section:after,#container .section:after,#footer .section:after{display:block;clear:both;content:'';}

@media screen and (max-width:1159px){
	#header .section,#container .section,#footer .section{width:100%;}
}

#header{height:164px;background:#fff;}
#hUtil,#hGlobal{font-family:'돋움','dotum';font-size:12px;}

#hUtil{background-color:#edeceb;border-bottom:1px solid #dcdbd9;}
#hUtil .util_list{float:right;}
#hUtil .util_list:after{display:block;clear:both;content:'';}
.util_list > li{float:left;border-left:1px solid #dcdbd9;}
.util_list > li > a{display:block;padding:5px 12px;font-weight:700;color:#544b4b;}

.util_list > li.select_btn{position:relative;border-left:0 none;background:url(../images/common/util_arrow_off.png) 100% 50% no-repeat;}
.util_list > li.selected{background:url(../images/common/util_arrow_on.png) 100% 50% no-repeat;}
.util_list > li.select_btn > a{padding:5px 30px 5px 14px;border-left:1px solid #dcdbd9;border-right:1px solid #dcdbd9;}


.util_list > li.select_btn .desc_box{display:none;width:100%;position:absolute;top:28px;left:0;padding:0;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;z-index:101}
.util_list > li.select_btn .desc_box > ul{overflow-y:auto;max-height:75px;border:0;padding:0;border-left:1px solid #dddddd;border-right:1px solid #dddddd;background:#fff;list-style:none}
.util_list > li.select_btn .desc_box li a{display:block;height:25px;line-height:25px;padding:0;background:#fff;color:#404040;text-indent:13px;text-decoration:none;}
.util_list > li.select_btn .desc_box li a:hover,
.util_list > li.select_btn .desc_box li a:focus,
.util_list > li.select_btn .desc_box li a:active{color:#fff;background:#404040;}

.util_list select{display:none;width:100%;box-sizing:border-box;border:1px solid #dedede;height:28px;line-height:26px;padding:0;background:none;-webkit-appearance:none;overflow:hidden;font-weight:700;color:#544b4b;cursor:pointer}

@media screen and (max-width:767px){

	.util_list > li > a{padding:11px 12px;}
	.util_list > li.select_btn > a{padding:11px 30px 11px 14px;}
	.util_list > li.select_btn .desc_box{top:40px;}
}
/*
@media screen and (max-width:459px){
	.util_list > li > a{padding:5px 8px;}
	.util_list > li.select_btn > a{padding:5px 26px 5px 10px;}
}
*/
#hGlobal{height:76px;border-bottom:1px solid #e6e6e6}
#hGlobal .section{padding-top:22px;}
#hLogo{position:absolute;top:0;left:0px;}
#hLogo a{display:block;padding:10px 0;}
#hTotalOpen{display:none;}

#hFunction{float:right;}

#hFunction .button_call{float:left;margin-right:16px;border:1px solid #c5c8d9;}

.global_func{float:left;margin-right:24px;border-right:1px solid #e5e5e5;}
.global_func li{float:left;border:1px solid #e5e5e5;border-right:0 none;}
.global_func .func_btn{display:block;height:24px;padding:7px 12px 1px;color:#6b6561;text-align:center;}
.global_func dl{padding:0 10px;}
.global_func dt,.global_func dd{float:left;}
.global_func dt{display:block;height:24px;padding:7px 7px 1px 0;color:#6b6561;text-align:center;}
.global_func dd a{display:block;height:24px;padding:4px 0}

.global_sns{float:left;}
.global_sns li{float:left;}
.global_sns li a{display:block;}

#hMenu{position:absolute;top:106px;left:0;width:100%;background:#fff url(../images/common/header_bg.jpg) 50% 228px no-repeat;z-index:100}
#hMenuWrap{background:url(../images/common/header_line.jpg) 0 60px repeat-x;}
#hMenu.menu_open{border-bottom:1px solid #c6c6c6;}

#hNav{height:60px;padding:0 130px 0 20px}
#hNav:after{display:block;clear:both;content:'';}
#hNav .nav_item{float:left;}
#hNav .nav_btn,
#hMap a{display:block;height:30px;padding:15px 5px;background-repeat:no-repeat;background-position:50% 50%;font-size:18px;color:#000000;}
#hNav a span.iblank {display:inline-block;width:20px;height:20px;background:url(/themes/home/images/common/icon_button_blank.png) 100% 50% no-repeat;vertical-align:top; text-indent:-9999px;}
#hNav .nav1{width:/*12*/18%;}
#hNav .nav2{width:/*12*/10%;}
#hNav .nav3{width:14%;}
#hNav .nav4{width:15%;}
#hNav .nav5{width:/*15*/16%;}
#hNav .nav6{width:/*14*/12%;}
#hNav .nav7{width:/*16*/15%;}

/*
#hNav .nav1 .nav_btn{background-image:url(../images/common/h_menu_01_off.png)}
#hNav .nav2 .nav_btn{background-image:url(../images/common/h_menu_02_off.png)}
#hNav .nav3 .nav_btn{background-image:url(../images/common/h_menu_03_off.png)}
#hNav .nav4 .nav_btn{background-image:url(../images/common/h_menu_04_off.png)}
#hNav .nav5 .nav_btn{background-image:url(../images/common/h_menu_05_off.png)}
*/
#hNav .desc_nav{display:none;padding:15px 0 0 8px;color:#484848;}
#hNav .desc_nav li{padding:2px 0;}
#hNav .desc_nav a:focus,
#hNav .desc_nav a:hover,
#hNav .desc_nav a:active{color:#0061b0;}

#hMap{position:absolute;top:0;right:0;width:130px;}
#hMap a{background:url(../images/common/h_map_ico.png) 76px 50% no-repeat;color:#053f95;}

#hMap .desc_nav{display:none;padding:15px 0 0 8px;color:#484848;}
#hMap .desc_nav div{width:120px; text-align:center;}
#hMap .desc_nav div.img{width:120px;}
#hMap .desc_nav div.info{width:120px; text-align:center;color:#4a4a4a;}
#hMap .desc_nav div.temp{width:120px; text-align:center;color:#f06600;}


@media screen and (max-width:1159px){
	#hLogo a{padding:10px;}

	#hFunction .button_call{margin-right:6px;}
	.global_func{margin-right:12px;}
	.global_func dl{display:none}

	#hNav .nav_btn { font-size:17px; }
}

#totalMenu{display:none}
#totalMenu .total_title{height:66px;padding-left:18px;padding-bottom:1px;background:#ffffff;color:#214489;font-size:20px;font-weight:700;line-height:66px;}
#totalMenu #hTotalClose{display:block;position:absolute;top:14px;right:10px;}
#totalMenu #hTotalClose a{display:block;width:28px;height:28px;padding:4px;background:url(../images/common/mobile_total_close.png) 50% 50% no-repeat;background-size:28px auto;text-indent:-9999px;}

.total_link{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f6f7f7;}
.total_link:after{display:block;clear:both;content:'';}
.total_link li{float:left;}
.total_link li:first-child a{border-left:0 none;}
.total_link a{display:block;height:24px;padding:9px 0 7px;border-left:1px solid #e1e1e1;color:#3a3d43;text-align:center;}

.total_link .link_lg{width:22%;}
.total_link .link_sm{width:26%;}
.total_link .link_fb,
.total_link .link_tw,
.total_link .link_bg,
.total_link .link_cs{width:13%;}
.total_link .link_fb a,
.total_link .link_tw a,
.total_link .link_bg a,
.total_link .link_cs a{background-position:50% 50%;background-repeat:no-repeat;background-size:40px auto;text-indent:-9999px;}
.total_link .link_fb a{background-image:url(../images/common/link_sns_01.png)}
.total_link .link_tw a{background-image:url(../images/common/link_sns_02.png)}
.total_link .link_bg a{background-image:url(../images/common/link_sns_03.png)}
.total_link .link_cs a{background-image:url(../images/common/link_sns_04.png)}

#totalNav{position:relative;padding-bottom:20px;}

#totalNav .nav_item{}
#totalNav .nav_btn,#totalNav .map_item a{display:block;padding:12px 6px 12px 22px;border-bottom:1px solid #e1e1e1;
background-color:#fff;background-image:url(../images/common/total_nav_plus.png);
background-position:95% 50%;background-repeat:no-repeat;background-size:26px;color:#444852;}
#totalNav .nav_btn.active,#totalNav .map_item a.active{background-image:url(../images/common/total_nav_minus.png);border-bottom:1px solid #e1e1e1;}
#totalNav .desc_nav{display:none;padding:12px 6px 14px 25px;border-bottom:1px solid #e1e1e1;background:#f7f8fa}
#totalNav .desc_nav li{padding:4px 0 0px 10px;background:url(../images/common/total_nav_bullet.png) 0 50% no-repeat;background-size:4px auto;}
#totalNav .desc_nav a{color:#4b536b;}
#totalNav .desc_nav a.active{color:#0030aa;text-decoration:underline}

.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/common/overlay.png) 0 0 repeat;z-index:99998}

@media screen and (min-width:1024px){
	#totalMenu{display:none !important}
	.overlay{display:none !important}
}

@media screen and (max-width:1023px){

	.split #wrap{position:fixed;width:100%;height:100%;overflow:hidden;}
	#wrap .section{width:auto;}
	#header{height:auto;}

	#hGlobal{height:auto;border-bottom:0 none}
	#hGlobal .section{padding-top:0;}
	#hFunction,#hMenu{display:none;}
	#hLogo{position:relative;top:auto;left:auto;float:left;}
	#hLogo a{display:block;width:330px;height:78px;padding:0;background:url(../images/common/mobile_logo.png) 0 0 no-repeat;background-size:auto 78px;text-indent:-9999px;}

	#hTotalOpen{display:block;position:absolute;top:20px;right:10px;}
	#hTotalOpen a{display:block;width:36px;height:24px;padding:6px;background:url(../images/common/mobile_total_open.png) 50% 50% no-repeat;background-size:36px auto;text-indent:-9999px;}

	#totalMenu{display:block;position:fixed;top:0px;right:-100%;overflow-x:hidden;width:320px;height:100%;background:#fff;z-index:99999;}
	#totalMenu.fix{position:fixed !important}

}

@media screen and (max-width:767px){

}

@media screen and (max-width:479px){

	#totalMenu .total_title{height:50px;padding-left:16px;font-size:18px;line-height:50px;}
	#totalMenu #hTotalClose{top:12px;right:10px;}
	#totalMenu #hTotalClose a{width:22px;height:22px;background-size:22px auto;}
	#hLogo{padding:7px 0 4px;}
	#hLogo a{width:220px;height:52px;background:url(../images/common/mobile_logo.png) 0 50% no-repeat;background-size:auto 52px;}
	#hTotalOpen{top:18px;right:10px;}
	#hTotalOpen a{width:24px;height:16px;padding:6px;background:url(../images/common/mobile_total_open.png) 50% 50% no-repeat;background-size:24px auto;}

}

@media screen and (max-width:359px){
	#totalMenu{width:100%;}
}

/* Footer */
#fSite{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;}
#fSite:after{display:block;clear:both;content:'';}

#fSite .site_list{}
#fSite .site_item{float:left;width:25%;position:relative;}
#fSite #siteItem1 > a{border-left:1px solid #e6e6e6;}
/*#fSite #siteItem4{width:18%}*/
/*#fSite #siteItem5{width:22%}*/
/*#fSite #siteItem6{display:none;}*/
#fSite .site_item > a{display:block;height:24px;padding:14px 0 14px 34px;background:url(../images/common/f_site_arrow_off.jpg) 100% 50% no-repeat;font-size:16px;color:#565656;}
#fSite .selected> a{background-image:url(../images/common/f_site_arrow_on.jpg)}

#fGlobal{padding:30px 0 54px;background:#9496a5 url(../images/common/f_global_bg.jpg) 0 0 repeat-x;color:#ffffff;}

#fNav,#fAddr{margin-bottom:5px;}
#fNav li,
#fAddr address,
#fAddr span{display:inline-block;padding:0 10px 0 12px;background:url(../images/common/f_nav_line.png) 0 50% no-repeat;}
#fCopyright{padding:0 10px 10px 12px;}
#fNav li:first-child,#fAddr address{background:none;}

#fSite .desc_box{display:none;width:100%;position:absolute;bottom:52px;left:0;height:144px;padding:0;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
#fSite .nice-select{display:none;}
.site_item ul{overflow-y:auto;height:144px;border:0;padding:0;border-left:1px solid #dddddd;border-right:1px solid #dddddd;background:#fff;list-style:none}
.site_item ul.a_list{display:none}
.site_item li a{display:block;height:20px;padding:2px 0;background:#fff;color:#767676;line-height:20px;text-indent:8px;text-decoration:none;}
.site_item li a:hover{background:#999;color:#fff}

#fSite select{display:none;width:100%;box-sizing:border-box;border:1px solid #dedede;border-left:0 none;height:38px;line-height:36px;padding:0 10px;background:#fff url(../images/content/board_select_arrow_down.png) 100% 50% no-repeat;-webkit-appearance:none;overflow:hidden;color:#767676;cursor:pointer}

@media screen and (max-width:1023px){
	#fSite .site_item > a{height:24px;padding:10px 0 10px 12px;background-size:auto 60px;font-size:14px;}
}

@media screen and (max-width:767px){
	#fSite .site_item{width:50%;border-bottom:1px solid #e6e6e6;}
/*	#fSite #siteItem4,#fSite #siteItem5{width:50%}*/
/*	#fSite #siteItem5,#fSite #siteItem6{display:block;border-bottom:0 none;}*/
	#fSite .site_item > a{height:24px;padding:9px 0 7px 12px;background-size:auto 40px;font-size:14px;}
	#fSite .desc_box{bottom:40px;}
	#fSite select{display:block;border:0 none}
	#fSite .nice-select{display:block;border:0}
	#fSite #siteItem1 select,#fSite #siteItem3 select{border-right:1px solid #dedede;}

	#fNav{display:none;}
}

@media screen and (max-width:479px){
	#fGlobal{text-align:left;}
	#fCopyright{padding-left:12px;}
}



/* 방문자수 */
.visit_count{position:absolute;top:-4px;right:40px;}
.visit_count:after{display:block;clear:both;content:'';}
.visit_count > div{color:#fff;}
.visit_count .visit_today{padding:2px 2px 2px 32px;background:url(../images/common/visit_count_today.png) 4px 50% no-repeat;background-size:auto 22px;}
.visit_count .visit_total{padding:2px 2px 2px 32px;background:url(../images/common/visit_count_total.png) 0 50% no-repeat;background-size:auto 22px;}

@media screen and (max-width:1023px){
	.visit_count{position:static;top:auto;right:auto;clear:both;display:block;padding:0 0 0 12px;}
	.visit_count > div{float:left;}
	.visit_count .visit_today{padding:2px 14px 2px 22px;background:url(../images/common/visit_count_today.png) 0 50% no-repeat;background-size:auto 20px;}
	.visit_count .visit_total{padding:2px 2px 2px 28px;background:url(../images/common/visit_count_total.png) 0 50% no-repeat;background-size:auto 20px;}

}
@media screen and (max-width:900px){

}
@media screen and (max-width:767px){
	.visit_count{padding-left:10px;}
	.visit_count .visit_today{padding:2px 10px 2px 22px;}
}
@media screen and (max-width:767px){

}


/* 방문자수 * /
.visit_count{display:block;width:360px;margin:0 auto;padding:0 0 0 30px}
.visit_count:after{display:block;clear:both;content:'';}
.visit_count > div{float:left;color:#fff;}
.visit_count .visit_today{padding:5px 15px 5px 22px;background:url(../images/common/visit_count_today.png) 0 50% no-repeat;background-size:auto 20px;}
.visit_count .visit_total{padding:5px 2px 5px 28px;background:url(../images/common/visit_count_total.png) 0 50% no-repeat;background-size:auto 20px;}

@media screen and (max-width:900px){
	.visit_count{clear:both;display:block;width:360px;margin:0 auto;padding:0 0 0 30px}
	.visit_count{padding-left:32px;}
}
@media screen and (max-width:767px){
	.visit_count{padding-left:12px;}
}
@media screen and (max-width:479px){
	.visit_count{width:auto;text-align:left;}
}
*/