@charset "UTF-8";
.hide { overflow: hidden; height: 0; }

.dn { display: none; }

/* ### 기본 스타일 커스터마이징 시작 ### */
/* 버튼 */
/* 서식단계 진행 */
/* 우편번호검색버튼 등 */
/* 새창용 */
/* 게시판용 버튼 */
/* 관리자 전용 버튼 */
/* 기본박스 */
.mbskin { position: relative; margin: 100px auto 0; width: 360px; text-align: center; }

.mbskin:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); }

.mbskin .mbskin_box { border: 1px solid #dde7e9; background: #fff; }

.mbskin .frm_input { width: 100%; }

.mbskin .btn_submit { width: 100%; margin: 10px 0 0; height: 45px; font-weight: bold; font-size: 1.25em; }

.mbskin h1 { margin: 60px 0 30px; font-size: 2em; }

/* 기본테이블 */
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
/* 폼 테이블 */
.mbskin .tbl_frm01 th { width: 85px; }

/* 필수입력 */
/* 테이블 항목별 정의 */
/* ### 기본 스타일 커스터마이징 끝 ### */
/* 회원가입 약관 */
.register .register { max-width: 900px; width: 90%; margin: 0 auto; }

.register .register:after { display: block; visibility: hidden; clear: both; content: ""; }

.register .register .btn_confirm .btn_submit, .register .register .btn_confirm .btn_close { float: left; height: 50px !important; width: 49.5%; font-weight: bold; font-size: 1.083em; }

.register .register .btn_confirm { text-align: left; }

.register .register .btn_confirm .btn_submit { margin-left: 1%; }

#fregister p { position: relative; text-align: center; color: #fff; line-height: 1em; font-size: 1.1em; background: rgba(0, 0, 0, 0.5); margin: 0 0 10px; border-radius: 5px; font-weight: bold; word-break: keep-all; padding: 20px 20px; }

#fregister p i { font-size: 1.2em; vertical-align: middle; }

#fregister section { margin: 10px auto 15px; border: 1px solid #dde7e9; position: relative; border-radius: 3px; }

#fregister_chkall { position: relative; text-align: center; background: #f5f7fa; line-height: 50px; border: 1px solid #e5e9f0; border-radius: 3px; margin-bottom: 15px; display: block; cursor: pointer; }

#fregister h2 { text-align: left; padding: 20px; border-bottom: 1px solid #dde7e9; font-size: 1.2em; }

.fregister_agree input[type=checkbox] + label span { cursor: pointer; }

#fregister textarea { display: block; padding: 20px; width: 100%; height: 150px; background: #fff; border: 0; line-height: 1.6em; }

#fregister_private { position: relative; }

#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: #f7f7f9; width: 33.33%; color: #000; padding: 10px; border: 1px solid #d8dbdf; }

#fregister_private table td { border: 1px solid #e7e9ec; padding: 10px; border-top: 0; word-break: keep-all; }

.register .fregister_agree input[type="checkbox"] + label b { position: relative; top: 16px; right: 40px; }

.fregister_agree { position: absolute; top: 0; right: 0; }

.fregister_agree input[type="checkbox"] + label { color: #676e70; }

.fregister_agree input[type="checkbox"] + label:hover { color: #2172f8; }

.fregister_agree input[type="checkbox"] + label span { position: absolute; top: 20px; right: 15px; width: 17px; height: 17px; display: block; background: #fff; border: 1px solid #d0d4df; border-radius: 3px; }

.fregister_agree input[type="checkbox"]:checked + label { color: #000; }

.fregister_agree input[type="checkbox"]:checked + label span { background: url("./img/chk.png") no-repeat 50% 50% #3a8afd; border-color: #1471f6; border-radius: 3px; }

.fregister_agree.chk_all input[type="checkbox"] + label span { top: 18px; }

.chk_li { padding-left: 20px; }

#sns_register .login-sns, #sns_register h2 { border: 0 !important; }

/* 회원가입 입력 */
.register.fregisterform { max-width: 500px; width: 90%; margin: auto; }

#register_form { background: #fff; margin: 0 auto 20px; }

#register_form h2 { padding: 20px 0; border-bottom: 1px solid #dde7e9; }

.register_form_inner ul { padding: 20px 0; }

.register_form_inner label { display: block; margin-bottom: 10px; line-height: 24px; }

.register_form_inner label.inline { display: inline; }

#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; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }

#fregisterform .form_01 div { margin: 0 0 20px; }

#fregisterform .captcha { display: block; margin: 5px 0 0; }

#fregisterform .reg_mb_img_file img { max-width: 100%; height: auto; }

#reg_mb_icon, #reg_mb_img { float: right; }

/* 회원가입 완료 */
#reg_result { padding: 40px 30px; text-align: center; background: #fff; }

#reg_result h2 { font-size: 2em; margin: 0 0 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 p { line-height: 1.8em; font-size: 15px; }

#reg_result .btn_confirm { margin: 50px 0; }

#reg_result i { font-size: 3em; }

.btn_confirm_reg { margin: 20px 0; text-align: center; }

.reg_btn_submit { display: inline-block; color: #fff; text-align: center; border-radius: 3px; width: 280px; height: 57px; line-height: 57px; font-size: 1.2em; margin: 0 auto; font-weight: bold; }

.mb_log_cate h2 { width: 50%; float: left; padding: 20px 0; text-align: center; }

.mb_log_cate .join { width: 50%; float: left; padding: 20px 0; text-align: center; background: #f7f7f7; color: #6e6e6e; }

.mb_log_cate:after { display: block; visibility: hidden; clear: both; content: ""; }

.tooltip_icon { display: inline-block; vertical-align: baseline; color: #b3b5b8; border: 0; font-size: 1.4em; background: transparent; cursor: pointer; }

.tooltip_icon:hover { color: #448bf5; }

.tooltip { position: relative; width: auto; color: #fff; background: #000; padding: 10px; font-size: small; line-height: 18px; display: none; position: absolute; z-index: 9; font-weight: normal; margin-left: 15px; margin-top: 10px; }

.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 #000; }

/* 아이디/비밀번호 찾기 */
#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; }

#lnb { display: none; }

/* 로그인 */
#mb_login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 0vh; margin: 300px auto; }

#mb_login .mbskin_box { max-width: 360px; margin: auto; width: 90%; }

#mb_login .mbskin { margin: 0 auto; }

#mb_login h1 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

#login_fs { padding: 35px; }

#mb_login #login_fs .frm_input { margin: 0 0 10px; }

#mb_login #login_fs .btn_submit { margin: 0 0 15px; }

#login_info:after { display: block; visibility: hidden; clear: both; content: ""; }

#login_info .login_if_auto { float: left; }

#login_info .login_if_auto label { vertical-align: baseline; padding-left: 5px; }

#login_info .login_if_lpl { float: right; }

#login_password_lost { display: inline-block; border: 1px solid #d5d9dd; color: #3a8afd; border-radius: 2px; padding: 2px 5px; line-height: 20px; }

#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: 1.25em; margin: 20px 0 10px; }

#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; }

#mb_login #sns_login { margin-top: 0; border-color: #edeaea; padding: 25px; }

#mb_login #sns_login:after { display: block; visibility: hidden; clear: both; content: ""; }

#mb_login #sns_login h3 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

#mb_login #sns_login .sns-wrap { margin: 0 !important; }

#mb_login #sns_login .sns-icon { width: 49% !important; float: left !important; }

#mb_login #sns_login .sns-icon:nth-child(odd) { margin-right: 2%; }

#mb_login #sns_login .txt { font-size: 0.95em; padding-left: 5px !important; border-left: 0 !important; }

/* 쪽지 */
.memo_list { border-top: 1px solid #ececec; }

.memo_list li { border-bottom: 1px solid #ececec; background: #fff; padding: 10px 15px; list-style: none; position: relative; }

.memo_list li:after { display: block; visibility: hidden; clear: both; content: ""; }

.memo_list li.read { background: #f6f6f6; }

.memo_list li.empty_li { text-align: center; padding: 20px 0; color: #666; }

.memo_list .memo_li { float: left; }

.memo_list .profile_big_img { position: relative; margin-right: 15px; }

.memo_list .profile_big_img img { border-radius: 50%; width: 52px; height: 52px; }

.memo_list .memo_li.memo_name { padding-top: 5px; float: none; }

.memo_list .memo_preview a { display: block; margin-right: 30px; padding-top: 10px; font-weight: normal !important; font-size: 1.2em; }

.memo_list .memo_preview a:hover { text-decoration: underline; }

.memo_list .memo_name a, .memo_list .memo_name .sv_wrap { font-weight: bold; }

.memo_list .no_read { position: absolute; bottom: 0; right: 0; display: inline-block; background: #3a8afd; border: 1px solid #e1edff; text-indent: -9999px; border-radius: 10px; width: 10px; height: 10px; -webkit-box-shadow: 0 0 10px 3px #9ec3f9; box-shadow: 0 0 10px 3px #9ec3f9; }

.memo_list .no_read { -webkit-animation: blinker 1s linear infinite; animation: blinker 1s linear infinite; }

@-webkit-keyframes blinker { 50% { opacity: 0; } }

@keyframes blinker { 50% { opacity: 0; } }

#memo_list h1#win_title { padding: 10px 10px 10px 20px; }

#memo_list .memo_datetime { font-size: 0.92em; color: #888d92; }

#memo_list .memo_del { position: absolute; right: 15px; top: 15px; padding: 10px; color: #c7c9cb; font-size: 1.4em; }

#memo_list .memo_cnt { margin-top: 5px; font-weight: normal; display: inline-block; font-size: 1.2em; }

#memo_list .pg_wrap { margin-top: 10px; width: 100%; float: inherit; text-align: center; }

#memo_view_contents { margin-bottom: 20px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }

#memo_view_contents h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

#memo_view_ul { margin: 0; list-style: none; background: #f6f6f6; }

#memo_view_ul:after { display: block; visibility: hidden; clear: both; content: ""; }

.memo_view_li { position: relative; /*padding:10px;float:left;width:50%*/ }

.memo_view_li .profile_img img { display: none; }

.memo_from { position: relative; background: #fff; border-bottom: 1px solid #ececec; padding: 15px 20px; }

.memo_from li { float: left; }

.memo_from li.memo_profile img { width: 40px; height: 40px; border-radius: 50%; }

.memo_from li:first-child { margin-right: 10px; }

.memo_from li.memo_view_nick { width: 80%; }

.memo_from li.memo_view_nick a { font-weight: bold !important; }

.memo_from li.memo_view_date { display: block; color: #555; line-height: 24px; }

.memo_from li.memo_op_btn { position: absolute; }

.memo_from li.list_btn { right: 53px; }

.memo_from li.del_btn { right: 15px; }

.memo_from:after { display: block; visibility: hidden; clear: both; content: ""; }

.memo_btn { width: 100%; }

.memo_btn a { display: inline-block; width: 50%; font-size: 1em; color: #888d92; padding: 20px; }

.memo_btn a.btn_right { float: right; text-align: right; }

.memo_btn a i { font-size: 1.2em; color: #acabab; vertical-align: bottom; }

#memo_view p { padding: 10px; min-height: 150px; height: auto !important; height: 150px; background: #fff; line-height: 1.8em; }

#memo_view textarea { height: 100px; }

#memo_write .form_01 { padding: 20px; border-top: 1px solid #ececec; }

.reply_btn { display: inline-block; width: 150px; height: 45px; line-height: 50px; padding: 0 10px; font-weight: bold; background: #3a8afd; color: #fff; border-radius: 3px; vertical-align: bottom; margin-right: 5px; }

#memo_write .reply_btn { font-size: 1em; }

/* 스크랩 */
#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.3em; }

#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; }

/*포인트*/
#point { text-align: center; }

#point h1 { text-align: left; }

#point .point_all { margin: 20px 20px 15px; border-radius: 5px; background: #edf3fc; border: 1px solid #d6e2f4; color: #485172; font-size: 1.083em; }

#point .point_all:after { display: block; visibility: hidden; clear: both; content: ""; }

#point .point_all li { float: left; width: 50%; padding: 20px; text-align: left; }

#point .point_all li span { float: right; color: #485172; font-weight: bold; }

#point .point_all li:last-child { border-left: 1px solid #d6e2f4; }

#point .point_all .full_li { width: 100%; border-bottom: 1px solid #d6e2f4; text-align: left; }

#point .point_all .full_li span { color: #000; font-weight: bold; font-size: 1.2em; }

#point .point_status { background: #737373; border: 0; color: #fff; font-weight: bold; font-size: 1.083em; text-align: left; }

#point .point_status:after { display: block; visibility: hidden; clear: both; content: ""; }

#point .point_status span { margin-left: 10px; float: right; }

.point_list li:first-child { border-top: 1px solid #ececec; }

.point_list li { border-bottom: 1px solid #ececec; background: #fff; padding: 15px; list-style: none; position: relative; }

.point_list li:after { display: block; visibility: hidden; clear: both; content: ""; }

.point_list .point_use { background: #f6f6f6; }

.point_list .point_use .point_num { font-size: 1.25em; color: #ff4f76; font-weight: bold; float: right; }

.point_list .point_num { font-size: 1.25em; color: #3a8afd; font-weight: bold; position: absolute; right: 15px; top: 25px; }

.point_list .point_top { line-height: 15px; margin: 0 0 5px; }

.point_list .point_top:after { display: block; visibility: hidden; clear: both; content: ""; }

.point_list .point_tit { font-weight: bold; float: left; font-size: 1.083em; display: block; }

.point_list .point_date1 { float: left; color: #888d92; }

.point_list .point_date { float: left; color: #888d92; }

.point_list .txt_expired { color: red; margin-left: 5px; }

#point .pg_wrap { width: 100%; float: inherit; text-align: center; }

#point .btn_close { margin: 20px auto; }

/* 회원 비밀번호 확인 */
#mb_confirm h1 { margin: 60px 0 30px; font-size: 2em; }

#mb_confirm p { padding: 0 20px 40px; border-bottom: 1px solid #e9e9e9; 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 { padding: 50px; text-align: left; }

#mb_confirm fieldset .frm_input { background-color: #fff !important; }

#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: 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; }

/* 폼메일 */
#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: #fff; text-align: center; color: #b2b2b2; }

#formmail .frm_file { padding-left: 50px; }

#formmail .frm_info { color: #3497d9; font-size: 0.92em; }

.chk_box { position: relative; }

.chk_box input[type="radio"] { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden; }

.chk_box input[type="radio"] + label { position: relative; padding-left: 23px; display: inline-block; color: #676e70; }

.chk_box input[type="radio"] + label span { position: absolute; top: 0; left: 0; width: 15px; height: 15px; display: block; background: #f7f8f9; border: 1px solid #cdd6df; border-radius: 50%; }

.chk_box input[type="radio"]:checked + label { color: #3a8afd; }

.chk_box input[type="radio"]:checked + label span { border-color: #3a8afd; }

.chk_box input[type="radio"]:checked + label span:before { width: 7px; height: 7px; background: #3a8afd; content: ''; position: absolute; top: 3px; left: 3px; border-radius: 50%; }

.chk_box input[type="checkbox"] + label { position: relative; color: #676e70; }

.chk_box input[type="checkbox"] + label:hover { color: #2172f8; }

.chk_box input[type="checkbox"] + label span { float: left; width: 15px; height: 15px; display: block; 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; }

.selec_chk { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden; }

/* 자기소개 */
#profile table { margin-bottom: 0; }

#profile table th { text-align: left; padding: 10px; width: 100px; }

#profile section { color: #6794d3; background: #fff; padding: 10px; border: 1px solid #eee; 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%; }

#profile .profile_img img { border-radius: 50%; }

#profile .profile_name .sv_wrap { font-weight: bold; text-align: left; }

@media only screen and (max-width: 600px) { #fregister p { line-height: 1.5em; } }

@media only screen and (max-width: 600px) { .half_input { width: 100%; }
  #reg_result { padding: 20px 5px; }
  #reg_result p { font-size: 13px; } }

#captcha #captcha_key { width: calc(100% - (170px + 54px + 54px)); }

#captcha_audio { width: 100%; margin-top: 10px; }

body.bbs.register .register { padding: 100px 0; }