@charset "utf-8";

#member-login {position:relative;max-width:400px;margin:0 auto;}
#member-login h3 {color:#333;font-size: 45px;font-weight: 900;text-align: center;border-bottom:4px solid #333; padding:30px; margin-bottom:30px;}
#member-login h4 {color:#333;font-size: 20px;font-weight: 900;letter-spacing:-2px;margin-bottom:15px;}
#member-login .member-info {text-align:center;line-height:1.5;margin-bottom:30px;}
#member-login .member-input li {margin-bottom:10px;}
#member-login .member-input li:last-child {margin-bottom:30px;}
#member-login .member-input li input[type="text"] {height:55px;}
#member-login .member-input li input[type="password"] {height:55px;}
#member-login .member-input li input[type="checkbox"] {}
#member-login .member-input-login li {margin-bottom:30px;}
#member-login .member-guest_privacy {height:200px;line-height:1.5;border:1px solid #dedede;padding:20px;overflow-y:scroll;}
#member-login .member-guest_check {margin:10px 0 30px;}
#member-login .member-button {text-align:center;}
#member-login .member-button li {display:inline-block;border-right:1px solid #ddd;text-align:center;padding-right:5px;}
#member-login .member-button li:last-child {border-right:0;}
#member-login .member-button li a {display:block;padding:0 8px;}
#member-login .member-button li label {display:block;padding:0 15px;}

#member-register {position:relative;max-width:600px;margin:0 auto;}
#member-register h3 {color:#333;font-size: 45px;font-weight: 900;text-align: center;border-bottom:4px solid #333; padding:30px; margin-bottom:30px;}
#member-register h4 {color:#333;font-size: 20px;font-weight: 900;letter-spacing:-2px;margin-bottom:15px;}
#member-register .member-register-box {position:relative;margin-bottom:30px;}
#member-register .member-register-box .member-register-box-textarea {height:200px;line-height:1.5;overflow-y:scroll;background:#f3f3f3;padding:15px;}
#member-register .member-register-checkallbox {position:relative;height:50px;line-height:50px;text-align:center;border:1px solid #333;margin-bottom:30px}
#member-register .member-register-agree {position:absolute;top:0;right:0}
#member-register .member-register-agree input[type="checkbox"] + label {color:#676e70}
#member-register .member-register-agree input[type="checkbox"] + label span {position:absolute;top:0;right:0;width:20px;height:20px;display:block;background:#fff;border:1px solid #333;}
#member-register .member-register-agree input[type="checkbox"]:checked + label {color:#333}
#member-register .member-register-agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;}
#member-register .member-register-agree.chk_all input[type="checkbox"] + label span {display:none;}

#member-form {position:relative;max-width:600px;margin:0 auto;}
#member-form h3 {color:#333;font-size: 45px;font-weight: 900;text-align: center;border-bottom:4px solid #333; padding:30px; margin-bottom:30px;}
#member-form h4 {color:#333;font-size: 20px;font-weight: 900;letter-spacing:-2px;margin-bottom:15px;}
#member-form label {display:block;padding-bottom:10px;}
#member-form ul li {position:relative;padding-bottom:30px;}
#member-form ul li input[type="text"] {height:45px;}
#member-form ul li input[type="password"] {height:45px;}
#member-form ul li .label-check {position:absolute;top:0;right:0;}
#member-form ul li .name-cert {position:absolute;top:23px;right:0;}
#member-form .tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
#member-form .tooltip_icon:hover {color:#448bf5}
#member-form .tooltip {position:relative;width:auto;color:#fff;background:#333;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
#member-form .tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #333}

/* 스크랩 */
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
#scrap li {position:relative;padding:20px;border-bottom:1px solid #ececec}
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.5}
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
#scrap .scrap_datetime {color:#777;line-height:18px}
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
#scrap .scrap_del:hover {color:#3a8afd}

#scrap_do .new_win_con {padding:0 20px}
#scrap_do textarea {width:100%;height:100px}
#scrap_do .scrap_tit {margin-bottom:10px;background:#f3f3f3;padding:10px 15px;font-size:1.2em;font-weight:bold}
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit {float:inherit}
#scrap_do .win_desc {margin:0 20px}