/* common */
input[type="text"], input[type="password"] { 
	background:#FFF; 
	border:1px solid #afafaf; 
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}


/* 로그인 */
.login_cont { position:relative; width:600px; margin: 0 auto; border:#CCC solid 1px; text-align: center; margin-top: 150px; padding-bottom: 40px; display: inline-block;}
.login_titl { background:#1c3a6f; font-size:22px; color: #fff; line-height:22px; text-align:center; padding:20px 0;}
.login_titl span { font-size: 16px;}
.login_inputbox { width:400px; margin:0 auto; margin-top:50px;}
input[type="text"].inputbox_idpw, input[type="password"].inputbox_idpw { width:100%; height: 25px; background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 2px; font-size: 14px; color:#666; padding: 10px 7px 12px 7px; margin-bottom:10px;}
input[type="text"].inputbox_idpw:focus, input[type="password"].inputbox_idpw:focus { background-color: #FFF;}
.join_idpw { width:100%; text-align:center; margin-top:30px; overflow:hidden;}
.join_idpw ul { display:inline-block;}
.join_idpw ul li { margin-top:2px; float:left; cursor:pointer;}
.join_idpw ul li span { font-size: 13px; color: #999; vertical-align: middle; margin: 0 3px; display: inline-block;}
.join_idpw ul li.join_idpw_line { width:1px; height:30px; background:#CCC; margin:0 40px;}
.btn_inner_c { width: 100%; margin-top: 30px; text-align: center; display: inline-block;}
.login_footer { width: 600px; margin: 0 auto; margin-top: 20px; font-size: 11px; color: #666; text-align: center;}
.login_footer span { margin: 0 4px;}
.login_footer .txt_comapny { color: #f4440d; font-weight: 400;}
@media screen and (max-width:899px) {
	.login_cont { width: auto; margin: 100px 15px 0 15px;}
	.login_inputbox { width: 80%; left: 0; right: 0;}
	.login_footer { width: auto; line-height: 20px;}
	.login_footer .txt_comapny { display: block;}
}

/* 회원가입 */
.agree_cont { width: 100%; display: inline-block;}
.agree_inner { width: 1014px; margin: 0 auto;}
.agree_box { width: 100%; max-height: 180px; border: 1px solid #CCC; text-align: left; vertical-align: top; padding: 30px 30px; margin-bottom: 10px; overflow-y: auto;}
.agree_titl { font-size: 14px; color: #333; font-weight: 600;}
.agree_body_txt { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; color: #666; margin-top: 10px; line-height: 24px;}
.agree_check { margin-top: 10px; text-align: right;}

table.join { width: 100%; border-collapse: collapse;}
table.join tbody tr { display: table-row;}
table.join tbody td { height: 36px; border-bottom: 1px solid #d7d7d7; font-size: 13px; color: #555; text-align: left; padding: 5px 10px; display: table-cell;}
table.join tbody td.top { border-top: 2px solid #666;}
table.join tbody td.titl { background-color: #ededed; text-align: left; padding-left: 15px;}
table.join input[type="text"],input[type="password"] {
	height: 20px;
	border: 1px solid #ccc;
	padding: 5px;
}
table.join input[type="text"].inputbox_name { width: 20%; padding: 5px;}
table.join input[type="text"].inputbox_pw { width: 30%; padding: 5px;}
table.join input[type="text"].inputbox_tel { width: 50%; padding: 5px;}
table.join input[type="text"].inputbox_school { width: 30%; padding: 5px;}
table.join input[type="text"].inputbox_email { width: 50%; padding: 5px;}
table.join input[type="text"].inputbox_zipcode { width: 10%; padding: 5px;}
@media screen and (max-width:899px) {
	.agree_cont { margin-top: 20px;}
	.agree_inner { width: auto; padding: 5px;}
	.agree_box { padding: 15px 15px;}
	.agree_body_txt { font-size: 0.85em; line-height: 20px;}
	table.join tbody td.titl { width: 18%;}
	table.join input[type="text"].inputbox_name { width: 100%; padding: 5px;}
	table.join input[type="text"].inputbox_pw { width: 90%; padding: 5px;}
	table.join input[type="text"].inputbox_tel { width: 100%; padding: 5px;}
	table.join input[type="text"].inputbox_school { width: 50%; padding: 5px;}
}

/* 아이디, 비번 찾기 */
.idpw_cont { position:relative; width:600px; margin: 0 auto; border:#CCC solid 1px; text-align: center; margin-top: 130px; padding-bottom: 40px; display: inline-block;}
.idpw_grp { width: 400px; margin: 0 auto; text-align: center; padding-top: 50px;}
.idpw_inputbox { text-align: left;}
.idpw_btn { margin-top: 10px;}
@media screen and (max-width:899px) {
	.idpw_cont { width: auto; margin: 100px 15px 0 15px;}
	.idpw_grp { width: auto;}
	.idpw_inputbox { width: 80%; margin: 0 auto;}
}


/* 버튼 */
.btn-default {
    text-align: center;
	vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s linear
}
.btn_login { background: #ccc; border: 1px solid #bbb; border-radius:3px; font-size: 14px; color:#333; font-weight: 400; padding: 12px 80px 12px 80px;}
.btn_login:hover { background: #aaa; border: 1px solid #aaa;}
.btn_find { background: #ccc; border: 1px solid #bbb; border-radius:3px; font-size: 14px; color:#333; font-weight: 400; padding: 12px 35px 12px 35px;}
.btn_find:hover { background: #aaa; border: 1px solid #aaa;}
.btn_main_bann { width: 170px; background-color: #00a1f5; border: 1px solid #00a1f5; border-radius: 2px; font-size: 16px; color:#FFF; font-weight: 500; line-height: 24px; padding: 9px 0 11px 0; margin-right: 10px;}
.btn_main_bann:hover { background-color: #ff723a; border: 1px solid #ff723a; transition: all 0.2s linear;}
.btn_biz01 { width: 250px; background-color: #d94e23; border: 1px solid #d94e23; font-size: 18px; color:#FFF; font-weight: 500; line-height: 24px; padding: 20px 0 20px 0;}
.btn_biz01:hover { background-color: #b62c01; border: 1px solid #b62c01; transition: all 0.2s linear;}
.btn_biz02 { width: 250px; background-color: #558c19; border: 1px solid #558c19; font-size: 18px; color:#FFF; font-weight: 500; line-height: 24px; padding: 20px 0 20px 0;}
.btn_biz02:hover { background-color: #406e0d; border: 1px solid #406e0d; transition: all 0.2s linear;}
.btn_biz03 { width: 250px; background-color: #3f65a1; border: 1px solid #3f65a1; font-size: 18px; color:#FFF; font-weight: 500; line-height: 24px; padding: 20px 0 20px 0;}
.btn_biz03:hover { background-color: #2c5088; border: 1px solid #2c5088; transition: all 0.2s linear;}
.btn_support { background-color: #ffcc00; border: 1px solid #ffcc00; font-size: 18px; color: #333; font-weight: 500; padding: 12px 60px 14px 60px;}
.btn_support:hover { background-color: #ffa800; border: 1px solid #ffa800;}
.btn_confirm { background:#0066c3; border: 1px solid #0066c3; border-radius: 2px; font-size: 14px; color:#FFF; padding: 8px 40px 8px 40px;}
.btn_confirm:hover { background:#005aac; border: 1px solid #005aac; transition: all 0.2s linear;}
.btn_cancel { background:#9a9a9a; border: 1px solid #9a9a9a; border-radius: 2px; font-size: 14px; color:#FFF; padding: 8px 40px 8px 40px;}
.btn_cancel:hover { background:#777777; border: 1px solid #777777; transition: all 0.2s linear;}
.btn_write { background:#a1a1a1; border: 1px solid #a1a1a1; border-radius: 2px; font-size: 14px; color:#FFF; padding: 8px 50px 8px 50px;}
.btn_write:hover { background:#919191; border: 1px solid #919191; transition: all 0.2s linear;}
.btn_list { background:#9a9a9a; border: 1px solid #9a9a9a; border-radius: 2px; font-size: 14px; color:#FFF; padding: 8px 50px 8px 50px;}
.btn_list:hover { background:#919191; border: 1px solid #919191; transition: all 0.2s linear;}
@media screen and (max-width:899px) {
	.btn_main_bann { width: 94px; font-size: 0.8em; line-height: 18px; padding: 7px 0 9px 0; margin-right: 0;}
	.btn_biz01, .btn_biz02, .btn_biz03 { margin-bottom: 5px;}
}
.btn_cont {
	margin-top: 30px;
}