@charset "utf-8";

/* 고객센터 css*/

/* 검색부분 */
div.mysvcsearch_box {
	height:52px;
	margin-bottom:20px;
	background:url('../../images/cb/mysvc/search_mysvcbox.gif') no-repeat;
}
div.mysvcsearch_box div.inner {padding: 15px 20px 0 18px;}
div.mysvcsearch_box div.inner02 {padding: 18px 20px 0 18px;}
div.mysvcsearch_box label.sort {
	display:inline-block;
	padding:0 9px 0 8px;
	background:url('../../images/cb/common/bul/bul_square01.gif') no-repeat 0 6px;
	font-weight:bold;
	vertical-align:middle;
}
div.mysvcsearch_box strong.sort {
	display:inline-block;
	padding:0 9px 0 8px;
	background:url('../../images/cb/common/bul/bul_square01.gif') no-repeat 0 6px;
	vertical-align:middle;
}
div.mysvcsearch_box label.section {margin-right:10px;}
div.mysvcsearch_box input.radio {width:13px; height:13px; vertical-align:text-bottom; }
div.mysvcsearch_box div.inner label {margin-right: 10px;}

.customer_index:after {
	clear: both;
	display:block;
	content: ' ';
	visibility: hidden;
}
.customer_index .l_customer {float: left; width: 352px;}
.customer_index .r_customer {float: right; width: 352px;}
.customer_index ul.board li {
	padding: 0 0 0 8px;
	background:url('../../images/cb/common/bul/bul_arrow.gif') no-repeat 0 12px;
	line-height: 28px;
}
.customer_index ul.board {margin-left: 10px;}
.customer_index ul.board li a {width: 80%; float: left;}
.customer_index ul.board li:after {clear: both;
	display:block;
	content: ' ';
	visibility: hidden;}
.customer_index ul.board li span {float: right;}

div.cs_qna {width: 100%; margin-bottom: 20px;}
div.cs_qna dl {border-bottom:1px solid #cccccc;}
div.cs_qna dl:after {
	clear: both;
	display:block;
	content: ' ';
	visibility: hidden;
}
*+ html div.cs_qna dl { width:100%; }
* html div.cs_qna dl { width:100%; }
div.cs_qna dl dt {
	float: left;
	/*width: 320px;*/
    width:280px;
	padding: 7px 20px 5px 20px;
	font-weight: bold;
}
div.cs_qna dl dd {
	float: left;
	padding: 7px 0 5px;
}

.cs_desc {margin-bottom:20px;}
/* 호스팅 매뉴얼 */
div.manual {width:100%;clear: both; margin-bottom: 15px;}
div.manual:after {
	clear: both;
	display:block;
	content: ' ';
	visibility: hidden;
}
div.manual .l_manual {float: left;}
div.manual .r_manual {float: right;}
div.manual_wrap {
	background:url('../../images/cb/customer/bg_manual_btm.gif') no-repeat 0 100%;
}
div.manual_wrap dl.manual {
	background:url('../../images/cb/customer/bg_manual_top.gif') no-repeat 0 0;
	width: 336px;
	padding: 10px ;
}
dl.manual dt {font-weight: bold; color:#fff; background:url('../../images/cb/customer/bg_manual_title.gif') no-repeat 0 0; display: block; padding: 3px 0 3px 10px; margin-bottom: 5px;}
dl.manual dt {position: relative; background-image: none; background-color: #00adbb; border-radius: 15px;}
dl.manual dt:after {content: ''; position: absolute; right: 10px; top: 7px; display: block; width: 5px; height: 5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
dl.manual dd ul {clear: both;}
dl.manual dd ul:after {
	clear: both;
	display:block;
	content: ' ';
	visibility: hidden;
}
:root dl.manual dd ul {clear:both;}
dl.manual dd ul li {width: 160px; float: left; background: none; margin: 0; line-height: 160%;}
dl.manual dd ul li.long {width: 200px;}

/* faq 보기페이지 */
div.faq_top {
	background:url('../../images/cb/customer/faq_warp_top.gif') no-repeat 0 0;
	padding: 10px 10px 0 10px;
}
div.faq_btm {
	background:url('../../images/cb/customer/faq_warp_btm.gif') no-repeat 0 100%;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
div.faq_top dl {
	/* background:url('../../images/cb/customer/bg_faq_top.gif') no-repeat 0 top; */
	position:relative;
	width: 711px;
}
div.faq_top dt {
	/* background:url('../../images/cb/customer/bg_faq_btm.gif') no-repeat 0 bottom; */
	color:#fff;
	font-weight: bold;
	padding: 5px 120px 4px 10px;
	background-color: #00adbb;
	border-radius: 5px;
}
div.faq_top dd {
	padding: 10px;
}
div.faq_top dd span {position:absolute; top: 5px; right: 10px;color:#fff;	font-weight: bold;}
div.cs_board {text-align: center; border:3px solid #ccc; padding: 11px 0 9px;}

/* 이벤트 */
div.event_list {
	clear:both;
	width: 100%;
	margin-bottom: 20px;
}
div.event_list:after {
	clear:both;
	display: block;
	visibility: hidden;
	content: ' ';
}
div.event_list .left {
	float: left;
	width: 350px;
}
div.event_list .right {
	float: right;
	width: 350px;
}
div.event_list a {font-weight: bold;}
div.event_list img {display: block; margin-bottom: 10px;}
div.event_list dl {clear: both; border-bottom:1px solid #ccc; width: 100%;}
div.event_list dl.top {border-top:1px solid #ccc;}
* html div.event_list dl {clear: both; border-bottom:1px solid #ccc;}
*+ html div.event_list dl {clear: both; border-bottom:1px solid #ccc;}
div.event_list dl:after {
	clear:both;
	display: block;
	visibility: hidden;
	content: ' ';
}
div.event_list dl dt {
	float: left;
	background:url('../../images/cb/common/bul/bul_arrow02.gif') no-repeat 3px 7px;
	padding: 4px 0 2px 10px;
	width: 85px;
	font-weight: bold;
}
div.event_list dl dd {float: left; padding: 4px 0 2px 0;}
div.event_list dl.top {border-top:1px solid #ccc; margin-top: 5px;}
div.event_list .img_tit {margin-bottom: 10px}
div.event_view {width: 100%;}

div.sitemap {position:relative; margin-bottom: 30px; clear: both; padding-left: 20px; width: 710px;}
div.sitemap:after {
	clear:both;
	display: block;
	content: ' ';
	visibility: hidden;
}
div.sitemap div.firstmenu {
	float: left;
	width: 360px;
}
div.sitemap dl {width: 151px; margin-right: 28px; float: left;}
div.sitemap dl.domain {position:absolute; top: 0px; left: 200px; z-index: 1;}
div.sitemap dl.right {width: 151px; margin-right: 0;}
div.sitemap dt {margin-bottom: 2px;}
div.sitemap dt.mg-t30 {margin-top: 30px;}
div.sitemap dd ul li {
	background:url('../../images/cb/common/bul/circle_basic.gif') no-repeat 0 9px;
}
div.sitemap dd ul li.none {
	border: none;
}
div.sitemap dd ul.domain li {
	background:url('../../images/cb/common/bul/circle_domain.gif') no-repeat 0 9px;
}
div.sitemap dd ul.hosting li {
	background:url('../../images/cb/common/bul/circle_hosting.gif') no-repeat 0 9px;
}
div.sitemap dd ul.extra li {
	background:url('../../images/cb/common/bul/circle_extra.gif') no-repeat 0 9px;
}
div.sitemap dd ul li a {
	border-bottom:2px solid #e3e3e3;
	padding: 4px 0 2px 10px;
	display: block;
	font-weight: bold;
	color:#2b2b2b;
}
div.sitemap dd ul li a:hover {color:#d62222;}
div.sitemap dd ul.domain li a:hover {color:#9cca20;}
div.sitemap dd ul.hosting li a:hover {color:#f2990d;}
div.sitemap dd ul.extra li a:hover {color:#77a4e9;}
div.sitemap dd ul li ul.sub {margin: 0 0 10px 0;}
div.sitemap dd ul.sub li {
	background-image: none;
}
div.sitemap dd ul li ul.sub li a {
	border-bottom: 1px solid #d7d7d7;
	font-weight: normal;
	color:#898989;
	font-size: 90%;
}
div.sitemap dd ul li ul.sub li a:hover {font-weight: bold;}
div.sitemap dd ul.domain ul.sub li a:hover {color:#898989;}
div.sitemap dd ul.hosting ul.sub li a:hover {color:#898989;}
div.sitemap dd ul.extra ul.sub li a:hover {color:#898989;}

/* menual */
#popmenual {
	position:relative;
	width:100%;
	background:#d9d9d9;
}
#popmenual #popmenual_wrap {
	padding:5px;
}
#popmenual div.close {
	margin-top:5px;
	text-align:right;
}
#popmenual_head {
	position:relative;
	overflow:hidden;
	width:100%;
	background:url('../../images/crebiz/customer/hosting_manual_bg.jpg') repeat-x;
}
#popmenual_head div#right {
	position:relative;
	height:37px;
	background:url('../../images/cb/common/popup/bg_pophead_right.gif') no-repeat right top;
}
#popmenual_head h1 {
	height:27px;
	margin:0 !important;
	padding:10px 0 0 15px;
	background:url('../../images/crebiz/customer/hosting_manual_bg.jpg') no-repeat;
	font-size:0;
}
#popmenual_head span.price {
	position:absolute;
	top:7px;
	right:12px;
}
#popmenual_cont {
	width:774px;
	margin-top:5px;
	background:url('../../images/cb/common/popup/bg_popcont.gif') repeat-y;
}
#popmenual_cont_top {
	width:774px;
	background:url('../../images/cb/common/popup/bg_popcont_top.gif') no-repeat;
}
#popmenual_cont_btm {
	height:534px;
	padding:22px 15px 5px 15px;
	background:url('../../images/cb/common/popup/bg_popcont_btm.gif') no-repeat left bottom;
}

#menual_lnb {
	float:left;
	width:170px;
}

#menual_lnb h2 {
	width:152px;
	margin:0;
	padding:0 0 9px 2px;
	border-bottom:2px solid #434242;
	font-size:0;

}
#menual_lnb ul.lnb {padding-top:9px;}
#menual_lnb li {
	margin-top:6px;
	padding-bottom:4px;
	background:url('../../images/cb/common/popup/bg_menual_lnb.gif') no-repeat left bottom;
	font-size:12px;
	line-height:14px;
}
#menual_lnb li.on a {
	display:block;
	margin-bottom:7px;
	padding-bottom:4px;
	background:url('../../images/cb/common/popup/bg_menual_lnb.gif') no-repeat left bottom;
	font-weight:bold;
}
#menual_lnb li.on ul.sub {padding-left:4px;}
#menual_lnb li.on ul.sub li {
	margin:0;
	padding:0;
	background:none;
	font-size:11px;
}
#menual_lnb li.on ul.sub li a {
	display:inline;
	margin:0;
	padding:0;
	background:none;
	color:#8a8a8a;
	font-weight:normal;
	line-height:16px;
}
#menual_lnb li.on ul.sub li a:hover {color:#ff0000;}
#menual_lnb li.on ul.sub li.visible a {color:#ff0000;}

#menual_contents {
	float:right;
	width:554px;
}
#menual_contents div.tit_area {
	position:relative;
	width:552px;
	padding:0 0 8px 2px;
	border-bottom:2px solid #828282;
}
#menual_contents div.tit_area img {vertical-align:top;}
#menual_contents div.tit_area .btn_area {
	position:absolute;
	top:-2px;
	right:0;
}
#menual_contents div.scroll_cont {
	overflow:scroll;
	overflow-x:hidden;
	width:534px;
	height:449px;
	margin:15px 0 0 10px;
	padding-right:10px;
	line-height:1.5;
}
#menual_contents h4 {
	margin-bottom:15px;
	padding-bottom:0;
	background:url('../../images/cb/common/bul/pop_title.gif') no-repeat 0 2px;
}
#menual_contents h5 {
	margin-bottom:6px;
	padding:0;
	background:none;
	color:#fe0002;
	line-height:14px;
}
#menual_contents div.mediaplayer {
	margin-bottom:20px;
	text-align:center;
}
#menual_contents p.menual_desc {
	margin-bottom:15px;
	line-height:14px;
}
.menual_dlist {margin-bottom:20px;}
#menual_contents .scroll_cont .menual_img {
	margin:8px 0 10px 0;
}
#menual_contents .scroll_cont .menual_img02 {
	margin:8px 0 20px 0;
}
#menual_contents .scroll_cont .menual_img03 {
	margin:20px 0 10px 0;
}
#menual_contents .scroll_cont .dash {margin:5px 0 0 10px;}
.point {color:#fe0002;}
#menual_contents .num01 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num01.gif') no-repeat 0 1px;
}
#menual_contents .num02 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num02.gif') no-repeat 0 1px;
}
#menual_contents .num03 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num03.gif') no-repeat 0 1px;
}
#menual_contents .num04 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num04.gif') no-repeat 0 1px;
}
#menual_contents .num05 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num05.gif') no-repeat 0 1px;
}
#menual_contents .num06 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num06.gif') no-repeat 0 1px;
}
#menual_contents .num07 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num07.gif') no-repeat 0 1px;
}
#menual_contents .num08 {
	padding-left:20px;
	background:url('../../images/cb/common/popup/img_num08.gif') no-repeat 0 1px;
}
#menual_contents .section {margin-bottom:10px;}
#menual_contents .section02 {margin-bottom:20px;}

#moreinfo_link {
	position:relative;
	width:100%;
	margin-top:15px;
	padding-top:4px;
	border-top:2px solid #ccc;
}
#moreinfo_link .btn_area {
	position:absolute;
	top:5px;
	right:0;
}
#moreinfo_link .btn_area a {margin-left:-1px;}

/* paging */
.paging .left_btn {position:absolute; top:5px; left:0; background:none;}