/* ========== COMMON ========== */
 
.eng {font-family:'Montserrat'}




.fs1{font-size:1.1rem !important}
.fs2{font-size:1.2rem !important;}
.fs3{font-size:1.3rem !important;}
.fs5{font-size:1.5rem !important;}
.fs6{font-size:1.6rem !important;}
.fs7{font-size:1.7rem !important;}
.fs20{font-size:2rem !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}




.m-scroll { display: none; margin: auto; max-width: 360px; width: 100%; }
[data-scroll="false"] { overflow-y: hidden; }

.clearfix:after { content: ''; display: table; clear: both; }
ul.list:after { content: ''; display: table; clear: both; }
ul.list > li { float: left; }
.fLeft { float: left; }
.fRight { float: right; }
.aRight { text-align: right; }

/* ------- Grid ------- */
.grid { font-size: 0; }
.grid:after { content: ''; display: block; clear: both; }
.grid > div,
.grid > li { display: inline-block; vertical-align: top; padding: 10px; font-size: medium; }
.grid > div > ._g,
.grid > li > ._g { height: 100%; }
/* 1 col */
.grid-24 { width: 100%; }
/* 2 col */
.grid-12 { width: 50%; }
/* 3 col */
.grid-8 { width: 33.333333%; }
/* 4 col */
.grid-6 { width: 25%; }
/* 5 col */
.grid-5 { width: 20%; }
/* 6 col */
.grid-4 { width: 16.66666%; }
/* 9 col */
.grid-9 { width: 11.11111%; }
@media (max-width: 1024px){
    .grid-4 { width: 33.33333%; }
    .grid-9 { width: 16.666666%; }
}
@media (max-width: 768px){
    .grid-6 { width: 50%; }
    .grid-5 { width: 33.33333%; }
    .grid-9 { width: 33.33333%; }
}
@media (max-width: 600px){
    .grid-8 { width: 100%; }
    .grid-5 { width: 100%; }
    .grid-4 { width: 50%; }
}




.img { position: relative; }
.img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }


.imgz { display: none; text-align: center; font-size: 13px; }
.imgz:before { content: ''; display: inline-block; vertical-align: -12px; margin-right: 2px; width: 35px; height: 35px; background: url('./file/zoom.png') no-repeat center / 35px auto; }
.imgz:after { content: '이미지를 클릭하시면 크게 볼 수 있습니다.'; }
@media (max-width:768px) {
    .imgz { display: block; }
}




.slick-prev { overflow: hidden; text-indent: -99999px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.slick-next { overflow: hidden; text-indent: -99999px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }
.slick-slide:focus { outline: none; }
.slick-initialized .slick-slide { overflow: hidden; }
.slick-dots { position: absolute; left: 0; bottom: 50px; width: 100%; text-align: center; font-size: 0; }
.slick-dots li { overflow: hidden; text-indent: -999999px; display: inline-block; vertical-align: top; margin: 0 5px; cursor: pointer; }


.float:after { content: ''; display: block; clear: both; }
.f-left { float: left; }
.f-right { float: right; }


.centre { display: table; width: 100%; height: 100%; }
.centre .inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; position: relative;}
.centre2 {   width:100%; height:100%;   }
.centre2 .inner { width:100%; position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%);}


/**********서브************/

 
 
 .sub_vi img {
  min-width:100%;
  margin-top:-100px;
  will-change: transform;
  animation-duration: 10s;
  animation-name: background-image-animation;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: linear;
  transform: translateX(0) scale(1);
 
} 

@keyframes background-image-animation {
  0% {
    transform:  scale(1.2);
  }
  100% {
    transform:  scale(1);
  }
}

.sub_vi .sub_vi_text {width:auto; color:#fff;  display:inline-block;  position:absolute; top:70%; left:15%;  transform: translate(-15%, -70%); }
.sub_vi b {font-size:3rem; font-weight:700; font-family:'Montserrat';}
.sub_vi p {font-size:1.3rem; font-weight:500; }



 ul.sub_menu {width:100%; margin-bottom:50px; display:flex} 
 ul.sub_menu li {  background-color:#f9f9f9; text-align:center; width:50%; line-height:50px; font-size:1.1rem; color:#333; box-sizing:border-box;  }
 ul.sub_menu li.ov {background-color:#333; color:#fff}


 .sub_in {width:100%; display:inline-block; margin-top:50px;  }
 .sub_in h2.guide {font-size:2.5rem; font-weight:700; letter-spacing:-3px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px; text-align:center;}


.content {width:80%; max-width:1240px; margin:0 auto}

.navigatonBox {
  width:100%; float:left; position:relative; border-bottom:1px solid #ddd;
}


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}

.navButton {}
.navButton a {font-size:0.98em; line-height:45px; font-weight:400; color:#777; }
a.button_ov {font-weight:600; color:#333 !important; }

.navButton:last-child {
  margin-right:20px;
}
.navButton:first-child {
  margin-left:20px;
}
.optionGroup {
  width:100%;
  height:100px;
  position:absolute;
  top:50px;
  left:0;
}

.option {
  position:absolute;
  top:0;
  left:0;
  padding: 5px 10px;
  border:1px solid #DDD;
  border-radius:3px;
}

.option p {
  margin:0 0 5px;
  white-space: nowrap;
}

.option p:hover {
  background-color:#EEE;
}

.arrow {
 display:none;
  width:20px;
  height:15px;
  position:absolute;
  top:15px;
  background-color:white;
}

.arrow::before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-size:100% 100%;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY2hldnJvbi1yaWdodCI+CgkJPHBvbHlnb24gcG9pbnRzPSI5NC4zNSwwIDU4LjY1LDM1LjcgMTc1Ljk1LDE1MyA1OC42NSwyNzAuMyA5NC4zNSwzMDYgMjQ3LjM1LDE1MyAgICIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
}

.arrow.left {
  left:0;
  transform:rotate(180deg);
}
.arrow.right {
  right:0;
}


.text_box {font-size:1rem; line-height:1.6em; color:#555; letter-spacing:0;}
.text_box b {font-weight:600; color:#333; font-size:1.2rem}


 footer {background:rgba(0,0,0,.8); text-align:center; position:absolute; bottom:0; left:0; width:100% ; z-index:9999; color:rgba(255,255,255,.7); font-size:0.95rem;  padding:2vw 3%; box-sizing:border-box; line-height:1.6em}
 footer.sub_footer {  position:static; margin-top:150px; background-color:#333; }

 @media (max-width:1200px) {


	.sub_in {margin-top:50px}
	.sub_in h2 {font-size:1.5rem; color:#333; width:100%; display:inline-block; padding-bottom:20px}
	.content {width:90%; margin:0 auto}

	.text_box {font-size:0.95rem; line-height:1.5em; color:#555; letter-spacing:0;}
	.text_box b {width:100%; display:block; padding-bottom:10px; line-height:1.4em}


	footer.sub_footer {margin-top:70px}
  }

@media (max-width:600px) {
	footer {font-size:0.8rem; padding:5vw 4% }
}





 .top_fixed {width:60px; line-height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}