@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html {overflow-y:scroll}

body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, img, span, table, tr, td, select, input, textarea, option{margin:0; padding:0;}
body{font-size:16px; font-family: 'Noto Sans KR', sans-serif; color:#4d4d4f; background:#282828;}

/* Å©·Î½ººê¶ó¿ì¡À» À§ÇÑ CSS ÃʱâÈ­ */
 *{margin:0; padding:0;} 
a{outline:0px;}
a:link{font-size:12px; color:#a9a9a9; text-decoration:none;}                                       
a:hover{font-size:12px; color:#a9a9a9; text-decoration:none;}
a:visited{font-size:12px; color:#a9a9a9;  text-decoration:none;}
caption, legend{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;}
img{border:0px;}
fieldset,img{border:0; vertical-align:top;}
table{border-collapse:collapse; border-spacing:0; border:0;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input[type=password]{IME-MODE: disabled;}
ul,ol,dl{list-style:none;}
textarea{overflow:auto;} 
button,label{cursor:pointer;}



#wrap {position:relative; width:100%; overflow:hidden; background:#bfbfbf;}
.inner{position:relative; width:100%; max-width:1000px; margin:0 auto; background:#fff;}



@media all and (max-width:1000px){
	.inner{max-width:795px;}
	.inner img {max-width:100%;}
}

@media all and (max-width:640px){
	.inner{max-width:640px;}
	.inner img {max-width:100%;}
}

.bottom {text-align:center; padding-bottom:4%;}


/* Member */
.member_area {}
.member_box {position:relative; width:77%; margin:7% auto 0 auto;}
.member_box img {max-width:100%;}
.member_box .tit {margin:0 0 4% 0; text-align:center;}
.member_box .txt {margin:5% 0 3% 0;}

.login_form {position:relative; width:100%; margin:0 auto; line-height:60px;}
.login_form p {position:relative; width:100%; display:inline-block; margin-bottom:3%;}
.login_form p.login_txt {text-align:center;}

.login_form label {padding:0 3%; vertical-align:middle; display:inline-block;}
.login_form input {width:74.5%; height:45px; background:#e7eaee; border:1px solid #e7eaee;}
.login_form .phone_input {width:20.5%; height:40px; background:#e7eaee; border:1px solid #e7eaee; text-align:center;}
.login_form span.hyp {height:30px; line-height:20px; font-size:2em; font-weight:700; color:#202021; padding:0 2%; display:inline-block; vertical-align:middle;}
.login_form .login_box {width:82%; display:inline-block; background:#e7eaee;}
.login_form span.btn_member {position:absolute; top:0; right:0; }
.login_form span.btn_member img {width:125px; height:58px;}

.btn_login {margin-top:1%;}


@media all and (max-width:1000px){
	.login_form input {width:80%; height:45px;}
	.login_form span.hyp {padding:0 1.5%;}
	.login_form .phone_input {width:22%; height:40px;}
	.login_form .login_box {width:80%; display:inline-block;}

	/*.login_form span.btn_member img {max-width:50%; border:2px solid red;}*/

}

@media all and (max-width:640px){
	
	.login_form {line-height:45px;}
	.login_form p {display:inline-block;}


	.login_form label {padding:0; text-align:center;}
	.login_form label img {max-width:60%;}

	.login_form input {width:75%; height:30px;}
	.login_form span.hyp {padding:0 1.5%;}
	.login_form .phone_input {width:19.5%; height:30px; border-radius:10px;}

	.login_form .login_box {width:100%; display:block;}

	.login_form span.btn_member2 {width:100%; display:inline-block; text-align:center; margin:4% 0 6% 0;}
	.login_form span.btn_member2 input {width:82px; height:38px; }


	.bottom p.btn {}
	.bottom p.btn img {max-width:30%;}
	
}


/* Agenda */
.agenda_area {padding-bottom:7%;}
.agenda_area .btn {text-align:center; margin-bottom:3%;}
.agenda_area ul {width:76%; margin:0 auto;}


.serial {position:absolute; bottom:13%; right:2%; z-index:99;}


.btn {width:100%; text-align:center;}
.btn_back {position:absolute; bottom:33px; left:43px;}


@media all and (max-width:1000px){
	.agenda_area .btn img {max-width:30%;}
	.serial img {max-width:100%;}
}

@media all and (max-width:640px){
	.agenda_area ul li {line-height:0;;}
	.serial img {max-width:50%;}
}



/* Survey */
#container_survey {position:relative;}

.survey_ares {}
.survey_box {width:87%; margin:4% auto 0 auto;}
.survey_box ul {}
.survey_box ul li {}
.survey_box ul li.line {border-bottom:2px dashed #d0d1d1;}
.survey_box ul li.line2 {border-bottom:2px solid #677692;}
.survey_box ul li.con {text-align:center; padding:10px 0 14px 0;}
.survey_box ul li.con span.pe1 {margin-right:20%;}
.survey_box ul li.con input {width:20px; height:20px; vertical-align:middle;}
.survey_box ul li.con img {vertical-align:middle; margin-right:1%;}
.survey_box ul li.con2 {text-align:center; padding:1% 0 5% 0;}
.survey_box ul li.con2 label {display:inline-block; padding:0 2%; vertical-align:middle;}
.survey_box ul li.con2 input.text_input1 {width:25%; height:35px; border:3px solid #e6e6e7;}
.survey_box ul li.con2 input.text_input2 {width:50%; height:35px; border:3px solid #e6e6e7;}


.survey_box ul li dl {width:100%; display:inline-block;}
.survey_box ul li dl dt {float:left;}
.survey_box ul li dl dd {/*height:50px;*/ line-height:30px; width:35%; display:inline-block; float:right;}
.survey_box ul li dl dd img {vertical-align:middle;}
.survey_box ul li dl dd input {width:20px; height:20px; vertical-align:middle;}

.survey_box ul li dl dd.top {}
.survey_box ul li dl dd span {margin-right:14%;}
.survey_box ul li dl dd span.last {margin-right:0;}

.survey_box ul li textarea {width:97.1%; height:120px; padding:1%; border:1px solid #fff;}

.top_tit {margin:0 0 1% 0;}
.mt1 {margin-top:1%;}

.btn_survey {width:100%; text-align:center; margin-top:5%;}

@media all and (max-width:1000px){
	.survey_box ul {}
	.survey_box ul li.con2 input.text_input1 {width:28%;}
	.survey_box ul li.con2 input.text_input2 {width:40%;}

	.survey_box ul li dl dt {}
	.survey_box ul li dl dd {width:36.5%;}

	.survey_box ul li dl dd span {margin-right:10%;}
}



@media all and (max-width:640px){
	.survey_box ul {}
	.survey_box ul li.m_tit {line-height:0;}

	.survey_box ul li.con {}
	.survey_box ul li.con span.pe1 {margin-right:10%;}
	.survey_box ul li.con input {width:10px; height:10px;}
	.survey_box ul li.con img {max-width:15%;}

	.survey_box ul li.con2 label	{display:inline;}
	.survey_box ul li.con2 label img {max-width:15%; height:10px; vertical-align:3px;}
	.survey_box ul li.con2 input.text_input1 {width:22%; height:25px; font-size:0.875em;}
	.survey_box ul li.con2 input.text_input2 {width:42%; height:25px; font-size:0.875em;}

	.survey_box ul li dl dt {width:100%;}
	.survey_box ul li dl dd {width:35%; height:20px; line-height:20px;}
	.survey_box ul li dl dd input {width:13px; height:13px; vertical-align:middle;}

	.survey_box ul li dl dd span {margin-right:5%;}
	.survey_box ul li dl dd span.last {margin-right:0;}
	.survey_box ul li textarea {width:95%;  font-size:0.875em;}
	.top_tit img {max-width:40%; margin-left:-3%;}
	
	.btn_survey {margin-bottom:5%;}
	.btn_survey input {max-width:40%;}
}