/*---------------------- 메인 */
.main_section {  padding-top:6.25rem; background-color: #f3f3f3;} 



/** 메인 > 비주얼 **/
.main_visual { position:relative; width:100%;  } 
.main_slider { width:100%; height:100%; } 
.main_slider .swiper-slide {padding-top:32.8125%; width:100%; height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} 
.main_slider .swiper-slide.slide01 { background-image: url("../../img/main/visual001.png"); } 
.main_slider .swiper-slide.slide02 { background-image: url("../../img/main/visual002.png"); } 
.main_slider .swiper-slide.slide03 { background-image: url("../../img/main/visual003.png"); } 
.main_slider .swiper-slide.slide04 { background-image: url("../../img/main/visual004.png"); } 


.main_slider .swiper-button-next,.main_slider .swiper-button-prev { color:#eb1c74; } 
.main_slider .swiper-button-next::after,.main_slider .swiper-button-prev::after { font-size:2.25rem; } 
.main_slider .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom:1.5rem !important; } 
.main_slider .swiper-pagination .swiper-pagination-bullet { width:3.125rem; height:0.3125rem; background-color: #fff; border-radius: 5px; opacity: 0.65; } 
.main_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { height:8px; background-color: #eb1c74; opacity: 1; } 

@media screen and (max-width:1024px) {
  .main_section { padding-top:5rem; } 
}

@media screen and (max-width:640px) {
  .main_slider .swiper-slide {padding-top:56.25%;} 
  .main_slider .swiper-button-next,.main_slider .swiper-button-prev { display: none; } 
 }




/** 메인 > 하단 **/
.main_bot .mb_layout { display: flex; overflow: hidden; height:18.75rem; } 
.main_bot .mb_layout > div { flex:1; border-right:1px solid #e4e4e4; overflow: hidden; height:100%; background-color: #fff; } 

@media screen and (max-width:1250px) {.main_bot { padding-right:0; padding-left:0; } 
 }

@media screen and (max-width:1024px) {.main_bot .mb_layout { flex-direction: column; height:auto; } 
/* .main_bot .mb_layout > div { height:300px; } */}




/** 메인 > 하단 > 타이틀 **/
.main_bot .mb_title { padding-left:1.25rem; height:3.75rem; background:#eb1c74; font-size:1.125rem; font-weight: 600; line-height:3.75rem; color:#fff; } 
.mb_title { display: flex; align-items:center; justify-content:space-between; padding:0 1.25rem; height:3.75rem; background:#eb1c74; font-size:1.125rem; color:#fff; } 
.mb_title .more { display:block; border:3px solid #fff; position:relative; width:1.625rem; height:1.625rem; transition:transform 400ms; border-radius:50%; box-sizing:border-box } 
.mb_title .more i { position:absolute; top:45%; left:20%; width:60%; height:2px; background-color:#fff; } 
.mb_title .more i + i { transform:rotate(90deg) } 
.mb_title .more:hover { transform: rotate(180deg); } 


/** 메인 > 하단 > 공지사항 **/
.main_bot .notice .notice_slide { position: relative; height:calc(100% - 3.75rem); } 
.main_bot .notice .notice_slide .swiper-slide {display: flex; gap:1.5rem; flex-direction: column;  padding:1rem; } 
.main_bot .notice .notice_slide .swiper-slide a { display: flex; justify-content: space-between; flex-direction: column; height:50%;}
.main_bot .notice .notice_slide .swiper-slide a span { display: block; } 
.main_bot .notice .notice_slide .swiper-slide .n_title { overflow: hidden; font-weight: 600; white-space:nowrap; text-overflow:ellipsis; } 
.main_bot .notice .notice_slide .swiper-slide .n_txt { display: -webkit-box; overflow: hidden;  font-size: 0.875rem; line-height: 1.4; color: #abaaa9; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } 
.main_bot .notice .notice_slide .swiper-slide a:hover .n_title { color:#eb1c74; } 
.main_bot .notice .notice_slide .swiper-slide a .n_date { display:block; overflow: hidden; font-size:0.875rem; line-height: 1.4; color:#abaaa9; white-space: nowrap; text-overflow: ellipsis; } 



/** 메인 > 하단 > 제품안내 **/
.main_bot .productW .product_slide { position: relative; height:calc(100% - 3.75rem); } 
.main_bot .productW .product_slide .swiper-slide { padding:1.5rem; } 
.main_bot .productW .product_slide .swiper-slide a { display: flex; gap:1rem; } 
.main_bot .productW .product_slide .swiper-slide a .pic img { display:block; width:auto; max-width:100%; } 
.main_bot .productW .product_slide .swiper-slide a .txt_box { flex:1; } 
.main_bot .productW .product_slide .swiper-slide a .txt_box .title { font-size:1rem; font-weight: 600; color:#eb1c74; } 
.main_bot .productW .product_slide .swiper-slide a .txt_box .txt { display:block; margin-top:0.625rem; font-size:0.875rem; line-height:1.4; color:#a5a5a5; } 
.main_bot .productW .product_slide .swiper-slide a .detail_go { display:block; padding:0 1.875rem 0 0.625rem; border:2px solid #eb1c74; position:absolute; right:1.5rem; bottom:1.5rem; background-image: url("../../img/main/a_bg.gif"); background-repeat: no-repeat; background-position: 90% center; font-size:0.875rem; line-height:2.25rem; color:#eb1c74; box-sizing:border-box; border-radius:20px; } 
.main_bot .productW .product_slide .swiper-slide a:hover .detail_go { background-color: #eb1c74; background-image:url("../../img/main/a_bg_over.gif"); color:#fff; } 


.main_bot .productW .product_slide .swiper-button-next,
.main_bot .productW .product_slide .swiper-button-prev { right:0; color:#eb1c74; } 
.main_bot .productW .product_slide .swiper-button-prev { left:0; } 
.main_bot .productW .product_slide .swiper-button-next::after,
.main_bot .productW .product_slide .swiper-button-prev::after { font-size:1rem; font-weight: bold; } 


/** 메인 > 하단 > 퀵메뉴 **/
.main_bot .quickW { overflow: hidden; } 
.main_bot .quickW .quick_box { display: flex; overflow: hidden; height:calc(100% - 3.75rem); } 
.main_bot .quickW .quick_box .visit { flex:1; padding:1.5rem; border-right:1px solid #e4e4e4; } 
.main_bot .quickW .quick_box .visit a { display: flex; align-items: center; justify-content: space-between; flex-direction: column; height:100%; text-align:center; } 
.main_bot .quickW .quick_box .visit a .tit { display:block; font-size:1rem; font-weight: 600; color:#eb1c74; } 
.main_bot .quickW .quick_box .visit a .img { display: flex; align-items: center; justify-content: center; height:100px; } 
.main_bot .quickW .quick_box .visit a .img img { display:block; max-width:100%; text-align:center; } 
.main_bot .quickW .quick_box .visit a .txt { display:block; font-size:0.875rem; line-height: 1.4; color: #a5a5a5; letter-spacing: -0.5px; } 

.main_bot .quickW .quick_box .com_inc { display: flex; justify-content: space-between; flex:1; flex-direction: column; padding:1.5rem; overflow: hidden; } 
.main_bot .quickW .quick_box .com_inc .tit { font-size:1rem; font-weight: 600; color:#eb1c74; text-align:center; } 
.main_bot .quickW .quick_box .com_inc .inc_guide { font-size:0.875rem; line-height: 1.4; color: #a5a5a5; text-align: center; letter-spacing: -0.5px; } 

.main_bot .quickW .quick_box .com_inc { position: relative; } 
.main_bot .quickW .quick_box .com_inc .swiper-slide a { display: flex; align-items: center; flex-direction: column; height:6.25rem; } 
.main_bot .quickW .quick_box .com_inc .swiper-slide a .txt { font-size:0.8125rem; font-weight: 600; color:#eb1c74; } 

.main_bot .quickW .quick_box .com_inc .swiper-button-next,
.main_bot .quickW .quick_box .com_inc .swiper-button-prev { right:0; color:#eb1c74; } 
.main_bot .quickW .quick_box .com_inc .swiper-button-prev { left:0; } 
.main_bot .quickW .quick_box .com_inc .swiper-button-next::after,
.main_bot .quickW .quick_box .com_inc .swiper-button-prev::after { font-size:1rem; font-weight: bold; }