@charset "utf-8";

img {width: auto;max-width: 100%;height: auto;}
hr {padding: 0;margin: 20px 0;width: 100%;height: 2px;outline: 0;border:none;background-color: #d9dfe5;}

body.gnb-close {overflow-y: auto;}
body.gnb-open {overflow: hidden;}

/*main*/
#main-container {padding: 20px 0;background-color: #f1f0f0;}

/*메인 바로가기 링크*/
#main-links {position: relative;padding: 0 10px;}
.m-dir-links {position: relative;font-family: "NanumGothic";}
.m-dir-links:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
.m-dir-links > li {float: left;width: 33.3333%;padding: 0 10px;margin-bottom: 24px;text-align: center;}
.m-dir-links > li a {display: block;color: #4d4d4d;font-size: 13px;letter-spacing: -1px;font-weight: bold;line-height: 1.3;}
.m-dir-links > li a img {max-width: 85px;}
.m-dir-links > li a > span {display: block;padding-top: 5px;}
#main-links .mma_dir {padding: 12px 10px;font-size: 12px;color: #878787;text-align: center;border:1px #cfcece solid;background-color: #e6e6e6;}
#main-links .mma_dir a {color: #878787;}

/*sub layout*/
/*170905*/
#header .sub_title {width: 100%;padding: 5px 0 0 0;text-align: center;font-size: 14px;font-weight: 600;color: #fff;letter-spacing: -1px;}
/*170905*/
#sub-container {position: relative;}
#sub-contents {position: relative;}
#sub-article {position: relative;padding: 20px 0 90px 0;}
#sub-article .layout1 {position: relative;padding: 0px 10px 0 10px;}

/*경로*/
#path-wrap {clear: both;position: relative;padding: 0 10px;border-bottom:1px #666c76 solid;background-color: #f8f8f8;}
#path-wrap:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#path-wrap a {float: left;display: block;position: relative;font-size: 12px;color: #666c76;padding: 15px 12px 12px 0;margin-right: 8px;background: url(/images/mobile/ico_path_arr.png) no-repeat right center;background-size: 6px 10px;}
#path-wrap a:last-child {padding-right: 0;margin-right: 0;background: none;}
#path-wrap a.curr {color: #252525;font-weight: 600;}
#path-wrap a.curr:after {content: "";display: inline-block;position: absolute;bottom:-1px;left: 0;width: 100%;height: 2px;background-color: #6590e7;}

/*서브 타이틀*/
#sub-article .sub-tit-box {position: relative;margin-bottom: 12px;}
#sub-article .sub-tit-box.border1 {margin-bottom: 0;padding-bottom: 12px;border-bottom:2px #5782cc solid;}
#sub-article .sub-tit-box:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#sub-article .sub-tit-box h3 {font-size: 15px;font-weight: 600;color: #252525;}

/*login수단 선택*/
.login-selection {position: relative; padding: 10px;}
.login-selection button {vertical-align: middle; border-radius: 4px; padding: 10px; min-width: 192px; width: 80%; height: 50px;}
.login-selection .subj-tit {font-size: 18px; text-align: center;}
.login-selection .description {line-height: 1.5; padding-top: 15px;}

/*login*/
.login-wrap {position: relative;padding: 28px 25px;border:1px #bebebe solid;}
.login-wrap .subj-tit {margin-bottom: 30px;font-size: 24px;color: #484848;text-align: center;}
.login-wrap table {width: 100%;}
.login-wrap table tbody th {padding: 3px 0px;font-size: 13px;font-weight: 600;color: #666c76;text-align: left;}
.login-wrap table tbody td {padding: 3px 0px;font-size: 13px;color: #666c76;text-align: left;}
.login-wrap .btn-area {margin-top: 40px;}
.login-wrap .btn-area .btn-login {width: 100%;height: auto;line-height: 1;padding: 10px 15px;font-size: 18px;font-weight: bold;}
.login-wrap .txt1 {margin-top: 30px;font-size: 12px;font-weight: bold;text-align: center;}
.login-wrap .txt1 > a {color: #666c76;display: inline-block;padding: 3px 0 5px 20px;background: url(/images/mobile/ico_doc.png) no-repeat 0 0;background-size: 14px 17px;}
.login-wrap .txt1 > a > span {display: inline-block;border-bottom: 1px #666c76 solid;}
.login-wrap .input-text {font-size:12px;border:1px solid #bebebe;padding:5px;}

/*상단 정보 박스*/
.top-info-box {clear: both;position: relative;margin-bottom: 35px;font-size: 15px;color: #333;line-height: 1.5;padding: 10px 10px;border-top:2px #5782cc solid;border-bottom:1px #d9dfe5 solid;background-color: #f8f8f8;/* word-wrap: break-word;word-break: keep-all; */}
.top-info-box .ico_att {padding-left: 40px;background: url(/images/mobile/ico_att.png) no-repeat 5px 0;background-size: 28px 28px;font-size: 12px;}

/*휴일 훈련 신청*/
.fm-wrap {}
.fm-wrap .tit1 {margin: 20px 0 10px 0;font-size: 12px;color: #333;font-weight: 600;}
.fm-wrap .txt1 {font-size: 11px;color: #333;margin-top: 10px;}
.fm-wrap .ip-line {}

/*training-dir-btn*/
.training-dir-btn {position: relative;margin: 25px 0;padding: 0 20px;}
.training-dir-btn .hgbtn {display: block;width: 100%;margin-top: 12px;}
.training-dir-btn .hgbtn:first-child {margin-top: 0;}

/*훈련정보*/
.training-info-box {position: relative;padding: 10px 0;border-top: 2px #5782cc solid;border-bottom: 1px #d9dfe5 solid;}
.training-info-box .info-output {font-size: 12px;color: #666c76;}
.training-info-box .info-output > li {line-height: 1.4;}
.training-info-box .info-output > li > span {position: relative;display: inline-block;margin: 2px 0;padding-right: 12px;margin-right: 2px;}
.training-info-box .info-output > li > span:after {content: "|";display: block;position: absolute;top: 0;right: 0;color: #d9dfe5;}
.training-info-box .info-output > li > span:last-child {padding-right: 0;margin-right: 0;}
.training-info-box .info-output > li > span:last-child:after {display: none;}

/*훈련정보2*/
.training-info-box2 {position: relative;}
.training-info-box2 .info-output {font-size: 12px;color: #666c76;}
.training-info-box2 .info-output > li {padding: 5px 0;border-bottom: 1px #d9dfe5 solid;line-height: 1.4;}
.training-info-box2 .info-output label span {display: inline-block;margin-left: 3px;}
.training-info-box2 .info-output label span.num {display: block;margin-left: 0;}
.training-info-box2 .info-output label span.date {margin-left: 0;}
.training-info-box2 .info-output input[type=radio] + label {display: block;padding-left: 35px;}
.training-info-box2 .txt1 {font-size: 12px;text-align: center;margin-top: 10px;}

/*유의사항 박스*/
.caution-box {clear: both;position: relative;margin-top: 45px;padding: 10px;border:1px #547dc3 solid;}
.caution-box.bg1 {background-color: #fafafa;}
.caution-box .tit1  {font-size: 13px;font-weight: 600;}
.caution-box ul {line-height: 1.5;font-size: 12px;}
.caution-box ul.bl_bar > li {margin: 7px 0;color: #252525;}

.caution-box2 {clear: both;position: relative;margin-top: 45px;padding: 10px;border:1px #e0190e solid;background-color: #fff6ed;}
.caution-box2 .tit {padding: 2px 0 2px 18px;font-size: 12px;font-weight: 600;margin-bottom: 10px;color: #e0190e;background: url(/images/mobile/ico_att2.png) no-repeat 0 0;background-size: 14px 14px;}
.caution-box2 ul {line-height: 1.5;font-size: 12px;color: #e0190e;padding-left: 18px;}
.caution-box2 ul li {margin: 7px 0;}

/*보류신청 동의박스*/
.hold-agrbox {font-size: 13px;line-height: 1.5;}
.hold-agrbox .date {padding: 10px 0;font-weight: 600;text-align: center;}
.hold-agrbox .txt1 {padding: 5px;background-color: #eee;}

/*~이란????*/
.section-box {padding:30px 0 30px 0;border-top:1px solid #e1e1e1;}
.section-box:first-child {border-top: none;padding-top: 10px;}
.section-box .h2-tit {font-size:17px;font-weight:bold;color: #0059d1;padding-bottom: 10px;border-bottom:2px #7598d5 solid;line-height: 1.4;}
.section-box .h2-tit > span {font-size:14px;color: #252525;font-weight: normal;}
.section-box .h3-tit,
.section-box .h4-tit {font-size:15px;font-weight:bold;padding-bottom: 10px;border-bottom:2px #7598d5 solid;line-height: 1.4;}
.section-box .h4-tit2 {font-size:15px;font-weight:bold;padding-bottom: 10px;line-height: 1.4;}
.section-box .h4-tit2.bd {margin-bottom: 15px;border-bottom:2px #5782cc solid;}
.section-box .h5-tit {font-size:13px;font-weight:bold;color:#0059d1;margin-top:15px;}
.section-box .num-tit {position: relative;padding: 2px 0 0 25px;margin: 10px 0 0 0;}
.section-box .num-tit .num {font-size: 11px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;line-height: 22px;background-color: #0059d1;color: #fff;font-weight: bold;text-align: center;border-radius: 50%;}
.section-box .txt-list {margin-top:15px;}
.section-box .txt-list li {margin: 3px 0;line-height:1.5em;letter-spacing:-0.5px;}
.section-box .txt-list-sub {line-height:1.5em;color:#0059d1;}
.section-box .maxw1 {max-width: 310px;margin: 0 auto;text-align: center;}
.section-box .maxw1 img {width: 100%;max-width: 310px;}

/*.법칙*/
.law-wrap {clear: both;padding-top: 20px;line-height: 1.7;}
.law-wrap .txt-box {font-size: 13px;font-weight: bold;margin-bottom: 10px;}
.law-wrap .tit1 {font-size: 13px;font-weight: bold;margin-bottom: 10px;}
.law-wrap .detail-law {font-size: 18px;font-weight: bold;line-height: 1.3;}
.law-wrap .detail-law > span {font-size: 15px;font-weight: normal;text-decoration: underline;}

/*인증센터*/
/*인증센터 메인*/
.certic-center-main {position: relative;margin-top: 15px;border:1px #bebebe solid;}
.certic-center-main > ul {display: table;width: 100%;border-collapse: separate; border-spacing:0; border:0 none;margin: 0;padding: 0;border:0;}
.certic-center-main > ul > li {display: table-cell;width: 50%;padding: 15px 0;text-align: center;border-top:1px #d9dfe5 solid;border-left:1px #d9dfe5 solid;border-collapse: separate; border-spacing:0;}
.certic-center-main > ul:first-child > li {border-top: none;}
.certic-center-main > ul > li:first-child {border-left: none;}
.certic-center-main dl {position: relative;display: block;width: 100%;padding: 0 10px;letter-spacing: -1px;line-height: 1.4;}
.certic-center-main dl dt {margin-bottom: 15px;font-size: 15px;color: #484848;font-weight: bold;}
.certic-center-main dl dd.txt {padding-bottom: 10px;font-size: 14px;}
.certic-center-main dl.item1 {padding-top: 90px;background: url(/images/mobile/icon-certic-center1.png) no-repeat center 0;}
.certic-center-main dl.item2 {padding-top: 90px;background: url(/images/mobile/icon-certic-center2.png) no-repeat center 0;}
.certic-center-main dl.item3 {padding-top: 110px;background: url(/images/mobile/icon-certic-center3.png) no-repeat center 14px;}
.certic-center-main dl.item4 {padding-top: 110px;background: url(/images/mobile/icon-certic-center4-2.png) no-repeat center 17px;}

.logo_link {display: inline-block;text-align: center;}
.logo_link span {display: block;}
.logo_link span.link {text-decoration: underline;}
.certf_service_guide {position: relative;width: 100%;padding: 0px 10px;margin-top: 20px;border:1px #ddd solid;}
.certf_service_guide > p {position: relative;padding: 15px 0;font-size: 12px;text-align: left;border-top:1px #ddd solid;}
.certf_service_guide > p:first-child {border-top: none;}
.certf_service_guide > p a {margin-top: 10px;display: block;}
.certf_service_guide > p span {display: inline-block;padding-left: 50px;padding-top: 10px;}
.certf_service_guide > p.item1 span {background: url(/images/mobile/ico-ubikey.gif) no-repeat 0 center;}
.certf_service_guide > p.item2 span {background: url(/images/mobile/ico-mkey.gif) no-repeat 0 center;}

.smart-certic-pic {padding: 15px 0 0 20px;margin-bottom: 30px;}
.smart-certic-pic img {margin: 0 0 10px 0;}