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

.wrap_submain { background: url(/img/hosting/main_bg.jpg)left top no-repeat; background-size: cover; min-height: 670px !important; z-index: 1; }
section.submain { width: 1400px; font-family: Nanum_BG; }
.info_cycle { position: absolute; float: left; margin: 130px 0 0 0; width: 400px; height: 400px; border-radius: 50%; border-width: 7px; border-style: solid; background: #fff; letter-spacing: -0.05em; text-align: center; z-index: 5; box-shadow: inset 3px 3px 5px #bbb; overflow: hidden; background-clip : padding-box; }
.info_cycle span.float_l i { position: absolute; margin-left: 30px; margin-top: 170px; color: #ccc; z-index: 7; cursor: pointer; }
.info_cycle span.float_r i { position: absolute; margin-left: -35px; margin-top: 170px; color: #ccc; z-index: 6; cursor: pointer; }
.cycle_in { clear: both; margin: 80px auto 0 auto; width: 330px; height: 300px; text-align: center; }
.cycle_in h2 { font-family: Nanum_BGL; font-weight: 100; font-size: 35px; color: #000; }
.cycle_in img { margin-top: 5px; opacity: .25; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=25)'; }
.cycle_in ul { margin-top: 5px; line-height: 140%; font-family: Nanum_Go; }
.cycle_in .btn { background: #000; color: #fff; font-size: 14px; margin-top: 20px; padding: 6px 25px; border-radius: 15px; }
.cycle_in .btn i { padding-right: 3px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.wrap_submain { /*min-height: 570px !important;*/ padding-bottom: 0 !important; } /* 170413 min-height 주석처리 */
section.submain { width: 96%; }
.info_cycle { margin: 90px 0 0 0; width: 327px; height: 327px; border-width: 5px; }
.info_cycle span.float_l i { margin-left: 15px; margin-top: 145px; }
.info_cycle span.float_r i { margin-left: -20px; margin-top: 145px; }
.cycle_in { margin: 50px auto 0 auto; width: 270px; height: 250px; text-align: center; }
.cycle_in h2 { font-size: 27px; }
.cycle_in img { width: 30%; }
.cycle_in ul { margin-top: 5px; line-height: 135%; font-family: Nanum_Go; }
.cycle_in .btn { font-size: 13px; padding: 4px 18px; }
.cycle_in .btn i { padding-right: 3px; }
}
/**/
.submain_contents { float: right; margin: 170px 0 0 0; overflow: hidden; }
.info_menu { width: 1100px; height: 70px; margin: 55px 0 0 0; background: transparent; }
.info_menu h2 { position: relative; float: left; font-family: RobotoCon; margin-left: 210px; font-size: 60px; font-weight: 300 !important; letter-spacing: -0.03em; text-transform: uppercase; line-height: 100%; }
.main_icon { float: right; margin-right: 15px; }
.main_icon li { float: left; cursor: pointer; min-width: 60px; text-align: center; background-repeat: no-repeat; background-position: left top; }
.main_icon li:hover { background-repeat: no-repeat; background-position: left top; }
.main_icon span { display: block; visibility: hidden; font-size: 12px; margin-bottom: 0px; padding: 2px 4px; }
.main_icon li:hover span { visibility: visible; border-radius: 8px; color: #fff; }
.main_icon li img { border-width: 2px; border-style: solid; border-color: transparent; margin-top: -5px; }
.main_icon li:hover img { margin-top: -3px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.submain_contents { float: right; margin: 160px 0 0 0; overflow: hidden; }
.info_menu { width: 80%; height: 65px; margin: 0; background: transparent; float: right; }
.info_menu h2 { font-size: 45px; line-height: 65px; margin-left: 27%; }
.main_icon { margin-right: 5px; }
.main_icon li { min-width: 50px; }
.main_icon span { font-size: 10px; padding: 2px 3px; }
.main_icon li:hover img { margin-top: -4px; }
}
/**/
.info_service { width: 1100px; height: 60px; padding: 0; margin-bottom: 30px; background: #005fca; color: #fff; line-height: 60px; }
.info_service li { float: left; padding-left: 30px; }
.info_service li span { color: #FF0; }
.info_service .color_org { color: #F60 !important; }
.info_service li:first-child { padding: 0 10px 0 130px !important; text-align: right; background: rgba(0,0,0,0.4); }
.info_service li i { margin-right: 3px; opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; }
.info_service a { color: #fff; margin-right: 20px; }
.info_service a i { color: #fff; margin-right: 2px; opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; }
.info_service a:hover i { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.info_service { width: 80%; float: right; }
.info_service li { font-size: 13px; height: 34px; padding: 17px 0 9px 15px; min-width: 8%; width: auto; overflow: hidden; line-height: 110%; }
.info_service li:first-child { width: 7%; line-height: 110% !important; height: 30px; padding: 16px 10px 14px 18% !important; font-size: 13px; }
.info_service li:nth-child(2) { min-width: 17%; padding-left: 20px }
.info_service li.login_bf:nth-child(2) { width: auto !important; line-height: 34px !important }
.info_service li:last-child { line-height: 31px; }
.info_service li span { display: block; }
.info_service .color_org { color: #F60 !important; display: inline-block; padding-left: 2px; }
.info_service li i { font-size: 15px; margin-top: 6px; display: inline-block; float: left; padding-right: 5px; }
.info_service span.float_r { line-height: 60px; }
.info_service a { color: #fff; margin-right: 13px; font-size: 12px; }
}
@media only screen and (min-width:1071px) and (max-width:1280px) {
.info_service li:first-child { line-height: 30px !important; }
}
@media only screen and (min-width:1205px) and (max-width:1280px) {
.info_menu h2 { margin-left: 21%; }
.info_service li { font-size: 13px; height: 34px; padding: 14px 0 12px 23px; min-width: inherit; width: auto; overflow: hidden; line-height: 32px !important; }
.info_service li:first-child { width: 10%; padding: 16px 10px 14px 10% !important; }
.info_service li:nth-child(2) { width: auto; padding-left: 20px }
.info_service li span { display: inline; }
}
/**/
.info_contents { width: 940px; float: right; }
.info_contents dl { float: left; margin-left: 65px; }
.info_contents dt { margin-bottom: 16px; color: #353535; font-weight:bold; font-size:16px; } /* 0327 color:#696969->#353535 */
.info_contents dd { color: #000; }

.cs_center ul { background: url(../img/icon_cscenter.png) left 104px no-repeat; margin-top: 3px; }
.cs_center li { padding: 0 0 1px 48px; color:#696969; }/* 0327 color:#696969추가 */ /* 170418 padding 0 0 1px 50px -> 0 0 1px 48px */
.cs_center li span { font-size: 22px; font-weight: 600; }
.cs_center li span.cs_center_weekend {font-size:inherit;font-weight:inherit;padding-left:76px;display:block}
.cs_center li:nth-child(1) { padding-left: 0;
    font-family: Nanum_SR, sans-serif; letter-spacing: -1px; padding-bottom: 8px; }
.cs_center li:nth-child(2) {padding-left:0;margin-bottom:10px}
.cs_center li:nth-child(3) { font-size: 30px; font-weight: 600; padding-left: 42px; } /* 170418 padding-left 45px -> 42px */
.cs_center li:nth-child(4) { padding-left: 45px; } /* 170418 add */
.cs_center li:nth-child(5) { padding-left: 45px; } /* 170418 add */

.name_server p { line-height: 20px; margin-bottom: 15px; padding-left: 47px; background-repeat: no-repeat; background-position: left top; color:#696969; } /* 0327 color:#696969추가 */
.name_server p:nth-child(1) { background-image: url(/img/icon_01.png); }
.name_server p:nth-child(2) { background-image: url(/img/icon_02.png); }
.name_server p:nth-child(3) { background-image: url(/img/icon_03.png); } /* 0327 03,04.png 추가 */
.name_server p:nth-child(4) { background-image: url(/img/icon_04.png); }
.notice p { font-family: Nanum_Go; font-weight: normal; margin-bottom: 6px; width: 290px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#696969; }/* 0327 color:#696969추가 */
.notice p:before { content: "·"; padding-right: 3px; color: #777;}
.notice dt span { margin-right: 20px; padding: 3px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.info_contents { width: 65%; }
.info_contents dl { width: 29%; height: auto; margin-left: 5px; font-size: 13px }
.info_contents dl:first-child { width: 28%; }
.info_contents dl:last-child { width: 38%; float: right !important; margin-right: 13px; }
.cs_center li { padding: 0 0 1px 37px; }
.cs_center li span { font-size: 22px; }
.cs_center li:nth-child(1) { padding-bottom: 10px; }
.cs_center li:nth-child(2) { font-size: 25px; font-weight: 600; padding-left: 34px; margin-bottom: 7px; }
.cs_center ul { background-size: 16%; margin-top: 0; }
}
 @media only screen and (min-width:769px) and (max-width:1136px) {
.notice p { margin-bottom: 10px; width: 100%; }
.name_server { width: 27% !important; margin-left: 2% !important; }
.name_server p { line-height: 110%; margin-bottom: 5px; padding-left: 40px; }
.name_server p:nth-child(1), .name_server p:nth-child(2) { /*background-size: 13%;*/ padding-bottom: 3px } /* 해상도 줄어들시 각 서비스 메인페이지 DNS아이콘 줄어듬 X 170410 */ 
}
@media only screen and (min-width:1137px) and (max-width:1280px) {
.name_server p { line-height: 130%; margin-bottom: 15px; padding-left: 40px; }
.name_server p:nth-child(1), .name_server p:nth-child(2) { /*background-size: 13%;*/ padding-bottom: 3px } /* 해상도 줄어들시 각 서비스 메인페이지 DNS아이콘 줄어듬 X 170410 */ 
.cs_center li { padding: 0 0 1px 45px; }
.cs_center li:nth-child(2) { margin-bottom: 0; padding-left: 45px }
.cs_center ul { background-size: 15%; margin-top: 0; }
}
/* 페이지별 맞춤 */
/* 호스팅 */
.submain_hosting .info_cycle { border-color: #005fca }
.submain_hosting .info_menu h2 { color: #005fca; }
.submain_hosting .main_icon li:hover span { background: #005fca; }
.submain_hosting .main_icon span { color: #005fca; }
.submain_hosting .info_service { background: #005fca; }
.submain_hosting .cycle_in .btn:hover { background: #005fca; }
/* 도메인 */
.submain_domain .info_cycle { border-color: #0e736e }
.submain_domain .info_menu h2 { color: #0e736e; }
.submain_domain .main_icon li:hover span { background: #0e736e; }
.submain_domain .main_icon span { color: #0e736e; }
.submain_domain .info_service { background: #0e736e; }
.submain_domain .cycle_in .btn:hover { background: #0e736e; }
/* IDC */
.submain_idc .info_cycle { border-color: #4c287c }
.submain_idc .info_menu h2 { color: #4c287c; }
.submain_idc .main_icon li:hover span { background: #4c287c; }
.submain_idc .main_icon span { color: #4c287c; }
.submain_idc .info_service { background: #4c287c; }
.submain_idc .cycle_in .btn:hover { background: #4c287c; }
/* 이미지호스팅 */
.submain_img .info_cycle { border-color: #8d1779 }
.submain_img .info_menu h2 { color: #8d1779; }
.submain_img .main_icon li:hover span { background: #8d1779; }
.submain_img .main_icon span { color: #8d1779; }
.submain_img .info_service { background: #8d1779; }
.submain_img .cycle_in .btn:hover { background: #8d1779; }
/* 부가서비스 */
.submain_add .info_cycle { border-color: #99410b }
.submain_add .info_menu h2 { color: #99410b; }
.submain_add .main_icon li:hover span { background: #99410b; }
.submain_add .main_icon span { color: #99410b; }
.submain_add .info_service { background: #99410b; }
.submain_add .cycle_in .btn:hover { background: #99410b; }
/* 무료서비스 */
.submain_free .info_cycle { border-color: #65990b }
.submain_free .info_menu h2 { color: #65990b; }
.submain_free .main_icon li:hover span { background: #65990b; }
.submain_free .main_icon span { color: #65990b; }
.submain_free .info_service { background: #65990b; }
.submain_free .cycle_in .btn:hover { background: #65990b; }


/* 170529 서버호스팅 New _ Main */
.padding_t_60 { padding-top:60px; }
.padding_t_30 { padding-top:30px; }

.new_idc_wrap { margin:0 auto; text-align:center; }
.new_idc_title { margin:40px 0; }
.new_idc_title_img { margin:0 auto; width:95%; max-width:447px;}
.new_idc_title_img img { width:100%; }

.top_new_idc_txt { text-align:center; overflow:hidden; margin-right:17%; }
.top_new_idc_txt li:nth-child(1) { margin-top:40px; }
.top_new_idc_txt li:nth-child(2) { margin-top:40px; }
.top_new_idc_txt li:nth-child(3) { margin-top:40px; }
.top_new_idc_txt li:nth-child(4) { margin-top:40px; }

.new_idc_txt {  }
.new_idc_txt li:nth-child(1) { margin-top:40px; }
.new_idc_txt li:nth-child(2) { margin-top:40px; }
.new_idc_txt li:nth-child(3) { margin-top:40px; }
.new_idc_txt li:nth-child(4) { margin-top:40px; }

.txt_underline { /*text-decoration: underline; vertical-align:bottom;*/border-bottom:3px solid #b6b6b6; padding-bottom:5px; }

.first_title_txt { font-size:2.4em; line-height:250%; font-family:'Nanum_SR'; color:#323232; }
.second_title_txt { font-size:1.35em; line-height:150%; font-family:'Nanum_SR';  }

#wrap_contents_gray { width:100%; height: 100%; min-height: 1100px;}
#wrap_contents_bottom { width:100%; height: 100%; min-height: 700px;}
.new_idc_content{ background-color:#f8f8f8; width:100%; margin:0 auto; text-align:center; }

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

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

.new_double_stage { width:100%; margin:15px 0; }
.new_double_stage ul { display:inline; width:33.33333%; list-style:none;}
.new_double_stage li { display:inline; margin:0 3px; }

.new_half_stage { position:relative; margin:0 auto; padding:30px 0 0 0; width:95%; max-width:1075px; }
.new_half_stage ul li { margin:0; }
.new_half_stage ul { display:table; width:100%; list-style:none; }
.new_half_stage li { display:table-cell; width:50%; }

.half_img { width:95%; max-width:535px; }
.half_img img { width:100%; }
.half_txt_left { padding:55px 25px 35px 25px; font-size:10px; vertical-align:top; text-align:left; }
.half_txt_left p { font-size:1.4em; line-height:200%; }
.half_txt_right { padding:55px 25px 35px 25px; font-size:10px; vertical-align:top; text-align:right; }
.half_txt_right p { font-size:1.4em; line-height:200%; }



.new_half_stage2 { position:relative; margin:0 auto; width:95%; max-width:1075px; padding-bottom:30px; }
.new_half_stage2 ul li { margin:0; }
.new_half_stage2 ul { width:100%; list-style:none; text-align:left; margin:30px 0; }
.new_half_stage2 li { display:inline-block; margin:0; }

.half_img2 { width:27%; max-width:290px; height:200px; background-color:red; }
.half_img2 img { width:100%; }

.half_txt { width:70%; max-width:785px; vertical-align:top; padding:0px 10px 10px 10px; }
.half_txt p:nth-child(1) { line-height:180%; font-size:1.5em; color:#333333; font-weight:bold; }
.half_txt p:nth-child(2) { line-height:150%; font-size:0.9em; color:#333333;  }
.half_txt p:nth-child(3) { line-height:170%; font-size:1em; color:#333333; font-weight:bold; margin-top:15px;  }
.half_txt p:nth-child(4) { line-height:150%; font-size:0.9em; color:#333333; margin-top:15px;  }
.small_half_txt { line-height:140% !important; font-size:0.8em !important; color:#333333; margin-top:15px; }
.new_idc_bottom { margin:0 0 40px 0; }

.idc_btn_stage { padding:30px 0; }
.idc_btn_stage a { display:inline; }
.idc_btn_stage a:nth-child(2) { margin-left:20px; }
.idc_hover_btn { border:1px solid #2174b8; color:#2174b8 !important; text-decoration:none; padding:12px 18px; width:200px; border-radius:20px; font-weight:bold; }
.idc_hover_btn:hover { color:#fff !important; background-color:#2174b8; }

@media only screen and (min-width:320px) and (max-width:1048px) {
	.new_half_stage { position:relative; margin:0 auto; padding:10px 0 0 0; width:95%; max-width:1075px; }
	.new_half_stage ul li { margin:0; }
	.new_half_stage ul { display:inline; width:95%; list-style:none; }
	.new_half_stage li { display:inline-block; width:95%; }

	.half_txt_left { padding:10px 25px 10px 25px; font-size:10px; vertical-align:top; text-align:center; }
	.half_txt_left p { font-size:1.4em; line-height:200%; }
	.half_txt_right { padding:10px 25px 10px 25px; font-size:10px; vertical-align:top; text-align:center; }
	.half_txt_right p { font-size:1.4em; line-height:200%; }


	.new_half_stage2 { position:relative; margin:0 auto; width:95%; max-width:1075px; padding-bottom:30px; }
	.new_half_stage2 ul li { margin:0; }
	.new_half_stage2 ul { width:100%; list-style:none; text-align:left; margin:30px 0; }
	.new_half_stage2 li { display:block; margin:0; }

	.half_img2 { width:95%; height:200px; background-color:red; margin:0 auto !important; }
	.half_img2 img { width:100%; }

	.half_txt { width:95%;vertical-align:top; padding:0px 10px 10px 10px; }
	.half_txt p:nth-child(1) { line-height:180%; font-size:1.5em; color:#333333; font-weight:bold; }
	.half_txt p:nth-child(2) { line-height:150%; font-size:0.9em; color:#333333;  }
	.half_txt p:nth-child(3) { line-height:150%; font-size:0.9em; color:#333333; margin-top:15px;  }
	.small_half_txt { line-height:140% !important; font-size:0.8em !important; color:#333333; margin-top:15px; }
	#wrap_contents_bottom { width:100%; height: 100%; min-height: 600px;}
}


/* 170614 서버호스팅 메인페이지 좌측메뉴관련 */
#idc_main_left { position:absolute; left:221px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
	#idc_main_left { position:absolute; left:23px; }
	#idc_main_left .leftnav { width:183px; margin-top:40px; } /* 170323 좌측메뉴네임 길이를 고려 0.5% 증가 */
}