@charset "UTF-8";

* {margin: 0; padding: 0; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact !important; print-color-adjust: exact; word-break: keep-all; overflow-wrap: anywhere; white-space: normal;}
html {width: 100%; height: 100%; font-size: 0.052vw;}
body {position: relative; height: 100%; font-size: 16rem; line-height: 130%; color: #111; font-family: "Pretendard", sans-serif; font-weight:400; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {margin: 0; padding: 0; font-weight: normal;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: top;}
caption {overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
textarea, button {vertical-align: middle;}
option {padding: 10px;}
input[type="radio"], input[type="checkbox"] {border: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select {padding: 5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea {padding: 16rem; vertical-align: middle; font-size: 20rem; line-height: 160%; letter-spacing: -0.8rem; font-family: "Pretendard", sans-serif; color: #111; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff; border: 1px solid #8A8C8E; border-radius: 0; resize: vertical;}
textarea:focus {border-color:var(--brandColor);  }
textarea::placeholder {color: #6E7072;}
textarea:disabled { background:#F8F8F8;}
a {text-decoration: none; color: #000;}
a:hover, a:focus, a:active {text-decoration: none;}
table {border-collapse: collapse; width: 100%;}
button {padding: 0; margin: 0; font-size: 16rem; font-family: "Pretendard", sans-serif; background: none; border: none; cursor: pointer; overflow: visible; white-space: nowrap;}
/* button:active {outline: none;} */
button::-moz-focus-inner {padding: 0; border: 0;}
button:focus-visible, a:focus-visible { border:2px solid #000; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
input {font-family: "Pretendard", sans-serif; color: #000;}
/* input:focus, select:focus, option:focus, button:focus {outline: none;} */

:root {
  --brandColor: #BA8D65;
  --primaryColor: #231F20;;
  --primaryColorHover : #BA8D65;

  --eng-font: 'Jost';
}

@media (max-width: 1024px){
  html {font-size: .130vw;}
}
@media (max-width: 600px){
  html {font-size: .256vw;}
}

html.scl-lock, body.scl-lock {overflow: hidden;}

.only-pc {display: block !important;}
/* .only-ta {display: none !important;} */
.only-mo {display: none !important;}

.ac {text-align: center !important;}
.al {text-align: left !important;}
.ar {text-align: right !important;}

@media screen and (max-width: 1024px) {
  html {font-size: 0.13vw;}
  body {font-size: 14rem;}
  textarea{ font-size:18rem; line-height: 160%; letter-spacing: -0.72rem;}

  .only-pc {display: none !important;}
  /* .only-ta {display: block !important;} */
  .only-mo {display: block !important;}
}

@media screen and (max-width: 600px) {
  html {font-size: 0.256vw;}

  /* .only-ta {display: none !important;} */
  .only-mo {display: block !important;}
}


[hidden] {display: none !important;}
.mt0 {margin-top: 0 !important;}

.flex-area {display: flex !important; align-items: center;}
.flex-end {justify-content: flex-end !important;}
.flex-btw {justify-content: space-between;}
.flex-start{ justify-content: flex-start !important; }

/* 텍스트 숨김처리 */
.hidden {border: 0;clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px;margin: -1px; overflow: hidden;padding: 0; position: absolute; white-space: nowrap;}

.sr-only{ position: absolute; width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;  border: 0; }

/*******************************************
 * Font
 *******************************************/
.f-en-h1{ font-size: 120rem; line-height: 110%; letter-spacing:4.8rem; font-family: var(--eng-font); text-transform: uppercase; }
.f-en-h2{ font-size: 96rem; line-height: 110%; font-family: var(--eng-font); text-transform: uppercase; }
.f-en-h3{ font-size: 80rem; line-height: 110%; font-family: var(--eng-font); text-transform: uppercase; }
.f-en-h4{ font-size: 64rem; line-height: 110%; font-family: var(--eng-font); text-transform: uppercase;}
.f-en-t1{ font-size: 28rem; line-height: 130%; font-family: var(--eng-font); text-transform: uppercase;}
.f-en-t2{ font-size: 24rem; line-height: 130%; font-family: var(--eng-font); text-transform: uppercase;}

.f-h1 { font-size:96rem; line-height: 130%; letter-spacing: -3.84rem; font-weight: 600; }
.f-h2 { font-size:80rem; line-height: 130%; letter-spacing: -3.2rem; font-weight: 600; }
.f-h3 { font-size:64rem; line-height: 130%; letter-spacing: -2.56rem; font-weight: 600; }
.f-h4 { font-size:44rem; line-height: 130%; letter-spacing: -1.76rem; font-weight: 600; }
.f-h5 { font-size:36rem; line-height: 130%; letter-spacing: -1.44rem; font-weight: 600; }
.f-t1{ font-size:32rem; line-height: 130%; letter-spacing: -1.28rem; font-weight: 600; }
.f-t2{ font-size:28rem; line-height: 130%; letter-spacing: -1.12rem; font-weight: 600; }
.f-b1 { font-size:26rem; line-height: 140%; letter-spacing: -1.04rem; }
.f-b2 { font-size:24rem; line-height: 160%; letter-spacing: -0.96rem; }
.f-b3 { font-size:20rem; line-height: 160%; letter-spacing: -0.8rem; }
.f-b4 { font-size:18rem; line-height: 160%; letter-spacing: -0.72rem; }
.f-b5 { font-size:16rem; line-height: 150%; letter-spacing: -0.32rem; }
.f-b6 { font-size:14rem; line-height: 150%; letter-spacing: -0.28rem; }

.f-btn-l { font-size:20rem; line-height: 130%; letter-spacing: -0.8rem; font-weight: 600; }
.f-btn-m { font-size:18rem; line-height: 130%; letter-spacing: -0.36rem; font-weight: 600; }

.fw-600{ font-weight: 600; }
.fw-500{ font-weight: 500; }

/* .en{ font-family: var(--eng-font); } */

@media (max-width: 1024px){
  .f-en-h1{ font-size: 56rem; letter-spacing:2.24rem; }
  .f-en-h2{ font-size: 48rem; }
  .f-en-h3{ font-size: 40rem; }
  .f-en-h4{ font-size: 32rem; }
  .f-en-t1{ font-size: 24rem; }
  .f-en-t2{ font-size: 20rem; }

  .f-h1 { font-size:48rem; letter-spacing:-1.92rem; }
  .f-h2 { font-size:40rem; letter-spacing:-1.6rem; }
  .f-h3 { font-size:32rem; letter-spacing:-1.28rem; }
  .f-h4 { font-size:28rem; letter-spacing:-1.12rem; }
  .f-h5 { font-size:26rem; letter-spacing:-1.04rem; }
  .f-t1 { font-size:26rem; letter-spacing: -1.04rem; }
  .f-t2 { font-size:24rem; letter-spacing: -0.96rem; }
  .f-b1 { font-size:22rem; letter-spacing:-0.88rem; }
  .f-b2 { font-size:20rem; letter-spacing:-0.8rem; }
  .f-b3 { font-size:18rem; letter-spacing:-0.72rem; }
  .f-b4 { font-size:16rem; letter-spacing:-0.64rem; }
  .f-b5 { font-size:16rem; letter-spacing:-0.32rem; }
  .f-b6 { font-size:14rem; letter-spacing:-0.28rem; }

  .f-btn-l { font-size:18rem; letter-spacing: -0.72rem; }
  .f-btn-m { font-size:16rem; letter-spacing: -0.32rem; }
}

.fc-black{ color:#111 !important; }
.fc-highest{ color:#111 !important; }
.fc-point1{ color:#70553D !important; }

.w100{ width: 100%;}

#skipNavi a { position: fixed; top: -9999px; left: 0; z-index: 10000; display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; color: #fff; background: #e31d1a }
#skipNavi a:focus { top: 0}


/*******************************************
 * Header
 *******************************************/
:root {
  --head-height: 120rem;
}
header {position: fixed; left: 0; top: 0; width: 100%; height: var(--head-height); transition: top .4s ease, background-color .4s ease; z-index: 1000; background: #fff;}
header.hide {top: calc(-1 * var(--head-height)) !important;}
header .logo {position: absolute; top: 50%; left: 72rem; transform: translateY(-50%); z-index: 10; width: 162rem; height: 44rem; }
header .logo a {display: block; height: 100%; background: url("../images/logo.png") no-repeat center / 100% auto ;}
header .logo a span{ display: inline-block; text-indent: -9999rem;}
/* header .inner-dimd {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 1;} */
header nav {position: relative; width: 100%; height: 100%; text-align: center; transition: height .4s ease, left .6s ease; z-index: 2;}
header nav.show {left: 0;}
header .gnb-w {display: inline-block; text-align: center;}
header .gnb {display: flex; }
header .gnb a {display: block; color: #111;}
header .gnb > li {display: inline-block; position: relative; padding: 0 24rem; height: 100%;}
header .gnb > li .one-link {position: relative; display: flex; justify-content: center; align-items: center;; height: var(--head-height); white-space: nowrap; font-size: 20rem; font-weight: 600; }
header .gnb > li .one-link span{ position: relative; display: inline-block;}
header .gnb > li .one-link span::before{ content: ''; position:absolute; left:auto; right:0; bottom:-12rem; width:0; height:1px; background:#231F20; transition: width 0.5s ease;}
header .gnb > li .two-depth { position: absolute; top: 110rem; left: 50%; padding:18rem 24rem; min-width: 160rem; height: auto; overflow: hidden; padding-bottom: 20rem; background:#4A3828; border-radius:8rem; transform: translateX(-50%); text-align: left;}

header .gnb > li .two-depth > li:not(:last-child){ padding-bottom:10rem; margin-bottom:10rem; border-bottom:1px solid rgba(255,255,255,0.08); }
header .gnb > li .two-depth > li .two-link { font-size: 18rem; line-height:160%; color: #fff; letter-spacing: -0.36rem; transition: color .3s ease; white-space:nowrap; }
header .gnb > li .two-depth > li .two-link.blank{ position:relative; padding-right:20rem; }
header .gnb > li .two-depth > li .two-link.blank::before{ content:''; position:absolute; right:0; top:4rem; width:20rem; height:20rem; background:url('../images/icon-blank.svg') no-repeat center / contain; }
header .gnb > li .two-depth > li.off .two-link{ color:#B7AFA9;}
header .gnb > li .two-depth > li.off .two-link.blank::before{ background:url('../images/icon-blank-off.svg') no-repeat center / contain; }
header .utils { position: absolute; top: 50%; right: 72rem; display: flex; gap: 16rem; align-items: center; transform: translateY(-50%); z-index: 3;}
header .auth{ display: flex; align-items: center; }
header .auth .auth-name{ font-size: 18rem; line-height: 130%; color:#111; letter-spacing: -0.36rem; font-weight: 600; }
header .auth .auth-time{ position:relative; margin-left:16rem; padding-left:24rem; font-size: 16rem; line-height: 150%; color:#111; letter-spacing: -0.32rem; font-weight: 600; }
header .auth .auth-time::before{ content:''; position:absolute; left:0; top:2rem; width:20rem; height:20rem; background:url('../images/icon-time.svg') no-repeat center / contain; }
header .auth .btn-box{ display: flex; align-items: center; margin-left:16rem; gap:17rem; }
header .auth .btn-box button{ position:relative; font-size: 16rem; line-height: 150%; color:#111; letter-spacing: -0.32rem; font-weight: 600;}
header .auth .btn-box button:not(:last-child)::before{ content:''; position:absolute; right:-9rem; top:4rem; width:1px; height:16rem; background:#D0D1D2; }
header .btn-login{ font-size:20rem; line-height: 130%; color:#111; /*letter-spacing:-0.8rem;*/ font-weight:600; }
header .btn-menu-open { width: 40rem; height: 40rem; background: url("../images/icon-menu.svg") no-repeat center / cover; z-index: 3; text-indent: -99999px;}

header.wht .logo a { background: url("../images/logo-white.png") no-repeat center / 100% auto;}
header.wht .gnb a{ color:#fff; }
header.wht .btn-login{ color:#fff; }
header.wht .auth .auth-name{ color:#fff; }
header.wht .auth .auth-time{ color:#fff; }
header.wht .auth .auth-time::before{  background:url('../images/icon-time-white.svg') no-repeat center / contain;}
header.wht .auth .btn-box button{ color:#fff; }
header.wht .btn-menu-open{ background: url("../images/icon-menu-white.svg") no-repeat center / cover; }

#main header.btm-fix{ position: absolute; top:auto; bottom:-120rem; background:#231F20; }
#main header.btm-fix .gnb > li .two-depth{ top:auto; bottom:100%; }
#main header.btm-fix .gnb > li.on .two-depth{ bottom:calc(100% - 30rem); }

/* Type3 */
header.type3 .for-bg { overflow: visible; }
header.type3 .gnb > li .one-link:after { display: none; }
header.type3 .gnb > li.on { z-index: 1; }

/* sitemap */
header .sitemap-wrap{ display: none; position:fixed; left:0; top:-300rem; width:100%; z-index:9999; background:#fff; transition: top 0.5s ease; }
header .dim { display: none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:9000; }
header .sitemap-wrap.show{ top:0; }
header .sitemap-wrap .top{ position:relative; display: flex; justify-content: center; align-items: center; height:140rem; border-bottom:1px solid rgba(0,0,0,0.1);  }
header .sitemap-wrap .top .sitemap-logo { width: 160rem; height: 43rem; background: url("../images/logo.png") no-repeat center / cover; }
header .sitemap-wrap .top .sitemap-logo span{ display: inline-block; text-indent: -9999rem;}
header .sitemap-wrap .top .btn-menu-close{ position:absolute; right:72rem; top:50%; width:24rem; height:24rem; background:url("../images/icon-menu-close.svg") no-repeat center / cover; transform: translateY(-50%); text-indent: -9999rem;}
header .sitemap-wrap .sitemap-list{ display: flex; justify-content: center; gap:72rem; padding:64rem 0 104rem; }
header .sitemap-wrap .sitemap-list > li{}
header .sitemap-wrap .sitemap-list .one-link{ font-size:28rem; line-height: 130%; color:#111; font-weight: 600; letter-spacing: -1.12rem;}
header .sitemap-wrap .sitemap-list .two-depth{ display: flex; flex-direction: column; gap:12rem; margin-top:40rem; }
header .sitemap-wrap .sitemap-list .two-depth li{}
header .sitemap-wrap .sitemap-list .two-depth li a{ font-size:20rem; line-height: 160%; color:#111; letter-spacing: -0.8rem; font-weight: 600; transition: color 0.5s ease;}
header .sitemap-wrap .sitemap-list .two-depth li a:hover{ color:#70553D; }
header .sitemap-wrap .auth{ display: flex; justify-content: center; align-items: center; height:77rem; background:#F8F8F8; }
header .sitemap-wrap .auth .auth-name{ color:#111; }
header .sitemap-wrap .auth .btn-box{ margin-left:24rem; }
header .sitemap-wrap .auth .btn-box button{ color:#111; }
header .sitemap-wrap .auth .btn-login{ position:relative; padding-left:32rem; font-size:18rem; line-height: 160%; color:#111; letter-spacing: -0.72rem; font-weight: 500; }
header .sitemap-wrap .auth .btn-login::before{ content:''; position:absolute; left:0; top:2rem; width:24rem; height:24rem; background:url('../images/icon-login.svg') no-repeat center / cover; }

/* 모바일 */
header .btn-menu-mo{ display: none; }
header .btn-close-mo{ display: none; }
header .btn-login-mo{ display: none; }

@media screen and (min-width: 1025px) {
  header .gnb > li .one-link:hover span::before{ width:100%; left:0; right:auto; }
  header nav{ display: block !important;}

  header .gnb > li .two-depth { opacity: 0; visibility: hidden; transition: all 0.5s ease;}
  header .gnb > li.on .two-depth{ top:81rem; opacity: 1; visibility: visible; }

}
@media screen and (max-width: 1024px) {
  :root {
    --head-height: 60rem;
  }
  header{ z-index:1002 !important; }
  header .logo {left: 20rem; width: 104rem; height: 28rem;}
  header:has(.show) .logo{ z-index:1000; }
  header .logo a{ transition: all 0.6s ease;}
  header:has(.show) .logo a{ background: url('../images/logo-white.png') no-repeat center / cover; }
  header .btn-menu-mo { position:absolute; right: 20rem; top:18rem; display: block; width: 24rem; height: 24rem; background: url("../images/icon-mobile-menu.svg") no-repeat center / cover; text-indent: -9999rem; }
  header .btn-login-mo{ position:absolute; right: 60rem; top:10rem; display: block; width: 40rem; height: 40rem;  background: url("../images/icon-mobile-login.svg") no-repeat center / cover; text-indent: -9999rem; }
  header .btn-close-mo{ position:absolute; right: 18rem; top:18rem; display: block; width: 24rem; height: 24rem; background: url('../images/icon-mobile-menu-close-white.svg') no-repeat center / cover;  text-indent: -9999rem;}

  header.wht .btn-login-mo{ background: url("../images/icon-mobile-login-white.svg") no-repeat center / cover; }
  header.wht .btn-menu-mo{ background: url('../images/icon-mobile-menu-white.svg') no-repeat center / cover; }

  header nav {  position: fixed; left: 100%; top: 0; display: none; width: 100%; height: 100%; background-color: #fff; z-index: 10;  background:#4A3828;  }
  header nav:before {display: none;}
  header nav.show{   }
  header nav .btn-login{ color:#fff; }
  header nav .utils { display: flex; justify-content: space-between; top: auto; right: 0; bottom:0; padding:24rem 20rem; width: 100%; transform: none; box-sizing:border-box; background:#211A15; }
  header nav .utils .auth{ display: flex; justify-content: space-between; width:100%; }
  header .btn-menu-open{ display: none; }

  header .for-bg { display: flex; height:100%; padding: 60rem 0 80rem; overflow-y: auto; }
  header .gnb-w { display: flex; width:100%; overflow-y: auto; }
  header .gnb { display: flex; flex-direction: column; gap:24rem; width:100%; margin:auto 0; height: auto; }
  header .gnb > li {padding: 0 20rem; min-width: unset; width: 100%; height:auto; text-align: left;}
  header .gnb > li .one-link { display: block; padding: 0; height: auto; font-size:32rem; line-height:130%; letter-spacing: -0.8rem; }
  header .gnb > li .one-link:after{ position:absolute; right:0; top:50%; margin-top:-10rem; width: 20rem; height: 20rem; background: url("../images/ico-gnb-arrow-open-mo.svg") no-repeat center / cover; transition: transform .4s ease;}
  header .gnb > li .one-link span::before{ display:none;}
  header .gnb > li:has(.two-depth) .one-link span{ padding-right:24rem; }
  header .gnb > li:has(.two-depth) .one-link span::after{ content:''; position:absolute; right:0; top:50%; margin-top:-8rem; width:16rem; height:16rem; background:url('../images/icon-mobile-gnb.svg') no-repeat center / cover; transition: all 0.5s ease;}
  header .gnb > li:has(.two-depth).on .one-link span::after{ background:url('../images/icon-mobile-gnb-close.svg') no-repeat center / cover; transform: rotate(180deg);}
  header .gnb > li .two-depth { display: none; position: static;  padding:30rem 0 20rem; }
  header .gnb > li .two-depth > li{ padding:0 20rem; }
  header .gnb > li .two-depth > li:not(:last-child){ padding-bottom:0; margin-bottom:15rem; border:0; }
  header .gnb > li .two-depth > li .two-link { display: inline-block;  color:#fff; }
  header .gnb > li .two-depth > li .two-link.blank{ padding-right:25rem; }

  header .auth .btn-box{ padding-top:1rem; }

  header .gnb a{ color:#fff; }
  header .auth .auth-name{ font-size:20rem; line-height: 160%; color:#fff; }
  header .auth .auth-time{ color:#fff; }
  header .auth .btn-box button{ color:#fff; font-weight: 500; }
  header .auth .btn-box button:not(:last-child)::before{ top:5rem; height:12rem; background:#8A8C8E; }



  #main header.btm-fix{ position: fixed; top:-60rem; bottom:auto; background:transparent; }
  #main header.btm-fix .gnb > li .two-depth{ bottom:auto; }

  /* Type3 */
  header.type3 .gnb > li .two-depth {left: auto; transform: none; width: 100%; background-color: transparent; border: 0;}
  header.type3 .gnb > li .one-link:after {display: block;}

  /* 피씨 */
  header .sitemap-wrap{ display: none !important;}
  header .dim{ display: none !important;}

}

/*******************************************
 * Footer
 *******************************************/
footer { padding:80rem 72rem; background:#231F20; }
footer .footer-logo img{ display: block; margin: 0 auto; width:200rem; }

footer .footer-cont { position:relative; display: flex; padding-top:60rem; margin-top:60rem; border-top:1px solid rgba(255,255,255,.15); }

footer .footer-cont .left{ display: flex; flex-wrap:wrap; width:calc(100% - 240rem); }
footer .footer-cont .left > * { width:50%; }
footer .footer-cont .right{ display: flex; flex-direction: column; justify-content: space-between; width:240rem; }

footer .policy-link{ display: flex; flex-direction: column; align-items: flex-start; gap:12rem; }
footer .policy-link a{ display: block; font-size:16rem; line-height: 150%; color:#D0D1D2; letter-spacing: -0.32rem; }
footer .policy-link a strong{ color:#fff; font-weight:600; }

footer .contact-box{  }
footer .contact-box > strong{ display: block; margin-bottom:16rem; font-size:16rem; line-height: 150%; color:#F1E8E0; letter-spacing:-0.32rem; font-weight: 600; text-transform: uppercase; }
footer .contact-box ul{ display: flex; flex-direction: column; gap:4rem; }
footer .contact-box ul li{ font-size: 16rem; line-height: 150%; color: #D0D1D2; letter-spacing: -0.32rem; }

footer .family-site{ position:relative; }
footer .family-site .btn{ position:relative; display: flex; padding:0 20rem; width:240rem; font-size:16rem; line-height: 48rem; color:#F1E8E0; font-weight: 500; letter-spacing: -0.32rem; background:#111; box-sizing: border-box; border:1px solid #6E7072; }
footer .family-site .btn::before{ content: ''; position:absolute; right:16rem; top:50%; margin-top:-8rem; width:16rem; height:16rem; background:url('../images/icon-family-arrow.svg') no-repeat center / cover; transition: all 0.7s ease; }
footer .family-site .btn.on::before{ transform: rotate(135deg);}
footer .family-site .site-list{ display: none; position:absolute; left:0; bottom:100%; padding:34rem 24rem;  width:100%;  background:#F1E8E0; box-sizing: border-box;}
footer .family-site .site-list ul{ display: flex; flex-direction: column; gap:20rem; width:100%; z-index:1; box-sizing:border-box;}
footer .family-site .site-list ul li a{ display: block; font-size: 16rem; line-height: 150%; color:#111; letter-spacing: -0.32rem; font-weight: 500; }

footer .webwatch-mark{ display: flex; justify-content: flex-end; }
footer .webwatch-mark img{ width:88rem; }

footer .copyright{ width:100%; margin-top:40rem; font-size: 16rem; line-height: 150%; color:#D0D1D2; letter-spacing: -0.32rem;}

@media screen and (max-width: 1024px) {
  footer { padding:60rem 20rem;  }
  footer .footer-logo img{ width:120rem; }

  footer .footer-cont { flex-direction: column; padding-top:50rem; margin-top:40rem; }

  footer .footer-cont .left{ flex-direction: column; width:100%; }
  footer .footer-cont .left > * { width:100%; }
  footer .footer-cont .right{ width:100%; }

  footer .policy-link{ gap:20rem; }
  footer .policy-link a{ font-size:16rem; }

  footer .contact-box{ margin-top:50rem; }
  footer .contact-box > strong{ dmargin-bottom:16rem; }
  footer .contact-box ul{ gap:4rem; }

  footer .family-site{ margin-top:40rem; }
  footer .family-site .btn{ padding:0 20rem; width:100%; }

  footer .webwatch-mark{ display: none; }

  footer .copyright{ margin-top:40rem; }

}


/*******************************************
 * 레이어팝업 - 공통
 *******************************************/
.layer-popup { display:none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.layer-popup .pop-wrap { display: flex; width: 100%; height: 100%; padding: 50rem 0; overflow-y: auto; box-sizing: border-box; }
.layer-popup .pop-inner { position: relative; width: calc(100% - 40rem); max-width: 600rem; margin: auto; overflow: hidden;background: #fff;}
.layer-popup.w800 .pop-inner{ max-width: 800rem; }
.layer-popup .pop-inner .pop-head .tit{ padding:16rem 24rem; font-size:18rem; line-height: 130%; color:#231F20; letter-spacing:-0.36rem; font-weight: 600; }
.layer-popup .pop-inner .pop-cont{ padding:40rem 40rem; }
.layer-popup .pop-inner .scroll-cont{ max-height:584rem; overflow-y: auto;}
.layer-popup .pop-inner .btn-close { position:absolute; right:24rem; top:16rem; width:24rem; height:24rem; background:url('../images/icon-pop-close.svg') no-repeat center / contain; text-indent: -9999rem; }
.layer-popup .pop-inner .btn-area{ margin-top:60rem; }

.layer-popup .pop-inner .scroll-cont + .btn-area{ margin-top:20rem; }

/* 약관 팝업 */
.layer-popup .policy-list{ display: flex; flex-direction: column; gap:60rem; }
.layer-popup .policy-list > li > strong{ display: block; font-size: 20rem; line-height: 160%; color:#111; letter-spacing: -0.8rem; font-weight: 600;}
.layer-popup .policy-list > li > div{ display: flex; flex-direction: column; gap:20rem; margin-top:20rem; font-size: 20rem; line-height: 160%; color:#6E7072; letter-spacing: -0.8rem;}
.layer-popup .policy-list > li > div p{ font-size: 20rem; line-height: 160%; color:#6E7072; letter-spacing: -0.8rem; }
.layer-popup .policy-list > li .num-list{  display: flex; flex-direction: column; gap:20rem; }
.layer-popup .policy-list > li .num-list li{ position: relative; padding-left:28rem; counter-increment: step; font-size: 20rem; line-height: 160%; color:#6E7072; letter-spacing: -0.8rem; }
.layer-popup .policy-list > li .num-list li::before { content: counter(step, decimal); position:absolute; left:0; top:7rem; width:15rem; height:15rem; font-size:12rem; line-height:16rem; color:#6E7072; text-align:center; border:1px solid #6E7072; border-radius:50%; text-align:center; text-indent: -2rem; }
.layer-popup .policy-list > li table{ width:100%; table-layout: fixed; border-top:1px solid #231F20;  }
.layer-popup .policy-list > li table thead th{ padding:16rem 20rem; height:64rem; font-size:20rem; line-height: 160%; color:#111; font-weight: 600; letter-spacing: -0.8rem; background:#F3F3F4; border-right:1px solid #D0D1D2; box-sizing: border-box; }
.layer-popup .policy-list > li table thead th:last-child{ border-right:0; }
.layer-popup .policy-list > li table tbody td{ padding:16rem 20rem; font-size: 16rem; line-height: 160%; color:#6E7072; letter-spacing:-0.72rem; border:1px solid #D0D1D2;}
.layer-popup .policy-list > li table tbody td:first-child{ border-left: 0; }
.layer-popup .policy-list > li table tbody td:last-child{ border-right: 0; }

/* 이용약관 */
.layer-popup .terms-area .policy-area{ display: none !important;}
.layer-popup .terms-area { display: flex; flex-direction: column; gap:60rem; }
.layer-popup .terms-area .policy-txt-area{  display: flex; flex-direction: column; gap:30rem;  }
.layer-popup .terms-area .policy-txt-area {display: flex; flex-direction: column; gap: 30rem;}
.layer-popup .terms-area .policy-txt-area p,
.layer-popup .terms-area .policy-txt-area li {color: #6E7072;}
.layer-popup .terms-area .policy-txt-area .num-txt li + li {margin-top: 12rem;}
.layer-popup .terms-area .policy-txt-area ol.num-txt {list-style: decimal; padding-left: 20rem;}
.layer-popup .terms-area .policy-txt-area ol.num-txt li {list-style: decimal;}
.layer-popup .terms-area .policy-txt-area ol.num-txt.type2 {padding-left: 0;}
.layer-popup .terms-area .policy-txt-area ol.num-txt.type2 li.circle-num {list-style: none; display: flex; align-items: flex-start; gap: 6rem;}
.layer-popup .terms-area .policy-txt-area ol.num-txt.type2 li.circle-num.last {margin-top: 12rem;}
.layer-popup .terms-area .policy-txt-area ol.num-txt.type2 .num-txt-wrap {list-style: none;}

@media screen and (max-width: 1024px) {
  .layer-popup .pop-wrap { padding:0; }
  .layer-popup .pop-inner { display: flex; flex-direction: column; width:100%; max-width: 100%; min-height: 100%; }
  .layer-popup .pop-inner .pop-head .tit{ padding:15rem 20rem; font-size:16rem; letter-spacing:-0.64rem; }
  .layer-popup .pop-inner .pop-cont{ flex:1; display: flex; flex-direction: column; justify-content: space-between; padding:40rem 20rem 100rem; min-height:0; box-sizing:border-box; }
  .layer-popup .pop-inner .scroll-cont{ height: 100%; max-height:calc(100vh - 195rem); }
  .layer-popup .pop-inner .btn-close { right:20rem; top:14rem; width:20rem; height:20rem; }
  .layer-popup .pop-inner .btn-area{ margin:0; position:absolute; left:0; bottom:0; padding:0 20rem 30rem; width: 100%; box-sizing:border-box; }
  .layer-popup .pop-inner .btn-area .btn-primary{ padding:10rem 23rem; font-size: 16rem; }

  /* 약관 팝업 */
  .layer-popup .policy-list{ gap:20rem; }
  .layer-popup .policy-list > li > strong{ font-size: 18rem; letter-spacing: -0.72rem; }
  .layer-popup .policy-list > li > div{ margin-top:10rem; font-size: 18rem; letter-spacing: -0.72rem;}
  .layer-popup .policy-list > li > div p{ font-size: 18rem; letter-spacing: -0.72rem;}
  .layer-popup .policy-list > li .num-list{ gap:5rem; }
  .layer-popup .policy-list > li .num-list li{ padding-left:20rem; font-size: 18rem; letter-spacing: -0.72rem; }
  .layer-popup .policy-list > li .num-list li::before { top:7rem; width:13rem; height:13rem; font-size:11rem; line-height:15rem; text-indent: -1rem; }
  .layer-popup .policy-list > li table thead th{ padding:10rem 20rem; height:48rem; font-size:18rem; letter-spacing: -0.72rem;  }
  .layer-popup .policy-list > li table tbody td{ padding:10rem 20rem; font-size: 16rem; letter-spacing:-0.72rem; }

}

/*******************************************
 * Etc Page
 *******************************************/

/* 에러페이지 & 사이트점검안내 */
.etc-system-page {display: flex; flex-direction: column; align-items: center; justify-content: center; padding:40rem 0; min-height: 100vh; box-sizing:border-box; }
.etc-system-page .etc-inner {width:calc(100% - 40rem); text-align: center;}
.etc-system-page .etc-inner .tit {font-size: 44rem; line-height: 130%; color: #111; font-weight: 600; letter-spacing: -1.76rem;}
.etc-system-page .etc-inner .tit.w-icon{ padding-top:104rem; background:url('../images/icon-status-warning.svg') no-repeat center top / 64rem auto; }
.etc-system-page .etc-inner .desc {margin-top: 20rem; font-size: 20rem; line-height: 160%; color: #6E7072; letter-spacing: -0.8rem;}
.etc-system-page .etc-inner .desc .c1{ display: block; margin-top:20rem; line-height: 160%; font-weight: 600; letter-spacing: -0.8rem; color:#70553D;}
.etc-system-page .etc-inner .info-box {display: flex; flex-direction: column; gap: 16rem; padding: 40rem; margin: 60rem auto 0; max-width: 876rem; box-sizing: border-box; text-align: left; background: #FCF9F7;}
.etc-system-page .etc-inner .info-box dl {display: flex; gap: 40rem; margin:0 auto; width:100%; max-width:600rem;}
.etc-system-page .etc-inner .info-box dl dt{ font-size: 20rem; line-height: 160%; letter-spacing: -0.8rem; color: #535455; }
.etc-system-page .etc-inner .info-box dl dd { font-size: 20rem; line-height: 160%; letter-spacing: -0.8rem;  color:#111; font-weight: 600; }

@media screen and (max-width: 1024px) {
  .etc-system-page .etc-inner .tit {font-size: 28rem; letter-spacing: -1.12rem;}
  .etc-system-page .etc-inner .desc {margin-top: 20rem; font-size: 18rem; letter-spacing: -0.72rem; }
  .etc-system-page .etc-inner .desc .c1{ margin-top:20rem; letter-spacing: -0.72rem; }
  .etc-system-page .etc-inner .info-box { gap: 40rem; padding: 40rem; margin:60rem auto 0; max-width: 700rem; }
  .etc-system-page .etc-inner .info-box dl { flex-direction: column; gap: 8rem; max-width: 500rem; }
  .etc-system-page .etc-inner .info-box dl dt{ font-size: 18rem; letter-spacing: -0.72rem; }
  .etc-system-page .etc-inner .info-box dl dd { font-size: 18rem; letter-spacing: -0.72rem; }
}

/* 브라우저 업데이트 안내 */
.popup-browser{ display: flex; position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; padding: 100rem 0; background-color: rgba(0,0,0,0.5); box-sizing: border-box; overflow-y: auto;}
.popup-browser .pop-inner {position: relative; width: calc(100% - 40rem); max-width: 1000rem; margin: auto; overflow: hidden;}
.popup-browser .pop-cont { padding:96rem 40rem 40rem; background: #fff;}
.popup-browser .browser-tit { display:block; font-size: 24rem; line-height: 160%; color: #000; font-weight: 600; letter-spacing: -0.96rem;}
.popup-browser .browser-list { margin-top: 20rem; display: flex; gap: 12rem;}
.popup-browser .browser-list a {display:  flex; flex-direction:  column; justify-content:  center; align-items:  center; flex: 1; padding: 40rem; border:1px solid #D0D1D2; }
.popup-browser .browser-list a img {width: 64rem;}
.popup-browser .browser-list a strong { display: block; position: relative; margin-top: 20rem; font-size: 18rem; line-height: 160%; color:#000; font-weight: 600; letter-spacing: -0.72rem; }
.popup-browser .browser-desc {display:  flex; flex-direction:  column; gap: 24rem; margin-top: 40rem; text-align:  center;}
.popup-browser .browser-desc p {font-size: 20rem; line-height: 160%; color: #6E7072; letter-spacing: -0.8rem;}
.popup-browser .pop-inner .btn-close { position:absolute; right:24rem; top:16rem; width:24rem; height:24rem; background:url('../images/icon-pop-close.svg') no-repeat center / contain; text-indent: -9999rem; }

@media screen and (max-width:  1024px) {
  .popup-browser{ padding: 50rem 0;}
  .popup-browser .pop-cont { padding:40rem 20rem 20rem; }
  .popup-browser .browser-tit { font-size: 20rem;  letter-spacing: -0.8rem;}
  .popup-browser .browser-list { flex-wrap:wrap; margin-top: 10rem; gap: 10rem;}
  .popup-browser .browser-list a { flex:0 0 calc(50% - 5rem); padding: 20rem;  }
  .popup-browser .browser-list a img {width: 50rem;}
  .popup-browser .browser-list a strong { margin-top: 10rem; font-size: 16rem; letter-spacing: -0.64rem; }
  .popup-browser .browser-desc { gap: 10rem; margin-top: 15rem; }
  .popup-browser .browser-desc p {font-size: 18rem; letter-spacing: -0.72rem;}
  .popup-browser .pop-inner .btn-close { right:20rem; top:14rem; width:20rem; height:20rem; }
}

/* 로딩 프로그레스 */
.loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 10000;}
.loading .loading-inner {position: absolute; left: 50%; top: 50%; transform:  translate(-50%,-50%); text-align:  center;}
.loading .icon {display:  inline-block; width: 60rem;}
.loading .icon img{ width: 100%;  animation:  loadingrotate 1.2s linear infinite; transform-origin:  center center;}
.loading .txt {margin-top: 58rem; font-size: 20rem; line-height:160%; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.8rem;}
@media screen and (max-width:  1024px) {
  .loading .icon { width: 50rem;}
  .loading .txt {margin-top: 45rem; font-size: 18rem; letter-spacing: -0.72rem;}
}

@keyframes loadingrotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@keyframes loadingdash {
  0%,100% {
    stroke-dashoffset: 150;
  }

  50% {
    stroke-dashoffset: 0;
  }

  50.1% {
    stroke-dashoffset: 300;
  }
}


/*******************************************
 * Form Contents
 *******************************************/

/* form 알림 문구 */
.form-warning{ margin-bottom:60rem; padding:40rem; background:#FCF9F7; }
.form-warning p{ position:relative;  font-size: 20rem; line-height: 160%; color:#6E7072; letter-spacing: -0.8rem; }
.form-warning p.w-icon{ padding-left:60rem; }
.form-warning p.w-icon::before{ content: ''; position:absolute; left:0; top:0; width:40rem; height: 40rem; background:url('../images/icon-form-warning.svg') no-repeat center / contain; }
@media screen and (max-width: 1024px) {
  .form-warning{ margin-bottom:40rem; padding:20rem 20rem 20rem 15rem; }
  .form-warning p{ font-size: 18rem; letter-spacing: -0.72rem; }
  .form-warning p.w-icon{ padding-left:0; }
  .form-warning p.w-icon::before{ display: none; }
}

/* form 약관 */
.form-policy-agree { margin-top:100rem; }
.form-policy-agree .check-all{ padding:14rem 20rem; background:#F3F3F4;}
.form-policy-agree .check-all .basic-checkbox{ padding-left:38rem; }
/* .form-policy-agree .check-all .basic-checkbox input[type="checkbox"]::before { border:1px solid #8A8C8E; } */
.form-policy-agree .check-all .basic-checkbox input[type="checkbox"]:checked::before { border-color:#8F6B4A; }
.form-policy-agree .check-all .basic-checkbox label{ font-size: 20rem; line-height: 160%; color:#111; letter-spacing: -0.8rem; font-weight: 600;}
.form-policy-agree .check-list{ padding: 30rem 20rem 0;}
.form-policy-agree .check-list ul{ display: flex; flex-direction: column; gap:20rem; }
.form-policy-agree .check-list li{ display: flex; justify-content: space-between; align-items: center;}
@media screen and (max-width: 1024px) {
  .form-policy-agree { margin-top:60rem; }
  .form-policy-agree .check-all{ padding:14rem 20rem; }
  .form-policy-agree .check-all .basic-checkbox{ padding-left:36rem; }
  .form-policy-agree .check-all .basic-checkbox label{ font-size: 18rem; letter-spacing: -0.72rem; }
  .form-policy-agree .check-list{ padding: 30rem 20rem 0;}
  .form-policy-agree .check-list ul{ gap:20rem; }
  .form-policy-agree .check-list li{ flex-direction: column; align-items:flex-start; gap:20rem; }
  .form-policy-agree .check-list .btn-detail{ margin-left:38rem; }
}

/* form 하단 참조문구 */
.form-note{ margin-top:40rem; font-size:16rem; line-height: 150%; color:#6E7072; letter-spacing:-0.32rem; word-break: break-all; }
.form-note strong{ color:#111; font-weight: 600; }

@media screen and (max-width: 1024px) {
  .form-note{ margin-top:40rem; font-size:16rem; letter-spacing:-0.32rem; }
}

/* 기본 인풋 */
input[type="text"], input[type="tel"], input[type="number"]{ padding:0 16rem; width: 100%; height:60rem; font-size:20rem; color:#111; letter-spacing: -0.8rem; border:1px solid #8A8C8E; box-sizing:border-box; }
@media screen and (max-width: 1024px) {
  input[type="text"], input[type="tel"], input[type="number"]{ padding:0 16rem; height:48rem; font-size:16rem; letter-spacing: -0.64rem; }
}

/* 셀렉트 박스 */
.basic-select{ position:relative; display: inline-block; border:1px solid #8A8C8E; box-sizing:border-box; }
.basic-select select{padding:0 15rem; width:320rem; height:60rem; color:#111; border:0; background:#fff; }
.basic-select:after {content: ""; display: block; position: absolute; right: 16rem; top: 50%; margin-top: -12rem; width: 20rem; height: 20rem; background: url('../images/icon-select-arrow.svg') no-repeat center center / 20rem auto; transform: rotate(0); transition: transform .3s ease; z-index: 2; pointer-events: none; }
@media screen and (max-width: 1024px) {
  .basic-select{ width: 100%; }
  .basic-select select{ width:100%; height:48rem; }
  .basic-select select.f-b3{ font-size:16rem;}
}

/* textarea - count */
.txtarea-wrap textarea{ width: 100%; }
.txtarea-wrap .count{ display: block; margin-top:10rem; color:#6E7072; }
@media screen and (max-width: 1024px) {
  .txtarea-wrap .count{ margin-top:10rem; }
}

/* 라디오 박스 */
.radio-wrap{ display: flex; flex-wrap:wrap; align-items: center; gap:30rem 60rem; }
.radio-wrap.col{ flex-direction: column; align-items: self-start; gap:20rem;}
.radio-wrap .radio-etc{ font-size: 0; }
.radio-wrap .radio-etc .basic-radio{ display: inline-block; margin-right:16rem; }
.radio-wrap .radio-etc input[type="text"]{ width:320rem; }

.basic-radio{ position: relative; padding-left:38rem; }
.basic-radio input[type="radio"] {position: absolute; top: 3rem; left: 0; width:0; height:26rem; cursor: pointer;}
.basic-radio input[type="radio"]::before  {content: ''; display: block; width:26rem; height:26rem; background: url("../images/icon-radio.svg") no-repeat center / contain;}
.basic-radio input[type="radio"]:checked::before {background: url("../images/icon-radio-on.svg") no-repeat center / contain ;}
.basic-radio input[type="radio"]:disabled:before{ background:url("../images/icon-radio-disable.svg") no-repeat center / contain;}
.basic-radio input[type="radio"]:disabled + label{ cursor:auto; }
.basic-radio input[type="radio"]:checked:disabled::before {background: url("../images/icon-radio-on.svg") no-repeat center / contain ;}
.basic-radio input[type="radio"] + label {position: relative; z-index: 1; font-size: 20rem; line-height: 160%; color:#6E7072; letter-spacing: -0.8rem; cursor:pointer;}
@media screen and (max-width: 1024px) {
  .radio-wrap{ flex-direction: column; align-items: flex-start; gap:24rem; }
  .radio-wrap li{ width:100%; }
  .radio-wrap .radio-etc .basic-radio{ margin-right:0; }
  .radio-wrap .radio-etc input[type="text"]{ margin-top:20rem; width:100%; }

  .basic-radio{ padding-left:38rem; }
  .basic-radio input[type="radio"] { top: 1rem; height:26rem; }
  .basic-radio input[type="radio"] + label { font-size: 18rem; letter-spacing: -0.72rem; }
}

/* 체크 박스 */
.check-wrap{ display: flex; gap:20rem; }
.check-wrap.col{ flex-direction: column; }
.basic-checkbox{ position: relative; padding-left:36rem;}
.basic-checkbox input[type="checkbox"] {position: absolute; top: 3rem; left: 0; width:0; height:26rem; cursor: pointer;  }
.basic-checkbox input[type="checkbox"] + label {position: relative; z-index: 1; font-size: 20rem; line-height: 160%; color:#6E7072; letter-spacing: -0.8rem; cursor:pointer; }
.basic-checkbox input[type="checkbox"]::before {content: ''; display: block; width:26rem; height:26rem; background:#fff url("../images/icon-checkbox.svg") no-repeat center / cover; box-sizing: border-box;}
/* .basic-checkbox input[type="checkbox"].bd::before{ border:1px solid #8A8C8E; }
.basic-checkbox input[type="checkbox"].bd:checked::before{ border-color:#8F6B4A; } */
.basic-checkbox input[type="checkbox"]:checked::before {background:#fff url("../images/icon-checkbox-on.svg") no-repeat center / cover !important;}
.basic-checkbox input[type="checkbox"]:disabled::before {background:#fff url("../images/icon-checkbox-disable.svg") no-repeat center / cover !important;}
.basic-checkbox input[type="checkbox"]:disabled + label{ cursor:auto; }
.basic-checkbox input[type="checkbox"]:checked:disabled::before {background:#fff url("../images/icon-checkbox-on.svg") no-repeat center / cover !important;}
.basic-checkbox label .imp{ font-weight:500; color:#70553D; }
@media screen and (max-width: 1024px) {
  .basic-checkbox{ padding-left:35rem;}
  .basic-checkbox input[type="checkbox"] { top: 2rem; height:26rem; }
  .basic-checkbox input[type="checkbox"] + label { font-size: 18rem; letter-spacing: -0.72rem; }
  .basic-checkbox input[type="checkbox"]::before { width:26rem; height:26rem; }
}

/* 체크 박스 - 옵션 */
.checkbox-line-box{ padding:34rem 40rem;  border:1px solid #D0D1D2; }
.checkbox-line-box > div{ display: flex; justify-content:space-between; }
.checkbox-line-box > div .basic-checkbox input[type="checkbox"]{ top:4rem; }
@media screen and (max-width: 1024px) {
  .checkbox-line-box{ padding:20rem 20rem; }
  .checkbox-line-box > div{ flex-direction: column; align-items: flex-start; gap:20rem; }
  .checkbox-line-box > div .basic-checkbox input[type="checkbox"]{ top:3rem; }
  .checkbox-line-box > div .btn-detail{ margin-left:40rem; }
}

/* form 입력 - 조합신규등록 */
.form-panel { display:flex; flex-direction:column; gap:100rem; }
.form-panel > section.half{ display: flex; gap:24rem; }
.form-panel > section.half > div { width:50%; }

.form-panel hr{ border-left:0; border-right:0; border-top:0; border-color:#E8E8E8 }

.form-panel .form-tit{ margin-bottom:40rem; }
.form-panel .form-tit .tit{ color:#111; }
.form-panel .form-tit .info{ margin-top:20rem; color:#6E7072; }
.form-panel .form-tit .info strong{ color:#111; }

.form-input-area{ display: flex; flex-direction: column; gap:16rem; }
.form-input-area.gap20{ gap:20rem; }
.form-input-area .required{ display: inline-block; vertical-align: top; margin-top:7rem; margin-left: 8rem; width:6rem; height: 6rem; background:#EC0808; border-radius:50%; text-indent: -9999rem; }

.form-input-area > dl{ display: flex; align-items: center; }
.form-input-area > dl dt{ width: 300rem; color:#111;  }
.form-input-area > dl dd{ width: calc(100% - 300rem);}

.form-input-area.is-col{ gap:60rem; }
.form-input-area.is-col > dl{ flex-direction: column; }
.form-input-area.is-col > dl dt{ margin-bottom:16rem;  width: 100%;}
.form-input-area.is-col > dl dd{ width: 100%;}

.form-input-area input[type="text"], .form-input-area input[type="number"]{ max-width: 640rem; }

@media screen and (max-width: 1024px) {
  .form-panel { gap:60rem; }
  .form-panel > section.half{ gap:18rem; }
  .form-panel > section.half > div { width:100%; }

  .form-panel .form-tit{ margin-bottom:30rem; }
  .form-panel .form-tit .info{ margin-top:16rem; }

  .form-input-area{ gap:40rem; }
  .form-input-area.gap20{ gap:40rem; }
  .form-input-area .required{ margin-top:7rem; margin-left: 6rem; width:6rem; height: 6rem; }

  .form-input-area > dl{ flex-direction: column; }
  .form-input-area > dl dt{ width: 100%; margin-bottom:16rem; }
  .form-input-area > dl dd{ width: 100%;}

  .form-input-area.is-col{ gap:40rem; }
  .form-input-area.is-col > dl dt{ margin-bottom:15rem; }

  .form-input-area input[type="text"], .form-input-area input[type="number"]{ max-width:100%; }
}

/* 일정 선택 */
.form-schedule .search-time{ display: flex; align-items: center; gap:40rem; padding:20rem 40rem; background:#F8F8F8; }
.form-schedule .search-time > div{ display: flex; gap:40rem; }
.form-schedule .search-time .time-range { display: flex; align-items: center; gap:16rem; }
.form-schedule .search-time .time-range .sel-time{ display: flex; align-items: center; gap:12rem; }
.form-schedule .search-time .time-range select{ width:160rem; }
.form-schedule .search-time .btn-box { display: flex; gap:8rem; }

.form-schedule .schedule-picker{ display: flex; gap:60rem; margin-top:75rem; }
.form-schedule .schedule-picker .calender-box{ width:800rem; }
.form-schedule .schedule-picker .calender-top{ display: flex; align-items: center; justify-content: center; gap:40rem; margin-bottom:40rem; }
.form-schedule .schedule-picker .calender-top button{ width:40rem; height:40rem; text-indent: -9999rem;}
.form-schedule .schedule-picker .calender-top .prev{ background:url('../images/icon-calender-prev.svg') no-repeat center / cover; }
.form-schedule .schedule-picker .calender-top .next{ background:url('../images/icon-calender-next.svg') no-repeat center / cover; }
.form-schedule .schedule-picker .calender-top p{ color:#000; }

.form-schedule .schedule-picker .calender-body table{ table-layout: fixed; }
.form-schedule .schedule-picker .calender-body thead{ background:#231F20; }
.form-schedule .schedule-picker .calender-body thead th{ height:60rem; font-size: 18rem; line-height: 160%; color:#fff; letter-spacing: -0.72rem; font-weight: 600; }
.form-schedule .schedule-picker .calender-body tbody td{ border:1px solid #D0D1D2; }
.form-schedule .schedule-picker .calender-body tbody td:first-child{ border-left:0; }
.form-schedule .schedule-picker .calender-body tbody td:last-child{ border-right:0; }
.form-schedule .schedule-picker .calender-body tbody td button{ position: relative; display: flex; flex-direction: column; padding:16rem; width:100%; height:115rem; font-size: 18rem; line-height: 160%; color:#111; letter-spacing: -0.72rem; font-weight: 500; box-sizing:border-box; text-align: left; border:2px solid #fff; }
.form-schedule .schedule-picker .calender-body tbody td button.checked{ border-color:#8F6B4A; color:#8F6B4A; background:#FCF9F7; }
.form-schedule .schedule-picker .calender-body tbody td .today{ padding-top:2rem; color:#535455; }
.form-schedule .schedule-picker .calender-body tbody td button:disabled{ color:#A1A3A5; cursor: auto; }

.form-schedule .schedule-picker .time-box{ padding-top:27rem; width: calc(100% - 860rem); }
.form-schedule .schedule-picker .time-box .time-list{ display: flex;  flex-wrap:wrap; gap:12rem; margin-top:28rem; max-height:640rem; overflow-y:auto; }
.form-schedule .schedule-picker .time-box .time-list li{ width:100%; }
.form-schedule .schedule-picker .time-box .time-list button{ position:relative; display: flex; flex-direction: column; gap:4rem; padding:20rem; width: 100%; color:#111; border:1px solid #D0D1D2; box-sizing: border-box; }
.form-schedule .schedule-picker .time-box .time-list button span{ color:#6E7072; font-weight: 400; }
.form-schedule .schedule-picker .time-box .time-list button.checked::before{ content:''; position: absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:2px solid #231F20; box-sizing:border-box; }
.form-schedule .schedule-picker .time-box .time-list button.disabled{ color:#A1A3A5; background:#F8F8F8; border-color:#D0D1D2; cursor: auto;}
.form-schedule .schedule-picker .time-box .time-list button.disabled span{ color:#A1A3A5; }

/* .radio-time{ position: relative;}
.radio-time input[type="radio"] {z-index: 100; position: absolute; top: 0; left: 0; width: 0; height: 100%; }
.radio-time input[type="radio"] + label { position:relative; display: flex; flex-direction: column; justify-content: center; gap:4rem; width: 100%; height: 105rem; text-align: center; cursor: pointer; cursor: pointer; border:1px solid #D0D1D2; }
.radio-time input[type="radio"] + label::before{ content: ''; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); box-sizing:border-box; border:2px solid #231F20; opacity: 0; }
.radio-time input[type="radio"]:focus-within + label {border-color: #231F20;}

.radio-time input[type="radio"] + label .time{ color:#111; }
.radio-time input[type="radio"] + label .remain{ color:#6E7072; }
.radio-time input[type="radio"]:checked + label::before{ opacity: 1; }
.radio-time input[type="radio"]:disabled + label{ background:#F8F8F8; cursor:auto; }
.radio-time input[type="radio"]:disabled + label .time{ color:#A1A3A5; }
.radio-time input[type="radio"]:disabled + label .remain{ color:#A1A3A5; }  */

.form-schedule .schedule-picker .time-box .time-list::-webkit-scrollbar { width: 4px; height: 4px;}
.form-schedule .schedule-picker .time-box .time-list::-webkit-scrollbar-track { background: transparent;}
.form-schedule .schedule-picker .time-box .time-list::-webkit-scrollbar-thumb { background-color: #D0D1D2; border-radius: 4px;}

.form-schedule .schedule-picker .time-box .none-box{ display: flex; justify-content: center; align-items: center; margin-top:29rem; height:640rem; border:1px solid #D0D1D2; }
.form-schedule .schedule-picker .time-box .none-box p{ display: flex; flex-direction: column; gap:4rem; padding-top:104rem; background: url('../images/ico-no-search.svg') no-repeat top center / 64rem auto; text-align: center;}
.form-schedule .schedule-picker .time-box .none-box p span{ display: block;}
@media screen and (max-width: 1024px) {
  .form-schedule .search-time{ align-items: flex-start; flex-direction: column; gap:20rem; padding:20rem; }
  .form-schedule .search-time .time-range select{ font-size: 16rem; letter-spacing: -0.64rem; }
  .form-schedule .search-time .btn-box button { font-size: 16rem; letter-spacing: -0.64rem; }

  .form-schedule .schedule-picker{ flex-direction: column; gap:0; margin-top:60rem; }
  .form-schedule .schedule-picker .calender-box{ width:100%; }
  .form-schedule .schedule-picker .calender-top{ gap:40rem; margin-bottom:20rem; }
  .form-schedule .schedule-picker .calender-top button{ width:40rem; height:40rem; }

  .form-schedule .schedule-picker .calender-body thead th{ height:40rem; font-size: 15rem; letter-spacing: -0.3rem; }
  .form-schedule .schedule-picker .calender-body tbody td button{ padding:5rem 10rem; height:64rem; font-size: 13rem; letter-spacing: -0.26rem; font-weight: 600; }
  .form-schedule .schedule-picker .calender-body tbody td .today{ padding-top:4rem; font-size: 11rem; letter-spacing: -0.22rem;}

  .form-schedule .schedule-picker .time-box{ padding-top:60rem; width: 100%; }
  .form-schedule .schedule-picker .time-box .time-list{ gap:10rem; margin-top:20rem; max-height:287rem; }
  .form-schedule .schedule-picker .time-box .time-list li{ width:calc(50% - 5rem); }
  .form-schedule .schedule-picker .time-box .time-list button{ gap:2rem; padding:16rem; }
  /* .radio-time input[type="radio"] + label { gap:2rem; height: 89rem;  }  */

  .form-schedule .schedule-picker .time-box .none-box{ margin-top:20rem; height:374rem; }
  .form-schedule .schedule-picker .time-box .none-box p{gap:4rem; padding-top:72rem; background-size: 48rem auto; }
}
@media screen and (max-width: 768px) {
  .form-schedule .search-time > div{ flex-direction: column; gap:20rem; width:100%; }
  .form-schedule .search-time .time-range { flex-wrap:wrap; gap:8rem; }
  .form-schedule .search-time .time-range .sel-time{ width:43%; gap:8rem; }
  .form-schedule .search-time .time-range select{ width:100%; }
  .form-schedule .search-time .btn-box { gap:8rem; }
}
/* form 휴대폰 번호 */
.form-phone{ display: flex; flex-direction: column; gap:16rem; }
.form-phone > div{ display: flex; gap:12rem;}
.form-phone > div input{ width: 412rem; }
.form-phone > div .auth-code{ position: relative; }
.form-phone > div .auth-code input{ padding-right:78rem; }
.form-phone > div .auth-code .time{ position:absolute; right:16rem; top:50%; transform: translateY(-50%); color:#70553D; }
@media screen and (max-width: 1024px) {
  .form-phone{ gap:16rem; }
  .form-phone > div{ gap:8rem;}
  .form-phone > div button{ }
  .form-phone > div input{ width:  100%; }
  .form-phone > div .auth-code{ position: relative; width: 100%; }
  .form-phone > div .auth-code input{ padding-right:65rem; width: 100%;}
  .form-phone > div .auth-code .time{ right:16rem; }
}
/* form 첨부파일 */
.form-upload .file-upload {flex-shrink: 0; position: relative;}
.form-upload .file-upload label.btn-primary{ cursor: pointer; }
.form-upload .file-upload input[type=file]:focus + label.btn-primary{ border:2px solid red; }
.form-upload .file-upload input[type=file] {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; overflow: hidden; cursor: pointer;}
.form-upload .file-upload input[type=file]::-webkit-file-upload-button {cursor: pointer;}

.form-upload .files{ display: flex; flex-wrap:wrap; gap:12rem; margin-top:40rem; }
.form-upload .files li{ display: flex; gap:8rem; align-items: center; padding:7.5rem 12rem; background:#F3F3F4; color:#535455; }
.form-upload .files li button{ flex:0 0 16rem; width:16rem; height:16rem; background:url('../images/icon-file-delect.svg') no-repeat center / contain; text-indent: -9999rem;}
.form-upload + .note{ margin-top:60rem; color:#6E7072; }
@media screen and (max-width: 1024px) {
  .form-upload .files{ gap:12rem; margin-top:30rem; }
  .form-upload .files li{ gap:8rem; padding:9rem 12rem; }
  .form-upload .files li button{ flex:0 0 16rem; width:16rem; height:16rem; }
  .form-upload + .note{ margin-top:40rem; }
}

/* 업로드된 파일 회색박스 */
.file-view{ margin-top:60rem; display: flex; flex-direction: column; gap:10rem; padding:30rem 40rem; background:#F8F8F8 ;}
.file-view button, .file-view a{ position:relative; padding-left:40rem; color:#535455; text-align: left; white-space: normal; word-break: break-all; }
.file-view button::before, .file-view a::before{ content:''; position:absolute; left:0; top:0; width:24rem; height:24rem; background:url('../images/icon-download.svg') no-repeat center / cover; }
.file-view button:hover, .file-view a:hover{ color:#111; text-decoration: underline; }
@media screen and (max-width: 1024px) {
  /* 업로드된 파일 회색박스 */
  .file-view{ margin-top:60rem; gap:12rem; padding:30rem 20rem; }
}

/* 설문조사 */
.form-survey{ display: flex; flex-direction: column; }
.form-survey > fieldset:not(:last-child){ margin-bottom:45rem; padding-bottom:45rem; border-bottom:1px solid #D0D1D2; }
.form-survey > fieldset .img-area{ margin-bottom:30rem; }
.form-survey > fieldset .img-area img{ display: block; margin:0 auto; /*width: 100%;*/ max-width: 100%;}
.form-survey > fieldset legend{ margin-bottom:30rem; color:#111; }
.form-survey > fieldset textarea{ width: 100%; height:200rem; resize: none;}

.form-survey .status-panel{ margin-bottom:45rem; padding:40rem; border:1px solid #D0D1D2; }
.form-survey .status-panel .tit{ font-size: 20rem; line-height: 160%; letter-spacing: -0.8rem; }
.form-survey .status-panel .tit.w-icon{ padding-top:74rem; }

@media screen and (max-width: 1024px) {
  .form-survey > fieldset:not(:last-child){ margin-bottom:40rem; padding-bottom:40rem; }
  .form-survey > fieldset .img-area{  margin-bottom:30rem; }
  .form-survey > fieldset .img-area a{ display: flex; flex-direction: column; align-items: end; }
  .form-survey > fieldset .img-area .img-bx{ position: relative; display: block; width: 100%; padding-bottom:67%; overflow: hidden;}
  .form-survey > fieldset .img-area img{ position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; }
  .form-survey > fieldset .img-area .zoom{ display: inline-block; width:32rem; height:32rem; background:rgba(35,31,32,0.8) url('../images/icon-zoom.svg') no-repeat center / 21rem auto; z-index:1; pointer-events: none; }

  .form-survey > fieldset legend{ margin-bottom:30rem; }
  .form-survey > fieldset textarea{ height:200rem; }

  .form-survey .status-panel{ margin-bottom:40rem; padding:40rem 20rem; }
  .form-survey .status-panel .tit{ font-size: 18rem; letter-spacing: -0.72rem; }
  .form-survey .status-panel .tit.w-icon{ padding-top:74rem; }
}

/*******************************************
 * 버튼
 *******************************************/
.btn-area{ position:relative; margin-top:60rem; display: flex; justify-content: center; flex-wrap:wrap; gap:12rem; }
.btn-area.half > *{ flex:1; }

.btn-area .left{ position: absolute; left:0; }
.btn-area .count{ color:#6E7072; font-weight: 400; }

.btn-primary{ display:inline-block; padding:16rem 24rem; min-width: 100rem; font-size:20rem; line-height: 130%; color:#fff; background:#231F20; font-weight:600; letter-spacing: -0.8rem; border:1px solid #231F20; text-align: center; box-sizing:border-box; }
.btn-primary:focus{ outline-color: red; }
.btn-primary.outline{ color:#231F20; background:#fff; }
.btn-primary.mid{ width:100%; max-width: 220rem; }
.btn-primary.wide{ width:100%; max-width: 400rem; }
.btn-primary.w100{ width:100%; }

.btn-primary .arrow{ position: relative; display: inline-block; padding-left:36rem; }
.btn-primary .arrow::before{ content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); width:24rem; height:24rem; background:url('../images/icon-goto-list.svg') no-repeat center / cover; }

.btn-floating{ position: fixed; z-index:10; right:-88rem; top:50%; display: flex; justify-content: center; align-items: center; width:88rem; height:80rem; transform: translateY(-50%); border:1px solid #231F20; background:#fff; transition: box-shadow 0.5s ease, background 0.5s ease, right 0.4s ease; color:#231F20; }
.btn-floating.show{ right:0; }
.btn-floating:hover{ box-shadow: 6rem 12rem 20rem rgba(0,0,0,.1); }
.btn-floating:active{ background:#231F20; color:#fff; }

.btn-detail{ position:relative; padding-right: 16rem; font-size:18rem; line-height: 130%; letter-spacing: -0.36rem; color: #111; font-weight: 600; }
.btn-detail::before{ content:''; position:absolute; right:0; top:50%; margin-top:-6rem; width:12rem; height:12rem; background:url('../images/icon-check-detail-arrow.svg') no-repeat center / cover; }

.btn-btm-txt{ width:100%; margin-top:40rem; text-align:center; color:#6E7072; }

@media screen and (max-width: 1024px) {
  .btn-area{ margin-top:80rem; gap:0 8rem; }
  .btn-area.half{ gap:12rem; }

  .btn-area .btn-primary{ padding:18rem 24rem; font-size: 18rem; letter-spacing: -0.72rem;}

  .btn-primary{ padding:11rem 24rem; min-width: auto; font-size:16rem; letter-spacing: -0.64rem; }
  .btn-primary.mid{ max-width: 150rem; }
  .btn-primary.wide{ max-width: 300rem; }

  .btn-floating{ top:auto; bottom:0; transform: translateY(0); width:72rem !important; height:60rem; font-size: 14rem; }

  .btn-detail{ padding-right: 16rem; font-size: 16rem; letter-spacing: -0.32rem; }
}
@media screen and (max-width: 768px) {

  .btn-area .left{ position: relative; left: auto; }

  .btn-primary.mid{ max-width: 100%; }
  .btn-primary.wide{ max-width: 500rem; }

  .btn-primary .arrow{ padding-left:0; }
  .btn-primary .arrow::before{ display:none; }

  /* type1 : 목록 + 버튼 */
  .btn-area.m-type1{ display: flex; justify-content: center; flex-direction: row-reverse; gap:8rem; }
  .btn-area.m-type1 .left{ width:30%; padding-left:10rem; padding-right:10rem; }
  .btn-area.m-type1 > *:not(.left){ width:calc(70% - 8rem)}

  /* type2 : 목록 + 버튼 2개 */
  .btn-area.m-type2{ padding-bottom:120rem; }
  .btn-area.m-type2 button, .btn-area.m-type2 a{ margin:0 !important; width:calc(50% - 4rem); }
  .btn-area.m-type2 .left{ position: absolute; left:0; bottom:0; width:100%; }

   .btn-btm-txt{ margin-top:20rem; }
}


/*******************************************
 * 테이블
 *******************************************/
.table-wrap .last-border {border-right: none !important;}
.table-wrap .a-center {text-align: center !important;}

.sub-footer .table-wrap {margin-top: 30rem;}
.sub-footer .table-wrap tr th {border-top: 1px solid #231F20; background: #F3F3F4; border-right: 1px solid #D0D1D2; border-bottom: 1px solid #D0D1D2; padding: 16rem 20rem; font-size: 20rem; font-weight: 600; color: #111; line-height: 160%; letter-spacing: -0.8rem; text-align: center;}
.sub-footer .table-wrap tr td {border-right: 1px solid #D0D1D2; border-bottom: 1px solid #D0D1D2; padding: 16rem 20rem; font-size:18rem; line-height: 160%; letter-spacing: -0.72rem; color: #6E7072; text-align: left;}

@media screen and (max-width: 1024px) {
  .table-wrap {width: 100%; overflow-x: auto;}
}

/*******************************************
 * 탭
 *******************************************/
.tab-wrap {position: relative; display: flex; align-items: center; width: 100%;}
.tab-area {gap: 40rem;}
.tab-area .tab{ color:#111; }
.tab-area .tab:hover,
.tab-area .tab.is-active {border-bottom: 2px solid #231F20;}
.tab-area .tab .count {background: #8F6B4A; padding: 2rem 6rem; border-radius: 100rem; color: #fff; vertical-align: top; overflow-wrap: break-word;}
.tab-area .tab.last-tab {padding-right: 6rem;}
.tab-wrap .mo-only {display: none; position: absolute; top: -4rem; z-index: 99;}
.tab-wrap .tab-prev.mo-only {left: -25rem;}
.tab-wrap .tab-next.mo-only {right: -25rem;}
.tab-area.type2 {width: 100%; gap: 0;}
.tab-area.type2 .tab {width: 33.3%; border-bottom: 2px solid #231F20; background: #fff; padding: 21rem;}
.tab-area.type2 .tab:hover,
.tab-area.type2 .tab.is-active {background: #231F20; color: #fff;}
.tab-area.type2 .tab.is-active:focus { outline-color:red;}
@media screen and (max-width: 1024px) {
  .tab-area {overflow-x: auto; width: 100%; gap: 24rem;}
  .tab-area.type2 .tab{ padding:21rem 5rem; }
}
@media screen and (max-width: 768px) {
  .tab-wrap {justify-content: center;}
  .tab-wrap .mo-only {display: inline-flex; align-items: center; justify-content: center;}
}

/*******************************************
 * 게시판
 *******************************************/
/* 검색박스 */
.sub-footer .form-select.flex-area {gap: 12rem;}
.sub-footer .form-select .form-select-arr select.w320 {width: 320rem;}
.sub-footer .form-select .form-select-arr {position: relative;}
.sub-footer .form-select .form-select-arr select {position: relative; padding: 0 40rem 0 16rem; width: 100%; height: 60rem; color: #231F20; border: 1px solid #8A8C8E; z-index: 1; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.sub-footer .form-select .form-select-arr:after {content: ""; display: block; position: absolute; right: 16rem; top: 50%; margin-top: -12rem; width: 24rem; height: 24rem; background: url(../images/ico-select-arrow.svg) no-repeat center center / 24rem auto; z-index: 2; pointer-events: none;}
.sub-footer .form-panel .board-top .srch-area.flex-area {gap: 8rem;}

.search-txt-box {position: relative; padding: 0 80rem 0 16rem !important; z-index: 1; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.search-txt-box-arr {position: relative; width: 576rem;}
.search-txt-box-arr .btn-search {position: absolute; right: 16rem; top: 50%; margin-top: -12rem; width: 24rem; height: 24rem; background: url(../images/ico-search-box.svg) no-repeat center center / 24rem auto; z-index: 2;}
.search-txt-box-arr .btn-search-reset {position: absolute; right: 48rem; top: 50%; margin-top: -10rem; width: 20rem; height: 20rem; background: url(../images/ico-search-erase.svg) no-repeat center center / 20rem auto; z-index: 2;}

/* 목록 */
.board-area .board-table {border-top: 1px solid #D0D1D2;}
.board-area .board-table thead tr th {padding: 24rem; background: #F8F8F8; text-align: center; color: #6E7072;}
.board-area .board-table tbody tr {border-top: 1px solid #E8E8E8;}
.board-area .board-table tbody tr td {padding: 60rem 24rem; text-align: center; color: #6E7072;}
.board-area .board-table tbody tr td.type {color: #70553D;}
.board-area .board-table tbody tr td.title a {color: #111; display: block; max-width: 1100rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board-area .board-table tbody tr td.state .badge {background: #F3F3F4; padding: 8rem 13rem; border-radius: 999rem;}
.board-area .board-table tbody tr td.state.complete .badge {background: #F1E8E0; color: #70553D;}
.board-area .board-table tbody tr td .hidden-pc {border: 0;clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px;margin: -1px; overflow: hidden;padding: 0; position: absolute; white-space: nowrap;}

.board-area .board-list {width: 100%; border-top: 1px solid #D0D1D2;}
.board-area .board-list .board-header {background: #F8F8F8; padding: 24rem; color: #6E7072; text-align: center;}
.board-area .board-list .board-body li {border-top: 1px solid #E8E8E8; background: #fff; padding: 60rem 24rem;}
.board-area .board-list .board-body li .board-item {text-align: center; color: #111;}
.board-area .board-list .board-body li .board-item .category {color: #70553D;}
.board-area .board-list .board-body li .board-item .date {color: #6E7072;}
.board-area .notice .board-list .board-header {display: grid; grid-template-columns: 120rem 1fr 120rem; column-gap: 80rem; }
.board-area .notice .board-list .board-body li .board-item {display: grid; grid-template-columns: 120rem 1fr 120rem; column-gap: 80rem; }
.board-area .notice .board-list .board-body li .board-item a.title {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-word;}

/* card list */
.board-area .board-card-list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24rem;}
.board-area .board-card-list .list {position: relative; padding: 60rem; display: flex; flex-direction: column; align-items: flex-start; gap: 80rem;}
.board-area .board-card-list .list::before{ content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; border: 1px solid #D0D1D2; box-sizing:border-box; pointer-events: none; transition: all 0.05s ease;}
.board-area .board-card-list .list:hover::before, .board-card-list .list:focus-within::before {border: 2px solid #231F20;}
.board-area .board-card-list .list .txt-area{ width:100%; max-width:calc(100% - 100rem); }
.board-area .board-card-list .list .txt-area .tit { display: block; color: #111;}
.board-area .board-card-list .list .txt-area .info-area{ display: flex; flex-direction: column; gap:17rem; margin-top:20rem; }
.board-area .board-card-list .list .txt-area .info-area dl{ display: flex; flex-wrap:wrap; gap:0 40rem; }
.board-area .board-card-list .list .txt-area .info-area dt{ color:#111; }
.board-area .board-card-list .list .txt-area .info-area dd{ color:#6E7072 }

.board-area .board-card-list .btn-area{ margin-top:0; }
.board-area .board-card-list .state { position: absolute; right: 60rem; top: 60rem; padding: 6rem 12rem; border: 1px solid #231F20; border-radius: 3rem;}
.board-area .board-card-list .state.is-writing { color: #111; }
.board-area .board-card-list .state.is-none { color: #6E7072; border-color:#D0D1D2 ; }
.board-area .board-card-list .state.is-joined { color: #6E7072; background:#F3F3F4; border-color:#F3F3F4;  }

/* .board-area .board-card-list .btn-area a span {color: #6E7072; font-weight: 400; margin-left: 8rem;} */

@media (max-width: 1024px){
  .sub-footer .form-select .form-select-arr,
  .sub-footer .form-select .form-select-arr select.w320 { height: 45rem;}

  .board-area .board-table colgroup {display: none;}
  .board-area .board-table thead tr th {display: none;}
  .board-area .board-table tbody tr {display: block; padding: 30rem 16rem; position: relative;}
  .board-area .board-table tbody tr td {display: block; width: 100%; padding: 0; text-align: left;}
  .board-area .board-table tbody tr td:nth-child(1),
  .board-area .board-table tbody tr td:nth-child(2) {display: inline-block; width: auto;}
  .board-area .board-table tbody tr td:nth-child(2) {position: absolute; right: 16rem; top: 30rem;}
  .board-area .board-table tbody tr td.title {margin-top: 24rem; margin-bottom: 25rem;}
  .board-area .board-table tbody tr td.title a {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-word; max-width: unset; white-space: normal; line-height: 130%;}
  .board-area .board-table tbody tr td.state {margin-bottom: 14rem;}
  .board-area .board-table tbody tr td .hidden-pc {display: inline-block; position: static; width: 54rem; height: auto; margin-right: 20px; overflow: visible; clip: auto; white-space: normal; clip-path: unset; font-size: 16rem; line-height: 160%; letter-spacing: -0.64px; color: #6E7072; font-weight: 400;}

  /* card list */
  .board-area .board-card-list { grid-template-columns: repeat(1, 1fr); gap: 20rem;}
  .board-area .board-card-list .list { padding:108rem 30rem 30rem; gap: 60rem;}
  .board-area .board-card-list .list .txt-area{ width:100%; max-width:100%; }
  .board-area .board-card-list .list .txt-area .info-area{ gap:20rem; margin-top:20rem; }
  .board-area .board-card-list .list .txt-area .info-area dl{ gap:0 18rem; }

  .board-area .board-card-list .btn-area a{ padding:11rem 24rem; font-size: 16rem; }
  .board-area .board-card-list .state { right:auto; left:30rem; top: 30rem; padding: 3rem 7rem; border-radius: 3rem;}

  .board-area .board-card-list + .btn-area{ margin-top:30rem; }
}

@media (max-width: 768px) {
  .sub-footer .form-panel .board-top .srch-area.flex-area {align-items: flex-end;}
  .sub-footer .form-select.flex-area {flex-direction: column; align-items: flex-start; width: 100%;}
  .sub-footer .form-select .form-select-arr,
  .sub-footer .form-select .form-select-arr select.w320 {width: 100%; }

  .board-area .board-list .board-header {display: none !important;}
  .board-area .board-list .board-body li {padding: 30rem 16rem;}
  .board-area .notice .board-list .board-body li .board-item {grid-template-columns: 1fr; row-gap: 12rem; text-align: left;}
  .board-area .notice .board-list .board-body li .board-item .date {margin-top: 12rem;}
}

@media screen and (max-width: 640px) {
  .srch-area,
  .form-select,
  .search-txt-box-arr {width: 100% !important;}
  .search-txt-box-arr .search-txt-box {max-width: 100% !important;}
}

/* 페이징 */
.pagination {display: flex; align-items: center; justify-content: center; width: 100%; gap: 8rem; margin-top: 160rem;}
.pagination li {width: 40rem; height: 40rem; text-align: center; line-height: 40rem; font-size: 18rem; font-weight: 600;}
.pagination li a {color: #535455;}
.pagination li.on a {color: #70553D;}
.pagination li.btn_bak {background: no-repeat center center / 17px auto; transition: background-image .2s ease-in-out;}
.pagination li.btn_bak.first {background-image: url(../images/ico-page-first-arrow.svg);}
.pagination li.btn_bak.prev {background-image: url(../images/ico-page-prev-arrow.svg);}
.pagination li.btn_bak.next {background-image: url(../images/ico-page-next-arrow.svg);}
.pagination li.btn_bak.last {background-image: url(../images/ico-page-last-arrow.svg);}

@media screen and (max-width: 768px) {
  .pagination {margin-top: 80rem; gap: 4rem;}
  .pagination li {width: 32rem; height: 32rem; line-height: 32rem;}
}

/* 검색결과 없음 */
.cont-area .no-search {border: 1px solid #D0D1D2; padding: 160rem 60rem; display: flex; justify-content: center; align-items: center;}
.cont-area .no-search p {padding-top: 104px; background: url(../images/ico-no-search.svg) no-repeat top center; background-size: 64px; text-align: center;}

@media screen and (max-width: 1024px) {
  .cont-area .no-search {padding: 120rem 60rem;}
  .cont-area .no-search p {padding-top: 72rem;}
}

/* board view */
.board-view-panel{ display: flex; flex-direction: column; padding-top:220rem; }
.board-view-panel > section{ padding-bottom:45rem; margin-bottom:45rem; border-bottom:1px solid #231F20; }
.board-view-panel > section:last-of-type{ margin-bottom:0; }
.board-view-panel > section.pb80{ padding-bottom:80rem; }
.board-view-panel > .btn-area{ margin-top:80rem; }
.board-view-panel .board-view-tit{ padding-bottom: 40rem; margin-bottom: 80rem; border-bottom:1px solid #D0D1D2; }
.board-view-panel .board-view-tit .back-btn{ margin-bottom:40rem; width: 48rem; height: 48rem; background: url(../images/ico-news-board-back.svg) no-repeat; background-size: cover; }
.board-view-panel .board-view-tit .tit-area .state{ display: inline-block; margin-bottom:20rem; padding:3rem 7rem; border:1px solid #231F20; border-radius:3rem; }
.board-view-panel .board-view-tit .tit-area .is-none{ color:#6E7072; border-color:#D0D1D2; }
.board-view-panel .board-view-tit .tit-area .is-joined{ color:#6E7072; background:#F3F3F4; border-color:#F3F3F4; }

.board-view-panel .board-view-tit .tit-area .tit{ color:#111; }
.board-view-panel .board-view-tit .tit-area .date{ display: block; margin-top:40rem; color:#6E7072; }

.board-view-panel .board-view-tit .label-value-list{ margin-top:40rem; }

.board-view-panel .board-view-cont{ color:#6E7072; }
.board-view-panel .board-view-cont img{ max-width: 100%;}
.board-view-panel .board-view-cont p {font-size: 20rem; line-height: 160%; letter-spacing: -0.8rem;}

.board-view-panel > section .file-view{ margin-top:80rem; }
.board-view-panel > section .sec-tit{ margin-bottom:30rem; color:#111; }

@media screen and (max-width: 1024px) {
  .board-view-panel{ padding-top:120rem; }
  .board-view-panel > section{ padding-bottom:40rem; margin-bottom:40rem; }
  .board-view-panel > section.pb80{ padding-bottom:60rem; }
  .board-view-panel > .btn-area{ margin-top:80rem; }
  .board-view-panel .board-view-tit{ padding-bottom: 40rem; margin-bottom: 60rem; }
  .board-view-panel .board-view-tit .back-btn{ margin-bottom:40rem; width: 48rem; height: 48rem; background-position: left center; background-size: 29rem auto; }
  .board-view-panel .board-view-tit .tit-area .state{ margin-bottom:20rem; padding:3rem 7rem; }

  .board-view-panel .board-view-tit .tit-area .date{ margin-top:40rem; }

  .board-view-panel .board-view-tit .label-value-list{ margin-top:40rem; }

  .board-view-panel .board-view-cont p {font-size: 18rem; letter-spacing: -0.72rem;}

  .board-view-panel > section .file-view{ margin-top:60rem; }
  .board-view-panel > section .sec-tit{ margin-bottom:30rem; }
}

/*******************************************
 * Common Contents
 *******************************************/

/* 정보 리스트 */
.label-value-list{ position:relative; display: flex; flex-direction: column; gap:60rem; }
.label-value-list.outline{ padding:45rem 0; border-top:1px solid #231F20; border-bottom:1px solid #D0D1D2; }
.label-value-list.outline.bak {background: #F8F8F8;}
.label-value-list dl{ display: flex; flex-wrap:wrap; gap:30rem 20rem; }
.label-value-list dt{ width:160rem; color:#111; }
.label-value-list dd{ position:relative; width:calc(100% - 180rem); color:#6E7072; }
.label-value-list dl.dt-wide dt{ width:280rem;}
.label-value-list dl.dt-wide dd{ width:calc(100% - 300rem);}

.label-value-list dd.tit {color: #111;}

.label-value-list dl.col{ flex-direction: column; gap:20rem; }
.label-value-list dl.col dt{ width:100%; }
.label-value-list dl.col dd{ width:100%; }

.label-value-list dd .badge{ display: inline-block; padding:5rem 11rem; color:#70553D; border:1px solid #8F6B4A; border-radius:3rem; }
.label-value-list dd .badge-round{ margin-left:12rem; padding:7rem 12rem; color:#70553D; background:#F1E8E0; border-radius:18rem;}
.label-value-list dd .badge-round.none{ color:#6E7072; background:#F3F3F4; }

.label-value-list hr{ border:0; border-bottom:1px solid #D0D1D2; }

@media screen and (max-width: 1024px) {
  .label-value-list{ gap:60rem; }
  .label-value-list.outline{ padding:40rem 0; }
  .label-value-list dl{ gap:16rem 20rem; }
  .label-value-list dt{ width:80rem; }
  .label-value-list dt.f-b2{ font-size: 18rem; letter-spacing: -0.72rem;}
  .label-value-list dd{ width:calc(100% - 100rem); }

  .label-value-list dl.dt-wide dt{ width:130rem;}
  .label-value-list dl.dt-wide dd{ width:calc(100% - 150rem)}
  .label-value-list dl.dt-wide.m-auto dt{ width:80rem; }
  .label-value-list dl.dt-wide.m-auto dd{ width:calc(100% - 100rem)}

  .label-value-list dl.col{ gap:16rem; }

  .label-value-list dd:last-child{ margin-bottom:0; }
  .label-value-list dd .badge{ padding:3rem 8rem; }
  .label-value-list dd.f-b2{ font-size: 18rem; letter-spacing: -0.72rem;}
}
@media screen and (max-width: 768px) {
  .label-value-list dd .badge {padding: 3rem 8rem;}
}