/*reset.css*/
body, html{ margin:0; padding:0; width:100%; height:100%; }
body, html, input, textarea, select, button, table{ 
	font-family: 'Gowun Batang', 'TNR', 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:9998; top:0; left:0; width:100%; transition:all .5s;}
header, header *{ box-sizing:border-box; }
.hd_con{ width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:0 4rem; position: relative;}

.mn{ display:flex; align-items:center; }

.lg{ transition: .5s;}
.lg > a > img{width: 100%; max-width: 100px;}

/*gnb*/
.hd_bt{ position:relative; z-index:5; }
#gnb{ position:relative; z-index:5; font-family: "TNR";}
#gnb > ul{ display:flex; flex-flow:row wrap; padding-left: 0; margin-bottom: 0;}
#gnb > ul > li{ position:relative; z-index:1; }
#gnb > ul > li > a{ display:block; padding:40px 30px; letter-spacing: 1px; font-size:16px; font-weight:500; transition: all .5s; color: #fff; position: relative;}
#gnb > ul > li > a::after{content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; right: -2px; transform: translateY(-50%);}
#gnb > ul > li:last-child > a::after{display: none;}
#gnb > ul > li:last-child > a{padding-right: 0;}
#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:25px 5px 25px; text-align: center; border-radius: 16px; border: 1px solid #ddd;}
#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:16px; white-space:nowrap; position: relative; transition: .5s;}
#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:0; left:100%; display:none; min-width:120px; box-shadow:2px 2px 4px 0 rgba(0,0,0,.3); }
#gnb > ul > li > ul > li > ul > li > a{ display:block; padding:7px 15px; font-size:15px; }

/*mo_btn*/

.right_wrap{width:70vw; height:100vh; height: -webkit-fill-available; height: fill-available; position:fixed; top:0; right:-100%; background-color:#fff; z-index:9999; box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;}
.mo-close{display:block; padding:20px 20px 0; cursor:pointer;}
.mo-close > span{font-size:20px; color:#1a1311; margin-right:-10px;}

.mo_btn{ position:relative; z-index:1; width: 39px; height: 39px; text-align: center; background-color:#fff; border-radius:50%; display:none; cursor:pointer; transition:all 1s; border: 1px solid #1a1311;}
.mo_btn.dblock{display:block;}
.mo_btn.rfade{transform:translateX(150px);}

.mo_icon{font-size: 22px; color: #1a1311;}

.mo_mn_mn{ width:100%; display:block; padding:50px 0; position:absolute; top:50%; transform:translateY(-50%);}
.mo_mn_mn > li{text-align:center; margin-bottom:20px;}
.mo_mn_mn > li > a{ display:inline-block; padding:.5rem 0; font-size:16px; font-weight:400; position:relative; transition:.3s; color:#000 !important;}
.mo_mn_mn > li.mn-li > a{font-weight: bold;}
.mo_mn_mn > li > a > .depthbtn{color: #666; font-size: 14px; position: absolute; top: 50%; right: -30px; transform: translateY(-50%); transition: .5s;}
.mo_mn_mn > li > a.more.act > .depthbtn{transform: translateY(-50%) rotate(180deg);}

.mo_mn_mn > li > ul{ display:none; background-color:#f5f5f5; padding: 10px 0;}
.mo_mn_mn > li > ul > li > a{ display:block; padding:10px 15px; font-size:14px; font-weight:400; }



/* .scr */
header.scr #gnb > ul > li > a{padding: 30px;}
header.scr #gnb > ul > li:last-child > a{padding-right: 0;}


@media(max-width:991px){ 
  .hd_con{ padding:0 15px;}

  .lg{padding: 15px 0;}
  header.scr .lg{padding: 10px 0;}

  .mn{ display:none; }
  .lg > a > img{max-width: 90px;}

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

  .mo_btn{ display:flex; justify-content: center; align-items: center;}
}


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


/*footer*/
footer{ padding:100px 0; background-color: #0A0C18;}
.ft_con{ width:100%; padding:0 4rem; text-align: center;}
.ft-logo{display: flex; max-width: 400px; margin: 0 auto 3rem;}
.ft-logo img{width: 100%;}
.ft_txt{font-size: 16px; font-weight: 400; color: #fff; line-height: 1.8; word-break: keep-all;}
.ft_cp{font-size: 14px; color: #ddd; margin-top: 1rem;}

/* mediaquery */

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

  .mo-fixed{display: none;}

  .ani.up.delay{
    transition: 1.5s opacity 0.2s, 1.5s transform 0.2s;
  }
  .ani.up.delay2{
      transition: 1.5s opacity 0.5s, 1.5s transform 0.5s;
  }
  .ani.up.delay3{
      transition: 1.5s opacity 0.8s, 1.5s transform 0.8s;
  }

}

@media(max-width:991px){ 

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

  .mo-fixed{background-color:#1a1311;  width:100%; position:fixed; bottom:0; left:0; z-index:999; display:flex; justify-content:space-between; transition:.5s; }
  .mo-fixed > a{ padding:1rem 0; text-align:center; color:#fff; font-size:14px; font-weight:400; display:block; flex:1 1 auto; position: relative;}
  .mo-fixed > a > span{display: inline-block; margin-right: 5px;}
  .mo-fixed > a::after{content: ""; width: 1px; height: 10px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
  .mo-fixed > a:last-child::after{display: none;}

  footer{padding: 80px 0 132px;}
  .ft_con{padding: 0 15px;}
  .ft-logo{max-width: 150px; margin-bottom: 2rem;}
  .ft_txt{font-size: 12px; line-height: 1.6;}
}

/* animation */

.ani.up{
  transform: translateY(100px);
  opacity: 0;
  transition: 1.5s;
}

.ani.up.act{
  transform: translateY(0);
  opacity: 1;
}