@charset "utf-8";



#member { }



/* login */

#login_box { position:absolute; top:50%; left:50%; width:600px; height:360px; margin:-200px 0 0 -300px; border-top:5px solid #538fd4; }

#login_box h3 { margin:30px 30px 10px; font-size:14px; font-weight:bold; color:#6e6e6e;  }

#login_box h3 span {color:#548fd3;}

#login_box p.comment { margin:0 30px; color:#6e6e6e; }

#login_box p.comment strong { font-weight:bold; color:#3c3c3c; }



#login_box div.form_box { position:relative; z-index:0; width:425px; height:130px; padding:20px 85px 0; }

#login_box div.form_box ul { width:330px; }

#login_box div.form_box ul li { height:38px; margin:0; padding:0 0 0 45px; border:1px solid #d2d2d2; }

#login_box div.form_box ul li:first-child { margin-bottom:10px; }

#login_box div.form_box ul li.login_id { background:url("/webmanager/member/img/ico_id.gif") 20px center no-repeat; }

#login_box div.form_box ul li.login_pass { background:url("/webmanager/member/img/ico_pw.gif") 20px center no-repeat; }



#login_box div.form_box input.text { width:263px; height:38px; font-size:14px; border:0; }

#login_box #login_id { background:url("/webmanager/member/img/bg_login_id.gif") 10px center no-repeat; }

#login_box #login_pass { background:url("/webmanager/member/img/bg_login_pass.gif") 10px center no-repeat; }



#login_box div.form_box div.btn_login { position:absolute; top:20px; right:85px; z-index:0; }



#login_box div.copyright { position:absolute; bottom:0; left:0; z-index:10; width:100%; margin:0; padding:20px 0 0 0; border-top:1px solid #c8c8c8; }

#login_box div.copyright p { line-height:100%; color:#6e6e6e; font-size:11px; }

#login_box div.copyright p strong { color:#3c3c3c; font-weight:bold; }



#login_box div.save-find {margin-top:10px;}

#login_box div.save-find ul:after {display:block; clear: both; content: "";}

#login_box div.save-find ul li {display:block; float:left; height:auto; margin:0 20px 0 0; padding:0; border:0;}



#login_box div.login_info { clear: both; margin:20px 30px; }

#login_box div.login_info p.pw_info { font-size:11px; }

#login_box div.login_info p.pw_info strong {font-weight:bold; }

#login_box div.login_info div.form_btn { margin:10px 20px; }



/* 아이디/비밀번호찾기 */

.find_form {margin-bottom:15px;}

.find_form li {display:block; margin-top:5px;}

.find_form li:first-child {margin-top:0;}

.find_form li label{display:block}

.find_form li input{ height:40px; line-height:40px; font-size:14px;color:#555; border:1px solid #ccc;width:258px; text-indent:10px}

.find_form li.login_id { background:url("/webmanager/member/img/ico_id.gif") 20px center no-repeat; }

.search_pw_area span.col_orange{ color:#f06e58 !important }



/* 비밀번호재확인 */

div.section_pwconfirm {padding:30px 40px 40px; border:1px solid #e5e7eb; background:#f9fafb;}

div.section_pwconfirm div.box {margin-bottom:30px;}

p.comment {display:flex; align-items:center; font-size:15px; color:#777; margin-top:.75em;}
p.comment i{font-size:20px; margin:0 4px 2px 0; color:#538fd4;}



/*div.section_pwconfirm input.sales_pwconfirm {background:url("/webmanager/member/img/bg_pwconfirm.gif") 0 0 no-repeat #fff;}*/

div.section_pwconfirm input.no_placeholder {background-color:#fff !important;}


.login_form .pw_box {position: relative;}
.login_form #togglePasswordIcon {
    position: absolute;
    top: 34px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.join_form .pw_box {position: relative;}
.join_form .togglePasswordIcon {
    position: absolute;
    top: 34px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

/*개인정보처리방침*/

.page_wrap{
    color:#555;
    font-size:15px;
}

.page_wrap .box{
    padding:1rem 1.5rem;
}

.page_tit{
    padding:0 1.5rem;
    font-size:26px;
    font-weight:bold;
    color:#111;
}

.box h2{
    font-size:20px;
    padding-bottom:10px;
    font-weight:bold;
    color:#222;
}

.box h3{
    font-size:16px;
    padding-bottom:5px;
    font-weight:bold;
}

.box section{
    padding-bottom:10px;
}

.box .privacy_list{
    padding-bottom:10px;
}

.box .privacy_list li{
    padding-bottom:5px;
}

.box .privacy_list .mt_10{
    margin-top:10px;
}

.box .privacy_list a{
    display: inline-block;
}

.box_table h4{
    padding-top:5px;
}

.box_table table{
    width: 100%;
    border-top: 1px solid #222;
    margin: 5px 0 10px;
}

.box_table table thead th{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f7f7f7;
    padding: 10px;
    text-align: center;
    font-weight: normal;
    color: #222;
}

.box_table table tbody td{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    line-height: 22px;
    font-size: 14px;
}

.box_table table thead th:first-child, .box_table table tbody td:first-child{
    border-left:0;
}
.box_table table thead th:last-child, .box_table table tbody td:last-child{
    border-right: 0;
}
.box_table table tbody td.text_center{
    text-align: center;
}



/*이용약관*/

.agreement_wrap > div.box > p{
    padding-bottom:8px;
}

.agreement_wrap .box > ul > li{
    padding-bottom:5px;
}

.agreement_wrap .box > ul > li > ul{
    padding-left:10px;
    padding-top:5px;
}

.agreement_wrap .box ul li a{
    display: inline-block;
}

.provision > div{
    padding-bottom:10px;
    font-size:18px;
    font-weight:bold;
}