/* BASIC css start */
#header {position: fixed; top: 0; left: 0; }
#header .WH {display:block !important; } 
#header .BK {display:none !important; }
#header .header_btm #hd_menu, #header .header_top .gnb li #hd_search_box .search_close_btn{color:#fff !important; }
#header .header_top .gnb li #hd_search_box input {border-color:#fff !important}
#header.headroom--not-top .WH {display:none!important; }
#header.headroom--not-top .BK {display:block!important; }
#header.headroom--not-top  .header_btm #hd_menu, #header.headroom--not-top  .header_top .gnb li #hd_search_box .search_close_btn{color:#000 !important; }
#header.headroom--not-top  .header_top .gnb li #hd_search_box input {border-color:#000 !important}
#contentWrapper {overflow:hidden}
#footer {margin-top:0 !important; }



/* middle */
.middle {padding-top:0px; }
.middle_youtube {text-align: center;margin-bottom:130px;}
.middle_group {display: flex;align-items: center;align-items: center}
.mid_img {width: 50%;}
.mid_img img {max-width: 100%; width:100%}
.mid_text_left {width: 50%;text-align: left; padding-left: 55px; box-sizing:border-box; padding-left:240px;  }
.mid_text_right {width: 50%;text-align: right; padding-right: 55px; box-sizing:border-box; padding-right:240px;  }
.middle_group .color {color: #b1d0a1; font-size: 25px;}
.middle_group .h5 {font-size: 55px;margin:45px 0px 60px;font-weight: bold;}
.middle_group .txt  {font-size:26px; font-weight:200;}



@media screen and (max-width:1700px) {

    .mid_text_right {padding-right:4%}
    .mid_text_left{padding-left:4%}

}

    
    
.txt01 {position:relative;  padding:0 0 0 0;}
.txt01 .wrapper {max-width:1440px; position:relative;  }
.txt01 .txt  {text-align:center; padding:100px 0; }
.txt01 .txt .tt {font-size:40px; line-height:1.5  }
.txt01 .txt .tt span {font-weight:bold;font-size: 64px; }
.txt01 .txt p {font-size: 24px; font-weight: 400;line-height:1.8; margin-bottom:0px; }
.txt01 .txt p:last-child {margin-bottom:0}
.txt01 .point {color:#b1d0a1}



.section {position:relative; }
.section .wrapper {max-width:1440px; position:relative;  }
.section .txt  {text-align:center; padding:0px 0; }
.section .txt .tt {font-size:40px; line-height:1.5  }
.section .txt .tt span {font-weight:bold;font-size: 64px; }
.section .txt p {font-size: 24px; font-weight: 400;line-height:1.8; margin-bottom:0px; }
.section .txt p:last-child {margin-bottom:0}
.section .point {color:#b1d0a1}

.section .bg {background:#fff5e7; padding:200px 0}

#section01 .top {position:relative; }
#section01 .top img {width:100%}
#section01 .top .txt {position:absolute;top:0;right:0;width: 100%;display: flex;flex-direction: column;align-content: flex-end;align-items: flex-start;justify-content: center;box-sizing:border-box;padding: 12% 0 0 8%;}
#section01 .top .txt span {font-size:34px;display:block;color:#b1d0a1;line-height: 1;font-weight:300}
#section01 .top .txt span:last-child {font-size:52px;margin-top: 15px;font-weight:400;;}
#section01 .top .txt span:last-child  b {font-weight:bold}
#section01 .top .logoW {position:absolute; bottom:0px; left:150px; }
#section01 .top .logoW span {display:block; }
#section01 .top .logoW  img  {height: 100px;}


#section01 .mid .wrapper {display:flex;align-items: flex-start;justify-content: flex-start;}
#section01 .mid .video {width: 30%;position:relative;box-sizing:border-box;padding-bottom: 53.32%;}
#section01 .mid .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
#section01 .mid .img {width:70%;position:relative;padding-bottom: 53.32%;}
#section01 .mid .img  img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }

#section02  { }
#section02 .top .wrapper {display:flex;align-items: flex-start;justify-content: flex-start;}
#section02 .top .img {width: 55%;}
#section02 .top .img span {display:block; position:relative; }
#section02 .top .img span img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
#section02 .top .img span.img01 {padding-bottom: 53%;}
#section02 .top .img span.img02 {padding-bottom: 92.5%;}
#section02 .top .video {width: 45%;position:relative;box-sizing:border-box;padding-bottom:80%;}
#section02 .top .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

#section03 .img {height: 700px;position: relative;}
#section03 .img .fixBanner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0, auto, auto, 0);}
#section03 .img .fixBanner span {position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;background-size: cover;background-position: bottom -400px center;transform: translateZ(0);will-change: transform;background-repeat: no-repeat;}

#section04 {}
#section04 .slide_box {padding: 300px 0 300px; overflow: hidden;}
#section04 .slide_txt  {position:absolute;} 
#section04 .slide_txt01 { top:-300px; left:-200px}
#section04 .slide_txt02 {bottom: -340px;right:-200px}
#section04 .imgSwiper .swiper-wrapper {transition-timing-function: linear;}
#section04 .imgSwiper .swiper-slide { width:33.33%!important; box-sizing:border-box; padding:16px; background:#fff}
#section04 .imgSwiper .swiper-slide img {width:100%}


#section05 {text-align:center; padding-bottom:150px }
#section05 .logo {display:block; }
#section05 .logo img  {height: 138px;}


/* BASIC css end */