@charset "utf-8";

/* =================================
*		로그인 폴더  css
*		2021-01-25 작성
*		320px 기준 작업
================================== */


/* =======================================================
 login 
========================================================*/

/* login-container */
/*.login-container {background-color: #fff; padding: 40px 20px; box-sizing: border-box; }*/


/* 로그인 폼  */
/*.login-wrapper {margin-bottom: 20px; }
.login-wrapper .input-text + .input-text {margin-top: 10px; }
.login-wrapper .text-guide {color: #36458d !important; }

.login-saveid {margin-top: 10px; }
.login-saveid label {font-size: 13px; line-height: 20px; color: #666; }

.login-btn-group {text-align: center; }
.login-btn-group .btn + .btn {margin-top: 10px; }
.login-btn-group .btn-text:first-child {}
.login-btn-group .btn-text {margin-top: 20px; }


.fm--login .simple-sns-wrapper {margin-top: 50px; }


.login-guest {margin-top: 50px; text-align: center; }
.login-guest p {color: #666; }
.login-guest .btn-small {margin-top: 10px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px; }*/



/* =======================================================
 find_id 아이디 찾기
========================================================*/
/*.fm--find {}
.fm--find .radio-wrapper {margin-bottom: 20px; }
.find-container {padding: 40px 15px 0; box-sizing: border-box; }

.fm--find .find-container .input-btn-group .input-text { width: calc(100% - 154px); }
.fm--find .find-container .input-btn-group .input-text + .btn { width: 150px; }

.result-id-container {display: none; }*/



/* =======================================================
 find_pw 비밀번호 재설정
========================================================*/
/*.fm--find .box-certification {margin-top: 20px; }

.fm--find .reset-pw-container {padding: 40px 0 0; box-sizing: border-box; }
.fm--find .reset-pw-container .description {font-size: 16px; color: #000; margin-bottom: 30px; text-align: center; }
.fm--find .reset-pw-container .btn-full {margin-top: 30px; }

.fm--find .find-container .input-btn-group {margin-top: 10px; }*/



/* =======================================================
 23.05.18 제휴처 로그인
========================================================*/
/* input{width:100%; height:45px; padding:0 15px; line-height:45px; border:1px solid #ddd; box-sizing:border-box;}
input::placeholder{font-size:13px; color:#999;}


.login-wrapper{position:relative; width:100%; height:100%; background-color:#fff;}
.login-cont-area{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.login-cont-box{width:900px; height:540px; box-shadow:0 0 20px rgba(0,0,0,.1); box-sizing:border-box;}
.login-title { text-align: center; }
.login-wrapper .input-text {
	height: 50px;
	line-height: 48px;
}
.login-wrapper .input-text + .input-text {margin-top: 10px;}
.login-btn-group {text-align: center;}
.login-btn-group button {margin-top: 15px;}
.login-btn-group button:first-child {margin-top: 0;}
.login-btn-group .btn-login{background-color: #6ab5d5; color: #fff; border: 1px solid #6ab5d5;}

.login-saveid {margin-top: 20px;}
.login-saveid label {font-size: 13px; line-height: 20px; color: #666;}
.login-btn-group .btn-text-group{margin-top: 30px;}
.login-btn-group .btn-text-group a{margin: 0 4px; font-size: 14px;} */



.login-cont-left{float:left; display:flex; flex-direction:column; align-items:center; justify-content:center; width:40%; height:540px; padding:70px 50px; background-color:#fff; box-sizing:border-box;}
.login-top-img{width:100%;}
.login-top-img img{display:block; width:100%; max-width:250px;}
.login-top-img .partner-img{margin:0 auto;}
.login-top-img .welcome-img{margin:0 auto 20px}
.login-form-group{width:100%; margin:10px 0 20px;}
.login-id{margin-bottom:10px !important;}
.btn-login{width:100%; margin-top:10px; color:#fff; background-color:#6ab5d5;}
.login-find{text-align:center;}
.login-find a{display:inline-block; color:#999; font-size:14px;}
.find-id::after{content:''; display:inline-block; width:1px; height:12px; margin:0 10px 0 12px; background-color:#ccc; vertical-align:middle;}

.login-cont-right{position:relative; float:right; width:60%; height:0; padding-top:60%; overflow:hidden;}
.login-cont-right img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.login-cont-right.mo{display:none;}
.login-cont-right.mo img{width:100%;}

.login-footer{float:left; width:100%; margin-top:30px; text-align:center; box-sizing:border-box;}
.login-footer .foot-call::after, .login-footer .foot-guide::after{content:''; display:inline-block; width:1px; height:12px; margin:0 10px 0 12px; background-color:#ccc; vertical-align:middle;}
.login-foot-top span{color:#666; font-size:15px; cursor:pointer;}
.login-coypright p{margin-top:10px; color:#999; font-size:13px;}

.dim-layer{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); overflow:hidden;}
.login-popup-area{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:100%; min-width:600px;}
.login-pop{position:relative; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); z-index:1002;}
.login-pop-close{position:absolute; top:-49px; right:0; width:50px; height:50px; text-indent:-99999px; background-image:url(/AppData/images/site/button/btn_close_w.png); background-repeat:no-repeat; background-position:right center; background-size:25px auto;}
.pop-cont-area{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:150px; padding:30px 20px; text-align:center; box-sizing:border-box;}
.pop-cont-area.pop-img-ver{padding:0;}
.pop-cont img{display:block; width:100%;}
.pop-header{width:100%; margin-bottom:30px;}
.pop-header strong{font-size:24px;}

/*팝업 정보수정 form*/
.pop-cont{width:100%; min-height:200px;}
.pop-cont .form-guide{float:right; color:#fff; line-height:22px;}
.pop-cont .form-title-area{background-color:#6ab5d5;}
.pop-cont .form-dl{}
.pop-cont .form-dl .input-title{text-align:left;}
.pop-cont .form-dl .text-guide{text-align:left;}
.pop-cont .form-dl .check-group{text-align:left;}
.pop-cont .form-dl .input-text{width:100%; margin-bottom:0;}
.pop-cont .btn-done{width:50%; max-width:200px; height:50px; margin-top:25px; color:#fff; background-color:#6ab5d5;}

#popCustInfo .pop-cont .form-btn{padding:35px 0; text-align:center;}
#popCustInfo .pop-cont .btn-done{margin-top:0;}
#popCustInfo .form-wrapper{display: block;}



/* =======================================================
 23.05.22 비밀번호+사번/ID 찾기
========================================================*/
/* input radio */
input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
input[type="radio"] + label{position: relative; display: inline-block; line-height: 16px; margin-right: 20px; cursor: pointer; -webkit-user-select: none;}
input[type="radio"]:checked + label::before{content: ""; border-color: #4a56a6; background-color: #fff;}
input[type="radio"] + label:before{content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 10px; border: 2px solid #ddd; border-radius: 100%; vertical-align: middle; text-align: center; color: transparent; line-height: 20px; box-sizing: border-box;}
input[type="radio"]:checked + label::after{content: ""; position: absolute; top: 6px; left: 6px; width: 10px; height: 10px; border-radius: 100%; background-color: #4a56a6;}

.find-email input[type="radio"] + label{margin-right:0;}

.pop-cont-txt.pop-dsc{font-size:14px; color:#666; word-break:keep-all;}
.pop-cont-txt.pop-guide{font-size:13px; color:#4a56a6;}

.pop-input-area{padding-top:15px;}

.pop-tab-area{padding:30px 0;}
.find-way{display:inline-block;}
.find-way.find-phone{margin-right:30px;}

.pop-input-row{width:100%; margin-bottom:15px;}
.pop-input-row:last-child{margin-bottom:0;}
.pop-input-row dt, .pop-input-row dd{float:left; height:45px;}
.pop-input-row dt{width:75px; margin-right:10px; line-height:45px;}
.pop-input-row dd{width:calc(100% - 85px);}
.pop-input-row.phone input, .pop-input-row.email input, .pop-input-row.certi-num input{width:calc(100% - 64px);}
.pop-input-row button{display:inline-block; width:60px; height:45px; line-height:45px; font-size:13px; color:#fff; background-color:#4a56a6;}
.pop-input-row.certi-num{}

.certi-time{display:inline-block; width:60px; line-height:45px; color:#4a56a6; vertical-align:middle;}




@media (max-width:1024px){
    .login-wrapper{background-color:#fff;}
    .login-cont-area{width:90%; max-width:700px; box-sizing:border-box;}
    .login-cont-box{width:100%; height:auto; margin:0 auto; box-shadow:unset;}
    .login-cont-left, .login-cont-right, .login-footer{float:none; width:100%; height:auto;}
    .login-cont-left{padding:0;}
    .login-top-img img{width:60%; margin:0 auto;}
    .login-cont-right{height:auto;}
    .login-cont-right.pc{display:none;}
    .login-cont-right.mo{display:block; margin-top:40px; padding-top:29%;}

    /*팝업 정보수정 form*/
    .login-popup-area{min-width:90%;}
    .form-container::after{content: ""; width: 0; height: 0; display: block; clear: both;}

    #popCustInfo .pop-cont .form-btn{padding:0 0 20px;}
}


@media (max-width:768px){
    .login-top-img .partner-img{max-width:200px;}
}


@media (max-width:425px){
    .login-footer .foot-call{display:block; margin-bottom:10px;}
    .login-footer .foot-call::after{display:none;}

    .pop-tab-area{padding:30px 0 10px;}
    .pop-input-row{margin-bottom:7px;}
    .pop-input-row dt, .pop-input-row dd{width:100%;}
    .pop-input-row dt{margin-right:0; text-align:left;}
    .pop-input-row.phone input, .pop-input-row.email input, .pop-input-row.certi-num input{width:calc(100% - 49px);}
    .pop-input-row button, .certi-time{width:44px;}
}