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

/* hosting style */

.contents_box h4 { color: #005fca; }
.btn_apply { background: #ff2d04; color: #fff; line-height: 30px; font-size: 1em; }
input:focus, input:hover, select:focus, select:hover { border: 1px solid #005fca; }
.left_accordion .ui-state-hover { color: #005fca; }
.ui-state-active { color: #005fca !important; }
.line_m { text-decoration: line-through; margin-right: 7px; color: #999 }
/*서비스 종류 */
.m_w100 .btn_grey { margin: 5px 2px 0 0; }
h3 .btn_grey { padding: 7px; height: auto; margin: 0 2px 0 0; }
.type_tabs div { border: 1px solid #7fafe4; padding: 10px; margin: 10px; width: -webkit-calc(100% - 42px); width: calc(100% - 42px); height: 100%; }
.type_tabs div.col_5 { width: -webkit-calc(100% - 42px); width: calc(100% - 42px); }
.type_tabs div:hover { border: 2px solid #005fca; box-shadow: 2px 2px 4px #e8e8e8; color: #000; padding: 9px; }
.type_tabs h3 { font-size: 22px; margin: 5px 0 5px; font-weight: 300; font-weight: normal; color: #005fca; word-spacing: 3px; }
.type_tabs ul { padding: 0; min-height: inherit; font-size: 14px; }
.type_tabs li { padding-bottom: 5px; line-height: 120%; }
.type_tabs .btn_apply { clear: both; position: relative; margin-top: 20px; margin-bottom:20px; padding: 0 20px; }
@media only screen and (min-width:600px) and (max-width:768px) {
	.type_tabs div {  margin: 5px; width: -webkit-calc(50% - 32px); width: calc(50% - 32px);  }

}
/**/
.form_table { margin-top: 0; font-size: 12px; width:100%;} 
.form_table ul { width: 100%; }
.form_table .btn_apply { padding: 3px; font-size: 0; margin-top: 0 }
.form_table .btn_apply:after { display: block; font-family: 'FontAwesome'; content: "\f040 "; padding: 0 !important; font-size: 12px; line-height: 12px; }
.form_table .table_thead li { border-left: 1px solid #ddd; }
.form_table .table_thead li:first-child { border-left: none; }
.form_table .table_thead li { padding-bottom: 0 !important; }
.table_thead li ul { margin-top: 5px; width: 100%;}
.table_thead li ul li { display: inline-block; float: left; border-top: 1px solid #ddd; border-bottom: none; background: #f5f5f5; color: #005fca; padding: 2px 0; border-right: 1px solid #f5f5f5; font-size: 13px; width: -webkit-calc(33.333333333% - 1px); width: calc(33.333333333% - 1px); }
.form_table li ul li:last-child { border-right: none; margin-left: -1px; }
.form_table .color_blue { font-size: 12px; font-weight: 600; }
.form_table p { margin: 3px 0; }
.table_list { overflow: auto; }
.table_list ul { /*width: 550px;*/ width:100%;} /* width:550px -> width:100% 표테이블 스크롤 170322 */
.table_list p { width: 100%; }
.free_btn{margin-top:10px;}
.fa-exclamation-triangle { color: #ff2d04; padding-bottom: 10px; }
.dialog { /*width: 95% !important;*//* max-width: 320px !important */}

@media only screen and (min-width:600px) and (max-width:768px) {
.table_list ul { width: 100%; }
}

/* 기본지원 */
.support li { line-height: 160% !important; }
/* 유료부가서비스 */
.title_btn .btn_apply { margin-top: 20px; background: #005fca !important; font-size: 14px; border: 1px solid #005fca !important; border-radius: 4px; padding: 0 15px; }
.title_btn .btn_apply:hover { box-shadow: none; color: #fff; }
.service_pay { float: left; width: 40%; height: 80px; margin: 0 10px 15px 0; padding: 10px 7px; border: 1px solid #ddd; letter-spacing: -0.03em; font-size: 14px; }
.service_pay:hover { border: 1px solid #7fafe4; box-shadow: 2px 2px 4px #e8e8e8; }
.service_pay:hover dt { background: #005fca; }
.service_pay:hover dd { color: #000; }
.service_pay dt { background: #a0a0a0; border-radius: 4px; text-align: center; color: #fff; }
.service_pay dt:after { font-family: 'FontAwesome'; content: "\f107"; float: right; padding-right: 10px; color: #fff; }
.service_pay dd { text-align: center; padding-top: 10px; }
.nth-last { margin-right: 10px !important; }
@media only screen and (min-width:600px) and (max-width:768px) {
	.service_pay { float: left; width: 25%; height: 80px; margin: 0 10px 15px 0; padding: 10px 7px; border: 1px solid #ddd; letter-spacing: -0.03em; font-size: 14px; }

}
/* 할인혜택 */
.hosting_dc .tabs_title { width: 260px; margin: 0 auto; }
.hosting_dc .tabs_title li { border: none; font-size: 0; background: none; height: auto; padding: 0 !important; margin: 0 10px; line-height: 0; }
.hosting_dc .tabs_title li i { display: block; float: none !important; font-size: 30px; width: 40px; }
.hosting_dc .tabs_title li:hover { cursor: pointer; font-weight: 600; margin: 0 10px; }
.hosting_dc .tabs_title li:first-child { padding-left: 0; margin-left: 0; }
.hosting_dc .ui-state-active a, .hosting_dc .ui-state-active a:link, .hosting_dc .ui-state-active a:visited { color: #005fca !important; }
.hosting_dc .ui-tabs-nav .ui-tabs-anchor { padding: 0 !important; }
.hosting_dc .ui-tabs-panel { border: none; border-top: 1px solid #005fca; margin-top: 10px !important; padding: 16px 0 !important; min-height: 90px; color: #666; }
.hosting_dc .fa-5x { display: none }
.hosting_dc h3 { font-size: 16px; width: 60%; color: #000; float: left; margin-bottom: 0; }
.hosting_dc h3:after { font-family: 'FontAwesome'; content: "\f107"; padding-left: 15px; }
.hosting_dc ul.list_style { float: left; }

@media only screen and (min-width:600px) and (max-width:768px) {
.hosting_dc h3 { width: 80%;}
}
/**/
.process { width: 290px; margin: 0 auto; }
.process li { display: inline-block; margin: 0 10px 10px 0; padding: 12px; width: 35%; height: 95px; text-align: center; vertical-align: middle; border: 3px solid #ddd; border-radius: 10px; font-size: 13px; }
.process li:after { display: none; position: absolute; font-family: 'FontAwesome'; content: "\f105"; margin-left: 187px; margin-top: -50px; }
.process li:last-child:after { content: ''; }
.process span, .process i { display: block; margin-bottom: 5px; color: #005fca; }
.process span { font-size: 12px; color: #999; }
.process li:hover { border-color: #005fca; }
.process li:hover i { color: #005fca; }
/*상세정보 tab */
.tab_view .tabs_ctn { margin-top: 0; }
.tab_view .tabs_ctn .ui-widget-header .ui-state-default:hover a { color: #005fca !important; }
.tab_view .ui-state-active a, .tab_view .ui-state-active a:link, .tab_view .ui-state-active a:visited, .tab_view .ui-state-hover { color: #005fca !important; border: 1px solid #005fca; border-bottom: 1px solid #005fca; }
.tab_view .ui-tabs .ui-tabs-panel { border-top: none; }
.tabs_ctn h3:before { color: #6e2cc3; }
.tabs_ctn .inherit li:first-child { color: #005fca; }
/**/
.tab_sub { width: 100%; overflow: hidden; padding: 20px 0; border-top: 2px dotted #ddd; font-family: Nanum_BG; }
.tab_sub h4 { margin-bottom: 10px; }
.tab_sub img { width: 100%; height: auto; }
.tab_sub img.padding10, .tab_sub p.padding10 { padding: 0 !important; }
.tab_sub img.float_r { vertical-align: middle; margin-left: 20px; }
.code_element{overflow-x:auto;margin-bottom:40px}
.code { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); background: #f5f5f5; padding: 10px; margin: 0px auto; min-width:500px}
.code li { padding: 10px 0; width: auto; display: block; float: left; }
pre { width: 110px; font-size: 13px; font-family: Nanum_Go; color: #000; padding: 0; }
pre p { margin: 0 !important; }
.tab_sub h5 { font-size: 16px; margin-bottom: 10px; }
.tab_sub .form_table .color_blue { font-size: 14px; font-weight: normal; }
.table_thead li { line-height: 30px; padding: 0; font-weight: 600; color: #000; }
h3.font_point { font-size: 20px; font-family: Nanum_SR; line-height:150%;}
h3.font_point:before { content: ''; padding: 0; }
.sms_point { margin-top: 30px; margin-bottom: 30px;}
.sms_point img { margin-top: -40px; margin-bottom: 10px; display: block; float: none; }
.sms_point .font_b { font-family: Nanum_SR, sans-serif; font-size: 16px; line-height: 140%; }
.sms_point .color_bg { background: #7fafe4; font-family: Nanum_SR; color: #fff !important; font-size: 16px; padding: 2px; line-height: 170%; }
.form_table ul.col_12 > li.col_3 { display: block; float: left; width: 46%; padding: 5px 2% }
.table_th { width: 75px; background: #f5f5f5; padding: 5px !important; text-align: center; }

/**/
h3 span { display: block; margin: 10px; }
/*로그인없이 신청하기*/ 
.domain_search { padding: 20px 0 15px 0; border: 1px solid #ddd; box-shadow: 2px 2px 3px #ccc; margin: 50px 0; text-align: center; font-size: 30px; color: #000; font-weight: 600; }
.domain_search input[type=text] { font-size: 27px; border: 2px solid #005fca; padding: 1px 10px; width: 500px; height: auto; border-radius: 0; }
.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: #005fca; color: #fff; line-height: 30px; font-size: 14px; padding: 0 10px; margin-top: 20px }
.nologin p.align_c .btn_apply { padding: 0 20px; }
.nologin .btn_white { padding: 7px; font-size: 13px; margin: 0 3px }
.nologin .btn_white i { color: #005fca; }
.nologin .btn_white:hover { border: 1px solid #005fca; }
.nologin ul.padding10 li { margin-left: 20px; }
/**/
#single_web h3, #single_web .type_tabs ul { margin-left: 15px; }
@media (max-width:450px){
	#sms_table ul li{font-size:9px !important;}
	#sms_table ul li.col_4{min-width:0px}
}


/* 170412 */
.contents_box .sec_oder2_w ul { padding: 8px; float: left; }
.sec_oder2_w ul { width: 38%; margin-left: 2%; margin-right: 2%; }
.padding_20 { padding: 20px }
.height_50 { height: 50px }
.width_80 { width: 95%; }
.width_80 li { font-size:13px !important; }
.border_blue { border-color: #7144aa; }
.padding_b10 { padding:0 !important; }
.sec_oder2_w .arrow_r { display: none; }

.not_line { margin:3px 0; }
.not_line li{ border:0px; }
.not_line li:first-child { min-width:50px !important; }

/* 데이터 이전 영역(이전 신청) */
.hosting_order { float:left; padding: 15px; border: 2px solid #ddd; border-radius: 20px; height: auto; margin: 5px; width: 88%; }
.hosting_order dt { text-align:left; font-weight:bold; font-size:14px; }
.hosting_order dd { font-size:12px; }

.margin_top_15 { margin-top:15px; }

.hosting_order_leftimg { background:#fff;  }
.hosting_order_rightimg { background:#fff;  }

/* 홈페이지 확인 영역 */
.hosting_order_check { float:left; padding: 15px; border: 2px solid #ddd; border-radius: 20px; height: auto; margin: 5px; width: 88%;  }
.hosting_order_check dt { text-align:left; font-weight:bold; font-size:14px; }
.hosting_order_check dd { font-size:12px; }

.float_l_second { float:left; width:100%; }
.float_change_second { float:left; width:100%; }

/* 네임서버영역 */
.hosting_nameserver { padding: 15px; border: 2px solid #ddd; border-radius: 20px; height: auto; margin: 5px; width: 88%;  }
.hosting_nameserver dt { text-align:left; font-weight:bold; font-size:14px; }
.hosting_nameserver dd { font-size:12px; }


/* 170418 */
.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: #005fca; 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_hosting { 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}
}
@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; }
}