@charset "utf-8";

#MemberConts_Wrap { clear:both; margin-bottom:100px; margin-top:6px;}
/* 상단메뉴*/
#memberGnbmenu_wrap { clear:both; width:100%; height:59px; background:#fafafa; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; }
.memberGnbmenu{ width:1000px; margin:0 auto;}
.memberGnbmenu li { float:left; font-size:16px; color:#000; line-height:58px; font-weight:600; width:33.3%; text-align:center;}
.memberGnbmenu li a { color:#000;}


.member_ttl { font-size:36px; font-weight:600; padding:40px 0 35px 0;}

.Leftmenu_ttl .Leftmenu_icon_7 { float:right; width:50px; height:40px; margin:-8px 5px 0 0; display:inline-block; background:url(../images/sub/left_icon_7.jpg) right 0px no-repeat;}

.loginWrap{border:1px solid #e1e1e1; background:#f9f9f9; padding:50px 0 40px; margin-bottom:30px;}
.loginWrap .loginBox{margin:0 auto; width:60%; overflow:hidden}
.loginWrap .loginBox .text{font-size:16px; margin-bottom:20px}
.loginWrap .loginBox .info{overflow:hidden; padding-right:170px; position:relative}
.loginWrap .loginBox .info dt{display:none}
.loginWrap .loginBox .info dd{margin-bottom:10px;}
.loginWrap .loginBox .info dd input[type=text],.loginWrap .loginBox .info dd input[type=password]{height:38px; line-height:38px; width:94%; padding-left:5%; border:1px solid #cbcbcb; color:#999999}
.loginWrap .loginBox .info a.btn{width:150px; height:90px; line-height:90px;  background:#696969; text-align:center; display:block; position:absolute; top:0; right:0}
.loginWrap .loginBox .info a.btn span{display:inline-block; padding-right:24px; background:url(../images/sub/ico_1.png) right center no-repeat; font-weight:600; font-size:22px; color:#fff;}

.login_link {width:400px}
.login_link li{min-height:30px; line-height:30px; font-size:14px; margin-bottom:10px}
.login_link li a{display:inline-block; float:right; height:28px; line-height:28px; text-align:center; width:40%; font-size:14px; border:1px solid #d1d1d1; background:url(../images/sub/btn_bg.gif) bottom repeat-x}

.joinWrap{padding:250px 0 50px; background:url(../images/sub/member_join_logo.gif)  center 50px no-repeat; text-align:center}
.joinWrap .text1{color:#28438e; margin-bottom:30px; font-size:30px; font-weight:600}
.joinWrap .text2{color:#555555; font-size:20px; margin-bottom:50px; line-height:30px}
.joinWrap .text2 span{display:block}
.joinWrap .btn{display:inline-block; text-align:center; width:60%; background:#2d85c0; color:#fff; font-size:18px; height:60px; line-height:60px}


.findBox{width:50%; float:left; text-align:center}
.findBox .box.type1{padding-right:10%}
.findBox .box.type2{padding-left:10%; background:url(../images/sub/find_line.gif) repeat-y}
.findBox .box .tit{color:#2c4496; font-size:14px; margin-bottom:5px; text-align:left}
.findBox .box .tit_type{color:#555555; font-size:14px; margin-bottom:25px; text-align:left}
.findBox .box dl{position:relative; padding-left:60px; margin-bottom:10px; text-align:left}
.findBox .box dt{position:absolute; top:0; left:0; height:50px; line-height:40px;}
.findBox .box dd{height:40px; line-height:40px;}
.findBox .box dd select,.findBox .box dd input[type=text],.findBox .box dd input[type=password]{height:38px; line-height:38px; width:94.5%; padding:0 2.5%; border:1px solid #cbcbcb; color:#999999}
.findBox .box dd select{width:95%; margin:0}
.findBox .box dd table{width:100%}
.findBox .box dd td{padding:0; text-align:center}
.findBox .box a.btn{width:100px; height:40px; line-height:40px;  background:#696969; text-align:center; display:inline-block; margin-top:20px; font-size:16px; color:#fff;}


/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/







@media (min-width: 766px) and (max-width:999px) {
	
.loginWrap .loginBox{ width:80%; }

#memberGnbmenu_wrap { clear:both; width:100%; margin:0 auto;}
.memberGnbmenu{ width:100%; margin:0 auto;}

	
}


@media all and (max-width:765px) {
.loginWrap .loginBox{ width:80%; }
.loginWrap .loginBox .info{padding-right:0;}
.loginWrap .loginBox .info a.btn{position:static; margin:0  auto; }

.login_link {width:100%}
.login_link li a{ float:none; width:60%; margin-left:10px}

.joinWrap .text1{font-size:25px;}
.joinWrap .text1 span{display:block; line-height:30px}
.joinWrap .text2{font-size:16px;}
.joinWrap .text2 span{display:inline; line-height:25px}


.findBox{width:100%; float:none;}
.findBox .box.type1{padding-right:0; padding-bottom:30px;}
.findBox .box.type2{padding-left:0; background:url(../images/sub/find_line.gif) repeat-x; padding-top:30px;}



#memberGnbmenu_wrap { clear:both; width:100%; margin:0 auto;}
.memberGnbmenu{ width:100%; margin:0 auto;}

}



@media all and (max-width:480px) {
.joinWrap{padding:170px 0 30px;  background:url(../images/sub/member_join_logo.gif)  center 10px no-repeat;}
.joinWrap .text1{font-size:22px;}
.joinWrap .text2{font-size:14px;}
.joinWrap .btn{width:100%; font-size:14px; height:40px; line-height:40px}

}
@media all and (max-width:320px) {
	
.loginWrap .loginBox .info a.btn{width:100%; height:40px; line-height:30px}
.loginWrap .loginBox .info a.btn span{font-size:18px;}

}