@charset "utf-8";

/* 기본박스 */


.mbskin{position: relative; margin:0 auto 0; background:#fff;}
/* .mbskin .frm_input{width:100%} */
.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-size:1.25em}
.mbskin  h1{margin: 20px 0 30px;font-size: 2em;}


/* 회원가입 약관 */
.register_total	{}
#fregister {}

#fregister p {}
#chk_all{margin-top:2px;}
#fregister_chkall{margin-bottom: 45px; align-items:center;}

#fregister section {margin-bottom: 80px;}

#fregister h2 {font-size:22px; font-weight:500; margin-bottom: 20px;}
#fregister textarea	{display:block;padding:25px 20px; width:100%; height:160px; background:#f7f7f7; border-top:1px solid #0d0d0d;} 
#fregister .fregister_agree {margin-top: 15px; align-items: center;}
#agree21, #agree11{margin-top:2px;}
#fregister .fregister_agree label {color: #7d7d7d;}
#fregister_private div{padding:20px;background:#fff}

#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table  td{border:1px solid #ddd;padding:10px;}
#fregister .btn_confirm{text-align:center;}

/* #fregister .btn_confirm .btn_submit{height:40px;border-radius:3px;padding:0 40px; font-size:15px;  background: #282828; color: #fff; } */

/* 회원가입 입력 */
#register_form{}
#fregisterform {margin-bottom:30px;}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm{text-align:center}
/* #fregisterform .btn_confirm .btn_submit{height:45px;padding:0 30px; font-size:15px} */
#fregisterform .btn_confirm .btn_cancel{height:45px;line-height:45px;padding:0 30px;font-size:15px; margin-top:-6px;}
#fregisterform .frm_info{display:block;color:#3497d9;font-size:13px; line-height:100%;}
#fregisterform .form_01 div{margin:0;}
.register_tb_w td.is_captcha_use{padding:10px 15px;}
#fregisterform .captcha{display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}

/* 회원가입 완료 */
/* #reg_result {padding:100px 0 40px;text-align:center;background:#fff} */
#reg_result h2{font-size:2em;margin:0 0 20px}
#reg_result h2 strong{}
/* #reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em} */
#reg_result .btn_confirm {margin:50px 0}
#reg_result .reg_result_p{font-size:1.25em;margin:0 0 10px;}
#reg_result .reg_result_p strong{color:#3497d9}
#reg_result .btn_submit{padding: 0 30px;height:40px;line-height:40px;display:inline-block;margin:30px 0 0 ;font-size:15px;color:#fff;}

/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}

/* 로그인 */
#mb_login {}
.mbskin .top {text-align: center; margin: 30px 0 0; padding-bottom: 20px; }
.mbskin .top .sm_tit {margin-bottom: 5px;}
.mbskin .top p {font-size: 17px;}

#member_confirm, #login_fs{max-width:800px; margin: 0 auto; padding: 50px;}

.log_info {width: 72%; display: flex; flex-direction: column; align-items: flex-end;}
.log_info .log_input{width:85%;}
.login_btn_submit {width: 25%; margin-left:3%;}

.log_select {border-top:1px solid #0d0d0d; border-bottom:1px solid #ddd;}
.log_select li {width: 50%; text-align: center; border-right:1px solid #ddd;}
.log_select li:last-child {border-right: none;}
.log_select div {padding:24px 0 25px; background-color: #f7f7f7;}
.log_select div label {font-size: 17px; font-weight: 500; color: #0d0d0d;}
.log_select p {padding:24px 12px; font-size: 17px; min-height: 113px;}
.log_select p span {color: #e80000;}

.log_select input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f7f7f7; cursor: pointer; width: 15px; height: 15px; outline: 0; border: 1px solid #d9d9d9; position: relative; margin: -3px 12px 0 0; border-radius:50%;}
.log_select input[type="radio"]::after {content: ''; height: 9px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 9px; background: #0d0d0d; border-radius:50%; display: none;}
.log_select input[type="radio"]:checked::after {display: block;}

.log_input {align-items: center;}
.log_input:last-child {margin-top: 2%;}
.log_input h4 {width: 20%; font-size: 17px; font-weight: 500;}
.log_input input {border:1px solid #d9d9d9; height: 48px; padding: 0 15px; width: 100%; margin: 0;} 
input.inactive{background-color:#fafafa !important; cursor:default ;}
.log_input input::placeholder {opacity: .8;}

.login_btn_submit {background: #0d0d0d; font-size: 17px; font-weight: 500; color: #fff;}
.login_btn_submit + .password_lost {display: block; margin:15px 0 0 11%; font-size: 17px; color: #7d7d7d;}

.new_register {border-top:1px solid #0d0d0d; padding-top: 38px; justify-content: center; align-items: center; margin-top: 50px;}
.new_register p {font-size: 17px; color: #7d7d7d; margin-right: 20px;}
.new_register a {width: min(180px,45%); padding: 12px 0;}

@media(max-width:1600px){
.new_register {margin-top: 45px;}	
}

@media(max-width:1300px){
#login_fs{padding: 40px;}

.mbskin .top {margin: 25px 0 0; padding-bottom: 15px; }
.mbskin .top p {font-size: 16px;}

.log_input h4 {font-size: 16px;}
.login_btn_submit {font-size: 16px; }
.login_btn_submit + .password_lost {margin:10px 0 0 15%; font-size: 16px;}

.new_register {margin-top: 40px;}
.new_register p {font-size: 16px; margin-right: 15px;}
}

@media(max-width:1080px){
#login_fs{padding: 30px;}

.mbskin .top {margin: 20px 0 0; padding-bottom: 30px; }
.mbskin .top p {font-size: 15px;}

.log_input h4 {width: 22%;}
.log_input input {height: 45px; width: 78%;} 
.login_btn_submit + .password_lost {margin:10px 0 0 16%;}

.new_register {margin-top: 35px;}
.new_register a { padding: 10px 0;}

.log_select input[type="radio"] {margin-right: 8px;}
.log_select div label {font-size: 16px;}
.log_select div label {font-size: 16px;}
.log_select p {font-size: 16px;}


}

@media(max-width:768px){
#login_fs{padding: 25px 4%;}

.mbskin .top {margin: 15px 0 0; padding-bottom: 20px; }
.mbskin .top p {font-size: 14px;}

.log_info {width: 75%;}
.login_btn_submit {width: 22%;}

.log_select input[type="radio"] {margin-right: 6px;}
.log_select div {padding:16px 8px;}
.log_select div label {font-size: 15px;}
.log_select div label {font-size: 15px;}
.log_select p {padding:16px 12px; font-size: 15px;}


.log_input h4 {font-size: 15px; width: 25%;}
.log_input input {height: 42px; padding: 0 10px; width: 75%;} 
.login_btn_submit {font-size: 15px; }
.login_btn_submit + .password_lost {margin:5px 0 0 19%; font-size: 15px;}

.new_register {margin-top: 25px;}
.new_register p {font-size: 14px;}
.new_register a {padding: 8px 0; font-size: 15px;}
	
/* #register_form{padding:0px;}
#login_fs{padding:0 0}
.register_tb_w table th {padding:5px !important;letter-spacing:-1px;}
#fregister .fregister_agree {position:relative;border-top:1px solid #ddd;} */
}

@media(max-width:600px){
    .log_select li {margin-bottom: 20px; width: 100%; border-right:none;}
    .log_select p {min-height: auto;}
}

@media(max-width:500px){
.log_info {width: 100%;}
.log_info .log_input {width: 100%;}
.log_input h4 {display: none;}
.log_input input::placeholder {opacity: 1;}
.log_input input {width: 100%;} 

.login_btn_submit {width: 100%; margin:10px 0; padding: 14px 0;}
.login_btn_submit + .password_lost {margin: 0 auto;}
}


/* #mb_login #login_fs .frm_input{margin:0 0 10px} */
/* #mb_login #login_fs .login_btn_submit {font-size:15px; display:block; width:100%; margin:0 0 10px; border:0; background: #282828; color: #fff; border-radius: 3px; padding:15px 0;} */
#mb_login .autofind		{display:flex; justify-content: space-between;}
#mb_login .autofind div	{}
#mb_login .autofind div a	{display:inline-block; background:#aaa; color:#fff; padding:2px 10px; border-radius:3px; font-size:12px;}

#mb_login #login_info				{margin:20px auto 0; }
#mb_login #login_info a		{display:inline-block;width:50%;float:left}

#mb_login_notmb{margin:30px auto;padding:20px 30px }
#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#mb_login_od_wr{margin:30px auto;padding:20px 30px }
#mb_login_od_wr h2{font-size:20px;margin:20px 0 10px;color:#000;}
#mb_login_od_wr .frm_input{margin:10px 0 0 }
#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}

/* 쪽지 */
#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold}
#memo_list .memo_datetime{float:right;font-size:0.92em;color:#777;font-style:italic}
#memo_list .memo_del{margin-left: 5px; color: #49857c;font-size: 15px;}

#memo_view_contents {margin:10px 0;border:1px solid #ddd;}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3;}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;padding:10px;float:left;width:50%;}
.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:bold !important}
.memo_view_subj{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px;}
.memo_view_li .profile_img img{border-radius:50%}
.memo_view_date{text-align:right;color:#555;font-style:italic}
.memo_view_date strong{font-weight:normal}
#memo_view .btn_b02{float:right}
#memo_view .btn_b02.reply_btn{margin-left:4px}
#memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap .scrap_tit{display:block;font-size:15px;margin-bottom:5px;line-height:1.3em}
#scrap .scrap_cate{ display:block;color:#3598db ;font-size:0.92em;float:left}
#scrap .scrap_datetime{color:#777;font-style:italic;float:right}
#scrap .scrap_del{position:absolute;top:5px;right:10px;font-size:18px;color:#49857c}
#scrap .scrap_del:hover{color:#98ca69}
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}
#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:15px;font-weight:bold}
#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em}
/*포인트*/
#point .point_top{line-height:15px;margin:0 0 5px}
#point .point_top:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_tit{float:left;font-size:15px;display:block;}
#point .point_num{font-size:1.25em;color:#00c4ac;float:right;}
#point .point_date1{float:left;color:#555;font-style:italic}
#point .point_date{float:right;color:#555;font-style:italic}
#point .txt_expired {color:#aaa;}
#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-size:15px}
#point .point_all span,#point .point_status span{float:right;}
#point .point_status{background:#737373;border:0;color:#fff;font-size:15px}
#point .point_status  span{margin-left:10px}

/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:15px;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:left}
#mb_confirm fieldset .frm_input {background-color:#fff;}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id{font-size:0.92em;color:#666}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:15px;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id{}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie{position:relative}
#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0;}
#formmail .lb_icon {position: absolute;top: 1px;left: 1px;border-radius: 3px 0 0 3px;height: 38px;line-height: 38px;width: 40px;background: #eee;text-align: center;color: #888;}
#formmail .frm_file {padding-left: 50px;}
#formmail .frm_info{color: #3497d9;font-size: 0.92em;}

/* 자기소개 */
#profile h1 a{color:#fff}
#profile table {margin-bottom:0}
#profile table th{text-align:left;padding:10px;width:100px}
#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0;}
#profile h2 {margin:0 0 5px}
#profile .profile_name{text-align:center;font-weight:bold}
#profile .my_profile_img{display:block;margin:20px 0 5px;}
#profile .my_profile_img img{border-radius:50%;border:1px solid #aaa}
#profile .profile_img img{border-radius:50%}
#profile .profile_name .sv_wrap{text-align:left}

#mb_login_odinfo {font-size:12px;}
#mb_login_odinfo strong {color:#af0000;}


/*22.11.24 회원가입 반응형 추가-승완*/
.reg_notice{font-size:17px; font-weight:400; display:block; margin-bottom:5px;}
@media(max-width:1200px){
    select[title='Telephone']{width:100% !important; margin:0 0 5px 0 !important;}
    .table_wrap select + input{width:100% !important; margin:0 !important;}
}
@media(max-width:1080px){
    .table_wrap select + input, select[title='Telephone']{width:100% !important; margin-left:0px !important;}
}@media(max-width:768px){
    #fregisterform .form_01 div div{margin:0 auto;}
}