@charset "utf-8"; 
/* ------------------------------------------
* Filename: certification.css
* Author: initiativesix
------------------------------------------ */

/* certification_step_01 */
.certification h3 {font-size:16px; color:#101010}
.certification h3.mar {margin-top:20px}
.certification .radio_box01, .certification .radio_box02{margin-top:0; background:#f1f3f6;}
.certification .check_rules04 {border:1px solid #b1b1b1; border-top:0; padding: 0 10px}
.certification .check_rules04 > div {position:relative; padding:10px 30px 10px 10px; background:url("/static/mobile/img/common/dot_line.png") 0 -2px repeat-x;}
.certification .check_rules04 > div:first-child {background:transparent;}
.certification .check_rules04 > div p{color:#101010;font-size:13px; line-height:16px;}
.certification .job_box.checked input[type="text"] {background:url('/static/mobile/img/common/icon_right.png') 0 center no-repeat #eaeaea; background-size:6px 12px; background-position-x:calc(100% - 10px); width:calc(100% - 35px); padding-right:25px; border:solid 1px #101010}
.certification .job_box button {height:34px; line-height:34px; padding:0 10px; text-align:left; background:#fff url('/static/mobile/img/common/icon_right.png') 0 center no-repeat; background-size:6px 12px; background-position-x:calc(100% - 10px); width:100%; padding-right:25px; border:solid 1px #101010}
/*.certification .job_box > input[type="text"] {background:none; padding:0 10px; width:calc(100% - 20px)}*/
.certification .job_box button:disabled {color:#666; border:1px solid #b1b1b1; background-color:#eaeaea}
.certification .job_box input[type="text"].option {border:solid 1px #bac0c7}
.certification .job_box input[type="text"]::-webkit-input-placeholder {color:#999}
.certification .job_box input[type="text"]::-moz-placeholder {color:#999}
.certification .job_box input[type="text"]:-ms-input-placeholder {color:#999}
.certification .job_box input[type="text"]:-moz-placeholder {color:#999}
.certification .job_box input[type="text"]::placeholder {color:#999}
.certification .job_box > p {color:#422902;line-height:25px}
.certification .text_box_margin {margin-top:5px;}
.certification .owner_box {}
.certification .owner_box > p {color:#422902;line-height:25px}

/* certification_step_02 */
.certification .account_text {text-align:center; color:#de0010; line-height:20px; font-weight:700; font-size:13px; padding-top:10px}
.certification .account_check_bt {display:block; background:#1b2f47; color:#fff; text-align:center; line-height:45px; margin-top:10px}
.certification > span {display:block; color:#422902; padding-top:5px; line-height:15px; font-weight:700; font-size:11px}

@media all and (max-width:340px){
.certification .tab_radio input[type="radio"] + label {min-height:37px; border:solid 1px #bac0c7; display:block; margin-left:-1px; padding:7px 4px; color:#666; text-align:right}
.certification .input[type="radio"] + label:after {content:''; display:block; clear:both}
.certification .tab_radio input[type="radio"]:checked + label {border:solid 2px #de0010; color:#9a000b; font-weight:700; padding:6px 3px}
.certification .tab_radio input[type="radio"] + label::before {margin-left:6px; display:block; float:left; width:17px; height:20px; background:url('/static/mobile/img/common/tab_radio_off.png') 0 3px no-repeat; background-size:contain; padding:0}
.certification .tab_radio input[type="radio"]:checked + label::before {background:url('/static/mobile/img/common/tab_radio_on.png') 0 3px no-repeat; background-size:contain}
.certification .tab_radio input[type="radio"] + label span {display:block; float:right; width:100% !important; line-height:20px}
}

/* certification_step_03 */
.adress_wrap div:after {content:''; display:block; clear:both}
.adress_wrap input[type="text"], .adress_wrap input[type="email"] {margin-bottom:5px}
.adress_wrap input[type="text"]:first-child {float:left; width:78px; margin-right:5px}
.adress_wrap div a {float:left;display:block; line-height:36px; background:#1b2f47; color:#fff; width:50px; text-align:center;}
.adress_wrap label {color:#1b2f47; font-size:13px; line-height:22px;}
.adress_wrap span {display:block; color:#422902; line-height:15px; font-weight:700; font-size:11px}
.certification_03 {}
.certification_03 .adress_wrap h4, .certification_03 .adress_wrap h4:first-child {margin-top:20px}

/* certification_step_04 */
.certification04 > div{padding-bottom:20px}
.certification04 > div >div:first-child {border:1px solid #101010; padding:10px 30px 10px 15px;}
.certification04 input[type="checkbox"] + label {font-size:13px; line-height:22px; color:#101010; font-weight:700}
.certification04 .grey_box02 {background:#fff; border:solid 1px #101010; border-top:0}
.certification04 .grey_box02 span{font-size:12px; line-height:22px; color:#101010}
.certification04 .grey_box02 strong{text-decoration:underline}

/* certification_step_05 */
.certification05 .grey_box02 {margin-top:20px}
.certification05 .grey_box02 span{font-size:12px; line-height:22px; color:#101010}
.certification05 > p {color:#422902;line-height:20px}

/* certification_step_06 */
.certification_table {border:1px solid #101010; padding:5px 10px}
.certification_table table {width:100%; font-size:12px; color:#404040; line-height:20px}
.certification_table th, .certification_table td {padding:7px 5px; border-top:1px dashed #bebebe}
.certification_table.narrow th, .certification_table.narrow td {padding:3px 5px;}
.certification_table tr:first-child th, .certification_table tr:first-child td {border-top:none}
.certification_table th {text-align:left; color:#1b2f47; vertical-align:top}
.certification_table td .btn {line-height:20px; width:70px; margin-top:10px}
.certification_table td .btn.auto_size {display:inline-block; width:auto; min-width:70px; padding:0 5px;}
.certification_table span {color:#422902; line-height:20px; font-size:11px; letter-spacing:-1px}

.certification06_fixed {z-index:999; position:fixed; bottom:0; left:0; width:calc(100% - 40px); background:#f1f1f1; padding:15px 20px;}
.certification06_fixed:after {content:''; display:block; clear:both}
.certification06_fixed p {width:calc(100% - 25px); float:left; padding-right:10px; font-size:12px; color:#101010;line-height:18px}
.certification06_fixed p strong {text-decoration:underline;}
.certification06_fixed button {float:right; width:15px; height:18px; text-indent:-9999px; border:0; background:url('/static/mobile/img/common/btn_popup_close.png') 100% 3px no-repeat; background-size:13px 13px;}

.certification06 {padding-bottom:20px}
.certification06 .consent {margin-top:20px}
.certification06 .consent p {border:1px solid #ccc; padding:10px 15px 10px 36px; font-size:13px; line-height:22px; color:#101010; font-weight:700; background:url('/static/mobile/img/common/icon_consent.png') 10px 11px no-repeat; background-size:23px 20px}

.certification06 .check_box {margin-top:20px}
.certification06 .check_box02 {margin-top:0}
.certification06 .check_box > div:first-child {border:1px solid #ccc; padding:10px 15px;}
.certification06 .check_box input[type="checkbox"] + label {font-size:13px; line-height:22px; color:#101010; font-weight:700}
.certification06 .check_box .grey_box02 span {font-size:12px; line-height:22px; color:#101010}

.certification06 .grey_box02 span {line-height:22px; color:#101010;}
.certification06 .grey_box02 strong {font-size:12px; line-height:22px; color:#101010}
.certification06 .grey_box02 span strong {text-decoration:underline}
.certification06 .grey_box02 p {line-height:22px; color:#101010; padding-bottom:5px;}
.certification06 .grey_box02 p:last-child {padding-bottom:0;}
.certification06 .grey_box02 p strong{color:#de0010}
.certification06 .grey_box h5 {color:#1b2f47; font-size:14px; line-height:25px; padding-bottom:10px}
.certification06 .grey_box p{padding-bottom:5px;}
.certification06 .grey_box p:last-child{padding-bottom:0px;}
.certification06 .grey_box p strong{color:#de0010}
.certification06 .grey_box_text span {line-height:22px; color:#101010;}
.certification06 .requisite p{color:#101010}
.certification06 .requisite p.bold{font-weight:700}

.certification06 .grey_box03 strong {font-size:12px; line-height:22px; color:#101010}
.certification06 .grey_box03 .terms_doc strong {font-size:11px; line-height:22px; color:#101010}
.certification06 .grey_box03 span strong {text-decoration:underline}

.certification06 .certification_table.top{margin-top:20px}
.certification06 .grey_rule_box {width:100%; height:200px; overflow:auto; border:1px solid #ddd; background:#fff;}
.certification06 .grey_rule_box span {line-height:20px;}

.certification06 .certification06_end {padding-top:20px}
.certification06 .certification06_end p{text-align:center;font-size:14px; color:#1b2f47; font-weight:700; line-height:25px}

.certification06 h4 strong{color:#de0010}

.certification06 .requisite {}
.certification06 .slick-slide:first-child h4 {background:url('/static/mobile/img/common/bg_title_area.gif') 0 0 no-repeat #f1f3f6; background-size:20px 2px; margin-bottom:0; padding:15px 15px 10px}
.certification06 .slick-slide:first-child h4:first-child {background:url('/static/mobile/img/common/bg_title_area.gif') 0 0 no-repeat; margin-bottom:10px; padding:5px 0 0 0; background-size:20px 2px}
.certification06 .grey_box02.requisite {padding-top:0}

.certification06 > .radio_71_box > h4{margin-top:20px} 
.certification06 > .radio_71_box .grey_box{margin-top:20px} 
.certification06_05_p {color:#422902;line-height:20px}
.sign_text{text-align:center; color:#101010; font-weight:700; line-height:25px; margin:20px 0}

.certification06 .radio_72_box h4 {margin-top:20px}
.certification06 .radio_73_box {margin-top:20px}
.certification06 .radio_73_box div p{line-height:22px; color:#101010; padding-left:10px; background:url('/static/mobile/img/common/bul_01.png') 2px 9px no-repeat; background-size:3px 3px}
.certification06 .radio_73_box div a{display:block; background:#1b2f47; color:#fff; text-align:center; line-height:45px; margin-top:10px}

.certification06 .radio_76_box {margin-top:20px}
.certification06 .radio_76_box div p{line-height:22px; color:#101010; padding-left:10px; background:url('/static/mobile/img/common/bul_01.png') 2px 9px no-repeat; background-size:3px 3px}
.certification06 .radio_76_box div a{display:block; background:#1b2f47; color:#fff; text-align:center; line-height:45px; margin-top:10px}

/* 우편번호 팝업*/
#popup_adress_wrapper {background:#fff}
#popup_adress .adress_search div{border:1px solid #ccc}
#popup_adress .adress_search div:after {content:''; display:block; clear:both}
#popup_adress .adress_search input[type="text"] {float:left; border:1px solid transparent; width:calc(100% - 50px)}
#popup_adress .adress_search input[type="search"] {float:left; display:block; border:0; width:calc(100% - 30px); height:36px; line-height:36px}
#popup_adress .adress_search a {float:left; display:block; width:20px; text-indent:-9999px; line-height:36px; background:url('/static/mobile/img/common/icon_search.png') 0 center no-repeat;}
#popup_adress .adress_search span {color:#1b2f47; line-height:25px; font-weight:700; font-size:12px}

#popup_adress .adress_box {width:100%; margin-top:20px; background:#f1f3f6}
#popup_adress .adress_box div {border:1px solid #ccc; border-top:0; padding:20px; background:#fff}
#popup_adress .adress_box div:first-child {border-top:1px solid #ccc;}
#popup_adress .adress_box div.none {text-align:center}
#popup_adress .adress_box div.adress_more {padding:0; border:1px solid #1b2f47;}
#popup_adress .adress_box div.adress_more a{display:block; color:#fff; font-size:13px; line-height:35px; text-align:center; background:#1b2f47}
#popup_adress .adress_box p {color:#101010; padding-bottom:10px; font-weight:700}
#popup_adress .adress_box p:last-child {color:#666; font-size:11px; padding-bottom:0; font-weight:400}

/* certification_step */
.popup_job {width:100%; height:100%; overflow-y:auto; background:#fff; position:fixed; top:0; left:0; display:none; z-index:1000}
.popup_job .job_scroll_box {padding:10px 10px 160px; width:calc(100% - 20px); background:#f1f3f6;}
.popup_job .job_scroll_box a {display:block; line-height:20px; padding:10px; border-bottom:1px solid #666}
.popup_job .job_scroll_box a.check{padding:10px 30px 10px 10px; background:url("/static/mobile/img/common/icon_check.png") 95% center no-repeat #1b2f47; background-size:15px 11px;color:#fff;}
.popup_job h4 {background:none; padding:0; margin:0 0 10px 0; text-align:center; padding-left:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.popup_job > div {position:relative; padding:50px 15px 20px; background:#fff}
.popup_job > div > div:first-child {position:fixed; width:100%; top:0; left:0; padding:20px 0 0; background:#fff}
.popup_job .popup_close {display:block; border:0; position:fixed; top:20px; left:15px; width:20px; height:20px; background:url('/static/mobile/img/common/btn_popup_close.png') 0 0 no-repeat; background-size:contain}

.popup_bank {width:100%; height:100vh; overflow-y:auto; background:#fff; position:fixed; top:0; left:0; display:none; z-index:1000}
.popup_bank .scroll_box {padding:10px 10px 160px; width:calc(100% - 20px); background:#f1f3f6;}
.popup_bank .scroll_box div a {display:block; line-height:20px; padding:10px; border-bottom:solid 1px #666}
.popup_bank .scroll_box div a.check{padding:10px 30px 10px 10px; background:url("/static/mobile/img/common/icon_check.png") 95% center no-repeat #1b2f47; background-size:15px 11px;color:#fff;}
.popup_bank h4 {background:none; padding:0; margin:0 0 10px 0; text-align:center; padding-left:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.popup_bank > div {position:relative; padding:86px 15px 20px; background:#fff}
.popup_bank > div > div:first-child {position:fixed; width:100%; top:0; left:0; padding:20px 0 0; background:#fff}
.popup_bank > div .tab_radio {position:fixed; width:calc(100% - 30px); top:50px; left:15px; background:#fff}
.popup_bank .popup_close {display:block; border:0;  position:fixed; top:20px; left:15px; width:20px; height:20px; background:url('/static/mobile/img/common/btn_popup_close.png') 0 0 no-repeat; background-size:contain}

.usedcar.usedcarloan.certification06 {margin-top:20px}
.slide_notice {background:#000000; width:120px; height:80px; position:fixed; z-index:10; left:50%; top:50%; margin:-40px 0 0 -60px; opacity:0.7; border-radius:0}
.slide_notice strong {display:block; background:url('/static/mobile/img/common/icon_finger.png') center 10px no-repeat; background-size:33px 43px; opacity:1; text-align:center; padding-top:55px; line-height:20px; color:#fff}
.slick-slider {position:relative; display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

slick-slide slick-current {display:block;}

.certification06 .slick-dots {position:fixed; bottom:65px; left:35px; width:calc(100% - 55px); text-align:center; padding:10px 0}
.certification06 .slick-dots:after {content:''; display:block; background:#fff; opacity:.9; width:100%; height:36px; position:absolute; top:0; left:0; z-index:-1}
/*.certification06 .slick-dots.fixed {position:absolute; bottom:-22px; width:100%; left:0}*/
.certification06 .slick-dots li {display:inline-block; margin-left:6px}
.certification06 .slick-dots li:first-child {margin-left:0}
.certification06 .slick-dots button {border:solid 1px #1f334b; display:block; width:16px; height:16px; text-indent:-9999px; background:#fff; border-radius:10px; box-shadow:inset -2px -2px 2px -1px rgba(31,51,75,.5)}
.certification06 .slick-dots .slick-active button {background:#de0010; border:solid 1px #de0010}
.certification06 .slick-slide {margin:0 1px}
.certification06 .slick-slide > div {}

/*identification*/
.location04:after {content:''; display:block; clear:both}
.location04 a {display:block; float:left; text-indent:-999px; width:80px; height:31px; background:url('/static/mobile/img/common/logo.png') 0 0 no-repeat; background-size:80px 31px;}
.location04 h3 {float:right; text-align:right; color:#101010; font-size:12px; line-height:16px; font-weight:700}
.birthday_box p{color:#101010; font-size:13px; line-height:40px; font-weight:700}
.birthday_box div{padding:15px 0 5px 0; width:70%; margin:0 auto}
.birthday_box div input[type="password"],
.birthday_box div input[type="number"]{width:100%; letter-spacing:5px; border:0; font-size:20px; text-align:center; padding:0; color:#666}

/* certification_complete */
.certification_complete #content {padding:15px 20px; margin:0;}
.certification_complete #content .section {padding:10px 15px;}
.certification_complete #content .section p {font-size:13px; text-align:center; color:#1b2f47; line-height:20px; padding:25px 0}
.certification_complete .grey_box {padding:20px 15px}
.certification_complete .grey_box h3 {background-image:none;text-align:center; margin:0; padding-top:0; color:#1b2f47; line-height:20px}
.certification_complete .grey_box span {display:inline-block; background:url('/static/mobile/img/common/bg_title_area.gif') 0 bottom no-repeat; background-size:26px 1px; color:#1b2f47; font-size:14px}
.certification_complete .complete_character {background:url('/static/mobile/img/common/complete_character.png') 0 0 no-repeat; background-size:100%; margin:30px 20px 10px}
.certification_complete .complete_character2 {background:url('/static/mobile/img/common/complete_character2.png') 0 0 no-repeat; background-size:100%; margin:30px 20px 10px}
.certification_complete #content div.dot {padding:20px 15px}
.certification_complete #content div.dot P {background:url('/static/mobile/img/common/bul_01.png') 0 7px no-repeat; background-size:4px; padding:0 15px; color:#666; font-size:12px; line-height:18px; letter-spacing:-1px}
.certification_complete #content div.dot P:first-child {margin-bottom:5px}

/* certification_step_07 */
certification07_fixed {z-index:999; position:fixed; bottom:0; left:0; width:calc(100% - 40px); background:#f1f1f1; padding:15px 20px;}
.certification07_fixed:after {content:''; display:block; clear:both}
.certification07_fixed p {width:calc(100% - 25px); float:left; padding-right:10px; font-size:12px; color:#101010;line-height:18px}
.certification07_fixed p strong {text-decoration:underline;}
.certification07_fixed button {float:right; width:15px; height:18px; text-indent:-9999px; border:0; background:url('/static/mobile/img/common/btn_popup_close.png') 100% 3px no-repeat; background-size:13px 13px;}

.certification07 {padding-bottom:20px}
.certification07 .consent {margin-top:20px}
.certification07 .consent p {border:1px solid #ccc; padding:10px 15px 10px 36px; font-size:13px; line-height:22px; color:#101010; font-weight:700; background:url('/static/mobile/img/common/icon_consent.png') 10px 11px no-repeat; background-size:23px 20px}

.certification07 .check_box {margin-top:20px}
.certification07 .check_box02 {margin-top:0}
.certification07 .check_box > div:first-child {border:1px solid #ccc; padding:10px 15px;}
.certification07 .check_box input[type="checkbox"] + label {font-size:13px; line-height:22px; color:#101010; font-weight:700}
.certification07 .check_box .grey_box02 span {font-size:12px; line-height:22px; color:#101010}

.certification07 .grey_box02 span {line-height:22px; color:#101010;}
.certification07 .grey_box02 strong {font-size:12px; line-height:22px; color:#101010}
.certification07 .grey_box02 span strong {text-decoration:underline}
.certification07 .grey_box02 p {line-height:22px; color:#101010; padding-bottom:5px;}
.certification07 .grey_box02 p:last-child {padding-bottom:0;}
.certification07 .grey_box02 p strong{color:#de0010}
.certification07 .grey_box h5 {color:#1b2f47; font-size:14px; line-height:25px; padding-bottom:10px}
.certification07 .grey_box p{padding-bottom:5px;}
.certification07 .grey_box p:last-child{padding-bottom:0px;}
.certification07 .grey_box p strong{color:#de0010}
.certification07 .grey_box_text span {line-height:22px; color:#101010;}
.certification07 .requisite p{color:#101010}
.certification07 .requisite p.bold{font-weight:700}

.certification07 .grey_box03 strong {font-size:12px; line-height:22px; color:#101010}
.certification07 .grey_box03 .terms_doc strong {font-size:11px; line-height:22px; color:#101010}
.certification07 .grey_box03 span strong {text-decoration:underline}

.certification07 .certification_table.top{margin-top:20px}
.certification07 .grey_rule_box {width:100%; height:200px; overflow:auto; border:1px solid #ddd; background:#fff;}
.certification07 .grey_rule_box span {line-height:20px;}

.certification07 .certification07_end {padding-top:20px}
.certification07 .certification07_end p{text-align:center;font-size:14px; color:#1b2f47; font-weight:700; line-height:25px}

.certification07 h4 strong{color:#de0010}

.certification07 .requisite {}
/* .certification07 .slick-slide:first-child h4 {background:url('/static/mobile/img/common/bg_title_area.gif') 0 0 no-repeat #f1f3f6; background-size:20px 2px; margin-bottom:0; padding:15px 15px 10px} */
/* .certification07 .slick-slide:first-child h4:first-child {background:url('/static/mobile/img/common/bg_title_area.gif') 0 0 no-repeat; margin-bottom:10px; padding:5px 0 0 0; background-size:20px 2px} */
.certification07 .grey_box02.requisite {padding-top:0}

.certification07 > .radio_71_box > h4{margin-top:20px} 
.certification07 > .radio_71_box .grey_box{margin-top:20px} 
.certification07_05_p {color:#422902;line-height:20px}
.sign_text{text-align:center; color:#101010; font-weight:700; line-height:25px; margin:20px 0}

.certification07 .radio_72_box h4 {margin-top:20px}
.certification07 .radio_73_box {margin-top:20px}
.certification07 .radio_73_box div p{line-height:22px; color:#101010; padding-left:10px; background:url('/static/mobile/img/common/bul_01.png') 2px 9px no-repeat; background-size:3px 3px}
.certification07 .radio_73_box div a{display:block; background:#1b2f47; color:#fff; text-align:center; line-height:45px; margin-top:10px}

.certification07 .slick-dots {position:fixed; bottom:65px; left:35px; width:calc(100% - 55px); text-align:center; padding:10px 0}
.certification07 .slick-dots:after {content:''; display:block; background-color:transparent; opacity:.9; width:100%; height:36px; position:absolute; top:0; left:0; z-index:-1}
/*.certification07 .slick-dots.fixed {position:absolute; bottom:-22px; width:100%; left:0}*/
.certification07 .slick-dots li {display:inline-block; margin-left:6px}
.certification07 .slick-dots li:first-child {margin-left:0}
.certification07 .slick-dots button {border:solid 1px #1f334b; display:block; width:16px; height:16px; text-indent:-9999px; background:#fff; border-radius:10px; box-shadow:inset -2px -2px 2px -1px rgba(31,51,75,.5)}
.certification07 .slick-dots .slick-active button {background:#de0010; border:solid 1px #de0010}
.certification07 .slick-slide {margin:0 1px}
.certification07 .slick-slide > div {}