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

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

div#headerWrap {background-color: #616161;}
div#headerWrap > div {position: relative;width: 1000px;height: 46px;margin: 0 auto;font-size: 14px;line-height: 20px;}
div#headerWrap h1 {position: absolute;left: 0;top: 50%;margin-top: -16px;}
div#headerWrap a {text-decoration: none;color: #fff;}

div#headerWrap ul {position: absolute;right: 0;top: 50%;margin-top: -12px;}
div#headerWrap li {position: relative;float: left;padding:2px 0 0 16px;}
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: 14px;}
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, dl.topVisual dd {height: 385px;background-position: center top;background-repeat: no-repeat;text-indent: -10000px;}

div#container {position: relative;margin-top: 58px;border-top: 1px solid #d7d7d7;}
ul#gnb {z-index: 50;position: absolute;left: 50%;width: 1000px;top: -59px;margin-left: -500px;}
ul#gnb > li {float: left;width: 18%;}
ul#gnb > li.wide {width: 23%;}
ul#gnb > li > a {display: block;padding: 15px 0 16px;border-right: 1px solid #d7d7d7;color: #4c4c4c;font-size: 18px;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: 58px;border-width: 2px;border-style: solid;padding: 0 15px;background-color: #fff;}
ul#gnb ul li {float: left;}
ul#gnb ul a {padding: 17px 15px;font-size: 18px;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {text-decoration: underline;}

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


div#container h2 {width: 1000px;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: 1000px;margin: 30px auto 50px;}

div#container.wide h2,
div#container.wide div.contents {width: 1200px;}

.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 14px;border-width: 2px;border-style: solid;text-align: center;font-size: 18px;}

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;}

ul.subMenu.col2ea > li {width: 50%;}

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: -10000px;font-size: 0;line-height: 0;}
.mainWrap div.contents {margin: 50px auto;}

.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;}

.mainWrap dl.wsInfo {width: 430px;height: 270px;padding: 0 20px;font-size: 16px;}
.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 {width: 510px;}
.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: #4f71b8;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 {margin: 0 0 30px;text-align: right;}
div.glance p.download a {display: inline-block;vertical-align: top;}

div.glance h3 {margin: 30px 0 10px;text-align: center;font-size: 16px;}

table.noBorder {width:100%; border:0 none; border-collapse:separate; border-spacing:0;}

table.glanceTbl {font-size: 15px !important;border-color: #aaa !important;}
table.glanceTbl > * > tr > * {border-color: #aaa !important;}
table.glanceTbl th {letter-spacing:-1px;}
table.glanceTbl td,
table.noBorder td {padding: 5px;height: 20px;text-align: center;}
table.noBorder td {font-size: 0.9em;}

.bdArea {padding: 20px 40px;margin-bottom: 20px;text-align: center;font-size: 18px;border: 2px solid #4f71b8;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;margin: 0;padding: 0;}
dl.deadline dt {clear: both;padding-right: 10px;}


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

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: 220px;margin: 100px  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;}
div.wide #goTop {margin-left: 650px;}
#goTop a {display: block;padding: 14px 0 15px;border-radius:25px;text-decoration: none; color: #fff; background-color:#4f71b8; text-align: center;}




/* 로케이션 추가200203  */
div.location > dl > dd p{position:absolute; top: 3px ; left: 22px}
div.location > dl > dd p img	{display:block; font-weight: bold; }
div.location > dl > dd span{display:block; font-weight: bold; }

div.location > dl > dd p{position:absolute; top: 3px ; left: 22px}


div.location dd.airBus{ padding-left: 0 !important;}
div.location dd.airBus p{left: 0 !important; top: 0; }
div.location dd.airBus dl{margin-top: 20px;}
div.location dd.airBus dl dt{color: #000 !important;}
div.location dd.airBus dd{margin-top: 10px;}
div.location dd.airBus span{display:inline-block !important; color:#1d738b;}

div.location dd.airBus ul.airBus_inner{overflow:hidden; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
div.location dd.airBus ul.airBus_inner>li{width: 50%; float:left; border-left: 1px solid #dedede; box-sizing:border-box;}
div.location dd.airBus ul.airBus_inner>li:first-child{border-left: none;}
div.location dd.airBus ul.airBus_inner>li ul{list-style: disc; padding:20px 15px;}
div.location dd.airBus ul.airBus_inner>li ul li{list-style: disc; list-style-position: inside; font-weight: bold;}
div.location dd.airBus ul.airBus_inner>li ul li span.right{display:block; padding-left: 30px; color:#666666 !important;}

div.location dl.botText{padding: 30px 30px 50px 30px; background: #eeeeee; margin-top: 20px;}
div.location dl.botText dt{color: #000;}
div.location dl.botText dd{padding-left: 0 !important;}






div.location dd.railWrap{padding-left:0;}
div.location dl.rail {padding-left: 20px;}
div.location dl.rail dt {margin-top:15px; font-weight:bold;}
div.location dl.rail dt:first-child {margin-top:0;}
div.location dl.rail dd span {padding-right:5px;}
div.location dl.rail dd ul.busList{overflow:hidden;}
div.location dl.rail dd ul.busList li{float: left !important; position: relative; padding-left:25px; margin-left: 15px; overflow:hidden;}
div.location dl.rail dd ul.busList li img{position:absolute; top: 0 ; left: 0; display: block; }

div.location dd.carWrap{padding-left: 0 !important;}
div.location dd.carWrap dl{padding-left: 20px !important;}
div.location dd.carWrap dl dd{padding-left: 20px !important;}
div.location .fcDef {color:#70aa00; font-weight:bold;}
div.location .fcNavy {color:#2d4fa3; font-weight:bold;}
div.location .fcYel {color:#ee8a14; font-weight:bold;}
div.location .fcRed {color:#d90000; font-weight:bold;}


/* PAG 내용추가 200810*/
dl.etc{overflow: hidden; padding-left: 162px; font-size: 0; margin: 20px 0;}
dl.etc >* {border:1px solid #d7d7d7; text-align: center; font-size: 14px;	 padding: 15px 10px; border-right: 0 none; min-height: 63px; display:inline-block; vertical-align: middle;}
dl.etc dt{width: 230px; font-weight: bold; }
dl.etc dd{width: 340px; margin-left: 0; border-right:1px solid #d7d7d7;}
dl.etc dd:last-child{width: 185px; background: #c4bd97;float: right;}