@charset "utf-8";
/* SIR 지운아빠 */
#loginwrap {	margin: 0px auto; width: 640px; height: 29px; vertical-align: middle;}
#loginwrap #login { margin: 0px auto; width: 640px; height: 29px; }
#loginwrap #login #top_login_wrap { width: 640px; height: 29px;  float: right;text-align:}
#loginwrap #login #top_login_wrap .favor_wrap { width: 300px; height: 29px; float: left;}

#loginwrap #login #top_login_wrap .login_input_wrap { width: 370px; height: 20px; float: right;text-align: right;vertical-align:bottom;color:#fff; font-size:0.95em;letter-spacing:-0.1em}
#loginwrap #login #top_login_wrap .login_input_wrap .login_id_div { width: 120px; height: 24px; text-align: left; margin-top: 4px; margin-right: 3px; float: left;}
#loginwrap #login #top_login_wrap .login_input_wrap .login_id_input { border: 0px currentColor; width: 97px; height: 19px; padding-left: 20px; background-image: url("/image/common/id_bg2.gif"); background-repeat: no-repeat; background-color: rgb(255, 255, 255);}
#loginwrap #login #top_login_wrap .login_input_wrap .login_pw_div { width: 120px; height: 24px; text-align: left; margin-top: 4px; margin-right: 3px; float: left;}
#loginwrap #login #top_login_wrap .login_input_wrap .login_pw_input { border: 0px currentColor; width: 92px; height: 19px; padding-left: 25px; background-image: url("/image/common/pw_bg2.gif"); background-repeat: no-repeat; background-color: rgb(255, 255, 255);}
#loginwrap #login #top_login_wrap .login_input_wrap .login_bt { width: 49px; height: 20px; padding-left: 3px; margin-top: 4px; vertical-align: top; float: left;}
#loginwrap #login #top_login_wrap .login_input_wrap .regist_icon { margin-top: 4px; margin-left: 5px; vertical-align: top; float: left;}

#loginwrap #login #top_logout_wrap .login_input_wrap { width: 400px; height: 20px; float: right;text-align: right;vertical-align:bottom;color:#fff; font-size:0.95em;letter-spacing:-0.1em}
#loginwrap #login #top_logout_wrap .login_input_wrap .login_name { width: 90px; height: 20px;text-align: left; color: rgb(255, 150, 0); font-size: 9pt; font-weight: bold; margin-top: 8px; float: left;}
#loginwrap #login #top_logout_wrap .login_input_wrap .login_name2 { width: 160px; height: 20px; text-align: left; color: rgb(255, 150, 0); font-size: 9pt; font-weight: bold; margin-top: 8px; float: left;}
#loginwrap #login #top_logout_wrap .login_input_wrap .login_name2 a { letter-spacing: -1px;color: #ffffff;font-family: dotum; font-size: 12px;}



#loginwrap #login #top_logout_wrap .login_input_wrap .logout_bt {  height: 20px; margin-top: 4px; padding-left: 3px; vertical-align: top; float: left;}
#loginwrap #login #top_logout_wrap .login_input_wrap .modify_icon {  height: 20px; margin-top: 4px; padding-left: 10px; vertical-align: top; float: left;}


#loginwrap #login #top_login_wrap .service_wrap { width: 340px; height: 24px; color: rgb(255, 255, 255); margin-top: 5px; float: left;}
#loginwrap #login #top_login_wrap .service_wrap .service_01 { width: 41px; margin-right: 5px; float: left;}
#loginwrap #login #top_login_wrap .service_wrap .service_02 { width: 80px; text-align: left; font-size: 8pt; float: left;}
#loginwrap #login #top_login_wrap .service_wrap .domein_03 { width: 41px; margin-right: 5px; float: left;}
#loginwrap #login #top_login_wrap .service_wrap .domein_04 { width: 90px; font-size: 8pt; margin-right: 5px; float: left;}
#loginwrap #login #top_login_wrap .service_wrap .price_05 { float: right;}
#loginwrap #login #top_login_wrap .price_06 { width: 65px; height: 25px; margin-top: 5px; vertical-align: middle; float: left;}
.price_06 a { color: rgb(255, 150, 0); font-weight: bold;}
.work_08 a { color: rgb(255, 150, 0);}
#loginwrap #login #top_login_wrap .work_07 { width: 41px; height: 23px; margin-top: 5px; margin-right: 5px; vertical-align: middle; float: left;}
#loginwrap #login #top_login_wrap .work_08 { width: 30px; height: 25px; text-align: left; margin-top: 5px; float: left;}
#loginwrap #login #top_login_wrap .my_bt { width: 61px; height: 23px; margin-top: 6px; margin-right: 5px; float: left;}
#loginwrap #login #top_login_wrap .or_bt { width: 51px; height: 23px; margin-top: 6px; margin-right: 5px; float: left;}
#loginwrap #login #top_login_wrap .fv_bt { width: 83px; height: 25px; margin-top: 4px; float: left;}

/* 아웃로그인 */
.ol {position:relative;margin:0 0 10px;padding:0 5px 5px;border-bottom:1px solid #e7f1ed}
.ol h2 {width:0;height:0;overflow:hidden}

.ol a.btn_admin {display:inline-block;margin:0 0 5px;padding:0 10px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_before input[type=text], #ol_before input[type=password] {display:block;margin-bottom:5px;padding:0;width:80%;height:1.8em;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em}
#ol_before input[type=submit] {position:absolute;top:0;right:5px;padding:0 !important;width:18%;height:4.3em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
#ol_svc {margin:15px 0 5px;text-align:right}
#ol_svc a {display:inline-block;margin:0 0 0 5px;color:#000;text-decoration:none;vertical-align:middle}

#ol_after_hd strong {display:inline-block;padding:0 0 5px}
#ol_after_hd .btn_admin {display:block;padding:0 !important;text-align:center}
#ol_after_private {margin:0;padding:0;list-style:none}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {float:left}
#ol_after_memo {width:100px;color:#fff; font-size:0.95em;letter-spacing:-0.1em}
#ol_after_pt {width:40%}
#ol_after_scrap {width:30%}
#ol_after_private a {display:block;height:3em;background:#f7f7f7;color:#000;text-decoration:none;text-align:center;line-height:3em}
#ol_after_private a strong {color:#000;font-weight:normal}
#ol_after_private a:nth-of-type(1) {border-right:1px solid #fff}
#ol_after_private a:nth-of-type(2) {border-right:1px solid #fff}
#ol_after_ft {margin-top:5px;text-align:right}
#ol_after_ft a {display:inline-block;padding:0 20px;height:2em;background:#333;color:#fff;text-decoration:none;text-align:center;line-height:2em}



/*
#sir_ol{top:22px}
#sir_ol2{top:24px}
.sir_ol h2{position:absolute;margin:0 !important;padding:0 !important;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sir_ol label{font-size:.95em;letter-spacing:-0.1em}#sir_ol .ol_lblid{position:absolute;top:8px;left:7px;color:#839298}#sir_ol .ol_lblpw{position:absolute;top:8px;left:102px;color:#839298}#sir_ol .ol_inp{margin:0;padding:0 5px;width:80px;height:26px;border:1px solid #d5d8dc;vertical-align:middle;line-height:1.5em}#sir_ol #ol_submit{margin:0;padding:0 7px;height:28px;border:1px solid #d5d8dc;background:url('common/ol-bg.gif') #fff center bottom repeat-x;color:#484848;font-size:.95em;letter-spacing:-0.1em}#sir_ol a{display:inline-block;padding:0 7px;height:26px;border:1px solid #d5d8dc;background:#f7f7f7;color:#839298;font-size:.95em;vertical-align:middle;line-height:2.5em;letter-spacing:-0.1em}#sir_ol2 #ol2_btn{padding:5px 0 0}#sir_ol2 #ol_nick a,#sir_ol2 #ol2_btn a{display:inline-block;padding:0 7px;font-size:.95em;vertical-align:middle;letter-spacing:-0.1em}#sir_ol2 a i{font-style:normal;letter-spacing:0}#sir_ol2 #ol2_btn a{border-left:1px solid #e9e9e9}#sir_ol2 #out_out a{color:#ff4f91}#sir_ol2 div{float:left;position:relative}#sir_ol2 #ol_nick{margin:0 10px 0 0;padding:2px 0 0}#sir_ol2 .ol_btn2 .btn2_li a{letter-spacing:-0.1em}#sir_ol2 #ol_arm{z-index:10;position:relative;margin:0 4px 0 0}#sir_ol2 #ol_arm button{margin:0;padding:5px 7px;border:0;background:transparent;font-size:.95em}#sir_ol2 #ol_arm #arm_cnt{padding:3px 5px;border-radius:10px;color:#fff;font-weight:bold;vertical-align:top}#sir_ol2 #ol_arm .arm0{background:#859495}#sir_ol2 #ol_arm .arm1{background:#ee609d}#sir_ol2 #ol_arm ul{display:none;z-index:1005;position:absolute;top:24px;left:0;margin:0;padding:0;width:198px;border:1px solid #818f98;background:#fff;list-style:none}#sir_ol2 #ol_arm li{position:relative;margin:0;border:0;border-bottom:1px solid #d4dbe0;background:#fff}#sir_ol2 #ol_arm li a{display:block;padding:5px 20px 5px 5px;width:173px;background:#fff;color:#69797c;font-size:.95em;letter-spacing:-0.1em}#sir_ol2 #ol_arm li a:focus,#sir_ol2 #ol_arm li a:hover{background:#d9e1e5;color:#000}#sir_ol2 #ol_arm .arm_time{display:block;margin:3px 0 0;color:#999;font-size:.95em}#sir_ol2 #ol_arm li .arm_del{display:inline-block;position:absolute;top:5px;right:5px;padding:0;width:auto;background:#ff4f91}#sir_ol2 #ol_arm #arm_all a{display:block;padding:7px 0;width:198px;text-align:center}#sir_ol2 #ol_arm #arm_empty{padding:20px 0;width:100%;text-align:center}
*/