.login_section{background:#f8f8fa;margin-bottom:0}
.login_area{width:958px;height:489px;padding:50px;border:1px solid #dbdbdb;display:flex;justify-content:space-between;}
/* 로그인 입력 */
.login_title{padding:80px 0 34px;font-weight:700;}
.login_input{width:auto;}
.login_text{width:260px;height:56px;padding-left:16px;background-color:#f8f8f8;margin-bottom:12px;margin-top:0;border:1px solid #dbdbdb;color:#505050;font-size:15px;}
.login_text::placeholder{font-size:15px;color:#a9a9a9;letter-spacing:-0.15px;font-family: 'Pretendard',Sans-serif;}
.column2{margin-bottom:32px;font-size:15px;color:#505050;width:272px;color:#505050;}
.column{width:auto;}
.column .col_banner img{width:400px;}
.column:first-of-type{margin-right:48px;}
.column3 button{width:136px;height:124px;background: #191919;font-size:16px;color:#FFFFFF;font-weight:500;}
.login_area .column:nth-child(1) > div a div{font-weight:500;font-family: Pretendard,Sans-serif;}
.bottom .sign{position:relative;width:408px;height:56px;background: #ffff 0% 0% no-repeat padding-box;font-size:16px;color:#505050;border:1px solid #505050;text-align:center;line-height:56px;font-weight:500;font-family: Pretendard,Sans-serif;}
/* 체크박스 */
input[type="checkbox"]{
  display:none;
  }

input[type="checkbox"] + label{
  cursor:pointer;
 }

input[type="checkbox"] + label > span{
  padding-left: 6px;
  vertical-align:-1px;
}
input[type="checkbox"] + label:before{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  border:1px solid #dbdbdb;
  border-radius: 1px;
  vertical-align:middle;
  }
input[type="checkbox"]:checked + label:before{
  content:"";
  border:1px solid #505050;
  background-image: url('/assets/images/login/check_btn.png');
  background-repeat: no-repeat;
  background-position: 50%;
  }
.column2>div{float:left;margin-top:12px;}
.column2>div:first-of-type{margin-right:30px;float:left;}
/* 아이디찾기 */
.login_text_css14{font-weight:400;letter-spacing:-0.14px;color:#505050;font-size:15px;line-height:18px;padding-top:20px;font-family: 'Pretendard',Sans-serif;text-align:center;}
.login_text_css14 a{font-family: 'Pretendard',Sans-serif;}
/* 소셜로그인 */
.loginform{border-top:1px solid #dbdbdb;margin-top:24px;}
.loginform li{position:relative}
.loginform li>span{width:66px;font-size:13px;color:#a9a9a9;float:none;padding-right:0;margin-top:0;position:absolute;left:50%;top:-9px;transform:translateX(-50%);background:#fff;text-align:center;font-weight:500;}
.loginform li >div{padding-top:31px;}
.loginform li a{margin-left:16px;}
@media all and ( max-width:1280px ){
    /* Login */
    .login_contents {
        width: 100%;
    }
    .login_area {
        max-width: 1020px;
        width: 100%;
        padding: 30px;
		height:auto;
		display:flex;
		justify-content:center;
    }
}
@media all and ( max-width:1000px ){

    .login_area{
        height: auto;
		flex-direction: column;
    }
    .login_area .column{
        float: none; 
    }
    .login_area .column:nth-child(1) > div{
        width: 100% ;
    }
    .login_area .column:nth-child(1) > div a div{ 
        width: 100% ;
    }
    .login_input{
        width: 100%;
    }
    .login_text{
        width: 97%;
    }
	.column:first-of-type{margin-right:0;}
	.column:last-of-type{margin-top:20px;}
    .column2{
        width: 70%;
    }
    .column3{
        width: 30%;
    }
    .column3 button{
        width: 100% ;
    }
    .login_area .column:nth-child(1) > div:nth-child(2) > a{
        width: 100%;
    }
    .login_area .column:nth-child(2){
        height: auto ;
    }
    .login_area .column:nth-child(2) img{
        width: 100% ;
    }
}
@media all and ( max-width:750px ){
    .login_section{padding-bottom:10rem}
    .login_contents{padding-bottom:8rem}
    .login_title{line-height:4.2rem;font-size:3.6rem;padding:8rem 0 4rem }
    .login_sub_title{padding-top:2.6rem;padding-bottom:6.4rem;font-size:2rem;line-height:3rem}
    .login_area{padding: 5rem;width: 83.7%;}
    .column{width:100%;margin: 0 auto  }
	.column:last-of-type{margin-top:0;}
    .login_area .column:nth-child(1){height:auto }
    .column2{width:100%;margin-bottom:0}
    .column2 div{float:left ;margin-right:3rem}
    .login_text {height:8rem;margin: 0 0 2rem;padding: 0 2rem;font-size:2.6rem;width:100%;}
	.login_text::placeholder{font-size:2.6rem;;letter-spacing:-0.26px;}
    .column2 div{font-size:2.6rem;margin-top:1.2rem ;width:auto ;margin-bottom:3.5rem}
    .column2 input[type="checkbox"]{width:3.2rem;height:3.2rem;vertical-align: -0.6rem;}
	.column2>div:first-of-type{margin-right:6rem;}
    .column3{float:none;width:100%;margin-bottom:2rem}
    .column3 button{margin: 0 ;font-size:2.4rem ;height:6.5rem ;}
    .login_area .column:nth-child(1) > div{height:auto }
    .login_area .column:nth-child(1) > div a div{height:6.5rem ;margin-top:0 ;padding-top:0 ;font-size:2.4rem ;line-height:6.5rem ;}
    .login_text_css14{width:100% ;line-height:1;font-size:2.6rem;margin-top:3.2rem;padding-top:0;white-space: nowrap;}
    .login_area .column:nth-child(2){display:block}
	.loginform li{margin:0}
	.loginform li>span{width:13.8rem;line-height:2.9rem;font-size:2.4rem;top:-1.45rem;}
	.loginform{margin-top:6rem;}
	.loginform li >div{padding:5.3rem 0 6rem;display:flex;justify-content: center;}
	.loginform li a{margin-left:3.6rem}
	.loginform li a:first-of-type{margin-left:0}
	.loginform li a img{width:6rem;}
	/* 체크박스 */
	input[type="checkbox"] + label > span{padding-left:1.2rem;}
	input[type="checkbox"] + label:before{width:3.2rem;height:3.2rem;border-radius:0.1rem;border: 0.2rem solid #767676;box-sizing: border-box;}
	input[type="checkbox"]:checked + label:before{background-image: url('/assets/images/login/mo_check_btn.png');border: 0.2rem solid #505050;border-radius:0.1rem;background-size:3.2rem;box-sizing: border-box;}
}