/* mypage : LOGIN */



.login_area_wrap{ background-color: #f9f9f9; width: 100%; min-height: 380px; margin-top: 60px; position: relative;padding-bottom:20px;} 


.login_info{width: 45%;  padding: 50px 10px 0 30px; float: left;  }
.login_info p{font-size: 15px; color: #555; line-height: 24px;}
.login_info p.login_bg_txt{color: #e9e9e9; font-size: 78px; font-weight: bold; margin-top: 146px;}
.login_info:after{content: "";border-right: 1px dashed #dcdcdc; height: 300px; position: absolute; top: 40px; left: 45%; }

.login_area{ float: left; padding: 50px 0 0 30px; box-sizing: border-box; width:50%}
.login_area p{ color: #666; font-size: 18px;}

.login_area input{width: 100%; padding-left: 35px; height: 50px;}
.login_area input.id_area{background: url(../imgs/sub/id_icon.png) no-repeat; background-position:left;background-color: #fff;}
.login_area input.pw_area{background: url(../imgs/sub/pw_icon.png) no-repeat; background-position:left; margin-top: 10px;background-color: #fff;}

button.login_btn{ width: 100%; height: 40px; font-size: 15px; line-height: 40px; border-radius: 5px; margin-top: 10px;}

.login_btn_bottom{ width: 100%; height: 40px; border: 1px solid #d4d3d3; border-radius: 5px; margin-top: 30px; position: relative; }

.login_btn_bottom button{ line-height: 37px; float: left; margin-right: 1px; font-size: 15px; color: #555; width: 33%; background: none; }

.login_btn_bottom .id_search:after{content: ""; width: 1px; height: 17px; background: #d4d3d3; position: absolute; top: 13px; left:33%;}
.login_btn_bottom .pw_search:after{content: ""; width: 1px; height: 17px; background: #d4d3d3; position: absolute; top: 13px; right:33%;}

.login_btn_bottom button.join_btn{margin-right: 0px;}

.list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}


@media screen and (min-width:630px) and (max-width:992px) {
    .login_info p.login_bg_txt{font-size: 70px;margin-top:100px;}
    .login_btn_bottom button{font-size: 14px; letter-spacing: -1px;}


}

@media screen and (min-width:568px) and (max-width:629px) {
    .login_info p.login_bg_txt{font-size: 60px;margin-top:120px;}
    .login_btn_bottom button{font-size: 12px;letter-spacing: -1px;}
    /*.sub-contents{padding:0 20px}*/
}

@media screen and (min-width:320px) and (max-width:568px) {
    .login_bg_txt{display: none;}
    .login_info, .login_area{clear: both;  width:100%;padding-right:8%;padding-left:8%}

    .login_info:after{display: none;}
    .login_area_wrap{min-height: 550px;} 
    .login_btn_bottom button{font-size: 13px; letter-spacing: -1px;}
    .login_area{position:relative}
    .login_area::before{content: "";border-top: 1px dashed #dcdcdc; height: 10px; width:86%; position: absolute;top:20px}
    .sub-con-title span{display: none;}
    /*.sub-contents{padding:0 20px} */
}


/* LOGIN_SEPARATE */

.ict_login{min-height: 380px; margin-top: 60px; position: relative;padding-right:20px;}
.login_bg{ background-color: #f9f9f9; min-height: 380px; padding:0 25px}
.Spch_login{ min-height: 380px; margin-top: 60px; position: relative;padding-left:20px;border-left:1px dashed #dcdcdc;}

.ict_login_info{width: 100%;  padding: 70px 10px 20px 10px; text-align: center}
.ict_login_info p{font-size: 23px; color: #444;margin-bottom:20px;}
.ict_login_info span{font-size: 12px; color: #9d9c9c;display: block; margin-top: 15px;}
.login_mg{min-height: 380px; margin-top: 60px; position: relative}

@media screen and (min-width:320px) and (max-width:767px) {
    .ict_login,.Spch_login{padding:0}
    .Spch_login{ border:none;}
}


/* join */
.join_box01{border:1px dashed #dadada; padding:25px; box-sizing: border-box;}
.join_box01 p{font-size:14px; color:#555;}


/* 마이페이지 / 비밀번호 변경 */

.my_pw_area_wrap{ background-color: #f9f9f9; width: 100%; height:auto; margin-top: 60px; position: relative;padding-bottom:20px;} 

.my_pw_area{ float: left; padding: 30px 0 0 30px; box-sizing: border-box; width:50%;}

.my_pw_area label{width:35%; padding-top:10px; font-size:14px;}
.my_pw_area input{width: 60%; padding-left: 10px;}
.my_pw_area input.pw_area{ margin-top: 10px;background-color: #fff;}

.my_pw_info{width: 50%;  padding: 40px 30px 0 30px; float: left;  }
.my_pw_info p{font-size: 15px; color: #555; line-height: 24px;}
.my_pw_info p.pw_bg_txt{color: #e9e9e9; font-size: 78px; font-weight: bold; margin-top: 146px;}
.my_pw_info:after{content: "";border-right: 1px dashed #dcdcdc; height: 220px; position: absolute; top: 35px; left: 4%; }


.my_pw_icon{background-image: url(../../res/imgs/sub/pw_dot.png); background-repeat: no-repeat; background-position-y:9px;padding-left:12px;font-size:13px !important;line-height: 1.4em !important;}




@media screen and (min-width:320px) and (max-width:568px) {
    .my_pw_info, .my_pw_area{clear: both;  width:100%; padding-right:8%;padding-left:8%;}

    .my_pw_info:after{display: none;}
    .my_pw_btn_bottom button{font-size: 13px; letter-spacing: -1px;}
    .my_pw_area{position:relative}
    .my_pw_area::before{content: "";border-top: 1px dashed #dcdcdc; height: 10px; width:86%; position: absolute;top:335px}

}


/* 아이디 / 비밀번호 찾기 */
.ict_idpw{border:1px solid #dadada; padding:4% 5%}/*07-10*/
.ict_idpw span{display: inline-block;width:20%}
.ict_idpw input[type='text']{width:65%}
.ict_idpw select{width:20.5%}
.ict_idpw button{height:60px; margin-top:0;}
.id_txt{font-weight: bold; font-size:20px;text-align: center; border-right:1px solid #c3c3c3;  width:125px;padding-right:50px;}/*07-10*/
.pw_txt{font-weight: bold; font-size:20px;text-align: center; border-right:1px solid #c3c3c3;  width:125px; height:95px;padding:20px 40px 0 0;}/*07-10*/

@media screen and (min-width:655px) and (max-width:991px) {
    .ict_idpw button{margin-top:10px !important}
    .ict_idpw button{height:40px; margin-top:10px !important}
    .ict_idpw input[type='text']{width:75%}
    .ict_idpw select{width:24%}
    .id_txt{ border-right:none;width:100%;margin-bottom:20px;}/*07-10*/
    .pw_txt{ border-right:none;width:100%;margin-bottom:20px;height:55px;}/*07-10*/
}

@media screen and (min-width:320px) and (max-width:654px) {
    .ict_idpw span{width:24%}
    .ict_idpw{padding:30px 5%;}
    .ict_idpw button{height:40px; margin-top:10px !important}
    .ict_idpw input[type='text']{width:68%}
    .ict_idpw select{width:21%}
    .id_txt{ border-right:none;width:100%;margin-bottom:20px;}/*07-10*/
    .pw_txt{ border-right:none;width:100%;margin-bottom:20px;height:55px;}/*07-10*/
}


/* 나의 신청내역 */

.btn-top-wrap{}
.apply-list-title .form-title{padding-left: 0px;}

.detail-btn{height: 40px; }
.form02 .txt-sky{color: #62a8d5;}
.form02 .txt-red{color: #ff0000;}

/* 나의 유통점내역 */

.search-wrap input{width: 60%;}
.search-wrap .srch-sl{ width: 60%; margin-left: 24px;}
.search-wrap .search-btn{ padding: 3px 10px; margin-right: 20px;}

@media screen and (min-width:320px) and (max-width:767px) {

    .m_mgt10{margin-top: 10px;}
    .mgl25{margin-left: 25px;}
    .mgl{margin-left: -1px;}
    .search-wrap select{width: 80%;}
    .search-wrap .srch-sl{ width: 80%; }
    .search-wrap input{width: 80%;}
    .search-wrap .search-btn{margin-right: 40px;}
}