@charset "utf-8";
/* SIR */

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

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
.mbskin a.btn02 { margin-top:68px;}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm { margin-top:30px} /* 서식단계 진행 */
.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 { border:none; padding: 10px 0 10px 20px; width: 150px; color:#888;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.mbskin .tbl_frm01 td {border:none;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.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 {}

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


.mbskin .form-signin {margin:0 auto;border-radius:3px; overflow:hidden}
.mbskin .bd{border:none; box-shadow:0 2px 2px rgba(0,0,0,0.2);border-radius:10px;margin:20px 0;padding:0 0 40px;}

/* 회원가입 약관 */
#fregister section {padding:0;border-radius:3px;}
#fregister h2 {margin:0 0 15px; font-size:1.5em; font-weight:bold; color:#333}
#fregister textarea {display:block;margin-bottom:10px;padding:15px;width:100%;height:250px;border:1px solid #cfded8; border-top:1px solid #d1a37e; box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.fregister_agree {padding:10px 0 0;text-align:right}
.fregister_agree label {display:inline-block;margin-right:5px; color:#666; font-size:14px}
#fregister p {color:#e8180c;text-align:center;margin:20px 0}
#fregister .btn_confirm {margin:15px 0}
/*
#bo_list_admin, #fwrite, #bo_v_table, #bo_list, #bo_v, #fregister, #container .mbskin{ width:1200px; margin:0 auto}*/
/*.mbskin h1{font-size: 30px; font-weight: bold; color: #666; text-align: center; margin: 50px 0;}*/
#fregister{}

/* 회원가입 입력 */
#fregisterform .frm_address {width:100%}
#fregisterform h2 {margin:0 0 15px; font-size:1.5em; font-weight:bold; color:#333}
#fregisterform textarea {width:100%;height:50px}

#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:block;margin:5px 0 0}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .tbl_frm01{display: block;width: 100%;border-top: 1px solid #d1a37e;}

.bd .joinTitle{ background-color: #d1a37e; width: 100%; padding: 20px 30px; border-radius: 10px 10px 0 0; font-size: 16px; font-weight: bold; color: #fff; margin-bottom:15px}
.titleArea img{ width:100%}
.titleArea .mobile{ display:none}

@media (max-width:768px) {
.mbskin h1{ font-size:20px !important; margin:10px 0}
.mbskin h1 span{ width:20% !important}
.titleArea img{ width:80%; margin:0 auto}
.titleArea .pc{ display:none}
.titleArea .mobile{ display:block !important}
}

/* 회원가입 완료 */
#reg_result {}
#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 p {line-height:1.8em}
#reg_result .btn_confirm a{margin-top:0;background:#d1a37e;border:0}

/* 아이디/비밀번호 찾기 */
#find_info #info_fs {margin:0 20px 10px}
#find_info #info_fs p {margin:0 0 10px;line-height:1.8em}
#find_info #info_fs #mb_email {width:100%}
#find_info #captcha {margin:0 20px;padding:0 0 10px}
#find_info #captcha input {margin-left:5px}

/* 로그인 */
/*#mb_login { width:1200px; margin:20px auto}*/
#mb_login h1 {text-align:left;padding:0;/*font-size:2em*/}
#mb_login h2 {font-size:1.5em;text-align:center}
#mb_login p {padding:10px 0;line-height:1.5em; font-size:15px}
/*#mb_login #login_frm {position:relative; width:48%; float:left; font-size:1em; margin-right:2%; margin-top:80px;}*/
#mb_login #login_frm .login_frm_inner div {margin:10px 0 0;text-align:right}
#mb_login #login_frm .login_frm_inner div:first-child{margin-top:0}
#mb_login #login_frm .logLabel{margin-top:70px; max-width:none; width:100%}
#mb_login #login_frm .logLabel2{margin-top:10px; max-width:none; width:100%}
#mb_login .frm_input {display:block;margin-bottom:5px;padding:10px;width:100%;border-radius:25px !important; background:#fff !important; background-color:#fff !important; border:1px solid #666 !important;height:auto;}
#mb_login .btn_submit { width:100%; display:block; padding:10px; font-size:1rem; font-weight:bold; background-color:#666; color:#fff; text-align:center; /*border-radius:25px;*/ margin-top:15px}
#mb_login .btn_submit2{ display:none}
#mb_login .naver{margin:0!important;cursor: pointer;width:100%; display:block; padding:10px;    font-size: 1rem;font-weight:bold; background-color:#1ec800; color:#fff; text-align:center;/*border-radius:25px;*/ margin-top:10px; border:none}
#mb_login .naver img{ margin-right:5px;}
#mb_login section { position:relative; float:left; width:50%; height:550px; border-radius:3px; background-repeat:no-repeat; background-size:contain}
/*#mb_login section div {text-align:right}*/
.mem_btn{ position:absolute; display:block; width:300px; top:229px; left:50%; margin-left:-60px;}
.mem_btn .btn01, .mem_btn .btn02{ border:none !important; background:transparent !important; font-size:18px; padding:0 !important; font-weight:bold; color:#666;}
.bannerArea img{ width:100%}
.mobile{ display:none}

@media (max-width:768px) {
#mb_login h1{ font-size:20px}
#mb_login h1 span{ width:20% !important}
/*#mb_login #login_frm { float:none !important; width:100%; margin-right:0 !important; margin-top:0 !important; padding:0 20px 30px; box-sizing:border-box}*/
#mb_login section { float:none !important; width:100%; height:auto !important; padding:30px 20px; box-sizing:border-box; background-image:none !important}
#mb_login #login_frm .logLabel{margin-top:40px}
.mem_btn{ width:230px; top:50%; margin-top:-40px; margin-left:-50px}
.mem_btn .btn01, .mem_btn .btn02{font-size:16px;}
#mb_login p {font-size:11px}
.mbskin a.btn02{ margin-top:10%}
.mobile{ display:block !important; width:100%}
}

/* 쪽지 */
#memo_view_contents {margin:0 auto 20px;width:90%}
#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view_ul a {}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;line-height:1.8em}

#memo_list_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#memo_list_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#memo_list_ul .memo_link {}
#memo_list_ul .memo_send {position:absolute;top:10px;right:30px}
#memo_list_ul .memo_read {font-size:0.95em;color:#666}
#memo_list_ul .memo_del {position:absolute;top:10px;right:0}

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

/* 스크랩 */
#scrap_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#scrap_ul li {position:relative;padding:10px 35px 10px 0;border-bottom:1px solid #e9e9e9}
#scrap_ul .scrap_board {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#scrap_ul .scrap_del {position:absolute;top:10px;right:0}

#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {width:99%;height:100px}

/* 포인트 */
#point_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#point_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#point_ul .point_wrap01 {position:relative;padding:0 0 0 90px}
#point_ul .point_wrap02 {margin:7px 0 0;text-align:right}
#point_ul .point_date {position:absolute;top:0;left:0}

#point_sum {margin:0 20px}
#point_sum .sum_row {margin:0 0 1px;background:#f2f5f9}
#point_sum .sum_row:after {display:block;visibility:hidden;clear:both;content:''}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}
#point_sum .sum_tit {clear:both;float:left;width:100px}
#point_sum .sum_val {float:right}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:30px auto;}
#mb_confirm h1 {text-align:center;padding: 20px 0;font-size: 2em;}
#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:0 0 5px;padding:20px 10px;background:#ebe6de;border-radius:3px}
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:70%;line-height:1.8em !important;border-radius:3px;background:#fff}
#mb_confirm .btn_submit {position:absolute;bottom:20px;right:10px;width:27%;height:1.9em !important;line-height:1.9em}


/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:0 auto;padding:30px 0}
#pw_confirm h1 {text-align: center;padding: 20px 0;font-size: 2em;}
#pw_confirm .pw_{margin: 0 auto;max-width: 330px;padding: 15px;border-radius: 3px;box-shadow: 0px 0px 23px -7px #777;}
#pw_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:5px 5px 10px;}
#pw_wr_password {display:block;margin-top:10px;padding:0;width:70%;line-height:1.8em !important}
#pw_confirm .btn_submit {position:absolute;bottom:10px;right:5px;width:25%;height:1.9em !important;line-height:1.9em}

/* 폼메일 */
#formmail #subject {width:98%}
#formmail textarea {width:99%;height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {padding:10px 20px}
#profile h2 {margin:0}
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}

body{background: #fcfaf7!important;}
.titleArea.w100 .s_box{display:flex;width:50%;margin-right:2%;}
.titleArea.w100 .s_box:nth-child(2n){margin-right:0}
.titleArea.w100 .s_box span i{font-size:2rem}
.titleArea.w100 a{margin-top:0;padding:0;}
.titleArea.w100 .fa_box{ margin-right: 15px;
 border-radius: 50%;
 border: 2px solid #cfbba2;
 width: 60px;
 height: 60px;
 text-align: center;
 justify-content: center;
 align-self: center;display:flex;}
.titleArea.w100 .fa_box i{align-self: center;}

.titleArea .s_box{padding:20px;background:#e6e6e6}
.titleArea .s_box.on{background: #cfbba2;color: #fff;}


.agree input[type="checkbox"] {  position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.agree input[type="checkbox"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.agree input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 21px; height: 21px; line-height: 21px; margin: -2px 8px 0 0;text-align: center; vertical-align: middle;background: #5e5858;border: 1px solid #5e5858;border-radius : 0px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.agree input[type="checkbox"] + label:active:before,
.agree input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.agree input[type="checkbox"]:checked + label:before { content: '\2714'; color: #99a1a7;text-shadow: 1px 1px #fff;background: #5e5858;border-color: #5e5858;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}
.agree.etrans input[type="checkbox"] + label {padding-left: 30px;}
.agree.etrans input[type="checkbox"] + label:before {position: absolute;left: 0;top: 0;margin-top: 0;opacity: .6;box-shadow: none;border-color: #5e5858;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
.agree.etrans input[type="checkbox"]:checked + label:before {position: absolute;content: "";width: 10px;top: -5px;left: 5px;border-radius: 0;opacity:1; background: transparent;border-color:transparent #5e5858 #5e5858 transparent;border-top-color:transparent;border-left-color:transparent;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}


.btn_submit{background:#d1a37e}
#fregister{width:100%!important}

/*로그인*/
#mb_login .naver img{height:18px;}
#mb_login .sns_login h2{text-align:left;margin-top: 0;font-size: 1.3em;margin-bottom:0}
#mb_login .login-sns .sns-wrap{display:flex;}
#mb_login .login-sns a.sns-icon{width:100%;display:block;}
#mb_login #login_frm {width: 100%;border: 1px solid #cfded8;border-top: 1px solid #d1a37e;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);padding:80px 30px;margin-right: 0;}
#mb_login #login_frm .login_frm_inner {max-width: 800px;margin: auto;}
#mb_login #login_frm .login_frm_box{display:flex;background:#fff;border:1px solid #ead8cc}

#mb_login #login_frm .login_frm_box .label{display:flex;width:10%;margin-right:1%;padding-right:1%;padding-top:10px;padding-bottom:10px;text-align:center;}
#mb_login #login_frm .login_frm_box .input{width:90%;padding:10px 0;margin-top:0;padding-right: 10px;}
#mb_login #login_frm .login_frm_box input{width:100%;}
#mb_login #login_frm .login_frm_box .frm_input{border:0!important;border-radius:0!important;padding:0;margin:0;height:40px;line-height:40px;}
#mb_login #login_frm .login_frm_box label{align-self: center;display: block;width: 100%;margin-bottom:0;border-right: 1px solid #ead8cc;}
#mb_login #login_frm .login_frm_box label i{font-size: 1rem;width: 35px;height: 35px;line-height: 35px;color: #fff;border-radius: 50%;background: #ead8cc;}


#mb_login #login_frm .login_frm_inner div.login_list{text-align:left;margin-top:30px;}
#mb_login #login_frm .login_frm_inner div.login_list li{display:flex;align-items: center;justify-content: space-between;margin-top:5px;}
#mb_login #login_frm .login_frm_inner div.login_list li:first-child{margin-top:0}
#mb_login #login_frm .login_frm_inner div.login_list a{font-size:1rem;padding:10px;display:block;width:25%;text-align:center;margin-top:0}
#mb_login #login_frm .login_frm_inner div.login_list a h3{font-size:1rem;margin:0}


#mb_login #login_frm .login_list .join a{border:1px solid #ccc;background: #fafafa;}
#mb_login #login_frm .login_list .passlost a{background: #d1a37e;border:0;}

.new_win .win_btn button{border:1px solid #ccc;background: #fafafa;color:#000}

@media (max-width: 768px){
.titleArea.sub_box{display:block;margin-bottom:0}
.titleArea.sub_box .s_box{width:100%!important;margin-right:0;margin-top:5px!important;padding:10px;}
.titleArea.sub_box .s_box:first-child{margin-top:0!important}
.titleArea.sub_box .s_box h3{font-size:14px;margin-top:10px;margin-bottom:0}

#mb_login #login_frm{padding:30px 15px;}
#mb_login .login-sns a.sns-icon{width:100%;}
#mb_login #login_frm .login_frm_inner div.login_list a{width:30%;}

#mb_login #login_frm .login_frm_box .label{width:20%;}
#mb_login #login_frm .login_frm_box .input{width:80%;}
#mb_login #login_frm .login_frm_box label i {width: 25px;height: 25px;line-height: 25px;font-size: 0.89rem;}
#mb_login .naver img{height:15px;}
}


@media (max-width: 480px){
#mb_login .naver{font-size:12px;padding:10px 8px;}
#mb_login #login_frm .login_frm_inner div.login_list a{width:38%;padding:10px 5px;}
#mb_login #login_frm .login_frm_inner div.login_list a h3{font-size:0.9em}

#mb_login #login_frm .login_frm_box .frm_input {line-height: 35px;height: 35px;}
}