.login_bg{background:url(../../images/login_bg.jpg) no-repeat 50%; background-size:cover; display:flex; justify-content:center; align-items:center; padding-top:0;}
.login_wrap{background-color:#ffd93b; border-radius:40px; border:4px solid #fff; position:relative; width:340px; padding:20px 40px 25px 40px; font-family:'Montserrat', sans-serif; font-weight:500;}
.login_top{position:absolute; left:8%; width:84%; top:-195px;}
.login_logo{width:72%; display:block; max-width:517px; margin:0 auto; margin-bottom:15px;}
.login_point{position:absolute; height:40px; right:43%; bottom:-40px; display:none;}
.login_c{position:absolute; width:100px; left:-2%; bottom:-80px; display:none;}
.login_c_3, .login_logo_3, .login_logo_4{display:none;}

.login_c_l, .login_c_r{position:absolute;}

.login_c_l{width:140px; bottom:-10px; left:-130px;}
.login_c_r{width:160px; bottom:-15px; right:-150px;}

.login_input{display:block; width:100%; height:38px; text-align:center; border-radius:40px; font-family:'Montserrat', sans-serif; font-size:17px; margin-bottom:10px;}
.login_btn{width:100%; height:38px; border-radius:40px; font-family:'Montserrat', sans-serif; font-size:17px; background-color:#00351f; color:#fff; font-size:19px; font-weight:600; display:flex; justify-content:center; align-items:center; transition:0.2s;}
.login_btn:hover{background-color:#22a4b1;}

.login_check_wrap{display:flex; align-items:center; justify-content:space-between; margin:12px 0;}
.login_label{display:flex; align-items:center; cursor:pointer;}
.login_check{display:none;}
.login_bullet{border:1px solid #333; border-radius:40%; width:18px; height:18px; margin-right:4px;}
.login_check:checked + .login_bullet{background:url(../../images/login_check.png) no-repeat 50%; background-size:cover;}

.login_sign{padding-top:15px; text-align:center;}
.login_sign_btn{width:100%; height:42px; border-radius:40px; font-family:'Montserrat', sans-serif; font-size:17px; border:2px solid #00351f; color:#00351f; font-size:19px; font-weight:600; display:flex; justify-content:center; align-items:center; transition:0.2s; margin-top:12px;}
.login_sign_btn:hover{background-color:#22a4b1; color:#fff; border-color:#22a4b1;}

.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_bg{padding-top:0; padding-bottom:3%;}
    .login_wrap{width:480px; padding:30px 55px 40px 55px;}
    .login_top{display:none;}
    .login_c{left:5%;}
    .login_point{right:49%;}

    .login_input{height:50px; font-size:20px;}
    .login_btn{height:52px; font-size:22px;}

    .login_c_l{width:220px; bottom:-70px; left:-200px;}
    .login_c_r{width:240px; bottom:-80px; right:-220px;}

    .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_bg{padding-top:0; padding-bottom:4%;}
    .login_wrap{width:540px; padding:35px 70px 50px 70px; font-size:16px}

    .login_point{right:50%;}
    .login_c{width:150px; bottom:-120px;}
    .login_c_l{width:260px; bottom:-90px; left:-240px;}
    .login_c_r{width:300px; bottom:-100px; right:-260px;}

    .login_logo{margin-bottom:25px;}
    .login_input{height:52px; font-size:20px; margin-bottom:15px;}
    .login_btn, .login_sign_btn{height:54px; font-size:24px;}
    .login_check_wrap{margin:15px 0;}
    .login_bullet{width:20px; height:20px; margin-right:6px;}
}
@media all and (min-width:1440px){
    .login_bg{ padding-bottom:3%;}
    .login_wrap{width:580px; padding:35px 75px 50px 75px; font-size:17px; border-width:6px;}
    .login_point{right:50%; height:44px; bottom:-44px;}
    .login_c{width:160px; bottom:-130px;}
    .login_c_l{width:280px; bottom:-100px; left:-260px;}
    .login_c_r{width:320px; bottom:-110px; right:-280px;}

    .login_logo{margin-bottom:30px;}
    .login_input{height:54px; font-size:21px; margin-bottom:20px;}
    .login_btn, .login_sign_btn{height:56px; font-size:25px;}
    .login_sign_btn{margin-top:20px;}
    .login_check_wrap{margin:20px 0;}
    .login_bullet{width:24px; height:24px; margin-right:8px; margin-top:-1px;}

    .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_wrap{width:600px; padding:45px 80px 55px 80px;}
    .login_point{height:46px; bottom:-46px;}
    .login_c{width:170px; bottom:-140px;}
    .login_c_l{width:390px; bottom:-140px; left:-370px;}
    .login_c_r{width:420px; bottom:-140px; right:-390px;}

    .login_input{height:56px; font-size:22px;}
    .login_btn, .login_sign_btn{height:58px; font-size:26px;}
}