/* 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}



/* 다단계 */ /*2017-06-08 추가*/

.lnb-head-pyramid{height: 120px; background: url(../imgs/pyramid/left_top_bg.jpg) no-repeat center;}
.lnb-head-pyramid p{font-size: 25px; color: #fff; text-align: center; padding-top: 47px; letter-spacing: -1px;}
.lnb-list ul li a .lnb-btn{ background: url(../imgs/pyramid/left_menu_btn.png) center; display: block; width: 14px; height: 14px;  position: absolute; top: 15px; right: 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;}

     .sub-contents{padding:0 20px} /*2017-06-08 추가*/
}

@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} /*2017-06-08 추가*/
}

@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} /*2017-06-08 추가*/
}



/* LOGIN_SEPARATE */

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

.ict_login_info{width: 100%;  padding: 50px 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: 40px; 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;}


/* 아이디 / 비밀번호 찾기 */
.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*/
}



/* 마이페이지 / 나의신청내역*/

.list-table01 thead th{border-top: 2px solid #62a8d5 !important; text-align: center; font-weight: 500; background-color: #f3f7fa; }
.f-top{border-top: 2px solid #62a8d5; }



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

.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}

}


/*다단계/방문판매 신청*/
.lnb-head-pyramid-pd p{padding-top:30px}
.table_bt_primary{ font-size: 13px; padding-top: 10px; color: #62a8d5; letter-spacing:-0.5px; line-height: 20px;}

/* 통신사대리점 표 */

/* 06-26 */
.text-danger{font-size:15px; color:crimson;}

.precon_table{width:100%;border: 1px solid #e6e6e6;}
.precon_table tr td{width:160px;}
.precon_table tr td:first-child{width:120px;}
.precon_table tr td:nth-child(4){letter-spacing: -1px;}
.precon_table tr td:nth-child(2) input[type=text]:first-child{border:1px solid #0080FF;}
/*.precon_table tr td:nth-child(2) select{display: block;}*/
.precon_table tr td:nth-child(2) div input[type=text]:first-child{border:1px solid #dcdcdc;}
.precon_table tr td input[type=text]{margin:2px 0;width:80%;}
.precon_table tr td div{padding:0}
.precon_table tr td:first-child select{width:60px;}
/*.precon_table tr td:nth-child(2) select{width:100%;margin:1px 0;display: block}*/
.inp-bk{display: block;width:100% !important;}
.precon_table .sl_box01{width:70%;margin:1px 0;} /*06-26*/
.precon_table .sl_box02{width:100%;margin:1px 0;display: block;} /*06-26*/

.pre_sl_icon{cursor:pointer;vertical-align:middle;margin-left:6px;}


@media screen and (max-width: 767px){
    .table-responsive{margin-bottom:0}
    
}

.form02 .input-group{width:100%;}

/*대리점코드검색 팝업*/
.modal{z-index: 9999999;padding-left:17px !important;}
.modal-header{height:41px; background-color:#4174B6; color:#fff;padding:8px 10px;}
.modal-header h5{font-weight:normal; font-size: 18px;}
.modal-body{background:#fff;}
.modal-body h4{color:#4174b6 ;}
.popup_close{background-image: url(../../res/imgs/sub/popup_close_i.jpg); background-repeat: no-repeat; width:40px; height:40px; position:absolute; top:0; right:0}
.popup_list{max-height:700px;}
.modal-footer{border-top:none}


/*사전승낙 안내*/

.pyramid-table tbody td:last-child{ padding-left: 0px;}
.pyramid-table tbody td.pdl10{padding-left: 10px;}


/*pre*/
pre{width: 100px; min-width:100%; height: 300px; overflow-y:scroll; overflow-x:scroll; background: none;}
pre p{width:814px;}