/* BASIC css start */
.section:not(#sec1){margin-bottom: 90px;}
.sec_inner{padding:0 5%; }
.section h2{font-family: 'Noto Sans KR', sans-serif; margin-bottom: 40px; text-align: center; position:relative;  color: #000 ;font-size: 20px; font-weight: 600;}
.section h2 a.h2_more{position:absolute; top:50%; transform:translateY(-50%); right:0}
.section h2 a.h2_more img{transform:scale(.66); transform-origin:right center; }


/* ¼½¼Ç°³º° */
/* sec1 */
#sec1{}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper{}
#sec1 .swiper .swiper-wrapper .swiper-slide{}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%;}
#sec1 .swiper-pagination{bottom:60px}
#sec1 .swiper .swiper-pagination-bullet{ background-color:#fff}
#sec1 .swiper .swiper-pagination-bullet-active{ background-color: #fff;}

/* sec2 */
#sec2{background-color:#fff; padding-top:60px; border-radius:30px 30px 0 0 ; transform:translateY(-30px); position:relative; z-index:1;}

/* sec3 */
#sec3{}
#sec3 .sec_inner{padding:0}
#sec3 .sec_inner .sec3_cont{}
#sec3 .sec_inner .sec3_cont ul{}
#sec3 .sec_inner .sec3_cont ul li{}
#sec3 .sec_inner .sec3_cont ul li:first-child{}
#sec3 .sec_inner .sec3_cont ul li:first-child a{display: block; width: 100%;}
#sec3 .sec_inner .sec3_cont ul li:first-child a img{ width: 100%; display: block;}
#sec3 .sec_inner .sec3_cont ul li:last-child{padding:70px 0; background-color: #edd2bc; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#sec3 .sec_inner .sec3_cont ul li:last-child p.big{color: #222222; margin-bottom:10px;  font-size: 26px;font-weight: 600; font-family: 'Noto Sans KR', sans-serif; }
#sec3 .sec_inner .sec3_cont ul li:last-child p.sub{font-family: 'Noto Sans KR', sans-serif; color: var(--main-color);  font-size: 13px; font-weight: 500; margin: 10px 0 30px;}
#sec3 .sec_inner .sec3_cont ul li:last-child a.moreview{font-size: 12px; font-family: 'Noto Sans KR', sans-serif; display: inline-block; border: 1px solid #000; border-radius: 20px; padding: 5px 17px 8px; font-weight: 500;}



/* sec4 */
#sec4{}
#sec4 .sec_inner{padding:20px 5%;}
#sec4 .sec_inner h2{}
#sec4 .sec_inner .sec4_cont{}
#sec4 .sec_inner .sec4_cont ul{margin: 0 auto; gap: 11px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#sec4 .sec_inner .sec4_cont ul li{}
#sec4 .sec_inner .sec4_cont ul li a{transition: all .1s; font-family: 'Noto Sans KR', sans-serif; display: inline-block;padding:5px 13px;border-radius: 20px;  color: #888888;border: 1px solid #e6e6e6; font-size: 13px; font-weight: 400; }


/* sec5 */
#sec5{}
#sec5 a{display: block; width: 100%;}
#sec5 a img{width: 100%;}


/* sec6 */
#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{}
#sec6 .sec_inner h2 a.h2_more{display: inline-block; float: right;}
#sec6 .sec_inner h2 a.h2_more img{}
#sec6 .sec_inner .sec6_cont{padding-bottom:40px;}
#sec6 .sec_inner .sec6_cont ul{}
#sec6 .sec_inner .sec6_cont ul li{}
#sec6 .sec_inner .sec6_cont ul li .ytb_sec{}
#sec6 .sec_inner .sec6_cont ul li .text_sec{}
#sec6 .sec_inner .sec6_cont ul li .text_sec p.big{font-family: 'Noto Sans KR', sans-serif; line-height: 1.2; margin: 15px 0; font-size: 18px; color: #242424; font-weight: 500; }
#sec6 .sec_inner .sec6_cont ul li .text_sec p.sub{font-family: 'Noto Sans KR', sans-serif; color: #aaaaaa; line-height: 1.5; font-size: 13px; font-weight: 400;}

#sec6 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
#sec6 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--main-color);}


/* sec7 */
#sec7{}
#sec7 .sec_inner{}
#sec7 .sec_inner h2{}
#sec7 .sec_inner h2 a.h2_more{display: inline-block; float: right;}
#sec7 .sec_inner h2 a.h2_more img{}
#sec7 .sec7_cont{}
#sec7 .sec7_cont ul{}
#sec7 .sec7_cont ul li{width: 75%;}
#sec7 .sec7_cont ul li .img_sec{width: 100%;}
#sec7 .sec7_cont ul li .img_sec a{display: block; width: 100%;overflow: hidden; }
#sec7 .sec7_cont ul li .img_sec a img{width: 100%;display: block;transition: all .5s; }
#sec7 .sec7_cont ul li .txt_sec{}
#sec7 .sec7_cont ul li .txt_sec p.big{font-family: 'Noto Sans KR', sans-serif;line-height: 1.2; margin: 20px 0 10px; font-size: 18px; color: #242424; font-weight: 500;width: auto; display: inline-block; position: relative;}
#sec7 .sec7_cont ul li .txt_sec p.sub{font-family: 'Noto Sans KR', sans-serif;color: #aaaaaa; line-height: 1.5; font-size: 13px; font-weight: 400;}

/* BASIC css end */

