@charset "utf-8";
/*
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500');
*/

@font-face{
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:400;
src:url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
src:url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'),
	url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'),
	url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

div.wrapper, div.popupWrap {font-family:'NanumBarunGothic', sans-serif;font-weight: 300;}

div#headerWrap {z-index: 50;position:absolute; top:26px; left:50%; margin-left:-480px;}
div#headerWrap > div {position: relative;width: 960px;height:33px;margin: 0 auto;font-size: 15px;line-height: 20px;}
div#headerWrap h1 {position: absolute;left: 0;top:0;}
div#headerWrap a {display:block; text-decoration: none; font-size:12px; line-height:30px; color:#000;}

div#headerWrap ul {position:absolute; right:0; top:0; padding:0 0 0 15px; background-color:#FFF; border-radius:15px;}
div#headerWrap li {float: left; margin-left:10px;}
div#headerWrap li:first-child {margin-right:5px;}
div#headerWrap li + li + li a {padding:0 15px; background-color:#bd4d15; color:#FFF; border-radius:15px;}
/*
div#headerWrap li:before {position: absolute;left: 5px;top: 0;content:"|";color: #fff;}
div#headerWrap li:first-child {padding-left: 0;}
div#headerWrap li:first-child:before {content: "";}
*/

div#footerWrap {padding: 20px 0;text-align: center;background-color: #f4f4f4;font-size: 15px;}
div#footerWrap, 
div#footerWrap a {color: #707070;}
div#footerWrap ul {}
div#footerWrap li {position: relative;display: inline-block;padding:2px 0 0 16px;}
div#footerWrap li:before {position: absolute;left: 5px;top: 0;content:"|";}
div#footerWrap li:first-child {padding-left: 0;}
div#footerWrap li:first-child:before {content: "";}


dl.topVisual, dl.topVisual dt, dl.topVisual dd, dl.topVisual p, dl.topVisual ul, dl.topVisual li {height: 0;margin: 0;padding: 0;list-style:none;}
dl.topVisual {position: relative;}
dl.topVisual dt {position: absolute;left: 50%;top: 0;width: 970px;height: 382px;margin-left: -485px;}
dl.topVisual dt a {display: block;height: 100%;text-indent: -10000px;}
dl.topVisual, dl.topVisual dd {height:382px;background-position: center top;background-repeat: no-repeat;text-indent: -9600px;}

div#container {position: relative;/*margin-top: 58px;border-top: 1px solid #d7d7d7;*/ }
ul#gnb {z-index: 50;position: absolute;left: 50%;width: 970px;top: -56px;margin-left: -500px;}
ul#gnb > li {float: left;width: 147px;}
ul#gnb > li.wide {width: 230px;}
ul#gnb > li > a {display: block;padding: 15px 0 17px;/*border-right: 1px solid #d7d7d7;*/color: #fff;font-size: 17px;text-align: center; font-weight:bold;}
ul#gnb > li:first-child > a {/*border-left: 1px solid #d7d7d7;*/}

ul#gnb ul {display: none;position: absolute;left: 0;top: 57px;border-width: 2px;border-style: solid;padding: 0 18px;background-color: #fff;}
ul#gnb ul li {float: left;}
ul#gnb ul a {padding: 10px;font-size:16px;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {text-decoration: underline;}

ul#gnb > li.on ul {display: block;}


div#container h2 {width: 960px;height: 97px;margin: 0 auto;border-bottom: 2px solid #c9c9c9;font-size: 30px;font-weight: 400;}
div#container h2 span {display: inline-block;height: 47px;padding:40px 10px 10px;border-bottom-width: 2px;border-bottom-style: solid;}


div.contents {width: 960px;margin: 30px auto 50px;}

.ing {padding: 100px 0;text-align: center;}

ul.tabMenu, ul.tabMenu li, ul.tabMenu a,
ul.subMenu, ul.subMenu li, ul.subMenu a {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu, ul.subMenu {overflow: hidden;}
ul.tabMenu li, ul.subMenu li {float: left;}
ul.tabMenu a, ul.subMenu a {padding: 10px 10px 15px;border-width: 2px;border-style: solid;text-align: center;font-size: 18px;}

div.tabCon {margin-top: 50px;}



ul.list, ul.list li {margin: 0;padding: 0;list-style:none}


.formArea form, .formArea fieldset, .formArea legend {margin: 0;padding: 0;border: 0 none;}
.formArea legend {visibility: hidden;font-size: 0;line-height: 0;height: 0;}
.formArea .agreeCon {padding: 20px 40px;margin-bottom: 20px;border: 1px solid #d7d7d7;}
.formArea div.note {margin: 10px 0;color: #000;}
.formArea table.inputTbl .btn a.btnSmall {padding: 4px 16px 6px;}
.formArea table.inputTbl select {height: 30px;}

/* 메인 */
.mainWrap div#container h2 {visibility: hidden;height: 0;text-indent: -9600px;font-size: 0;line-height: 0;}
.mainWrap div.contents {margin: 50px auto;}
.mainWrap ul#gnb {top: -106px;margin-left: -500px;}

.mainWrap dl, .mainWrap dt, .mainWrap dd,
.mainWrap ul, .mainWrap li, .mainWrap p {margin: 0;padding: 0;list-style:none}

.mainWrap div.contents {overflow: hidden;}
.mainWrap dl.wsInfo,
.mainWrap ul.quickMenu,
.mainWrap ul.quickMenu > li {float: left; margin-left:0px;}

.mainWrap dl.wsInfo {width: 400px;height: 315px;padding: 0 40px;font-size: 18px; letter-spacing:-1px; margin-top: 50px;}
.mainWrap dl.wsInfo > dt {padding-top: 30px;font-size: 30px;}
.mainWrap dl.wsInfo li {margin-top: 10px;}
.mainWrap dl.wsInfo li:first-child {padding-left: 60px;text-indent: -60px;}

.mainWrap ul.quickMenu { margin-left:30px; width: 430px; margin-top: 50px;}
.mainWrap ul.quickMenu a,
.mainWrap ul.quickMenu img {display: block;}



/* 팝업 */
div.popupWrap, div.popupWrap a, div.popupWrap p, 
div.popupWrap ul, div.popupWrap li, div.popupWrap dl, div.popupWrap dt, div.popupWrap dd {margin: 0;padding: 0;list-style:none;}

div.popupWrap {width: 750px;border: 1px solid #d7d7d7;}
div.popupWrap h1 {padding-bottom: 20px;text-align: center;color: #008c99;font-weight: 400;font-size: 25px;}
div.popupWrap h1 img {display: block;margin: 0 auto 20px;}
div.popupWrap div.popupCon {padding: 0 40px 40px;}
div.popupWrap p.close {padding: 10px 20px 12px;text-align: right;background-color: #535353;}
div.popupWrap p.close a {color: #fff;text-decoration: none;}


/* 프로그램 */
div.glance {position: relative;}
div.glance ul.tabMenu {text-align: center;}
div.glance ul.tabMenu li {display: inline-block;float: none;margin-left: 10px;}
div.glance ul.tabMenu li:first-child {margin-left: 0;}

div.glance p.download {position: absolute;right: 0;top: 0;margin: 0;}

table.glanceTbl {}
table.glanceTbl td {height: 20px;}


ul.subMenu {margin: 30px 0 ;}
ul.subMenu li {width: 34%;}
ul.subMenu li:first-child {width: 32%;}
ul.subMenu a {margin-left: 10px;}
ul.subMenu li:first-child a {margin-left: 0;}

.bdArea {padding: 20px 40px;margin-bottom: 20px;text-align: center;font-size: 18px;border: 2px solid #bd4d15;background-color: #fefdfc;color: #913c00;}


div.applyInfo {}
div.applyInfo p, div.applyInfo dl, div.applyInfo dt, div.applyInfo dd {margin: 0;padding: 0;}

div.applyInfo dl.deadline,
div.apply dl.deadline {overflow: hidden;font-size: 20px;padding-left: 0;}
dl.deadline dt, dl.deadline dd {float: left;}
dl.deadline dt {clear: both;padding-right: 10px;}


/* div.applyInfo > ul.list,
div.applyInfo > p,
div.applyInfo > dl {padding-left: 10px;} */

div.applyInfo dd.overHidden {}

div.applyInfo ul.btn {overflow: hidden;}
div.applyInfo ul.btn li {float: left;margin-left: 20px;}
div.applyInfo ul.btn li:first-child {margin-left: 0;}

div.apply .subTit span {font-size: 0.7em;color: #333;font-weight: normal;}

div.applyCom {width: 800px;margin: 0 auto;}
div.applyCom div.bdArea {}

div.applySearch {width: 450px;margin: 50px auto;}


/* 사전등록 */
ul.registType, ul.registType li, ul.registType a {margin: 0;padding: 0;list-style:none;}
ul.registType {width: 694px;height: 255px;margin: 150px  auto;}
ul.registType li {float: right;}
ul.registType li:first-child {float: left;}
ul.registType a {display: block;}


#goTop {position: fixed; bottom: 120px; left: 50%; width: 50px;margin-left: 550px;}
#goTop a {display: block;padding: 15px 0 15px;border-radius:25px;text-decoration: none; color: #fff; background-color:#bd4d15; text-align: center;}

/* _관리자 로그인 */
div.adminIntro {padding-top:220px; background:url('../image/admin/adminLoign_bg.png') no-repeat right 0;}	

div.adminIntro div.login {width:646px; margin:0 auto; padding:97px 156px 152px; background:#FFF url('../image/admin/adminLoign_formBg.png') no-repeat right bottom; border:1px solid #d4d4d4;}

div.adminIntro div.login h1 {text-align:center;}
div.adminIntro div.login h1 span {display:block; padding-top:28px; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:normal; line-height:30px; color:#25225a; }

div.adminIntro div.formArea {position:relative; padding-top:50px;}
div.adminIntro div.formArea dl {position:relative; width:330px; height:55px; margin:0 0 10px; padding-left:135px; background-color:#eee; text-align:left;}
div.adminIntro div.formArea dl dt {position:absolute; left:25px; top:50%;margin-top:-28px; }
div.adminIntro div.formArea dl dt * {vertical-align:middle;}
div.adminIntro div.formArea dl dt label {display:inline-block; width:110px; font-family:'Noto Sans KR', sans-serif; font-size:20px; line-height:55px; color:#25225a;}

div.adminIntro div.formArea dl dd {margin:0; }
div.adminIntro div.formArea dl dd input {width:300px; height:51px; background:0 none; border:0 none; line-height:51px; outline:0;}


div.adminIntro div.formArea p.loginBtn {position: absolute; right:0; top:50px; width:160px; height: 120px; margin:0; background-color:#3f4d9e;}
div.adminIntro div.formArea p.loginBtn * {width: 100%;height: 100%;border: 0 none;color: #fff;background: none;font-size:20px;}

.blDot {background-position:0 10px;}