@charset "utf-8";
@import url('normalize.css');
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
     src: url('/fonts/woff/Pretendard-Light.subset.woff2') format('woff2'),
        url('/fonts/woff/Pretendard-Light.subset.woff') format('woff'),
        url('/fonts/ttf/Pretendard-Light.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/woff/Pretendard-Regular.subset.woff2') format('woff2'),
        url('/fonts/woff/Pretendard-Regular.subset.woff') format('woff'),
        url('/fonts/ttf/Pretendard-Regular.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
     src: url('/fonts/woff/Pretendard-Medium.subset.woff2') format('woff2'),
        url('/fonts/woff/Pretendard-Medium.subset.woff') format('woff'),
        url('/fonts/ttf/Pretendard-Medium.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
     src: url('/fonts/woff/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('/fonts/woff/Pretendard-SemiBold.subset.woff') format('woff'),
        url('/fonts/ttf/Pretendard-SemiBold.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
     src: url('/fonts/woff/Pretendard-Bold.subset.woff2') format('woff2'),
        url('/fonts/woff/Pretendard-Bold.subset.woff') format('woff'),
        url('/fonts/ttf/Pretendard-Bold.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
     src: url('/fonts/woff/Pretendard-Black.subset.woff2') format('woff2'),
        url('/fonts/woff/Pretendard-Black.subset.woff') format('woff'),
        url('/fonts/ttf/Pretendard-Black.ttf') format("truetype");
}
@font-face {
  font-family: 'Jeju Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/eot/JejuMyeongjo-Regular.eot);
  src: url(/fonts/eot/JejuMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/woff/JejuMyeongjo-Regular.woff2) format('woff2'),
       url(/fonts/woff/JejuMyeongjo-Regular.woff) format('woff'),
       url(/fonts/ttf/JejuMyeongjo-Regular.ttf) format('truetype');
}

/* CSS Reset */
body{min-width:320px;}
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{font-weight:400;line-height:1.5;
font-family:'Pretendard', 'Noto Sans Korean',"Nanum Gothic","Apple-Gothic","AppleSDGothicNeo-Light","Apple SD Gothic Neo","malgun gothic","gulim","HelveticaNeue-Light","sans-serif"; }

table{border-collapse:collapse;border-spacing:0}
caption,legend{overflow:hidden;font-size:0;line-height:0}
fieldset,img{border:none}
img{max-width:100%;}
ol,ul{list-style:none}
dt,dd{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input,button,select{vertical-align:top}
img{vertical-align:middle}
button{border:0 none;background:none;cursor:pointer}
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,a:active,a:focus{text-decoration:none}
a:hover{text-decoration:underline}

/* 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 {position:relative;width:1080px;margin:0 auto;}
@media screen and (max-width:1079px){
	#header .section,#container .section,#footer .section{width:auto;}
}

#header .section:after,#container .section:after,#footer .section:after{display:block;clear:both;content:'';}

#header{height:164px;background:#fff;}
#hUtil,#hGlobal{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:500;color:#544b4b;}

.util_list > li.site_item{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.site_item > a{padding:5px 30px 5px 14px;border-left:1px solid #dcdbd9;border-right:1px solid #dcdbd9;}

.util_list > li.site_item .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.site_item .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.site_item .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.site_item .desc_box li a:hover,
.util_list > li.site_item .desc_box li a:focus,
.util_list > li.site_item .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.site_item > a{padding:11px 30px 11px 14px;}
	.util_list > li.site_item .desc_box{top:40px;}
}

#hGlobal{height:76px;border-bottom:1px solid #e6e6e6}
#hGlobal .section{padding-top:22px;}
#hLogo{position:absolute;top:5px;left:2%;}
#hLogo a{display:block;padding:10px 0; }

#hFunction{float:right;}
.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;}

#hMenu{position:absolute;top:106px;left:0;width:100%;background:#f6f6f5;z-index:100;}
#hMenu::before{content:''; position:absolute; left:0; top:0; width:100%; height:60px; background:#004ea1; }

#hMenu.menu_open{border-bottom:1px solid #dcdcdc;}

#hNav{height:58px;padding:0 0 0 100px}
#hNav:after{display:block;clear:both;content:'';}
#hNav .nav_item{float:left;}
#hNav .nav_btn{display:block;height:30px;padding:14px 5px;margin-right:112px;background-repeat:no-repeat;background-position:50% 50%; color:#fff; font-size:18px; }
#hNav .nav_btn:hover,
#hNav .nav_btn:focus { text-decoration:none; }
#hNav .nav5 .nav_btn{margin-right:0;}
/*
#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 .inh_nav{display:none;padding:15px 0 0 8px;color:#391d08;}
#hNav .inh_nav li{padding:2px 0;}
#hNav .inh_nav a:focus,
#hNav .inh_nav a:hover,
#hNav .inh_nav a:active{font-weight:700;color:#186fd2;}

@media screen and (max-width:1079px){
	#wrap .section{width:auto;}
}
@media screen and (max-width:1023px){
	#hLogo { left:10px; }
	#hFunction{padding-right:0; }
	.global_func{margin-right:8px;}
	.global_func .global_zoom{display:none;}

	#hNav{height:58px;padding:0 40px}
	#hNav .nav_item{width:20%;}
	#hNav .nav_btn{height:30px;margin:0;padding:14px 5px;text-align:center;}
	#hNav .inh_nav{height:160px;margin-top:20px;padding:10px 0 0;border-right:1px solid #ccc;}
	#hNav .inh_nav li{text-align:center;}
	#hNav .nav5 .inh_nav{border-right:0 none}
	#hNav .nav5 .nav_btn{margin-right:0;}
}
@media screen and (max-width:767px){
	.split #wrap{position:fixed;width:100%;height:100%;overflow:hidden;}
	#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:flex;width:330px;height:78px;padding:0;background:url(../images/common_2026/logo_mo.png) 20px 50% no-repeat;background-size:auto 35px;}
  #hLogo a img { opacity:0; }
}
@media screen and (max-width:479px){
	#hLogo{padding:7px 0 4px;}
	#hLogo a{width:220px;height:52px;background-position:0 50%;background-size:contain;margin-left:1rem;}
}


#hTotalOpen{display:none;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;}

@media screen and (max-width:767px){
	#hTotalOpen{display:block;}
}
@media screen and (max-width:479px){
	#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;}
}


#totalMenu{display:none}

.total_link{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)}

#totalHead{position:relative;}
#totalMenu .total_title{height:78px;line-height:78px;padding-left:18px;background:#ffffff;color:#214489;font-size:20px;font-weight:700;}
#totalMenu #hTotalClose{display:block;position:absolute;top:20px;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;}

#totalNav{position:relative;padding-bottom:20px;border-top:1px solid #e1e1e1;}

#totalNav .nav_item{}
#totalNav .nav_btn{display:block;padding:13px 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{background-image:url(../images/common/total_nav_minus.png);border-bottom:1px solid #e1e1e1;}
#totalNav .inh_nav{display:none;padding:12px 6px 14px 25px;border-bottom:1px solid #e1e1e1;background:#f7f8fa}
#totalNav .inh_nav li{padding:4px 0 0px 10px;background:url(../images/common/total_nav_bullet.png) 0 50% no-repeat;background-size:4px auto;}
#totalNav .inh_nav a{color:#4b536b;}
#totalNav .inh_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:768px){
	#totalMenu{display:none !important}
	.overlay{display:none !important}
}

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

	#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:479px){

	#totalMenu .total_title{height:63px;line-height:63px;padding-left:16px;font-size:18px;}
	#totalMenu #hTotalClose{top:18px;right:10px;}
	#totalMenu #hTotalClose a{width:22px;height:22px;background-size:22px auto;}

}

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


/* Footer */
#footer { background:#2d3948; }
#fSite { padding:13px 0; border-bottom:1px solid #4d5e70; }
#fSite .site_list { flex-grow:1; display:flex; justify-content:space-between; align-items:center; max-width:1280px; margin:0 auto; }
#fSite .site_item {position:relative; width:23.5%; }
#fSite #siteItem1 > a{ }
#fSite .site_item > a { display:block; padding:13px 22px; border:1px solid #8397b0; color:#d6e8ff; font-weight:300; font-size:16px; box-sizing:border-box; }
#fSite .site_item > a:before,
#fSite .site_item > a:after { overflow:hidden; position:absolute; top:50%; right:8%; width:9px; height:1px; margin-top:-1px; background:#94b4da; text-indent:-999px; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; }
#fSite .site_item > a:before { content:''; }
#fSite .site_item > a:after { content:'';  }
#fSite .site_item > a:after { content:'-'; -webkit-transform:rotate(270deg); transform:rotate(270deg); }
#fSite .site_item.selected > a:after { content:'-'; -webkit-transform:rotate(0deg); transform:rotate(0deg); }

#fGlobal { max-width:1280px; margin:0 auto; padding:36px 0 54px 218px; background:url(../images/common_2026/logo_footer.png) no-repeat 0 36px; color:#d6e8ff; box-sizing:border-box; }

#fNav { display:flex; }
#fNav li { position:relative; margin-right:20px; padding-right:20px; font-size:15px; font-weight:300; }
#fNav li:last-child { margin-right:0; padding-right:0; }
#fNav li::before { content:''; position:absolute; top:5px; right:0; width:1px; height:12px; background:#656d78; }
#fNav li:last-child::before { content:none; }
#fAddr { display:flex; margin-top:10px; font-weight:300; }
#fAddr span { display:inline-block; margin-left:1em; }
#fCopyright { font-weight:300; font-size:13px; }
#fCopyright hr{display:none;}
#fNav li:first-child,
#fAddr address{margin-left:0;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;z-index:999}
#fSite .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;}
#fSite .site_item ul.a_list{display:none}
#fSite .site_item li a{display:block;height:20px;padding:2px 0;background:#fff;color:#767676;line-height:20px;text-indent:8px;text-decoration:none;}
#fSite .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:960px){
	#fSite { padding:0; border-bottom:none; }
	#fSite .site_list { flex-wrap:wrap; }
	#fSite .site_list li > a { margin-top:-1px; margin-left:-1px; }
	#fSite .site_item {width:50%; }
	#fSite .site_item > a{ padding:9px 0 7px 12px;background-size:auto 40px;font-size:14px;}
	#fSite .desc_box {bottom:39px;}
	#fSite select{display:block;border:0 none}
	#fSite #siteItem1 select,
	#fSite #siteItem3 select { border-right:1px solid #dedede;}
	#fNav{display:none;}

	#fGlobal{ padding:48px 5% 30px; background-position:50% 22px; background-size:auto 24px; text-align:center; }
	#fAddr { flex-wrap:wrap; justify-content:center; font-size:11px; }
	#fAddr address { width:100%; }
	#fCopyright { font-size:11px; }
}


/* admin */
.content_update .tbl_form{width:100%;overflow:hidden;margin-bottom:14px;border-top:2px solid #644f3c;text-align:center;}
.content_update .tbl_form th,.content_update .tbl_form td{border:1px solid #d3d5d7;}
.content_update .tbl_form th{padding:10px 0;background:#f7f6f4;color:#93541c;font-weight:400;}
.content_update .tbl_form td{padding:8px 6px;color:#564638;}
.content_update .tbl_form th.align_left,.content_update .tbl_form td.align_left{padding-left:20px;padding-right:14px;text-align:left;}

.content_update .navi{text-align:center;}
.content_update .navi .button{display:inline-block;overflow:hidden;margin:0 5px;padding:10px 32px;border:0 none;border-radius:2px;background:#6c708e;font-size:14px;color:#fff;}


/* 방문자수 */
.visit_count{clear:both;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:#6f6f70;}
.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{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;}
}


#hNav a[href*="http"]:after,
#hNav a[target="_blank"]:after,
#hNav a[title*="새창"]:after,
#totalNav a[href*="http"]:after,
#totalNav a[target="_blank"]:after,
#totalNav a[title*="새창"]:after{content:"";display:inline-block;width:20px;height:20px;margin-left:5px;background:url(/themes/home/images/common/icon_button_blank.png) 100% 50% no-repeat;vertical-align:middle;}