@charset "utf-8";
/* CSS Document */

/* 신청과정 */
.table_th { width: 130px; padding: 7px 0 7px 30px; }
.table_td { width: 700px; padding: 7px 0 7px 20px; }
.table_th br{display:none;}
.apply_title{ float: left; width: 838px; height: 100%; margin-bottom:20px; border:1px solid #ddd; padding: 15px 30px; border-radius:30px; font-size:16px; cursor:pointer; }
.apply_title:hover{background:#f5f5f5;}
.apply_title:hover i{color:#005fca}
.apply_title.active{background:#005fca; color:#fff; border:1px solid #005fca;}
.apply_title.active h4, .apply_title.active i{color:#fff !important;}
.apply_title h4{display:inline-block; margin-bottom:0; margin-left:10px;}
/*.apply_process { width: 75%; margin: 50px auto; text-align: center; }*/ /* 170322 주석 및 바로 아래 스타일 갱신 */
.apply_process { width: 75%; margin: 50px 50px 50px 20px; text-align: center; }
.apply_process li { display: inline-block; margin-right: 40px; padding: 20px; width: 100px; height: 100px; text-align: center; vertical-align: middle; border: 4px solid #ddd; border-radius: 50%; font-size: 14px; }
.apply_process li.color_blue { border: 4px solid #005fca; color: #000 !important; }
.apply_process li i { vertical-align: middle; text-align: center; display: block; margin: 10px 0; margin-top: -25px; }
.apply_process li:before { content: '>'; font-size: 24px; margin-top: 35px; margin-left: -190px; color: #ccc; display: block; }

.apply_process.webprotect li { width: 80px; height: 80px; text-align: center; vertical-align: top;}
.apply_process.webprotect li:before { margin-top: 26px; margin-left: -180px;}

.apply_process li:first-child:before { content: ''; }
@media only screen and (min-width:769px) and (max-width:1280px) {
section article.col_12{ float:none; width:100%; margin:40px auto 10px auto; }
section article.col_12 form{ width:1000px; margin:0 auto;}
.table_th { width: 100px; padding: 7px 5px 7px 15px; }
.table_td { width: 575px; padding: 7px 5px 7px 15px; }
.table_th br{display:block;}
.apply_title{ width: 675px;padding: 12px 20px; }
.apply_process li { padding: 15px; }
.apply_process li:before { font-size: 20px; margin-top: 35px; margin-left: -180px; }
}
/*결제예정창*/
aside:not(#topmenu-specialproduct-ns410) { position: fixed; /*margin-left: 940px;*/ margin-left:980px; width: 234px; background: #fff; border: 1px solid #666; box-shadow: 2px 2px 3px rgba(0,0,0,0.24); border-radius: 4px; padding: 10px 8px; margin-top: 28px; font-size: 14px; }
.aside_in { width: 216px; margin: 0 10px; }
.aside_in dt { margin-top: 10px; }
.aside_in dd { font-size: 12px; padding-left: 10px; line-height: 18px; }
.aside_in dd span, .aside_in dt span { font-size: 12px; padding-right: 10px; }
dt.color_bl, dd.color_bl { font-size: 13px; background: #f5f5f5; margin: 5px 0; padding-left: 15px; }
aside h4 { text-align: center; padding-bottom: 5px; border-bottom: 1px solid #000; }
aside .btn_next { background: #005fca; width: 234px; color: #fff; line-height: 36px; margin-top: 10px; font-size: 14px; }
aside .btn_apply, #card_form_div .btn_apply { background: #ff2d04; width: 234px; color: #fff; line-height: 36px; margin-top: 10px; padding-top: 0; padding-bottom: 0; font-size: 14px; }
.est_print { text-align: center; background: url(/img/est_print.png) 50% top no-repeat; line-height: 26px; height: 26px; color: #fff; font-size: 13px; margin-top: 20px; }
.est_print a { color: #fff; padding: 10px; }
.sum_total { margin: 10px 3px; }
.sum_total b { font-size: 25px; letter-spacing: -1px; margin-right: 2px; color: #ff2d04 }

@media only screen and (min-width:769px) and (max-width:1080px) {
aside { margin-left: 800px; width: 210px; background: #fff; margin-top: 30px; }
.aside_in { width: 200px; margin: 0 5px; }
aside .btn_next { background: #005fca; width: 210px; color: #fff; line-height: 36px; margin-top: 10px; font-size: 14px; }
aside .btn_apply, #card_form_div .btn_apply { background: #ff2d04; width: 210px; color: #fff; line-height: 36px; margin-top: 10px; padding-top: 0; padding-bottom: 0; font-size: 14px; }
}

@media only screen and (min-width:1081px) and (max-width:1280px) {
aside { margin-left: 900px; width: 210px; background: #fff; margin-top: 30px; }
.aside_in { width: 200px; margin: 0 5px; }
aside .btn_next { background: #005fca; width: 210px; color: #fff; line-height: 36px; margin-top: 10px; font-size: 14px; }
aside .btn_apply, #card_form_div .btn_apply { background: #ff2d04; width: 210px; color: #fff; line-height: 36px; margin-top: 10px; padding-top: 0; padding-bottom: 0; font-size: 14px; }
}
/* 도메인 신청 */
.domain_date > .table_th { width: 450px; padding: 5px 0; text-align: center; }
.domain_date > li.table_th:first-child, .domain_date > li.table_td:first-child { border-right: 1px solid #ddd; }
.domain_date > .table_td { width: 400px; padding: 5px 0 5px 50px; }
.domain_date button { float: right; margin-right: 3px; margin-top: 3px; }
/* idc */
.idc_option select { /* margin-left: 20px */ }
.idc_license dt { float: left; width: 25%; margin-bottom: 3px; }
.idc_license dd { float: left; width: 75%; margin-bottom: 3px; }
.img_domain dt { float: left; width: 10%; margin-bottom: 3px; }
.img_domain dd { float: left; width: 90%; margin-bottom: 3px; }
.img_domain dd input { margin-bottom: 4px; }
.img_domain dd input:last-child { margin-bottom: 0; }
@media only screen and (min-width:769px) and (max-width:1280px) {
	.img_domain dt { width: 15%;  }
.img_domain dd { width: 85%; }

}
/*popup_print*/
#popup_wrap{width:auto; padding:20px;overflow:hidden;}
#popup_wrap h2{padding-bottom:20px; text-align:center; font-size:20px;}
.apply_f_table{float: left; margin-bottom:10px;}
/*.apply_f_table li{padding:10px 0;}*/
.apply_f_table li{padding:10px 0 10px 10px;}
.apply_f_table .table_th{width:15%;}
.apply_f_table .table_td{width:30%;}
.m_t_30{margin-top:30px;}
.apply_total{float:left; display:block;width:100%;padding:20px 0;}
.apply_total p{text-align:center; font-size:18px; font-weight:bold;}
.apply_total span{color:#005fca;}
#popup_wrap .btn_apply {
    background: #ff2d04;
    color: #fff;
    line-height: 30px;
    font-size: 14px; padding:3px 30px;}

.col_1 { width:10%; }

/* 모바일_신청페이지_우측 버튼 */
.payment_sidebox_btn {/*width:16px; height:50px; background-color:#5D5D5D; color:#fff; border-radius:6px 0 0 6px;*/ cursor:pointer;} /* 170325 앞부분 주석 */
.payment_sidebox_btn p { position:absolute; top:15px; left:0px;} /* 170325 left:2px -> 0px */

/* 신청페이지 이전/다음단계 버튼 170322 */

@media only screen and (min-width:769px){
.payment_prev_btn { background:#8C8C8C; padding:5px 50px; font-size:16px; color:#fff; line-height:30px; }
.payment_next_btn { background:#6e2cc3; padding:5px 50px; font-size:16px; color:#fff; line-height:30px; }
}
.form_table ul{/*width:100%*/}
/*0323*/
select{max-width:186px}
@media (max-width:769px){
	.email_type{min-width:114px}
}
#payment_sidebox .aside_in dl{position:relative}
#payment_sidebox .aside_in dt + dd{display:block;}
#payment_sidebox .aside_in dt + dd span{display:inline-block;padding-right:10px;position:absolute;right:0px}
#app_form .form_table {box-shadow:0px -1px 0px 0px #005fca ;border:none}

/* 170415 */
#wrap_sitemap dt { background: #849ab8; color: #fff; margin-left: -1px; padding-right: 2px; font-size: 15px; text-align: center; line-height: 32px; width: 100%; margin-bottom: 10px }
#wrap_sitemap dt a { color: #fff; line-height: 32px; width: 100% }
#wrap_sitemap dd { width: -webkit-calc(100% - 22px); width: calc(100% - 22px); padding: 0 5px 3px 15px; color: #333; font-size: 13px; line-height: 130%; font-family: Nanum_Go; }
#wrap_sitemap dd a { color: #333; font-size: 13px; line-height: 130%; }
#wrap_sitemap dd p a { white-space:nowrap; color: #999; font-size: 12px; margin-left: 10px; line-height: 120%; }
#wrap_sitemap dd p a:hover { color: #555; }

/* 추가 동의 */
#add-agree-text {margin-bottom:4px}

/* 이벤트 텍스트 관련 */
#event_ment i strong {font-weight:bold;
    text-decoration: underline;}

/* 도메인 검색페이지 옆 신청도메인 aside */
aside#search_domain_aside{position:static;float:left;margin-left:4px;margin-top:0;width:calc(30% - 14px);box-sizing: border-box}
aside#search_domain_aside .aside_in{width:100%;box-sizing:border-box;padding-right:10px}
aside#search_domain_aside button[type='submit'] {width:100%;margin-left:0}
@media only screen and (max-width:768px) {
    aside#search_domain_aside{width:100%;margin-left:0}
}

.certify_down_txt {background-color:#e77700;color:#fff;padding:4px 10px;display:inline-block;line-height:1}
.certify_down_txt strong {font-weight:bold}
.certify_down_link {display:block}

#period_radio label {display:inline-block}

.secu-pack-txt {text-align: left;margin:10px auto;max-width:400px;}
.secu-pack-txt i {line-height:1.4}

.or_agreebox {border:2px solid #e77700;padding:0.8em;margin-bottom:1em}
.or_agreebox label {display:block;margin-top:1em}