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

/* 404, 500*/
#etc_wrap #container {border-top:solid 1px #101010; background:url('/static/homepage/img/login/bg_login.gif') 0 0 repeat-x}
#etc_wrap #content {padding-top:140px; margin-top:0}
#etc_wrap #content02 {padding-top:60px; margin-top:0}
.error {width:800px; margin:0 auto; background:#fff url('/static/homepage/img/common/icon_error.png') center 85px no-repeat; padding-top:200px; text-align:center; color:#101010}
.error > h3{font-size:24px; line-height:28px; font-weight:700}
.error > p{font-size:14px; line-height:20px; margin-top:30px}
.error .login_call {width:540px; margin:35px auto 50px auto; border-bottom:1px solid #ddd; padding:25px 0}
.error .short {font-weight:700}
.error a {margin-left:15px}
.error a:nth-child(1) {margin-left:0}

#etc_wrap #content.system_check {padding-top:90px; margin:0 auto}
.system_check .box {width:800px; margin:0 auto; background:#fff url('/static/homepage/img/common/icon_system_check.png') center 81px no-repeat; padding-top:200px; text-align:center; color:#101010}
.system_check .box h3{font-size:24px; line-height:28px; font-weight:700}
.system_check .box h3 span {color:#de0010}
.system_check .box > p {font-size:14px; line-height:20px; margin-top:25px}
.system_check .box .login_call {width:540px; margin:35px auto 50px auto; border-bottom:1px solid #ddd; padding:22px 0}

/* expiration */
.expiration_box{background:#fff url('/static/homepage/img/common/icon_complete.png') center 80px no-repeat;}
.expiration_box .bbs_btn{text-align:center; margin-top:65px}
#etc_wrap .expiration_box .bbs_btn a {width:170px !important; padding:0}

/* security install */
.security_install {width:800px; margin:0 auto; background:#fff; text-align:center; color:#101010}
.security_install > div > p{font-size:18px; font-weight:700; line-height:32px}
.security_install div:first-child p:last-child{font-size:14px; color:#1b2f47; margin-top:10px; font-weight:400}
.security_install div:nth-child(1){padding:50px 0}
.security_install table th{font-size:14px; padding:5px}
.security_install table td{font-size:16px; line-height:20px}
.security_install table td.red{color:#de0010; font-weight:700}
.security_install table td.yellow{color:#c6860b}
.security_install table td.gray{color:#666666}
.security_install table td a{display:block; width:60px; margin:5px auto 0; padding:2px 20px; color:#fff; background:#1b2f47; font-size:14px}
.security_install table tr td:nth-child(2){font-size:14px; text-align:left; height:60px}

.security_install .security_box {border:1px solid #ddd; padding:20px 30px; margin:80px 0 200px 0; text-align:left}
.security_install .security_box p {color:#666; font-size:13px; line-height:20px; padding:0 0 5px 14px; font-weight:400; background:url('/static/homepage/img/common/icon_dot.png') 0 8px no-repeat;}
.security_install .security_box p:last-child {padding-bottom:0}
.security_install .security_box a {color:#c6860b; font-weight:700}

/* certification */
#etc_wrap h2{margin-bottom:30px}
#etc_wrap .tab li a {display:block; border:solid 1px #ccc; margin:-1px 0 0 -1px; line-height:50px; text-align:center; color:#666; font-size:18px}
#etc_wrap .tab li.current a {background:#101010; color:#fff; border:0; margin-left:0; line-height:52px; font-weight:700;}
#etc_wrap .issuance_list {margin-top:60px}
.certification_wrap {width:800px; margin:0 auto; background:#fff; text-align:center; color:#101010}
.certification_wrap #panel_a {}
.certification_wrap #panel_b div input[type="text"]{width:468px; height:38px; font-size:16px}
.certification_wrap input[type="text"], .certification_wrap input[type="password"] {width:210px; height:38px; font-size:16px}
.certification_wrap button{display:block; margin:50px auto 0 auto; width:190px; line-height:40px; color:#fff; background:#1b2f47; font-size:16px; border:0}
.certification_wrap em{padding:0 10px}
.certification_wrap .certification_box {border:1px solid #ddd; padding:17px 30px; margin:50px 0 200px 0; text-align:left}
.certification_wrap .certification_box strong{display:block; font-size:14px; padding:0 0 15px 20px; line-height:20px; background:url('/static/homepage/img/common/icon_speaker.png') 0 1px no-repeat}
.certification_wrap .certification_box p{color:#666; font-size:13px; line-height:22px; padding-left:13px; background:url('/static/homepage/img/common/icon_dot.png') 0 center no-repeat}

/* popup */
.postcode {width:450px; padding:30px;}
.postcode > div {margin-top:30px;}
.postcode > div:first-child {margin-top:0;}
.postcode .search_box {border:1px solid #ccc}
.postcode .search_box input[type="text"]{width:399px; height:40px; border:0}
.postcode .search_box button{text-indent:-9999px; width:27px; border:0; background:url('/static/homepage/img/common/icon_search.png') 0 center no-repeat}
.postcode > div > p{font-size:13px; line-height:20px; letter-spacing:0; color:#666; padding-top:10px}
.postcode > div > span{display:block; font-size:14px; color:#101010; line-height:25px}
.postcode > div > span.none{text-align:center; background:#f1f3f6; font-size:16px; color:#101010; line-height:80px}
.postcode .postcode_box {margin-top:10px; max-height:300px; overflow-y:auto}
.postcode .postcode_box div{border:1px solid #ccc; border-top:1px solid #fff; padding:10px 20px }
.postcode .postcode_box div:first-child{border-top:1px solid #ccc;}
.postcode .postcode_box div.click{border:1px solid #101010; }
.postcode .postcode_box div.click p, .postcode .postcode_box div.click span{text-decoration:underline;}
.postcode .postcode_box div p{font-size:16px; line-height:26px; font-weight:700; color:#101010}
.postcode .postcode_box div span{font-size:14px; line-height:26px; color:#666}



/* 2021-06-23 */
.mb100 {margin-bottom: 100px;}
.terms_txt_area {text-align:left;}
.terms_txt_area h3 {}
.terms_txt_area .text_box {height:300px; padding:10px; margin-top:10px; box-sizing: border-box; overflow-y: scroll; border: 1px solid #ccc;}
.terms_txt_area .terms_chk {padding:10px; border:1px solid #ccc; border-top:none; background:#f1f3f6;}