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



/* middle */
.middle {padding-top: 0px;}
.middle_youtube {text-align: center;margin-bottom: 0px;line-height: 1;font-size: 0;position:relative;padding: 51%;}
.middle_youtube iframe {line-height:1; border:none; width:100%; height:100%; position:absolute; left:0; top:0;  }
.middle_group {align-items: center;align-items: center}
.mid_img img {max-width: 100%;width:100%;margin-bottom: 0px;}
.mid_text {padding: 48px 0;}
.mid_text {text-align:center}
.middle_group .color {color: #787845;font-size: 14px;}
.middle_group .p5 {font-size: 24px;margin:17px 0px 30px;font-weight: bold;line-height:1.3;}
.middle_group .txt  {font-size: 14px;font-weight:400;}




.section {position:relative; }
.section .img {overflow:hidden}
.section .img span {display:block;}
.section .txt  {text-align:center; padding:60px 10px;}
.section .txt .tt {font-size:28px;  }
.section .txt .tt .point {font-weight:bold; }
.section .txt p {font-size:16px; font-weight: 400; line-height: 1.5; margin-bottom:20px; word-wrap:break-word; word-break:keep-all;  }
.section .txt p:last-child {margin-bottom:0}
.section .video {width: 100%;position:relative;box-sizing:border-box;padding-bottom: 177.7%;}
.section .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

.section .point {color:#b1d0a1}
.section .bg {background:#fff5e7; padding:60px 32px}


#section00 {position:relative; }
#section00 .img {position:relative;padding-bottom: 130%;}
#section00 .img img {position:absolute;top:0;left: 0;width:100%;height:100%;}
#section00 .txt  {position:absolute;top:0;left:0;width:100%;box-sizing: border-box;padding: 10% 0;}
#section00 .txt span {display:block;font-size:20px; color:#b1d0a1;  }
#section00 .txt span:last-child {font-weight:400; font-size:28px; margin-top:20px;}
#section00 .txt span:last-child  b {font-weight:bold}

#section01 .txt p {margin:0}


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



#section05 .txt p {margin:0}

#section05 {}
#section05 .slide_box {padding: 100px 0;overflow: hidden; position:relative;  }
#section05 .slide_txt  {position:absolute;} 
#section05 .slide_txt img {height: 72px;}
#section05 .slide_txt01 { top:10px; left:20px}
#section05 .slide_txt02 {bottom:10px; right:20px}
#section05 .imgSwiper .swiper-wrapper {transition-timing-function: linear;}
#section05 .imgSwiper .swiper-slide { width:50%!important; box-sizing:border-box; padding:8px; background:#fff}
#section05 .imgSwiper .swiper-slide img {width:100%}

#footer {margin-top:0 !important; }
/* BASIC css end */