@charset "utf-8";
/* FED */

/*==================
    유져
==================*/
/* #wrap.users_wrap {background:url(../img/login/login_bg.jpg) no-repeat center center; background-size:cover; padding-bottom:0; overflow:hidden; }
.users_wrap .login_wrap {position:absolute; top:50%; left:50%; width:540px; height:640px; display:flex; background:#191c24; border-radius:30px; margin-top:-320px; margin-left:-270px; overflow:hidden; z-index:1; } */
.users_wrap .login_wrap input {width:100%; height:42px; font-size:14px; font-weight:600; border:0; /*border-bottom:1px solid #4c4c4c;*/ background:transparent; padding:0 20px; }
.users_wrap .login_wrap .tel_input {float:left; width:265px; margin-left:5px; }
.users_wrap .login_wrap .tel_select {float:left; height:42px; border:1px solid #d7d7d7; }
.users_wrap .login_wrap .login_alert {text-align:center; color:#ae1f1f; padding-top:5px; clear:both; }
.users_wrap .login_wrap .btn_wrap {justify-content:space-between; margin-top:10px; overflow:hidden; }
.users_wrap .login_wrap .overlap_btn {float:right; width:90px; height:42px; line-height:42px; font-size:14px; background:#4c4c4c; color:#fff; font-weight:400; border:1px solid #4c4c4c; }
.users_wrap .login_wrap .prev_btn {float:left; width:185px; height:45px; line-height:43px; font-size:16px; color:#fff; background:#777; font-weight:600; }
.users_wrap .login_wrap .prev_btn:hover { background:#626262; }
.users_wrap .login_wrap .next_btn {/*float:right;*/ width:185px; height:45px; line-height:43px; font-size:16px; color:#fff; background:#1f6aae; font-weight:600;}
.users_wrap .login_wrap .next_btn:hover { background:#12559e; }
.users_wrap .login_wrap .submit_btn {display:inline-block; width:100%; height:60px; line-height:60px; font-size:20px; font-weight:600; color:#fff; background:#fe2625; border-radius:30px; margin-top:20px; }
.users_wrap .login_wrap .login .join_txt {font-size:14px; color:#808080; line-height:18px; margin-top:48px; }
.users_wrap .login_wrap .login .join_txt .join_btn {font-size:14px; color:#ffce2a; }
.users_wrap .login_wrap .join_close_btn {position:absolute; top:20px; right:20px; width:19px; height:19px; background:url(../img/login/join_close_btn.png) no-repeat left top; }
 
.users_wrap .login_wrap .login_area {width:100%; text-align:center; padding:0 80px; margin:auto; }
.users_wrap .login_wrap .login_area input {font-size:14px; color:#fff; background:none; padding:0 17px 0 67px; }
.users_wrap .login_wrap .login_area .txt {font-size:16px; height:41px; line-height:41px; background:rgba(255,255,255,0.1); margin-top:29px; border-radius:20px; }
.users_wrap .login_wrap .login_area .login_con {position:relative; padding-top:45px; }
.users_wrap .login_wrap .login_area .login_con .id_area {position:relative; }
.users_wrap .login_wrap .login_area .login_con .id_area .id_ico {position:absolute; top:11px; left:17px; width:20px; height:20px; background:url(../img/login/login_id_ico.png) no-repeat left top; }
.users_wrap .login_wrap .login_area .login_con .id_area input {-webkit-ime-mode:disabled; -moz-ime-mode:disabled; -ms-ime-mode:disabled; ime-mode:disabled; }
.users_wrap .login_wrap .login_area .login_con .password_area {position:relative; margin-top:12px; }
.users_wrap .login_wrap .login_area .login_con .password_area .password_ico {position:absolute; top:11px; left:17px; width:20px; height:20px; background:url(../img/login/login_password_ico.png) no-repeat left top; }
.users_wrap .login_wrap .login_area .login_con .login_btn {position:absolute; top:0; right:0; width:105px; height:95px; line-height:95px; font-size:20px; color:#fff; border-radius:0; background:#354b9c; }
.users_wrap .login_wrap .login_area .join_txt {font-size:14px; color:#777; line-height:0; margin-top:30px; }
.users_wrap .login_wrap .login_area .join_txt .join_btn {font-size:16px; font-weight:600; color:#fbf604; }

.users_wrap .login_wrap .join_area {width:100%; padding:0 80px; margin:auto; } 
.users_wrap .login_wrap .join_area .tit {font-size:14px; font-weight:600; margin-bottom:5px; margin-top: 0; text-align: left; }
.users_wrap .login_wrap .join_area .tit .desc {display:inline-block; font-size:12px; color:#777; vertical-align:top; margin-left:15px; }
.users_wrap .login_wrap .join_area button {border-radius:30px; }
.users_wrap .login_wrap .step01 {text-align:center; }
.users_wrap .login_wrap .step01 .txt {font-size:14px; padding:0 0 45px; }
.users_wrap .login_wrap .step02 {display:none; width:500px; }
.users_wrap .login_wrap .step02 ul li {position:relative; padding-bottom:10px; overflow:hidden; }
.users_wrap .login_wrap .step02 ul li:last-child {padding-bottom:0; }
.users_wrap .login_wrap .step02 .id_input,
.users_wrap .login_wrap .step02 .name_input {float:left; width:280px; }
.users_wrap .login_wrap .step03 {display:none; }
.users_wrap .login_wrap .step03 ul li {position:relative; padding-bottom:10px; overflow:hidden; }
.users_wrap .login_wrap .step03 ul li:last-child {padding-bottom:0; }
.users_wrap .login_wrap .step04 {display:none; text-align:center; }
.users_wrap .login_wrap .step04 .txt {font-size:16px; font-weight:600; }
.users_wrap .login_wrap .step04 .desc {font-size:16px; line-height:24px; margin-top:28px; }
.users_wrap .login_wrap .step04 .desc span {font-size:16px; font-weight:600; color:#3498db; vertical-align:top; }
.users_wrap .login_wrap .step04 .next_btn {width:100%; height:60px; color:#fff; background:#1f6aae; margin-top:10px; }
.users_wrap .login_wrap .step04 .next_btn:hover {background:#2b41b9; }





/*==================
	media query
==================*/

/* TABLET  + Mobile */
@media screen and (max-width:1279px){
	.users_wrap .login_wrap .step02 {width:100%; }
/*     #wrap.users_wrap {padding:10px; }
	.users_wrap .login_wrap {position:relative; top:inherit; left:inherit; bottom:inherit; width:100%; height:100%; margin-top:0; margin-left:0; margin:0 auto; border-radius: 0; } */
/*     .users_wrap .login_wrap input {height:35px; line-height:35px; padding:0 10px; }
    	.users_wrap .login_wrap .login_logo {width:200px; margin:30px auto;  }
    .users_wrap .login_wrap .login_logo img {width:100%; }
    .users_wrap .login_wrap .overlap_btn {width:25%; height:35px; line-height:35px; }
    .users_wrap .login_wrap .prev_btn {width:49%; height:45px; line-height:45px; }
    .users_wrap .login_wrap .next_btn {width:49%; height:45px; line-height:45px; }
    .users_wrap .login_wrap .submit_btn {width:100%; height:45px; line-height:45px; }
    
    .users_wrap .login_wrap .login_area {width:100%; height:100%; padding:0 30px 0; }
    	.users_wrap .login_wrap .login_area .txt {font-size:14px; }
    	.users_wrap .login_wrap .login_area .login_con {padding:26px 0 0; }
    	.users_wrap .login_wrap .login_area .login_con .id_area {margin:20px 0 0; }
    	.users_wrap .login_wrap .login_area .login_con .id_area .id_ico {top:6px; left:12px; }
    	.users_wrap .login_wrap .login_area .login_con .password_area {margin:5px 0 0; }
    	.users_wrap .login_wrap .login_area .login_con .password_area .password_ico {top:6px; left:12px; }
    .users_wrap .login_wrap .login_area .desc {margin-top:30px; }
    .users_wrap .login_wrap .login_area .join_btn {margin-top:5px; }
    
    	.users_wrap .login_wrap .join_area {padding:0 30px; }
    	.users_wrap .login_wrap .join_area .tit .desc {margin-left:10px; }
    .users_wrap .login_wrap .step01 .txt {padding:0 0 50px; }
    .users_wrap .login_wrap .step02 .id_input, 
    .users_wrap .login_wrap .step02 .name_input {width:73%; }
    .users_wrap .login_wrap .step02 .desc {bottom:0; }
    .users_wrap .login_wrap .step03 .desc {bottom:0; }
    .users_wrap .login_wrap .step04 .txt {padding-top:0; }
    	.users_wrap .login_wrap .step04 .desc {font-size:15px; }
    .users_wrap .login_wrap .step04 .next_btn {float:none; margin-top:50px; }
    
    .live_chat_close {position:fixed; bottom:0; right:0; width:100%; }
    .live_chat_close .live_chat_top {line-height:40px; font-size:13px; }
    .live_chat_close .live_chat_top .live_chat_open_btn {width:16px; height:14px; background:url(../img/login/live_chat_m_open.png) no-repeat left top; background-size:cover; margin-top:14px; }
    
    .live_chat_open {display:none; position:fixed; bottom:0; right:0; width:100%; border:0; }
    .live_chat_open .live_chat_top {line-height:40px; font-size:13px; border-bottom:0; }
    .live_chat_open .live_chat_top .live_chat_close_btn {width:16px; height:14px; background:url(../img/login/live_chat_m_close.png) no-repeat left top; background-size:cover; margin-top:14px; }
    .live_chat_open .live_chat_bot {text-align:right; background:#fff url(../img/login/live_chat_m_arr.png) no-repeat 33px top; background-size:14.5px 12.5px; padding-right:20px; }
    	.live_chat_open .live_chat_bot .live_telegram,
    	.live_chat_open .live_chat_bot .live_kakao,
    	.live_chat_open .live_chat_bot .live_hang,
    	.live_chat_open .live_chat_bot .live_line {text-align:right; padding:12.5px 0 15.5px; }
    	.live_chat_open .live_chat_bot .live_telegram .telegram {display:inline-block; height:17px; line-height:17px; font-size:13px; color:#333; background:url(../img/common/foot_sns01.png) no-repeat left center; background-size:18px 17px; padding-left:23px; }
    	.live_chat_open .live_chat_bot .live_kakao .kakao {display:inline-block; height:17px; line-height:17px; font-size:13px; color:#333; background:url(../img/common/foot_sns02.png) no-repeat left center; background-size:18px 17px; padding-left:23px; }
    	.live_chat_open .live_chat_bot .live_hang .hang {display:inline-block; height:17px; line-height:17px; font-size:13px; color:#333; background:url(../img/common/foot_sns03.png) no-repeat left center; background-size:18px 17px; padding-left:23px; }
    	.live_chat_open .live_chat_bot .live_line .line {display:inline-block; height:17px; line-height:17px; font-size:13px; color:#333; background:url(../img/common/foot_sns04.png) no-repeat left center; background-size:18px 17px; padding-left:23px; }
    .live_chat_open .live_chat_bot ul li {margin-top:12px; }
    .live_chat_open .live_chat_bot .tit {width:29%; line-height:35px; font-size:13px; color:#333; padding-right:10px; }
    .live_chat_open .live_chat_bot input {width:71%; height:35px; font-size:13px; }
    .live_chat_open .live_chat_bot textarea {width:71%; height:103px; font-size:13px; }
    .live_chat_open .live_chat_bot .live_chat_submit {width:71%; height:35px; line-height:35px; font-size:13px; margin:12px 0 20px; } */
/* 	.live_chat_open {right:50%; bottom:0; margin-right:-130px; } */

}