@charset "utf-8";

/* 기본폰트 정의 */
@font-face{
font-family:'NanumGothic';font-style:normal;font-weight:700;
src:url(../font/NanumBarunGothic-Bold.eot);
src:url(../font/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),url(../font/NanumBarunGothic-Bold.woff) format('woff'),url(../font/NanumBarunGothic-Bold.ttf) format('truetype')}
@font-face{font-family:'NanumGothic';font-style:normal;font-weight:400;
src:url(../font/NanumBarunGothic-Regular.eot);
src:url(../font/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),url(../font/NanumBarunGothic-Regular.woff) format('woff'),url(../font/NanumBarunGothic-Regular.ttf) format('truetype');}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body, input, textarea, select, button, table{
font-family:'NanumGothic'; font-weight:normal; color:#6b6b6b;
}
img, fieldset{border:0;}
img{vertical-align:top;}
input, select{vertical-align:middle;}
ul, ol{list-style:none;}
em, address, caption, th{font-style:normal;}
a{text-decoration:none; color:#6b6b6b;}
a:hover, a:active, a:focus{text-decoration:none; color:#6b6b6b;}
button{cursor:pointer;}
form{margin:0; padding:0;}
p{line-height:150%;}


/* 공통관련 */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block; }
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix { *zoom:1; } /*for IE 5.5-7*/

.hidden { visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0px; line-height:0; position:absolute;}
.show { display:block !important; }
.pre {white-space:pre;}
.fl { float:left !important; }
.fr { float:right !important; }
.cl {clear:both; }
.at { vertical-align:top }
.ab { vertical-align:bottom }
.am { vertical-align:middle }
.ac { text-align:center !important; }
.ar { text-align:right; }

.chk,.radio { width:13px; height:13px; }


/* 개발쪽 기본 css */
input { height:22px; line-height:22px; border:1px solid #cacaca; color:#555; font-family:dotum !important; padding-left:3px;}
input.focus { color:#d1d1d1; font-weight:bold; font-family:'NanumGothic'; font-size:15px;}
input.focus.focus-txt { color:#555; font-size:12px;font-family:'NanumGothic'; }
input.ipt { border-top:1px solid #8b8b8b; border-left:1px solid #8b8b8b; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; height:20px; line-height:20px; padding-left:5px; color:#555; font-size:12px; }
input.ipt.ac { text-align:center; padding-left:0; }
textarea.textarea {text-align:left; border-top:1px solid #8b8b8b; border-left:1px solid #8b8b8b; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; line-height:16px; font-size:12px; font-family:'NanumGothic'; padding:5px; color:#555; overflow-x:hidden; overflow-y:auto; }
textarea.textarea.bg-gray { background:#fbfbfb !important;}
select { height:24px; line-height:24px; border:1px solid #cacaca; color:#555; color:#555;padding-left:3px;}


/* padding & margin 정렬관련 css */
.pt0 { padding-top:0px !important; }
.pt10 { padding-top:10px !important; }
.pl0 { padding-left:0px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl35 { padding-left:35px !important; }
.pr20 { padding-right:20px !important; }
.pb20 { padding-bottom:20px !important; }
.p30 { padding:30px; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt75 { margin-top:75px !important; }
.mt84 { margin-top:84px !important; }
.mt35 { margin-top:35px !important; }
.mmt25 { margin-top:-25px !important; }
.mmt30 { margin-top:-30px !important; }
.mmt40 { margin-top:-40px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mr10 { margin-right:10px; }
.f12 { font-size:12px !important; line-height:16px !important; }
.f13 { font-size:13px !important; line-height:16px !important; }
.f16 { font-size:16px !important; }
.f24 { font-size:24px !important; }
.lh20 { line-height:20px !important; }
.lh23 { line-height:23px !important; }
.p-red { color:#da1f3d !important; }
.p-gray { color:#999 !important; }
.b { font-weight:bold !important; }
.lh16 { line-height:16px; }
.lh20 { line-height:20px; }
.ls-m1 { letter-spacing:-1px; }
.bbnone { border-bottom:none !important; }
.bgnone { background:none !important; }
.ofhidden { overflow:hidden; }
.t-line { border-top:1px solid #d7d7d7; }
.w100 {width:100% !important;}
.rel { position:relative }
.p-blue { color:#30758d !important; }
.p-pink { color:#338fe1 !important; }
/* 상단전체메뉴 css */
.cssmenu { width:0px; overflow:hidden; position:fixed; height:2000px; background:#4a4a4a; right:0; top:0;}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a { font-weight: normal; text-decoration: none; line-height: 1; font-size:14px; position: relative;}
#cssmenu a { line-height: 1.3;}
#cssmenu {width:179px; border-left:1px solid #4a4a4a; overflow:hidden; }
#cssmenu > ul > li > a {font-size: 24px; font-weight: bold;display: block;text-transform: uppercase;position: relative;}
#cssmenu > ul > li > a > span {background: #4a4a4a url(/images/mobile/images/gnb_all_bg_on.png) no-repeat 155px center; padding:14px 15px; border-bottom:1px solid #3a3a3a; color:#fff; display: block; font-size:15px; font-weight:normal; }
#cssmenu > ul > li > a:hover {text-decoration: none;}
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.active > a {color: #fff;}
#cssmenu > ul > li.active > a span {background: #338fe1 url(/images/mobile/images/gnb_all_bg_off.png) no-repeat 152px center; border-bottom:1px solid #2875ba; color:#fff;}
#cssmenu span.cnt {position: absolute;top: 8px;right: 15px;padding: 0;margin: 0;background: none; display:none;}
#cssmenu ul ul {display: none;}
#cssmenu ul ul li {border-bottom:1px solid #e1e1e1;border-top: 0; }
#cssmenu ul ul li:last-child { border-bottom:0;}
#cssmenu ul ul a {padding: 12px 30px;display: block; color: #4a4a4a; font-weight: normal; font-size: 13px;}
#cssmenu ul ul a:hover {color: #338fe1;}
#cssmenu ul ul li.odd {background: #fafafa url(/images/mobile/images/gnb_all_snb_bg.png) no-repeat 15px center;}
#cssmenu ul ul li.even {background: #fafafa url(/images/mobile/images/gnb_all_snb_bg.png) no-repeat 15px center;}


/* 메인 layout */
#wrap { width:100%; position:relative; background:#fff;}

#header { width:100%; height:56px; background:#063970; margin:0;padding:0; position:relative;}
/*#header h1 { width:180px; float:left; margin:0 auto;}
#header h1 img { width:85%; margin-top:15px; margin-left:10px;}*/

#header h1 a { float:left; line-height:54px; padding-left:2%; font-size:20px; color:#FFF; letter-spacing:-1px;}
#header h1 img {max-height:60%; vertical-align:middle}

#header .menuBtn {display:block; position:absolute; top:10px; right:10px; }
#header .menuBtn img { width:36px; height:36px;}

.mainSlide {width:100%; float:left;margin:0 auto; padding:0; overflow:hidden; }
.mainSlide img {width:180%; left:50%; margin-left:-95%; padding:0; position:relative;}
.mainSlide .slidesjs-navigation { display: none; }
 #slides { display: none; }
.slidesjs-pagination { position:absolute; right:2%; top:24%; width:98%; z-index:100; display: none; }
.slidesjs-pagination li { display:inline-block; float:right;}
.slidesjs-pagination li a { display:block; width:8px; height:8px; margin:0 3px; background:#fff; text-indent:-9999px; overflow:hidden; font-size:0px;}
.slidesjs-pagination li a.active { display:block; width:8px; height:8px; margin:0 3px; background:#d13d5e; text-indent:-9999px; overflow:hidden; font-size:0px;}

.slidesjs-navigation { width:100%; z-index:100; text-indent:-9999px; font-size:0px; overflow:hidden; position:absolute; right:2%; top:14px; padding:0; margin:0;}
.slidesjs-previous { width:20px; height:20px; background:url(/images/mobile/images/btn_news_next.png) no-repeat; float:right;}
.slidesjs-next { width:20px; height:20px; background:url(/images/mobile/images/btn_news_prev.png) no-repeat; float:right; margin-right:17px;}

#mainCon { float:left; width:100%; height:auto; padding:0; margin:0 auto; position:relative;}

/*
.mainSlide {width:100%; float:left;}
.mainSlide img {width:100%; margin:0 auto; position:relative;}
.mainSlide .slidesjs-navigation { display: none; }
 #slides { display: none; }
.slidesjs-pagination { position:absolute; right:2%; top:24%; width:98%; z-index:100; display: none; }
.slidesjs-pagination li { display:inline-block; float:right;}
.slidesjs-pagination li a { display:block; width:8px; height:8px; margin:0 3px; background:#fff; text-indent:-9999px; overflow:hidden; font-size:0px;}
.slidesjs-pagination li a.active { display:block; width:8px; height:8px; margin:0 3px; background:#d13d5e; text-indent:-9999px; overflow:hidden; font-size:0px;}

.slidesjs-navigation { width:100%; z-index:100; text-indent:-9999px; font-size:0px; overflow:hidden; position:absolute; right:2%; top:14px; padding:0; margin:0;}
.slidesjs-previous { width:20px; height:20px; background:url(/images/mobile/images/btn_news_next.png) no-repeat; float:right;}
.slidesjs-next { width:20px; height:20px; background:url(/images/mobile/images/btn_news_prev.png) no-repeat; float:right; margin-right:17px;}

#mainCon { float:left; width:100%; height:auto; padding:0; margin:0 auto; position:relative;}
*/

.QuickWrap { float:left; width:100%; overflow:hidden; position:relative;}
.QuickWrap ul { overflow:hidden; background:#feda4e; }
.QuickWrap ul li {position:relative;float:left;padding:2%;background-size:8px; width:50% ;border-right:1px solid #fad02c;border-bottom:1px solid #fad02c;color:#6b5a1a;display:block;box-sizing:border-box}
.QuickWrap ul li img{position:absolute;right:3%;top:12px;height:12px;}
.QuickWrap ul li a{font-size:1.08em; display:block;padding:0 3%; width:94%;height:100%;color:#6b5a1a;font-weight:600;}

.noticeWrap { float:left; width:94%; margin:20px 0 0 0; padding:0 3%; overflow:hidden; position:relative;}
.noticeWrap h3 {font-size:1.2em; color:#063970; padding-top:6px; padding-bottom:6px; }
.noticeWrap span.noticeBtn { position:absolute; right:2%; top:5%; }
.noticeWrap span.noticeBtn a{color:#777}
.noticeWrap span.noticeBtn img {width:70%;}
.noticeWrap ul {overflow:hidden;}
.noticeWrap ul li {border-bottom:1px dotted #dedede;float:left;background:url('../images/icon01.png') no-repeat left 15px; background-size:4px;width:100%; color:#727272; font-size:0.85em;padding:10px;}
.noticeWrap ul li a{color:#666}

.nw{border-bottom:1px solid #dedede;}

.galleryWrap { float:left; width:94%; margin:20px 0; padding:0 3%; overfnoticeBtnlow:hidden; position:relative;}
.galleryWrap h3 {font-size:1.2em; color:#063970; padding-top:6px; padding-bottom:6px; }
.galleryWrap span.galleryBtn { position:absolute; right:2%; top:3%; }
.galleryWrap span.galleryBtn a{color:#777}
.galleryWrap span.galleryBtn img {width:70%;}
.galleryWrap ul {margin-top:20px; overflow:hidden;}
.galleryWrap ul li {float:left; width:46%; padding:0 2% 10px 2%; text-align:center; font-size:0.85em; line-height:24px;}
.galleryWrap ul li a{color:#666}
.galleryWrap ul li img {width:100%;}
.ga{border-bottom:1px solid #dedede;}

#footer { width:100%; background:#FFF; position:relative; overflow:hidden; letter-spacing:-0.3px;} 
#footer ul {width:100%; background:#b5b5b5; float:left; text-align:center;}
#footer ul li {float:left; text-align:center; border-right:1px solid #c6c6c6; padding:3% 0; display:block; line-height:15px;}
#footer ul li:first-child {width:25%; }
#footer ul li:nth-child(2) {width:25%; }
#footer ul li:nth-child(3) {width:25%; }
#footer ul li:last-child {width:24%; border-right:0px solid #d0d1d2; }
#footer ul li a {font-size:0.89em; color:#FFF; }
#footer p { padding:15px 0; color:#ffffff; line-height:20px; float:left; font-size:0.79em; text-align:center; }
#footer p.copy {width:100%; letter-spacing:-0.5px;}
#footer span {color:#333; padding-top:5px; width:100%; float:left;}



/* 서브컨텐츠 css */
.categoryTxt { width:100%; height:28px; background:#003c7f; border-bottom:1px solid #003179; overflow: hidden; position:relative; top:-4px;border-top:1px solid #0050a0}
.categoryTxt ul { float:left; width:100%;}
.categoryTxt ul li { float: left; line-height:28px; display: block; padding:0 4%; color:#bfd7f3; font-size:13px; border-right:1px solid #002966; border-left:1px solid #0050a0; }
.categoryTxt ul li:first-child {border-left:0px solid #0050a0;}
.categoryTxt ul li:last-child {border-right:0px solid #0050a0; background:url("/images/mobile/images/bullet01.png") no-repeat 15px 8px; padding-left:25px; color:#fff;}

#subCon { width:94%; height:auto; padding:18px 3% 40px 3%; margin:0 auto; min-height:300px; overflow:hidden; line-height:170%; font-size:0.85em; position:relative; border-bottom:1px solid #d8d9da; word-break:keep-all; }
#subCon h1 {float:left; width:100%; font-size:1.6em; color:#101010; padding-bottom:8px; border-bottom:1px solid #e1e1e1;}
#subCon h6.h6Title { float:left; width:100%; background:url(/images/mobile/images/navi_topbg.png) no-repeat left top; margin-bottom:15px; font-size:13px; font-weight:normal; padding-top:6px; color:#777;}
#subCon span.total {float:left; font-weight:normal; padding-top:12px; line-height:170%; font-size:0.95em; margin-bottom:10px; color:#101010;}
#subCon .pagingWrap {float:right; position:absolute; top:13px; right:3%;}
#subCon .pagingWrap img {width:25px; vertical-align:bottom; padding:0; }
#subCon h3 { float:left; width:100%; height:24px; background:url("/images/mobile/images/bullet02.png") no-repeat left 4px; background-size:10px; padding:0 0 0 14px; color:#000000; font-size:16px;}


/*210824*/
.login_wrap .left{
	float:none !important;
	width: 100% !important;
}
.login_wrap .right{float:none;width: 100% !important;text-align: center;}
.login_input {
    background: #fff !important;
    width: 85% !important;
    border: 1px solid #e2e2e2 !important;
    margin: 3px auto !important;
    height: 50px !important;
}
.login_btn {
    background: #535353 !important;
    width: 85% !important;
}

.login_wrap .txt{ 
	width: 85% !important; 
	margin:10px auto;
	text-align: left !important;
	
	}
.login_wrap a {
	width: 85% !important; 
}
.login_wrap a b{
	display:block;
	text-align:left;
}