@charset "utf-8";
/* CSS Document */
/* 기본세팅
--------------------*/
* {margin:0; padding:0; font-family:'Nanum Gothic', 'Malgun Gothic', Verdana, Geneva, sans-serif; font-size:12px;}

body, div, form, p, span, input {margin:0px; padding:0px;}
ul, ol, dl, li, dt, dd {margin:0; padding:0; list-style:none;}

a img, iframe {border:0 none;}
a {text-decoration: none;}
a:hover {text-decoration:underline;}

.clear {clear:both}


/* Forms
------------------------------*/
form, fieldset {margin:0; padding:0;}	
fieldset {border:1px solid #000;}
legend {padding:0; color:#000;}

input, textarea, select {margin:0; padding:1px; font-size:100%;}	
select {padding:0; }


/* 폼 세팅
------------------------------*/
form.cmxform {color:#333;}
form.cmxform fieldset {border:none;	border-top:1px solid #E6E6E6; padding:10px 0 0;}

form.cmxform label {width:200px; display:inline-block; line-height:1.8; vertical-align:top;}
form.cmxform fieldset p {padding:0px; width:200px; min-height:30px; margin-bottom:5px; display:inline-block;}
form.cmxform input.submit {margin-left:103px;}
form.cmxform label.error {margin-left:0px;}
form.cmxform label.error, label.error {color:red; font-style:italic; font-size:11px;}

.interest_box h3 {border-bottom:1px solid #E6E6E6; padding:10px 0 10px; margin-bottom:10px;}
.interest_box tr td {padding-bottom:10px;}

#info .error { margin-left:0px;}

div.error {display:none;}
input, select {border:1px solid #c7c7c7; padding:3px;}
input.checkbox {border: none }
input:focus {border:1px dotted black; }
input.error {border:1px dotted red; }
select:focus {border:1px dotted black; }
select.error {border:1px dotted red; }
form.cmxform .gray * {color:gray; }

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/* 화면구성
------------------------------*/
#regi {margin:0 auto; padding:0; width:860px; background-color:#FFF;}
#regi_mid {padding:0px; position:relative;}

/* 정보 입력 */
.info_box {width:420px; height:488px; overflow:hidden; float:left; padding:0 20px; position:relative;}
.logo { padding-bottom:15px; border-bottom:1px solid #E6E6E6;}
.tit {color:#333333; font-size:16px; font-weight:bold; padding:10px 0; display:block;}

.login_box {width:360px; padding:20px 0 10px;}
.email_area { padding-top:15px; border-top:1px solid #cdcdcd;}

/* 약관 */
.info {float:right; padding:20px; width:360px; height:448px; background-color:#f5f5f5;}
.terms_box_area {font-size:12px; font-weight:bold; padding:10px 0;}
.terms_box{
	border:1px solid #eaeaea; width:342px; height:76px; font-size:11px; color:#888888; padding:8px; text-align:justify; line-height:150%; overflow:auto; margin-bottom:10px; letter-spacing:-1px;
	background-color:#e4e4e4;
}
.info_ck {height:40px;}
.info_bt {border:1px solid #c7c7c7; border-radius:2px; background-color:#FFF; cursor:pointer; display:inline-block;	padding:2px 4px; font-size:11px; color:#666; width:80px; height:23px; line-height:20px; letter-spacing:-1px;}
.terms_bt {width:360px; padding:0 0 15px 0; font-size:12px; font-weight:bold;}

/* 버튼 */
.btn_area {width:360px;}
.btn {background-color:#1889c8; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; width:170px; height:26px !important; cursor:pointer; display:inline-block; border:0;}
.btn2 a {background-color:#1889c8; color:#FFFFFF; font-size:12px; font-weight:bold; padding:4px; text-align:center; width:100px; cursor:pointer; display:inline-block; border:0; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
.btn2 a:hover {background-color:#02577b;}

.login_box { margin-top:15px;}

/* 설문조사 */
.survey_aera {margin:0px 0px 0px 20px; border-top:1px solid #999;}
.survey_aera .tit {border-bottom:1px solid #E6E6E6; width:100%; margin-bottom:20px;}
.surver_stit {font-weight:bold; font-size:13px;}
.surver_stit span {font-size:13px; color:#777;}
.survey_aera table {padding-bottom:10px;}
.survey_aera td {color:#404040; font-size:12px; padding:5px;}

@media only screen and (max-width:600px) {
	#regi { width:100%;}
	.info_box {width:auto; float:none; padding:0 20px;}
	form.cmxform fieldset p { width:45%;}
	.info_box label {width:100% !important;}
	form.cmxform fieldset p input {width:100% !important;}
	form.cmxform fieldset p select {width:105% !important;}
	
	.info { width:auto; height:100%; float:none; padding:20px; background-color:#f5f5f5;}
	form.cmxform .info .info_ck label.error { display:block !important;}
	.info .checkbox { width:13px !important;}
	
	.terms_box {width:95%}
	
	.btn_area { width:100%}
	.btn_area table { width:100%;}
	.btn {width:96%;}
	
	.login_box { width:100%;}	
	.login_box .btn { width:40%;}
	
	
}