#login_wrapper *{box-sizing:border-box;}
#login_wrapper {width:100%;height:100%;background:url(/common/front/img/login/bg.png) no-repeat center/100% 100%;position:relative;}
.login_content {width:1346px;height:auto;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.login_both {display:flex;width:100%;box-shadow: 0px 0px 60px 10px gainsboro;height:100%;}
.login_both * {font-family: var(--main-fonts);outline:0;border-radius:0%;}
.login_txt {width:614px;height:764px;position:relative;overflow:hidden;display:flex;align-items:center;}
.login_txt * {box-sizing:border-box;}
.login_txt .logo {position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);z-index:1;}
.login_ad {width:calc(100% - 614px);height:100%;padding:88px 120px;padding-right:155px;padding-bottom: 0;}


.logo {width:250px;} 
.txt {padding-left:46px;margin-bottom:10px;outline:0;width:456px;height:56px;background:#f7f7f7;border:none;border-bottom:2px solid #ececec;}
.top_sub {margin-bottom:23px;}
.top_sub span {font-size:18px;color:#222222;font-weight:500;display:block;}
.txt::placeholder {font-family: var(--main-fonts);}

.form-check {text-align:right;color:#868686;font-size:15px;}
 
.btn_wrap .btn-login {font-weight: 600;margin-top:20px;cursor:pointer;border:0;outline:0;width: 456px;height:56px;background:linear-gradient(to right, #5f0080, #9308c4);color:#fff;}
.icon_mall {position:relative;}
.icon_mall img {position:absolute;top:15px;left:15px;width:20px;filter:brightness(.7)}

.btn_wrap_join .item{width:49%;float:left;}
.btn_wrap_join {display:flex;justify-content:space-between;}
.btn_wrap_join .item .btn{cursor:pointer;border:0;outline:0;width:100%;margin:20px auto;height:56px;text-align:center;line-height:56px;background:linear-gradient(to right, #5f0080, #9308c4);color:#fff;display:inline-block;}

.icon_id {position:relative;}
.icon_id img {position:absolute;top:15px;left:12px;width:25px;filter:brightness(.7)}

.icon_pw {position:relative;}
.icon_pw img {position:absolute;top:15px;left:12px;width:25px;filter:brightness(.7)}


#login_img * {box-sizing:border-box;}
#login_img .swiper-slide {overflow:hidden;}
#login_img .swiper-slide img {overflow:hidden;}
/*ad*/
#main_banner {width:100%;height:auto;border:none;border-radius:0%;}
.banner_wrap {position:relative;margin-top:47px;}


.login_ad .swiper-pagination,
#main_banner .swiper-button-next,
#main_banner .swiper-button-prev{display:block;}
.login_ad:hover .swiper-pagination,
#main_banner:hover .swiper-button-next,
#main_banner:hover .swiper-button-prev{display:block;}
#main_banner:hover .swiper-button-disabled{display:block;}
#main_banner .swiper-button-disabled{display:block;}
.login_ad .swiper-pagination-bullet{width:12px;height:12px;background:#dedede;opacity:1;margin:0 2px; width:8px;height:8px;border:none;}
.login_ad .swiper-pagination-bullet-active{background:#666666;opacity:1 !important;}
#main_banner .swiper-button-prev{background-image:url(/common/front/img/login/new/arrow_l.svg);opacity:1;left:15px;}
#main_banner .swiper-button-next{background-image:url(/common/front/img/login/new/arrow_r.svg);opacity:1;right:15px;}
#main_banner .swiper-button-next, #main_banner .swiper-button-prev {filter:drop-shadow(0px 0px 1px gray);width:10px;height:17px;background-size:auto;margin-top:-8px;}
.login_ad .swiper-pagination {width:456px;position:absolute;bottom:-20px;}


input[type=checkbox] {display:none;cursor:pointer;}
input[type=checkbox] + label:before {
    content:"";
    display:inline-block;
    width:21px;
    height:21px;
    box-sizing: border-box;
    padding-bottom: 0px;
    padding-right:3px;
    margin-right: .2em;
    vertical-align: bottom;
    color:transparent;
    transition:.2s;
    outline:0;
    font-weight:bold;
    background: url(/common/front/img/login/new/check.svg) no-repeat center center;
}

input[type=checkbox]:checked + label:before {
    color:#fff;
    background: url(/common/front/img/login/new/checka.svg) no-repeat center center;
}


#myBtn {border:0;outline:0;width:456px; background:#fff;color:#b1b1b1;outline:0;height:48px;cursor:pointer;}
.hank {width:456px; background:#fff;color:#b1b1b1;height:48px;display: block;text-align:center;line-height: 48px;}