#main{position: relative; /*height:90rem;*/ }
#section1{overflow: hidden;}
.msec1{position: relative;}
.msec1 .swiper-slide{overflow:hidden}
.msec1 .swiper-slide .slogan{position:absolute; z-index:10; top:40%; left:50%; transform: translateX(-50%); width:100%; max-width:var(--container); text-align:left;}
.msec1 .swiper-slide .slogan p{font-weight: bold; position: relative;font-family: var(--font-go); }
.msec1 .swiper-slide .slogan .text1{top:0; opacity:0; font-size:4rem;  transition:0.5s 0.5s}
.msec1 .swiper-slide .slogan .text2{top:10px;opacity:0; filter: blur(10px); font-size:8rem;  transition:0.5s 1s}
.msec1 .swiper-slide .slogan .text2 span{font-family: 'Nanum Myeongjo', serif;}
.msec1 .swiper-slide .slogan .text3{top:10px;opacity:0; filter: blur(10px); font-size:3.6rem;  transition:0.5s 1s}
.msec1 .swiper-slide .slogan .text4 a{display: inline-block; font-weight: bold; margin-top: 2rem; padding:.5rem 3rem; border: 1px solid #666; font-family: 'Pretendard', sans-serif; border-radius: 5rem;}

.msec1 .swiper-slide .bg{transform:scale(1.1);transition:10s; height:96rem; position: relative;}
.msec1 .swiper-slide .bg img{width:100%; height: 100%; object-fit: cover;}

.msec1 .swiper-slide-active .bg{transform:scale(1)}
.msec1 .swiper-slide-active .slogan .text1{top:0;opacity:1; letter-spacing:normal;}
.msec1 .swiper-slide-active .slogan .text2{top:0;opacity:1; filter:blur(0)}
.msec1 .swiper-slide-active .slogan .text3{top:0;opacity:1; filter:blur(0)}

/*swiper*/
.msec1 .swiper-button-prev,
.msec1 .swiper-button-next{width: 5rem; height: 5rem; background: none; top:85%}
.msec1 .swiper-button-prev{left:50%; transform: translateX(-70rem);}
.msec1 .swiper-button-next{left:50%; transform: translateX(-63rem); right:0}
.msec1 .swiper-button-prev span,
.msec1 .swiper-button-next span{font-size:4rem; color:#666}
.swiper-pagination{max-width:var(--container); font-weight: bold; text-align: left; color:#fff; position: absolute; left: 50%; transform: translate(-50%);  bottom: 10rem;}

.swiper-progress-bar {position:  absolute; left: 50%; transform: translate(-50%); width:100%; max-width: var(--container); display: block; z-index: 1; height:.5rem; }
.swiper-progress-bar .slide_progress-bar {position: absolute; height: .3rem; background:#fff; width:50rem; clear: both; opacity:1; bottom: 15rem; left: 0; right: 0; }
.swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background:var(--sub_color); height: 100%; width: 0; content: ""; transition: 0.1s width linear;}
.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset; width: 100%; transition-duration: 5s;}


/* 메인 타이틀 */
.main_tit{font-family: var(--font-go);position: relative; text-align: center; padding:1rem 0 5rem 0; color:#676767}
.main_tit::before{content: ''; width: 3.4rem; height: 1.1rem; background: url(../images/common/dot.png) no-repeat; background-size:100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main_tit span{display: block; padding-bottom: 1rem; font-size:4.5rem; font-weight: bold;  color:#333;}

/* 제품 */
.main_product{padding:10rem 0; position: relative;}
.main_product .inner{position: relative; padding: 0 0 10rem 0;}
.main_pro_slide{text-align: center;}
.main_pro_slide dt{display: inline-flex; justify-content: center; margin:1rem auto;  padding:.5rem 2rem;  border-radius: 10rem; background: var(--main_color); color:#fff; font-weight: bold;}
.main_pro_slide .swiper-container-horizontal > .swiper-scrollbar{height: 2px;}
.main_pro_slide .swiper-scrollbar-drag{background: var(--main_color);}

/* 인포 */
.main_info{background: url(../images/main/info_bg.jpg) center fixed; font-family: var(--font-go); color:var(--sub_color); font-weight: bold; }
.main_info .inner{display:flex; align-items: center; height: 53rem;}
.main_info dl dt{font-size: 4rem;}
.main_info dl dt p{margin-bottom: 3rem;}
.main_info dl dd{font-size:2rem}

/* 스토리 */
.main_story{background:url(../images/main/story_bg.jpg) no-repeat center; padding:10rem 0; font-family: var(--font-go); text-align: center;}
.main_story .inner{position: relative;}

.main_story_slide p{overflow: hidden; margin:0 auto 3rem auto; width: 24rem; height: 24rem; border-radius: 100rem; }
.main_story_slide dl dt{font-weight:bold; font-size:3rem;}
.main_story_slide dl dt span{display: inline-block; padding:0rem 1rem; font-family: 'Pretendard';  font-size:1.8rem; text-align: center; background: var(--main_color); color:#fff; font-weight: bold; border-radius: 10rem; p}
.main_story_slide dl dd{color:#666}

/* 특징 */
.features{padding:10rem 0; background:url(../images/main/features_bg.jpg) no-repeat center;}
.features .swiper-slide{overflow: hidden; border-radius: 2rem; background: #fff; padding: 3rem;}
.features p{text-align: right;}
.features dl dt{font-weight: bold; font-size:2.4rem; padding-bottom: 2rem;}
.features .swiper-slide:nth-child(1) dt{color:#93c054}
.features .swiper-slide:nth-child(2) dt{color:#66b49b}
.features .swiper-slide:nth-child(3) dt{color:#5e8aa7}
.features .swiper-slide:nth-child(4) dt{color:#77685a}

/* 공지사항 */
.main_board{padding: 10rem 0; position: relative;}
.main_board .board_img{position: absolute; top: -10rem; right: 50%; transform: translateX(100%);}
.main_board_list{background: #575043; border-radius: 2rem; padding:4rem; display: flex; gap:5rem; position: relative;}
.main_board_list li{flex:1;}
.main_board_list li a{ display: flex; gap:3rem}
.main_board_list li p{overflow: hidden; border-radius: 2rem; flex:2; height: 16rem;}
.main_board_list li p img{width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.main_board_list li p img:hover{transform: scale(1.2);}
.main_board_list li dl{flex:3; color:#fff}
.main_board_list li dl dt{font-weight: bold; font-size:2rem; padding-bottom: 2rem;}
.main_board_list li dl dd{display: flex; flex-direction: column; gap:1rem; font-size:1.6rem}
.main_board_list li dl dd span{}
.main_board_list li dl dd em{font-weight: bold; font-size:1.4rem; color:var(--main_color)}
