@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

.mbskin{text-align:center;}

.mbskin h1{font-size:1.75em;margin:40px 0 25px}

.mbskin p {padding-bottom:20px;border-bottom:1px solid #c8c8c8; word-break:keep-all;}

.mbskin p strong{color:#4162ff;padding-bottom:5px;display:block;font-size:1.083em}



/* 버튼 */

.mbskin a.btn01 {}

.mbskin a.btn01:focus, .mbskin a.btn01:hover {}

.mbskin a.btn02 {}

.mbskin a.btn02:focus, .mbskin .btn02:hover {}

.mbskin .btn_confirm {} /* 서식단계 진행 */

.mbskin .btn_submit {}

.mbskin .btn_cancel {}

.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */

.mbskin .win_btn {} /* 새창용 */

.mbskin .win_btn a {}

.mbskin .win_btn button {}

.mbskin .win_btn input {}

/* 게시판용 버튼 */

.mbskin a.btn_b01 {}

.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}

.mbskin a.btn_b02 {}

.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}

.mbskin a.btn_admin {} /* 관리자 전용 버튼 */

.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}



/* 기본테이블 */

.mbskin .tbl_head01 {}

.mbskin .tbl_head01 caption {}

.mbskin .tbl_head01 thead th {}

.mbskin .tbl_head01 thead a {}

.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.mbskin .tbl_head01 tfoot th {}

.mbskin .tbl_head01 tfoot td {}

.mbskin .tbl_head01 tbody th {}

.mbskin .tbl_head01 td {}

.mbskin .tbl_head01 a {}

.mbskin td.empty_table {}



/* 폼 테이블 */

.mb_skin table {}

.mb_skin caption {}

.mb_skin .frm_info {}

.mb_skin .frm_file {}



.mbskin .tbl_frm01 {}

.mbskin .tbl_frm01 caption {}

.mbskin .tbl_frm01 th {}

.mbskin .tbl_frm01 td {}

.mbskin .tbl_frm01 textarea, .mbskin .frm_input {}

.mbskin .tbl_frm01 textarea {}

/*

.mbskin .tbl_frm01 #captcha {}

.mbskin .tbl_frm01 #captcha input {}

*/

.mbskin .tbl_frm01 a {}



.mbskin .required, .mbskin textarea.required {} /* 필수입력 */



/* 테이블 항목별 정의 */

.mbskin .td_board {}

.mbskin .td_chk {}

.mbskin .td_date {}

.mbskin .td_datetime {}

.mbskin .td_group {}

.mbskin .td_mb_id {}

.mbskin .td_mng {}

.mbskin .td_name {}

.mbskin .td_nick {}

.mbskin .td_num {}

.mbskin .td_numbig {}



/* ### 기본 스타일 커스터마이징 끝 ### */



/* 회원가입 약관 */

#fregister {}

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

#fregister .chk_all {display:block; margin-bottom:20px; text-align:left; padding:15px 20px; background:#fafafa; border: 1px solid #dfe9f3;}

#fregister h2 {text-align:left;border-bottom:1px solid #eee;padding:10px 15px;line-height:1.7em;font-size:1.167em}

#fregister textarea {display:block; padding:15px; width:100%; height:200px; border:0; background:#fafafa; border:solid 1px #dfe9f3; line-height:1.5em; font-size:0.9em; color:#606971; margin-bottom:10px; resize:none;}

.fregister_agree {padding:0; line-height:1.7em; text-align:left;}

.fregister_agree label {display:inline-block;margin-right:5px}

#fregister p {border:0;padding:0 0 5px;}

#fregister .btn_confirm {margin:15px 0}

#fregister_private {}

#fregister_private textarea {resize: none;}


/* 회원가입 입력 */

.register_inner {width:100%; max-width:600px; margin:0 auto;}

.register_inner .register_tit h2 {font-size:2em; text-align:center; margin-bottom:30px;}

#fregisterform .form_01 {}

#fregisterform .form_01 ul {padding:0 0 30px; margin:0 auto;}

#fregisterform .form_01 ul li{}

#fregisterform textarea {width:100%;height:90px}

#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}



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

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



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

#fregisterform .form_01 h3 {font-size:1.4em;}

#fregisterform .form_01 label {padding:20px 0 10px;text-align:left; display:inline-block}

#fregisterform .form_01 input {}

#fregisterform .form_01 #reg_mb_zip {width:54%}

#fregisterform .form_01:after {display:block;visibility:hidden;clear:both;content:""}

#fregisterform .frm_info {display:block; padding:6px 0 0; text-align:left; color:#888; font-size:0.92em; margin:0;}

#fregisterform .btn_frmline2 {display:inline-block;float:left;margin-left:5px;padding:0 5px;height:45px;border:0;background:#1ec679;border:1px solid #12b46a;color:#fff;text-decoration:none;vertical-align:top;border-radius:3px}

#fregisterform .btn_frmline {height:40px;padding:0 10px}

#fregisterform .rgs_name_li button {margin:5px 0 0}



.btn_confirm {text-align:right;margin:20px 0}



.personal_date .frm_label {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.personal_setting li.mem_pic {clear:both;margin-top:10px}

.personal_setting li.mem_pic > input {padding:5px;border:1px solid #d9dee9}

.personal_setting li.mem_pic .frm_label {width:60px}



.personal_setting li.mem_pic .mem_pic_preview {margin-left:25%;text-align:left}

.personal_setting li.mem_pic .mem_pic_preview input {display:inline-block;margin-top:5px;width:15px !important;margin-bottom:0}

.personal_setting li.mem_pic .mem_pic_preview label {text-align:center !important;width:40px !important;padding:3px 0 !important}





#fregisterform .frm_bar {clear:both;line-height:20px;text-align:left;padding:10px;margin-bottom:0 !important;border:1px solid #d9dee9;background:#fff;color:#000;vertical-align:middle}

#fregisterform .frm_bar:after {display:block;visibility:hidden;clear:both;content:""}

#fregisterform .frm_bar label {position:relative;display:inline-block;width:auto;padding:0; margin:0;}

#fregisterform .frm_bar input{display:inline-block;width:auto;margin-right:5px;vertical-align:revert;}

#fregisterform .form_01 .reg-form {width:auto !important}

#fregisterform .form_01 .reg-form .sns-wrap {text-align:center !important}

.is_captcha_use {margin-top:10px;}

.is_captcha_use .frm_label {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

.is_captcha_use .captcha {margin-top:0 !important}

#fregisterform .btn_top {text-align:center;}



/* 회원가입 완료 */

#reg_result {text-align:center;}

#reg_result img {width:120px; margin-bottom:30px;;}

#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;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 h2{text-align:center;font-size:2.4em;margin:0 0 10px}

#reg_result h2 strong{color:#4c56e3}

#reg_result p {font-size:1.1em; color:666; line-height:1.6}

#reg_result .btn_confirm {margin:20px 0 30px}

#reg_result .reg_result_wr{}

#reg_result .reg_cong{margin:0 0 10px;font-size:1.4em; font-weight:bold}

#reg_result .reg_cong strong{font-size:1.2em; color:#4c56e3}

#reg_result .btn_confirm a{display:inline-block;padding:0 20px;height:40px;line-height:38px;border:1px solid #ed6478;color:#ed6478;border-radius:3px;font-weight:bold}



/* 아이디/비밀번호 찾기 */

/*#find_info #info_fs {margin:0 20px 10px}*/

#find_info #info_fs p {margin:0 0 10px;line-height:1.5em;font-size:0.92em;color:#4162ff}

#find_info #info_fs #mb_email {width:100%}

#find_info #captcha{margin:5px 0 }



/* 로그인 */

#mb_login {margin:40px auto 10px;;max-width:500px;padding:20px;}

#mb_login h1 {font-size:2em;text-align:center;margin:0 0 20px}

#mb_login h2 {margin:0}

#mb_login p {padding:10px 0;line-height:1.5em}

#mb_login #login_frm {position:relative}

#mb_login #login_frm div {padding:10px 0 ;text-align:right}

#mb_login .frm_input {width:100%;margin:5px 0}

#mb_login .btn_submit {width:100%;border-radius:3px;text-align:center;height:45px;margin:5px 0;font-size:1.083em;font-weight:bold;border-radius:30px}

#mb_login .mb_login_join{margin:20px 0 0 ;padding:10px 0}

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

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

#mb_login .mb_login_join a{display:block;float:left;width:50%;}

#login_password_lost{border-right:1px solid #cdcdcd;}



#flogin{padding:20px;margin:20px 0;}



#mb_login_notmb{padding:20px;}

#mb_login_notmb h2{font-size:1.25em;padding:10px;}

#mb_login_notmb p{border:0;padding:20px;margin:10px 0;color: #639578;background: #ebf6ea;}

#guest_privacy p{border:1px solid #ddd;background:#fff;color:#666;min-height:20px;height:200px;padding:10px;text-align:left;overflow-y:auto;margin:10px 0}

#mb_login_notmb .btn_submit{width:100%;display:block;height:40px;line-height:40px}



#mb_login_od_wr{background:#fff;border-bottom:1px solid #ccc;padding:20px;}

#mb_login_od_wr p{border:0;text-align:left;}

#mb_login_od_wr p strong{display:inline}

#mb_login_odinfo{margin:10px 0 0 ;background:#f3f3f3;padding:10px}

#mb_login_odinfo h2{font-size:1.167em}



/* 쪽지 */

#memo_view_contents {}

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

#memo_view_ul {margin:0 0 3px;background:#fff;padding:5px 10px;border-radius:3px;

-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);

-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);

box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

.memo_view_li {position:relative;padding:2px 0}

.memo_view_subj {display:inline-block;width:60px;font-size:0.92em;color:#777}

#memo_view_ul a {}

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

-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);

-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);

box-shadow: 0 1px 5px rgba(50,50,50,0.2);}



#memo_list_ul {}

#memo_list_ul li {position:relative;background:#fff;margin:10px 0;border-radius:3px;padding:10px 15px;

-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);

-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);

box-shadow: 0 1px 5px rgba(50,50,50,0.2);}



#memo_list_ul .memo_link {display:block;font-weight:bold;font-size:1.083em;margin:0 0 5px}

#memo_list_ul .memo_date{font-size:0.92em;color:#777;font-style:italic}

#memo_list_ul .memo_del{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}



#memo_write #me_recv_mb_id {width:100%}

#memo_write textarea {width:100%;height:100px}

#memo_write .win_btn{margin:10px;}



/* 스크랩 */

#scrap_ul li{position:relative;}

#scrap_ul .scrap_board {display:block;color:#4162ff;margin:0 0 5px}

#scrap_ul .scrap_del {display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}

#scrap_ul .scrap_link{font-weight:bold;font-size:1.083em;}

.scrap_tit{font-weight:bold;border-bottom:1px solid #d7d7d7;padding:0 0 10px;font-size:1.167em}

#scrap_do #wr_content{margin-top:5px}

#scrap_do label{color:#666}



/* 포인트 */

#point_ul {;padding:0;list-style:none}

#point_ul li {position:relative;}

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

#point_ul .point_wrap01 {float:left}

#point_ul .point_wrap02 {float:right;text-align:right}

#point_ul .point_log{display:block;font-weight:bold;margin:0 0 5px;font-size:1.083em}

#point_ul .point_inout{display:block;font-weight:bold;margin:0 0 5px;color:#4162ff;font-size:1.083em}

#point_ul .point_date{font-style:italic}



#point_sum{margin:10px 0 20px}

#point_sum:after {display:block;visibility:hidden;clear:both;content:''}

#point_sum .sum_row {float:left;width:33.333%;text-align:center;background:#939db8;color:#fff;}

#point_sum .sum_row:nth-child(even){background:#8490af}

#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}

#point_sum .sum_tit {}

#point_sum .sum_val {}



/* 회원 비밀번호 확인 */

#mb_confirm {margin:20vh 0 0;}

#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}

#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}

#mb_confirm p strong {display:block}

#mb_confirm fieldset {position:relative;margin:20px 0;text-align:left;color:#555}

#mb_confirm_id{font-weight:bold;display:block;font-size:1.083em;margin:5px 0}

#mb_confirm_pw {display:block;margin-top:10px;width:100%}

#mb_confirm .btn_submit {width:100%;height:46px;border-radius:3px;margin:10px 0}



/* 비밀글 비밀번호 확인 */

#pw_confirm {max-width:440px; margin:10vh auto 0;}

#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:15px 0;border-top:1px solid #fffefe}

#pw_wr_password {width:100%}

#pw_confirm .btn_submit {margin:5px 0;width:100%;border-radius:3px;height:45px;font-weight:bold;font-size:1.083em}



/* 폼메일 */

#formmail #subject {width:100%}

#formmail textarea {width:100%;height:100px}

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

#formmail .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;}

#formmail .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;overflow:hidden;text-indent:-999px;background:url(./img/icon_file.gif) no-repeat 50% 50% #eee}



/* 자기소개 */

#profile section {margin:10px; }

#profile h2 {margin:0}

#profile .sv_wrap a {color:#fdff2f}

#profile table{width:100%;border-collapse:collapse}

#profile table th{background:#fff;padding:10px;width:90px;text-align:left;border-bottom:1px solid #eee}

#profile table td{background:#fff;padding:10px;border-bottom:1px solid #eee}

#profile p{background:#fff;padding:10px;margin:10px 0;

-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);

-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);

box-shadow: 0 1px 5px rgba(50,50,50,0.2);}




@media (max-width: 969px){

   #fregisterform .frm_info {margin-left:0;clear:both}

   #fregisterform .form_01 ul {}

   #fregisterform .form_01 label {width:100%}

   #fregisterform .form_01 input{width:100%}

   #reg_result img {width:100px;}

   #reg_result h2 {font-size:1.8em;}
   #reg_result .reg_cong {font-size:1.3em;}
   #reg_result p {font-size:0.95em;}
   #reg_result p br {display:none;}

}