@charset 'utf-8';

/* 영사산업기사 */
.engineer {background:url(https://www.enap.or.kr/images/kofic/bg_engineer.png) no-repeat 8px top; }

/*영사기능사*/
.technician {background:url(https://www.enap.or.kr/images/kofic/bg_technician.png) no-repeat 8px top; }

/* 시험일정 */
.test-schedule {background:url(https://www.enap.or.kr/images/kofic/bg_test_schedule.png) no-repeat 8px top; }
.test-schedule h3 span {color: #aaa;}
.test-schedule .scdtxt {margin-top: 10px; font-size: 20px; line-height: 30px;}
.wrexam,.prexam {padding: 2px 10px; font-size: 13px; color: #fff;}
.wrexam {border: 1px solid #72be23; border-radius: 5px; background-color: #72be23;}
.prexam {border: 1px solid #1f74bb; border-radius: 5px; background-color: #1f74bb;}

/* 접수안내및신청 */
.online-information {background:url(https://www.enap.or.kr/images/online/bg_information.png) no-repeat left center;}
.online-information .info {top: 20%; left: 42%;}
.online-information .info p {color: #888 !important; font-size: 22px !important; line-height: 30px !important;}
.olConfirm {height: 50px !important; background: none !important;}
.olConfirm .info {width: 100% !important; top: 0 !important; left: 0 !important;}
.accpWrap {border-top: 3px solid #76b0df;}
.accin {border: 1px solid #ccc; background-color: #f9f9f9;}
.accin p {padding: 30px 0; text-align: center; font-size: 18px;}

/* 지원센터 */
div.schedule table th {color:#676767;}
p.info-text-schedule {margin:10px 0 35px 0;}
p.info-text-schedule strong {color:#64ad14;}

div.present table th {color:#676767;}
div.present table th, div.present table td {padding:7px 0;text-align:center;}
div.present table tfoot td {background:#f8f8f8;}

/* 시험위원지원 */
.support-information {background:url(https://www.enap.or.kr/images/online/bg_support.png) no-repeat 15px top;}
.support-information .scdtxt {margin-top: 10px;}
.support-information img.info { margin:35px 0 0 395px; }
.support_area .tab_container {  margin-top:20px }
.support_area .tab_container .tab_list {width: 100%;}
.support_area .tab_container .tab_list li {float:left; width: 33.3%;} 
.support_area .tab_container .tab_list li a {display:block; height: 50px; padding: 15px 2px; background:#ededed; border-bottom:3px solid #ccc; color:#555; border-right:1px solid #ccc; letter-spacing: -0.5px; box-sizing:border-box; text-align: center; line-height: 17px;} 
.support_area .tab_container .tab_list li a:hover {font-weight: bold;}
.support_area .tab_container .tab_list li.on a {color: #1f75ba; border-top: 3px solid #1f75ba; font-size: 14px; border-bottom: 0px; background: #fff; font-weight: bold}
.support_area .tab_container .tab_list li:nth-child(3) a {padding: 8px 2px !important; border-right:0;} 
.support_area .tab_container .tab_list li:nth-child(3).on a {letter-spacing:-1px;}
.support_area .tab_container .tab_conts .tab_cont .box h3 {margin-bottom: 10px }
.support_area .tab_container .tab_conts .tab_cont .box .blue_btn {text-align: center;margin: 2em auto;}

/* 190103 (S) */
/* 원서접수내역 */
.accpinfo {margin-top: 40px;}
.accpinfo p,.online-cheak p {font-size: 20px; color: #888;}
.online-cheak p {position: absolute; bottom: 10%; left: 23%;}
.blusp {color: #1f75ba;}
.blksp {color: #000;}
.formList {margin: 40px 0;}

/* 환불 및 영수증 발급안내 */
.custminfo {margin-top: 28px; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: bold;}

/* 합격자조회 */
.pass-informaton {background:url(https://www.enap.or.kr/images/pass/bg_information.png) no-repeat 15px 26px; }
.pass-informaton .info {top: 20%; left: 47%;}
.pass-informaton .info .visutxt {font-size: 26px; line-height: 34px;}

/* 발급신청 */
.pass-license-informaton {background:url(https://www.enap.or.kr/images/pass/bg_license.png) no-repeat 34px top; }
.pass-license-informaton .info {top: 20%; left: 47%;}
.pass-license-informaton .info .visutxt {font-size: 26px; line-height: 34px;}

/* 발급내역조회 */
.rschck p {left: 32% !important;}
.mbbrout {display: none; margin-top: 17px !important;}
/* //190103 (E) */

/* 190110 (S) */
/* 환불페이지 */
.refund-tit {font-weight: bold; font-size: 24px; line-height: 32px;}
.refund-add {margin: 5px 0 20px 0; color: #1f75ba;}
.refund-reason input[type="text"] {width: 100%;}
/* //190110 (E) */

h2.sub-title {margin-top:40px;}
h2.sub-title span {font-weight:normal;}
p, ol li {line-height:22px;}
ol li span {padding:0 5px 0 0;}
/* 190103 (S) */
a.link-download {padding:2px 0 0 22px;text-decoration:underline;color:#64ad14;font-weight:bold;background:url(https://www.enap.or.kr/images/common/ico/bul_link_download.gif) left center no-repeat;}
/* //190103 (E) */
strong.point {color:#64ad14;}

@media all and (max-width: 1024px){
.engineer,.technician,.test-schedule {background-size: 45%;}
.support-information,.pass-informaton {background-size: 40%;}
.pass-license-informaton {background-size: 33%;}
.test-schedule {height: 200px;}
.support-information .info {top: 15%;}
/* 190103 (S) */
.rschck p {left: 28% !important;}
.online-information {background-size: 35%; background-position: 40px center;}
.pass-license-informaton {background-position: left 30px center;}
.pass-informaton .info .visutxt,.pass-license-informaton .info .visutxt {font-size: 22px;}
/* //190103 (E) */
}

@media all and (max-width: 768px){
.engineer {background-size: 40%;}
.test-schedule .scdtxt {font-size: 18px; line-height: 26px;}
.thmbno {display: none;}
/* 190103 (S) */
.accpinfo {margin-top: 20px;}
.online-information .info {top: 15%; left: 46%;}
.online-cheak {background-size: 22%;}
.online-cheak p {left: 18%;}
.pass-informaton .info {top: 25%;}
.formList {margin: 20px 0 0 0;} 
.pcbrout {display: none;}
.mbbrout {display: inline-table;}
.linefd {display: block;}
/* //190103 (E) */
}

@media all and (max-width: 667px){
.engineer,.technician {background-position: left center;}
.support_area .tab_container .tab_list li:nth-child(2) a {padding: 8px 2px !important;}
/* 190103 (S) */
.online-cheak p {left: 13%;}
.online-information .info {width: 50%;}
.pass-license-informaton .info {top: 25%; width: 50%;}
.online-information .info p,.pass-license-informaton .info .visutxt {font-size: 18px !important; line-height: 24px !important;}
.rschck p {left: 25% !important;}
/* //190103 (E) */
}

@media all and (max-width: 667px){
.online-cheak p {width: 60%; left: 20%; bottom: 5%; line-height: 25px;}	
}


@media all and (max-width: 414px){
.engineer,.technician,.test-schedule,.support-information {background-position: right top;}
.engineer .info div,.technician .info div {margin: 15px 0 30px 0;}
.technician {height: 140px;}
.test-schedule {height: 120px; background-size: 40%;}
.test-schedule .info div {margin: 15px 0;}
.test-schedule .info h3 {font-size: 20px;}
.test-schedule .scdtxt {width: 60%; font-size: 14px; line-height: 22px;}
.support_area .tab_container .tab_list li:nth-child(2) a {padding: 15px 2px !important;} 
.support_area .tab_container .tab_list li a {height: 70px;}
.support-information {height: 120px;}
/* 190103 (S) */
.accpinfo p,.online-cheak p {font-size: 15px;}
.online-information {height: 120px; background-position: 20px center;}
.online-information .info p {font-size: 15px !important; line-height: 20px !important;}
.online-cheak {background-size: 30%; background-position: center 15px;}
.online-cheak p {left: 20%; bottom: 2%; line-height: 20px;}
.rschck p {left: 20% !important;}
.pass-informaton {height: 120px; background-position: right 15px center;}
.pass-informaton .info {top: 20%; left: 0;}
.pass-informaton .info .visutxt {width: 60%; font-size: 18px;}
.pass-license-informaton {height: 120px; background-position: right 10px center;}
.pass-license-informaton .info {width: 55%; left: 10px;}
.pass-license-informaton .info .visutxt {font-size: 15px !important;}
.lnkinfo {display: block; margin-top: 5px; line-height: 20px;}
/* //190103 (E) */
.refund-tit {font-size: 20px; line-height: 28px; word-break: break-all;}
.mbbrout {margin-top: 10px !important;}
}

@media all and (max-width: 375px){
.engineer .info div,.technician .info div {margin: 15px 0 20px 0;}
.visual-text.support-information .visutxt {margin-top: 0;}
.support-information .info {top: 10%;}
.support-information .info>div {margin-bottom: 20px;}
.support_area .tab_container .tab_list li:nth-child(1) a {padding: 20px !important;}
.support_area .tab_container .tab_list li:nth-child(2) a {padding: 10px !important;}
.support_area .tab_container .tab_list li:nth-child(3) a {padding: 10px 5px !important;}
.support_area .tab_container .tab_list li a {height: 90px;}
/* 190103 (S) */
.online-cheak p {width: 65%; bottom: 10%; left: 17%;}
.rschck p {width: 100%; left: 1% !important;}
.pass-informaton .info {top: 10%; left: 3%;}
.pass-informaton .info .visutxt {width: 54%; line-height: 25px;}
.pass-license-informaton .info {top: 10%;}
/* //190103 (E) */
}

@media all and (max-width: 320px){
.test-schedule .info h3 {font-size: 18px;}
.support-information .info {top: 3%;}
.support_area .tab_container .tab_list li:nth-child(1) a {padding: 20px 10px !important;}
.support_area .tab_container .tab_list li:nth-child(3) a {padding: 10px 1px !important;}
/* 190103 (S) */
.accpinfo p {font-size: 13px;}
.rschck p {left: 2% !important; bottom: 14% !important;}
.online-information .visutxt {margin-top: 0 !important;}
.pass-license-informaton .info  {top: 2%;}
/* //190103 (E) */
/* 190110 (S) */
.online-cheak p {width: 80%; left: 10%; word-break: normal;}
/* //190110 (E) */
}