@charset "utf-8";

/* 아웃로그인 스킨 */
.ol1 {position:relative}
.ol1 h2 {font-size:1.2em;text-align:left;padding:15px;border-bottom:1px solid #e4e4e4}
.ol1 a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol1 a.btn_admin:focus, .ol1 a.btn_admin:hover {text-decoration:none}

#ol_before1:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before1 form {padding:15px}
#ol_before1 .ol_wr {position:relative;margin-bottom:5px;text-align:left}
.ol_tit {display:block;text-align:left;margin:10px 0 5px}
#ol_id, #ol_pw {display:block;width:100%;border:1px solid #c2c9d9;padding:0 10px;height:42px}
#ol_submit {width:110px;height:40px;margin-top:10px;background:#fe4444;border-radius:3px;color:#fff;font-weight:bold;font-size:1sem}

#ol_auto {line-height:20px}
#ol_auto label {color:#555}
#ol_auto input {width:13px;height:13px} 

#ol_svc {background:#edf0f6;position:relative;margin:0;border-top:1px solid #e4e4e4}
#ol_svc:after {display:block;visibility:hidden;clear:both;content:""}
#ol_svc a {float:left;display:inline-block;width:159px;padding:20px 15px;color:#555}
#ol_svc a#ol_password_lost {border-left:1px solid #e4e4e4}
#ol_svc b {color:#0060ff}

#ol_after1 {}
#ol_after_hd1 {position:relative;margin:0 0 10px;padding:20px 15px;padding-left:90px;height:80px;text-align:left}
#ol_after_hd1 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ol_after_hd1 strong {display:inline-block;text-align:left;line-height:23px}
#ol_after_hd1 .profile_img {position:absolute;top:20px;left:20px;display:inline-block}
#ol_after_hd1 .profile_img img {border:1px solid #bbb;border-radius:50%;width:50px;height:50px}
#ol_after_hd1 .profile_img a {display:block;position:absolute;bottom:-5px;right:-5px;background:#606c86;text-align:center;width:22px;height:22px;line-height:17px;border-radius:50%;color:#777;border:2px solid #fff}
#ol_after_hd1 .profile_img i {font-size:0.89em}
#ol_after_hd1 .btn_b04 {line-height:23px;padding:0 5px;float:right}
#ol_after_hd1 .win_point {display:block}
#ol_after_hd1 .win_point strong {color:#0380ff}
#ol_after_private1 {background:#f7f7f7;border-top: 1px solid #e8e8e8}
#ol_after_private1:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private1 li {position:relative;float:left;width:149.5px;text-align:left;margin:0;padding:20px 15px;border-left:1px solid #e8e8e8}
#ol_after_private1 a {display:block;color:#444;width:100%}
#ol_after_private1 i {font-size:1em !important;color:#7e7e7e !important}
#ol_after_private1 li:first-child a {border-left:0}
#ol_after_private1 a strong {display:inline-block;float:right;vertical-align:top;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#fff;color:#298aff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:2px 2px 3px rgba(0,0,0,0.2)}
#ol_after_memo {margin-right:1px}
#ol_after_pt {margin-right:1px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}