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

/* idc style */
#idc .ui-state-hover a, #idc .ui-state-hover a:hover, #idc .ui-state-hover a:link, #idc .ui-accordion-content li a:hover, #idc .ui-accordion-content li a:focus { color: #4c287c; }
#idc .left_accordion .ui-state-hover, #idc .left_accordion .ui-state-focus, #idc .left_accordion .ui-state-active { border-bottom: 2px solid #6e2cc3 !important; }
#idc .left_accordion .ui-state-hover, #idc .ui-state-active { color: #7144aa !important; }
/**/
.contents_box h4 { color: #6e2cc3; }
.btn_apply { background: #8d66bf; color: #fff; line-height: 30px; font-size: 14px; }
.btn_org { line-height: 30px; font-size: 14px; }
.btn_apply:hover { background: #6e2cc3; }
input:focus, input:hover, select:focus, select:hover { border: 1px solid #4c287c; }
.color_blue { color: #6e2cc3 !important; }
.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; }
}
.table_li li { padding: 5px 0; }
.form_table_second th, .form_table_second td{border-bottom: 1px solid #ddd; vertical-align: middle; border-right:1px solid #ddd;min-height:28px;padding:5px 2px }
.form_table_second th:last-child,.form_table_second td:last-child { border-right:0 !important; }
table.form_table_second {border-top:1px solid #6e2cc3;border-collapse: collapse}

#idc span.h3_before { color: #6e2cc3; }
#idc .form_table { border-top: 1px solid #6e2cc3; }
#idc .table_thead { color: #6e2cc3; }
#idc .add_title { color: #4c287c; }
#idc .apply_form h4 span input[type=checkbox]:checked + label { color: #4c287c; }
#idc .seach_more:hover { color: #4c287c; border: 1px solid #7fafe4; }
#idc aside .btn_next { background: #4c287c; }
/**/
.pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #6e2cc3; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #6e2cc3; background-color: #eee; border-color: #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: #6e2cc3; border-color: #6e2cc3; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #6e2cc3; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.notice_nav { padding: 50px 0 0 0; font-size: 12px; }
/* 
 * ----------> 서비스 종류
 */
.type_tabs { overflow: hidden; }
.type_tabs fieldset { width: 98%; display: block; float: left; text-align: right; padding: 10px 10px; border-bottom: 1px solid #7144aa; margin-top: 0px; color: #999; }
.type_tabs fieldset .active { color: #fff; border: 1px solid #8d66bf; background: #8d66bf; }
.type_tabs div { border-bottom: 1px solid #ddd; padding: 15px 5px; float: left; /*width: -webkit-calc(100% -10px); width: calc(100%-10px); */}
.type_tabs div:hover { border: 2px solid #8d66bf; box-shadow: 2px 2px 4px #e8e8e8; padding: 14px 3px !important; margin-top: -1px }
span.float_l i { position: absolute; margin-left: 0px; margin-top: 70px; color: #ccc; z-index: 7; cursor: pointer; }
span.float_r i { position: absolute; margin-left: 0px; margin-top: 70px; color: #ccc; z-index: 6; cursor: pointer; }
.list_in img { vertical-align: middle; height: 120px; width: auto; }
.list_in { display: table; width: 100%; }
.list_in .col_4 { width: 42%; }
.list_in > li { display: table-cell; vertical-align: middle; padding: 5px 10px; }
.type_tabs h3 { font-size: 17px !important; letter-spacing: -0.01em; margin: 0 0 5px 2px !important; font-weight: 600 !important; font-weight: normal; color: #6e2cc3; word-spacing: 1px; }
.type_tabs ul { padding: 0; overflow: hidden; float: left }
.type_tabs li { line-height: 130%; font-size: 13px; margin-bottom: 3px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.type_tabs li { font-size: 12px; }
.font_point br { display: none; }
}
.list_style { float: left; width: 100%; }
p.color_org { font-size: 16px; margin: 0 15px 10px 0; font-weight: 600; text-align: right; }
p.six-event {font-size:12px;margin:0 0 0 15px;text-align:center}
.border_rd { padding: 3px 15px; background: #f5f5f5; margin-top: 5px; font-size: 12px; }
ul.border_rd { padding: 5px 20px !important; margin-top: 30px; }
.list_in dl { padding: 10px 5px; float: left; width: 98%; }
.list_in dt { margin: 0 7px 10px 0; padding: 2px 0; border: 1px solid #ddd; width: 32px; text-align: center; float: left; font-size: 11px; border-radius: 4px }
.list_in .direct { font-size: 12px; border: 1px solid #8d66bf; color: #6e2cc3; padding: 2px; text-align: center; width: 70%; margin-top: 7px; font-weight: 600; }
.type_tabs .btn_apply, .type_tabs .btn_grey { position: relative; display: block; margin: 3px 0; width: 90px; line-height: 28px; font-size: 14px; margin-left: 10px; }
/* 
 * ----------> 상세정보페이지
 */
#detail_view h2.content_title { color: #6e2cc3; padding: 20px 0 13px 0; }
#detail_view .contents_box { margin-top: 10px; }
.icon_type { margin-top: -75px; }
.icon_type span { color: #ddd; font-size: 11px; }
.icon_type i { font-size: 25px; display: block; text-align: center; color: #ddd; }
.icon_type li { float: left; display: block; margin: 0 7px; }
.icon_type li:first-child { margin-right: 10px; }
.icon_type b { display: block; margin-left: 42%; margin-top: -24px; font-size: 12px; color: #fff; text-shadow: 0px 0px 2px #000; }
.fa-server { padding-top: 3px; }
.icon_type .active i, .icon_type .active span { color: #6e2cc3; }
/**/
.img_view { float: left; width: 322px; height: 212px; border: 1px solid #ddd; text-align: center; padding: 45px 30px; overflow: hidden }
.img_view span.float_l i { position: absolute; margin-left:0px; margin-top: 90px; color: #ccc; z-index: 7; cursor: pointer; left:2%}
.img_view span.float_r i { position: absolute; margin-left:0px; margin-top: 90px; color: #ccc; z-index: 6; cursor: pointer; right:2%}
.slider_view {max-width: 320px !important; height: 210px !important; overflow: hidden; padding: 0; vertical-align: middle; margin: 0 auto; float: none; display:table-cell}
.img_view > img { vertical-align: middle; }
.img_view:hover + .best_bnr { opacity: .2;}
.best_bnr { position: absolute; margin-top: -15px; margin-left: 10px; }
.best_bnr li { float: left; margin: 2px; }
.mySlides { width:auto;height:auto;min-width:200px; max-width:320px; margin:0 auto; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.img_view { float: left; width: 33%; height: auto; border: 1px solid #ddd; text-align: center; padding: 35px 30px; overflow: hidden }
.img_view span.float_l i { margin-top: 75px; }
.img_view span.float_r i { margin-top: 75px; }
.slider_view { width: 100% !important; height: 164px !important; }
.mySlides { width: auto; max-width:200px; height:auto; }
.best_bnr li { width: 25%; }
.best_bnr img { width: 100%; }
}
/**/
.product_info { float: right; width: 480px; min-height: 100%; overflow: hidden; }
.spec { margin-bottom: 30px; font-size: 14px; margin-bottom:20px; }
.spec dt { width: 110px; float: left; color: #999; margin-bottom:2px; }
.spec dd { margin-left:110px; margin-bottom:10px; }
.spec dt:before { content: '·'; padding-right: 7px; }
.spec i { font-style: normal; }
.spec li b { font-weight: normal; }
.pay { float: left; width: 480px; padding: 7px 5px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; }
.pay dt { float: left; font-size: 14px; padding: 3px 7px; text-align: center; line-height: 20px; color: #fff !important; border-radius: 4px; margin-top: 5px; margin-bottom: 20px; }
.pay dt.color_org { border: 1px solid #ff3000; background: #ff3000; }
.pay dt.color_blue { border: 1px solid #6e2cc3; background: #6e2cc3; }
.pay dd { float: right; font-size: 12px; color: #000; width: 400px; padding: 5px 10px; text-align: right; }
.pay dd:last-child { padding-top: 0; }
.pay dd span { float: left; font-size: 12px; color: #999; width: 50px; text-align: left; }
.pay dd span.color_org { float: none !important; background: none; font-size: 12px; border-right: none; }
.pay dd b { font-size: 18px; margin-left: 5px; }
.pay dd b.dc_pay { font-size: 14px; color: #999; text-decoration: line-through; font-weight: normal; }
.pay dd b.color_bl { font-size: 14px; }
.product_info dl:nth-child(3) { margin-top: -1px; }
.btn_area { float: right; width: 480px; margin-top: 20px; text-align: center }
.btn_area .btn_apply { background: #6e2cc3; font-size: 16px; padding: 5px 20px }
@media only screen and (min-width:769px) and (max-width:1280px) {
.product_info { float: right; width: 55%; min-height: 100%; overflow: hidden; }
.spec dt { width: 110px; float: left; color: #999; }
.spec dd { width: auto; }
.pay { float: left; width: 100%; }
.pay dt { font-size: 13px; padding: 2px 5px; line-height: 18px; margin-bottom: 30px }
.pay dd { float: right; font-size: 12px; color: #000; width: 80%; padding: 5px; text-align: right; }
.btn_area { width: 55%; }
}
/**/
/*상세정보 tab */

.tab_area { padding-bottom: 50px; margin-bottom: 50px; }
.tab_view .tabs_ctn .ui-widget-header .ui-state-active { border: 1px solid #6e2cc3; }
.tab_view .tabs_ctn .ui-widget-header .ui-state-default:hover a { color: #6e2cc3; }
#idc .tab_view .ui-state-active a, #idc .tab_view .ui-state-active a:link, #idc .tab_view .ui-state-active a:visited, .tab_view .ui-state-hover { color: #fff; border: 1px solid #6e2cc3; border-bottom: none; background: #6e2cc3; }

/* 이벤트 탭 Style */
.tab_view .tabs_ctn .ui-widget-header .ui-state-active.event { border: 1px solid transparent;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0; }
#idc .tab_view .ui-state-active.event a, #idc .tab_view .ui-state-active.event a:link, #idc .tab_view .ui-state-active.event a:visited{
    background:#ff3000;border: 1px solid transparent;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}
#tabs-7.ui-tabs-panel {border-top: 1px solid #ff3000;}

.tab_view .ui-tabs .ui-tabs-panel { border-top: 1px solid #6e2cc3; }
.tabs_ctn h3:before { color: #6e2cc3; }
.tabs_ctn .inherit li:first-child { color: #6e2cc3; }
/**/
.process { margin-left: 30px; }
.process li { display: inline-block; margin-right: 20px; padding: 12px; width: 100px; height: 100px; text-align: center; vertical-align: middle; border: 4px solid #ddd; border-radius: 50%; font-size: 14px; }
.process li:before { display: block; position: absolute; font-family: 'FontAwesome'; content: "\f105"; margin-left: 125px; margin-top: 37px; }
.process li:last-child:before{display:none}
.process li:last-child:after { content: ''; }
.process span, .process i { display: block; margin-bottom: 10px; }
.process span { font-size: 12px; color: #999; }
.process li i { color: #6e2cc3; }
.table_list li { border-right: 1px solid #ddd; }
.table_list li:last-child { border-right: none; }
.table_list ul + p { padding: 10px; }
.dl_list { width: 46%; margin: 0 2%; }
.dl_list dt { color: #6e2cc3; margin-bottom: 2px; font-weight: 600; padding-left: 10px; font-size: 18px; }
.dl_list dd { margin-bottom: 25px; border-bottom: 1px dashed #ddd; padding: 0 0 30px 10px; }
.dl_list span { padding: 4px; margin-right: 5px; font-size: 14px; color: #fff; background: #8d66bf; font-weight: normal; border-radius: 20px; }
@media only screen and (min-width:769px) and (max-width:1281px) {
.process { margin-left: 0px; }
.process li { margin-right: 16px; padding: 7px; font-size: 13px; }
.process li:before { margin-left: 120px; }
.table_list {/* width: -webkit-calc(100% - 5px); width: calc(100% - 5px); */}
.table_list li { font-size: 13px; margin: 0; }
.table_list li:first-child { width: 15% }
.table_list li:nth-child(2) { width: 10% }
}
/*코로*/
.font_20 { font-size: 20px; }
.padding_05_05 { padding: 5px 0px 5px 0px }
.margin_l100 { margin-left: 100px }
.width_200 { width: 200px }
.sec_oder_w { width: 100%; padding-bottom: 20px; overflow: hidden; }
.sec_order { float: left; padding: 20px; border: 4px solid #ddd; border-radius: 10px; height: 60px; }
.sec_order li { text-align: center; }
.arrow_r { float: left; padding-top: 40px; margin: 0 20px; }
.cdn_ad { overflow: hidden; background: #f5f5f5; padding-left: 20px; margin-bottom: 10px; }
.cdn_ad span { padding-top: 15px; display: inline-block; }
.border_point { background: #faf6ff; }
.btn_link { padding: 10px 25px; color: #fff; background: #6e2cc3; }
.m_t_30 { margin-top: 30px; }
.col_table li { border: none; }
.border_ctn { float: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; width: 100%; margin: 20px 0; }
.list_ctn { border-top: 1px solid #4c287c; }
.list_ctn dl { padding: 10px; border-bottom: 1px solid #ddd; }
.font_p { font-size: 30px; color: #aaa; padding-right: 5px; }
.col_table .inherit { padding: 0; width: auto; }
.col_table .inherit ul { border-bottom: 1px dotted #ccc; border-right: 1px solid #666; width: 100%; }
.col_table .inherit li { border: none; padding-left: 10px; min-height: 0; height: auto; color: #6e2cc3; }
.col_table .inherit li:first-child { width: auto; padding: 5px; height: auto; }
.col_table .inherit li:last-child { width: auto; border-left: 0; padding: 5px; height: auto; }
@media only screen and (min-width:769px) and (max-width:1281px) {
.width_200 { width: 180px }
.sec_order { padding: 15px 10px; }
.arrow_r { margin: 0 10px; }
}
/*관리서비스*/
.form_table ul { width: 100%; }
.padding_b10 { padding-bottom: 10px; }
.sec_control_order { float: left; padding: 20px; border: 4px solid #ddd; min-height: 10px; }
.sec_control_order li, .sec_control_triangle li { text-align: center; }
.sec_control_triangle { float: left; background: #6e2cc3; border-radius: 20px; margin-top: 20px }
.sec_control_triangle li { padding: 40px; height: 30px; line-height: 30px; }
.border_r100 { border-radius: 100px; }
.width_360 { width: 360px }
.width_130 { width: 130px }
.width_80 { width: 85.7px; }
.width_60 { width: 68px }
.height_80 { height: 80px }
.sec_content_order { float: left; width: 70%; background: #f5f5f5; border-radius: 10px; margin-top: -40px; font-size: 14px }
.sec_content_order2 { float: left; width: 75%; background: #f5f5f5; border-radius: 10px; margin-top: -0px; font-size: 14px }
.arrow_m20 { margin-top: -20px !important; float: left; }
.arrow_m40 { margin-top: 30px; }
@media only screen and (min-width:769px) and (max-width:1281px) {
.sec_control_order { float: left; padding: 10px; border: 4px solid #ddd; min-height: 10px; }
.sec_control_triangle li { padding: 30px; }
.sec_content_order { width: 515px; }
.sec_content_order2 { width: 530px; }
.arrow_m40 { margin-top: 15px; }
}
.step_num { font-size: 18px; color: #6e2cc3 !important; font-weight: 600; }/*colocation.html css와 같음*/
.font_30 { font-size: 30px; line-height: 50px; }
.font_20 { font-size: 20px; }
.renew_ctn { margin-top: 10px; overflow: hidden; }
.renew_wrap { width: 24.1%; height: 180px; text-align: center; border: 1px solid #ccc; margin: 2px; float: left; }
.renew_wrap span { color: #6aad07; }
.renew_wrap h5 { text-align: center; color: #fff; background: #6e2cc3; padding: 8px 0; }
.renew_wrap dl { padding: 30px 0; font-size: 13px; }
.renew_ver2 h5 { background: #fda10d; }
.renew_ver3 h5 { background: #1266FF; }
.renew_ver4 .font_up { color: #6e2cc3; font-weight: 600; font-size: 20px }
.renew_ver4 { border: 2px solid #6e2cc3; }
.renew_ver4 dl { padding: 40px 0; }
.renew_ver3 span { background: #1266FF; color: #fff; padding: 5px; }
.renew_ver2 span { background: #fda10d; color: #fff; padding: 5px; }
.background_bl { background: #212121; }
.color_wh { color: #fff !important; }
.btn_4c287c { background: #6e2cc3; }
.padding_left_40 { padding-left: 40px; }
.padding_r_25 { padding-right: 25px; }
.line_height124 { line-height: 124px }
.border_r { border-right: 1px solid #ddd; }
/* 관리서비스 */
.control_table .table_thead li, .control_table li ul li { padding: 5px 10px !important;}
.control_table ul{height:auto}
.control_table li ul li:first-child { border-right: 1px solid #ddd !important; }
.idc_control .btn { padding: 10px 70px; }
.padding_20 { padding: 20px }
.border_4 { border: 4px solid #7144aa; }
.height_50 { height: 50px }
/* .arrow_r{float:left; margin:0 20px;} */
.border_blue { border-color: #7144aa; }
.back_white { background: #fff; color: #000 }
/*9가지 무료서비스*/
.idc_free .cdn_ad { overflow: hidden; margin-bottom: 0; border-bottom: 1px solid #ddd; min-height: 140px; }
.idc_free .cdn_ad img { margin: 20px 0 0 40px; }
.font_20 { font-size: 20px; }
.idc_free .cdn_ad .width_80 { width: 40%; }
.btn_bl { background: #000; color: #fff; }
.font_25 { font-size: 25px; }
.padding_bottom { padding-bottom: 10px; }
.free_accordion_title .btn_apply { font-size: 12px; float: right; padding: 0px 10px; margin: 5px 10px; }
.free_accordion_sub { overflow: hidden; padding-bottom: 50px; border-bottom: 1px solid #ddd; }
.free_accordion_sub .contents_box { width: 86%; margin: 30px 7%; }
@media only screen and (min-width:769px) and (max-width:1281px) {
.idc_free .cdn_ad img { margin: 20px 0 0 20px; }
.free_accordion_sub img { width: 100%; height: auto; }
button.col_2 { width: 30%; margin-top: 10px; }
.free_accordion_sub .sec_oder2_w ul.padding_20 { padding: 15px; }
.free_step li { vertical-align: text-top !important; }
.free_step .col_3 span { display: block; }
}
/* 부가서비스 */
.page_info { margin-bottom: -10px; }
.add_accordion_title { padding: 20px 40px; width: -webkit-calc(100% - 82px); width: calc( 100% - 82px ); background: #f5f5f5; float: left; border: 1px solid #ddd; margin-top: -1px; cursor: pointer; }
.add_accordion_title span { color: #fff; background: #6e2cc3; padding: 3px 20px; border-radius: 20px; font-size: 12px; float: left }
.add_accordion_title h4 { float: left; padding: 5px 20px; color: #000 }
.add_accordion_title p.clear { margin-left: 125px; }
.add_accordion_sub { position: relative; width: -webkit-calc(100% - 2px); width: calc(100% - 2px); overflow: hidden; padding: 30px 0; border: 1px solid #ddd; border-top: none; }
.add_accordion_sub .contents_box { width: 86%; margin: 30px 7%; }
.add_accordion_sub .form_table li { padding: 5px 0;}
.add_accordion_sub .form_table li .btn_org { padding: 3px 10px; font-size: 12px; line-height: 100%; }
.add_accordion_sub .bg_f5 { border-right: 1px solid #ddd; }
.add_accordion_sub .process { margin-left: 10px; margin-bottom: 20px }
.add_accordion_sub .process li { display: inline-block; margin-right: 10px; padding: 12px; width: 100px; height: 100px; text-align: center; vertical-align: middle; border: 4px solid #ddd; border-radius: 50%; font-size: 14px; }
.add_accordion_sub .process li:before{margin-left:122px}
.add_accordion_sub .process li:after { display: none; }

.add_accordion_sub .process i { color: #6e2cc3; }
@media only screen and (min-width:769px) and (max-width:1281px) {
.page_info { overflow: hidden; }
.page_info .col_7 { width: 50%; }
.page_info .col_4 { width: 45%; text-align: right; }
.add_accordion_sub .form_table .col_4:first-child { width: 25%; }
.add_accordion_sub .form_table .col_4:nth-child(2) { width: 41%; }
.add_accordion_sub .form_table .col_8 { width: 75%; }
.add_accordion_sub .form_table .col_8 ul li.col_4 { width: 41%; }
.add_accordion_sub .process { margin-left: 0; }
.add_accordion_sub .process li { margin-right: 5px; padding: 5px; width: 95px; height: 95px; font-size: 13px; }
.add_accordion_sub .process li:before{margin-left:106px}
.co_step li { vertical-align: text-top !important; }
.co_step .col_4 span { display: block; }
}

/* 0329 */
.add_accordion_sub .form_table_second li { padding: 5px 0;}
.product_detail .table_th + .table_td{padding-left:4% !important;}


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

/* 0413 */ 
.app_btn { width:250px; line-height:36px; padding:5px; }
#road_table ul.table_thead + ul{border-bottom:1px solid #ddd}
#road_table ul.table_thead 
#road_table ul:nth-child(3) li{border-top:none}
#road_table ul:nth-child(3) li:first-child{border-bottom:1px solid #ddd}
#road_table ul:nth-child(2) li{border-bottom:none}
#road_table li{border-top:none}
#road_table li .btn_org{width:auto;white-space:nowrap;color:white}
#road_table .bg_f5{border:none}

/*170420*/
.product_detail .table_th{min-width:111px}


/* 170530 할인혜택 */
.hosting_dc .tabs_title li { border: none !important; background: none !important; 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: #6e2cc3 !important; border:none !important; background:none !important; }
.hosting_dc .ui-tabs-nav .ui-tabs-anchor { padding: 0 !important; }
.hosting_dc .ui-tabs-panel { border: none; border-top: 1px solid #6e2cc3; 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; width:auto; }
@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; }
}



/* 170530 관리운영서버호스팅 */

.thth { background : #f5f5f5; }
.border_t_line { border-top:1px solid #ddd; }

.manage_idc_first { width:100%; position:relative; margin:50px 0; }
.manage_idc_center { width:100%; position:relative; margin:70px 0; }
.manage_idc_center01 { width:95%; max-width:638px; margin:0 auto; }
.manage_idc_center01 img { width:100%; }

.manage_idc_center02{ width:95%; max-width:709px; margin:0 auto; }
.manage_idc_center02 img { width:100%; }

.form_table_new { border-top: 1px solid #6e2cc3; margin-bottom: 30px; }
.form_table_new dl, .form_table_second ul { display: table;/* height: 100%; */}
.form_table_new li { display: table-cell; border-top: 1px solid#fff; border-bottom: 1px solid #ddd; vertical-align: middle; border-right:1px solid #ddd;/* height:28px;*/ min-height:42.5px; } /* 170407 min-height:28px 추가 */
.form_table_new li:last-child { border-right:0px !important; }

.padding_l_20 { padding-left:20px; }

ul.noline_li li { border:0 !important; width:100%; text-align:center; }

.t_etc01 { height:auto; min-height:112px !important; line-height:112px; vertical-align:middle; }
.t_etc02 { height:auto; min-height:128px !important; line-height:128px; vertical-align:middle; }

.real_form_table { width:100%; position:relative; margin:0 auto; border-top:1px solid #6e2cc3; }
.real_form_table table { width:100%; margin:0; padding:0; }
.real_form_table th { background: #f5f5f5; color: #6e2cc3; font-size:12px; min-height:28px; }
.real_form_table th:nth-child(1) { width: 16.66666667%; border-right:1px solid #ddd; }
.real_form_table th:nth-child(2) { width: 33.33333333%; border-right:1px solid #ddd; }
.real_form_table th:nth-child(3) { width: 41.66666667%; }

.real_form_table td { font-size:12px; min-height:28px; height:auto;}
.real_form_table td:nth-child(1) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.real_form_table td:nth-child(2) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.real_form_table td:nth-child(3) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }


.real_form_table2 { width:100%; position:relative; margin:0 auto; border-top:1px solid #6e2cc3; }
.real_form_table2 table { width:100%; margin:0; padding:0; }
.real_form_table2 th { background: #f5f5f5; color: #6e2cc3; font-size:12px; min-height:28px; }
.real_form_table2 th:nth-child(1) { width: 16.66666667%; border-right:1px solid #ddd; }
.real_form_table2 th:nth-child(2) { width: 75%; }

.real_form_table2 td { font-size:12px; min-height:28px; height:auto; padding:10px 0 10px 10px;}
.real_form_table2 td:nth-child(1) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.real_form_table2 td:nth-child(2) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }

.real_form_table3 { width:100%; position:relative; margin:0 auto; border-top:1px solid #6e2cc3; }
.real_form_table3 table { width:100%; margin:0; padding:0; }
.real_form_table3 th { background: #f5f5f5; color: #6e2cc3; font-size:12px; min-height:28px; }
.real_form_table3 th:nth-child(1) { width: 16.66666667%; border-right:1px solid #ddd; }
.real_form_table3 th:nth-child(2) { width: 25%; border-right:1px solid #ddd; }
.real_form_table3 th:nth-child(3) { width: 16.66666667%; border-right:1px solid #ddd; }
.real_form_table3 th:nth-child(4) { width: 41.66666667%; }

.real_form_table3 td { font-size:12px; min-height:28px; height:auto;}
.real_form_table3 td:nth-child(1) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.real_form_table3 td:nth-child(2) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.real_form_table3 td:nth-child(3) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.real_form_table3 td:nth-child(4) { border-right:1px solid #ddd;border-bottom:1px solid #ddd; }


/*
.table_th { width: 130px; background: #f5f5f5; padding: 7px 0 7px 30px; }
.table_td { width: 700px; padding: 7px 0 7px 40px; word-wrap: break-word; }
*/
@media only screen and (min-width:769px) and (max-width:1280px) {
.form_table_new li { word-break: break-all; font-size: 13px }
}

/* New _ 서버호스팅 특징페이지 */
.idc_center_first { width:100%; position:relative; margin:50px 0; }
.idc_center { width:100%; position:relative; margin:70px 0; }
.idc_center_img { width:90%; margin:0 auto; min-height:120px; }
.idc_center_img img { width:100%; }

.padding_l_10 { padding-left:10px !important; }


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

.mobile_margin_t20 { margin-top:20px; }
.mobile_padding_l15p { padding-left:16%; }

.idc_main_img { width:100% !important; height:auto !important; }

/* 통합보안패키지 할인 이벤트 관련 상세페이지 */
.event-security-package{margin:0 auto}
.event-security-package li {text-align:right;display:block;border:none;min-height:inherit;padding:0}
#security_event_txt {}

.eventsale-priceinfo {font-weight:bold;font-size:1em}
.eventsale-priceinfo .event-period {color:#333;font-weight:normal;}