@charset "utf-8";

/*
 Date : 2016-12-26
 Project :전남대학교 여수 생활관 - 신입생 로그인전용
 writer : 임설
 Update : 
*/

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {}
#login_wrap {width:600px; margin:40px auto; color:#414141; font-family:'Nanum Gothic','Gulim','굴림', 'Dotum','돋움','Tahoma'; }
#login_wrap legend { position:absolute; width:1px; height:1px; overflow:hidden; color:#fff; }
#login_wrap input { font-family:'Nanum Gothic','Gulim','굴림', 'Dotum','돋움','Tahoma';}
#login_wrap ul { margin:0; padding:0; }
#login_wrap ul li { margin:0; padding:0; list-style-type:none; }
#login_wrap div.login_top { font-size: 24px; font-weight:bold; padding-bottom:5px;}
#login_wrap div.login_top .title { padding-bottom:0;}
#login_wrap div.login_middle { position:relative; background:#fbfbfb; min-height: 200px; padding:20px 0 25px 0; border-top:2px solid #6b6b6b; border-bottom:1px solid #e4e4e4; text-align:center;}
#login_wrap div.login_middle div.login_inner_wrap {clear:both; display:inline-block; width:90%; vertical-align:top;}
#login_wrap div.login_middle div.login_inner_wrap:first-child { margin-right:15px; }
#login_wrap div.login_middle div.login_inner_wrap div.login_inner_title { font-weight:bold; font-size:18px; padding:0 10px 10px 5px; text-align:left;}
#login_wrap div.login_middle div.login_inner_wrap div.login_inner_txt { font-weight:bold; font-size:13px; padding:0 10px 10px 5px; text-align:left; line-height:150%;}
/*#login_wrap div.login_middle div.login_inner_wrap ul.login_type {padding:0 0 10px 10px;}
#login_wrap div.login_middle div.login_inner_wrap ul.login_type:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
#login_wrap div.login_middle div.login_inner_wrap ul.login_type li {font-weight:bold; font-size:13px; float:left; margin-right:10px;}
#login_wrap div.login_middle div.login_inner_wrap ul.login_type li input[type=radio] {vertical-align:middle;}*/
#login_wrap div.login_middle div.login_inner_wrap span.login_type {padding:0 0 10px 10px; display:block; text-align:left;}
#login_wrap div.login_middle div.login_inner_wrap span.login_type:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
#login_wrap div.login_middle div.login_inner_wrap span.login_type label {font-weight:bold; font-size:13px; margin-right:10px;}
#login_wrap div.login_middle div.login_inner_wrap span.login_type input[type=radio] {vertical-align:middle;}

#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap { width:90%;clear:both; position:relative; padding:20px; margin:0 auto; font-weight:bold; border:1px solid #ddd; border-radius:10px; background:#fff;}
#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap p.info_text { font-size:14px; margin:0; padding:0 0 10px 0; font-weight:normal; text-align:left; line-height:140%;}
#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul li { margin:0 0 5px 0; }
#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul li label { width:20%; display:inline-block; color:#414141; font-size:15px; text-align:left;}
#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul li input[type=password],
#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul li input[type=text] { width:70%; height:30px; padding:2px 10px; background:#fff; border:1px solid #dbdbdb; }
#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap input[type=submit]{position:relative; margin:5px 0 0 0; width:100%; height:35px; background:#416fa7; color:#fff; font-weight:bold; cursor:pointer; font-size:15px; border:none; border-radius:5px;}
#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap a{position:relative; float:left;margin:10px 0 0 0; padding-top:10px;width:100%; height:35px; background:#416fa7; color:#fff; font-weight:bold; cursor:pointer; font-size:15px; border:none; border-radius:5px;}
#login_wrap div.btn_wrap { width:100%; padding:0; margin:10px auto 0 auto; text-align:right; }
#login_wrap a.btn_grey {background:url('../images/common/btn_dot.png') no-repeat right 10px #a6a6a6; color:#fff; font-size: 13px; display:inline-block; padding:5px 30px 5px 15px; text-align:left; font-weight:bold; text-decoration:none; border-radius:5px;}
#login_wrap div.login_info {padding:20px; border-bottom:1px solid #e4e4e4; font-size:13px; line-height:140%; }
#login_wrap ul.info_txt {padding:15px 10px 0 10px;}
#login_wrap ul.info_txt li {font-size:13px; text-align:left; margin:0 0 7px 0; padding:0 0 0 25px; background:url('../images/common/dot_li.png') no-repeat 13px 7px;}

@media all and (max-width:600px) {
	#login_wrap { margin:0; padding:3%; width:94%; }
	#login_wrap div.login_middle { padding:1%; width:98%; }
	#login_wrap div.login_middle div.login_inner_wrap { padding:3%; margin:15px 0 0 0; width:94%; }
	#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap  { width:94%; margin:0; padding:3%; }
	#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul {margin:10px 0 0 0;}
	#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul li input[type=password],
	#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul li input[type=text] { width:94%; padding:2px 3%; margin:5px 0;}
	#login_wrap div.login_middle div.login_inner_wrap div.login_input_wrap ul li label { widtH:100%; text-align:left; }
	#login_wrap div.login_middle div.login_inner_wrap div.btn_wrap { margin:0; padding:0;  }
	#login_wrap div.login_middle div.login_inner_wrap div.btn_wrap a.btn_grey { display:block; width:82%; padding:7px 13% 7px 5%; margin: 10px 0;}
	#login_wrap div.login_middle div.login_input_wrap input[type=submit] { position:relative; width:100%;}
}