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

/* idc style */
/* left*/
#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; background:#f0f0f0; }
#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; }
/* */
input:focus, input:hover, select:focus, select:hover { border: 1px solid #4c287c; }
.contents_box h4 { color: #4c287c; }
.background_bl { background: #212121; }
.back_white { background: #fff; color: #000 }

.btn_apply { background: #8d66bf; color: #fff; line-height: 30px; font-size: 14px; }
.btn_apply:hover { background: #6e2cc3; }
.btn_bl { background: #000; color: #fff; }
.btn_link { padding: 10px 25px; color: #fff; background: #6e2cc3; }
.btn_4c287c { background: #6e2cc3; }

.border_r { border-right: 1px solid #ddd; }
.border_r100 { border-radius: 100px; }
.border_4 { border: 2px solid #7144aa; }
.border_blue { border-color: #7144aa; }
.border_point { background: #ffedd8; border-right: 1px solid #F90; border-bottom: 1px solid #F90; border-left: 1px solid #F90; }

.color_wh { color: #fff !important; }
.color_blue { color: #6e2cc3 !important; }

.font_20 { font-size: 18px; }
.font_25 { font-size: 20px; }
.font_p { font-size: 20px; color: #aaa; padding-right: 5px; }
.font_30 { font-size: 24px; line-height: 130%; }
.line_height124 { line-height: 124px }

.width_200 { width: 200px }
.width_360, .width_130, .width_80, .width_60  { width: 95% }
.height_80 { height: 80px }
.height_50 { height: 50px }

.padding_b10 { padding-bottom: 10px; }
.padding_left_40 { padding-left: 40px; }
.padding_r_25 { padding-right: 25px; }
.padding_bottom { padding-bottom: 10px; }
.padding_05_05 { padding: 5px 0 5px 0 }
.padding_20 { padding: 20px }

.margin_l100 { margin-left: 100px }
.m_t_30 { margin-top: 30px; }

/* */
#idc span.h3_before { color: #6e2cc3; }
#idc .form_table { border-top: 1px solid #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: 20px 0 0 0; font-size: 12px; }
/* 
 * ----------> 서비스 종류
 */
.type_tabs { width: 100%; overflow: hidden; }
.type_tabs fieldset { width: 100%; display: block; float: left; text-align: right; padding: 10px 0; border-bottom: 1px solid #7144aa; margin-top: 0; color: #999; margin-bottom:-1px}
#idc .tab_view .ui-state-active a, #idc .tab_view .ui-state-active a:link, #idc .tab_view .ui-state-active a:visited, #idc .tab_view .ui-state-hover { color: #fff; border: 1px solid #6e2cc3; background: #6e2cc3; }

@media only screen and (min-width:600px) and (max-width:768px) {
.list_in li img{width:50% !important;}
.type_tabs h3 {
    font-size: 20px !important; }
}

@media (max-width: 324px) {
.type_tabs fieldset { font-size: 10px; }
}
.type_tabs fieldset .active { color: #fff; border: 1px solid #8d66bf; background: #8d66bf; }
.type_tabs div { border-bottom: 1px solid #ddd; padding: 7px 4px; float: none; width: 96.5%; display:table; margin:0 auto;}
.type_tabs div:hover { border: 2px solid #8d66bf; box-shadow: 2px 2px 4px #e8e8e8; padding: 6px 3px !important; margin-top: -1px }
span.float_l i { position: absolute; margin-left: 0; margin-top: 70px; color: #ccc; z-index: 7; cursor: pointer; }
span.float_r i { position: absolute; margin-left: 0; margin-top: 70px; color: #ccc; z-index: 6; cursor: pointer; }
.list_in img { vertical-align: middle; height: 120px; max-height: 82px;}
.list_in { display: table; width: 100%; text-align: center; }
.list_in > li { width: -webkit-calc(100% - 20px) !important; width: calc(100% - 20px)!important; display: table-cell; float: left; vertical-align: middle; padding: 0 4px; }
.type_tabs h3 { font-size: 18px; letter-spacing: -0.03em; margin: 0 0 2px 7px !important; font-weight: 300; font-weight: normal; color: #6e2cc3; word-spacing: 1px; }
.type_tabs ul { padding: 0; overflow: hidden; float: left; margin: 0; }
.type_tabs li { line-height: 130%; font-size: 14px; }
.list_style { float: left; width: 100%; text-align: left; }
p.color_org { font-size: 16px; margin: 10px 0; font-weight: 600; text-align: center; }
p.six-event {font-size:12px;margin:0;text-align:center;padding-left:50px}
.border_rd { width: 92%; padding: 5px 4%; background: #f5f5f5; margin-top: 5px; font-size: 12px; }
ul.border_rd { margin: 0 5%; width: 80%; padding: 10px 5%; background: #f5f5f5; margin-top: 10px; font-size: 13px }
.type_tabs .btn_apply, .type_tabs .btn_grey { position: relative; float: left; display: block; width: 40%; line-height: 30px; font-size: 14px; margin: 5px 5%; }


/* 
 * ----------> 상세정보페이지
 */
#detail_view h2.content_title { color: #6e2cc3; padding: 20px 0 13px 0; }
#detail_view .contents_box { margin-top: 10px; }
.icon_type { margin-top: 0; }
.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: 0 0 2px #000; }
.fa-server { padding-top: 3px; }
.icon_type .active i, .icon_type .active span { color: #6e2cc3; }
/**/



.img_view { float: left; width:-webkit-calc(100% - 62px); width:calc(100% - 62px);   height: 210px; border: 1px solid #ddd; text-align: center; }
.img_view span.float_l i { position: absolute; margin-left:0px; margin-top: 80px; color: #ccc; z-index: 7; cursor: pointer; }
.img_view span.float_r i { position: absolute; margin-left:0px; margin-top: 80px; color: #ccc; z-index: 6; cursor: pointer; }
.img_view img { vertical-align: middle; }

.slider_view{max-width:320px !important; height:210px !important; padding:0;  vertical-align:middle; margin:0 auto; float:none;}
.img_view:hover + .best_bnr{opacity:.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"}
.best_bnr { position: absolute; margin-top: -15px; margin-left: 10px; }
.best_bnr li { float: left; margin: 2px; }


.best_bnr { position: absolute; margin-top: -5px; margin-left: 10px; }
.best_bnr li { float: left; margin: 2px; width: 22%; }
.best_bnr img { width: 100%; margin: 0; padding: 0; }
/**/
.product_info { float: left; width: 100%; height: auto; overflow: hidden; font-size: 13px }

.spec{margin-top:20px;}
.spec dt { width: 110px;float:left; color: #999;}
.spec dd{ width:auto;}
.spec dt:before { content: '·'; padding-right: 7px; }
@media (max-width: 479px) {
.spec { padding: 10px 0; margin-left: 10px; }
.spec  dt { /*width: 100%; display: block;float:none;*/ line-height: 160%; margin-left: -10px; font-size: 12px;color: #aaa; float:left }
}
.spec i { font-style: normal; }
.spec li b { font-weight: normal; }

.pay { float: left; width: 98%; margin-bottom: 15px; }
.pay dt { margin-bottom:10px; font-size:13px;}
.pay dd { float: left; font-size: 12px; color:#000; width:-webkit-calc(100% - 20px); width:calc(100% - 20px);  padding: 6px 10px; margin-bottom:1px; text-align: right;  }
.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: 16px; margin-left:5px; }
.pay dd b.dc_pay{font-size:12px; color:#999; text-decoration:line-through; font-weight:normal; }
.pay dd b.color_blue, .pay dd b.color_org{font-size:16px;  display:block;}
.btn_area { float: left; width: 100%; margin-top:0; text-align: center }
.btn_area .btn_apply { background: #6e2cc3; font-size: 16px; padding: 5px 30px }

/*상세정보 tab */
.tab_view .tabs_ctn .ui-widget-header .ui-state-default:hover a { color: #6e2cc3; }
.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; }
.table_th { width: 55px; }
/**/
.process { margin-left: 20px; }
.process li { display: inline-block; margin-right: 20px; margin-bottom: 5px; padding: 12px; width: 100px; height: 100px; text-align: center; vertical-align: middle; border: 2px solid #ddd; border-radius: 50%; font-size: 13px; }
/*.process li:after { display: block; position: absolute; font-family: 'FontAwesome'; content: "\f105"; margin-left: 125px; margin-top: -45px; }*/
@media (max-width: 359px) {
.process { margin-left: 10px; }
.process li { display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 12px; width: 95px; height: 95px; text-align: center; vertical-align: middle; border: 2px solid #ddd; border-radius: 50%; font-size: 13px; }
/*.process li:after { display: block; position: absolute; font-family: 'FontAwesome'; content: "\f105"; margin-left: 115px; margin-top: -45px; }*/
.process li:before{margin-left:115px} 
}
.process li:last-child:after { content: ''; }
.process span, .process i { display: block; margin-bottom: 10px; }
.process span { font-size: 12px; color: #999; }
.process li:hover { border-color: #6e2cc3; }
.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; }
.table_list li { }
.dl_list { width: 100%; }
.dl_list dt { color: #6e2cc3; margin-bottom: 2px; font-weight: 600; padding-left: 10px; font-size: 16px; }
.dl_list dd { margin-bottom: 15px; border-bottom: 1px dashed #ddd; padding: 0 0 15px 10px; }
.dl_list span { padding-right: 3px; }
/*코로케이션*/
.sec_oder_w { width: 100%; padding-bottom: 20px; overflow: hidden; }
.sec_order { float: left; width: 90%; padding: 10px; border: 2px solid #ddd; border-radius: 10px; height: 60px; }
.sec_order li { text-align: center; }
.arrow_r { float: left; padding-top: 0; margin: 5px 0; width: 100%; text-align: center; }
.arrow_m20 li { margin-top: 20px !important; overflow: hidden; text-align: center; }
.arrow_m40 { margin-top: 0; }
.arrow_m20 > .margin_t10 { margin: 0; }
.cdn_ad { overflow: hidden; background: #f5f5f5; padding-left: 0; margin-bottom: 10px; min-height: 170px; }
.cdn_ad span { padding-top: 15px; display: inline-block; }
.border_point { background: #faf6ff; }
/*.col_table li { border: none; min-width: 200px }
.col_table .table_thead { width: 710px !important; }*/ /* 20170322 주석처리 */
.col_table .table_th { max-width: 55px; }
.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 { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); padding: 10px; border-bottom: 1px solid #ddd; }
.list_ctn dt, .list_ctn dd { width: 100%; }
.list_ctn dt { text-align: center; }
.sec_oder2_w .arrow_r { display: none; }
.sec_oder2_w ul { width: 38%; margin-left: 2%; margin-right: 2%; }
.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; }
.co_step{overflow:inherit}
.co_step ul { padding-bottom: 10px; }
.co_step li { width: 100%; display: block; }
.co_tab3 img { width: 100%; height: auto; }
.avast_rent{}
/*관리서비스*/
.form_table ul { width: 100%; }
.sec_control_order { float: left; padding: 10px 0; border: 2px solid #ddd; min-height: 20px; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); margin-bottom: 5px; overflow: hidden; }
.sec_control_order li, .sec_control_triangle li { text-align: center; }
.sec_control_order .padding10 { padding: 0; }
.sec_control_triangle { float: left; width: 100%; background: #6e2cc3; border-radius: 20px; margin: 10px 0; }
.sec_control_triangle li { padding: 20px; height: 15px; line-height: 20px; }
.sec_content_order {width: -webkit-calc(100% - 20px); width: calc(100% - 20px); ; background: #f5f5f5; border-radius: 10px; margin:0 auto;font-size: 14px;display:table;float:none}
.sec_content_order2 { float: left; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); background: #f5f5f5; border-radius: 10px; margin-top: 0; font-size: 14px }
.step_num { font-size: 18px; color: #6e2cc3 !important; font-weight: 600; }/*colocation.html css와 같음*/
.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; }
/* 관리서비스 */
.control_table .table_thead li, .control_table li ul li { padding: 5px 10px !important; }
.control_table li ul li:first-child { border-right: 1px solid #ddd !important; /*width: 55px !important */}
.idc_control .btn { padding: 10px 70px; }
/*9가지 무료서비스*/
.idc_free .cdn_ad { overflow: hidden; margin-bottom: 0; border-bottom: 1px solid #ddd; min-height: 100%; }
.idc_free .cdn_ad li { display: block; width: 96%; padding-left: 4%; }
.idc_free .cdn_ad li:first-child { text-align: center; }
.idc_free .cdn_ad img { margin: 10px 0 0 0; }
.idc_free .line_h130per span { line-height: 150%; }
.free_accordion_title .btn_apply { font-size: 12px; float: right; padding: 0 10px; margin: 5px 10px; }
.free_accordion_title h4 { text-align: center; }
.free_accordion_sub { display: block; width:-webkit-calc(92% - 2px) !important; width:calc(92% - 2px) !important;  overflow: hidden; padding: 0 4% 50px 4%; border-bottom: 1px solid #ddd; float: left; }
.free_accordion_sub .contents_box { width: 100%; margin: 30px 0; }
.free_accordion_sub img { width: 100%; height: auto; }
.free_accordion_sub .btn_org { float: none; width: 60%; padding: 0 10px; font-size: 12px; }
.free_accordion_sub div.table_thead { width: 94%; }
.free_accordion_sub div.col_11 span.font_16 { display: block; }
.free_accordion_sub .sec_oder2_w ul { padding: 8px; float: left; }
.free_step ul { padding-bottom: 10px; }
.free_step li { width: 100%; display: block; padding-bottom: 5px; }
.free_step .list_style li { padding-left: 0 !important; margin-left: 0 !important; width: 95%; }
.free_table { width: 100%; }
/* 부가서비스 */
.add_accordion_title { padding:20px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); background: #f5f5f5; float: left; border: 1px solid #ddd; margin-top: -1px; cursor: pointer; }
.add_accordion_title span { color: #fff; background: #6e2cc3; padding: 2px 10px; border-radius: 20px; font-size: 12px; float: left }
.add_accordion_title h4 { float: left; padding: 2px 5px; color: #000 }
.add_accordion_title p.clear { margin-left: 0; padding-top:10px }
.add_accordion_sub { display: block;  width:92%; overflow: hidden; padding: 0 4% 50px 4%; border-bottom: 1px solid #ddd; float: left; }
.add_accordion_sub .contents_box {width: 100%; margin: 30px 0;  }
.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 .btn_org{width:50%;}
.add_accordion_sub .process {margin-left: 10px;  }
.add_accordion_sub .process li { display: inline-block; margin-right: 16px; margin-bottom: 5px;  padding: 12px; width: 96px; height: 96px; text-align: center; vertical-align: middle; border: 2px solid #ddd; border-radius: 50%; font-size: 13px; }
.add_accordion_sub .process li:before {margin-left:118px}
.add_accordion_sub .process li:after { display: none; }
.add_accordion_sub .process i { color: #6e2cc3; }
.add_accordion_sub .process li:hover { border-color: #6e2cc3; }
.add_accordion_sub .table_m {overflow:auto;}
.add_accordion_sub .table_m li{min-width:100px;}
.add_accordion_sub .table_thead{padding-right:2px;}
.add_accordion_sub .table_m ul:nth-child(2) li:first-child{padding-left:1px;}

/* 0329 */

.add_accordion_sub .form_table_second li { padding: 5px 0; }

.product_detail .back_white{padding-left:0px}
.product_detail .table_th + .table_td{padding-left:5px !important;text-indent:0px}


/* 0412 */
.not_line { margin:3px 0; }
.not_line li{ border:0px; }
.not_line li:first-child { min-width:50px !important; }
.t_row{min-width:700px}
#road_table li{min-width:139px}
#road_table ul.t_row:last-child li:first-child.col_3{position:relative;background:#f5f5f5}
#road_table ul.t_row:last-child li:first-child ul{position:absolute; height:100%;top:0px;}
#road_table ul.t_row:last-child li ul{height:98px}
#road_table ul.t_row:last-child li ul:nth-child(4){height:auto}
#road_table ul:nth-child(2) li:first-child{padding-left:0px;}

/*170420*/
#user_coment li{min-width:67px}
.product_detail .table_th{min-width:inherit}

/* 할인혜택 20170530 */
.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 a { font-size:0px !important;}
.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: #6e2cc3 !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: 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', sans-serif; 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%;}
}

.mobile_margin_t20 { margin-top:0; }
.mobile_padding_l15p { padding-left:0; }

.mySlides { width:100%;height:auto;max-width:200px; margin:0 auto; }
.idc_main_img { width:100%; max-width:200px !important; height:auto; max-height:145px !important; }

.eventsale-priceinfo .event-discount {display: inline-block;text-align:right;margin-bottom:6px}

.integrated-security-box .form_table_second li, .integrated-security-box .form_table_second th,.integrated-security-box .form_table_second td {font-size:0.8em}