


@charset "UTF-8";
/* COMMON */
body{background-color:#f3f2f6;}

/* 로그인 */
.login_wrap{width:100%;height:100vh;background: url('/images/lems/user/login_bg.jpg')  no-repeat;background-size:cover;position:relative;overflow-y:auto;}

.login_logo{padding:20px 0 0 30px}
.login_bottom{position:absolute;bottom:0;width: 100%; background-color: #414141; padding: 20px 0; text-align: center;}
@media screen and (max-width:800px)
{
	.login_bottom{position:relative;padding:15px 0;}
}
.login_img{position:absolute;left:0;bottom:0;max-width:57%;}
.login_img img{width:100%;}

.login_con{width:531px;position:absolute;right:149px;top:50%;transform: translateY(-50%);}
.login_title{margin:0 0 30px 0}
.login_form{width:400px;margin:0 auto}
.login_form div{margin:0 0 10px 0}
.login_form div.login_input input{width:400px;height:60px;border:1px solid #fff;border-radius:5px;padding:0 20px 0 20px;font-size:16px;;color:#6b6b69;background-color: #ffffff; background-color: rgba( 255, 255, 255, 0.8 )}
.id_save{font-size:14px;color:#fff;text-align:left}
.btn_login{margin:20px 0 0 0 !important}
.btn_login button{width:400px;height:70px;background-color:#ce2c2c;border:0;border-radius:5px;font-family: 'Play', sans-serif;font-size:26px;color:#fff;font-weight:700}
.login_menu{text-align:center;margin:30px 0 0 0}
.login_menu ul li{display:inline-block;font-size:14px;color:#746c6c}
.login_menu ul li a{color:#fff}

/* 서브 */
.top_wrap{width:100%;height:98px;background-color:#fff;border:1px solid #cccccc;border-width:0 0 1px 0;position:relative}
.sub_logo{position:absolute;padding:24px 0 0 50px}
.navi{text-align:center;padding:40px 115px 0 0}
.navi ul li{display:inline-block;margin:0 1% 0 0;font-size:18px;letter-spacing:-0.5px}
.navi ul li:last-child{margin:0 0 0 0}
.navi ul li a{color:#000}
.member_info{position:absolute;font-size:14px;color:#000;right:50px;padding:30px 0 0 0}
.member_info strong{color:#09628e}
.btn_menu{display:none}
.offline_icon{display:none}
@media screen and (max-width:1600px){
	.offline_icon {position:absolute;display:block;color:#000;right:100px;padding:20px 0 0 0}
	.offline_icon md-icon {font-size:35px;}
}
@media screen and (max-width:800px){
	.offline_icon {right:75px;padding:13px 0 0 0}
}
@media screen and (max-width:640px){
	.offline_icon md-icon {font-size:30px;}
	.offline_icon {right:65px;padding:9px 0 0 0}
}

.sub_text{width:100%;background-color:#fff;padding:35px 0;border:1px solid #cccccc;border-width:0 0 1px 0;text-align:center}

.sub_title{font-size:36px;line-height:48px;color:#000;font-weight:700;text-align:center;letter-spacing:-1px;margin:80px 0 30px 0}

.sub_con{min-height:500px;margin:30px 0 50px 0}

.footer{width:100%;background-color:#414141;padding:50px 0 80px 0;text-align:center}
.fnb ul li{display:inline-block;}
.fnb ul li:after{content:'│';color:#7a7a7a;padding:0 2px 0 5px}
.fnb ul li:last-child:after{content:''}
.fnb ul li a{color:#fff}
.copyright{font-size:14px;line-height:20px;color:#acacac;margin:20px 0 0 0}

@media screen and (max-width:1700px){
	/* 로그인 */
	.login_img{left:-100px;bottom:50%;max-width:55%;transform: translateY(50%)}

	.login_con{right:100px}
}

@media screen and (max-width:1600px){
	/* 서브 */
	.navi{display:none}
	.member_info{display:none}
	.btn_menu{display:block;float:right;padding:24px 30px 0 0;cursor:pointer}

	.m_navi{width:80%;background-color:#2f5c96;overflow-x:hidden;}
	.m_navi div.m_navi_top{width:100%;background-color:#2f5c96;border-bottom:1px solid #5181be}
	.m_navi div.m_navi_top:after{clear:both;content:'';display:block}
	.m_navi div.m_navi_top div.m_navi_top_close{float:left;width:50px;height:50px;background-color:#ce2c2c;text-align:center;cursor:pointer}
	.m_navi div.m_navi_top div.m_navi_top_close img{padding:15px 0 0 0}
	.m_navi div.m_navi_top div.m_member_info{float:left;font-size:14px;line-height:20px;color:#fff;padding:7px 0 0 15px}
	.m_navi div.m_navi_top div.m_member_info strong{color:#fcff00}

	.m_navi_list > ul > li{border:1px solid #3f6ba4;border-width:0 0 1px 0}
	.m_navi_list > ul > li > div.m_navi_menu{font-size:16px;line-height:20px;color:#fff;font-weight:500;cursor:pointer;background:#224d84 url('/images/lems/user/m_navi_arrow.png') 97% 50% no-repeat}
	.m_navi_list > ul > li > div.m_navi_menu a{display:block;width:100%;padding:15px 15px 20px 15px;color:#fff}

	.m_sub_menu li{font-size:14px;line-height:20px;color:#2f2f2f;background-color:#1c3e66;border-bottom:1px solid #375e8b}
	.m_sub_menu li:last-child{border-bottom:0}
	.m_sub_menu li a{display:block;width:100%;padding:12px 15px 12px 15px;color:#fff}
}

@media screen and (max-width:1280px){
	/* 로그인 */
	.login_con{width:400px;right:50px}
	.login_title img{width:400px}

	/* 서브 */
	.top_wrap{height:80px}
	.top_wrap div.inner:after{clear:both;display:block;content:''}
	.sub_logo{position:relative;padding:18px 0 0 30px;float:left}

	.sub_text{padding:25px 0}
	.sub_text img{width:300px}
}

@media screen and (max-width:800px){
	/* 로그인 */
	.login_logo{padding:15px 0 0 15px}
	.login_logo img{width:120px}

	.login_img{position:static;max-width:100%;transform:none;margin:0 0 0 -50px}
	.login_img img{width:100%}	

	.login_con{width:100%;position:static;right:149px;top:50%;transform:none;padding:0 50px;margin:0 0 50px 0}
	.login_title{text-align:center}
	.login_title img{width:100%;max-width:400px}
	.login_form{width:100%;margin:0 auto}
	.login_form div.login_input input{width:100%}
	.btn_login button{width:100%}

	/* 서브 */
	.top_wrap{height:60px}
	.sub_logo{padding:10px 0 0 15px}
	.sub_logo img{width:130px}
	.btn_menu{padding:18px 15px 0 0}
	.btn_menu img{width:35px}

	.sub_text{padding:20px 0}
	.sub_text img{width:250px}

	.sub_title{font-size:30px;line-height:36px;margin:50px 0 15px 0}

	.sub_con{min-height:100%;margin:0 0 30px 0;padding:0 30px 0 30px}

	.footer{padding:30px 0 50px 0}
	.fnb{font-size:13px;line-height:20px}
	.copyright{font-size:13px;line-height:20px;margin:15px 0 0 0}
}

@media screen and (max-width:640px){
	.top_wrap{height:50px}
	.sub_logo{padding:10px 0 0 15px}
	.sub_logo img{width:100px}
	.btn_menu{padding:12px 15px 0 0}
	.btn_menu img{width:30px}

	.sub_text{padding:12px 0}
	.sub_text img{width:200px}

	.sub_title{font-size:24px;line-height:30px;margin:40px 0 15px 0}

	.sub_con{padding:0 15px 0 15px}
}