@charset "utf-8";

/* 초기화 */
*{word-break: keep-all !important;line-height: 150%;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: "Noto Sans KR", sans-serif;background-color: #fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: "Noto Sans KR", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: "Noto Sans KR", sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: "Noto Sans KR", sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

a, span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
}

/* 관리자 style */
.adm_a_btn{font-size:18px;}

/* script 공통 css */
.tab-list>li{display:none;}
.tab-list>li.active{display:block;}
.ft-active{display: block !important;}

.selcontents .tab-btn-ul{float: left;width:100%;margin-bottom:20px;text-align: center;}
.selcontents .tab-btn-ul li{   
  display: inline-block;
  width: 40%;
  background: #fff;
  color: #ff3e3e;
  border: 1px solid #ff3e3e;
  border-radius: 100px;
  margin:0 1%;
  padding: 10px 20px;
  font-size: 14px;
  text-align: center;
}
.selcontents .tab-btn-ul li.active{  
  background: #ff3e3e;
  color: #fff;
  border: 1px solid #ff3e3e;
}
@media(max-width:460px){
  .selcontents .tab-btn-ul li{width:41%;font-size: 11px;}
}


#section3 .inner .section_data_head .tab_menu {
  flex-basis: 25%;
  text-align: center;
  padding: 13px 0;
  color: #502200;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.125em;
  border-right: 1px solid #876a55;
}
#section3 .inner .section_data_head .tab_menu.active {
  background-color: #ff3e3e;
  color: #faf6f3;
}
#section3 .inner .section_data_head .tab_menu:last-child {
  border-right: none;
}

.tab-btn-ajax-ul{gap: 0 !important;padding-bottom: none !important;}
.tab_menu_ajax {
  flex-basis: 25%;
  text-align: center;
  padding: 13px 0;
  color: #502200;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.125em;
  border-right: 1px solid #876a55;
}
.tab_menu_ajax.active {
  background-color: #ff3e3e;
  color: #faf6f3;
}
.tab_menu_ajax:last-child {
  border-right: none;
}


.dsNone{display:none !important;}

/* 간격 및 픽셀값 초기화 */
.hgt100{height: 100px !important;}

.placeholdersjs {color:#aaa !important}

/* 게시판 관리자 이미지 등록 자동 태그 */
.bd-banner-img-wrap{max-width:900px !important;margin: 0 auto;margin-bottom:50px;}
.bd-banner-img-wrap img{width:100%;height: auto;}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:0}

#hd_pop,
#hd_wrapper,
#tnb .inner,

/* #gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px} */

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {position: relative;z-index: 1000;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:100px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#hd_wrap_pd{padding: 32px 0;}

#logo {float:left;z-index: 1000;position: relative;}

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}


#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;  margin-top: 5px;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#gnb #gnb_1dul .gnb_1dli{    display: inline-block;
    position: relative;
    margin: 0 40px;
    font-size: 18px;
    color: #fff;
    line-height: 100%;
    position:relative;
}

#gnb #gnb_1dul .gnb_1dli:after{content: '';
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 0;
    height: 4px;
    background-color: #35bfff;
    transition: width 0.3s, left 0.3s;
    border-radius: 10px;
    z-index: -1;
}
#gnb #gnb_1dul .gnb_1dli:hover::after {
    width: 100%;
    left: 0;
}
  

#gnb #gnb_1dul .gnb_1dli:nth-child(1){margin-left:100px;}

#gnb #gnb_1dul a{color:#fff;}
#gnb .call:nth-child(1){border-right: 1px solid #fff;}
#gnb .call{   
    position: absolute;
    right: 0;
    top: -4px;
    border-radius: 14px;
    background-color: #828282;
    padding: 6px;
}
#gnb .call a{ color: #fff;
    font-size: 15px;
    display: inline-block;
    padding: 0 12px;
}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* gnb 2차메뉴 - jd 240703 */
/* .gnb .gnb_li_depth1:hover .gnb_2dul{display: block;} */
.gnb .gnb_2dul{position:absolute;right:-170px;bottom:0;width:150px;display: none;}
/* .gnb .gnb_2dul a{font-size:15px;color:#fff;} */


/* 중간 레이아웃 */
/* #wrapper {
    position: relative;
    z-index: 0;
} */
/* #container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;min-height:500px;height:auto !important;margin:20px auto;font-size:1em;width:1200px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

#container #wrap_all{width:1200px;margin:0 auto;} */

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:50%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative;display: flex;flex-wrap: wrap;align-items: center;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width: 160px;margin-right: 5px;vertical-align:top;padding:0;}
#captcha #captcha_mp3 {margin-left: 5px;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;}
#captcha #captcha_reload {margin-left: 5px;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;}
#captcha #captcha_key {padding:0 10px;width:calc(100% - 265px);height:40px;border:1px solid #333;background:transparent;font-size:14px;font-weight:bold;color: #333;font-weight: 300;}
#captcha #captcha_info {display:block;width: 100%;margin-top: 5px;font-size:14px;color: #999;line-height: 150%;}

@media screen and (max-width: 620px) {
  #captcha #captcha_img{margin: 0 0 5px;}
  #captcha #captcha_key{width: calc(100% - 110px);}
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio{display: block;width: 100%;margin-bottom: 5px;}
#captcha.m_captcha #captcha_key{width:calc(100% - 220px);}
@media screen and (max-width: 620px){
  #captcha.m_captcha #captcha_key{width: calc(100% - 55px);}
}
/* #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {font-size: 12px;}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} */

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {width: 100%;margin-top: 60px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {display: flex;justify-content: center;}
.pg_page {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;font-size: 14px;color: #999;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/pg_arrow.svg') no-repeat 50% 50%;background-size: 8px auto;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/pg_db_arrow.svg') no-repeat 50% 50%;background-size: 12px auto;}
.pg_end {text-indent:-999px;overflow:hidden;transform: scaleX(-1);background:url('../img/pg_arrow.svg') no-repeat 50% 50%;background-size: 8px auto;}
.pg_next {text-indent:-999px;overflow:hidden;transform: scaleX(-1);background:url('../img/pg_db_arrow.svg') no-repeat 50% 50%;background-size: 12px auto;}
.pg_current {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;font-size: 14px;color: #fff;font-weight: normal;background-color: #876a55;}

.qa_page {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;font-size: 14px;color: #999;}
.pg_end {text-indent:-999px;overflow:hidden;transform: scaleX(-1);background:url('../img/pg_arrow.svg') no-repeat 50% 50%;background-size: 8px auto;}

@media screen and (max-width: 620px){
  .pg_wrap{margin-top: 30px;}
  .pg_page,.pg_current{font-size: 12px;}
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* swiper */
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    background-position: center;
    background-size: cover;
    position:relative;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
  }

.swiper .slide-txt{display:none;position: absolute;left:50%;top:50%;z-index:3;transform: translate(-50%,-50%);width:100%;text-align: center;}
.swiper .slide-txt h2{font-size: 40px;color:#d5fcff;margin-bottom: 20px;}
.swiper .slide-txt p{    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}
.swiper .swiper-slide-active .slide-txt{display:block;}
.swiper .swiper-bg{position: absolute;left:50%;top:50%;z-index:2;transform: translate(-50%,-50%);width:100%;height: 100%;background: #000;opacity:0;transition:all .7s;}
.swiper .swiper-slide-active .swiper-bg{opacity:0.8;}

#wrap1200{max-width:1200px;margin:0 auto;}

#bo_v_con{font-size: 20px;}
.header_intro img{width:100%;}

/* v2 시작 v2 시작 v2 시작 v2 시작 v2 시작 v2 시작 */
.list_02 {max-width:1200px;margin:0 auto;}

button{border: 0;background-color: transparent;}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.ff_gs{font-family: 'GmarketSansMedium';}
.c1{color: #876a55 !important;}
.c2{color: #EEE8E4 !important;}
.c3{color: #FFD034 !important;}
.tac{text-align: center;}

.container{width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1440px){
  .container{width: 1200px;}
}
@media screen and (max-width: 1240px){
  .container{width: 90%;}
}

.ani_wrap{}
.ani_wrap .ani{transition: transform 0.8s, opacity 0.8s;opacity: 0;transform: matrix(1, 0, 0, 1, 0, 50);}
.ani_wrap .ani.l{transform: matrix(1, 0, 0, 1, -50, 0);}
.ani_wrap .ani.r{transform: matrix(1, 0, 0, 1, 50, 0);}
.ani_wrap.act .ani{opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);}
.ani_wrap .ani:nth-child(1){transition-delay: .2s;}
.ani_wrap .ani:nth-child(2){transition-delay: .4s;}
.ani_wrap .ani:nth-child(3){transition-delay: .6s;}
.ani_wrap .ani:nth-child(4){transition-delay: .8s;}
.ani_wrap .ani:nth-child(5){transition-delay: 1.0s;}
.ani_wrap .ani:nth-child(6){transition-delay: 1.2s;}
.ani_wrap .ani:nth-child(7){transition-delay: 1.4s;}
.ani_wrap .ani:nth-child(8){transition-delay: 1.6s;}

.logo_w{width: 200px;}
@media screen and (max-width: 620px){
  .logo_w{width: 140px;}
}

.call_box{display: flex;gap: 20px;align-items: center;height: 40px;padding: 0 20px;border-radius: 20px;background-color:#DE0517;}
.call_box .t1{font-size: 14px;color: #fff;}
.call_box .t1 .ico{display: inline-block;width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;background-size: cover;}
.call_box .t1 .ico.ico1{background-image: url(/theme/noble/img/call_box_ico1.svg);}
.call_box .t1 .ico.ico2{background-image: url(/theme/noble/img/call_box_ico2.svg);}
@media screen and (max-width: 620px){
  .call_box{gap: 10px;width: 100%;flex-direction: column;align-items: start;height: auto;padding: 15px;border-radius: 10px;}
  .call_box .t1{font-size: 12px;}
}

.mem_menu{display: flex;}
.mem_menu .t1{font-size: 14px;color: #999;}
/* .mem_menu .t1::after{content: '';display: inline-block;width: 1px;height: 8px;margin: 0 10px 2px;vertical-align: middle;background-color: #aaa;} */
.mem_menu .t1::after{content: '';display: inline-block;width: 2px;height: 2px;margin: 0 10px 2px;border-radius: 50%;vertical-align: middle;background-color: #aaa;}
.mem_menu .t1:last-child::after{display: none;}
@media screen and (max-width: 620px){
  .mem_menu .t1{font-size: 12px;}
  /* .mem_menu .t1::after{height: 6px;margin: 0 5px 2px;} */
  .mem_menu .t1::after{margin: 0 5px 2px;}
}

/*헤더*/
.hd{height: 100px;}
.hd .hd_inner{position: fixed;top: 0;left: 0;transition: transform 1s;transform: translateY(-100%);display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100px;padding: 0 120px;background-color: #fff;}
.hd .hd_inner .hd_l{display: flex;align-items: center;gap: 80px;}
.hd .hd_inner .hd_logo{display: block;}
.hd .hd_inner .hd_logo > img{width: 100%;}
.hd .hd_inner .gnb{}
.hd .hd_inner .gnb > ul{display: flex;gap: 80px;}
.hd .hd_inner .gnb > ul > li{position:relative;}
.hd .hd_inner .gnb > ul > li .t1{position: relative;transition: color .5s;display: flex;align-items: center;justify-content: center;width: 100%;height: 100px;font-size: 18px;color: #333;font-weight: bold;}
.hd .hd_inner .gnb > ul > li .t1::after{content: '';transition: transform .3s;transform: scaleX(0);position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #876a55;}
.hd .hd_inner .gnb .dep2{position: absolute;top: 100px;left: 50%;transform: translateX(-50%);display: none;width: 200px;padding: 30px 20px;background-color: #fff;box-shadow: 0 3px 10px rgba(0,0,0,.5);}
.hd .hd_inner .gnb .dep2 > ul > li{text-align: center;}
.hd .hd_inner .gnb .dep2 > ul > li+li{margin-top: 15px;}
.hd .hd_inner .gnb .dep2 > ul > li .t2{font-size: 16px;color: #aaa;}
.hd .hd_inner .gnb .dep2 > ul > li:hover .t2{color: #fff;}
.hd .hd_inner .gnb > ul > li:hover .t1{color: #876a55;}
.hd .hd_inner .gnb > ul > li:hover .t1::after{transform: scaleX(1);}
.hd .hd_inner .gnb > ul > li:hover .dep2{display: block;}
.hd .hd_inner .m_menu_btn{display: none;width: 60px;height: 60px;background-image: url(/theme/noble/img/m_menu.svg);background-size: cover;}
.hd .hd_inner .hd_r{display: flex;align-items: center;gap: 20px;}
.hd.act .hd_inner{transform: translateY(0);}

@media screen and (max-width: 1660px){
  .hd .hd_inner{padding: 0 60px;}
}

@media(min-width:1240px) and (max-width:1456px){
    .hd .hd_inner .gnb > ul{display: block;}
    .hd .hd_inner .gnb > ul > li{margin: 0 17px;float:left;}
}

@media screen and (max-width: 1240px) {
  .hd .hd_inner{padding: 0 5%;}
  .hd .hd_inner .gnb{display: none;}
  .hd .hd_inner .call_box{display: none;}
  .hd  .hd_r .call_box{display: none;}
  .hd .hd_inner .m_menu_btn{display: block;}
}
@media screen and (max-width: 620px) {
  .hd{height: 80px;}
  .hd .hd_inner{height: 80px;}
  .hd .hd_inner .m_menu_btn{width: 40px;height: 40px;}
  .hd .hd_inner .hd_r{gap: 10px;}
}

.m_menu_modal{z-index: 5000;overflow: hidden;position: fixed;top: 0;right: 0;display: none;width: 85%;height: 100%;background-color: #fff;}
.m_menu_modal .bg{display: none;}
/* .m_menu_modal::before{content: '';position: absolute;right: -50px;bottom: -50px;opacity: .05;width: 300px;height: 300px;background-image: url(/theme/noble/img/m_menu_bg.png);background-size: cover;} */
.m_menu_modal .in_ovy{overflow-y: auto;height: 100%;}
.m_menu_modal .close_btn{position: fixed;top: 20px;right: 5%;width: 60px;height: 60px;background-image: url(/theme/noble/img/m_menu_close_black.png);background-size: cover;z-index: 100;}
.m_menu_modal .inner{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.m_menu_modal .inner .menu{width: 100%;}
.m_menu_modal .inner .menu > ul > li{overflow: hidden;}
.m_menu_modal .inner .menu > ul > li+li{margin-top: 60px;}
.m_menu_modal .inner .menu > ul > li .t1{display: block;transform: matrix(1, 0, 0, 1, 0, 50);font-family: 'GmarketSansMedium';font-size: 36px;font-weight: bold;color: #333;line-height: 150%;}
.m_menu_modal .inner .menu .dep2{margin-top: 30px;}
.m_menu_modal .inner .menu .dep2 > ul{display: flex;flex-wrap: wrap;gap: 20px 40px;transform: matrix(1, 0, 0, 1, 0, 50);}
.m_menu_modal .inner .menu .dep2 > ul > li .t2{font-size: 20px;color: #aaa;}
.m_menu_modal .inner .menu .dep2 > ul > li:hover .t2{color: #fff;}
.m_menu_modal .inner .b_cont{margin-top: auto;padding-top: 80px;}
/* 모바일 menu modal - 240815 S */
.m_menu_modal .in_ovy {position:relative;}
.m_menu_modal .in_ovy .inner.container {padding: 0;}
.m_menu_modal .in_ovy .inner a {font-size:1em;}
.m_menu_modal .in_ovy .inner a span {display:inline-block;line-height:1em;padding:10px 0;font-weight:700;}
.m_menu_modal .in_ovy .inner .member_menu .line {border-bottom: 3px solid #000;}
.m_menu_modal .in_ovy .inner .member_menu{position:absolute; top:0; height: 200px;background: #eee;width: 100%;padding:30px;font-size: 20px;z-index: 1;margin-bottom: 0;}
.m_menu_modal .in_ovy .inner .menu{height:600px;padding:20px 30px;border-bottom:10px solid #eee;position: absolute; top: 200px; z-index: 1000;}
.m_menu_modal .in_ovy .inner .menu > ul > li+li {margin-top:0;}
.m_menu_modal .in_ovy .inner .menu > ul {display:flex;flex-direction:column;justify-content: space-between;}
.m_menu_modal .in_ovy .inner .menu > ul > li {box-sizing: nowrap;}
.m_menu_modal .in_ovy .inner .menu > ul > li a {display:block; padding:20px 0;line-height:2em;font-size:2em;font-weight:700;}
.m_menu_modal.act .inner .menu > ul > li:last-child .t1 { padding-bottom:0;}
.m_menu_modal .in_ovy .inner .member_menu .mb_li{margin-bottom: 20px;}
.m_menu_modal .in_ovy .inner .member_menu .line{border-bottom: 3px solid #000;}
.m_menu_modal .in_ovy .inner .b_cont{position:absolute; top:800px;}
.m_menu_modal .in_ovy .inner .b_cont .call_box a.t1 {font-size: 1.5em;}
.m_menu_modal .in_ovy .inner .b_cont .call_box {gap: 30px;padding:20px 30px;}
/* 모바일 menu modal - 240815 E */
.m_menu_modal.act .inner .menu > ul > li .t1{transition: transform 0.8s;transform: matrix(1, 0, 0, 1, 0, 0);}
.m_menu_modal.act .inner .menu .dep2 > ul{transition: transform 0.8s;transform: matrix(1, 0, 0, 1, 0, 0);}
.m_menu_modal.act .bg{position:fixed;left:0;top:0;background: #00000063;width: 15%;height: 100%;z-index: -1;display: block;}
@media screen and (min-width: 1240px){
  .m_menu_modal{display: none !important;}
}
@media screen and (max-width: 620px){
  .m_menu_modal .close_btn{top: 20px;width: 40px;height: 40px;}
  .m_menu_modal .inner .menu > ul > li+li{margin-top: 40px;}
  .m_menu_modal .inner .menu > ul > li .t1{font-size: 26px;}
  .m_menu_modal .inner .menu .dep2{margin-top: 15px;}
  .m_menu_modal .inner .menu .dep2 > ul{gap: 10px 20px;}
  .m_menu_modal .inner .menu .dep2 > ul > li .t2{font-size: 16px;}
  .m_menu_modal .inner .b_cont{padding-top: 40px;width:80%;}
  .m_menu_modal .in_ovy .inner .b_cont .call_box {display:flex;flex-direction:row;justify-content:center;gap:30px;padding:10px 10px;white-space: nowrap;}
  .m_menu_modal .in_ovy .inner .b_cont .call_box a.t1 {font-size: 1em;}
}
/* 대표님 요청하신 코드 삽입 */
#bo_v_atc .detailCon{width:100%;white-space: wrap;}
#bo_v_atc .detailCon img{width:100% !important;height: auto;}
/* 모바일 메인 추가 css */
@media screen and (max-width: 1024px) {
  /* #section1 .selcontents.m-only h2 {margin-bottom:15px;font-size: 1.6em;color:#ff3e3e;} */
  #section1 .selcontents.m-only h2.keywordM{margin-top:50px;}
}
/* ----------------------------------- */
.r_quick{z-index: 4000;position: fixed;right: 40px;bottom: 40px;}
.r_quick > ul{}
.r_quick > ul > li{display: flex;justify-content: flex-end;}
.r_quick > ul > li+li{margin-top: 20px;}
.r_quick > ul > li .cont{position: relative;display: inline-block;min-width: 80px;height: 80px;}
.r_quick > ul > li .open_btn{position: absolute;top: 0;left: 0;width: 80px;height: 100%;border-radius: 50%;background-color:#ff3e3e;background-repeat: no-repeat;background-position: center;background-size: 40px auto;}
.r_quick > ul > li .open_btn.ico1{background-image: url(/theme/noble/img/call_box_ico1.svg);}
/* .r_quick > ul > li .open_btn.ico2{background-image: url(/theme/noble/img/call_box_ico2.svg);} */
.r_quick > ul > li .open_btn.ico2{background-image: url(/theme/noble/img/call_new.png);}
.r_quick > ul > li .open_btn.ico3{background-image: url(/theme/noble/img/kakao_circle.png);}
.r_quick > ul > li .open_cont{display: none;align-items: center;height: 100%;padding: 0 40px 0 80px;border-radius: 40px;background-color:#ff3e3e;}
.r_quick > ul > li .open_cont .t1{font-size: 16px;color: #fff;}
.r_quick > ul > li:hover .open_cont{display: inline-flex;}

@media screen and (max-width: 620px){
  .r_quick{display: block;right: 20px;bottom: 20px;}
  .r_quick > ul > li+li{margin-top: 10px;}
  .r_quick > ul > li .cont{min-width: 50px;height: 50px;}
  .r_quick > ul > li .open_btn{width: 50px;height: 50px;background-size: 30px auto;}
  .r_quick > ul > li .open_cont{height: 50px;padding: 0 25px 0 50px;border-radius: 25px;}
  .r_quick > ul > li .open_cont .t1{font-size: 14px;}
}

/*푸터*/
.foot{margin-top: 150px;padding: 100px 0;background-color: #fff;}
.foot .foot_inner{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.foot .foot_inner .foot_logo{display: block;}
.foot .foot_inner .foot_logo > img{width: 100%;}
.foot .foot_inner .foot_menu{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px 40px;margin-top: 40px;}
.foot .foot_inner .foot_menu .t1{font-size: 16px;font-weight: bold;color: #333;}
.foot .foot_inner .foot_info{margin-top: 40px;}
.foot .foot_inner .foot_info .line{display: flex;flex-wrap: wrap;gap: 10px 20px;justify-content: center;}
.foot .foot_inner .foot_info .line+.line{margin-top: 10px;}
.foot .foot_inner .foot_info .line dl{display: flex;gap: 5px 10px;}
.foot .foot_inner .foot_info .line dl dt{font-size: 14px;color: #999;font-weight: bold;font-style: normal;}
.foot .foot_inner .foot_info .line dl dd{font-size: 14px;color: #999;font-style: normal;}
.foot .foot_inner .copy{margin-top: 80px;font-size: 14px;color: #666;}

@media screen and (max-width: 620px){
  .foot{margin-top: 75px;padding: 50px 0;}
  .foot .foot_inner .foot_menu{gap: 10px 20px;margin-top: 20px;}
  .foot .foot_inner .foot_menu .t1{font-size: 14px;}
  .foot .foot_inner .foot_info{margin-top: 20px;}
  .foot .foot_inner .foot_info .line+.line{margin-top: 5px;}
  .foot .foot_inner .foot_info .line dl{gap: 3px 5px;}
  .foot .foot_inner .foot_info .line dl dt{font-size: 12px;}
  .foot .foot_inner .foot_info .line dl dd{font-size: 12px;}
  .foot .foot_inner .copy{margin-top: 40px;font-size: 12px;}
}

/* index */

.main_slide{position: relative;}
.main_slide .main_mask{overflow: hidden;min-height: 500px;height: calc(100vh - 100px);}
.main_slide .item{position: relative;}
.main_slide .item .bg{overflow: hidden;position: relative;width: 100%;height: 100%;}
.main_slide .item .bg > img{object-fit: cover;width: 100%;height: 100%;animation-name: mainBg;animation-duration: 20s;animation-iteration-count: infinite;}
.main_slide .item .bg::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.main_slide .item .txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.main_slide .item .txt .t1{font-family: 'GmarketSansMedium';transition: .7s filter linear,opacity .7s;transition-delay: .7s;filter: blur(10px);opacity: 0;font-size: 70px;color: #fff;font-weight: bold;text-shadow: 5px 5px black;}
.main_slide .item .txt .t2{margin-top: 30px;font-size: 40px;color: #fff;letter-spacing: -0.5px;line-height: 140%;text-shadow: 3px 3px black}
.main_slide .item.swiper-slide-active .txt .t1{filter: blur(0);opacity: 1;}
.main_slide .scroll_down{z-index: 5;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.main_slide .scroll_down .t{display: inline-block;animation: scroll_txt_ani 2s ease-in-out 0s infinite;font-size: 16px;color: #fff;font-weight: 300;letter-spacing: -1px;}
.main_slide .scroll_down .t:nth-child(2){animation-delay: .04s}
.main_slide .scroll_down .t:nth-child(3){animation-delay: .08s}
.main_slide .scroll_down .t:nth-child(4){animation-delay: .12s}
.main_slide .scroll_down .t:nth-child(5){animation-delay: .16s}
.main_slide .scroll_down .t:nth-child(6){animation-delay: .2s}
.main_slide .scroll_down .t:nth-child(7){animation-delay: .24s}
.main_slide .scroll_down .t:nth-child(8){animation-delay: .28s}
.main_slide .scroll_down .t:nth-child(9){animation-delay: .32s}
.main_slide .scroll_down .t:nth-child(10){animation-delay: .36s}
.main_slide .scroll_down .t:nth-child(11){animation-delay: .4s}
@keyframes mainBg {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.15);
	}
  100% {
		transform: scale(1);
	}
}
@keyframes scroll_txt_ani {
  0%{opacity: 0;transform: translateY(-50%) rotateX(90deg);}
  20%, 80%{opacity: 1;transform: translateY(0) rotateX(0);}
  100%{opacity: 0;transform: translateY(50%) rotateX(-90deg);}
}



@media screen and (max-width: 1240px){
  .main_slide .item .txt .t1{font-size: 60px;}
  .main_slide .item .txt .t2{font-size: 30px;}
}
@media screen and (max-width: 620px){
  .main_slide .main_mask{height: calc(100vh - 80px);}
  .main_slide .item .txt .t1{font-size: 40px;}
  .main_slide .item .txt .t2{margin-top: 15px;font-size: 20px;}
  .main_slide .scroll_down .t{font-size: 14px;}
}

/* 서브 공통  */
.sub_visual{position: relative;margin-bottom: 60px;background-size: cover;background-position: center;background-image: none !important;}
/* .sub_visual::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);} */
.sub_visual .txt{position: relative;z-index: 5;padding: 150px 0;text-align: center;}
.sub_visual .txt .t1{font-family: 'GmarketSansMedium';font-size: 50px;color: #fff;font-weight: bold;}
.sub_visual .txt .t2{margin-top: 20px;font-size: 20px;color: #fff;}
@media screen and (max-width: 620px){
  .sub_visual{margin-bottom: 30px;}
  .sub_visual .txt{padding: 80px 0;}
  .sub_visual .txt .t1{font-size: 30px;}
  .sub_visual .txt .t2{margin-top: 10px;font-size: 16px;}
}

.s_tit{margin-top: 150px;font-size: 36px;font-weight: bold;color: #fff;}
.s_tit.mt0{margin-top: 0;}
.s_desc{margin-top: 20px;font-size: 20px;color: #fff;}
.s_mt{margin-top: 40px;}
.s_cont{margin-top: 60px;}
.s_pb{padding-bottom: 150px;}
@media screen and (max-width: 620px){
  .s_tit{margin-top: 75px;font-size: 26px;}
  .s_desc{margin-top: 10px;font-size: 16px;}
  .s_mt{margin-top: 20px;}
  .s_pb{padding-bottom: 75px;}
  .s_cont{margin-top: 30px;}
}

.s_menu{margin: 60px 0 40px;}
.s_menu.mt0{margin-top: 0;}
.s_menu > ul{display: flex;gap: 40px;align-items: center;justify-content: center;}
.s_menu > ul > li{width: 220px;}
.s_menu > ul > li .t1{display: flex;align-items: center;justify-content: center;width: 100%;height: 60px;border-radius: 30px;text-align: center;font-size: 20px;color: #fff;line-height: 150%;}
.s_menu > ul > li.act .t1{background-color: #876a55;}
@media screen and (max-width: 991px){
  .s_menu > ul > li{width: calc(50% - 20px);}
}
@media screen and (max-width: 620px){
  .s_menu{margin: 30px 0 20px;}
  .s_menu > ul{gap: 20px;}
  .s_menu > ul > li{width: calc(50% - 10px);}
  .s_menu > ul > li .t1{height: 50px;border-radius: 25px;font-size: 16px;}
}

.js_tab_wrap .js_tab_conts .js_tab_cont{overflow: hidden;transition: transform 1s,opacity 1s;transform: translateY(50px);opacity: 0;height: 0;}
.js_tab_wrap .js_tab_conts .js_tab_cont.act{overflow: unset;transform: translateY(0);opacity: 1;height: auto;}

.tb_bg{border-top: 2px solid #EEE8E4;}
.tb_bg .pc_cg{}
.tb_bg .m_cg{display: none;}
.tb_bg > table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.tb_bg > table tr{border-bottom: 1px solid #666;}
.tb_bg > table th{padding: 20px 10px;border: 1px solid #666;font-size: 16px;text-align: center;color: #181818;font-weight: bold;word-break: break-all;line-height: 150%;}
.tb_bg > table td{padding: 20px 10px;border: 1px solid #666;font-size: 16px;color: #333;text-align: center;word-break: break-all;line-height: 150%;}

@media screen and (max-width: 620px){
  .tb_bg .pc_cg{display: none;}
  .tb_bg .m_cg{display: table-column-group;}
  .tb_bg > table th{padding: 10px;font-size: 14px;}
  .tb_bg > table td{padding: 10px;font-size: 14px;}
}

.ms_desc{display: none;margin-bottom: 10px;font-size: 14px;color: #FFD034;}
@media screen and (max-width: 1240px){
  .m_scroll{overflow-x: scroll;padding-bottom: 20px;}
  .m_scroll .mw1200{min-width: 1200px;}
  .m_scroll::-webkit-scrollbar{height: 4px;background-color: transparent;}
  .m_scroll::-webkit-scrollbar-thumb{background-color: #876a55;}
  .ms_desc{display: block;}
  .m_scroll .tb_bg{position: relative;}

}
@media screen and (max-width: 620px){
  .m_scroll{padding-bottom: 10px;}
  .m_scroll .mw1200{min-width: 700px;}
  .m_scroll::-webkit-scrollbar{height: 2px;}
  .ms_desc{font-size: 12px;}
}


/* 회사소개 */
.company_intro{position: relative;}
.company_intro .svc_lst{}
.company_intro .svc_lst > ul{display: flex;flex-wrap: wrap;gap: 60px;}
.company_intro .svc_lst > ul > li{width: calc((100% - 180px)/4);text-align: center;}
.company_intro .svc_lst > ul > li .ico{display: block;width: 180px;height: 180px;margin: 0 auto;border: 1px solid #ddd;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 100px auto;}
.company_intro .svc_lst > ul > li .ico1{background-image: url(/theme/noble/img/ci_svc_ico1.png);}
.company_intro .svc_lst > ul > li .ico2{background-image: url(/theme/noble/img/ci_svc_ico2.png);}
.company_intro .svc_lst > ul > li .ico3{background-image: url(/theme/noble/img/ci_svc_ico3.png);}
.company_intro .svc_lst > ul > li .ico4{background-image: url(/theme/noble/img/ci_svc_ico4.png);}
.company_intro .svc_lst > ul > li .ico5{background-image: url(/theme/noble/img/ci_svc_ico5.png);}
.company_intro .svc_lst > ul > li .ico6{background-image: url(/theme/noble/img/ci_svc_ico6.png);}
.company_intro .svc_lst > ul > li .ico7{background-image: url(/theme/noble/img/ci_svc_ico7.png);}
.company_intro .svc_lst > ul > li .ico8{background-image: url(/theme/noble/img/ci_svc_ico8.png);}
.company_intro .svc_lst > ul > li .t1{margin-top: 20px;font-size: 20px;color: #fff;line-height: 150%;}
.company_intro .history_slide{}
.company_intro .history_slide .history_mask{overflow: hidden;}
.company_intro .history_slide .item{height: unset;padding: 60px 40px;border-radius: 20px;text-align: center;background-color: #EEE8E4;}
.company_intro .history_slide .item .img{width: 200px;height: 80px;margin: 0 auto;}
.company_intro .history_slide .item .img > img{object-fit: cover;width: 100%;height: 100%;}
.company_intro .history_slide .item .t1{margin-top: 20px;font-size: 20px;color: #000;font-weight: bold;}
.company_intro .history_slide .item .t2{margin-top: 5px;font-size: 16px;color: #333;}
.company_intro .history_slide .bullet{display: flex;gap: 10px;justify-content: center;margin-top: 20px;}
.company_intro .history_slide .bullet .swiper-pagination-bullet{display: block;opacity: 1;width: 10px;height: 10px;margin: 0;border-radius: 50%;background-color: rgba(255,255,255,.3);}
.company_intro .history_slide .bullet .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #876a55;}
.company_intro .contact_btn{display: flex;align-items: center;justify-content: center;width: 180px;height: 60px;margin-right: auto;margin-left: auto;border-radius: 10px;text-align: center;font-size: 20px;color: #fff;background-color: #876a55;}


.company_intro .contact_btn .txt{overflow: hidden;}
.company_intro .contact_btn .txt .t{transition: transform 0.3s;position: relative;display: inline-block;line-height: 150%;}
.company_intro .contact_btn .txt .t::after{content: attr(data-txt);position: absolute;top: 100%;left: 0;}
.company_intro .contact_btn:hover .txt .t{transform: translateY(-100%);}



.company_intro .flow_bg{z-index: -1;position: absolute;bottom: 0;left: 0;overflow: hidden;width: 100%;}
.company_intro .flow_bg .txt{animation: xflow 20s infinite linear;display: flex;gap: 0 100px;}
.company_intro .flow_bg .txt .t{flex-shrink: 0;font-size: 150px;font-family: 'GmarketSansMedium';color: #fff;opacity: .05;line-height: 150%;font-weight: bold;letter-spacing: -0.5px;}
@keyframes xflow {
  0%{transform: translateX(0);}
  100%{transform: translateX(-50%);}
}
@media screen and (max-width: 1240px){
  .company_intro .svc_lst > ul > li{width: calc((100% - 120px)/3);}
}
@media screen and (max-width: 868px){
  .company_intro .svc_lst > ul > li{width: calc(50% - 30px);}
}
@media screen and (max-width: 620px){
  .company_intro .svc_lst > ul{gap: 30px;}
  .company_intro .svc_lst > ul > li{width: calc(50% - 15px);}
  .company_intro .svc_lst > ul > li .ico{width: 120px;height: 120px;background-size: 50px auto;}
  .company_intro .svc_lst > ul > li .t1{margin-top: 10px;font-size: 16px;}
  .company_intro .history_slide .item{padding: 30px 20px;border-radius: 10px;}
  .company_intro .history_slide .item .t1{margin-top: 10px;font-size: 16px;}
  .company_intro .history_slide .item .t2{font-size: 14px;}
  .company_intro .history_slide .bullet{margin-top: 10px;}
  .company_intro .contact_btn{width: 120px;height: 50px;font-size: 16px;border-radius: 5px;}
  .company_intro .flow_bg .txt{animation: xflow 10s infinite linear;gap: 0 50px;}
  .company_intro .flow_bg .txt .t{font-size: 75px;}
}

/* 게시판 리스트 */
.bd_top{margin-bottom: 20px;}
.bd_total{font-size: 16px;color: #333;}
.bd_total .num{color: #ff3e3e;font-weight: bold;}

.bd_lst{border-top: 2px solid #EEE8E4}
.bd_lst > table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.bd_lst > table tr{border-bottom: 1px solid #666;}
.bd_lst > table td{padding: 40px 0;text-align: center;font-size: 16px;color: #aaa;}
/* .bd_lst > table tr.notice_tr{background-color: rgba(255,255,255,.05);} */
.bd_lst > table tr.notice_tr .notice_ico{display: inline-flex;align-items: center;justify-content: center;width: 80px;height: 40px;border-radius: 20px;font-size: 16px;font-weight: bold;text-align: center;color: #fff;background-color: #876a55;}
.bd_lst > table td.tit_td{padding: 40px 20px;text-align: left;}
.bd_lst > table td.tit_td .notice_ico{display: none;margin-bottom: 10px;}
.bd_lst > table td.tit_td .tit{display: block;font-weight: bold;color: #333;font-size: 16px;text-align: left;}
.bd_lst > table td.tit_td .tit.tov{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bd_lst > table td.tit_td .m_info{display: none;margin-top: 10px;}
.bd_lst > table td.tit_td .m_info .t{font-size: 14px;color: #aaa;}
.bd_lst > table td.tit_td .m_info .t::after{content: '';display: inline-block;width: 1px;height: 8px;margin: 0 10px 2px;vertical-align: middle;background-color: #ddd;}
.bd_lst > table td.tit_td .m_info .t:last-child:after{display: none;}
.bd_lst > table td.tit_td .lock_ico{display: inline-block;width: 25px;height: 25px;margin: 0 5px 2px 0;vertical-align: middle;background-image: url(/theme/noble/img/bd_lst_lock.svg);background-size: cover;}
.bd_lst > table tr:hover{background-color: rgba(255,255,255,.05);}
.bd_lst_btns{display: flex;gap: 10px;align-items: center;justify-content: center;margin-top: 40px;text-align: center;}
.bd_lst_btns .btn{display: flex;align-items: center;justify-content: center;width: 180px;height: 60px;border-radius: 10px;font-size: 20px;color: #fff;font-weight: 400;background-color: rgba(0, 0, 0, 80%);}
.bd_lst_btns .btn.bg_style{background-color:#de0517;}


@media screen and (max-width: 1240px){
  .bd_lst > table colgroup{display: none;}
  .bd_lst > table tr{display: block;width: 100%;padding: 40px 0;}
  .bd_lst > table td{display: none;width: 100%;padding: 0;}

  .bd_lst > table td.tit_td{display: block;padding: 0;}
  .bd_lst > table td.tit_td .notice_ico{display: flex;}
  .bd_lst > table td.tit_td .m_info{display: block;}
}
@media screen and (max-width: 620px){
  .bd_top{margin-bottom: 10px;}
  .bd_total{font-size: 14px;}
  .bd_lst > table tr{padding: 20px 0;}
  .bd_lst > table td{font-size: 14px;}
  .bd_lst > table td.tit_td .notice_ico{width: 60px;height: 30px;margin-bottom: 5px;border-radius: 15px;font-size: 14px;}
  .bd_lst > table td.tit_td .tit{font-size: 14px;}
  .bd_lst > table td.tit_td .m_info{margin-top: 5px;}
  .bd_lst > table td.tit_td .m_info .t{font-size: 12px;}
  .bd_lst > table td.tit_td .lock_ico{width: 20px;height: 20px;margin-right: 0;}
  .bd_lst_btns{margin-top: 20px;}
  .bd_lst_btns .btn{width: 120px;height: 50px;border-radius: 5px;font-size: 16px;}

}

/* input */
.inp_wrap .inp{display: block;width: 100%;height: 50px;padding: 0 20px;border: 1px solid #876a55;font-size: 16px;color: #876a55;background-color: transparent;}
.inp_wrap .inp::placeholder{font-size: 16px;color: #666;}
.inp_wrap input[type=file].inp{padding: 0;}
.inp_wrap input[type=file].inp::-webkit-file-upload-button{height: 100%;}
.inp_wrap select.inp{padding: 0 25px 0 20px;appearance: none;background-repeat: no-repeat;background-position: calc(100% - 20px) center;background-image: url(/theme/noble/img/sel_arrow.svg);background-size: 20px auto;}
.inp_wrap select.inp option{color: #333;background-color: #fff !important;}
.inp_wrap textarea.inp{padding: 15px 20px;height: 300px;}
.inp_wrap .de_cki input{display: none;}
.inp_wrap .de_cki i{position: relative;display: inline-block;width: 30px;height: 30px;border: 1px solid #333;vertical-align: middle;}
.inp_wrap .de_cki i::after{content: '';transition: opacity .5s;opacity: 0;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;width: 6px;height: 11px;margin: -7px 0 0 -2px;border: solid #FFD034;border-width: 0 2px 2px 0;}
.inp_wrap .de_cki input:checked ~ i::after{opacity: 1;}
.inp_wrap .de_cki.txt{font-size: 14px;color: #333;vertical-align: middle;}
.inp_wrap .de_cki.txt i{margin-right: 10px;}
.inp_wrap .de_rdo input{display: none;}
.inp_wrap .de_rdo i{position: relative;display: inline-block;width: 30px;height: 30px;border: 1px solid #333;border-radius: 50%;vertical-align: middle;}
.inp_wrap .de_rdo i::after{content: '';transition: opacity .5s;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 12px;height: 12px;border-radius: 50%;background-color:#FFD034;}
.inp_wrap .de_rdo input:checked ~ i::after{opacity: 1;}
.inp_wrap .de_rdo.txt{font-size: 14px;color: #fff;vertical-align: middle;}
.inp_wrap .de_rdo.txt i{margin-right: 10px;}
.inp_wrap .label_wrap{display: flex;flex-wrap: wrap;gap: 10px 20px;padding: 10px 0;}
.inp_wrap .tri_inp{display: flex;gap: 10px;}
.inp_wrap .tri_inp .inp{width: calc((100% - 20px)/3);}
.inp_wrap .r_btn{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 120px;height: 50px;font-size: 16px;color: #fff;background-color: rgba(255, 255, 255, .05);}
.inp_wrap .inp_btn{display: flex;gap: 10px;}
@media screen and (max-width: 620px){
  .inp_wrap .inp{height: 40px;padding: 0 10px;font-size: 14px;}
  .inp_wrap .inp::placeholder{font-size: 14px;}
  .inp_wrap select.inp{padding: 0 20px 0 10px;background-position: calc(100% - 10px) center;}
  .inp_wrap textarea.inp{padding: 5px 10px;height: 150px;}
  .inp_wrap .de_cki.txt{font-size: 12px;}
  .inp_wrap .de_rdo.txt{font-size: 12px;}
  .inp_wrap .tri_inp{gap: 5px;}
  .inp_wrap .tri_inp .inp{width: calc((100% - 10px)/3);}
  .inp_wrap .r_btn{width: 90px;height: 40px;font-size: 14px;}
}

/* 게시판 작성 */
.req_desc{margin-bottom: 10px;text-align: right;color: #333;font-size: 16px;}
.req_star{color: #876a55;}
.bd_w{display: flex;flex-wrap: wrap;gap: 40px 20px;padding: 40px 0;border-top: 2px solid #EEE8E4;border-bottom: 1px solid #666;}
.bd_w dl{width: calc(50% - 10px);}
.bd_w dl.w100p{width: 100%;}
.bd_w dl dt{margin-bottom: 10px;font-weight: bold;font-size: 18px;color: #333;}
.bd_w .desc_txt{margin-top: 5px;font-size: 14px;color: #999;}
@media screen and (max-width: 991px){
  .bd_w dl{width: 100%;}
}
@media screen and (max-width: 620px){
  .req_desc{font-size: 14px;}
  .bd_w{gap: 20px 10px;padding: 20px 0;}
  .bd_w dl dt{margin-bottom: 5px;font-size: 14px;}
  .bd_w .desc_txt{font-size: 12px;}
}

.sbm_line{display: flex;gap: 10px;align-items: center;justify-content: center;margin-top: 60px;text-align: center;}
.sbm_line .btn{display: flex;align-items: center;justify-content: center;width: 180px;height: 60px;border-radius: 10px;font-size: 20px;color: #fff;font-weight: 400;background-color: rgb(0 0 0 / 80%);}
.sbm_line .btn.bg_style{background-color:#876a55;}
@media screen and (max-width: 620px){
  .sbm_line{gap: 5px;margin-top: 30px;}
  .sbm_line .btn{width: 120px;height: 50px;font-size: 16px;border-radius: 5px;}
}

/* 쇼핑몰 */
.prd_lst{display: flex;flex-wrap: wrap;gap: 60px;}
.prd_lst > li{width: 100%;}
.prd_lst.lng2 > li{width: calc(50% - 30px);}
@media screen and (max-width: 767px){
  .prd_lst.lng2 > li{width: 100%;}
}
@media screen and (max-width: 620px){
  .prd_lst{gap: 30px;}
}

.prd_item{}
.prd_item .img_wrap{position: relative;}
.prd_item .img_wrap .img{overflow: hidden;position: relative;display: block;}
.prd_item .img_wrap .img > img{transition: transform .5s;width: 100%;height: auto;}
.prd_item .img_wrap .img::after{content: '';transition: opacity .5s;opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.prd_item .img_wrap .btn_wrap{z-index: 5;position: absolute;right: 20px;bottom: 20px;display: flex;gap: 10px;}
.prd_item .img_wrap .btn_wrap .btn{display: block;width: 50px;height: 50px;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 30px auto;background-color: #000;}
.prd_item .img_wrap .btn_wrap .btn.cart_btn{background-image: url(../img/prd_item_cart.svg);}
.prd_item .img_wrap .btn_wrap .btn.wish_btn{background-image: url(../img/prd_item_wish.svg);}
.prd_item .img_wrap .btn_wrap .btn.share_btn{background-image: url(../img/prd_item_share.svg);}
.prd_item .txt{margin-top: 20px;}
.prd_item .txt .name{font-size: 20px;color: #fff;font-weight: bold;}
.prd_item .txt .desc{margin-top: 5px;font-size: 14px;color: #999;}
.prd_item .txt .price{margin-top: 20px;font-size: 16px;color: #fff;}
.prd_item .txt .price .cost{color: #333;}
.prd_item .txt .price .rate{color: #FFD034;font-weight: bold;}
.prd_item:hover .img_wrap .img > img{transform: scale(1.1);}
.prd_item:hover .img_wrap .img::after{opacity: 1;}

@media screen and (max-width: 620px){
  .prd_item .img_wrap .btn_wrap{gap: 5px;right: 10px;bottom: 10px;}
  .prd_item .img_wrap .btn_wrap .btn{width: 40px;height: 40px;background-size: 25px auto;}
  .prd_item .txt{margin-top: 10px;}
  .prd_item .txt .name{font-size: 16px;}
  .prd_item .txt .desc{font-size: 12px;}
  .prd_item .txt .price{margin-top: 10px;font-size: 12px;}
}

.opt_count .sit_qty_minus,.opt_count .sit_qty_plus{border: 1px solid #ddd !important;color: #666 !important;font-size: 10px !important;}
.opt_count .num_input{border: 1px solid #ddd !important;border-right: 0 !important;border-left: 0 !important;font-size: 12px;color: #333;}

.prd_v_v2 #sit_ov_wrap{display: flex;gap: 100px;}
.prd_v_v2 #sit_ov_wrap .prd_thum{flex-shrink: 0;width: 800px;}
.prd_v_v2 #sit_ov_wrap .prd_thum .big_img{overflow: hidden;}
.prd_v_v2 #sit_ov_wrap .prd_thum .big_img .item .img{display: block;margin: 0;}
.prd_v_v2 #sit_ov_wrap .prd_thum .big_img .item .img > img{object-fit: cover;width: 100%;height: 100%;}
.prd_v_v2 #sit_ov_wrap .prd_thum .s_img{overflow: hidden;margin-top: 20px;}
.prd_v_v2 #sit_ov_wrap .prd_thum .s_img .item .img{transition: opacity .5s;opacity: .3;display: block;margin: 0;aspect-ratio: 1/1;}
.prd_v_v2 #sit_ov_wrap .prd_thum .s_img .item .img > img{object-fit: cover;width: 100%;height: 100%;}
.prd_v_v2 #sit_ov_wrap .prd_thum .s_img .item.swiper-slide-thumb-active .img{opacity: 1;}
.prd_v_v2 #sit_ov_wrap #sit_ov{width: 100%;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_title{font-size: 36px;font-weight: bold;color: #fff;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_desc{margin-top: 20px;font-size: 20px;color: #fff;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_star_sns{display: flex;flex-wrap: wrap;gap: 5px 10px;margin-top: 20px;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_star_sns .t1{font-size: 14px;color: #fff;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_star_sns .t1 .num{font-weight: bold;color: #FFD034;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_btn_opt{position: relative;}
.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info{margin-top: 40px;padding: 20px 0;border-top: 1px solid #EEE8E4;border-bottom: 1px solid #666;}
.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody th{width: 120px;padding: 5px 0;font-size: 14px;font-weight: bold;color: #fff;text-align: left;}
.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody td{padding: 5px 0;font-size: 14px;color: #aaa;}
.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody tr:first-child th,.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody tr:first-child td{padding-top: 0;}
.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody tr:last-child th,.prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody tr:last-child td{padding-bottom: 0;}
.prd_v_v2 #sit_ov_wrap #sit_ov .sit_option{padding-top: 20px;}
.prd_v_v2 #sit_ov_wrap #sit_ov .get_item_options{display: flex;gap: 10px;flex-direction: column;}
.prd_v_v2 #sit_ov_wrap #sit_ov .get_item_options label{display: block;width: 100%;font-size: 14px;font-weight: bold;color: #fff;}
.prd_v_v2 #sit_ov_wrap #sit_ov .get_item_options > span{display: block;width: 100%;}
.prd_v_v2 #sit_ov_wrap #sit_ov .get_item_options select{display: block;height: 40px;padding: 0 20px 0 10px;font-size: 14px;color: #aaa;appearance: none;border: 1px solid #aaa;background-repeat: no-repeat;background-position: calc(100% - 10px) center;background-image: url(/theme/noble/img/sel_arrow.svg);background-size: 20px auto;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option{margin-top: 20px;border-top: 1px solid #666;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added{padding-top: 20px;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li{margin: -1px 0 0;padding: 20px 15px;border: 0;border-top: 1px solid #ddd;background-color: #EEE8E4;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li .sit_opt_del{background-color: transparent;background-image: url(/theme/noble/img/opt_del.svg);background-repeat: no-repeat;background-position: center;background-size: 20px auto;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li .sit_opt_del i{display: none;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li .opt_name{font-size: 12px;color: #333;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li .opt_count{margin-top: 10px;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li .opt_count:after{content: '';display:block;visibility:hidden;clear:both;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li .opt_count .sit_opt_prc{padding: 0;font-size: 12px;color: #333;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_tot_price .tot_wrap{margin-top: 40px;text-align: right;font-size: 16px;color: #fff;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_tot_price .tot_wrap .tot_price{font-weight: bold;color: #DE0517;font-size: 26px;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn{margin-top: 20px;display: flex;gap: 10px;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 60px;border-radius: 10px;line-height: 150%;font-size: 16px;color: #fff;text-align: center;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn .btn.sit_btn_buy{background-color: #876a55;}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn .btn.sit_btn_cart{background-color: rgba(255, 255, 255, .05);}
.prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn .btn.sit_btn_wish{flex-shrink: 0;width: 60px;border: 1px solid #fff;font-size: 20px;}

@media screen and (max-width: 1440px){
  .prd_v_v2 #sit_ov_wrap .prd_thum{width: 600px;}
}
@media screen and (max-width: 1240px){
  .prd_v_v2 #sit_ov_wrap{flex-direction: column;align-items: center;}
  .prd_v_v2 #sit_ov_wrap .prd_thum{width: 100%;max-width: 800px;}
}
@media screen and (max-width: 620px){
  .prd_v_v2 #sit_ov_wrap{gap: 50px;}
  .prd_v_v2 #sit_ov_wrap .prd_thum .s_img{margin-top: 10px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_title{font-size: 26px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_desc{margin-top: 10px;font-size: 16px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_star_sns{margin-top: 10px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_star_sns .t1{font-size: 12px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov .sit_info{margin-top: 20px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody th{width: 90px;font-size: 12px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov .sit_info > table tbody td{font-size: 12px;}

  .prd_v_v2 #sit_ov_wrap #sit_ov .get_item_options label{font-size: 12px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov .get_item_options select{font-size: 12px;}


  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li{padding: 15px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_sel_option #sit_opt_added li .opt_count{margin-top: 5px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_tot_price .tot_wrap{margin-top: 20px;font-size: 14px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_tot_price .tot_wrap .tot_price{font-size: 20px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn{gap: 5px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn .btn{height: 50px;font-size: 14px;border-radius: 5px;}
  .prd_v_v2 #sit_ov_wrap #sit_ov #sit_ov_btn .btn.sit_btn_wish{width: 50px;}
}


.prd_v_v2 .prd_bottom{position: relative;margin-top: 150px;}
.prd_v_v2 .tab_tit_wrap{z-index: 10;position: sticky;top: 100px;left: 0;border-bottom: 1px solid #333;border-top: 1px solid #333;background-color: #111;}
.prd_v_v2 .tab_tit_wrap > ul{display: flex;}
.prd_v_v2 .tab_tit_wrap > ul > li{width: 100%;}
.prd_v_v2 .tab_tit_wrap > ul > li .t1{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;height: 70px;font-size: 16px;text-align: center;color: #666;text-align: center;}
.prd_v_v2 .tab_tit_wrap > ul > li .t1 .num{flex-shrink: 0;margin-left: 3px;}
.prd_v_v2 .tab_tit_wrap > ul > li.act .t1{position: relative;color: #fff;font-weight: bold;}
.prd_v_v2 .tab_tit_wrap > ul > li.act .t1 .num{color: #FFD034;}
.prd_v_v2 .tab_tit_wrap > ul > li.act .t1::after{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #fff;}
.prd_v_v2 .bot_inner{margin-top: 50px;}
.prd_v_v2 #sit_buy{z-index: 10;position: fixed;bottom: 0;left: 0;display: none;width: 100%;padding-top: 30px;background-color: rgba(0,0,0,.9);}
.prd_v_v2 #sit_buy .sit_open_btn{position: absolute;top: -30px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;width: 80px;height: 30px;border-radius: 10px 10px 0 0;background-color: rgba(0,0,0,.9);}
.prd_v_v2 #sit_buy .sit_open_btn::after{content: '';display: block;width: 24px;height: 24px;background-image: url(/theme/noble/img/sit_open_arrow.svg);}
.prd_v_v2 #sit_buy .sit_buy_inner{display: none;}
.prd_v_v2 #sit_buy .sit_buy_inner .sit_ovy{overflow-y: auto;height: 60vh;}
/* .prd_v_v2 #sit_buy .sit_buy_inner .sit_cont{display: flex;flex-direction: column;height: 100%;} */
.prd_v_v2 #sit_buy .get_side_item_options{display: flex;flex-direction: column;gap: 10px;}
.prd_v_v2 #sit_buy .get_side_item_options label{font-size: 14px;font-weight: bold;color: #fff;}
.prd_v_v2 #sit_buy .get_side_item_options select{display: block;height: 40px;padding: 0 20px 0 10px;font-size: 14px;color: #aaa;appearance: none;border: 1px solid #aaa;background-repeat: no-repeat;background-position: calc(100% - 10px) center;background-image: url(/theme/noble/img/sel_arrow.svg);background-size: 20px auto;}
.prd_v_v2 #sit_buy .sit_sel_option{margin-top: 20px;border-top: 1px solid #666;}
.prd_v_v2 #sit_buy .sit_sel_option .sit_opt_added{padding-top: 20px;}
.prd_v_v2 #sit_buy .sit_sel_option li{margin: -1px 0 0;padding: 20px 15px;border: 0;border-top: 1px solid #ddd;background-color:#EEE8E4;}
.prd_v_v2 #sit_buy .sit_sel_option li .opt_name{font-size: 12px;color: #333;}
.prd_v_v2 #sit_buy .sit_sel_option li .opt_count{margin-top: 10px;}
.prd_v_v2 #sit_buy .sit_sel_option li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}
.prd_v_v2 #sit_buy .sit_sel_option li .opt_count .sit_opt_prc{padding: 0;font-size: 12px;color: #333;}
.prd_v_v2 #sit_buy .sit_sel_option li .sit_opt_del{background-color: transparent;background-image: url(/theme/noble/img/opt_del.svg);background-repeat: no-repeat;background-position: center;background-size: 20px auto;}
.prd_v_v2 #sit_buy .sit_sel_option li .sit_opt_del i{display: none;}
.prd_v_v2 #sit_buy .tot_wrap{margin-top: 40px;text-align: right;font-size: 16px;color: #fff;}
.prd_v_v2 #sit_buy .tot_wrap .tot_price{font-weight: bold;color: #DE0517;font-size: 26px;}
.prd_v_v2 #sit_buy .sit_order_btn{display: flex;}
.prd_v_v2 #sit_buy .sit_order_btn .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 60px;line-height: 150%;font-size: 16px;color: #fff;text-align: center;}
.prd_v_v2 #sit_buy .sit_order_btn .btn.sit_btn_buy{background-color: #876a55;}
.prd_v_v2 #sit_buy .sit_order_btn .btn.sit_btn_cart{background-color: rgba(255, 255, 255, .05);}
.prd_v_v2 .prd_bottom .top_btns{display: flex;gap: 10px;justify-content: flex-end;margin-bottom: 20px;}
.prd_v_v2 .prd_bottom .top_btns .btn{display: flex;align-items: center;justify-content: center;width: 120px;height: 40px;font-size: 14px;font-size: 14px;color: #fff;background-color: rgba(255, 255, 255, .05);font-weight: normal;}
.prd_v_v2 .prd_bottom .top_btns .btn.bg_style{background-color: #876a55;}


@media screen and (max-width: 1240px){
  .prd_v_v2 .tab_tit_wrap > ul{width: 100%;}
  .prd_v_v2 #sit_buy{display: block;}
  .prd_v_v2 #sit_buy.act .sit_open_btn::after{transform: scaleY(-1);}

}
@media screen and (max-width: 620px){
  .prd_v_v2 .prd_bottom{margin-top: 75px;}
  .prd_v_v2 .tab_tit_wrap{top: 80px;}
  .prd_v_v2 .tab_tit_wrap > ul > li .t1{height: 60px;font-size: 14px;}
  .prd_v_v2 #sit_buy .sit_open_btn{top: -20px;width: 60px;height: 20px;}
  .prd_v_v2 #sit_buy .sit_open_btn::after{width: 20px;height: 20px;background-size: cover;}
  .prd_v_v2 #sit_buy .get_side_item_options label{font-size: 12px;}
  .prd_v_v2 #sit_buy .get_side_item_options select{font-size: 12px;}
  .prd_v_v2 #sit_buy .sit_sel_option li{padding: 15px;}
  .prd_v_v2 #sit_buy .tot_wrap{margin-top: 20px;font-size: 14px;}
  .prd_v_v2 #sit_buy .tot_wrap .tot_price{font-size: 20px;}
  .prd_v_v2 #sit_buy .sit_order_btn .btn{height: 50px;font-size: 14px;}
  .prd_v_v2 .prd_bottom .top_btns{gap: 5px;margin-bottom: 10px;}
  .prd_v_v2 .prd_bottom .top_btns .btn{width: 90px;height: 30px;font-size: 12px;}
}



/* sys */
.sys_cont{padding-top: 150px;}
.sys_tit{margin-bottom: 60px;font-size: 50px;font-weight: bold;color: #333;text-align: center;}
.sys_desc{margin-top: 20px;font-size: 20px;color: #fff;}
.sys_tit .sys_desc{font-weight: 300;}
.sys_container{width: 600px;margin: 0 auto;}
@media screen and (max-width: 991px){
  .sys_container{width: 90%;}
}
@media screen and (max-width: 620px){
  .sys_cont{padding-top: 75px;}
  .sys_tit{margin-bottom: 30px;font-size: 30px;}
  .sys_desc{margin-top: 10px;font-size: 16px;}
}

.sys_modal{z-index: 100000;position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.sys_modal.db{display: block;}
.sys_modal .mod{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1200px;border-radius: 20px;background-color: #EEE8E4;}
.sys_modal .mod.w400{width: 400px;}
.sys_modal .mod .mod_inner{overflow-y: auto;max-height: 80vh;padding: 40px;}
.sys_modal .mod .mod_tit{margin-bottom: 10px;font-size: 24px;font-weight: bold;color: #000;line-height: 150%;}
.sys_modal .mod .close_btn{position: absolute;right: 20px;top: 20px;width: 30px;height: 30px;background-image: url(../img/sys_s_close.svg);background-size: cover;}
@media screen and (max-width: 1240px){
  .sys_modal .mod{width: 90% !important;}
}
@media screen and (max-width: 620px){
  .sys_modal .mod{border-radius: 10px;}
  .sys_modal .mod .mod_inner{padding: 20px;}
  .sys_modal .mod .mod_tit{margin-bottom: 5px;font-size: 16px;}
  .sys_modal .mod .close_btn{right: 10px;top: 10px;}
}

.share_lst{display: flex;gap: 10px;justify-content: center;width: 100%;}
.share_lst .btn{display: block;width: 60px;height: 60px;background-color: #000;}
.share_lst .btn.fb{}
.share_lst .btn.tw{}

.login_wrap{width: 600px;margin: 0 auto;}
.login_wrap .login_tab{margin-bottom: 50px;display: flex;border-bottom: 1px solid #EEE8E4;}
.login_wrap .login_tab .t{display: flex;align-items: center;justify-content: center;width: 100%;height: 60px;font-size: 16px;color: #999;font-weight: bold;}
.login_wrap .login_tab .t.act{position: relative;color: #876a55;}
.login_wrap .login_tab .t.act::after{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color:#876a55;}
.login_wrap .inp_line{}
.login_wrap .inp_line .line+.line{margin-top: 10px;}
.login_wrap .login_b{margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.login_wrap .link_menu{display: flex;}
.login_wrap .link_menu .t1{font-size: 12px;color: #999;}
.login_wrap .link_menu .t1::after{content: '';display: inline-block;width: 1px;height: 8px;margin: 0 10px 2px;vertical-align: middle;background-color: #aaa;}
.login_wrap .link_menu .t1:last-child::after{display: none;}
.login_wrap .login_btns{display: flex;flex-direction: column;gap: 10px;margin-top: 40px;text-align: center;}
.login_wrap .login_btns .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;border-radius: 10px;font-size: 18px;color: #fff;font-weight: 400;background-color: rgba(255, 255, 255, .1);}
.login_wrap .login_btns .btn.bg_style{background-color:#876a55;}

@media screen and (max-width: 991px){
  .login_wrap{width: 90%;}
}
@media screen and (max-width: 620px){
  .login_wrap .login_tab{margin-bottom: 25px;}
  .login_wrap .login_tab .t{height: 50px;font-size: 14px;}
  .login_wrap .inp_line .line+.line{margin-top: 5px;}
  .login_wrap .login_b{margin-top: 5px;}
  .login_wrap .link_menu .t1::after{height: 6px;margin: 0 5px 2px;}
  .login_wrap .login_btns{gap: 5px;margin-top: 20px;}
  .login_wrap .login_btns .btn{height: 40px;font-size: 14px;border-radius: 5px;}
}

.join_wrap{width: 600px;margin: 0 auto;}
.join_wrap .desc_box{padding: 20px;border-radius: 10px;font-size: 14px;color: #333;background-color:#876a55;}
.join_wrap .sect{margin-top: 40px;}
.join_wrap .sect .tit{margin-bottom: 10px;font-size: 24px;font-weight: bold;color: #333;}
.join_wrap .sect .tb_bg{border-top: 1px solid #EEE8E4;}
.join_wrap .agree_box{overflow-y: auto;height: 300px;padding: 15px 20px;border: 1px solid #333;}
.join_wrap .agree_box pre{font-size: 16px;color: #333;}
.join_wrap .agree_line{margin-top: 10px;}
.join_wrap .all_agree_line{padding: 10px 0;border-top: 1px solid #EEE8E4;border-bottom: 1px solid #666;}
.join_wrap .bd_w{gap: 20px 10px;padding: 20px 0;}
@media screen and (max-width: 991px){
  .join_wrap{width: 90%;}
}
@media screen and (max-width: 620px){
  .join_wrap .desc_box{padding: 10px 15px;border-radius: 5px;font-size: 12px;}
  .join_wrap .sect{margin-top: 20px;}
  .join_wrap .sect .tit{font-size: 16px;}
  .join_wrap .sect .agree_box{height: 150px;padding: 5px 10px;}
  .join_wrap .sect .agree_box pre{font-size: 14px;}
  .join_wrap .sect .agree_line{margin-top: 5px;}
  .join_wrap .bd_w{gap: 15px;padding: 15px 0;}
}

.complete_wrap{padding: 60px 0;border-top: 2px solid #EEE8E4;border-bottom: 1px solid #666;text-align: center;}
.complete_wrap::before{content: '';display: block;width: 120px;height: 120px;margin: 0 auto 30px;background-image: url(../img/complete_ico.svg);background-size: cover;}
.complete_wrap .t1{font-size: 30px;color: rgb(31, 31, 31);}
.complete_wrap .t1 .name{color: #876a55;font-weight: bold;}
.complete_wrap .t2{margin-top: 20px;font-size: 16px;color: #424242;}

@media screen and (max-width: 620px){
  .complete_wrap{padding: 30px 0;}
  .complete_wrap::before{width: 60px;height: 60px;margin-bottom: 15px;}
  .complete_wrap .t1{font-size: 20px;}
  .complete_wrap .t2{margin-top: 10px;font-size: 14px;}
}

.none_wrap{padding: 60px 0;border-top: 2px solid #EEE8E4;border-bottom: 1px solid #666;text-align: center;}
.none_wrap::before{content: '';display: block;width: 120px;height: 120px;margin: 0 auto 30px;background-image: url(../img/none_ico.svg);background-size: cover;}
.none_wrap .t1{font-size: 30px;color: #fff;}
.none_wrap .t2{margin-top: 20px;font-size: 16px;color: #fff;}

@media screen and (max-width: 620px){
  .none_wrap{padding: 30px 0;}
  .none_wrap::before{width: 60px;height: 60px;margin-bottom: 15px;}
  .none_wrap .t1{font-size: 20px;}
  .none_wrap .t2{margin-top: 10px;font-size: 14px;}
}

.cp_lst{}
.cp_lst > ul{display: flex;gap: 60px 40px;flex-wrap: wrap;align-items: start;}
.cp_lst > ul > li{width: calc((100% - 80px)/3);padding: 30px;border-radius: 20px;background-color:#EEE8E4;}
.cp_lst > ul > li .img{display: block;margin: 0 0 20px;}
.cp_lst > ul > li .img > img{width: 100%;}
.cp_lst > ul > li .name{font-size: 16px;color: #000;font-weight: bold;}
.cp_lst > ul > li .desc_tb{margin-top: 10px;padding-top: 10px;border-top: 1px solid #333;}
.cp_lst > ul > li .desc_tb > table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.cp_lst > ul > li .desc_tb > table > tbody th{width: 100px;font-size: 12px;font-weight: bold;color: #333;}
.cp_lst > ul > li .desc_tb > table > tbody td{font-size: 12px;color: #333;}
@media screen and (max-width: 1240px){
  .cp_lst > ul > li{width: calc(50% - 20px);}
}
@media screen and (max-width: 767px){
  .cp_lst > ul > li{width: 100%;}
}
@media screen and (max-width: 620px){
  .cp_lst > ul{gap: 30px 20px;}
  .cp_lst > ul > li{padding: 15px;border-radius: 10px;}
  .cp_lst > ul > li .img{margin-bottom: 10px;}
  .cp_lst > ul > li .name{font-size: 14px;}
  .cp_lst > ul > li .desc_tb{margin-top: 5px;}
  .cp_lst > ul > li .desc_tb > table > tbody th{width: 80px;font-size: 11px;}
  .cp_lst > ul > li .desc_tb > table > tbody td{font-size: 11px;}
}
















/* 게시판 공통 */
.btn_red{background:#c73030 !important;color:#fff !important;}
#wrapper .chk_box input[type="checkbox"]:checked + label span{border-color: #DE0517;background:url('/theme/noble/skin/board/cunsult/img/chk.png') no-repeat 50% 50% #DE0517;}
#wrapper .btn_submit{background: #de0517;}

#bo_list #bo_btn_top{margin: 10px 0 25px;}
#bo_btn_top #bo_list_total{
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #666;
    font-family: 'Montserrat';
}

#fboardlist{padding:0 40px;}
@media(max-width:1200px){
    #fboardlist{padding:0;}
}
@media(min-width:1200px){
    #wrapper #bo_w{padding:50px 100px;}
}

@media(max-width:600px){
    .sub-wrapper .esti-table{font-size: 13px;}
}

.readonly{background:#929292;color:#3a3a3a}

#sct_location{display: none !important;}
.sct_ct_wrap{background: #00000087;
    padding: 10px 10px;
}

/* 자동등록방지 */
.captcha{    color: #fff;
    font-size: 18px;
}
.board_table {width:100%;}
.board_table th,.board_table td{border:1px solid #a8a8a8;padding:10px 5px;}

/* 게시물 없을때 */
.no-list{font-size: 20px;padding:20px 0;color:#525252;}


/* 검색 레이아웃 */
#sch_result{max-width:1250px;margin:0 auto;}


/* board02 레이아웃 */
.wrapper .container {
  max-width: 1250px;
  margin:0 auto;
}
:root {
  --main-color: #ff3e3e; 
  --main-color-bg:#faf6f3;
  --secondary-color-bg: #f5f3df;
}
.main_color {
  color: var(--main-color);
}
.main_color_bg {
  background-color: var(--main-color-bg); 
}
.secondary_color_bg {
  background-color: var(--secondary-color-bg);
}
.container{width:100%;margin-bottom:0;}
.foot{margin-top: 0;}
.top_banner_area {
  width: 100%; 
  height: 90px;
  background: url(/theme/noble/img/body-bg.png) repeat;
  margin: 0; 
  padding: 0; 
}
.top_banner_area .inner {
  padding : 35px;
  text-align:center;
}
.top_banner_area .inner .head span {
  position:relative;
  font-size:2em;
  font-weight:700;
  color:#440c01;
  font-family: 'Roboto', sans-serif;
}
.top_banner_area .inner .head span::after {
  content: '';
  position: absolute;
  right: -25px;
  bottom: 0;
  height: 2px; 
  width: 20px; 
  background-color: #440c01; 
}
.container .location .inner {
  padding:20px 0;
}
.container .location .inner .locTitle {
  color:#ff3e3e;
  font-size:1.2em;
}
.container .location .inner .locTitle strong {
  display:block;
  padding-top:2px;
}
.container .location .inner .locSelect {
  background-color: #fefdfb;
  display:flex;
  margin-top:30px;
  flex-wrap: wrap;
}
.container .location .inner .locSelect a {
  display:block;
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
  flex-basis: 25% !important;
  max-width:25%;
  padding: 10px 0;
  margin: 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  /* text-align:center; */
}
.container .location .inner .locSelect a:nth-child(-n+4) {
  border-top: 1px solid #e5e5e5 !important;
}
.container .location .inner .locSelect a:nth-child(-n+4) {
  border-left: 1px solid #e5e5e5;
}
.container .location .inner .locSelect a:nth-child(4n + 1) {
  border-left: 1px solid #e5e5e5 !important;
}
a.selected {
  color:var(--main-color-bg) ; 
  background-color: #ff3e3e; 
}
.container .location .inner .locSelect a span {
  display:block;
  font-size:1em;
  padding-left:20px;
}

.locSelect li{float:left;width:20%;}
.locSelect li a{width:100%;display: block;max-width:100% !important;padding-left: 20px !important;}
.locSelect li a#bo_cate_on{color: var(--main-color-bg);background-color: #ff3e3e;}

.store {
  margin-top:30px;
}
.store .inner .content {
  margin-top: 30px;
}
.store .inner .content ul {
  display: flex;
  justify-content:center;
  align-items:center;
  flex-wrap: wrap;
  padding-bottom: 20px;
  position: relative;
  margin: 0;
}
.store .inner .content ul li {
  box-sizing: border-box;
  box-shadow: 1px 1px 12px 0px #c3c3c3;
  padding: 0;
  display: flex; 
  flex-direction: column;
  background-color:var(--main-color-bg);
  flex-basis: 300px;
  margin: 15px 5px;
  max-width: 300px;
  border-radius: 10px;
  overflow: hidden;
  position:relative;
}
.store .inner .content ul li .chk_box{position:absolute;left:5px;top: 0;z-index: 100;}

.store .inner .content ul li a {
  display: flex; 
  flex-direction: column;
  width: 100%; 
  text-decoration: none; 
}
.store .inner .content ul li a .image {
  width: 100%;
  padding-right: 0;
  min-height: 175px;
  position: relative;
}
.store .inner .content ul li a .image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.store .inner .content ul li a .detail {
  display:flex;
  align-items:center;
}
.store .inner .content ul li a .detail div img {
  margin-right: 3px;
  width:11px;
  height:14px;
}
.store .inner .content ul li a .top {
  padding: 15px ;
}
.store .inner .content .top .detail div {
  margin-right: 10px;
}
.store .inner .content ul li a .bottom {
  margin-top: auto;
  padding: 17px 10px;
  /* background-color: #faf6f3; */
  font-weight: 400;
  letter-spacing: -.5px;
  line-height: 19px;
  min-height:84px;
  max-height:84px;
  overflow:hidden;
}
.store .inner .content ul li a .top .infor h2 {
  color: #000;
  font-weight: 500;
  font-size: 1.25em;
  margin-top: 18px;
}
.store .inner .content ul li a .bottom {
  margin-top: auto;
  padding: 15px 10px;
  background-color: #c7a99c;
  background-color: #e1d2c6;
  font-weight: 400;
  letter-spacing: -.5px;
  line-height: 19px;
}
@media screen and (max-width: 1250px) {
  .container {
      width: 100% !important;
      box-sizing: border-box;
      padding: 10px;
  }
  .store .inner .content ul {
      width: 100% !important;
      box-sizing: border-box;
      display: flex;
      justify-content:space-between;
      align-items:center;
  }
  
}
@media screen and (max-width: 1250px) {
  .store .inner .content ul li  {
      margin: 15px 8px !important;
      width: calc(48% - 8px);
      max-width: unset;
      flex-basis: unset !important;
  }
}
@media screen and (max-width: 620px) {
  .store .inner .content ul li  {
      margin: 15px 8px !important;
      width: 100%;
      max-width: unset;
      flex-basis: unset !important;
  }
  .store .inner .content {
      margin-top: 10px;
  }
}


/* board01 - list  */
.top_area_sch {
  width: 100%; 
  height: 90px;
  background: url(/theme/noble/img/body-bg.png) repeat;
  margin: 0; 
  padding: 0; 
}

.top_area_sch .inner{padding:0;}

body .top_area_sch .inner .head span{color:#333;}

body .store_area li{width:100%;max-width:100% !important;}
body .store .inner .content ul li a .bottom{background:none;}

/* 상세페이지 */
.detailPage_main .inner { 
    display: flex;
}
.detailPage_main .inner .left {
    display: flex;
    flex-direction: column;
    width: 800px;
    margin-right: 20px;
}
.detailPage_main .inner .left .row .thumb {
    display: flex;
    width: 100%;
    background-color: var(--main-color-bg);
    height: 366px;
    position: relative;
    overflow: hidden;
}
.detailPage_main .inner .left .row .thumb .slider img {
    width: 100%;
    height:100%;
    object-fit: cover; 
    margin-bottom: 15px; 
}
.detailPage_main .inner .left .row .thumb .slider-for {
    width: 628px;
    margin-right: 12px;
}
.detailPage_main .inner .left .row .thumb  .slider-nav {
    width:200px;
    height:366px;
}
.detailPage_main .inner .left .row .thumb  .slider-nav img {
    width: 200px;
    height: 113px;
}
.detailPage_main .inner .left .row .thumb  .slider-nav .slick-current img {
    border:4px solid #876a55 !important;
    box-sizing:border-box;
    width:194px;
    height:109px;
    transition:all 0.5s;
}
.detailPage_main .inner .left .row .storeName {
    margin-top: 60px;
    font-size: 1.8em;
    letter-spacing: 0.7px;
    color: #131313;
    font-weight: 500;
}
.detailPage_main .inner .left .row .extra {
    display: flex;
    margin-top: 20px;
}
.detailPage_main .inner .left .row .extra div {
    margin-right: 20px;
    color: #9e9e9e;
    font-size: 0.8125em;
}
.detailPage_main .inner .left .row .storeDetail {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    color: #131313;
    flex-grow: 1;
    width: 100%;
    font-size: 0.9375em;
}

.detailPage_main .inner .left .row .storeDetail .header {
    padding-bottom: 15px;
    margin-bottom: 38px;
}
.detailPage_main .inner .left .storeDetail .header .shopType {
    background-color: #fafafa;
    border: 1px solid #e3e3e3;
    color: #131313;
    display: inline-flex;
    padding: 12px 40px 12px 20px;
    align-items: center;
    font-size: 0.875em;
    border-radius: 6px;
}
.detailPage_main .inner .left .storeDetail .header .shopType i  {
    color: #876a55;
    margin-right: 13px;
    font-size: 1.25em;
    position: relative;
    top: 1px;
}
.detailPage_main .hr .storeDetail .detailHead  i {
    color: #876a55;
    margin-right: 13px;
    font-size: 1.25em;
    position: relative;
    top: 1px;
}
/* 스웨디시관리 up,down */
.phIconDown {
    background-image: url("/theme/noble/img/readDownIcon.svg");
}
.phIconDown, .phIconUp {
    background-size: 10px 5px;
    width: 10px;
    height: 5px;
    display: inline-flex;
    background-size: 10px 5px;
    position: relative;
    margin: 3px 20px 0 auto;
}
.detailPage_main .inner .left .storeDetail .detailRow {
    display: flex;
    flex-direction: row;
    margin-bottom: 13px;
}
.detailPage_main .inner .left .row .storeDetail .detailRow .detailHead {
    min-width: 85px;
    line-height: 1.6;
    font-weight: 500;
    margin-right: 8px;
}
/* hr */
.detailPage_main .inner .left .hr {
    margin-top: 50px;
    border-top: 2px solid #ececec;
    padding-top: 60px;
}
.detailPage_main .inner .left .hr .storeDetail .pageOutroTitle {
    color: #131313;
    font-size: 1.1875em;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
}
.detailPage_main .inner .left .hr .storeDetail .detailRow .detailHead {
    background-color: #F4F4F4;
    padding: 10px 0 10px 20px;
    font-size: 1em;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 10px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    display: flex;
    align-items: center;
}
.detailPage_main .inner .left .hr .storeDetail .detailRow .detailCon {
    width: 520px;
    line-height: 1.6;
}
.detailPage_main .inner .left .hr .storeDetail .detailRow .detailCon span {
    display:block;
    padding:3px 0;
    line-height:16px;
    font-size:1em;
    color:#000;
}
.detailPage_main .inner .left .hr .storeDetail .detailRow .detailCon.pageIntro {
    text-overflow: unset !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    font-weight: normal !important;
    font-size: 0.9375em !important;
    display: block !important;
}
.detailPage_main .inner .left .hr .storeDetail .course  {
    display:flex;
    flex-direction:column;
}
.detailPage_main .inner .left .hr .storeDetail .course .detailCon {
    width:100%;
    display:flex;
    flex-direction:column;
    padding:20px 0;
}
.detailPage_main .inner .left .hr .storeDetail .course .detailCon div {
    display:flex;
    justify-content:space-between;
    flex-direction:row;
    border-bottom: 1px solid #a08c73;
}
.detailPage_main .inner .left .hr .storeDetail .course .detailCon span {
    display:block;
    padding:30px 20px;
    font-size: 1em;
    font-weight: 400;
    color: #111;
}
.detailPage_main .inner .left .hr .storeDetail .vip .detailCon {
    color: #555;
    line-height: 1.4;
    height: auto;
    overflow: hidden;
    position: relative;
    font-size: 1em;
}
.detailPage_main .inner .left .hr .storeDetail .keyword .detailCon {
    display:flex;
    align-items:center;
    flex-wrap: wrap;
}
.detailPage_main .inner .left .hr .storeDetail .keyword .detailCon span {
    color: #757575;
    margin-right: 10px;
    padding-bottom: 10px;
    font-size:0.875em;
}
.detailPage_main .inner .left .hr .storeDetail .video .detailCon {
    width:100%;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width:100%;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon a {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    width: 50%;
    margin-bottom: 15px;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon .item {
    display: flex;
    background-color: #fff;
    text-decoration: none;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 8%);
    cursor: pointer;
    width: 100%;
    border: 1px solid rgb(0 0 0 / 8%);
    flex-direction: column;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon .item .thum {
    display: block;
    height: 200px;
    overflow: hidden;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon .item  img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon .item .info {
    font-size: 0.8125em;
    padding: 17px 20px;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: center;
    display: flex;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon .item .info .t {
    font-size: 0.9375em;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon .item .info .c {
    color: #999;
    line-height: 15px;
    margin: 4px 0;
}
.detailPage_main .inner .left .hr .storeDetail .blog .detailCon .item .info .l {
    color: #00a832;
}
.detailPage_main .inner .left .hr .reviewTotal {
    margin: 40px 0;
    margin-top: 0;
    text-align: center;
    color: #323232;
}
.detailPage_main .inner .left .hr .reviewTotal p {
    font-size: 1.25em;
}
.detailPage_main .inner .left .hr .reviewTotal .count {
    margin-top: 10px;
}
.detailPage_main .inner .left .hr .reviewTotal .count span {
    font-size: 3.4375em;
    display:block;
    padding:30px;
}
.detailPage_main .inner .left .hr .reviewWriteWrap {
    display: flex;
    margin-bottom: 30px;
}
#reviewTextarea {
    resize: none;
    outline: none;
    padding: 10px 13px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    width: 88%;
    margin-right: 2%;
    overflow-y: auto;
    border-radius: 5px;
    font-family: inherit;
    font-size: 0.875em;
}
#reviewWriteBtn {
    width: 10%;
    border: 0;
    outline: 0;
    border-radius: 5px;
    background-color:#eee;
}
/* .detailPage_main .inner .left .hr .reviewContents .reviewCard { */
.reviewContents .reviewCard {
    display: flex;
    flex-direction: column;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    padding: 20px;
    font-size: 0.9375em;
    box-shadow: 3px 2px 6px 0 #e3e3e3;
    margin: 10px 0;
    color: #6e6e6e;
    border-radius: 12px;
    position: relative;
}
.detailPage_main .inner .left .hr .reviewPagination {
    margin: 50px 0px 10px;
}
.detailPage_main .inner .left .hr .reviewPagination .revPagination {
    display: flex;
    list-style: none;
    font-size: 0.9375em;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.detailPage_main .inner .left .hr .reviewPagination .revPagination li {
    padding: 0 10px;
    color: #767676;
    cursor: pointer;
    display: flex;
    align-items: center;
}
/* right */
.detailPage_main .inner .right {
    display: flex;
    width: 450px;
    flex-direction: column;
    background-color: var(--main-color-bg);
}
.detailPage_main .inner .right .topStoreMap {
    width: 100%;
    max-width: 370px; 
    margin: 0 auto; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    border-radius: 8px; 
    background-color: #fff; 
}
.detailPage_main .inner .right .topStoreMap #map {
    width: 100%;
    height: 366px; 
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-image: url("/theme/noble/img/map.png"); 
    background-size: cover; 
    background-position: center; 
}
.detailPage_main .inner .right .topStoreMap #map img {
    user-select: none;
    -webkit-user-drag: none;
    position: absolute;
}
.detailPage_main .inner .right .relateStore {
    padding: 0px 25px;
    margin-top: 60px;
}
.detailPage_main .inner .right .relateStore h2 {
    color: #131313;
    font-size: 1.25em;
    margin-bottom: 15px;
    display: block;
}
.detailPage_main .inner .right .relateStore .content ul {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
    cursor: pointer;
    align-items: center;
}
.detailPage_main .inner .right .relateStore .content ul li a {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
    cursor: pointer;
    align-items: center;
} 
.detailPage_main .inner .right .relateStore .content ul li a .image {
    width: 145px;
    margin-right: 15px;
}
.detailPage_main .inner .right .relateStore .content ul li a .image img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.detailPage_main .inner .right .relateStore .content ul li a .infor h3 {
    font-size: 1.0625em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 160px;
}
.detailPage_main .inner .right .relateStore .content ul li a .infor span.address {
    color: #555;
    min-width: 70px;
    font-size: 0.75em;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    display: block;
}
.detailPage_main .inner .right .relateStore .content ul li a .infor span.distance {
    color: #555;
    min-width: 70px;
    font-size: 0.75em;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    display: block;
}
@media screen and (max-width: 1024px) {
    .detailPage_main .inner { 
        display: flex;
        flex-direction:column;
    }
    .detailPage_main .inner {
        padding:10px 15px;
    }
    .detailPage_main .inner .left {
        width: 100%;
    }
    
    .detailPage_main .inner .left .row .storeName {
        margin-top: 30px;
    }
    .detailPage_main .inner .left .row .thumb {
        background-color: #fff;
        justify-content: center;
        height:auto;
    }
    .detailPage_main .inner .left .row .thumb .slider-for {
        width:100%;
        margin-right:0;
    }
    
    .detailPage_main .inner .left .row .thumb  .slider-nav {
        display:none;
    }
    
    .detailPage_main .inner .right {
        width: 100%;
        margin-top:30px;
    }
    .detailPage_main .inner .right .relateStore {
      margin-top: 30px;
    }
    .detailPage_main .inner .right .relateStore .content ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .detailPage_main .inner .right .relateStore .content ul li {
      width:100%;
    }
    .detailPage_main .inner .right .relateStore .content ul li a .image {
      width:40%;
      margin-right:20px;
    }
    .detailPage_main .inner .right .relateStore .content ul li a .infor {
      width:60%;
    }
    .detailPage_main .inner .right .relateStore .content ul li:last-child  a{
        border-bottom: none;
    }
    .detailPage_main .inner .right .relateStore .content ul li a .infor span.address {
      white-space: normal; 
      overflow: visible;   
      text-overflow: clip; 
      width: 100%;
      padding-top:10px;
      font-size: 1.2em;
    }
    .detailPage_main .inner .right .relateStore .content ul li a .infor span.distance {
      white-space: normal; 
      overflow: visible;   
      text-overflow: clip; 
      width: 100%;
      font-size: 1.2em;
      padding-top:5px;
    }
    .detailPage_main .inner .right .relateStore .content {
      margin-bottom:20px;
    }
    .detailPage_main .inner .right .relateStore .content ul {
      padding: 0;
    }
    .detailPage_main .inner .right .relateStore h2 {
      margin-bottom: 0;
      font-size: 1.5em;
    }
    .detailPage_main .inner .right .relateStore .content ul li a .infor h3 {
      font-size: 1.5em;
    }
    .detailPage_main .inner .right .topStoreMap #map {
        display:none;
    }
    
}
@media screen and (max-width: 800px) {
  .detailPage_main .inner .right .relateStore .content ul li a .infor span.address {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .detailPage_main .inner .right .relateStore .content ul li a .infor span.distance {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .detailPage_main .inner .right .relateStore .content ul li a .infor h3 {
    font-size: 1.3em;
  }
  .detailPage_main .inner .right .relateStore .content ul li a .infor span.distance {
    white-space: normal; 
    overflow: visible;   
    text-overflow: clip; 
    width: 100%;
    font-size: 1.2em;
    padding-top:5px;
  }
    /* .detailPage_main .inner .left .row .thumb .slider-for {
        width:100%;
    }
    .detailPage_main .inner .left .row .storeName {
        margin-top: 30px;
    }
    .detailPage_main .inner .left .hr {
        margin-top: 30px;
        border-top: 2px solid #ececec;
        padding-top: 40px;
    }
    .detailPage_main .inner .left .hr .storeDetail .blog .detailCon a {
        width:70%;
    }
    .detailPage_main .inner .left .hr .storeDetail .pageOutroTitle {
        font-size: 1.3em;
    }
    .detailPage_main .inner .right .relateStore .content ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .detailPage_main .inner .right .relateStore .content ul li {
        width: 100%;
    }
    .detailPage_main .inner .right .relateStore .content ul li a .image {
        margin-right: 30px;
    }
    .detailPage_main .inner .right .relateStore .content ul li a .infor span.address {
        margin-top: 10px;
    } */
}
/* event page */
.eventPage {
    font-size: 12px;
}
.eventPage .inner {
    width: 100%;
}
.eventPage .inner .eventHeader {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    margin: 20px 0;
}
.eventPage .inner .eventHeader ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
.eventPage .inner .eventHeader ul li {
    width: 20%;
    display: inline-block;
    background-color: white;
    font-size: 15px;
    color: #7a7a7a;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    cursor: pointer;
    margin-left: -2px;
}
.eventPage .inner .eventHeader ul li:first-child {
    border-left: 1px solid #dcdcdc;

}
.eventPage .inner .eventHeader ul li a {
    display:block;
    color: #440c01; 
    background-color: #faf6f3; 
    text-decoration: none; 
    padding: 10px 0px;
}
.eventPage .inner .eventHeader ul li.active a {
    border-color: #ff626d;
    background-color: #ff515d !important;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.eventPage .inner .eventContent ul {
    display: flex;
    flex-wrap: wrap;
}
.eventPage .inner .eventContent ul li  {
    display: flex;
    width: 31%;
    box-sizing: border-box;
    margin: 0 1% 30px;
}
.eventPage .inner .eventContent ul li a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}
.eventPage .inner .eventContent ul li a .eventImg {
    text-align: center;
}
.eventPage .inner .eventContent ul li a .eventImg img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.eventPage .inner .eventContent ul li a .eventInfo {
    background-color: #faf6f3;
    margin:0;
    padding:0;
}
.eventPage .inner .eventContent ul li a .eventInfo .inner {
    padding:15px 20px;
}
.eventPage .inner .eventContent ul li a .eventInfo .subject {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.eventPage .inner .eventContent ul li a .eventInfo .date {
    display: flex;
    align-items: center;
}
.eventPage .inner .eventContent ul li a .eventInfo .date .status {
    margin-right: 10px;
}
.eventPage .inner .eventContent ul li a .eventInfo .date .status.expired {
    background-color: #440c01;
    color: #fff;
}
.eventPage .inner .eventContent ul li a .eventInfo .date .status {
    background-color: #ffa251;
    padding: 4px 10px;
    border-radius: 11px;
    color: #440c01;
}

@media screen and (max-width: 1024px) {
    .eventPage .inner .eventHeader ul li {
        width: 30%;
    }
    .eventPage .inner .eventContent ul li  {
        display: flex;
        flex-direction:column;
        width: 100%;
        box-sizing: border-box;
        padding:20px 0;
        border-bottom: 2px solid #ececec;
    }
    .eventPage .inner .eventContent ul li a {
        align-items: center;
    }
    .eventPage .inner .eventContent ul li a .eventImg  {
        width:80%;
    }
    .eventPage .inner .eventContent ul li a .eventInfo {
        text-align: left; 
        width: 80%; 
    }
    .eventPage .inner .eventContent ul li a .eventInfo .inner {
        padding:25px 20px;
    }
    .eventPage .inner .eventContent {
        padding:20px 25px;
    }
    .eventPage .inner .eventContent ul li a .eventImg img {
    width:100%;
    height:100%;
    object-fit:cover;
    }
}
/* Community page */
.tablewrap {
	margin: 0 auto;
	max-width: 1025px;
	padding-top: 47px;
}
.tablewrap table {
    width:100%;
}
.tablewrap table th {
	padding: 10px 20px ;
	font-size: 1em;
	font-weight: 500;
	color: #000;
	background-color: #fcfcfc;
	border-top: 2px solid #555555;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #cccccc;
}
.tablewrap table th.title {
    width:70%;
}
.tablewrap table th.name {
    width:10%;
}
.tablewrap table th.date {
    width:10%;
}
.tablewrap table th.hits {
    width:10%;
}
.tablewrap table th:first-child{
	border-left: 1px solid #cccccc;
}
.tablewrap table td {
	padding: 10px 5px;
	text-align: center;
	font-size:1em ;
	color: #656668;
	border-bottom:1px solid #cccccc ;
	border-right: 1px solid #cccccc;
}
.tablewrap table td:first-child{
	border-left: 1px solid #cccccc;
}
.tablewrap table td.title {
    text-align: left;
}
.tablewrap table td.title strong {
    margin-right:20px;
    background-color: #ffa251;
    color: #000;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 500;
    margin-left: 10px;
    border-radius: 10px;
}
.btn-wrap {
	margin: 0 auto;
	max-width: 1044px;
	padding-top: 25px;
}
.btn-wrap .pagebtn .inner {
	display: flex;
	justify-content: center;
}
.btn-wrap .pagebtn span {
	width: auto;
	display: block;
	color: #676568;
	font-size: 0.8em;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 2px;
}
.btn-wrap .pagebtn span.selected {
	background-color: #876a55;
}
.btn-wrap .pagebtn span.selected a {
	color: #fff;
}
@media screen and (max-width: 600px) {
    .tablewrap table {
        table-layout: fixed;
    }
    .tablewrap table td.title {
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        max-width: 600px; 
    }
    .tablewrap table td.hits,
    .tablewrap table th.hits {
        display:none;
    }
}
/* 커뮤니티 상세페이지 */
.noticeDetailPage .inner .ndptablewrap table { 
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    width: 100%;
    border-top: 1px solid #ccc;
}
.noticeDetailPage .inner .ndptablewrap table thead, 
.noticeDetailPage .inner .ndptablewrap table tbody {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.noticeDetailPage .inner .ndptablewrap table thead tr, 
.noticeDetailPage .inner .ndptablewrap table tbody tr {
    width: 100%;
    display: flex;
}
.noticeDetailPage .inner .ndptablewrap table thead tr th.title {
    width: 100%;
}
.noticeDetailPage .inner .ndptablewrap  table thead tr th {
    font-size: 14px;
    background: #efefef;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-weight: 500;
}
.noticeDetailPage .inner .ndptablewrap table tbody tr td {
    width: 100%;
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.noticeDetailPage .inner .ndptablewrap table tr td .editor-content {
    padding: 30px 10px;
}
.noticeDetailPage .inner .ndptablewrap table tr td .editor-content p {
    padding:3px 0;
}
.noticeDetailPage .inner .articleFooterNav div {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.noticeDetailPage .inner .articleFooterNav div span:first-child {
    width: 85px;
    padding-right: 12px;
    display: inline-block;
    box-sizing: border-box;
}
.noticeDetailPage .inner .storeFooterHeader {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
    border-bottom: 1px solid #c5c5c5;
    align-items: center;
}
.noticeDetailPage .inner .storeFooterHeader .sfText {
    border-bottom: 2px solid #777;
    padding-bottom: 4px;
    padding: 6px 38px 9px 14px;
    font-size: 19px;
    font-weight: 500;
    position: relative;
    top: 1px;
}
.noticeDetailPage .inner .storeFooterHeader .sfBtn {
    margin-left: auto;
    background-color: #333;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 1px 11px;
    height: 24px;
    cursor: pointer;
}
.noticeDetailPage .inner  .sfEmpty {
    font-size: 14px;
    margin:50px 0;
}
.noticeDetailPage .inner .reply-box {
    border: 0;
    background: #fff;
    box-sizing: border-box;
    display: none; 
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.1s ease, height 0.1s ease; 
}

.noticeDetailPage .inner .reply-box .write-box {
    display: flex;
    align-items: center;
    width: 100%;
}

.noticeDetailPage .inner .reply-box .write-box textarea {
    resize: none;
    border: none;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    height: 60px;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%; 
}
.noticeDetailPage .inner .reply-box .write-box button {
    background-color: #eee;
    border-radius: 5px;
    padding: 20px 30px;
    color: #000;
    margin-left: 10px;
    flex-shrink: 0; 
}
.noticeDetailPage .inner .button-box {
    display: flex;
    justify-content: flex-end; 
    margin-top:20px;
}
.noticeDetailPage .inner .button-box  button.list {
    background-color: #440c01;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 10px 12px;
    border: none;
    cursor: pointer;
    border-radius: 2px;
}



/* kakao 지도 버튼 */
.address-btn{border:1px solid #333;border-radius:100px;padding:10px 15px;margin-top:5px;display:inline-block;cursor:pointer;}
.address-btn:hover{border: 1px solid #2f9ab8;background: #2f9ab8;color:#fff;}


/* 모바일 table 반응형 */
@media(max-width:600px){
  .m_dn600{display:none !important;}
}


/* 검색창 반응형 */
@media(max-width:800px){
  .shop-content #sch_res_detail select{width:100%;}
  .shop-content .sch_wr{width:100%;}
  .shop-content #sch_res_detail .frm_input{width:100%;}
  .shop-content #sch_res_detail .btn_submit{width:100%;}
  .shop-content .switch_field{width:100%;}
  .shop-content .switch_field label{width:50%;}
}