.login_body{background-color:#360077;}
.login_wrap{max-width:1920px; height:100%; display:flex; margin:0 auto; font-family:'Montserrat', sans-serif; }
.login_left{width:53%; height:100%; display:flex; justify-content:center; align-items:center; background-color:#fff; padding-top:1%;}
.login_bg{width:47%; height:100%; background:url(../../images/login_bg.jpg) no-repeat 50%; background-size:cover;}
.login_top{width:60%; max-width:467px; display:block; margin:0 auto;}
.login_text{text-align:center; padding:1% 0; color:#2c2c2c; font-size:13px;}

.login_box{width:290px; margin:0 auto; padding:25px 0;}
.login_input{background-repeat:no-repeat; background-position:6% 50%; background-size:24px; background-color:#e9e9e9; border-radius:14px; display:block; width:100%; height:40px; padding-left:17%; font-family:'Montserrat', sans-serif; margin:10px 0; font-size:15px;}
.login_input::placeholder{color:#333; font-weight:500;}
.login_input.id{background-image:url(../../images/login_id.png);}
.login_input.pw{background-image:url(../../images/login_pw.png);}

.login_check_wrap{display:flex; align-items:center; justify-content:space-between; font-size:13px; padding-top:5px; color:#6c6c6c;}
.login_label{display:flex; align-items:center; cursor:pointer;}
.login_check{display:none;}
.login_bullet{border-radius:2px; width:14px; height:14px; margin-right:5px; background-color:#cacaca;}
.login_check:checked + .login_bullet{background:url(../../images/check_1.png) no-repeat 50%; background-size:92%; background-color:#cacaca;}

.login_reset{color:#9157be; transition:0.2s;}
.login_reset:hover{color:#2c2c2c;}
.login_btn{display:flex; justify-content:center; align-items:center; width:130px; height:40px; border-radius:14px; margin:0 auto; background-color:#360077; color:#fff; font-weight:700; font-size:18px; transition:0.2s;}
.login_btn:hover{background-color:#2c2c2c;}

.pop_down_wrap{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:1000;}
.pop_down_area{display:flex; justify-content:center; align-items:center; text-align:center; width:100%; height:100%; color:#fff;}
.pop_down_icon{max-width:190px; border-radius:30px; display:block; margin:0 auto 10px auto;}
.pop_down_btn{width:190px; height:50px; color:#fff; background-color:#28a5b0; display:flex; justify-content:center; align-items:center; font-weight:500; font-family:'Noto Sans KR', sans-serif; line-height:1.3; border-radius:20px; transition:0.2s;}
.pop_down_btn:hover{background-color:#00351f;}
.pop_down_close{position:absolute; left:calc(50% + 110px); top:calc(50% - 120px); cursor:pointer;}

@media all and (min-width:1024px){
    .login_left{width:52%;}
    .login_bg{width:48%;}

    .login_text{font-size:14px;}
    .login_box{width:330px; padding:35px 0;}
    .login_input{height:46px; font-size:16px; background-size:26px; margin:15px 0;}
    .login_check_wrap{font-size:14px;}
    .login_bullet{width:16px; height:16px; margin-right:6px;}

    .login_btn{width:150px; height:46px; font-size:20px;}
    
    .pop_down_icon{max-width:250px; margin:0 auto 15px auto;}
    .pop_down_btn{width:250px; height:60px; font-size:18px;}
    .pop_down_close{position:absolute; left:calc(50% + 140px); top:calc(50% - 160px);}
}
@media all and (min-width:1280px){        
    .login_text{font-size:15px;}
    .login_box{width:380px; padding:40px 0;}
    .login_input{height:50px; font-size:17px; background-size:26px; margin:15px 0;}
    .login_check_wrap{font-size:15px;}
    .login_bullet{width:16px; height:16px; margin-right:6px;}

    .login_btn{width:160px; height:50px; font-size:21px;}
}
@media all and (min-width:1440px){        
    .login_text{font-size:16px;}
    .login_box{width:420px; padding:50px 0;}
    .login_input{height:54px; font-size:17px; background-size:28px; margin:20px 0;}
    .login_check_wrap{font-size:16px;}
    .login_bullet{width:18px; height:18px; margin-right:8px;}

    .login_btn{width:170px; height:54px; font-size:22px;}
    
    .pop_down_icon{max-width:300px; margin:0 auto 15px auto;}
    .pop_down_btn{width:300px; height:80px; font-size:20px;}
    .pop_down_close{position:absolute; left:calc(50% + 160px); top:calc(50% - 200px);}
}
@media all and (min-width:1680px){        
    .login_top{width:467px;}
    .login_text{font-size:23px; padding:2% 0;}
    .login_box{width:674px; padding:75px 0;}
    .login_input{height:78px; font-size:21px; background-size:43px; border-radius:25px; margin:40px 0;}
    .login_check_wrap{font-size:21px;}
    .login_bullet{width:24px; height:24px; margin-right:14px;}

    .login_btn{width:274px; height:70px; font-size:30px; border-radius:25px;}
}