/* BASIC css start */
#content{width:auto;}

.section{margin-bottom: 170px;}
.sec_inner{width: 1400px; margin: 0 auto;}
.section h2{font-family: 'Noto Sans KR', sans-serif; margin-bottom: 70px; text-align: center;  color: #000 ;font-size: 30px; font-weight: 600;}



/* 섹션개별 */
/* 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 .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec1 .swiper .swiper_btn_prev{left:calc(50% - 890px)}
#sec1 .swiper .swiper_btn_next{right: calc((50% - 890px))}
#sec1 .swiper .swiper-pagination-bullet{ background-color:#fff}
#sec1 .swiper .swiper-pagination-bullet-active{ background-color: #fff;}


/* sec3 */
#sec3{}
#sec3 .sec_inner{}
#sec3 .sec_inner .sec3_cont{}
#sec3 .sec_inner .sec3_cont ul{display: flex;height: auto;}
#sec3 .sec_inner .sec3_cont ul li{width: 50%;height: inherit;}
#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{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; font-size: 40px;font-weight: 500; 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: 20px; font-weight: 500; margin: 10px 0 30px;}
#sec3 .sec_inner .sec3_cont ul li:last-child a.moreview{font-size: 14px; font-family: 'Noto Sans KR', sans-serif; display: inline-block; border: 1px solid #000; border-radius: 20px; padding: 8px 20px; font-weight: 600;}
#sec3 .sec_inner .sec3_cont ul li:last-child a.moreview:hover{background-color: #000; color: #fff;}


/* sec4 */
#sec4{}
#sec4 .sec_inner{}
#sec4 .sec_inner h2{margin-bottom:40px;}
#sec4 .sec_inner .sec4_cont{}
#sec4 .sec_inner .sec4_cont ul{width: 800px; margin: 0 auto; gap: 15px; 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:8px 20px;border-radius: 20px;  color: #888888;border: 1px solid #e6e6e6; font-size: 17px; font-weight: 400; }
#sec4 .sec_inner .sec4_cont ul li a:hover{border-color: #222; color: #222;}

/* sec5 */
#sec5{}
#sec5 .sec_inner{}
#sec5 .sec_inner a{display: block; width: 100%;}
#sec5 .sec_inner 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{}
#sec6 .sec_inner .sec6_cont ul{display: flex; justify-content: space-between;}
#sec6 .sec_inner .sec6_cont ul li{width: 690px;}
#sec6 .sec_inner .sec6_cont ul li .ytb_sec{width: 100%;}
#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: 20px 0; font-size: 24px; 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: 16px; font-weight: 400;}


/* 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{display: flex; flex-wrap: nowrap; justify-content: space-between;}
#sec7 .sec7_cont ul li{width: 450px;}
#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:hover>img{transform: scale(1.05);  }
#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; font-size: 24px; color: #242424; font-weight: 500;width: auto; display: inline-block; position: relative;}
#sec7 .sec7_cont ul li:hover>.txt_sec p.big::after{width: 105%; opacity: 1;}
#sec7 .sec7_cont ul li .txt_sec p.big::after{content: ""; display: block; position: absolute ; opacity: 0; bottom: -3px; left: -1%; width: 10%;transition: all .3s;transform-origin: left center; height: 15px; background-color: rgb(240, 229, 229);z-index: -1;transform: rotate(-1deg);}
#sec7 .sec7_cont ul li .txt_sec p.sub{font-family: 'Noto Sans KR', sans-serif;color: #aaaaaa; line-height: 1.5; font-size: 16px; font-weight: 400;}

/* BASIC css end */