@charset "utf-8";
/*2025-06-23*/

/*반응형으로 초기화*/
#wrapper {margin: auto; margin-top: 110px;}
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: auto;}
#container {width: 100%;  margin: auto;}
#hd, #wrapper, #ft {min-width: auto;}

/*폰트 초기화*/
body {font-size: unset; background-color: #f3f4f5;}
h1, h2, h3, h4, h5, h6 {font-size: unset;}
#container_title {font-size: unset;}
#container {font-size: unset;}
textarea, select {font-size: unset;}
input, button {font-size: unset;}

.content-wrap {display: flex; flex-wrap: wrap; gap: 12px;}
.content-wrap .col-wrap {width: 100%;}
.half-width {max-width: calc(50% - 6px);}

/*레이아웃*/
/*html, body, #wrapper, #container_wr, #container {height: 100% !important;}*/


#container_wr,
#header .inner-wrap,
#home-wrap .inner-wrap,
#login-wrap .inner-wrap,
#member_list .inner-wrap,
#member-view .inner-wrap,
#bo_list,
#bo_v {width:100%; max-width: 1024px !important;margin: 0 auto;}


/*폰트********************************************************************************************************************/
.txt-body {font-size: 14px; color: #666666;}
.txt-caption {font-size: 13px; color: #666666;}

/*공통********************************************************************************************************************/
.hidden {display:none;}
.rounded {overflow: hidden;border-radius:20px;}
a {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; /* iOS에서 길게 눌렀을 때 메뉴 비활성화 */
    outline: none; /* 포커스 테두리 제거 */
}

#main-insert {width: 100%; position: relative;margin-top: 35px;}
#main-insert .main-wrap {
    border-radius: 20px;
	margin-top: 40px;
}
.main-slider {
  position: relative;
  width: 100%;
  height: auto;
}

.slide-wrap {
  display: flex;
  transition: transform 0.5s ease;
}

.slide-wrap img {
  width: 100%;
  flex-shrink: 0;
}

/* 페이징 */
.pager {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

.pager .dot {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
}

.pager .dot.active {
  background: #fff;
}

/*로그인********************************************************************************************************************/
#login-wrap {
	background-color: #f3f4f5;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
#login-wrap .inner-wrap {
    position: relative;
	display: flex;
    flex-direction: column;
    gap: 10px;
	padding: 10px;
}
#login-wrap .inner-wrap #mian-insert .main-wrap {
	padding: 50px;
    background-image: url(../img/home-bg.jpg);
    background-size: cover;
    border-radius: 20px;
}
#login-wrap .mbskin {
    margin: unset;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-color: #FFFFFF;
}
#login-wrap .mbskin .mbskin_box {border:none;}
#login-wrap .mbskin .frm_input {
    border: none;
    -webkit-box-shadow: unset;
    border-bottom: solid 1px #000;
    border-radius: unset;
	color: #a67c52;
	height: 50px;
	font-size: 18px;
}
#login-wrap .required {background-image:none !important;}
#login-wrap .btn_submit {background: #0071bc; border-radius: 30px; margin: 10px 0 20px !important;}
#login-wrap .frm_input::placeholder {color: #a67c52;}
#login-wrap .frm_input:focus {border:none !important;  border-bottom: solid 1px #a67c52 !important;}

#find_info .new_win_con {background: none;}

/*홈********************************************************************************************************************/
#home-wrap {margin: 0 auto; height: 100%;}
#home-wrap .inner-wrap {
    position: relative;
    margin: 0 auto;
	padding: 10px;
}
#home-wrap .content-wrap .col-wrap {}
#home-wrap .content-wrap .col-wrap.half-width {}
#home-wrap .content-wrap .col-wrap .item-wrap {background-color: #fff; padding: 15px; border-radius: 20px; height: 100%; position: relative;}
#home-wrap .content-wrap .col-wrap .item-wrap.bg-aqua {background-color: #b3ffaf;}
#home-wrap .content-wrap .col-wrap .item-wrap .title {color: #a67c52; margin-bottom: 10px; font-weight: 500;}
#home-wrap .content-wrap .col-wrap .item-wrap .more {position: absolute; right: 13px; top: 15px; width: 20px;}
#home-wrap .content-wrap .col-wrap .item-wrap .item {display: flex; width: 100%; justify-content: space-around;}
#home-wrap .content-wrap .col-wrap .item-wrap .item > div {text-align: center;}
#home-wrap .content-wrap .col-wrap .item-wrap .item > div img {margin-bottom:5px;}
#home-wrap .content-wrap .col-wrap .item-wrap .item > div p span {vertical-align: text-top;}

#home-wrap .content-wrap .col-wrap .item-wrap .member_total {flex-direction: column;}
#home-wrap .content-wrap .col-wrap .item-wrap .member_total h1 {font-size: 36px;font-weight: bold;}
#home-wrap .content-wrap .col-wrap .item-wrap .member_total h1 span {font-size: 16px;}
#home-wrap .content-wrap .col-wrap .item-wrap .member_total h1 a {float: right; display: inline-block; }

#home-wrap .home-notice li {
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: solid 1px #ddd;
	display: flex;
    justify-content: space-between;
	align-items: center;
	font-size: 14px;
}
#home-wrap .home-notice li:last-child { border-bottom: none;}
#home-wrap .home-notice li a {
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    max-width: calc(100% - 70px);
}
#home-wrap .home-notice li a .notice-tag {
    background-color: #333;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    padding: 2px 6px 3px;
	display: inline-block;
	margin-right: 5px;
}
#home-wrap .home-notice li span {color: #666666;}
#home-wrap .icon-wrap {text-align: center; color: #666666;}
#home-wrap .icon-wrap img {margin-bottom: 5px;}



/*헤더********************************************************************************************************************/
#header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f3f4f5;
    z-index: 1;
}
#header .inner-wrap {
    height: 110px;
    padding: 15px;
    display: flex;
    align-items: flex-end;
	justify-content: space-between;
}
#header h3 {
	font-size: 20px;
    font-weight: 600;
}
#header .right-wrap {display: flex; align-items: flex-end;}
#header .right-wrap .header-search {display: flex; align-items: flex-end;}
#header .right-wrap .header-search img {margin-bottom: -3px;}

#header .inner-wrap.member-group {height: 50px;padding: 10px;}
#header .inner-wrap.member-group ul {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    border: none;
    background-color: #e1e1e1;
    border-radius: 20px;
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
	white-space: nowrap;
    overflow: hidden;
}
#header .inner-wrap.member-group ul li {
    height: 40px;
    margin: 5px;
    border-radius: 16px;
}
#header .inner-wrap.member-group ul li.active {background-color: #fff;}
#header .inner-wrap.member-group ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

/*조직도********************************************************************************************************************/
#organization .inner-wrap {
    padding: 10px;
}
#organization .item-wrap {
	width: 100%;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
	font-size: 15px;
    padding: 10px;
}
#organization .item-wrap dl dt {margin-bottom:5px; color: #bd9f7b; font-weight: 500;}
#organization .item-wrap dl dt:not(:first-child) {margin-top:20px; border-top: solid 1px #ddd; padding-top: 18px;}
#organization .item-wrap dl dt.inner-org {border-top: none; margin-top: 0;}
#organization .item-wrap dl dd {color:#999; word-break: keep-all; display: flex; flex-direction: column; gap: 22px;}
#organization .item-wrap dl dd a {color: inherit;}
#organization .item-wrap .member-item {display: flex; gap: 15px;}
#organization .item-wrap .img-wrap {
    display: inline-flex;
    border-radius: 14px;
    width: 64px;
    height: 64px;
    overflow: hidden;
}
#organization .item-wrap .info-wrap {display: inline-block; width: calc(100% - 64px - 15px); padding-top: 1px;}
#organization .item-wrap .info-wrap .name {color: #333; font-weight: 600;}

/*맴버********************************************************************************************************************/
#member_list .inner-wrap {
    margin: 0 auto;
	padding: 10px;
}
#header_member_search {
    display: flex;
    gap: 0 5px;
    margin-bottom: 15px;
    position: relative;
    flex-wrap: wrap;
	background-color: #e1e1e1;
    border-radius: 20px;
}


#header_member_search select {
    background-color: transparent;
    border: none;
    height: 30px !important;
    padding: 0 5px !important;
	border-radius: 20px;
	margin: 5px;
}
#header_member_search select:focus {
  outline: none;  /* 기본 파란 테두리 제거 */
  /* 필요하면 배경색, 그림자 등도 없앨 수 있음 */
}
#header_member_search input[type=text] {
    width: 100%;
    border: none;
    background-color: #e1e1e1;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 70px;
}
#header_member_search select, #header_member_search input, #header_member_search button {height: 50px; padding:5px 10px;}
#header_member_search hr {
	display: block;
    width: calc(100% - 10px);
    border: none;
    border-top: solid 1px #ccc;
    margin: 0 auto;
}
#header_member_search button {
    background-color: #0071bc;
    border: none;
    color: #FFFFFF;
    width: 70px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 5px 5px;
    border-radius: 16px;
    height: 40px;
    font-size: 14px;
}
#member_list .member_total {margin: 5px 5px;}
#member_list_body {
    display: flex;
    flex-direction: column;
    gap: 10px;
	align-items: center;
}
#member_list_body .item {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 3px;
    box-shadow: 0px 2px 7px 0px #00000010;
	position: relative;
}
#member_list_body .item a {display: flex; gap: 7px;text-decoration: none;}
#member_list_body .item .img-wrap {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 16px;
	position: relative;
}
#member_list_body .item .img-wrap img {width: 100%;}
#member_list_body .item .img-wrap .gisu {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000000;
    font-size: 0.8em;
    color: #ffffff;
    border-radius: 0 8px 0;
    min-width: 43px;
    height: 22px;
    padding-left: 13px;
	padding-top: 1px;
}
#member_list_body .item .info-wrap {padding: 5px; line-height: 1.35; width: calc(100% - 100px - 15px);}
#member_list_body .item .info-wrap .name {display: inline-block; font-weight: 500; margin-bottom: 5px; letter-spacing: 1px;}
#member_list_body .item .info-wrap .name span.tag {font-size: 0.86em; color: #999; letter-spacing: -0.5px;}
#member_list_body .item .info-wrap .company {
	color: #bd9f7b;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 0.9em;
}
#member_list_body .item .info-wrap .role {color: #bd9f7b;}
#member_list_body .item .info-wrap .addr {
	color: #bd9f7b;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 0.9em;
}
#member_list_body .item .info-wrap .biz {
    background-color: #bd9f7b;
    color: #fff;
    display: inline-block !important;
    padding: 1px 7px 2px;
    margin-top: 3px;
    border-radius: 8px;
    font-size: 0.8em;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
	vertical-align: middle;
}
#member_list_body .item .more {
    position: absolute;
    right: 11px;
    top: 10px;
    width: 20px;
}

#member-view .inner-wrap {
    margin: 0 auto;
	padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
#member-view .info-wrap {
	display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
    background: #fff;
    box-shadow: 0px 2px 7px 0px #00000010;
    padding: 14px 12px 20px;
    border-radius: 20px;
	margin-top: 80px;
}
#member-view .info-wrap .img-wrap {
    width: 152px;
    height: 152px;
    overflow: hidden;
    border-radius: 18px;
    border: solid 5px #ffffff;
    box-shadow: 0px 2px 7px 0px #00000010;
	margin-top: -90px;
}

#member-view .info-wrap .img-wrap img {width: 100%;}
#member-view .info-wrap .name {
	font-size: 24px;
    font-weight: 500;
    position: relative;
    letter-spacing: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
	text-align: -webkit-center;
	width: 100%;
}
#member-view .info-wrap .name .gisu {
    font-weight: 400;
    font-size: 16px;
    padding: 4px 10px 10px;
    letter-spacing: 0px;
    display: block;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    text-align: center;
    color: #a67c52;
    width: fit-content;
	line-height: 1.3;
	width: 100%;
}


#member-view .info-wrap .name .gisu span {
    display: inline-block;
    max-width: calc(100% - 40px);
    text-align: left;
    word-break: keep-all;
    vertical-align: top;
    border-left: solid 1px #d9cfc3;
	padding-left: 7px;
    margin-left: 5px;
}
#member-view .info-wrap .company {color:#a67c52; font-size: 16px; font-weight: 400;}
#member-view .info-wrap .hp {
	margin: 5px 0px 20px;
	text-align: center;
}
#member-view .info-wrap .hp h3 {
	font-size: 21px;
    font-weight: 500;
	margin-bottom: 16px;
}
#member-view .info-wrap .hp .icons-wrap {
	display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}
#member-view .info-wrap .hp a {display: inline-block;}
#member-view .info-wrap .hp img {width:100%; max-width: 28px;}
#member-view .info-wrap table {width: 100%;}
#member-view .info-wrap table th {
	color:#a67c52;
	font-weight: 500;
	text-align: right;
	width: 70px;
	vertical-align: text-top;
}
#member-view .info-wrap hr {
    display: block;
    width: calc(100% - 20px);
    height: 1px;
    border: 0;
    background-color: #ddd;
    margin-bottom: 20px;
}
#member-view .item-wrap {
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    padding: 14px 12px;
	box-shadow: 0px 2px 7px 0px #00000010;
}
#member-view .item-wrap .title {
    color: #a67c52;
    font-weight: 500;
	margin-bottom: 10px;
}
#member-view .add-wrap a {
	display: flex;
    align-items: center;
	justify-content: space-between;
	padding: 5px 0;
}
#member-view .add-wrap span {
    background-color: #333;
    color: #fff;
	padding: 4px 14px;
    display: inline-flex;
    border-radius: 20px;
    font-size: 15px;
    min-height: 29px;
    align-items: center;
}
#member-view .btn-wrap {
	display: flex;
    justify-content: flex-end;
    gap: 15px;
}
#member-mypage .inner-wrap {padding: 10px;}
#member-mypage .item-wrap {
	background-color: #ffffff;
    border-radius: 20px 20px 20px 20px;
    margin-top: 50px;
	padding: 20px;
	font-size: 15px;
}
#member-mypage .item-wrap ul.items li label {
	color: #bd9f7b;
    display: inline-block;
    width: 88px;
    margin-right: 10px;
    text-align: right;
    vertical-align: inherit;
}
#member-mypage .item-wrap ul.items li p {
    display: inline-block;
    width: calc(100% - 115px);
    vertical-align: text-top;
}
#member-mypage .item-wrap ul.items li {
    padding: 3px 0;
}
#member-mypage .item-wrap ul.items li.bottom-line {
	border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
#member-mypage .item-wrap ul.items li .img-wrap {
    margin: 0 auto;
    display: block;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-top: -70px;
    margin-bottom: 10px;
    border: solid 3px #FFFFFF;
	box-shadow: 0px 2px 7px 0px #00000010;
	background-color: #fafafa;
}
#member-mypage .item-wrap ul.items li .img-wrap img {width: 100%;}
#member-mypage .btn-wrap {
	display: flex;
    justify-content: flex-end;
    gap: 15px;
}
#member-mypage .btn-wrap .btn-normal {
    border-bottom: solid 1px #666;
}


/*bbs*/
#bo_v_con,
#bo_list tbody .even td, .bo_notice td,
.bo_v_nb,
#bo_vc,
.bo_vc_w,
#bo_gall .gall_text_href {font-size: 14px;}

#bo_list,
#bo_w,
#bo_v,
#bo_gall {
    margin: 0 auto;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 20px;
	max-width: calc(100% - 20px) !important;
	margin-top: 10px;
}
.bo_notice td {background: transparent !important;}
#bo_list tbody .even td {background: transparent;}
#bo_list .bo_meta {font-size: 12px; color: #999; display: flex; gap: 5px;}
#bo_list tbody tr:hover {border-left: 2px solid transparent;}
#bo_v_title .bo_v_tit {
	color: #a67c52;
    font-size: 1.0em;
    font-weight: 600;
}
#bo_v_info .profile_info {margin: 5px 0 5px;}
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight: normal; }
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight: normal; }
.bo_v_com {margin: 0px 0;}
.cmt_btn b {font-size: 1.0em;}
#bo_v_info .sv_member, #bo_v_info, #bo_v_info a, #bo_v_info .if_date,#bo_v_info strong {color: #999; font-weight: 400;}
.bo_notice td a {font-weight: normal;}
.bo_tit {font-weight: normal;}
.bo_notice .notice_icon {font-weight: normal;color: #a67c52;}
.tbl_head01 td {height: unset;font-size: 14px;}
#bo_list .td_chk {width: 20px; padding: 0;}
#bo_list .td_num2 {width: 35px;}
.tbl_head01 td {padding: 8px 5px; padding-left: 0;}
.bo_sch {
    width: 320px;
    left: calc(50% - 160px);
    margin: 0 auto;
    margin-top: -180px;
}
.bo_fx {float: unset;}
.gall_row .col-gn-0, .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9, .gall_row .col-gn-10 {
    padding-left: 5px;
    padding-right: 5px;
}
#bo_gall .gall_img {border-bottom: none;}
#bo_gall .gall_text_href a {font-weight: inherit; font-size: inherit;}
#bo_gall .gall_text_href {margin-top: 0;}
#bo_gall .gall_img {max-height: 140px !important; border-radius: 18px;}
#bo_gall .gall_img a, #bo_gall .gall_img .no_image, #bo_gall .gall_img .is_notice {height: 100% !important;}
#bo_gall .gall_img img, #bo_gall .gall_img video {width: 100%; height: 100% !important; object-fit: cover;}

/*쪽지*/
.new_win .win_desc {display: none;}
.new_win .win_ul {padding: 0 10px;}
#memo_list .win_ul {padding: 0;}
#memo_view, #memo_list {padding: 10px;}
#memo_view_contents, .memo_list {
    box-shadow: 0px 2px 7px 0px #00000010;
    border-radius: 20px;
    overflow: hidden;
}
.memo_list .memo_preview a {font-size: unset;}


/*마이페이지*/
#register_form {padding: 10px; background-color: transparent;}
#register_form .register_form_inner {
	background: #FFFFFF;
    border: none;
    border-radius: 20px;
	margin-bottom: 10px !important;
}
#register_form .register_form_inner h2 {
    padding: 20px;
    border-bottom: none;
    font-size: 16px;
    color: #bd9f7b;
    font-weight: 500;
	padding-bottom: 0;
}
#register_form .register_form_inner p.caption {
    font-size: 12px;
    color: #999;
    padding: 0 20px;
}
#register_form .register_form_inner ul {display: flex; flex-direction: column;font-size: 14px;}
#register_form .register_form_inner ul li {width:100%;}
#register_form .register_form_inner label {margin-bottom: 0px;}
#register_form .register_form_inner ul input.frm_input {
	border: none;
    -webkit-box-shadow: unset;
    border-bottom: solid 1px #999999;
    border-radius: unset;
    height: 40px;
	margin-bottom: 20px;
	width: 100%;
}
#register_form .register_form_inner .readonly {color: #999999;}
#register_form .register_form_inner ul li.include-btn {position: relative;}
#register_form .register_form_inner ul li.include-btn button {
    background-color: #666666;
    color: #fff;
    border: none;
    padding: 2px 5px;
    font-size: 0.9em;
    border-radius: 5px;
    position: absolute;
    right: 20px;
	top: 33px;

}
#register_form .register_form_inner .item .block-wrap {
	display: flex; 
	gap: 10px 50px; 
	flex-wrap: wrap;
}
#register_form .register_form_inner .item .block-wrap label {color:#666666;}
#register_form .register_form_inner ul li.include-btn button.btn-addr {width: unset; height: unset;}
#register_form .register_form_inner ul li.include-btn #daum_juso_pagemb_zip {margin-top: 0px;}
#fregisterform .btn_confirm {padding: 10px;}

#mb_confirm.mbskin {width: 100%;}
#mb_confirm.mbskin h1 {font-size: 24px; font-weight: 500;}
#mb_confirm p strong {font-size: 16px;}
#mb_confirm p {font-size: 16px;}
#register_form input#mb_img {width: 100%; margin: 10px 0;}

#footer {background-color: #fff; position: fixed; bottom: 0; width: 100%;}
#footer ul {display: flex; justify-content: space-evenly; align-items: center;}

/*board-tabs*/
#tab-bbs {padding:0 10px;margin-top:10px;}
#tab-bbs ul {
    display: flex;
    justify-content: space-around;
    background-color: #e1e1e1;
    border-radius: 20px;
    padding: 5px;
    gap: 5px;
}
#tab-bbs ul li {
    padding: 8px;
    text-align: center;
    border-radius: 16px;
    width: 1000%;
}
#tab-bbs ul li.on {
    background-color: #fff;
	color: #000;
}

button#board_singo {font-size: 14px !important;}

.policy-wrap {color: #666; font-size: 14px; text-align: left;}
.policy-wrap h2 {
    border-bottom: solid 1px #ddd;
    width: fit-content;
    margin: 5px 0;
}

@supports (-webkit-touch-callout: none) {
	#main-insert {margin-top: 40px;}
	#header_member_search select, 
	#header_member_search input, 
	#header_member_search button {height: 50px; border-radius: 0px; border-color: #999;}
	#member_list_body .item .info-wrap .biz {padding-top: 3px;}

	
	#header_member_search select {
		height: 40px !important;
		border-radius: 20px;
		color:#000;
	}
	#header_member_search button {
		border: none;
		border-radius: 16px;
		height: 40px;
		font-size: 14px;
	}
	#member_list_body .item .img-wrap .gisu {padding-top: 3px;}
}