@charset "utf-8";

/* 아웃로그인 스킨 */
.ol { height: 190px; }

#ol_before { display: flex; flex-direction: column; justify-content: center; font-family: Pretendard; }
#ol_before p { text-align: center; line-height: 1; margin-bottom: 16px; }
#ol_before .ibtn-primary { width: 100%; margin-bottom: 17px; }
#ol_before #sns_login { margin: 0; border: 0; padding: 0; background: transparent; margin-bottom: 15px; }
#ol_before #sns_login h3 { display: none; }
#ol_before .sns-wrap { display: flex; justify-content: center; margin: 0; }
#ol_before .sns-wrap .txt { display: none; }
#ol_before #sns_login .sns-icon { width: 25px; height: 25px; line-height: 25px; margin: 0; padding: 0; margin-left: 5px; text-align: center; background-position: center; background-size: 24px; border: 0; }
#ol_before #sns_login .sns-icon:first-child { margin: 0; }
#ol_before #sns_login .sns-google { background-color: #e9e9e9;}
#ol_before #sns_login .sns-google .ico { background-color: transparent; background-size: 18px !important; background-position: center; width: 25px; height: 25px; top: 0; left: 0; }
#ol_before .rows_c a { margin: 0 7px; }
#ol_before .rows_c a:last-child { font-weight: 700; color: #0085FF }

#ol_after_hd { display: flex; align-items: center; }
#ol_after_hd h2 { display: none; font-size: 0; }
#ol_after_hd .profile_img { position: relative; margin-right: 25px; }
#ol_after_hd .profile_img img { width: 60px; height: 60px; border-radius:50% }
#ol_after_hd .profile_img a { position: absolute; width: 28px; height: 28px; line-height: 26px; border-radius: 50%; border: 1px solid #e0e0e0; background: #fff; display: block; text-align: center; bottom:-3px; right: -5px; }
#ol_after_hd .user { font-size: 1.12em; margin-bottom: 7px; }
#ol_after_hd p { line-height: 1.4; }
#ol_after_hd #ol_after_logout { text-decoration: underline; font-weight: 500; font-size: .95em; }
#ol_after_hd #ol_after_logout:before { content: ""; display: inline-block; width: 1px; height: 12px; background: #ddd; vertical-align: middle; margin: 0 8px }
#ol_after_private { display: flex; justify-content: center; border-top: 1px solid #e0e0e0; margin: 18px -20px 0 -20px; padding-top: 13px; }
#ol_after_private li { margin-left: 20px; display: flex; align-items: center; }
#ol_after_private li i { width: 30px; height: 30px; border-radius: 50%; background: #eee; display: flex; justify-content: center; align-items: center; margin-right: 8px; }
#ol_after_private li:first-child { margin: 0; }
#ol_after_private li strong { font-size: .9em; font-weight: 500; }
#ol_after_private li > a { font-size: 0.85em; }
#ol_after footer { text-align: center; font-family: dotum, sans-serif; font-size: 11px; color: #888; margin-top: 12px; letter-spacing: -1px; }
#ol_after footer strong { letter-spacing: 0;}

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