@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
 .th_wrap{ min-width:1460px;max-width:1920px; margin:auto;}
 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

 * {word-break:break-all}
.video-container {

    position: relative;
	background:#000;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vcont{ background:#000;  min-width:1460px; max-width:1920px; margin:auto;}
.w_v{ width:1000px;margin:auto;padding:100px 0;}
button.berger:active,button.berger:focus{ outline:0;}


body{margin:0;padding:0;line-height:1.4;background:#fff;font-weight:400;font-size:14px;font-family: 'Noto Sans SC','Montserrat', 'Noto Sans KR',  'NotoSans','Malgun Gothic';color:#222;min-width:1200px;}


button.berger:active,button.berger:focus{ outline:0;}


.header.on button.berger span{background:#222 !important; }
.header.on2 button.berger span{background:#222 !important; }

button.berger{background:none;z-index: 70;width:36px;height:36px;cursor:pointer;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}

#tocplusWindow{display: ;}
button.berger{ border:0;}
button.berger span.berger2{ width:17px;}
button.berger.on{  }
button.berger span{display: block;vertical-align:top;
  -moz-transition: all .3s ease-in-out;margin:0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;opacity:1;position: relative;
  width:20px;height:2px;background:#fff;margin-top:5px
}
button.berger span { z-index:10 !important;}
button.berger span.berger1{
  -webkit-animation : menu-bar01_1 1s forwards;
  -moz-animation : menu-bar01_1 1s forwards;
  animation : menu-bar01_1 1s forwards;
}
button.berger span.berger2{ opacity:1;
  transform:translateY(0px) rotate(0); background:#fff;
 
}
button.berger span.berger3{
  -webkit-animation : menu-bar02_1 1s forwards;
  -moz-animation : menu-bar02_1 1s forwards;
  animation : menu-bar02_1 1s forwards;margin-left:0;
}

button.berger.on span.berger1{ width:27px;
  -webkit-animation : menu-bar01 1s forwards;
  -moa-animation : menu-bar01 1s forwards;
  animation : menu-bar01 1s forwards;
}
button.berger.on span.berger2{ opacity:0;
width:0;
}
button.berger.on span.berger3{ width:27px;
    -webkit-animation : menu-bar02 1s forwards;
    -moz-animation : menu-bar02 1s forwards;
    animation : menu-bar02 1s forwards;
}
.all_menu button.berger{ right:50%;top:80px;margin-right:-640px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.all_menu button.berger span{ background:#222; }

body.on button.berger,
#wrap.on + .all_menu button.berger,
.header.on button.berger{ top : 60px }

@keyframes menu-bar01 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);

  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
}

@keyframes menu-bar02 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
  50% {
    -webkit-transform : translateY(-12px) rotate(0);
    transform : translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(-12px) rotate(-45deg);
    transform : translateY(-12px) rotate(-45deg);
  }
}


@keyframes menu-bar01_1 {
  0% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}
@keyframes menu-bar02_1 {
  0% {
    -webkit-transform : translateY(-6px) rotate(-45deg);
    transform : translateY(-6px) rotate(-45deg);
  }
  50% {
    -webkit-transform : translateY(-6px) rotate(0);
    transform : translateY(-6px) rotate(0);
  }
  100% {
  -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}





.req_popup{ }

.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 5px;
}


.arrow_det {
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  vertical-align:top;
  padding: 3px;
  margin-top:55px;
  margin-left:5px;
}
 

.arrow_det2 {
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  vertical-align:top;
  padding: 13px;
 
}
 
.right_c {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left_c {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up_c {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down_c {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}







.pt0 {padding-top: 0 !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt90 {padding-top: 90px !important;}
.pt140 {padding-top: 140px !important;}
.pt200 {padding-top: 200px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb40 {padding-bottom: 40px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}

.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt100 {margin-top: 100px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt90 {margin-top: 90px !important;}

.mr0 {margin-right: 0 !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr60 {margin-right: 60px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}


.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb90 {margin-bottom: 90px !important;}

.eng{ font-family:'Noto Sans SC', 'Montserrat', 'NotoSans',sans-serif  !important;}

.w1200 {margin: auto; width: 1200px !important;}
.w100p {width: 100% !important;}
.w100x {width: 100%;}
.h100p {height: 100% !important;}


.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}
.fz30 {font-size: 30px !important;}
.fz40 {font-size: 40px !important;}
.fz50 {font-size: 50px !important;}
.clearfix{display:block}
.clear_b:after{clear:both;content:"";display:block; }




.section  .anime {
  -webkit-animation-duration: 3.2s;
     -moz-animation-duration: 3.2s;
       -o-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.section.active .anime {
  -webkit-animation-duration: 3.2s;
     -moz-animation-duration: 3.2s;
       -o-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.section.active .anime.faleft {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.swiper-slide-active .anime { 
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
		  animation-name: fadeInDown;
}
.swiper-slide-active .anime2 { 
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
		  animation-name: scalein;
		  animation-duration: 7.0s;
}
 
.swiper-slide-active .anime3 { 
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
		  animation-name: fadeInUp;
		  animation-duration: 1.0s;
}
.swiper-slide-active .anime4 { 
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
		  animation-name: fadeInUp;
		  animation-duration: 2.5s;
}

.section.active .anime.faleft2 {
  -webkit-animation-name: blur_in;
  -moz-animation-name: blur_in;
  -o-animation-name: blur_in;
  animation-name: blur_in;
}

.section.active .moveup{ 
          animation-fill-mode: both;
		  animation-name: scalein;
		  animation-duration: 7.0s;
		   animation-name: scalein2;
}



.anim1{
animation:mainItemx 2.5s ease-in-out infinite alternate;
}

.anim2{  animation:mainItemx 2.5s ease-in-out infinite alternate;}
.anim3{ animation:mainItemx 3.5s ease-in-out infinite alternate;}
.anim4{  animation:mainItemx 3s ease-in-out infinite alternate;}
.anim5{ animation:mainItemx 3s ease-in-out infinite alternate; }
.anim6{  animation:mainItemx 2s ease-in-out infinite alternate;}

.mainani{ animation:mainItemx 2.5s ease-in-out infinite alternate; }

@keyframes mainItemx{
	0%{transform:translateY( 5%);}
	100%{transform:translate( -5%);}
}



.swiper-slide-active .anime.du1{ animation-delay: 1.2s;}
.swiper-slide-active .anime.du2{ animation-delay: 2.2s;}
.swiper-slide-active .anime.du3{ animation-delay: 3.2s;}
.swiper-slide-active .anime.du4{ animation-delay: 4.2s;}


 .section.active .anime.dur0{ animation-delay:0.7s;}
.section.active .anime.dur1{ animation-delay:1.0s;}
.section.active .anime.dur2{ animation-delay:1.9s;}
.section.active .anime.dur3{ animation-delay:2.2s;}
.section.active .anime.dur4{ animation-delay:2.5s;}

.section.active .anime.dur5{ animation-delay:2.8s;}
.section.active .anime.dur6{ animation-delay:2.5s;}
.section.active .anime.dur7{ animation-delay:3.5s;}

.section.active .anime.dur8{ animation-delay:4.5s;}



.du1{ animation-delay: 0.3s !important;}
.du2{ animation-delay: 0.8s !important;}
.du3{ animation-delay: 1.2s !important;}
.du4{ animation-delay: 1.6s !important;}



@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}


.wrap{ width:100%; min-width:1200px; transition:all .3s linear; max-width:100%; }
.wrap *{  }


/*.wrap .header .cont .panel { float:right; display:none; }*/
.scdim{ display:none;}
	 .fix{overflow:hidden !important;  }


	 

.fix_body{width:100%; height:100%; position:fixed; right:-100%;top:0; z-index:10110;transition: all .3s ease;    opacity:1; } 

.fix_body .cont{ width:100%; height:100%;   position:relative; } 
.fix_body .bg{float:left; width:50%;height:100%;background-size:cover;background-position:top center; background-image:url(img/common/full_bg.jpg);  }
.fix_body .menus{ float:left;width:50%; height:100%; background-color:#fff; }
.fix_body .menus .mn{ position:relative; padding-left:10%; top:50%; transform:translateY(-50%); }
.fix_body .menus .mn .itm { margin-bottom:30px;  }
.fix_body .menus .mn .itm a.link{transition: all .1s ease; font-size:2.5vw;color:#222333; font-weight:300;  display:block ; line-height:1.6;}
.fix_body .menus .mn .itm a.link:hover{ font-weight:500;color:#b3a58c; }
.fix_body .menus .mn .itm .itmsub{ line-height:1.8;  padding:20px 0 ; }
.fix_body .menus .mn .itm .itmsub a.slink{ transition: all .3s ease;font-size:1.1vw; color:#222333; font-weight:300;  display:block; line-height:2.1;}
.fix_body .menus .mn .itm .itmsub a.slink:hover{ color:#b3a58c;text-decoration:underline; }
.fix_body .hd{    position:absolute;left:5%;top:0; height:100px; ;min-width:1300px;    width:90%; margin:auto;  }
.fix_body .hd .panel{ float:right; margin-top:30px;}

.wrap{ padding-top: 0px;}

  

@media (max-width:1450px) { 
 
}

.tail *{ font-family:'Noto Sans SC',"NotoSans";}
 






/* 브랜드 */



.about_brand{width:100%;min-height:1040px;background-attachment: fixed;background-size:cover;position:relative;overflow:hidden;box-sizing:border-box;}


.about_brand.chapter_1{background:url('../img/brand/brand_01.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;}
.about_brand.chapter_2{background:url('../img/brand/brand_02.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;}
.about_brand.chapter_3{background:url('../img/brand/brand_03.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;}
.about_brand.chapter_4{background:url('../img/brand/brand_04.jpg') center 0 no-repeat;background-size:cover;background-attachment: fixed;}




.about_brand.chapter_4{background-attachment:scroll;}
.about_brand.chapter_3 .text_area{float:left;width:44%;height:100%;}
.about_brand.chapter_3 .img_area{position:absolute;top:0;right:0;width:56%;height:100%;background-color:#f0eeeb;}
.about_brand.chapter_3 .img_area img{width:100%;}

.text_box{position:absolute;top:350px;right:160px;}

.text_box.nrt{position:absolute;top:350px;right:55%;}
.text_box.mv{position:absolute;top:100px;right:0;width:100% ; }
.text_box.mv * { text-align:center !important; }


.text_box.brand h4{font-size:72px; font-weight:400;margin-bottom:30px;line-height:1;position:relative;z-index:1;}

.text_box.brand h4 .tx01{font-size:46px; line-height:1.3;color:#4a4a48; }
.text_box.brand h4 .tx02{font-size:72px; line-height:1.3;color:#4a4a48;font-weight:bold;  }
.text_box.brand h4 .tx03{font-size:36px; line-height:1.3;color:#4a4a48;font-weight:bold;  }


.about_brand .text .tx01{line-height:2; color:#4a4a48; font-size:37px; padding:30px 0 ;}
.about_brand .text .tx02{line-height:1.4; color:#4a4a48; font-size:18px; }

.text_box.brand p{font-size:37px;line-height:50px;color:#4f4035;}


.text_box.brand span{display:inline-block;margin:0;font-size:14px;font-family:'Noto Sans SC','trajan-pro-3';font-weight:400;color:#fff;text-transform: uppercase;margin-bottom:36px;}
.text_box.brand_sub{position:absolute;bottom:180px;top:180px;}
.text_box.brand_sub.right{left:auto;right:116px;width:460px;}
.text_box.brand_sub.right h4{line-height:40px;}
.text_box.brand_sub.right .text{position:absolute;bottom:0;}
.text_box.brand_sub.left .text{position:absolute;bottom:0;width:420px;}
.text_box.brand_sub.left span{color:#1F3336;}
.text_box.brand_sub.left p{color:#9f8870;}
.text_box.brand_sub.left h4{line-height:40px;color:#1F3336;}
.about_brand.chapter_3 .text_box.brand_sub{position:relative;top:0;bottom:0;padding-top:180px;z-index:1;}
.about_brand.chapter_3 .text_box.brand_sub .text{position:relative;padding-bottom:180px;height:auto;}



.button-up,
.button-down {
  position: relative;
  padding: 5px;
  margin: 30px auto;
  background: #222;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  transition: all 0.2s linear;
}

.button-down:hover {
  transform: translate3d(0, 10px, 0);
}

.button-up:hover {
  transform: translate3d(0, -10px, 0);
}

.button-up::after,
.button-down::after {
  content: "";
  position: absolute;
  left: 17px;
  z-index: 11;
  display: block;
  width: 25px;
  height: 25px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}
.button-up::after {
  top: 20px;
  transform: rotate(45deg);
}

.button-down::after {
  top: 10px;
  transform: rotate(225deg);
}


.arrow-up,
.arrow-down {
  display: block;
  margin:  0px auto;
  width:  12px;
  height: 12px;
  border-top: 2px solid #5d5d5d;
  border-left: 2px solid #5d5d5d;
}
.arrow-up {
 transform: rotate(45deg);
}
.arrow-down {
 transform: rotate(225deg);
}
.arrow-right,
.arrow-left,
.long-arrow-right,
.long-arrow-left{
  display: block;
  margin:  0px auto;
  width:  12px;
  height: 12px;
  border-top: 2px solid #5d5d5d;
  border-left: 2px solid #5d5d5d;
}
.arrow_white {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;

}

.arrow-right,
.long-arrow-right{
 transform: rotate(135deg);
}

.arrow-left,
.long-arrow-left{
 transform: rotate(-45deg);
}
.long-arrow-right::after,
.long-arrow-left::after{
  content: "";
  display: block;
  width: 2px;
  height: 15px;
  background-color: #fff;
  transform: rotate(-45deg) translate( 5px, 2px);
  left: 0;
  top: 0;
}

.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom{
  width: 0;
  height: 0;
  margin: 30px auto;
}
.triangle-left,
.triangle-right{
  border-top:
    18px solid transparent;
  border-bottom:
    18px solid transparent;
  
  
}
.triangle-top,
.triangle-bottom{
  border-left:
    18px solid transparent;
  border-right:
    18px solid transparent;
  
  
}

.triangle-right{
  border-left:
    30px solid black;
}
.triangle-left{
  border-right:
    30px solid black;
}
.triangle-top{
  border-bottom:
    30px solid black;
}
.triangle-bottom{
  border-top:
    30px solid black;
}




.vimeo-wrapper {
   overflow:hidden;width:100%;height:100%; position:relative; 
 
}
.vimeo-wrapper .bg{background-color:rgba(0,0,0,0.5); position: absolute; 		width: 100%;
		height: 100%;	z-index:3; left:0;top:0;
		}

.vimeo-wrapper iframe {


		position: absolute;
		 
		bottom: 0;
		top:-100%;
		left:0;
		width: 100%;
		height: 300%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:2; 
}


@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}




.tail{ width:100%; background-color:#525252;   position:relative; }
.tail .cont{width:1400px; margin:auto; }

.tail .cont .t01{padding:30px 0 20px ;border-bottom:1px solid #5f5c5b;  }
.tail .cont .t01 .logo{float:left; }
.tail .cont .t01 .links{ float:right; }
.tail .cont .t01 .links a{display:inline-block; padding-top:30px;  font-size:16px;color:#fff;margin-left:20px; vertical-align:middle;}
.tail .cont .t02{padding:30px 0 40px ;  }
.tail .cont .t02 .ft_tit{ font-size:14px;font-weight:bold;color:#fff;line-height:1; padding-bottom:20px; }
.tail .cont .t02 .ft01{ width:48%; float:left; }
.tail .cont .t02 .fd_in{ margin-right:15px;line-height:1.6;  }
.tail .cont .t02 .ft{font-size:14px;color:#a0a0a0; font-weight:400; }
.tail .cont .t02 .fd{font-size:14px;color:#fff; font-weight:300; }

.tail .cont .t02 .ft02{width:48%;float:right;  }
.tail .cont .t02 .tels{padding-bottom:20px;  }
.tail .cont .t02 .tels .tel1{font-size:36px; color:#fff;font-weight:bold; line-height:36px;  margin-right:10px; }
.tail .cont .t02 .tels .tel2{ font-size:16px; color:#fff;font-weight:300; line-height:36px; }

.tail .cont .t02 .info{ font-size:16px; color:#fff;font-weight:300; line-height:36px; }


.subtop .post2 { animation-delay:1s;}

.subtop{width:100%;min-width:1400px ; height:0; padding-bottom:29%;background-size:cover; background-position:center; background-repeat:no-repeat;  position:relative;    margin-top:0px;overflow:hidden;}
.subtop .tit{ width:100%; position:absolute; top:50%;transform:translateY(-50%); text-align:center; font-size:60px;font-weight:bold;color:#fff;  }
.subtop .tit span{ display:block;  text-align:center; font-size:60px;font-weight:bold;color:#fff; }

.subtop .tit span.xf1{ display:block;  text-align:center; font-size:60px;font-weight:bold;color:#fff; }
.subtop .tit span.xf2{ display:block;  text-align:center; font-size:20px;font-weight:300;color:#fff; }

.subtop .submenu{ width:1400px; margin:auto;  position:absolute;bottom:0px; left:50%; margin-left:-700px; display:flex;  }
.subtop .submenu .items{transition: all .3s ease-in-out;  background-color:rgba(78,169,149, 0.5 );  flex-grow: 1;    flex-basis: 0; height:65px; }
.subtop .submenu .items a{transition: all .3s ease-in-out;  display:block; width:100%; height:100%; font-size:18px; line-height:65px; color:#fff;text-align:center; font-weight:400;border-bottom:1px solid transparent; }
.subtop .submenu .items.on{ background-color:rgba(80,79,79,0.85); }
.subtop .submenu .items.on a{  color:#fff; font-weight:500;  }
.subtop .submenu .items:hover {background-color:rgba(80,79,79,0.85); }
.subtop .submenu .items:hover a{color:#fff; }

	.header{ position:fixed;left:0px;top:0px;  z-index:100;width:100%;background-color:transparent;transition: all .3s ease-in-out;  } 
	.header.bg{ background-color:rgba(0,0,0,0.8);}
	.header .cont{ width:100%; position:relative;min-width:1400px;   max-width:96%; margin:auto;  }
	.header .cont .logo{ position:absolute;left:0px;top:20px; }
	.header .cont .menu_cn{ float:left;  height:100px;line-height:120px; text-align:center;width:100%;} 
	.header .cont .menu_cn .top_menus{ display:inline-block;   }
	.header .cont .menu_cn .top_menus .items{display:inline-block; margin-right:50px;vertical-align:top; margin-top:0px; position:relative;  }
	.header .cont .menu_cn .top_menus .items .submenu{transition: all .3s ease-in-out; width:170px; height:0; overflow:hidden;opacity:0; padding:15px 10px 15px 30px ; background-color:#4ea995;  position:absolute; left:-0px; top:90px; }
	.header .cont .menu_cn .top_menus .items:hover .submenu { height:auto; opacity:1;  }
	.header .cont .menu_cn .top_menus .items .submenu a.smenu{ display:block;font-size:14px; line-height:24px; color:#fff;font-weight:400;text-align:left;padding:5px 0; }
	.header .cont .menu_cn .top_menus .items .submenu a.smenu:hover{font-weight:500; }
	.header .cont .menu_cn .top_menus .items:hover{}


	.header .cont .menu_cn .top_menus a.menu{ display:inline-block; line-height:60px;; font-size:17px;font-weight:500; color:#fff;   position:relative;    }
	.header .cont .menu_cn .top_menus a.menu:after{content:""; position:absolute;left:0px;bottom:0px; width:0%;height:2px; background-color:transparent;; transition: all .3s ease-in-out; }
	.header .cont .menu_cn .top_menus a.menu:hover{ }
		.header .cont .menu_cn .top_menus .items:hover a.menu:after{ content:""; position:absolute;left:0px;bottom:0px; width: 00%;height:0px; background-color:#fff;}
	.header .cont .menu_cn .top_menus2{  position:absolute;right:0px;top: 0px;   padding-left:1.5vw; }
	.header .cont .menu_cn .top_menus2 a{ display:inline-block; font-size:18px; line-height:90px;font-weight:500; color:#fff; margin-right:1.0vw;vertical-align:top;}
	.header .cont .menu_cn .t_cmenu{float:left;  position:relative; }
	.header .cont .menu_cn .t_cmenu .langmenu{ transition: all .3s ease-in-out; width:140px; height:0; overflow:hidden;opacity:0; padding:15px 10px 15px 30px ; background-color:#4ea995;  position:absolute; left:-10px; top:80px; }
	.header .cont .menu_cn .t_cmenu .lang:hover .langmenu{height:auto; opacity:1; }
	.header .cont .menu_cn .t_cmenu .langmenu a.lang_go{display:block;font-size:16px; line-height:34px; color:#fff;font-weight:400;text-align:left; }
	.header .cont .menu_cn .t_cmenu .langmenu a.lang_go:hover{ font-weight:700;}

	.header .cont .menu_cn .t_cmenu .lang a.langlink{ line-height:120px;  font-size:17px;color:#fff;    margin-top:0px; }
	.header .cont .menu_cn .panel{float:left; padding-top: 0px;padding-left:30px; line-height:107px;}
 
	.header.on {background-color:#fff; border-bottom:1px solid #ddd; }
	.header.on .cont .menu_cn .top_menus a{color:#666; }
	.header.on .cont .menu_cn .top_menus2 a{color:#666; }
	.header.on .cont .menu_cn .t_cmenu .lang a.langlink{color:#666; }
	.header.on .cont .menu_cn .t_cmenu .lang .global_img{ filter: invert(50%); }
	.header.on .cont .menu_cn .t_cmenu .lang i{  border: solid #333;;  border-width: 0 1px 1px 0; }
	.header.mbg{background-color:transparent;  } 


	.fullmenu{display:none; position:fixed; width:100%;height:100%;left:0;top:0; z-index:1000;  background-color:rgba(82,170,152, 0.95); }
	.fullmenu .close{position:fixed;  right:0;top:0;  }
	.fullmenu .cont{ display:flex;justify-content: space-between;  width:calc(100% - 160px );   position:relative; margin:auto; height:100%;  min-width:1400px; }
	.fullmenu .cont .items{ width:16.6%;    flex-grow: 1; flex-basis: 0; height:100%; border-right:1px solid #6fbfae; padding:100px 20px ; }
	.fullmenu .cont .items:first-child{  border-left:1px solid #6fbfae;}
	.fullmenu .cont .items .f_tit{font-size:1.2vw; font-weight:600; color:#fff; line-height:1; }
	.fullmenu .cont .items .f_stit{padding-top:30px; font-size:1.0vw; font-weight:500; color:#fff; line-height:1.6; display:block;  }
	.fullmenu .cont .items .f_stit a{font-size:1.0vw; font-weight:500; color:#fff;  }
	.fullmenu .cont .items .f_itm{font-size:1vw; font-weight:bold; color:#fff; line-height:1; padding:20px 0  20px 20px;;}
	.fullmenu .cont .items .f_itm a.ft_link{font-weight:400; color:#ddd; font-size:0.9vw; line-height:2;  display:block;}
	.fullmenu .cont .items .f_itm a.ft_link:hover{font-weight:500;color:#fff; }
	.fullmenu .cont .items .f_stit a.fs_link{ display:block; font-size:1.0vw; font-weight:400; color:#fff; line-height:2.2;}
@media (max-width: 1400px) {
	.fullmenu .cont .items .f_tit{font-size:18px; font-weight:600; color:#fff; line-height:1; }
	.fullmenu .cont .items .f_stit{padding-top:30px; font-size:18px; font-weight:500; color:#fff; line-height:1; }
	.fullmenu .cont .items .f_stit a.fs_link{ font-size:16px; font-weight:400; color:#fff; line-height:1.6;}
	.fullmenu .cont .items .f_itm{font-size:1vw; font-weight:bold; color:#fff; line-height:1; padding:20px 0  20px 20px;;}
	.fullmenu .cont .items .f_itm a.ft_link{font-weight:400; color:#ddd; font-size:14px; line-height:2;  display:block;}
}


.tac{ text-align:center;}
.product_wrap{ width:1400px; margin:auto; padding-bottom:100px;}
.product_wrap .product_tit{ padding:100px 0 ;text-align:center ; font-size:48px;font-weight:bold; color:#1F3336 ; line-height:1;  }
.product_wrap .product_list{ width:100%; display:flex; justify-content: space-between;  flex-wrap: wrap;}
.product_wrap .product_list .items{ width:32%;display:block; }
.product_wrap .product_list .items .imgs{ width:100%;  transition: all .3s ease-in-out;border:1px solid #fff;;}
.product_wrap .product_list .items:hover .imgs{ border:1px solid #6fbfae;}
.product_wrap .product_list .items .imgs img{width:100%;height:auto;   }
.product_wrap .product_list .items .desc{padding:45px 0 ;text-align:center; }
.product_wrap .product_list .items .desc .ptx_01{  font-size:24px;font-weight:400; color:#1F3336; line-height:1.8;}
.product_wrap .product_list .items .desc .ptx_02{font-size:16px;font-weight:400; color:#9b999a; line-height:1.8; }



.product_list {width:1400px; margin:auto; }

.board_wrap{ width:1250px; margin:0 auto 100px;}

.bo_title{text-align:center; padding:100px 0  20px; font-size:40px; font-weight:bold; color:#1F3336;}

.bo_title2{ display:block; text-align:center; padding-bottom:50px; line-height:1; font-size:18px; }



/* 게시판 */
.table {width:100%; border-top:#222 2px solid;}
.table th,
.table td {border-bottom:#ddd 1px solid; height:56px;}
.table th {font-size:16px; color:#222; font-weight:400; background:#fafafa; padding:0 20px;}
.table td {padding:8px 10px;}
.table td label {float:left; margin-right:10px; line-height:32px; font-size:14px;color:#222;}
.table td label input[type="checkbox"]{ margin-right:10px;}
.table td .br {display:block; clear:both; border-top:#ddd 0px dashed;}
.table td img {margin-left:5px;}
.table.list td {text-align:center;}
.table.list td.subject {text-align:left;}
.table.table_gt {border-top:#afafaf 1px solid;}
.table.table_tn {border-top:0;}
.table.table_tn td {border:#ccc 1px solid !important;}
.table.p20 td {padding:20px 20px;}
.table .img {padding:0; font-size:0 !important;}

input.text {border:#e1e1e1 1px solid; height:40px;}
textarea.text {border:#e1e1e1 1px solid; width:100%;}

.btn_request2{ transition: all .3s ease-in-out; width:200px;height:45px; border-radius:30px; color:#222;background:#fff;border:1px solid #aaa;  font-size:16px; font-weight:bold;  cursor:pointer ; margin-right:10px;}
.btn_request2:hover{ background:#f1f1f1;}
.btn_request{ transition: all .3s ease-in-out; width:200px;height:45px;line-height:43px;  border-radius:30px; color:#fff;background:#4aa38f; font-size:16px; font-weight:bold; border:0 ;cursor:pointer;}
.btn_request:hover{color:#4aa38f; background:#fff;border:1px solid #4aa38f;}
.btns {margin-top:20px; font-size:0; overflow:hidden;}
.btns .btn {display:inline-block; width:140px; height:40px; line-height:38px; text-align:center; font-size:14px; font-weight:400; vertical-align:top; margin:0 2px; cursor:pointer;}
.btns .btn01 {color:#fff; background:#343434; border:#343434 1px solid;}
.btns .btn01:hover {background:#222;}
.btns .btn02 {color:#666; background:#fff; border:#666 1px solid;}
.btns .btn02:hover {background:#f5f5f5;}
.btns .fl .btn,
.btns .fr .btn {width:100px;}

.board_top .search_wrap {text-align:right; margin-bottom:30px;}
.board_top .search_wrap select.text,
.board_top .search_wrap .search_text,
.board_top .search_wrap .search_btn {display:inline-block; vertical-align:top; height:40px;}
.board_top .search_wrap .text {border:#ddd 1px solid;}
.board_top .search_wrap select.text {width:90px;}
.board_top .search_wrap .search_text {width:260px;}
.board_top .search_wrap .search_btn {width:80px; line-height:40px; border:0; background:#415959; color:#fff; font-weight:bold; text-align:center;}

.board_bottom .paging {text-align:center;}
.board_bottom .paging a {display:inline-block; width:38px; height:38px; line-height:38px; text-align:center; font-size:13px; color:#666;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#343434; color:#fff; font-weight:bold;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'Noto Sans SC','nanum gothic'; background:#f5f5f5;}

.tbl_title {position:relative; font-size:20px; color:#222; font-weight:700; line-height:30px; margin-bottom:20px;}
.tbl_title .tar {display:block; position:absolute; top:0; right:0; line-height:30px; font-size:13px; color:#999;}
.tbl_title .tar span {padding:0 10px; font-size:10px; color:#ccc;}

.gal_list {background:#f8f8f8; padding:100px 0 50px;}
.gal_list ul {overflow:hidden;}
.gal_list ul li {float:left; width:288px; margin-left:16px; border:#ccc 1px solid; background:#fff;}
.gal_list ul li:first-child {margin-left:0;}
.gal_list ul li .img {width:100%; height:238px; line-height:238px; overflow:hidden; text-align:center; background:#f5f5f5;}
.gal_list ul li .img img {vertical-align:middle; width:auto; height:auto; max-width:100%; max-height:100%;}
.gal_list ul li .txt {padding:30px;}
.gal_list ul li .txt strong {display:block; font-size:18px; color:#555; font-weight:400; line-height:26px; height:52px; overflow:hidden;}
.gal_list ul li .txt em {display:block; font-size:14px; color:#999; font-weight:500; margin:15px 0;}
.gal_list ul li .txt p {font-size:14px; color:#666; font-weight:400; line-height:22px; height:66px; overflow:hidden;}
.btn_top{position:absolute;right:50px;top:50px;}

.attend{text-align:right; color:#eb0000 ; font-weight:400;font-size:16px;line-height:42px;  }
.red{color:#eb0000 ; font-weight:400; }

.agree{ padding:50px 0 ;}
.agree .agree_tit{ font-size:16px; color:#000; line-height:2;font-weight:bold; padding-bottom:20px; }
.agree .agree_wrap { border:1px solid #aaa; padding:30px 0 ; font-size:16px;line-height:1.6;  }
.agree_chk{ padding:25px 0  10px;font-size:17px;}
.tbl_row{width:100%;  border-collapse:collapse;border:1px solid #ddd;}
.tbl_row th{font-size:16px; color:#222;padding: 10px 20px  10px  ;line-height:1.6; vertical-align:top;border-bottom:1px solid #ddd;}
.tbl_row td{font-size:16px; color:#222;padding: 10px 0  10px;line-height:1.6; vertical-align:top; font-weight:300;border-bottom:1px solid #ddd;}

.req{background-color:#fff; width:160px;height:50px; border-radius:30px;border:1px solid #52aa98; position:relative; }
.req i{position:absolute; right:20px;top:20px; }