/*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; }


/*header*/
header{ position:fixed; z-index:9999; top:-106px; left:0; width:100%; transition:.8s; background-color: transparent; opacity: 0;}
header, header *{ box-sizing:border-box; }
.hd_con{ width:100%; padding: 2rem 4rem 0; position: relative; transition: .5s; display: flex; justify-content: space-between; align-items: center;}
.hd-etc{padding-right: 20px;}
.hd-etc > ul{display: flex; align-items: center; justify-content: flex-end;}
.hd-etc > ul > li{position: relative; margin-left: 10px; padding-left: 10px;}
.hd-etc > ul > li::after{content: ""; width: 1px; height: 10px; background-color: #fff; top: 4px; left: -1px; position: absolute;}
.hd-etc > ul > li:first-child::after{display: none;}
.hd-etc > ul > li > a{font-size: 12px; color: #fff; font-weight: 400; transition: .4s;}

.hd-wrap{display: flex; align-items: center;}

/*gnb*/
.hd_bt{ position:relative; z-index:5; }
.lg > a > img{width: 100%; max-width: 250px;}
#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:400; color: #fff; transition: .4s;}
#gnb > ul > li > ul{ position:absolute; z-index:1; top:100%; left:50%; transform: translateX(-50%); display:none; width: 100%; 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: 400;}
#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{opacity: 1; top: 0;}
header.act{background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
header.act .hd_con{padding: 1rem 4rem 0;}
header.act #gnb > ul > li > a{color: #000;}
header.act .hd-etc > ul > li > a{color: #000;}
header.act .hd-etc > ul > li::after{background-color: #ddd;}

.mn{margin-left: 20px;}
/* menu btn - pc */
.menupc{width: 50px; position: relative; z-index: 99999; cursor: pointer;}
.menupc::before, .menupc::after, .mn-bar{content: ""; background: #6c5631; 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: 400; 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:400; 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:400;}
.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{ padding:60px 0; background-color: #000; }
.ft_con{ width:100%; padding: 0 4rem; margin: 0 auto;}

.ft-lg{width: 250px;}
.ft_txt{ font-size:14px; color: #fff; font-weight:400; word-break:keep-all; margin-bottom:1.5rem; line-height: 1.5;}
.ft_cp{ font-size:12px; color: #fff; font-weight:700; margin-top: 1rem;}

#fnb > ul{ display: flex; justify-content: flex-end;}
#fnb > ul > li{ display:inline-block; margin-left:10px; padding-left: 10px; position: relative;}
#fnb > ul > li::before{content: ""; width: 1px; height: 10px; background-color: #ddd; position: absolute; top: 50%; left: -1px; transform: translateY(-50%);}
#fnb > ul > li:first-child::before{display: none;}
#fnb > ul > li > a{ display:block; font-size:14px; font-weight:500; color: #fff; transition: .5s; }
#fnb > ul > li > a:hover{color: #999;}

.ft-wrap{width: 100%; display: flex; align-items: flex-start;}
.ft_pt{width: 50%;}
.ft_pt > h3{font-size: 20px; color: #fff; font-weight: 700; margin-bottom: 10px;}
.ft_pt:last-child{text-align: right;}

/* mediaquery */

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

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

}
@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; }

  header{position: fixed;}
  .hd_con{padding: 15px; }
  header.act .hd_con{padding: 10px 15px;}
  .hd-etc{display: none;}
  #gnb{display: none;}
  .lg{padding-left: 0;}
  .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: #1E2021; 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: 28px; line-height: 1; margin-bottom: 3px;}
  .fixed-menu > a > p{font-size: 12px;}
  .fixed-menu > a:first-child > h5{color: #F7A545;}

  footer{ padding:40px 0 77px; }
  .ft_con{padding: 0 15px;}
  #fnb > ul{flex-wrap: wrap; justify-content: center;}
  .ft-wrap{flex-direction: column;}
  .ft_pt{width: 100%; text-align: center;}
  .ft_pt:last-child{text-align: center;}
  .ft-lg{width: 250px; display: inline-block;}
  .ft_pt > h3{margin: 1.5rem 0;}
  #fnb > ul > li{margin: 0 4px; padding: 0 4px;}
  #fnb > ul > li:first-child{margin-left: 0; padding-left: 0;}
  #fnb > ul > li:last-child{margin-right: 0; padding-right: 0;}
  #fnb > ul > li::before{left: -4px;}
  #fnb > ul > li > a{font-size: 13px;}
  .ft_txt{margin-bottom: 40px; font-size: 13px;}
  .ft_cp{font-size: 13px; margin: 1rem 0; padding-top: 1rem; border-top: 1px solid #ddd;}
}
@media(max-width:850px){ 
}