/*reset.css*/
body, html{ margin:0; padding:0; width:100%; height:100%; position: relative;}
body, html, input, textarea, select, button, table{ 
	font-family: 'garamond', 'gb', sans-serif;
	-webkit-font-smoothing:antialiased
 }
form, fieldset, h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }
form, fieldset, button{ border:none; }
ol, ul, li{ list-style:none; padding:0; margin:0; }
img{ max-width:100%; }
a{ color:inherit; }
a, a:hover{ text-decoration:none; }

.d-lg-none{ display:none; }
.d-lg-block{ display:block; }

#nc_container{z-index: 9999999999 !important;}

.font-ns{font-family: "Noto Sans KR", sans-serif !important;}

/*header*/
header{ position:fixed; z-index:9999; top:0; left:0; width:100%; transition:all .5s; background-color: transparent;}
header, header *{ box-sizing:border-box; }
.hd_con{ width:100%; padding: 2rem 4rem 0; position: relative; transition: .5s; display: flex;  align-items: center; justify-content: space-between;}
.hd-wrap{display: flex; align-items: center;}
.hd-etc{margin-right: 1rem;}
.hd-etc > ul{display: flex; align-items: center;}
.hd-etc > ul > li{position: relative; margin-right: 10px; padding-right: 10px;}
.hd-etc > ul > li::after{content: ""; width: 2px; height: 2px; border-radius: 50%; background-color: #fff; top: 12px; right: -1px; position: absolute; transition: .4s;}
.hd-etc > ul > li:last-child{margin-right: 0; padding-right: 0;}
.hd-etc > ul > li:last-child::after{display: none;}
.hd-etc > ul > li > a{font-size: 20px; color: #fff; font-weight: 500; transition: .4s; line-height: 1;}
.hd-etc > ul > li > a > span{line-height: 1; font-size: 25px;}
.hd-etc > ul > li > a > span.custom-y{display: inline-block;}

/*gnb*/
.hd_bt{ position:relative; z-index:5; }
.lg{ transition: .5s;}
.lg > a > img{width: 100%; max-width: 250px;}

#gnb{margin-right: 20px;}
#gnb > ul{ padding-left: 0; margin-bottom: 0; display: flex;}
#gnb > ul > li{text-align: center; position: relative;}
#gnb > ul > li > a{ display:inline-block; padding: 1.5rem 20px; font-size:20px; font-weight:700; color: #fff; transition: .4s;}
#gnb > ul > li > ul{ position:absolute; z-index:1; top:100%; left:50%; transform: translateX(-50%); display:none; width: 100%; min-width: 130px; box-sizing: border-box; background-color: #fff; padding:20px 10px 20px; text-align: center;  box-shadow: 0 12px 30px -2px rgba(0,0,0,.1);}
#gnb > ul > li > ul > li{ position:relative; z-index:1; text-align: center;}
#gnb > ul > li > ul > li > a{ display:block; padding:8px 0; font-size:14px; white-space:nowrap; position: relative; font-weight: 700;}
#gnb > ul > li > ul > li > a::before{content: ""; transition: .3s; width: 0; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0;}
#gnb > ul > li > ul > li:hover > a::before{width: 100%;}
#gnb > ul > li > ul > li > ul{ position:absolute; z-index:1; top:-10px; left: calc(100% + 15px); padding: 10px 0; display:none; min-width:150px; box-shadow:0 12px 30px -2px rgba(0,0,0,.1); background-color: #fafafa;}
#gnb > ul > li > ul > li > ul > li > a{ display:block; padding:10px 15px; font-size:14px; }

header.scr{background-color: #fff;}
header.scr .hd_con{padding: 0 4rem;}
header.scr #gnb > ul > li > a{color: #6c5631;}
header.scr #gnb > ul > li > a::after{background-color: #6c5631;}
header.scr #gnb > ul > li > ul > li{color: #6c5631;}
header.scr .hd-etc > ul > li > a{color: #6c5631;}
header.scr .hd-etc > ul > li::after{background-color: #6c5631;}
header.scr .menupc::before, header.scr .menupc::after, header.scr .mn-bar{background-color: #6c5631;}

/* menu btn - pc */
.menupc{width: 50px; position: relative; z-index: 99999; cursor: pointer;}
.menupc::before, .menupc::after, .mn-bar{content: ""; background: #fff; display: block; height: 1px; margin: 7px 0; transition: .5s;}
.menupc.open::before{transform: translateY(8px) rotate(135deg); background: #000;}
.menupc.open::after{transform: translateY(-8px) rotate(-135deg); background: #000;}
.menupc.open .mn-bar{transform: scale(0); background: #000;}

.menupc-wrap{width: 100%; height: 100vh; position: fixed; top: -100vh; left: 0; z-index: 99998; background-color: #fff; transition: .8s ease-in-out; display: flex; align-items: center; justify-content: center; padding: 4rem;}
.menupc-wrap.mt-open{top: 0;}

.menupc-logo{width: 100%; max-width: 310px; position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); z-index: 2;}
.menupc-logo img{width: 100%;}

.menupc-wrap > nav > ul{display: flex; padding-bottom: 4rem;}
.menupc-wrap > nav > ul > li{text-align: left; flex: 1 1 auto; padding: 0 1.5rem;}
.menupc-wrap > nav > ul > li > a{font-size: 45px; color: #241d14; font-weight: 400; display: inline-block; position: relative; transition: .5s; margin-bottom: 1rem; padding-bottom: 1rem;}
.menupc-wrap > nav > ul > li > a::after{content: ""; width: 100%; height: 1px; background-color: rgba(118, 85, 34, 0.4); position: absolute; bottom: 0; left: 0;}
.menupc-wrap > nav > ul > li > ul > li{margin-bottom: 10px;}
.menupc-wrap > nav > ul > li > ul > li:last-child{margin-bottom: 0;}
.menupc-wrap > nav > ul > li > ul > li > a{font-size: 14px; font-weight: 700; transition: .4s;}


/*mo_btn*/
.menu-toggler {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 99999;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.mt-wrap{width: 100%; text-align: center; transition: .5s;}
.mt-wrap > span{font-size: 24px; line-height: 1;}

.mt-close{display: inline-block; position: absolute; top: 4px; left: 50%; transform: translateX(-50%); font-size: 20px; color: #241d14; opacity: 0; transition: .5s;}

.menu-toggler.open{background-color: #fff;}
.menu-toggler.open .mt-wrap{opacity: 0;}
.menu-toggler.open .mt-close{opacity: 1;}

.mo_mn_mn{width:100%;}
.mo_mn_mn > li{width: 100%; position: relative; margin-bottom: 1rem; padding-bottom: 10px; }
.mo_mn_mn > li > a{display: block; font-size:24px; font-weight:700; color: #241d14; position: relative;}
.mo_mn_mn > li::before{content: ""; width: 100%; height: 1px; background-color: rgba(118, 85, 34, 0.1); position: absolute; bottom: 0; left: 0;}
.mo_mn_mn > li > ul{ display:none; padding: 10px 0; background-color: #fafafa;}
.mo_mn_mn > li > ul > li > a{ display:block; font-size:14px; padding: 8px 15px; color: #241d14; font-weight:700;}
.mo_mn_mn > li > a.more{position: relative;}
.mo_mn_mn > li > a.more::after{content: ""; width: 10px; height: 2px; background-color: #6F5731; position: absolute; top: 50%; right: 6px; transform: translateY(-50%);}
.mo_mn_mn > li > a.more::before{content: ""; width: 2px; height: 10px; background-color: #6F5731; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: .3s;}

.mo_mn_mn > li > a.more.act::before{opacity: 0;}

.mt-link{padding: 1rem 0; position: absolute; left: 0; bottom: 0; width: 100%; display: flex; background-color: #F4ECE6;}
.mt-link > a{font-size: 12px; color: #241d14; display: block; width: 33.33333%; text-align: center; position: relative;}
.mt-link > a::after{content: ""; width: 1px; height: 13px; background-color: #999; position: absolute; top: 3px; right: 0;}
.mt-link > a:last-child::after{display: none;}


/*wrapper*/
.article_mover{ position:absolute; z-index:-1; bottom:100%; }


/*footer*/
footer{width: 100%; padding: 60px 0; background-color: #fce2ba;}
.ft-con{width: 100%; padding: 0 4rem;}
.ft-logo{margin-bottom: 1rem;}
.ft-logo img{max-width: 260px;}
.ft-txt > p{font-size: 14px; font-weight: 400; color: #241d14; line-height: 1.8;}
.ft-txt > p > span{font-weight: 700; margin-left: 10px; color: #241d14;}
.ft-txt > p > span.ml{margin-left: 0;}
.ft-wrap{width: 100%; display: flex; padding-top: 1.5rem; align-items: flex-start;}
.ft-box{width: 50%;}
#fnb > ul {display: flex;}
#fnb > ul > li{position: relative; margin-right: 10px; padding-right: 10px;}
#fnb > ul > li::after{content: ""; width: 2px; height: 2px; border-radius: 50%; background-color: #241d14; position: absolute; top: 50%; transform: translateY(-50%); right: -1px;}
#fnb > ul > li:last-child::after{display: none;}
#fnb > ul > li:last-child{margin-right: 0;}
#fnb > ul > li > a{font-size: 14px; font-weight: 700; color: #241d14; transition: .4s;}
.ft-box:last-child{text-align: right;}
.ft-copy > p{font-size: 14px; font-weight: 700; color: #241d14; margin-top: 1.5rem;}
.ft-etc > p{font-size: 14px; font-weight: 400; color: #241d14; line-height: 1.8;}
.ft-etc > p > span{font-weight: 700; margin-left: 10px; color: #241d14;}
.ft-etc > h3{font-size: 55px; color: #9b5f17;}

/* mediaquery */

@media(min-width:1200px){ 
  .d-lg-none{ display:none; }
  .d-lg-block{ display:block; }

  .fixed-menu{display: none;}
  .mo_mn_mn{display: none;}

  .fc-btn{
    position: fixed;
    bottom: 4rem;
    right: 4rem;
    z-index: 9999;
    transition: .5s;
  }
  .fc-btn > a{
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    /* background-color: #9b5f17; */
    background-color: rgba(118, 85, 34, 0.9);
    backdrop-filter: blur(5px);
    transition: .4s;
  }
  .fc-btn > a:hover{
    color: #fce2ba;
  }
  .fc-btn.right{
    bottom: calc(160px + 2rem);
  }

  .wrapper{
    position: relative;
  }
  .fc-bar{
    width: 100%;
    position: sticky;
    left: 0;
    bottom: 0;
    padding: 10px 4rem;
    background-color: #8f5d2a;
    z-index: 8888;
    font-family: 'Noto Sans KR', sans-serif !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .form-wrap form > h3{
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    width: 11%;
    font-family: 'Noto Sans KR', sans-serif !important;
  }
  .form-wrap form > h3 > span{
    display: inline-block;
    margin-right: 5px;
    font-family: 'Noto Sans KR', sans-serif !important;
  }
  .form-wrap form{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
  .form-wrap{
    width: 100%;
  }
  .fcs-text{
    width: 14%;
  }
  .fcs-text input{
    width: 100%;
    border: 0;
    background-color: #fff;
    padding: 15px;
    border-radius: 3px;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif !important;
  }
  .fcs-text input::placeholder{
    font-size: 12px;
    color: #666;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif !important;
  }
  .fcs-text input:focus{
    outline: none;
  }
  .fcs-pol{
    width: 17%;
  }
  .fcs-pol label{
    font-size: 14px;
    color: #fff;
    font-weight: 500 !important;
  }
  .fcs-btn{
    width: 13%;
    text-align: right;
  }
  .fcsbtn{
    padding: 15px 2rem;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    color: #8f5d2a;
    border-radius: 30px;
    background-color: #fff;
    cursor: pointer;
    font-family: 'Noto Sans KR', sans-serif !important;
    line-height: 1;
  }
}
@media(max-width:1530px){
  .menupc-wrap > nav > ul > li > a{font-size: 35px;}

} 
@media(max-width:1199px){ 
  .d-none{ display:none; }
  .d-block{ display:block; }

  .fc-btn{display: none;}
  .fc-bar{display: none;}

  header{position: fixed;}
  .hd_con{padding: 15px;}
  header.scr .hd_con{padding: 15px;}
  .hd-etc{display: none;}
  #gnb{display: none;}
  .lg{top: 15px; left: 15px;}
  header.scr .lg{top: 15px;}
  .lg > a > img{max-width: 180px;}

  .menupc-wrap > nav{display: none;}
  .mo_mn_mn{display: block;}
  .menupc{width: 40px;}
  .menupc-wrap{padding: 2rem 20px 4rem;}
  .menupc-wrap > nav > ul{padding-bottom: 2rem; text-align: center; flex-direction: column;}
  .menupc-wrap > nav > ul > li{padding: 0; margin-bottom: 10px;}
  .menupc-wrap > nav > ul > li:last-child{margin-bottom: 0;}
  .menupc-wrap > nav > ul > li > a{font-size: 24px; margin-bottom: 10px; padding-bottom: 10px;}
  .menupc-logo{max-width: 200px; bottom: 2rem;}

  .fixed-menu{display: flex; width: 100%; z-index: 999; position: fixed; bottom: 0; left: 0; border-radius: 20px 20px 0 0; background-color: #8f5d2a; box-shadow: 0px -14px 40px -3px rgba(194, 194, 194, 0.10);}
  .fixed-menu > a{width: 25%; padding: 17px 0; color: #fff; text-align: center;}
  .fixed-menu > a > h5{font-size: 24px; line-height: 1; margin-bottom: 5px; color: #fff;}
  .fixed-menu > a > p{font-size: 12px; color: #fff;}
  .fixed-menu > a:first-child > h5{color: #F7A545;}

  footer{padding: 40px 0 130px;}
  .ft-con{padding: 0 15px;}
  .ft-cont-wrap{flex-direction: column; margin-bottom: 40px;}
  .ft-lt{width: 100%; margin-bottom: 40px;}
  .ft-rt{width: 100%;}
  .ft-logo{text-align: center;}
  .ft-logo img{display: inline-block;}
  .ft-txt > p > span{margin-left: 0;}
  .ft-txt > p{font-size: 12px; text-align: center;}
  .ft-wrap{flex-direction: column;}
  .ft-box{width: 100%;}
  #fnb > ul{justify-content: center; margin-bottom: 1.5rem;}
  #fnb > ul > li > a{font-size: 12px;}
  .ft-box:last-child{text-align: center;}
  .ft-copy > p{font-size: 12px; margin-top: 1rem; text-align: center;}
  #fnb > ul > li:last-child{padding-right: 0;}
  .ft-etc{padding-top: 1rem;}
  .ft-etc > p{font-size: 12px; margin-bottom: 1rem;}
  .ft-etc > h3{font-size: 28px;}

}