@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
* {font-family: 'NanumSquare'; box-sizing:border-box; transition: 0.2s;}
b {font-weight: 800;}
img {max-width:100%;}
p, a {word-break:keep-all;}
.center {text-align:center;}
.wrap {max-width:800px; margin:0 auto; text-align:center;}
.wrap.w800 {max-width:800px;}
.wrap.w600 {max-width:600px;}
.mb50 {margin-bottom: 50px !important;}
.mb150 {margin-bottom: 150px !important;}
.btn_area {display: flex; align-items:center; justify-content:center; text-align:center;}
.btn_area .btn_cm {width: 80px; line-height: 36px; border:1px solid #c2986b; font-size: 15px; border-radius:5px; color:#c2986b;}
.btn_area .btn_cm:hover {background-color:#c2986b; color:#fff;}
#header {position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:100;}
#header .wrap {display: flex; max-width:1200px; height: 120px; align-items:center; justify-content: space-between; padding: 0 50px;}
#header .logo {width: 76px; height: 62px; background-image:url('/images/logo.png'); background-size: contain; background-repeat:no-repeat; background-position:center;}
#header .nav {display:flex; font-size: 18px; gap: 30px;}
#header .nav a {position:relative;}
#header .nav a:hover {color:#c2986b;}
#header .nav > li.on > a:after {content:''; position:absolute; left:0; right:0; top: 20px; height: 2px; background-color:#c2986b;}


#contents {padding-top:120px;}
#contents .c_top {text-align:center; padding: 50px 0;}
#contents .c_top .sub-menu {}
#contents .c_top .sub-menu ul {display: flex; gap: 24px; align-items:center; justify-content:center; line-height: 1.8;}
#contents .c_top .sub-menu .on a {color:#c2986b;}
#contents .c_top .sub-menu a {font-size: 17px; line-height:1.8; font-weight: 600;}
#contents .c_contents {padding-bottom:200px;}
#contents .c_area {text-align:center; padding: 50px 0;}
#contents .c_area .tit {font-size: 19px; font-weight: 600; line-height: 1.8; margin-bottom:5px;}
#contents .c_area .txt {font-size: 14px; line-height: 1.4;}

.main .wrap {max-width:1200px;}

.contact {display:flex; gap: 30px; text-align:left;}
.contact .contact_item {flex-basis: calc( 50% - 15px ); padding: 20px; border: 2px solid #f4ece0; border-radius: 10px;}
.contact .contact_info .ci_box {display: flex; align-items:center; gap:15px; margin-bottom:20px;}
.contact .contact_info .ci_box .ci_icon {flex-basis: 20px; text-align:center;}
.contact .contact_info .ci_box .fa {color:#c2986b;}

.contact .contact_info .ci_txt p {font-size: 14px; line-height: 1.6; font-weight: 600;}
.contact .contact_info .ci_txt span {display:block; font-size: 14px; line-height: 1.6; color:#666;}
.write_div {margin-bottom:20px;}
.wd_label {line-height: 1.2; margin-bottom: 5px; font-size: 14px;}
.wr_content textarea {height: 50px !important;}
.company {text-align:center;}
.company img {margin-bottom: 50px; max-width: 250px;}
.company .txt {font-size: 14px; line-height: 1.8; margin-bottom: 40px;}
.company .tit {font-size: 16px; color:#000; font-weight:600;}
.history {position:relative; max-width: 400px; margin:0 auto; padding-left: 25px; font-size: 14px; line-height: 1.8; text-align:left;}
.history:before {content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background-color:#c2986b;}
.history li {margin-bottom:30px;}
.history li:last-child {margin-bottom:0;}



.btn_full {border-radius: 3px; width:100%; height:40px; border:2px solid #c9a063; background-color:#f9f5ef; font-family: 'NanumSquare'; font-size: 14px;}
.btn_full:hover {background-color:#c9a063; color:#fff;}


.board .tit {font-size: 16px; font-weight: 600; padding-bottom: 30px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.bo_v_nb {font-size: 13px; line-height: 1.4;}
.gall_type1 {text-align:center; font-size: 14px; max-width: 900px; margin:0 auto;}
.gall_type1 li {padding-top:30px; margin-bottom: 100px; border-top:1px solid #ddd;}
.gall_type1 li:first-child {padding-top:0; border-top:0;}
.gall_type1 .tit, .gall_type2 .tit {margin-top: 15px;}


.gall_type2 {display:flex; flex-wrap:wrap; gap: 40px;  max-width: 900px; margin:0 auto;}
.gall_type2 li {flex-basis: calc( 50% - 20px ); text-align:center; font-size: 14px;}

.gall_notice {display:flex; flex-wrap:wrap; gap: 20px;  max-width: 900px; margin:0 auto;}
.gall_notice li {flex-basis: calc( 33.33% - 13.33px ); text-align:center; font-size: 14px;}
.new_icon {color:#e86644; font-weight: 600;}

.swp_main {position:relative;}
.swiper-pagination-bullet-active {background-color:#fff !important;}
.m_txt_box .wrap {display: flex; height: 270px; align-items:center; justify-content:center; font-size: 17px; color:#727373;}
.m_txt_box b {color:#222;}
.m_info_box {background-color:#f5f3f2;}
.m_info_box .wrap {display: flex; height: 270px; align-items:center; justify-content:center; font-size: 14px; color:#727373;}
.m_info_box p {text-align:right; padding-right: 20px; border-right:1px solid #707070;}

.m_info_box img {height: 32px; padding-left: 20px;}

.business {max-width: 800px; margin:0 auto; text-align:left;}
.business .item {border-bottom:1px solid #b99575; padding: 70px 0; display: flex; align-items:center; gap:100px;}
.business .item img {width: 125px; }
.business .item:first-child {padding-top:0;}
.business .item:last-child {border-bottom:0;}
.business .b_img {padding-left:100px;}
.business .b_txt {flex:1; font-size: 14px; line-height: 1.4;}
.business .b_txt .tit {font-size: 16px; font-weight: 600; margin-bottom:10px;}

#footer .wrap {display: flex; height: 270px; align-items:center; justify-content:center; font-size: 14px;}
#footer .f_logo {padding-right: 45px; }
#footer .f_info {padding-left: 45px; border-left:1px solid #afafae;}
#footer .f_copyright {background-color:#eae9e8; line-height: 130px; text-align:center; font-size: 14px;}

#bo_w {text-align:left;}

button {margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    background: none;}
.h_menu {display:none; width: 30px; height: 60px; background-image:url('/images/i_menu_open.png'); background-position:center; background-repeat:no-repeat;}
.menu_bg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.7 ); display:none; z-index:105;}
.menu_bg .mb_nav {position: fixed; right:0; top:0; height:100%; width: 300px; background-color:#fff; overflow:auto;}
.menu_bg .mb_nav .btn_more {}
.menu_bg .mb_nav .btn_more {
  position: absolute;
  right: 10px;
  top: 4px;

  width: 32px;
  height: 32px;


  border: none;
  cursor: pointer;
}

.menu_bg .mb_nav .btn_more::before,
.menu_bg .mb_nav .btn_more::after {
  content: "";
  position: absolute;
  background: #333;
}

.menu_bg .mb_nav .btn_more::before {
  width: 14px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu_bg .mb_nav .btn_more::after {
  width: 2px;
  height: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* 기본: 버튼 숨김 */
.menu_bg .mb_nav > ul > li .btn_more {
  display: none;
}

/* mb_2dep 이 있는 li 에서만 버튼 노출 */
.menu_bg .mb_nav > ul > li:has(.mb_2dep) .btn_more {
  display: block;
}

/* 기본: 2뎁스 숨김 */
.menu_bg .mb_nav > ul > li .mb_2dep {
  display: none;
}

/* active 시 노출 */
.menu_bg .mb_nav > ul > li.active .mb_2dep {
  display: block;
}

/* 플러스 → X 회전 */
.menu_bg .mb_nav > ul > li.active .btn_more::after {
  display:none;
}

.menu_bg .mb_nav > ul {padding: 15px;}
.menu_bg .mb_nav > ul > li {margin-bottom:20px; position:relative;}
.menu_bg .mb_nav > ul > li:first-child {}
.menu_bg .mb_nav > ul > li > a {display:block; padding: 0 10px; font-size: 14px; line-height: 40px; text-transform: uppercase; font-weight: 600; background-color: #f5f5f5; border-radius: 10px;}
.mb_2dep a {display: block; padding: 0 10px; font-size: 14px; border-bottom: 1px solid #eee; line-height: 40px; font-weight: 400;}
.mb_2dep li:last-child a {border-bottom:0;}
.mo {display:none;}

@media (max-width: 800px) {
.mo {display:block;}
.pc {display:none;}
#header .wrap {height: 80px; padding: 0 20px;}
#header .logo {height: 50px;}

#contents {padding-top: 80px;}
#contents .c_contents {padding-bottom: 80px;}
.company .txt p br {display:none;}
.business .item {display:block; padding: 30px 0;}
.business .b_img {padding:0; text-align:center;}
.business .b_txt {font-size: 13px;}
.business .b_txt br {display:none;}
.business .b_txt .tit {font-size: 14px;}
.history {font-size: 13px; line-height: 1.6;}

#contents .c_top {padding: 30px 0;}
#contents .c_top .sub-menu a {font-size: 15px;}
#contents .c_area {padding: 30px 0;}
#contents .c_area .tit {font-size: 16px;}
#contents .c_area .txt {font-size: 13px;}

.m_txt_box .wrap {font-size: 15px;}

.gall_type1 li {margin-bottom: 50px;}
.gall_type2 {gap: 20px;}
.gall_type2 li {flex-basis: calc(50% - 10px);}
.gall_type1 .tit, .gall_type2 .tit {margin-top:10px;}
.board .tit {font-size: 15px;}


.gall_notice li {flex-basis: calc(50% - 10px);}
.gall_notice a {display:inline-block; margin-top: 10px; font-size: 13px;}

.wrap.w600.mb150 {margin-bottom:30px !important;}

.contact {display:block;}
.contact .contact_form {margin-bottom: 30px;}

.h_menu {display:block;}
.wrap {padding: 0 20px;}
.main .wrap {padding:0;}
.m_txt_box .wrap {height:auto; padding: 50px 20px;}
.m_info_box .wrap, #footer .wrap {display: block; height: auto; padding: 50px 20px;}
.m_info_box p {text-align:center; padding-right:0; border-right:0; margin-bottom: 20px; line-height: 1.5;}
.m_info_box p br {display:none;}
.m_info_box img {padding-left:0; height: 24px;}
#footer .wrap {font-size: 13px;}
#footer .f_logo {padding-right:0; margin-bottom: 20px;}
#footer .f_info {padding-left:0; border-left: 0;}
#footer .f_copyright {line-height: 80px;}


#header .nav {display:none;}
.h_close {
  position: fixed;
  right: 320px;
  top: 40px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.h_close::before,
.h_close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: #fff;
  transform-origin: center;
}

.h_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.h_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.nav {border-top:1px solid #eee;}
.n_1dep {display: flex; gap: 50px; justify-content:center;}
.nav a {}
.n_1dep_li {position: relative;}

.n_1dep_link {display:inline-block; line-height: 70px; font-size: 20px; font-weight: 400; color:#fff; text-transform: uppercase;}
.n_2dep_box {display:none;}
.n_1dep_li:hover .n_2dep_box {display:block;}
.n_2dep_box {position: absolute; left:50%; top: 50px; width: 200px; background-color: #fff; margin-left: -100px; text-align: center; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.n_2dep_box a {display:block; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 400;}
.n_2dep_box a:hover {color:#fff !important; background-color:#2f3d54}
.n_2dep_box li:last-child a {border-bottom: 0px;}

#contents .c_top .sub-menu ul {gap: 14px;}

.business .item img {width:100px;}
}