/*
INDEX 화면
*/
html, body{height: 100%; margin: 0; padding: 0; vertical-align: baseline; font-size: 9pt; font-family: '나눔고딕', 'NanumGothic', 'MalgunGothic'; box-sizing:border-box;}
ul, li {list-style:none;}
 p{margin:0;}
body { background-image: url('/images/etc/intro_bg.png'); background-position: center; background-repeat: no-repeat 0 0; background-size: cover; margin: 0; -webkit-text-size-adjust: none; overflow:hidden; margin:0; }
#head{width: 100%; }
.logo{width: 100%; margin-top: 100px; margin-bottom: 30px; padding-left: 17%; }
#wrap{vertical-align: middle; text-align: center; margin-left: 17%; }
.main_login { width:500px; min-height: 180px; background-color: rgba(255,255,255, 0.5); display: block;  flex-wrap:wrap; text-align: center; padding-top: 30px;  margin-right: 100px; margin-top: 150px; vertical-align: middle; }
.main_login img{ margin-bottom: 10px; cursor:pointer; }
.main_login span{ font-weight:bold; color:#658bb1; padding-top: 5px; font-size: 10pt; }
.board_list{ width: 600px; min-height:260px; background-color: rgba(255,255,255, 0.5); display: block;  flex-wrap:wrap; text-align: left; margin-bottom: 10px; padding:5% 0 0 8%; }
.board_list ul, li { vertical-align:top; text-align:center; margin:0; padding:0; line-height:24px; display:block; }
.board_title{ font-size: 21px; float: left; font-weight:bold; border-bottom: 2px solid #c2c2c2; padding-bottom: 5px;}
.board_more{ font-size: 15px; float: left; font-weight:bold; padding-left: 372px; border-bottom: 2px solid #c2c2c2; padding-bottom: 5px; color: #0074AB;}
.board_more_2{ font-size: 15px; float: left; font-weight:bold; padding-left: 392px; border-bottom: 2px solid #c2c2c2; padding-bottom: 5px; color: #0074AB;}
.board_list_title { width:450px; border-bottom: 1px solid #c2c2c2; float:left; text-align: left; }
.board_list_day {width:95px; border-bottom: 1px solid #c2c2c2; float: left; text-align:right; }

/* INDEX - 회원가입 Layer */
.member_layer { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; }
.member_layer .member_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
.member_layer .member_pop-layer { display:block; }

.member_pop-layer { display:none; position: absolute; top: 375px; left: 50%; width: 1020px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10; }	
.member_pop-layer .member_pop-container { padding: 20px 25px; }
.member_pop-layer p.member_ctxt { color: #666; line-height: 25px; }
.member_pop-layer .member_btn-r { width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right; }
.member_pop-layer .member_btn-p { width: 100%; margin:0; padding-top: 10px; border-top: 1px solid #DDD; text-align:right; }

.memReg_title { font-size:18px; font-weight:bold; color:#6d6d6d; border-bottom:1px solid #6772af; }
.memReg_form td { padding-left:15px; height:35px; vertical-align:middle; }
.memReg_menu { background:#f4faff; border-top:1px solid #dbe1ee; font-weight:bold; }
.memReg_menu2 { background:#f4faff; border-top:1px solid #dbe1ee; border-bottom:1px solid #dbe1ee; font-weight:bold; }
.memReg_s_menu { background:#eefbef; border-top:1px solid #dbe1ee; font-weight:bold; }
.memReg_s_menu2 { background:#f4fff5; border-top:1px solid #dbe1ee; border-bottom:1px solid #dbe1ee; font-weight:bold; }
.memReg_input { border-top:1px solid #dbe1ee; }
.memReg_input2 { border-top:1px solid #dbe1ee; border-bottom:1px solid #dbe1ee; }

input[name="pro_item"]{ position:relative; top:2px; }

/* INDEX - 로그인 Layer */
.login_layer { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; }
.login_layer .login_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
.login_layer .login_pop-layer { display:block; }

.login_pop-layer { display:none; position: absolute; top: 375px; left: 50%; width: 420px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10; }	
.login_pop-layer .login_pop-container { padding: 20px 25px; }
.login_pop-layer p.login_ctxt { color: #666; line-height: 25px; }
.login_pop-layer .login_btn-r { width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right; }
.login_pop-layer .login_btn-p { width: 100%; margin:0; padding-top: 10px; border-top: 1px solid #DDD; text-align:right; }

.login_form_td { padding-left:10px; height:45px; vertical-align:middle; }
.login_form_btn { 
	line-height:76px; 
	border-radius:5px; 
	font-size:20px; 
	width:120px; 
	height:82px; 
	background-color:#6f88b3; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-align:center; 
	margin:0 auto; 
	vertical-align:middle; 
	cursor:pointer;
}

/* Layer 창 input text 공통 */
.input_form { border:1px solid #dadbe7; height:22px; border-radius:5px; padding-left:5px; padding-right:10px; background-color:#FFFFFF; }
.input_login { font-size:22px; color:#8f8f8f; border:1px solid #dadbe7; height:35px; border-radius:5px; padding-left:5px; padding-right:10px; background-color:#FFFFFF; }