/*
	- Project : hosting
	- Author : phpschool
	- Description : 로그인 style sheet
	- Create : 2011-02-11
	- Modify : YYYY-MM-DD
	- Version : ver 1.0

	* 수정 주석처리 순서 : 날짜 이름 수정사항

	- MODIFY HISTORY (수정 부분, 수정일 반드시 작성)
		-
*/

/* 
========================================================================
	회원약관동의 
======================================================================== 
*/
/** 약관동의 **/
#hostingInput .terms {
	height: 1%;
	overflow: hidden;
	padding-top: 10px;
}
#hostingInput .terms h3 {
	font-weight: bold;	
	font-size: 11px;
	margin-bottom:5px;
	color: #444444;
	padding-left:8px;
}
#hostingInput .terms li {
	float: left;
	width: 340px;
}
#hostingInput .terms .last {
	padding-left: 20px;
}
#hostingInput .terms .check-agree {
	padding-left: 17px;
}

#hostingInput .terms .check-agree textarea {	
	overflow-y: scroll;
	overflow-x: hidden;
	width: 340px;
	height: 110px;
	line-height: 18px;
	margin-bottom: 8px;
	border: 1px solid #dddddd;
}

/** 회원종류 선택 **/
#hostingInput  .member-auth .mem-st {
	height: 46px;
	overflow: hidden;
	padding-left: 15px;
}
#hostingInput  .member-auth .mem-st li {
	float: left;
	margin-right: 20px;
	color: #444444;
	font-weight: bold;
	padding-top:15px;
}
#hostingInput  .member-auth .certi-frm {
	position: relative;
	border-top: 2px solid #ded9df;
	border-bottom: 2px solid #ded9df;
	height:115px;
}
#hostingInput  .member-auth .inner-frm {
	position: relative;
	padding: 15px 0 0 5px;
}
#hostingInput .member-auth .list-input {
	position: relative;
}
#hostingInput .member-auth .list-input li {
	overflow: hidden;
	height: 22px;
	margin-bottom: 5px;
}
#hostingInput .member-auth .list-input li label {
	margin-right: 25px;
}
#hostingInput .member-auth li .tit,
#hostingInput .member-auth li .input-wrap {
	float: left;
}
#hostingInput .member-auth li .tit {
	width: 105px;
	padding-left: 9px;
	font-weight: bold;	
	color: #444;
}
#hostingInput .member-auth li .input-wrap .txt-input-dark,
#hostingInput .member-auth li .input-wrap .pnum-bull {
	float: left;
}
#hostingInput .member-auth li .input-wrap .pnum-bull {
	padding: 0 5px;
}
#hostingInput .member-auth .btn-submit {
	position: absolute;
	top: 42px;
	left: 300px;
	_left: 275px;
}
#hostingInput  .member-auth .helper-section {
	position: absolute;
	top: 15px;
	left: 410px;
	height: 80px;
	border-left: 1px solid #ded9df;;
}
#hostingInput  .member-auth .helper-section .txt-imp {
	letter-spacing: -1px;
	padding: 15px 0 0 20px;
	color: #999999;
	line-height: 18px;
}
#hostingInput  .member-auth .helper-section .txt-imp h3 {
	font-weight: bold;
	font-size: 12px;
}

/* 아이핀 인증 일경우 */
#hostingInput  .member-auth .inner-frm  .conf-ipin {
	vertical-align: midddle;
	padding-left: 60px;
	color: #777;
	line-height: 49px;
	background: url(/images/member/join_icon_01.gif) 15px 50% no-repeat;
}
#hostingInput .member-auth .inner-frm .conf-ipin .gt {
	display: inline-block;
	margin-left: 5px;
	width: 20px;
	background: url(/images/member/join_icon_02.gif) 0 18px no-repeat;
}

/* 사업자,외국인일 경우 */
#hostingInput  .member-auth .cfo-frm {
	height: 85px;
}

#hostingInput .member-auth .cfo-frm .btn-submit {
		position: absolute;
		top: 15px;
		left: 300px;
		_left: 275px;
	}


#hostingInput  .member-auth .cfo-frm .helper-section {
	height: 60px;
}
#hostingInput  .member-auth .cfo-frm .helper-section .txt-imp {
	padding-top: 10px;
	color: #777777;
}
/* 외국인회원 */
#hostingInput  #membertype2 .helper-section .txt-imp {
	padding-top: 0;
	color: #777777;
}
#hostingInput  .member-auth .cfo-frm .company-no input {
	margin-right: 5px;
}
#hostingInput  .member-auth .cfo-frm .txt-imp {
	padding-top: 22px;
}

/* 외국인 일경우 */
#hostingInput  .member-auth .cfo-frm {

}


/* 
========================================================================
	회원정보 입력 
======================================================================== 
*/
#hostingInput .chk-msg {
	padding-top: 10px;
	color: #5499de;
	font-size: 11px;
}
#hostingInput .chk-msg img {
	vertical-align: middle;
}
#hostingInput .info-input-table {
	margin: 0 auto;
}
#hostingInput .info-input-table th .tb-left {
	padding-left: 27px;
	line-height: 22px;
}

#hostingInput .info-input-table td .dsc,
#hostingInput .info-input-table td .fc-dark-pink {
	margin-top:3px;
	font-size: 11px;
}
#hostingInput .info-input-table td .dsc {
	color: #999;
}
#hostingInput .info-input-table td .addr-wrap {
	margin-top: 5px;
}
/* 사용가능 아이디 체크 */
#hostingInput .chk-match{
	margin-top: 5px;
	padding-left: 15px;
	background: url(/images/icon/icon_h5_w10_arow_pink.gif) no-repeat 0 45%;
}
/* 자동가입 방지 */
#hostingInput .info-input-table td .tb-auto-join {
	position: relative;
	height: 63px;
}
#hostingInput .info-input-table td .tb-auto-join .auto-img {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 155px;
	height: 50px;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}
#hostingInput .info-input-table td .tb-auto-join .auto-img img {
	width: 100%;
	height: 100%;
}
#hostingInput .info-input-table td .tb-auto-join .auto-txt {
	margin-left: 180px;
	font-size: 11px;
	color: #999;
}

#hostingInput .table-wrap .check-agree {
	padding-top: 5px;
}

#hostingInput .table-wrap .check-agree textarea {	
	overflow-y: scroll;
	overflow-x: hidden;
	width: 400px;
	height: 110px;
	line-height: 18px;
	margin-bottom: 8px;
	border: 1px solid #dddddd;
}


/* 
========================================================================
	회원가입완료
======================================================================== 
*/
		
#joinSuccess .cgtxt-box {
 	height: 290px;
 	padding: 60px 0 0 390px;
 	background: url(../images/join/bg_windmill.gif) 55px 68px no-repeat;
}
#joinSuccess .cgtxt-box .login-do {
	position: relative;
	width: 306px;
	height: 60px;
	margin-top: 23px;
	border: 1px solid #ddd;
}

/** 로그인 **/
#joinSuccess .login-do dl {
	width: 200px;
	padding: 10px 0 0 15px;
	height: 1%;
	overflow: hidden;
}
#joinSuccess .login-do dt,
#joinSuccess .login-do dd {
	line-height:20px;
	float: left;
} 
#joinSuccess .login-do dt {
	width: 78px;
	padding-left: 9px;
	font-weight: bold;
	background: url(../images/bull/bull_h2_w2_sqr_pink.gif) 0px 8px no-repeat;
}
#joinSuccess .login-do .sbm-btn {
	position: absolute;
	top: 5px;
	left: 218px;
}

/* 
========================================================================
	웹호스팅
======================================================================== 
*/
#hostingInput .goodsInfo { 
	float: right; 
	width: 723px; 
	border: 1px solid #c6d7e9; 
}
#hostingInput .goodsInfo th { 
	background-image: url('/images/hosting/hosting_th_bg.gif'); 
	background-repeat: repeat-x; 
	color:#ffffff; 
	border-right:1px solid #c4d5e9; 
}
#hostingInput .goodsInfo tr { 
	height: 34px; 
}
#hostingInput .goodsInfo td { 
	border-right:1px solid #c4d5e9; 
	border-bottom:1px solid #c4d5e9; 
}

#hostingInput .goodsInfo .pointtit { 
	border-top:2px solid #b02fae; 
	border-left:2px solid #b02fae; 
	background-color: #ebf3fa; 
	font-weight:bold;
	color:#2288bc;
}
#hostingInput .goodsInfo .pointtit2 { 
	border-bottom:2px solid #b02fae; 
	border-left:2px solid #b02fae; 
	background-color: #ebf3fa; 
	font-weight:bold;
	color:#2288bc;
}
#hostingInput .goodsInfo .pointtop { 
	border-top:2px solid #b02fae; 
}
#hostingInput .goodsInfo .pointtoped { 
	border-top:2px solid #b02fae; 
	border-right:2px solid #b02fae; 
}
#hostingInput .goodsInfo .pointbtm { 
	border-bottom:2px solid #b02fae; 
}
#hostingInput .goodsInfo .pointbtmed { 
	border-bottom:2px solid #b02fae; 
	border-right:2px solid #b02fae; 
}
#hostingInput .goodsInfo .title { 
	background-color: #ebf3fa; 
}
#hostingInput .goodsInfo .goods { 
	width: 109px; 
}

#hostingInput .goodsInfo2 { 
	float: right; 
	width: 723px; 
	border: 1px solid #c6d7e9; 
}
#hostingInput .goodsInfo2 th { 
	background-image: url('/images/hosting/hosting_th_bg.gif'); 
	background-repeat: repeat-x; 
	color:#ffffff; 
	border-right:1px solid #c4d5e9; 
}
#hostingInput .goodsInfo2 tr { 
	height: 34px; 
}
#hostingInput .goodsInfo2 td { 
	border-right:1px solid #c4d5e9; 
	border-bottom:1px solid #c4d5e9; 
}
#hostingInput .goodsInfo2 .title { 
	background-color: #ebf3fa; 
	border-top: 2px solid #aaa; 
}
#hostingInput .goodsInfo2 .shtitle { 
	background-color: #ebf3fa; 
	border-top: 2px solid #F26522; 
}
#hostingInput .goodsInfo2 .c0b6 { 
	color:#0b6bb5;
}
#hostingInput .goodsInfo2 .goods { 
	width: 109px; 
}
#hostingInput .goodsBtn { 
	width: 70px; 
	height: 22px; 
	border: 0 none; 
	cursor: pointer; 
	background: url('/images/main/goods_btn.gif') no-repeat; 
}
#hostingInput .goodsBtnGray { 
	width: 70px; 
	height: 22px; 
	border: 0 none; 
	cursor: pointer; 
	background: url('/images/main/goods_grey_btn.gif') no-repeat; 
}
#hostingInput .infoBoxLine { 
	border:1px solid #cccccc; 
	width: 703px; 
	padding: 10px; 
}
#hostingInput .infoBoxLineImportant { 
	border:1px solid #c4d5e9; 
	background-color: #EBF3FA;
	width: 703px; 
	padding: 10px; 
}
#hostingInput .infoText { 
	line-height: 18px; 
}
#hostingInput .titleBull { 
	background: url('/images/hosting/hosting_icon_01.gif') 0 50% no-repeat; 
	padding-left: 8px; 
}
#hostingInput .serviceBox {
	width: 227;
	background: url("/images/customer/service_bg.gif") repeat-y scroll transparent;
	line-height: 20px;
}

/* ======================================================
	로그인 없이 연장
========================================================== */
#hostingNologin_input input.border_blue_box{
	height:17px;
	width:346px;
	padding-top:4px;
	border:2px solid #5899DD;	
}
#hostingNologin_input .text_li li{
	margin-bottom:8px;
	margin-left:10px;
	padding-left:10px;	
}
#hostingNologin_input .explain_box{
	border:1px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:5px;
	margin-top:24px;
}

/* 체크모양 도트 : 회원정보/입력페이지에서 사용됨 사용됨  O*/
#contentWrap .check_dot_01{
	background: url("/images/myservice/info_edit_page/ck_mark.gif") no-repeat scroll 14px 0 transparent;
}
#contentWrap .check_dot_02{
	background: url("/images/myservice/info_edit_page/ck_mark.gif") no-repeat scroll 5px 2px transparent;
}

.hide{
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
}

/* 이미지호스팅이란  이미지 이용방법 */
#hostingInput .infoBoxLine .imgwhy{
	width: 700px;
}
#hostingInput .infoBoxLine .imgwhy td{
	border-bottom:1px dashed #ccc;
	vertical-align:top;
	line-height:18px;
}
#hostingInput .infoBoxLine .imgwhy .nolinend{
	border-bottom:0px;
	vertical-align:top;
	line-height:18px;
}