@charset "utf-8";
@font-face {
    font-family: 'notokr-medium';
    src: url('/assets/cert/fonts/notokr-medium.eot');
    src: url('/assets/cert/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/assets/cert/fonts/notokr-medium.woff2') format('woff2'),
         url('/assets/cert/fonts/notokr-medium.woff') format('woff'),
         url('/assets/cert/fonts/notokr-medium.ttf') format('truetype'),
         url('/assets/cert/fonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-regular';
    src: url('/assets/cert/fonts/notokr-regular.eot');
    src: url('/assets/cert/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/assets/cert/fonts/notokr-regular.woff2') format('woff2'),
         url('/assets/cert/fonts/notokr-regular.woff') format('woff'),
         url('/assets/cert/fonts/notokr-regular.ttf') format('truetype'),
         url('/assets/cert/fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-thin';
    src: url('/assets/cert/fonts/notokr-thin.eot');
    src: url('/assets/cert/fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('/assets/cert/fonts/notokr-thin.woff2') format('woff2'),
         url('/assets/cert/fonts/notokr-thin.woff') format('woff'),
         url('/assets/cert/fonts/notokr-thin.ttf') format('truetype'),
         url('/assets/cert/fonts/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-bold';
    src: url('/assets/cert/fonts/notokr-bold.eot');
    src: url('/assets/cert/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/assets/cert/fonts/notokr-bold.woff2') format('woff2'),
         url('/assets/cert/fonts/notokr-bold.woff') format('woff'),
         url('/assets/cert/fonts/notokr-bold.ttf') format('truetype'),
         url('/assets/cert/fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-demilight';
    src: url('/assets/cert/fonts/notokr-demilight.eot');
    src: url('/assets/cert/fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('/assets/cert/fonts/notokr-demilight.woff2') format('woff2'),
         url('/assets/cert/fonts/notokr-demilight.woff') format('woff'),
         url('/assets/cert/fonts/notokr-demilight.ttf') format('truetype'),
         url('/assets/cert/fonts/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 베이스 스타일 시작 */
html, body {width:100%;height:100%;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:100%;}
img, fieldset {border:none;}
img {vertical-align:middle;} 
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, form img, li img, object{vertical-align:middle;}
/* font */
body{color:#333; font-size:13px; font-family:'notokr-regular', sans-serif; }
input, select, textarea{color:#333; font-size:14px; font-family:'notokr-regular', sans-serif; }
/* anchor */
a {color:#666;text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
input[type="text"] {}
::-webkit-input-placeholder {color:#acacac;}
:-moz-placeholder {color:#acacac; opacity:1;}
::-moz-placeholder {color:#acacac; opacity:1;}
:-ms-input-placeholder {color:#acacac;}

header {display:block;width:100%;height:89px;position:fixed;top:0px;left:0px;text-align:center;z-index:999;background:#fff;border-bottom:1px solid #d4d4d4;}
.w100 {width:100%;}
.mw100 {max-width:100%;}
.layout {width:1000px;margin:0px auto;position:relative;}

.logo {display:block;width:180px;height:89px;position:absolute;top:0px;left:0px;background:url('/assets/cert/img/logo.jpg') no-repeat center;}
.btn_sns {display:block;width:88px;height:89px;position:absolute;top:0px;right:0px;background:url('/assets/cert/img/ico_sns.png') no-repeat center;border-left:1px solid #d4d4d4;}
.btn_sns:hover {background:url('/assets/cert/img/ico_sns.png') no-repeat center #f1f1f1;}
.sns_wrap {display:none;position:absolute;top:89px;right:0px;border:1px solid #d4d4d4;padding:12px;text-align:center;z-index:99;background:#fff;}
.sns_wrap img {width:40px;margin:2px;}
.btn_navi {display:inline-block;vertical-align:top;width:138px;height:43px;line-height:43px;background:#f1f1f1;border:1px solid #d1d1d1;color:#8f8f8f;border-radius:22px;margin:20px 5px 0px 5px;font-size:18px;text-align:center;opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
.btn_navi:hover, .btn_navi.on {background:#fff;border:1px solid #0965da;color:#065ed2;}

.conts {display:block;background:url('/assets/cert/img/fp_bg.jpg') no-repeat center #f1f6f9;padding:70px 0px 100px;margin-top:90px;}
.top_tit {display:block;text-align:center;font-size:30px;color:#333;padding:20px;}
.top_tit span {font-family:'notokr-bold';}

.cert {display:block;position:relative;width:500px;height:610px;margin:0px auto;overflow:hidden;-webkit-box-shadow: 0px -5px 30px 6px rgba(122,122,122,0.63);-moz-box-shadow: 0px -5px 30px 6px rgba(122,122,122,0.63);box-shadow: 10px 15px 50px 3px rgba(135,135,122,0.33);}
.cert.b01 {background:url('/assets/cert/img/afpk_sheet.jpg') no-repeat;background-size:100% auto;}
.cert.b02 {background:url('/assets/cert/img/cert_cfp.png') no-repeat;background-size:100% auto;}

.cert .grade {position:absolute;top:82px;left:44px;}
.cert .name {font-family:'notokr-bold';font-size:30px;color:#000;position:absolute;top:152px;left:44px;}
.cert .date01 {font-family:'notokr-bold';font-size:17px;color:#000;position:absolute;top:405px;left:88px;letter-spacing:-0.5px;}
.cert .date02 {font-family:'notokr-bold';font-size:17px;color:#000;position:absolute;top:434px;left:88px;letter-spacing:-0.5px;}
.cert .number01 {font-family:'notokr-bold';font-size:0.70em;color:#000;position:absolute;top:425px;left:72px;letter-spacing:-0.5px;}
.cert .number02 {font-family:'notokr-bold';font-size:14px;color:#000;position:absolute;top:448px;right:43px;}

.cert_afpk {display:block;position:relative;width:433px;height:288px;margin:0px auto;overflow:hidden;}
.cert_afpk.a01 {background:url('/assets/cert/img/cert_afpk.png') no-repeat;background-size:100% auto;}
.cert_afpk.a02 {background:url('/assets/cert/img/cert_cfp01.png') no-repeat;background-size:100% auto;}

.cert_afpk .grade {position:absolute;top:18%;left:28%;}
.cert_afpk .name {font-family:'notokr-bold';font-size:15px;color:#000;position:absolute;top:48.5%;left:30%;}
.cert_afpk .name span {font-size:20px;margin-right:10px;}
.cert_afpk .date01 {font-family:'notokr-bold';font-size:12px;color:#000;position:absolute;top:66.5%;left:42%;letter-spacing:0px;}
.cert_afpk .date02 {font-family:'notokr-bold';font-size:12px;color:#000;position:absolute;top:66.5%;left:72%;letter-spacing:0px;}
.cert_afpk .number01 {font-family:'notokr-bold';font-size:12px;color:#000;position:absolute;top:60.5%;left:42%;letter-spacing:0px;}
.cert_afpk .photo {position:absolute;top:11%;left:5%;width:80px;height:90px;display:table;background:#e7e7e8;overflow:hidden;}
.cert_afpk .photo span {width:80px;height:90px;display:table-cell;vertical-align:middle;text-align:center;overflow:hidden;}
.cert_afpk .photo img {width:100%;}

.blue_bar {background:#043779;padding:35px 0px;}
.blue_bar span {display:block;width:990px;margin:0px auto;font-size:16px;line-height:24px;color:#e0eeff;font-family:'notokr-demilight';}

.mid {width:1000px;margin:50px auto;}
.mid_tit {display:block;font-family:'notokr-bold';font-size:26px;color:#333;padding:20px 0px;}
.apek_3e {border:1px solid #ddd;padding:20px;}
.apek_wrap {width:700px;min-height:50px;margin:30px auto;display:block;position:relative;padding:20px 0px 20px 120px;}
.apek_wrap.one {background:url('/assets/cert/img/ico_01.png') no-repeat left center;}
.apek_wrap.two {background:url('/assets/cert/img/ico_02.png') no-repeat left center;}
.apek_wrap.third {background:url('/assets/cert/img/ico_03.png') no-repeat left center;}
.apek_wrap.four {background:url('/assets/cert/img/ico_04.png') no-repeat left center;}
.apek_title {display:inline-block;vertical-align:middle;font-family:'notokr-bold';font-size:20px;line-height:20px;color:#333;padding-right:15px;border-right:2px solid #333;}
.apek_tit {display:inline-block;vertical-align:middle;font-size:20px;line-height:20px;color:#333;padding-left:15px;}
.apek_sub {display:block;vertical-align:middle;font-family:'notokr-demilight';font-size:16px;line-height:24px;color:#848484;padding-top:10px;}
.mid_exp {display:block;font-size:16px;color:#666;padding:30px 0px;line-height:24px;}
.btn_ans {display:block;font-size:20px;color:#00357c;padding:30px 0px;border:1px solid #00357c;background:#f4f8fd;text-align:center;margin:20px auto;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.btn_ans:hover {color:#fff;background:#00357c;}

.status_wrap {width:1000px;margin:200px auto 120px;border:1px solid #ddd;padding:30px 0px 50px;text-align:center;}
.status_tit {display:block;font-family:'notokr-demilight';font-size:30px;color:#333;padding:30px 0px;}
.status_tit span {font-family:'notokr-bold';color:#ea1515;}
.status_box {display:block;width:80%;margin:20px auto 0px;font-size:16px;color:#666;padding:30px 0px;text-align:center;background:#f5f6f7;}
.btn_home {display:block;width:268px;height:58px;line-height:58px;margin:50px auto 0px;font-size:17px;color:#393939;text-align:center;background:#fff;border:1px solid #615b5b;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.btn_home:hover {color:#fff;background:#615b5b;}

.login {background:#f1f6f9;}
.login_wrap {width:580px;margin:0px auto;padding:40px;}
.login_logo {display:block;text-align:center;padding:50px 0px 20px;}
.login_logo img {max-width:100%;}
.login_box {display:block;}
.login_box input {display:block;width:95%;padding:2px 0px 0px 5%;font-size:20px;color:#888;height:70px;line-height:auto;border:1px solid #b3b3b3;border-radius:5px;margin-bottom:15px;}
.login_txt {display:block;text-align:center;padding:20px;font-size:24px;color:#5d5d5d;}
.login_wrap input[type="checkbox"]{width:20px;height:20px;vertical-align:middle;margin-right:5px;}
.login_wrap label {font-size:18px;color:#888;}

.btn_login {display:block;height:70px;line-height:70px;margin:40px auto 0px;font-size:30px;color:#fff;text-align:center;border-radius:5px;padding-top:2px;background:#043779;font-weight:bold;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.btn_login:hover {background:#2d72cb;}

.footer_wrap {background:#f0f0f0;padding:30px 0px;margin:100px auto 0px;clear:both;}
.footer {width:1000px;margin:0px auto;}
.footer img {display:inline-block;vertical-align:top;margin-right:15px;}
.footer p {margin-top:15px;font-size:0.95em;color:#555;line-height:18px;}
.footer p span {margin-right:15px;}

/* 탭메뉴 */
#tab_box {margin:0px auto;width:970px;}
#tab_cnt {clear:both;width:854px;height:45px;padding:0;margin:0px auto;}
#tab_cnt:after {content:"";display:block;visibility:hidden;clear:both;}
#tab_cnt a {float:left;width:100px;height:30px;overflow:hidden;word-break:keep-all;cursor:pointer;line-height:30px;margin:0px 3.6px;}
#tab_cnt a:link,#tab_cnt a:visited {color:#fff;background:#9f9f9f;}
#tab_cnt a span {display:block;text-align:center;font-size:18px;font-weight:600;height:30px;}
#tab_cnt a:first-child {margin:0px 3.6px 0px 0px;}
#tab_cnt a:last-child {margin:0px 0px 0px 3.6px;}
#tab_cnt a:hover,#tab_cnt .tab_ov:link,#tab_cnt .tab_ov:visited,#tab_cnt .tab_ov:hover {color:#fff;height:45px;line-height:45px;background:#b69359; }
#tab_cnt a:hover span,#tab_cnt .tab_ov:link span,#tab_cnt .tab_ov:visited span,#tab_cnt .tab_ov span {display:block;text-align:center;}

.white_content {display:none;position:fixed;top:20%;left:50%;margin-left:-550px;width:1100px;min-height:500px;z-index:1002;}
.pop_open {position:relative;width:900px;margin:0px auto;}
#btn_close {position:absolute;top:-60px;right:0px;cursor:pointer;}
#backgroundPopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;opacity:0.8;filter:alpha(opacity=80);-ms-filter:alpha(opacity=80);top:0;left:0;background:#000;z-index:1001;}

/* GO TO TOP*/
.page_top_box {cursor:pointer;z-index:999999;width:120px;position:fixed;bottom:30px;right:0px;display:block;background:#666;opacity:0;}
.page_top_box.show {opacity:1;right:0px;}
.page_top_box {-webkit-transition: 500ms;transition: 500ms;}
a.page_top_link {display:block;color:#fff;text-align:center;font-size:14px;line-height:30px;}

.pc {}
.mobile {display:none;}

@media (max-width:1050px) {
	.blue_bar span {width:91%;}
	.mid {width:95%;}
	.apek_wrap {width:70%;padding:20px 0px 20px 120px;}
	.status_wrap {width:85%;padding:30px 5% 50px 5%;}
	.footer {width:95%;}
	.footer img {display:block;margin:0px 0px 15px 0px;max-width:100%;}
}

@media (max-width:650px) {
	.pc {display:none;}
	.mobile {display:block;}

	header {height:59px;min-width:320px;}

	.logo {width:80px;height:59px;background:url('/assets/cert/img/logo.jpg') no-repeat center;background-size:80% auto;}
	.btn_sns {width:58px;height:59px;background:url('/assets/cert/img/ico_sns.png') no-repeat center #fff;}
	.sns_wrap {top:59px;right:0px;padding:10px;}
	.sns_wrap img {width:30px;margin:2px;}
	.btn_navi {width:80px;height:33px;line-height:33px;border-radius:16px;margin:12px 3px 0px 3px;font-size:14px;}

	.conts {padding:30px 0px 50px;margin-top:60px;}
	.top_tit {font-size:20px;padding:10px;}
	
	.cert {width:90%;height:110vw;}
	.cert .grade {font-size:5vw;position:absolute;top:12%;left:8%;}
	.cert .grade img {width:70%;height:auto;}
	.cert .name {font-size:5vw;position:absolute;top:26%;left:8%;}
	/*
	.cert .date01 {font-size:2.5vw;position:absolute;top:66.5%;left:18%;}
	.cert .date02 {font-size:2.5vw;position:absolute;top:71.5%;left:18%;}
	.cert .number01 {font-size:1.8vw;position:absolute;top:69%;left:10%;letter-spacing:-1px;}*/
	
	.cert .date01 {font-size:14px; top: 67.5%; left:13%;width:20%; display:block; text-align:center;}
	.cert .number01 {font-size:14px; top:70.5%; left:6%;;width:35%;-webkit-transform:scale(0.75); display:block; text-align:center;}
	.cert .date02 {font-size:14px; top: 73%; left:13%;width:20%; display:block; text-align:center;}
	.cert .number02 {font-size:3vw;position:absolute;top:73%;right:8.5%;}

	.blue_bar {background:#043779;padding:20px 0px;}
	.blue_bar span {font-size:14px;line-height:20px;}

	.cert_afpk {width:88%;height:55vw;}
	.cert_afpk .grade {position: absolute;top:18%;left:28%;}
	.cert_afpk .grade img {width:80%;auto;}
	.cert_afpk .name {font-size:3vw;top:52%;}
	.cert_afpk .name span {font-size:4vw;}
	.cert_afpk .date01 {font-size:2.5vw;position:absolute;top:71.5%;left:42%;letter-spacing:-0.5px;}
	.cert_afpk .date02 {font-size:2.5vw;position:absolute;top:71.5%;left:72%;letter-spacing:-0.5px;}
	.cert_afpk .number01 {font-size:2.5vw;position:absolute;top:65%;left:42%;}
	.cert_afpk .photo {position:absolute;top:8%;left:5%;width:20%;height:20vw;display:block;}
	.cert_afpk .photo span {width:100%;height:100%;}

	.mid {margin:30px auto;}
	.mid_tit {font-size:20px;padding:10px 0px;}
	.apek_3e {padding:10px 20px;}
	.apek_wrap {width:100%;margin:20px auto;padding:110px 0px 0px 0px;}
	.apek_wrap.one {background:url('/assets/cert/img/ico_01.png') no-repeat left top;}
	.apek_wrap.two {background:url('/assets/cert/img/ico_02.png') no-repeat left top;}
	.apek_wrap.third {background:url('/assets/cert/img/ico_03.png') no-repeat left top;}
	.apek_wrap.four {background:url('/assets/cert/img/ico_04.png') no-repeat left top;}
	.apek_title {font-size:15px;line-height:15px;padding-right:15px;border-right:2px solid #333;}
	.apek_tit {font-size:15px;line-height:15px;padding-left:15px;}
	.apek_sub {font-size:14px;line-height:18px;padding-top:10px;}
	.mid_exp {font-size:14px;padding:20px 10px;line-height:18px;}
	.btn_ans {font-size:15px;padding:20px 0px;margin:10px auto;}

	.status_wrap {width:80%;margin:100px auto 40px;padding:20px 5% 40px 5%;}
	.status_tit {font-size:18px;padding:20px 0px;}
	.status_box {width:80%;;font-size:14px;padding:20px 20px;}
	.btn_home {width:200px;height:48px;line-height:48px;margin:20px auto 0px;font-size:14px;}

	.login_wrap {width:85%;padding:10% 0px;}
	.login_logo {padding:15% 0px 0px 0;}
	.login_logo img {max-width:70%;}
	.login_box input {display:block;width:95%;padding:2px 0px 0px 5%;font-size:17px;color:#888;height:50px;line-height:auto;border:1px solid #b3b3b3;border-radius:5px;margin-bottom:10px;}
	.login_txt {padding:15px;font-size:14px;color:#5d5d5d;letter-spacing:-1px;}
	.login_wrap input[type="checkbox"]{width:15px;height:15px;vertical-align:middle;margin-right:5px;}
	.login_wrap label {font-size:14px;color:#888;}

	.btn_login {display:block;height:50px;line-height:50px;margin:30px auto 0px;font-size:18px;color:#fff;text-align:center;border-radius:5px;padding-top:2px;background:#043779;font-weight:bold;transition:all 0s ease-out; -webkit-transition:all 0s ease-out;}

	.footer_wrap {padding:20px 0px;margin:50px auto 0px;}
	.footer p {margin-top:10px;font-size:0.75em;line-height:15px;}
	.footer p span {margin-right:10px;}

}


/* 모바일 일련번호 정렬 호환성으로 추가 */
@media (max-width: 500px){
	.cert .date01 {font-size:10px; top: 67.5%; left:13%;width:20%; display:block; text-align:center;}
	.cert .number01 {font-size:10px; top:70.5%; left:6%;;width:35%;-webkit-transform:scale(0.75); display:block; text-align:center;}
	.cert .date02 {font-size:10px; top: 73%; left:13%;width:20%; display:block; text-align:center;}
}