@charset "utf-8";
/* SIR 지운아빠 */

/* ### 기본 스타일 커스터마이징 시작 ### */
#memberInfo input[class="eq"] + label, #normalInfo input[class="team"] + label{	display: inline-block;	    width: 32.5%;    padding: 5px 5px;		border: 2px solid #bcbcbc;	background: #F3F3F3;	cursor: pointer; color:#bcbcbc;text-align: center; }
#memberInfo input[class="eq"], #normalInfo input[class="team"] {	display: none;}
#memberInfo input[class="eq"]:checked + label, #normalInfo input[class="team"]:checked + label {color:#fff; font-size:0.9em ;	background-color: #ffa216;	border: 2px solid #fff;}
#normalInfo input[type=radio] + label > div{display: none !important }

.mbskin .orange{color:#ffa216;}


/* 버튼 */
.mbskin{font-size:1.2em;}
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin button.btn_submit {}
.mbskin fieldset .btn_submit {}
.mbskin .btn_cancel {}
.mbskin button.btn_cancel {}
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {    position: absolute;
    right: 20px;}
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn button {}
.mbskin .win_btn input {}
.mbskin .win_btn a {}
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}
/* 게시판용 버튼 */
.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 {}

/* 폼 테이블 */
.mbskin table {}
.mbskin caption {}
.mbskin .frm_info {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 th {        font-size: 0.95em;    color: #8d8d8d;    width: calc( 100% - 40px );   margin:  10px auto;   display: block;}
.mbskin .tbl_frm01 td {       width: calc( 100% - 40px );    margin: 0 auto;    display: block;}
.mbskin .place{     display: flex; justify-content: space-between; align-items: center; }
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
.mbskin .tbl_frm01 textarea { }
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */

/* 테이블 항목별 정의 */
.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  tbody {background: #F8F8F8}

.mbskin .txt_active {}
.mbskin .txt_expired {}

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

/* 회원가입 약관 */
.mbtitle {font-size:1.8em; color: #000; font-weight: 800;    padding-bottom: 10px;margin: 30px 20px;}
.mbtitle span {    border-bottom: 4px solid #ffa216;}
 .card-registe {    width: 100%!important;    margin: 0 auto!important;    border-radius: 0!important;    padding: 10px!important;}
.tbl_frm01 textarea, .frm_input { width: 100%; background-color: #F8F8F8!important;    border: 0!important;    height: 100px!important;      border-radius: 0px!important;}

textarea:focus {
    outline: none !important;
}

div.agree{display: inline-block;    height: 50px;
    border: 2px solid #e1e1e1;
    width: 80%;
    padding: 0 10px;
    line-height: 45px;
    font-weight: 500;
    color: #afafaf;}
div.agree span{font-size: 0.8em;
    font-weight: 300; float: right}
div.mbskinwrap {}

#placeList .place{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#placeList select.place1 {
    width: 33%;
    height: 40px;
    border: none;
    border: 2px solid #00000014;
    background: #fff;
    margin-left: 3px;
}
#placeList select.place2 {
    width: 33%;
    height: 40px;
    border: none;
    border: 2px solid #00000014;
    background: #fff;
	 
}
#placeList select.place3{
    width: 33%;
    height: 40px;
    border: none;
    border: 2px solid #00000014;
    background: #fff;
}

#placeOftenList .oftenPlace{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#placeOftenList select.place1 {
    width: 40%;
    height: 40px;
    border: none;
    border: 2px solid #00000014;
    background: #fff;
    margin-left: 3px;
}
#placeOftenList select.place2 {
    width: 40%;
    height: 40px;
    border: none;
    border: 2px solid #00000014;
    background: #fff;
	 
}

#placeOftenList .oftenPlace span{
    font-weight: bold;
}

select.km{
    width: 80%;
    height: 40px;
    border: none;
    border: 2px solid #00000014;
    background: #fff;
    padding:0 10px;
	float: right;
}

button.plus, button.delete {
    width: 10%;
    margin-top: 6px;
    border: none;
    display: inline-block;
    background: none;
	float: right;	
    max-height: 40px;
}

.plus img, .delete img {
    width: 100%;max-width: 40px;
}
.show_radio{
    display: inline-block !important;
}
#fregister section {margin:0 0 20px;padding:20px 0}
#fregister h2 {margin:0 0 20px;text-align:center}
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #e9e9e9;background:#f7f7f7}
#fregister .fregister_agree {padding:10px 0 0;text-align:right}
#fregister .fregister_agree label {display:inline-block;margin-right:5px}
#fregister p {color:#e8180c;text-align:center}
#fregister .btn_confirm {margin-bottom:20px}
#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%}
#fregister_private .tbl_head01 td {border:1px solid #e9e9e9}
#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 회원가입 입력 */
#fregisterform textarea {
    font-size: 0.8em;
    background: #fff!important;}

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





/* 회원가입 완료 */
#reg_result {padding:50% 0 ;    text-align: center;}
#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;    color: #000;    padding-top: 10%;}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i.fa-solid.fa-house-chimney {
    color: #ffffff;
    background: #000;
    padding: 20px;
    border-radius: 50%;
    margin-top: 30px;
}

/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info #info_fs {margin:0 20px 20px;padding:0;background:#fff}
#find_info #info_fs .frm_input {width:70%}
#find_info p {margin:0 0 10px;line-height:1.8em}
#find_info #captcha {margin:0 20px}

/* 로그인 */
#mb_login {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:550px;overflow:hidden; font-size:1.1em;		
    text-align: center;  }
#mb_login h1 {margin:0 50px 20px;font-size:2.0em;text-align:center;padding:30px 0 20px;border-bottom:1px solid #245D76; letter-spacing:-1px;  font-family:'Nanum Gothic', sans-serif, 굴림, 돋움; font-weight:700;}
#mb_login #login_fs{padding:10px 50px 40px}
#mb_login #login_fs .login_id,#mb_login #login_fs .login_pw {display:block;color:#333;margin-bottom:5px;    text-align: left;}
#mb_login #login_fs .frm_input{width:100%;background: none !important;  border: 0;    border-bottom: 2px solid #000;    border-radius: 0px;height:36px;line-height:36px;text-indent:10px;margin-bottom:5px;padding:0;    color: #0000008c;}
#mb_login #login_fs .btn_submit {height:40px;background:#000;width:100%;border-radius:0px;color: #FFA216;font-size:1em;font-weight:bold;margin:30px 0 5px; text-align: center; cursor: pointer!important;}
#mb_login #login_fs .btn_register {height:40px;border:1px solid ;width:100%;border-radius:0px;color: #000;;font-size:1em;font-weight:bold;margin:5px 0 20px;background: #FFA216}
#mb_login #login_fs .btn_find {height:40px; ;width:100%;border-radius:0px;color: #000;;font-size:1em;font-weight:bold;margin:5px 0;background: #FFA216}
#mb_login #login_info {background:#f5f9fa;padding:20px 50px 0;border-top:1px solid #d4e2e1;text-align:center;}
#mb_login #login_info p{line-height:1.5em;margin-bottom:20px;color:#777;text-align:left;}
#mb_login #login_info a{width:48%;padding:10px 0;text-align:center;border-radius:4px;}
#mb_login h2 {margin:0 0 5px;font-size:1.167em}
#mb_login .btn_confirm{width:100%;background:#f5f9fa;padding:30px 0;margin:0; font-size:1em;}
#mb_login .btn_confirm a{text-decoration:none;color:#3c95d5;padding-right:10px;display:inline-block}
#reg_result img{    max-width: 40%;}
#mb_login img{    max-width: 40%;}

/* 쪽지 */
#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 p {padding:10px 0;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}

/* 회원 비밀번호 확인 */
#mb_confirm {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:550px;background:rgba(255,255,255,0.6);border-radius:20px;overflow:hidden; font-size:1.1em;
		   box-shadow:3px 3px 7px 1px #bbb;-moz-box-shadow:3px 3px 7px 1px #bbb;-webkit-box-shadow:3px 3px 7px 1px #bbb;}
#mb_confirm h1 {margin:0px;font-size:2.0em;text-align:center;padding:30px 0 20px;letter-spacing:-1px;  font-family:'Nanum Gothic', sans-serif, 굴림, 돋움; font-weight:700;}
#mb_confirm p {padding:20px;border-bottom:0;text-align:center;}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {margin:0;padding:30px 0;background:#F5F9FA;text-align:center}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}

#mb_confirm .btn_confirm{width:100%;background:#f5f9fa;padding:30px 0;margin:0; font-size:1em;}
#mb_confirm .btn_confirm a{text-decoration:none;color:#3c95d5;padding-right:10px;display:inline-block}


/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
#pw_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;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 #subject {width:386px}
#formmail textarea {height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {margin:0 auto 20px;padding:20px;width:86%}
#profile h2 {margin:0}

/* 주소 */
#layer {
    position: fixed !important;
    overflow: hidden;
    z-index: 9999;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    top: 0px;
    left: 0;
    background-color: rgb(255, 255, 255);
    border: none !important;
    width: 100%;
    height: 100%!important;
}

#layer .add_title{position:relative; padding:11px !important; height:50px; text-align:center; box-sizing:border-box;}
#layer .add_title > h2{display: block; padding:0; font-size: 18px; font-weight:500; color:#333;}
#layer .add_title .btn_close_addr{position:absolute; top:50%; right:15px; width:20px; height:20px; transform:translateY(-50%);}
#layer .add_title .btn_close_addr > span{display:block; position:absolute; top:9px; left:0; width:100%; height:2px; background:#111;}
#layer .add_title .btn_close_addr > span:nth-of-type(1){transform: rotate(-45deg);}
#layer .add_title .btn_close_addr > span:nth-of-type(2){transform: rotate(45deg);}


/*반응형소스*/
@media all and (max-width:768px){
	#mb_login{width:70%;}
	#mb_login h1{font-size:1.5em;}
	
	#mb_confirm{width:70%;}
	#mb_confirm h1{font-size:1.5em;}
	}
	
@media all and (max-width:450px){
	html, body{background:none;}
	#mb_login{width:100%; border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none; }
	#mb_login h1{font-size:1.5em; margin:auto 30px;}
	#mb_login #login_fs,
	#mb_login #login_info{padding:20px 30px;}
	
	#mb_confirm{width:100%; border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none; }
	
	}