@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio:0){
	.crbold
	{font-weight:bold !important;}
}

#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}


img {max-width:100%;}

/********
	BASIC 
********/
#wrap {width:100%;position:relative;min-width:320px;max-width:640px;margin:0 auto;}

/*********
	HEADER 
*********/
#header{height:90px;position:relative;box-shadow: 0 3px 3px rgba(0,0,0,0.3);}
#header .top{font-size:0;border-bottom:1px solid #ddd;}
#header .top a{display:inline-block;width:25%;height:29px;line-height:29px;border-left:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:12px;font-weight:600;color:#444;}
#header .top a:first-child{border-left:0;}
#header .top a:nth-child(2){width:20%;}
#header .top a:nth-child(3){width:30%;}
#header .core{position:relative;height:55px;}
#header .core >*{height: 59px;}
#header img{width: auto;height: 59px;}
#header .logo {text-align: left;padding-left:10px;}
#header .menu {display: block;position:absolute;right:0;top:0;}
#header .gnbClose{display:none;position:absolute;top:0;right:-1px;width:60px;height:60px;border:0;}
#gnbWrap{ z-index:200; position:relative; position:fixed; top:90px; right:-1800px; width:65%; height: 100%;background: #fff}
#gnbWrap .inner {height: 100vh;overflow: auto;}
#gnbWrap .memberBox{border-top:1px solid #ddd;}
.gnbCover{position:fixed; width:100%; height:100%; z-index:199; top:90px; right:0; display:none;background: rgba(0,0,0,0.6);border:0;}
#gnb > li {border-top:1px solid #ddd;}
#gnb > li > button,
#gnb > li > a{
display: block;
width: 100%;height: 45px;line-height: 45px;
padding-left: 15px;border:0;
font-size: 16px;font-family:noto-mid;
color: #555;background: #fff;
text-align: left;box-sizing:border-box;
}
#gnb > li.active{border-color:#25387e;}
#gnb > li.active > button,
#gnb > li.active > a{background: #25387e;color:#fff;}
#gnb > li > ul {display: none;border-top: 1px solid #ddd;padding: 10px 0;background: #f1f1f1;}
#gnb > li.active ul{display:block;}
#gnb > li > ul > li > a {padding: 7px 0;font-size: 15px;color: #333;padding-left: 15px;display: block;}


/*******
	MAIN 
*******/
#visual{overflow:hidden;position:relative;}
#visual .bx-pager{position: absolute;bottom:0;left:0;width: 100%;text-align: center;font-size: 0;z-index:80;padding: 40px 0;}
#visual .bx-pager div{display: inline-block;vertical-align: top;margin-left: 7px;}
#visual .bx-pager a{display: block;width: 40px;height: 5px;background: #fff;transition:0.2s;text-indent: -9999px;}
#visual .bx-pager a.active{background: #1f74d0;transition:0.2s;}
#mainQuick{font-size:0;}
#mainQuick a{display:inline-block;vertical-align:top;width:50%;}
#mainContent{padding:25px 10px;}
#mainContent ul:after{display: block;content: '';clear: both;}
#mainContent ul li{margin-top:10px;}
#mainContent ul li:first-child{margin-top: 0;}
#mainContent ul li .img{overflow: hidden;}
#mainContent ul li .text{height: 125px;border:1px solid #ebebeb;border-top:0;text-align: center;}
#mainContent ul li .text:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#mainContent ul li .text dl{display: inline-block;vertical-align: middle;}
#mainContent ul li .text dt{font-size: 20px;font-family: mgb;line-height: 1.1em;color: #464646;margin-bottom: 15px;transition:0.2s;}
#mainContent ul li .text dd{font-size: 14px;line-height: 19px;color: #888;}
#mainContent ul li:hover dt{color: #1f74d0;transition:0.3s;}
#mainBoard{padding: 25px 10px;background: #f8f8f8;}
#mainBoard h4{font-size: 20px;line-height: 1.1em;letter-spacing: -0.06em;font-family: mgb;color: #494949;text-align: left;}
#mainBoard .inner:after{display: block;content: '';clear: both;}
#mainBoard .box{}
#mainBoard .progress{background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px;}
#mainBoard .progress h4{position: relative;height: 30px;line-height: 30px;}
#mainBoard .progress h4 .more{position: absolute;top:0;right:0;display: block;width:35px;}
#mainBoard .progress h4 .more img{display: block;}
#mainBoard .quicklink{font-size:0;}
#mainBoard .quicklink .qLink{display:inline-block;vertical-align:top;width:50%;}
#mainBoard .customer{background: url(/images/main-customer-bg.jpg) no-repeat;text-align: center;margin:0 -10px;padding:15px 10px;}
#mainBoard .customer:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#mainBoard .customer .inBox{position: relative;display: inline-block;vertical-align: middle;width:100%;height: 250px;background: #fff;background: rgba(255,255,255,0.8);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 28px;text-align: left;}
#mainBoard .customer .tel{margin: 20px 0;}
#mainBoard .customer .tel dt{font-family: mgb;font-size: 38px;line-height: 1.1em;letter-spacing: 0.02em;color: #4c4c4c;margin-bottom: 15px;}
#mainBoard .customer .tel dd{font-size: 20px;line-height: 1.1em;color: #3a3a3a;}
#mainBoard .customer .clist li{padding-left: 25px;height: 18px;line-height: 18px;font-size: 13px;color: #626262;letter-spacing: -0.02em;}
#mainBoard .customer .clist li.time{background: url(/images/clist-front-time.png) no-repeat 0 50%;margin-bottom: 10px;}
#mainBoard .customer .clist li.mail{background: url(/images/clist-front-mail.png) no-repeat 0 50%;}
#mainBoard .customer .clist li .txt{color: #2f2f2f;}
#mainBoard .customer .csns{position: absolute;bottom:30px;right:30px;}
#mainBoard .customer .csns li:first-child{margin-bottom: 6px;}
#mainBoard .customer .csns li a{display:block;width:30px;}
.pRollWrap{overflow: hidden;height: 185px;margin-top: 15px;}
.progressRoll li{position: relative;display: block;height: 35px;font-size: 0;border-bottom:1px dashed #e6e6e6;padding-left:75px;padding-right:80px;}
.progressRoll li >*{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 15px;color: #727272;}
.progressRoll li .name{font-size: 13px;position:absolute;top:50%;left:0;margin-top:-8px;}
.progressRoll li .name em{color: #0053a4;}
.progressRoll li .subject{display:block;width:100%;line-height:35px;font-size:13px;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
.progressRoll li .date{position: absolute;top:50%;right:0;margin-top: -8px;color: #a6a6a6;font-size:13px;}


/*******
	SUB 
*******/
/* 공통 */
#subVisual{height: 180px;background: url(/m/images/sub-visual.jpg) no-repeat 50% 50%;font-size: 0;text-align: center;-webkit-background-size:cover;background-size:cover;}
#subVisual:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#subVisual dl{display: inline-block;vertical-align: middle;color: #fff;}
#subVisual dt{position: relative;font-size: 26px;line-height: 1.1em;font-family: noto-mid;text-shadow: 3px 4px 10px rgba(0,0,0,0.15);letter-spacing: -0.02em;}
#subVisual dd{position: relative;font-size: 14px;line-height: 22px;font-family: noto-light;text-shadow: 3px 4px 10px rgba(0,0,0,0.15);letter-spacing: -0.02em;margin-top: 20px;}
#content{padding:30px 10px;}
#subTop{margin-bottom:30px;}
#subTop.hidden{display: none;}
.conTit{font-size: 30px;line-height: 1.1em;color: #393939;text-align: center;margin-bottom: 15px;letter-spacing: -0.055em;}
#subTop .location{font-size: 0;text-align: center;}
#subTop .location li{display: inline-block;vertical-align: middle;padding-left: 12px;margin-left: 6px;background: url(/images/loc-arrow.gif) no-repeat 0 50%;font-size: 13px;line-height: 14px;color: #808080;}
#subTop .location li:first-child{padding-left: 20px;margin-left: 0;background: url(/images/loc-home.gif) no-repeat 0 50%;}
#lnb.hidden{display:none;}
#lnb nav:after{display:block;content:'';clear:both;}
#lnb nav.full .dep1{width:100%;}
#lnb nav.full .dep2{display:none;}
#lnb .dep{position:relative;float:left;width:50%;}
#lnb .dep button{width:100%;height:40px;line-height:38px;border:1px solid #ddd;background:#fff url(/m/images/lnb-arrow.gif) no-repeat 100% 50%;background-size:25px;text-align:left;padding-left:10px;}
#lnb .dep.active button{background:#fff url(/m/images/lnb-arrow-active.gif) no-repeat 100% 50%;background-size:25px;}
#lnb .dep ul{position:absolute;top:40px;left:-1px;background:#f5f5f5;width:100%;display:none;border-left:1px solid #ddd;border-right:1px solid #ddd;z-index:100;}
#lnb .dep ul li a{display:block;padding:10px;text-align:left;border-bottom:1px solid #ddd;}
#lnb .dep ul li.active a{background:#0059b8;color:#fff;}
#lnb .dep2 button{border-left:0;background:#144a88 url(/m/images/lnb-arrow2.gif) no-repeat 100% 50%;background-size:25px;}
#lnb .dep2 button span{color:#fff;}
#lnb .dep2.active button{background:#144a88 url(/m/images/lnb-arrow2-active.gif) no-repeat 100% 50%;background-size:25px;}

.introText{margin-top:25px;}
.introText dt{font-size:18px;color:#333;margin-bottom:15px;text-align:center;}
.introText dd{font-size:14px;line-height:22px;text-align:center;color:#555;letter-spacing:-0.03em;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}

.titType1{font-size: 18px;line-height:20px;padding-left: 30px;color: #434343;background: url(/images/tit-type1-front.gif) no-repeat 0 50%;margin-bottom: 10px;}
/* 연락처 및 오시는 길 */
#locationBtm{margin-top: 20px;}
#locationBtm .img{margin-bottom:20px;}
#locationBtm .text .btm{margin-top: 50px;}
#locationBtm table{width: 100%;border-top:2px solid #144a88;}
#locationBtm table th{width: 120px;background: #fafafa;}
#locationBtm table th strong{display: inline-block;vertical-align: middle;width: 41px;padding-left: 45px;text-align: left;font-weight: 600;color: #393939;}
#locationBtm table th strong.ltTitle1{background: url(/images/location-table-front1.gif) no-repeat 0 50%;}
#locationBtm table th strong.ltTitle2{background: url(/images/location-table-front2.gif) no-repeat 0 50%;}
#locationBtm table th strong.ltTitle3{background: url(/images/location-table-front3.gif) no-repeat 0 50%;}
#locationBtm table th strong.ltTitle4{background: url(/images/location-table-front4.gif) no-repeat 0 50%;}
#locationBtm table th,
#locationBtm table td{height: 45px;border:1px solid #ddd;border-top:0;}
#locationBtm table td{padding:0 10px;font-size: 14px;color: #888;}
.wrap_controllers{display: none;}
.root_daum_roughmap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.root_daum_roughmap span{font-family: noto-mid !important;font-size: 15px;}
.MB10 {font-size: 16px; margin:0 0 10px 40px;}

/* Area (주별 라이선스 요건) */
#areaMap{background: #f2f2f2;text-align: center;border:1px solid #ddd;}
#areaMap img{width:100%;height:auto !important;}
.areaText{font-size: 14px;line-height:22px;color: #777;letter-spacing: -0.05em;margin-top: 15px;}
.areaDesc{margin-top: 45px;}
.areaDesc em{display: inline-block;margin: 0 !Important;}

.tableType1{width: 100%;border-top:2px solid #144a88;table-layout:fixed;}
.tableType1 th{width: 140px;background: #fdfdfd;padding: 15px 0 15px;padding-left: 10px;text-align: left;}
.tableType1 th strong{font-size: 14px;line-height: 1.1em;font-weight: 600;color: #393939;padding-left: 22px;background: url(/images/t-type1-front.png) no-repeat 0 50%;-webkit-background-size:13px;background-size:13px;}
.tableType1 th,
.tableType1 td{border:1px solid #ddd;border-top:0;vertical-align: top;}
.tableType1 td{padding: 15px 10px;font-size: 13px;line-height: 22px;color: #666;}
.tableType1 td .clr{color: #2b5c94;}
.tableType1 td a{color: #444;}
.tableType1 td a:hover{color: #111;text-decoration: underline;}




/**** 취득가능성 무료펑가 ****/
.evaluation .group{margin-top: 65px;}
.evaluation .group:first-child{margin-top: 0;}
.titType2{font-size: 16px;line-height: 1.1em;margin-bottom: 20px;font-weight: 600;letter-spacing: -0.06em;color: #393939;}
.textType1{font-size: 13px;line-height: 22px;margin-bottom: 20px;margin-top: -10px;color: #777;}
.textType2{font-size: 13px;line-height: 22px;margin-top: 15px;color: #777;}
.tableType2{width: 100%;border-top:2px solid #144a88;}
.tableType2 th,
.tableType2 td{border:1px solid #e1e1e1;border-top:0;}
.tableType2 th{background: #fafafa;padding: 10px 0;text-align: center;}
.tableType2.left th:first-child{padding:10px 5px;text-align: left;}
/*.tableType2.levelEdu th:first-child{padding-left: 15px;}*/
.tableType2.levelEdu thead th{text-align: center;background: #144a88;color: #fff;font-weight: 600;font-size: 12px;}
.tableType2.levelEdu thead th{text-align: center;padding-left: 0;}
.tableType2.levelEdu tbody th{background: #fafafa;}
.tableType2.levelEdu tbody td{height: auto;padding: 8px 10px;}
.tableType2.levelEdu tbody td li{margin-top: 6px;}
.tableType2.levelEdu tbody td li:first-child{margin-top: 0;}
.tableType2.levelEdu tbody td.creditTd {font-size: 0;}
.tableType2.levelEdu tbody td.creditTd .typeText{width: 44%;}
.tableType2.levelEdu tbody td .typeFile{width: 100%;}
.tableType2.levelEdu tbody td.creditTd .creditSlash{display: inline-block;vertical-align: middle;width: 12%;font-size: 14px;text-align: center;}
.tableType2 th.center,
.tableType2 td.center{text-align: center;padding-left: 0;}
.tableType2 th strong{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 28px;font-weight: 600;color: #393939;}
.tableType2 th p{font-size: 11px;line-height: 23px;color: #888;margin-top: 10px;}
.tableType2 th span{display: inline-block;vertical-align: middle;font-size: 12px;color: #999;margin-left: 5px;}
.tableType2 td{height: 55px;padding: 0 5px;font-size: 12px;color: #555;}
.tableType2.center td{text-align: center;}
.tableType2.center td .typeText{text-align: center;text-indent: 0;}
.tableType2 td strong{font-size: 12px;font-weight: 600;color: #393939;}
.tableType2 td .typeText{width: 100%;height: 35px;line-height: 33px;border:1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-indent: 6px;font-size: 12px;box-sizing:border-box;}
.tableType2 td .typeText.atten{width: 47px;text-indent: 10px;height: 30px;line-height: 28px;}
.tableType2 td .typeText.vshort{width: 40px;}
.tableType2 td .typeText.short{width: 100px;}
.tableType2 td .typeText.mid{width: 80px;}
.tableType2 td .typeText.mid2{width: 100px;}
.tableType2 td .typeText.long{width: 100%;}
.tableType2 td select{height: 40px;border:1px solid #ddd;padding-left: 10px;min-width:200px;font-size: 11px;color: #555;}
.tableType2 td .typeBtn{height: 35px;line-height: 35px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #144a88;border:0;color: #fff;font-size: 12px;font-weight: 600;padding: 0 15px;}
.tableType2 td .vmTxt{display: inline-block;vertical-align: middle;font-size: 11px;color: #555;}
.tableType2 td .attenTxt{display: inline-block;vertical-align: middle;font-size: 11px;color: #555;width: 36px;}
.tableType2 td label{display:inline-block;margin-top:5px;font-size: 12px;}
.tableType2 td label:first-child{margin-top:0;}
.tableType2 td label >*{display: inline-block;vertical-align: middle;font-size: 12px;}
.tableType2 td label span{margin-right:5px;}
.tableType2 td.taTD{padding: 10px 15px;}
.tableType2 td.taTD textarea{width: 100%;height: 120px;padding: 15px;border:1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 15px;line-height: 24px;}
.tableType2 tr.total td{font-size: 18px;font-weight: 600;color: #144a88;}

/*20200709추가*/
.textType_n{background:#144a88; margin-bottom:50px; padding:10px; margin-top:-30px}
.textType_n p {font-size:15px; text-align:center; line-height:20px; color:#FFF; }

#career_form table{margin-top: 25px;}
#career_form table:first-child{margin-top: 0;}
.addFormBtn{text-align: right;font-size: 0;margin-top: 15px;}
.addFormBtn .btn{display: inline-block;font-size: 15px;padding: 0 20px;border:0;height: 40px;line-height: 40px;border-radius:3px;margin-left: 8px;font-weight: 600;}
.addFormBtn .btn:first-child{margin-left: 0;}
.addFormBtn .deleteBtn{background: #888;color: #fff;}
.addFormBtn .addBtn{background: #144a88;color: #fff;}
.evaluationBtn{text-align: center;margin-top: 50px;font-size: 0;}
.evaluationBtn .btn{display: inline-block;width: 150px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:0;height: 50px;line-height: 50px;font-size: 16px;font-weight: 600;background: #888;color: #fff;margin: 0 5px;}
.evaluationBtn .btnSubmit{background: #144a88;}

/*********
	FOOTER 
*********/
#footer .top{position:relative;border:1px solid #ddd;border-left:0;border-right:0;padding-left:10px;padding-right:54px;}
#footer .top .btn{font-size:0;}
#footer .top .btn a{display:inline-block;vertical-align:top;height:40px;line-height:40px;margin-left:10px;font-size:13px;}
#footer .top .btn a:first-child{margin-left:0;}
#footer .top .gotop{display:block;position:absolute;top:0;right:10px;width:44px;height:40px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#footer .top .gotop img{width:44px;height:40px;}
#footer .desc{padding:20px 10px;}
#footer .desc .footerLogo{display:block;width:120px;height:auto;margin-bottom:15px;}
#footer .text{font-size:13px;line-height:22px;color:#555;}
#footer address{font-size:13px;color:#555;margin-top:8px;}




/********** 
	MEMBER
**********/
#member{width: 100%;border:1px solid #ebebeb;margin: 0 auto;padding: 20px;padding-top: 25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#member .memberLogo{font-size: 30px;line-height: 1em;letter-spacing: -0.04em;text-align: center;margin-bottom: 20px;color: #333;padding-right: 10px;}
#member strong{font-weight: 600;}
#member .btnWrap{text-align: center;font-size: 0;margin-top: 20px;}
#member .btnWrap .btn{display: inline-block;vertical-align: top;width: 175px;height: 50px;line-height: 50px;text-align: center;border:0;background: #888;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 17px;color: #fff;}
#member .btnWrap .btnSubmit{margin-left: 10px;background: #144a88;}
#member .btnSubmit.solo{margin-top: 20px;width: 100%;height: 45px;border:0;background: #144a88;color: #fff;font-size: 16px;}
#member .typeText{width: 100%;height: 40px;border:1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-indent: 15px;margin-top: 8px;font-size: 13px;}
#member .typeText.tel{width:30%;}
#member .typeText.mail{width:47.5%;}
#member .inputMargin{width:5%;}
#member select.mail{width:100% !important;margin-left:0 !important;margin-top:5px;}
#member .editID{font-size: 20px;font-family: noto-mid;height: 45px;line-height: 45px;border:1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
text-indent: 20px;
}
#member .jtBtn{width: 100%;height: 40px;line-height: 40px;background: #8f8f8f;color: #fff;border:0;margin-top: 5px;}

/* 로그인 */
.loginForm{padding-bottom: 40px;margin-bottom: 35px;border-bottom:1px solid #ddd;}
.memberForm{margin-top: -8px;}
.joinNfind li{position: relative;padding-left: 13px;height: 25px;margin-top: 5px;}
.joinNfind li:first-child{margin-top: 0;}
.joinNfind li:before{display: block;content: '';width: 3px;height: 3px;position: absolute;top:50%;left:0;margin-top: -1.5px;background: #8f8f8f;}
.joinNfind li span,
.joinNfind li .btn{display: inline-block;vertical-align: middle;}
.joinNfind li span{font-size: 14px;line-height: 1em;color: #555;}
.joinNfind li .btn{position: absolute;top:0;right:0;width: 120px;height: 25px;line-height: 25px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
background: #8f8f8f;color: #fff;text-align: center;font-size: 12px;}

/* 회원가입 */
#member .privacyBar{margin-top: 10px;}
#member .privacyBar:after{display: block;content: '';clear: both;}
#member .privacyBar label{display: block;float: left;height: 25px;line-height: 25px;font-size: 14px;color: #555;}
#member .privacyBar .privacyBtn{display: block;float: right;width: 120px;height: 25px;line-height: 25px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #8f8f8f;color: #fff;text-align: center;font-size: 12px;}
#member .privacyText{display: none;height: 120px;overflow-y: scroll;border:1px solid #ebebeb;margin-top: 10px;color: #777;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#member .privacyText strong{color: #444;}

/* 나의 진행상황 */
#mypage{border:1px solid #ddd;border-top:2px solid #393939;}
.mpTitle{height: 130px;text-align: center;}
.mpTitle strong{font-weight: 600;font-size: 26px;color: #57a800;}
.mpTitle em{display: inline-block;font-size: 26px;color: #888;font-weight: 600;}
.mpTitle em.fir{margin-right: 15px;}
.mpTitle em.lat{margin-left: 15px;}
.mpTitle span{font-size: 20px;color: #393939;}
.mpTitle span.ttxt{margin-left: 5px;margin-right: 10px;}
.mpTitle span.btxt{display: block;margin-top: 10px;}
#mypage .step > *{font-size: 0;}
#mypage .step .top{padding: 30px 20px;background: #fafafa;border:1px solid #ddd;border-left:0;border-right:0;}
#mypage .step .top li{display: inline-block;vertical-align: top;margin-left: 35px;width: 120px;height: 120px;-webkit-border-radius: 120px;-moz-border-radius: 120px;border-radius: 120px;background: url(/images/step-top-bg.png) no-repeat;text-align: center;}
#mypage .step .top li:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#mypage .step .top li img{display: inline-block;vertical-align: middle;}
#mypage .step .top li:first-child{margin-left: 0;}
#mypage .step .btm{padding: 20px;background: url(/images/step-arrow-bg.gif);white-space: nowrap;}
#mypage .step .btm dl{display: inline-block;vertical-align: top;width: 120px;padding-right: 25px;background: url(/images/step-btm-arrow.png) no-repeat 100% 30px;margin-left: 10px;}
#mypage .step .btm dl:first-child{margin-left: 0;}
#mypage .step .btm dl.last{padding-right: 0;background: none;}
#mypage .step .btm dt{width: 25px;line-height: 25px;height: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-size: 14px;background: #888;color: #fff;text-align: center;font-weight: 600;margin: 0 auto 10px;}
#mypage .step .btm dd{font-size: 16px;line-height: 22px;color: #808080;text-align: center;}
#mypage .step .top li.active{background: url(/images/step-top-bg-active.png) no-repeat;}
#mypage .step .btm dl.active{background: url(/images/step-btm-arrow-active.png) no-repeat 100% 30px;}
#mypage .step .btm dl.active dt{background: #57a800;}
#mypage .step .btm dl.active dd{font-weight: 600;color: #393939;}
#mypageBottom{text-align: center;}
.mpText{text-align: center;font-size: 16px;line-height: 30px;color: #4e4e4e;margin-top: 40px;}
.mpSample{font-size: 20px;color: #144a88;margin-top: 25px;text-align: center;}
.mpSample strong{font-weight: 600;}
.joinGoBtn{display: inline-block;height: 45px;line-height: 45px;padding: 0 25px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #144a88;color: #fff;font-size: 16px;font-weight: 600;margin-top: 20px;}

/* 실시간 진행상황 */
.searchComp{text-align: right;font-size: 15px;color: #666;margin-bottom: 10px;}
.searchComp strong{font-weight: 600;color: #144a88;}
.apaging{margin-top: 60px;font-size: 0;text-align: center;}
.apaging a{display: inline-block;vertical-align: top;width: 23px;height: 23px;line-height: 23px;text-align: center;border:1px solid #ddd;margin: 0 3px;font-size: 12px;color: #555;}
.apaging a.active,
.apaging a:hover{background: #144a88;border-color: #144a88;color: #fff;transition:0.2s;}
.tableType3{width: 100%;border-top: 2px solid #144a88;}
.tableType3 thead th{background: #fdfdfd;border-bottom:1px solid #ddd;height: 50px;font-size: 16px;color: #333;}
.tableType3 tbody td{height: 50px;border-bottom:1px dashed #e6e6e6;text-align: center;}
.tableType3 tbody td.name{/* text-align: left;padding-left: 20px; */text-align: center;padding-left: 0;}
.tableType3 tbody td.name strong{font-size: 17px;}
.tableType3 tbody td.name strong em{color: #0053a4;}
.tableType3 tbody td.subject{text-align: left;padding-left: 30px;font-size: 16px;color: #444;}
.tableType3 tbody td.writer,
.tableType3 tbody td.date{font-size: 16px;color: #777;letter-spacing: 0;}



/* 라이선스 후기 */
#license .gnb {margin-top:20px; width:100%; }
#license .gnb ul li {float:left; text-align:center; border:1px solid #ddd; font-size:12px; font-weight:bold; line-height:18px; padding:3% 0;}
#license .gnb ul li span{ color: #144a88;font-weight:bold; font-size:15px;}
#license .introText { display: inline-block;  border:1px solid #ddd; border-top:2px solid #144a88; width:90%; margin-top:60px; padding:10% 5%;}
#license .introText dt {margin-bottom:50px;}
#license .introText dt img {width:100%;} 
#license .introText h2 { font-weight:bold; font-size:18px; text-align:center; margin-bottom:40px;}
#license .introText h2 span{ color:#144a88; font-weight:bold;}
#license .introText dt {text-align:center;}
#license .introText dd.text01 {font-size:15px; line-height:23px;  text-align:left;}
#license .introText dd.text01 span {color: #1f74d0; font-weight:bold;  text-align:left;}
#license .introText dd.text02 {font-size:18px; font-weight:bold; line-height:30px;  text-align:left;}
#license .introText dd.text03 {background:#f2f2f2; text-align:center; width:90%; font-size:15px; padding:5%; line-height:23px; margin-bottom:50px;}
#license .introText .license_btn01 {text-align:center; margin:0 auto; background:#144a88; width:205px; height:50px; font-size:18px; text-align:center;  border-radius: 5px 5px 5px 5px;}
#license .introText .license_btn01 a {color:#fff; line-height:50px; }
.license_btn02 {text-align:center; margin:50px auto; background:#1f74d0; width:260px; height:50px; font-size:18px; text-align:center; color:#fff; border-radius: 5px 5px 5px 5px;}
.license_btn02 a {line-height:50px; color:#fff;}
.license_MB40 { margin-bottom:40px;}