/* popup */
.popup { position: fixed; display:none; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000; line-height: 1}
.popup.active { display: block !important;}
.popup > .inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); min-width: 500px; background: #fff; overflow: hidden;}
.popup.type1 > .inner {   border-radius: 1rem; padding:3rem; /*min-height:520px*/}
.popup.type1 > .inner > .btn_close{position:absolute; top:1.5rem; right:1.5rem}
.popup.type1 > .inner > .btn_close:after { content: ""; background:url('../../images/ico/ico_colse_gray.png'); width:2vw; height:2vw; display: block; background-size:100%;}
.popup.type2 .btn_close { position: absolute; right: 0; top: 0; }
.popup.type2 > .inner { padding: 2.75rem 3rem 3rem}
.popup.type2 .title { padding: 0 0 2rem; font-size: 1.9rem; font-weight: 400; letter-spacing: -0.05em; border-bottom:3px solid #444 }


.sec_login { text-align: center; box-sizing: border-box;}
.sec_login h2{ text-align:center;color:#000;font-weight:800;padding:0 0 2.35rem; font-size: 2.5rem;}
.sec_login h2 span { display: block; font-weight: 400}
.sec_login > .login_super .logo_main { margin:0 0 2.6rem; padding: 1.2rem 0 0.25rem; border:2px solid #444; border-bottom: none; color:#444 ; font-size: 1.1rem}
.sec_login > .login_super form ul li { position: relative; margin:0 0 0.5rem;}
.sec_login > .login_super form ul li.id:after {content:''; display:inline-block; background: url('../../images/ico/ico_id.png'); background-size:100%; background-repeat: no-repeat; position: absolute; left: 1rem; top: 0; width: 1rem; height: 100%; background-position: center; opacity:0.4}
.sec_login > .login_super form ul li.pw:after {content:''; display:inline-block;  background: url('../../images/ico/ico_pw.png'); background-size:100%; background-repeat: no-repeat; position: absolute; left: 1rem; top: 0; width: 1rem; height: 100%; background-position: center; opacity:0.4}
.sec_login > .login_super form ul li input { padding:0.3rem 0 0.3rem 2.5rem; width: 100%; line-height: 2.4rem; box-sizing: border-box; color: #000; border:1px solid #ddd}

.sec_login > .login_super form .btn_login { margin:1.5rem 0 1.65rem; width:100%; background:#0062ff; font-size:0.9rem}
.sec_login .wrap_chk { text-align: left;}
.sec_login .wrap_chk label { cursor: pointer; color: #444; font-weight: 400; font-size: 0.9rem; padding-left:1.2rem; ;}
.sec_login .btn_login { display: block; line-height: 3rem; border-radius: 3px; color: #fff; font-size: 0.75rem}
.sec_login .list_find { font-size: 0}
.sec_login .list_find li {  position: relative; display: inline-block; padding: 0 0.95rem }
.sec_login .list_find li:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; background: #e9e9e9; height: 13px}
.sec_login .list_find li:last-child:after{display:none}
.sec_login .list_find li a { display: block; padding: 0.25rem 0; font-size: 0.9rem; color: #444; font-weight: 500; }


.sec_login .login_cate { font-size: 0; display:flex; justify-content:center; margin-bottom:1rem}
.sec_login .login_cate li {  position: relative; display: inline-block; padding: 1rem; flex:1;  border:1px solid #000; border-width:0 0 1px;}
.sec_login .login_cate li a {color:#a6a6a6; cursor:pointer; display: block; padding: 0.25rem 0; font-size: 15px; font-weight: 500; }
.sec_login .login_cate li.on{border-width:1px 1px 0}
.sec_login .login_cate li.on a{color:#444}

.sec_login .login_sns ul li { margin: 0 0 0.5rem}
.sec_login .wrap_chk input{display:none;}
.sec_login .wrap_chk label:before { content: ""; display: inline-block; margin-right: 5px; background-color: #fff; width: 1rem; height: 1rem; box-sizing: border-box; border: 1px solid #666; vertical-align: middle;}
.sec_login .wrap_chk .chk_type1:checked + label{color:#000}
.sec_login .wrap_chk .chk_type1:checked + label:before { background: url('../../images/ico/ico_chk.png') no-repeat center / 70% auto #fff;}

@media (max-width:767px){
	.popup > .inner{ min-width:80%;}
	.sec_login h2{font-size:23px; padding:0 0 1rem;}
	.popup.type1 > .inner{padding:2rem 1rem}
	.popup.type1 > .inner > .btn_close{top:1rem; right:1rem; }
	.popup.type1 > .inner > .btn_close:after{width:7vw; height:7vw;}
	.sec_login > .login_super form ul li input{font-size:13px; padding:0.3rem 0 0.3rem 2rem; line-height:25px}
	.sec_login > .login_super form ul li.id:after{left:0.7rem;}
	.sec_login > .login_super form ul li.pw:after{left:0.7rem;}
	.sec_login > .login_super form .btn_login{margin-bottom:0}
	.sec_login .btn_login{line-height:2.5rem;}
}