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


/* hosting style */
.contents_box h4 { color: #005fca; }
.btn_apply { background: #ff2d04; color: #fff; line-height: 30px; font-size: 14px; }
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 }
.table_th { width: 130px; padding: 7px 0 7px 30px; }
.table_td { width: 700px; padding: 7px 0 7px 40px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.table_th { width: 100px; padding: 7px 0 7px 20px; }
.table_td { width: 575px; padding: 7px 0 7px 20px; }
}
/*
 * ----------> 서비스 종류
 */
h3 .btn_grey { padding: 7px 10px; height: auto; margin: 0 5px;  }
.type_tabs{width:100%; overflow:hidden; display: flex;flex-wrap: wrap}
.type_tabs div { border: 1px solid #7fafe4; padding: 15px; margin: 10px; width: 27.5%; height: 100%; /*float: left;*/ }
.type_tabs div.col_5 { width: 43%; }
.type_tabs div:hover { border: 2px solid #005fca; box-shadow: 2px 2px 4px #e8e8e8; color: #000; padding: 14px; }
.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: 10px 0; min-height: 150px; font-size: 14px; }
.type_tabs li { padding-bottom: 5px; line-height: 120%; }
.type_tabs .btn_apply { clear: both; position: relative; margin-top: 20px; padding: 0 20px; margin-bottom:20px;}
.form_table { margin-top: 0; }
.form_table .btn_apply { padding: 0 20px;  }
.form_table .btn_apply.btn_grey {  background: #a6a4af; line-height: 1.2;letter-spacing: 1px}
.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-right: -1px }
.form_table .color_blue { font-size: 16px; font-weight: 600; }
.fa-exclamation-triangle { color: #ff2d04; padding-bottom: 10px; }
.free_ctn{margin:5px 0;}
@media only screen and (min-width:769px) and (max-width:1280px) {
.type_tabs div { padding: 10px; margin: 10px; width: 27.4%;  }
.type_tabs div:hover {padding: 9px; }
.type_tabs h3 { font-size: 22px; margin: 10px 0 0 0; font-weight: 300; font-weight: normal; color: #005fca; word-spacing: 3px; }
.type_tabs ul { padding: 0; min-height: 140px; font-size:13px; }
.type_tabs li{padding-right:10px;}
.type_tabs .btn_apply { clear: both; position: relative; margin-top: 10px; padding: 0 20px; margin-bottom:10px;}
}
/*
 * ----------> 기본지원
 */
.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: 16.8%; height: 80px; margin: 0 15px 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; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.service_pay {height: 70px; font-size: 13px; }
dl.nth-last{ margin-right: 15px !important; }
}

/*
 * ----------> 할인혜택
 */
.hosting_dc .tabs_title li { border: none; background: none; padding: 0 20px !important; margin-right: 2px !important; line-height: 25px; text-align: center; }
.hosting_dc .tabs_title li:hover { cursor: pointer; font-weight: 600; }
.hosting_dc .tabs_title li:first-child { padding-left: 20px; 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: 15px !important; padding: 2em 0 !important; min-height: 90px; color: #666; }
.hosting_dc .fa-5x { width: 70px; height: 63px; float: left; padding: 20px; display: block; margin: 0 30px 0 20px; text-align: center; color: #ccc; }
.hosting_dc h3 { font-size: 18px !important; width: 80%; color: #000; float: left; margin-bottom: 5px; }
.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:769px) and (max-width:1280px) {
.hosting_dc .fa-5x { width: 50px; height: auto; padding: 10px 20px 10px 10px; margin: 0 30px 0 10px; }
.hosting_dc ul.list_style { font-size:13px; }
}
/**/
.process li { display: inline-block; margin-right: 20px; padding: 12px; width: 160px; height: 95px; text-align: center; vertical-align: middle; border: 4px solid #ddd; border-radius: 10px; font-size: 14px; }
.process li:after { display: block; 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: 10px; color: #005fca; }
.process span { font-size: 12px; color: #999; }
.process li:hover { border-color: #005fca; }
.process li:hover i { color: #005fca; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.process li {padding: 6px; width: 138px;  font-size: 13px; margin-right: 10px;}
.process li:after { margin-left: 153px; }

}
/*상세정보 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: none; }
.tab_view .ui-tabs .ui-tabs-panel { border-top: 1px solid #005fca; }
.tabs_ctn h3:before { color: #6e2cc3; }
.tabs_ctn .inherit li:first-child { color: #005fca; }
/**/
.tab_sub { width: 100%; overflow: hidden; padding: 30px 0; border-top: 2px dotted #ddd; font-family: Nanum_BG; }
.tab_sub h4 { margin-bottom: 10px; }
.tab_sub img.float_r { vertical-align: middle; margin-left: 20px; }
.code { background: #f5f5f5; padding: 20px 50px; overflow: hidden; margin: 40px auto; }
.code li { padding: 10px 0; }
pre { font-size: 14px; font-family: Nanum_Go; color: #000; padding: 0 10px; }
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: 25px; font-family: Nanum_SR; }
h3.font_point:before { content: ''; padding: 0; }
.sms_point { margin-top: 30px; }
.sms_point img { margin-top: -50px; margin-bottom: 10px; }
.sms_point .font_b { font-family: Nanum_SR, sans-serif; font-size: 17px; line-height: 140%; }
.sms_point .color_bg { background: #7fafe4; font-family: Nanum_SR; color: #fff !important; font-size: 17px; padding: 2px; line-height: 170%; }
.tab_sub .col_12 .col_3{padding:5px 0 0 5px;} /*.tab_sub .col_12 .col_3{padding:5px 0;} 원본 170322 */
.tab_sub .col_head { padding-left:5px !important; } /* 170322 col_head class 추가 */
@media only screen and (min-width:769px) and (max-width:1280px) {
	.code { background: #f5f5f5; padding: 20px 30px; overflow: hidden; margin: 40px auto; width:100%; }

}
/**/
.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: 4px solid #005fca; padding: 1px 10px; width: 500px; height: auto; border-radius: 0; }
/*로그인없이 신청하기*/
.nologin .domain_search { padding: 20px 0 30px 0; border: none; border-bottom: 1px solid #ddd; box-shadow: none; margin: 10px 0 !important; text-align: center; font-size: 25px; color: #000; font-weight: 600; }
.nologin .domain_search input[type=text] { width: 400px; font-size: 25px; }
.nologin_title { background: #f5f5f5; padding: 4px 0; border-bottom: 1px solid #ddd; font-size: 16px; }
.nologin .btn_apply { background: #005fca; color: #fff; line-height: 40px; font-size: 14px; padding: 0 10px }
.nologin p.align_c .btn_apply { padding: 0 50px; }
.nologin .btn_white { padding: 10px 20px; font-size: 14px; margin: 0 10px }
.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; }

/*0329*/
.dialog{max-height: calc(100vh - 210px) !important;   overflow-y: auto;}
#sms_table{min-width:470px}


/* 170412 */
.btn { padding:0px 10px; }
.btn_form_reset { background: #00a987; color: #fff; line-height: 30px; font-size: 14px; }

.padding_20 { padding: 5px 20px 15px 20px; }
.border_4 { border: 4px solid #7144aa; }
.width_80 { width: 15%; }
.width_80 li { font-size:13px !important; }
.height_50 { height: 50px; }
/* .arrow_r{float:left; margin:0 20px;} */
.border_blue { border-color: #7144aa; }
.padding_b10 { padding: 10px; }
.arrow_r { float: left; padding-top: 26px; margin: 0 20px; display:block; }

.member_from { width: auto; font-size: 14px; }
.member_from ul { width: 100%; }
.member_from .table_th { width: 130px; padding: 7px 0 7px 40px; }
.member_from .table_td { width: auto; padding: 7px 0 7px 20px; }

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

/* 데이터 이전 영역(이전 신청) */
.hosting_order { float:left; padding: 15px; border: 2px solid #ddd; border-radius: 20px; height: 212px; margin: 5px; width: 45%; }
.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-image:url('/img/free_service/free_ser04.png'); background-repeat:no-repeat; background-position:95% 60%; background-size: 80px 80px;  }
.hosting_order_rightimg { background-image:url('/img/free_service/free_ser12.png'); background-repeat:no-repeat; background-position:95% 60%; background-size: 80px 80px;  }

/* 홈페이지 확인 영역 */
.hosting_order_check { float:left; padding: 15px; border: 2px solid #ddd; border-radius: 20px; height: auto; margin: 5px; width: 95%;  }
.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:45%; }
.float_change_second { float:right; width:45%; }

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


/*_jkh0415*/
.table_th { width: 22%;}

/* 170418 */
.sec_oder_w { width: 100%; padding-bottom: 20px; overflow: hidden; }
.sec_order_d .cellcell{vertical-align:top;}
.sec_oder_w .arrow_r_hosting{font-size:22px}
.sec_order { float: left; width: 108px; padding: 20px; border: 4px solid #ddd; border-radius: 50px; height: 100px; }
.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 55px 15px; }
.sec_order_2 { background: url(/img/add_service/sec_img05.jpg) no-repeat 55px 15px; }
.sec_order_3 { background: url(/img/add_service/sec_img03.jpg) no-repeat 55px 15px; }
.sec_order_4 { background: url(/img/add_service/sec_img04.jpg) no-repeat 55px 15px; }
.step_num { font-size: 20px; 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; }
.arrow_r_hosting { float: left; padding: 60px 0; margin: 0 20px; }
.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: 20px; border: 4px solid #ddd; border-radius: 200px; width: 130px; height: 130px; }
.sec_order_d li { text-align: center; }

@media only screen and (min-width:769px){ /* 170323 미디어쿼리로 감쌈 */
	.sec_order_d li:nth-child(1) { padding-top: 15px; padding-bottom:4px}
}
@media only screen and (min-width:769px) and (max-width:1280px) {
.sec_order_d { float: left; padding: 20px; border: 4px solid #ddd; border-radius: 200px; }
.arrow_r_hosting { float: left; padding-top: 60px; margin: 0 10px; }
.sec_oder_w .arrow_r_hosting{font-size:22px;margin:0 16px}
.sec_oder_w .sec_order_d:last-child{clear:left}
.sec_oder_w .sec_order:last-child{clear:left}

}


/* 170531 페이지별 할인혜택 thead영역 색상*/
.page_top_line { border-top:1px solid #005fca; }
.page_top_txt { color:#005fca ; }

.wordpress-title1 {color:#000;margin-bottom:4px;font-size:1.1em}
.wordpress-title1 span {background-color:#2272b7;color:#fff}