@charset "utf-8";

input::-webkit-input-placeholder { font-family:"jgr_m7";opacity:0.5;font-size:0.8em; }
input::-moz-placeholder { font-family:"jgr_m7";opacity:0.5;font-size:0.8em; }
input:-ms-input-placeholder { font-family:"jgr_m7";opacity:0.5;font-size:0.8em; }
input::-ms-input-placeholder { font-family:"jgr_m7";opacity:0.5;font-size:0.8em; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input:focus::-ms-input-placeholder { color:transparent; }

.mb_btn_l { display:inline-block;font-family:"jgr_m4";font-size:24px;padding:10px 20px;border:0;border-radius:5px;cursor:pointer; }

/* 회원가입 약관 */
#fregister { width:1224px;}
#fregister p { text-align:center;color: #e50000;font-family:"jgr_m2";font-size:16px;margin-bottom:30px; }

#fregister section { position:relative; }
#fregister_chkall{ text-align:right;margin-bottom:30px; }
#fregister h2 { font-family:"jgr_m3";font-size:18px;margin-bottom:30px; }
#fregister textarea { display:block;padding:20px;width:100%;height:200px;background:#efefef;border:10px solid #efefef;line-height:18px; }
#fregister textarea { overflow-y:auto;-ms-overflow-style: none;overflow:-moz-scrollbars-none; }
#fregister textarea::-webkit-scrollbar { width: 0 !important }
#fregister .fregister_agree {position:absolute;top:15px;right:0; }
#fregister_term { margin-bottom:90px; }
#fregister_private { margin-bottom:90px; }
#fregister_private table { width:100%;border-collapse:collapse;border-spacing:0; }
#fregister_private table caption { position:absolute;font-size:0;line-height:0;overflow:hidden; }
#fregister_private thead th { width:33.33%;font-weight:normal;background:url('/img/tbl_bar3.svg') #efefef no-repeat left center;background-size:1px 13px;border-top:1px solid #000;padding:15px; }
#fregister_private thead th:first-child { background:url('') #efefef; }
#fregister_private tbody td { background:url('/img/tbl_bar3.svg') no-repeat;background-size:1px 13px;background-position:left center; }
#fregister_private tbody td:first-child { background:0; }
#fregister_private tbody td { padding:10px;text-align:center; }
#fregister_private tbody tr { border-bottom:1px solid #cfcfcf;height:80px; }
#fregister_private tbody tr:last-child { border-bottom:1px solid #000; }

#fregister .btn_confirm { text-align:center; }
#fregister .btn_confirm .btn_submit{ font-family:"jgr_m3";font-size:24px;background:#b33636;height:50px;border-radius:4px;padding:0 40px;cursor:pointer; }

/* 회원가입 입력 */
#register_form { width:1224px; }
#register_form h2 { font-family:"jgr_m3";font-size:18px;margin-bottom:30px; }

#register_form input[type=text], input[type=password] { height:40px;font-family:"jgr_m2";font-size:16px;background:url('/img/line_u6.svg') repeat-x;background-size:10px 1px;background-position:left bottom;padding:0; }
#register_form section { margin-bottom:60px; }
#register_form li { margin-bottom:20px; }


#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{ display:inline-block;font-family:"jgr_m3";font-size:24px;color:#fff;background:#b33636;line-height:50px;border-radius:4px;padding:0 40px; }
#fregisterform .btn_confirm .btn_cancel{ display:inline-block;font-family:"jgr_m3";font-size:24px;color:#fff;background:#8f8f8f;line-height:50px;border-radius:4px;padding:0 40px; }
#fregisterform .frm_info { display:block;color:#3497d9;margin-top:5px;line-height:18px; }
#fregisterform .frm_txt { position:relative;top:1px;margin-left:20px;color:#8f8f8f; }

#fregisterform .frm_label { font-family:"jgr_m2";font-size:16px; }

#fregisterform .form_01 div{margin: 0 0 50px}
#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-family:"jgr_m3";font-size:24px;color:#0d806c;margin-bottom:20px; }
#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 { font-family:"jgr_m2";font-size:16px;line-height:24px; }
#reg_result .btn_confirm { margin:50px 0 }
#reg_result .reg_result_p{ font-family:"jgr_m3";font-size:18px;margin-bottom:15px; }
#reg_result .reg_result_p strong { color:#b33636; }
#reg_result .btn_submit{ display:inline-block;font-family:"jgr_m3";font-size:24px;background:#b33636;line-height:50px;border-radius:4px;padding:0 40px;margin-top:60px; }


/* 로그인 */

#mb_login_wr { position:absolute;display:table;top:0;left:0;width:100%;height:100%;padding:60px; } 
#mb_login_in { display:table-cell;text-align:center;vertical-align:middle; }
#mb_login_in h2 { margin-bottom:50px; }
#mb_login { display:inline-block;padding:60px; }
#mb_login {
	background-image:url('/img/line_r1.svg'), url('/img/line_r2.svg'), url('/img/line_r3.svg'), url('/img/line_r4.svg'), url('/img/line_r5.svg'), url('/img/line_r6.svg'), url('/img/line_r5.svg'), url('/img/line_r6.svg');
	background-size:61px 61px, 61px 61px, 61px 61px, 61px 61px,10px 3px, 3px 10px, 10px 3px, 3px 10px;
	background-position:left top, right top, right bottom, left bottom,center top ,right center, bottom center, left center;
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y;
}

#mb_login li { margin-bottom:30px; }
#mb_login li:last-child { margin-bottom:0; }
#mb_login input[type="text"] { font-family:"jgr_m3"; }
#mb_login input[type="password"] { font-family:"jgr_m9"; }
#mb_login input[type="text"], #mb_login input[type="password"] { 
	width:340px;text-align:center;font-size:24px;padding-bottom:6px;border:0;
	background-image:url("/img/line_g30l.svg"), url("/img/line_g30r.svg"), url("/img/line_w8250.svg");
	background-size:30px 1px, 30px 1px, 10px 1px; 
	background-position:left bottom, right bottom, center bottom;
	background-repeat:no-repeat, no-repeat, repeat-x;
 }


#mb_login #login_fs { margin-bottom:30px; }

#mb_login_notmb { margin-bottom:90px; }
#mb_login_notmb .privacy_view { display:inline-block;background:0;color:#008c8c;font-family:"jgr_m2";font-size:16px;padding:6px 12px;border:1px solid #008c8c;border-radius:5px; }

#mb_login_notmb .guest_privacy:after { display:block;visibility:hidden;clear:both;content:"" }
#mb_login_notmb .guest_privacy span { float:left;line-height:18px;font-family:"jgr_m2";font-size:16px;margin-right:8px; }
#mb_login_notmb .guest_privacy input[id="agree"] + label { float:left;display:inline-block;width:18px;height:18px;background:url('/img/icon_chk1.svg') no-repeat center center;background-size:18px 18px;cursor:pointer; }
#mb_login_notmb .guest_privacy input[id="agree"]:checked + label { background:url('/img/icon_chk2.svg') no-repeat center center; }
#mb_login_notmb .guest_privacy input[id="agree"] { display: none; }

/*
#guest_privacy { display:inline-block;font-size:12px;width:500px;line-height:16px;color:#666;background:#f8f8f8;border:10px solid #f8f8f8;height:220px; }
#guest_privacy { overflow-y:auto;-ms-overflow-style: none;overflow:-moz-scrollbars-none; }
#guest_privacy::-webkit-scrollbar { width: 0 !important }
*/

#mb_login_od_wr{ margin-bottom:90px; }
#mb_login_od { margin-bottom:30px; }
#mb_login_od_wr .p2 { font-family:"jgr_s2";font-size:17px;line-height:1.4em;color:#e50000; }



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

/* 쪽지 */
#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{font-weight:bold;display:block;font-size:1.083em;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:1.083em;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{font-weight:bold;float:left;font-size:1.083em;display:block;}
#point .point_num{font-size:1.25em;color:#00c4ac;font-weight:bold;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-weight:bold;font-size:1.083em}
#point .point_all span,#point .point_status span{float:right;}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_status  span{margin-left:10px}

/* 회원 비밀번호 확인 */
#mb_confirm { padding:90px; }
#mb_confirm h1 { font-family:"jgr_m5";font-size:30px;margin-bottom:60px; }
#mb_confirm p {padding:0 20px 40px 0;font-size:1.083em;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 {text-align:left}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id { display:block;font-family:"jgr_m3";font-size:18px;margin:5px 0 10px;font-weight:bold }
#mb_confirm .confirm_id{ 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:1.083em;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{font-weight:bold;text-align:left}