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

/* domain style */
/* left*/
#domain .ui-state-hover a, #domain .ui-state-hover a:hover, #domain .ui-state-hover a:link, #domain .ui-accordion-content li a:hover, #domain .ui-accordion-content li a:focus { color: #0e736e !important;background:#f0f0f0; }
#domain .left_accordion .ui-state-hover, #domain .left_accordion .ui-state-focus, #domain .left_accordion .ui-state-active { border-bottom: 2px solid #0e736e !important; background: #fff; }
#domain .left_accordion .ui-state-hover, #domain .ui-state-active { color: #0e736e !important; }
/* */
.contents_box h4 { color: #0e736e; }
input:focus, input:hover, select:focus, select:hover { border: 1px solid #0e736e; }
.color_blue { color: #0e736e !important; }
/* */
#domain span.h3_before { color: #0e736e; }

#domain .form_table { border-top: 1px solid #0e736e; }
#domain .add_title { color: #0e736e; }
#domain .apply_form h4 span input[type=checkbox]:checked + label { color: #0e736e; }
#domain .seach_more:hover { color: #0e736e; }
#domain aside .btn_next { background: #0e736e; }
/* 도메인 신청 */
.article_domain { overflow: hidden; }
.article_domain .apply_form { float: left; width: 100%; height: 100%; font-size: 13px; }
/*결제예정창*/
.article_domain aside { position: relative; margin-left: 0; float: left; width: 94%; background: #fff; border: 1px solid #ddd; box-shadow: none; border-radius: 0; padding-bottom: 20px; margin-top: 10px; font-size: 14px; }
.article_domain .aside_in { width: 95%; margin: 20px auto; }
.article_domain .aside_in dt { margin-top: 10px; }
.article_domain .aside_in dd { font-size: 12px; padding-left: 3px; line-height: 18px; }
.article_domain .aside_in dd span, .aside_in dt span { font-size: 12px; padding-right: 5px; }
.article_domain dt.color_bl, .article_domain dd.color_bl { font-size: 13px; background: #f5f5f5; margin: 5px 0; padding-left: 5px; }
.article_domain aside .btn_next { background: #005fca; width: 60%; color: #fff; line-height: 36px; margin-top: 18px; font-size: 14px; }
.article_domain aside .btn_apply { background: #ff2d04; width: 60%; color: #fff; line-height: 36px; margin-top: 18px; padding-top: 0; padding-bottom: 0; font-size: 14px; }
/**/
.domain_search { padding: 15px 0 10px 0; border: 1px solid #ddd; box-shadow: 2px 2px 3px #ccc; margin: 10px 0 20px 0; text-align: center; font-size: 18px; color: #000; font-weight: 600; }
.domain_search input[type=text] { font-size: 25px; border: 2px solid #0e736e; padding: 1px 10px; width: 55%; height: auto; border-radius: 0; }
.domain_search .btn_white { height: 34px; padding: 0 7px; }
.domain_search .fa-2x { font-size: 20px; }
.domain_search .btn_white:hover { color: #0e736e; }
.domain_search span { display: block; text-align: right; margin-right: 18%; padding-top: 2px; }
.domain_dc { display: block; width: 100%; font-size: 12px; color: #ff2d04; text-align: center; }
.domain_total { margin: 10px 0; padding: 0; font-size: 12px; text-align: center; }
/*restore*/
.domain_table { width: 100%; }
.domain_table tr { width: 100%; border: 1px solid #ddd; }
.domain_table td { padding: 5px 0 5px 30px; border: 1px solid #ddd; }
.domain_table th { text-align: left; padding: 5px 0 5px 30px; background: #f5f5f5; border: 1px solid #ddd; }
.list_tit { display: inline-block; padding: 5px 20px; background: #0e736e; color: #fff; border-radius: 5px; margin: 1em 0; }
.renew_ctn { width: 100%; margin-top: 10px; overflow: hidden; }
.renew_wrap { width: 99%; height: auto; border: 1px solid #ccc; margin: 5px 0; float: left; }
.renew_wrap span { color: #0e736e; }
.renew_wrap h5 { text-align: center; color: #fff; background: #0e736e; padding: 8px 0; font-size: 13px; }
.renew_wrap dt { text-align: center; padding: 5px 0; border-bottom: 2px dotted #ccc; color: #0e736e; }
.renew_wrap dl { padding: 5px 10px; font-size: 13px; }
.renew_txt { float: left; clear: both; width: auto; background: #eee; border-radius: 5px; margin-top: 10px; font-size: 12px; padding: 10px; }
.renew_info { float: left; display: inline-block; width: 92%; font-size: 12px; background: #eee; margin: 5px 2%; padding: 5px 2%; border-radius: 5px; }
.renew_ver2 h5 { background: #6aad07; }
.renew_ver2 dt, .renew_ver2 span { color: #6aad07; }
.renew_ver3 h5 { background: #fda10d; }
.renew_ver3 dt, .renew_ver3 span { color: #fda10d; }
.renew_ver4 h5 { background: #e6460e; }
.renew_ver4 dt, .renew_ver4 span { color: #e6460e; }
.renew_min { height: 120px; border-radius: 15px; }
.renew_min h5 { border-radius: 15px 15px 0 0; }
.form_table li.col_5 dl.line_up { width: 88%; margin: 0 3%; padding: 0 3%; word-break: normal; word-wrap: normal; border-right: 1px solid #ddd }
.form_table li.col_12 dl.line_up { width: 94%; padding: 0 3%; word-break: normal; word-wrap: normal; }
.line_up { text-align: left; }
.num_list { border-top: 1px solid #0e736e; }
.num_list li { position: relative; padding: 4px 10px; border-bottom: 1px solid #ddd; line-height: 150%; font-size: 13px }
.num_list li:nth-child(odd) { background: #eee; font-weight: bold; }
.num_txt { position: relative; top: 0px; left: 0px; color: #fff; background: #0e736e; padding: 1px 5px; border-radius: 30px; font-size: 12px; margin-right: 5px }
.q_a_list { border-top: 1px solid #0e736e; }
.q_a_list li { position: relative; padding: 4px 10px 4px 30px; border-bottom: 1px solid #ddd; line-height: 150%; font-size: 13px }
.q_a_list li:nth-child(odd) { background: #eee; }
.q_txt { position: relative; top: 0px; left: 0px; margin-left: -25px; color: #fff; background: #0e736e; padding: 2px 5px; border-radius: 5px; font-size: 12px; margin-right: 10px }
.a_txt { color: #fff; background: #ff9906; }
/*free_ff*/
.notice_list_wrap { border-color: #0e736e; }
.notice_list_wrap + div.align_r { text-align: left !important }
.notice_list_wrap + p.align_r + div.align_r { text-align: center !important }
.domain_tit { background: #eee; display: table; width: 100%; font-size: 12px; }
.domain_tit li { float: none; font-weight: bold; text-align: center; padding: 10px 0; border-bottom: 1px solid #aaa; display: table-cell; vertical-align: middle; }
/*.domain_tit li:nth-child(2),.domain_tit li:nth-child(3),.domain_list li:nth-child(2),.domain_list li:nth-child(3) {display:none}*/ /* 170410 도메인항목이 안나옴 */
.domain_tit li:nth-child(3),.domain_list li:nth-child(3) {display:none}
.domain_list { display: table; font-size: 11px;width:100%; } /* font-size:12px -> 11px */
.domain_list li { display: table-cell; float: none; text-align: center; padding: 10px 0; background: url(/img/notice_border.gif) no-repeat right; border-bottom: 1px solid #aaa; word-break: break-all; vertical-align: middle; }
.domain_list li:last-child { background: none; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #0e736e; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #0e736e; border-color: #005fcb; }
.btn_notice { background: #0e736e; padding: 0 50px; color: #fff; line-height: 36px; margin-top: 18px; }
.btn_silver { background: #eeeeee; border-color: #ddd; color: #555; margin-left: 10px; padding: 0 40px }
.free_ttf .btn_notice { background: #0e736e; padding: 0 3%; color: #fff; line-height: 36px; margin-top: 18px; }
.free_ttf .btn_silver { background: #eeeeee; border-color: #ddd; color: #555; margin-left: 10px; padding: 0 7% }
.notice_nav { padding: 20px 0 0px 0; font-size: 12px; }
.align_middle { padding-top: 15px; }
p.font_12 + a > .btn_notice { padding: 0 20px; text-align: center; margin-left: 7% }
@media (max-width: 359px) {
p.font_12 + a > .btn_notice { padding: 0 20px; text-align: center; margin-left: 0% }
}
/**/
.sec_oder_w { width: 85%; padding-bottom: 20px; overflow: hidden; margin: 0 auto }
.sec_order { float: left; width: 110px; padding: 10px; border: 2px solid #ddd; border-radius: 50%; height: 110px; margin: 7px; }
.sec_order li { text-align: center; }
.sec_order li:nth-child(1) { padding-top: 45px; }
.sec_order_1 { background: url(/img/add_service/sec_img02.jpg) no-repeat 45px 15px; }
.sec_order_2 { background: url(/img/add_service/sec_img05.jpg) no-repeat 45px 15px; }
.sec_order_3 { background: url(/img/add_service/sec_img03.jpg) no-repeat 45px 15px; }
.sec_order_4 { background: url(/img/add_service/sec_img04.jpg) no-repeat 45px 15px; }
.step_num { font-size: 14px; color: #0e736e; font-weight: 600; }
.sec_list { clear: both; }
.sec_list li { padding: 5px 0; }
.step_ps { font-size: 12px; color: #888; padding-left: 15px; margin-left: 15px; border-left: 1px solid #ddd; display: block; }
.arrow_r { display: none; }
.ss_imgW { width: auto; border: 1px solid #ddd; padding: 20px 0; }
.ss_imgW img { width: auto; margin: 0 auto; display: block; }
.ss_tit { font-size: 22px; font-family: Nanum_BG; color: #000 !important; margin-bottom: 20px; }
.sec_order_d { float: left; padding: 10px; border: 2px solid #ddd; border-radius: 50%; width: 120px; height: 120px; font-size: 13px; margin: 10px; }
.sec_order_d li { text-align: center; }
.sec_order_d li:nth-child(1) { /*padding-top: 15px; */min-height:25px; margin-top:15px;} /* 170323 모바일 사이즈일때 상단 여백 안줘도 이상없음 */

@media only screen and (max-width:640px){
.sec_oder_w div{width:99% !important;}
.sec_oder_w div.sec_order_d{width:112px !important;float:left}

.table_th {
    width: 75px;}
}

@media (max-width: 400px) {
.sec_oder_w { width: 90%; }
.sec_order_d { width: 110px; height: 110px; margin: 7px; }
}
@media (max-width: 349px) {
.sec_oder_w { width: 100%; }
.sec_order_d { width: 110px; height: 110px; margin: 7px; }
}
/*로그인없이 신청하기*/ 
.nologin .domain_search { padding: 10px 0 20px 0; border: none; border-bottom: 1px solid #ddd; box-shadow: none; margin: 10px 0 !important; text-align: center; font-size: 18px; color: #000; font-weight: 600; }
.nologin .domain_search input[type=text] { width: 55%; font-size: 25px; }
@media (max-width: 332px) {
.nologin .domain_search input[type=text] { width: 80%; margin-top: 5px; }
}
.nologin_title { background: #f5f5f5; padding: 4px 0; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 140% }
.nologin .btn_apply { background: #0e736e; color: #fff; line-height: 30px; font-size: 14px; padding: 0 10px; margin-top: 20px }
.nologin p.align_c .btn_apply { padding: 0 50px; }
.nologin .colspan .table_td { width: -webkit-calc(93% - 140px) !important; width: calc(93% - 140px) !important; padding: 7px; word-wrap: break-word; }
@media (max-width: 349px) {
.form_table li{font-size:11px}
.nologin .colspan .table_td { width: -webkit-calc(92% - 86px) !important; width: calc(92% - 86px) !important; padding: 7px; word-wrap: break-word; }
}
/*0327*/
.list_ctn dl dt{width:100%;text-align:center}
.list_point .v_top{font-size:20px}


/*0329 */ 
.last_domain_info li { margin-top:0px !important; }
.txt_domain_info { font-size:11px !important;}
.org_txt_domain_info { font-size:12px !important; }


/* 170411  */
.domain_price_table { font-size:12px !important; }

/*170420*/
.list_ctn dl{padding:10px 0px}
.list_ctn dl dd{padding:0px 10px;width:93%}