@charset "utf-8"; /* CSS Document */

@media (max-width: 1560px) { 

/* ====== All ====== */
.box3,
.box1 { max-width: 92%; } 
.box0 { max-width: 94%; margin: 0 auto; } 
.fp-tableCell,
.section { height: unset !important; } 
.section .wrapIn { height: auto !important; padding: 4rem 0 !important; } 
.mainNav_wrap { display: none; } 
.section .wrapIn.pb { padding-bottom: inherit; } 

/* ====== visual ====== */
.visualSlide_wrap .slogan .t2{ font-size: 3.5vmin;}
.visualSlide_wrap .slogan .t1{ font-size: 7.5vmin;}
.visualSlide_wrap .slogan .t3{ font-size: 2.25vmin;}

.visualSlide_control .paging { flex-wrap: nowrap; } 
.visualSlide_control .paging .swiper-pagination-bullet { flex: 1; width: unset; } 

/* ====== sec3 ====== */
#section3 .notice_list > li > .inner > .thumb{ height: 8rem;}

/* ====== sec1 ====== */
.branch_container .branchMap .branchInfo { width: 45%; text-align: left; } 
.branch_container .branchMap .branchMapImg { display: block; height: 80%; } 

/* ====== sec2 ====== */
.businessSlide { width: 942px; } 
.businessSlide .imgCon { height: 55svh; } 
.businessSlide .businessSlide_control .swiperBtn.prev { width: 4rem; height: 4rem; top: 44%; transform: translateY(-50%); left: -3.5rem; } 
.businessSlide .businessSlide_control .swiperBtn.next { width: 4rem; height: 4rem; right: -3.5rem; top: 44%; transform: translateY(-50%);; } 
.businessSlide .infoCon > .title { font-size: 2.15rem; } 
.businessSlide .infoCon > .desc { font-size: 1rem; } 

/* ====== sec3 ====== */
#section3 .notice_list > li > .inner > .date,
#section3 .notice_list > li > .inner > .cate { display: flex; } 
#section3 .notice_list > li > .inner > .date > .day{ font-size: 3.215rem;}

/* ====== sec4 ====== */
#section4 .media_container { flex-direction: column; } 
#section4 .media_container .mediaImg { width: 100%; height: 35vh; } 
#section4 .media_container .media_contentAll { width: 100%; } 
#section4 .media_container .mediaImg > .infoTit { padding: 0 5vw; } 
#section4 .media_container .mediaImg:before { opacity: .6; } 
#section4 .media_container .mediaImg > .infoTit .page_tit { margin-bottom: 0; } 
#section4 .media_container .media_contentAll { padding: 4rem 5vw; } 
#section4 .youtube_container .youtubeSlide_Wrap > .youtubeSlide .youtubeCon > .somenail{ height: 15svw;}
#section4 .insta_container .instaList > li > .in > .imgCon{ height: 27svw;}

/* ====== sec5 ====== */
#section5 .box0 { width: unset; max-width: unset; padding-left: 3vw !important; padding-right: 3vw !important; } 
#section5 .inquiry_container .inquiryImg { border-radius: 1rem; } 
#section5 .inquiry_container .innerInfo .innerContainer{ flex-direction: unset;}
#section5 .inquiry_container .inquiry_circle { width: 116px; height: 116px; } 

}

@media (max-width: 1024px) { 

/* ====== visual ====== */
.visualSlide_wrap .slogan .t1 { font-size: 6vmin; } 
.visualSlide_wrap .slogan .t2 { font-size: 2.5vmin; } 
.visualSlide_wrap .slogan .t3 { font-size: 3vmin; } 

#scrollAni { display: none; } 
.visualSlide_control { margin-top: 0; } 
.visualSlide_control .swiperPauseWrap { display: none; } 
.visualSlide_control .paging { flex-wrap: wrap; gap: .5rem 0; } 
.visualSlide_control .paging .swiper-pagination-bullet { flex: auto; width: 50%; } 
.visualSlide_control .paging .swiper-pagination-bullet .t2,
.visualSlide_control .paging .swiper-pagination-bullet .t1 { font-size: .838rem; } 

/* ====== sec2 ====== */
.businessSlide { width: 100%; opacity: 1; transform: scale(1); } 
.businessSlide .infoCon { padding: 0 3rem; } 
.businessSlide .infoCon > .title { font-size: 1.615rem; } 
.businessSlide .infoCon > .desc { font-size: .938rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 
.businessSlide .imgCon { height: 40vh; } 

.businessSlide .businessSlide_control .swiperBtn { width: 3rem; height: 3rem; } 
.businessSlide .businessSlide_control .control .progress-container .current-slide,
.businessSlide .businessSlide_control .control .progress-container .total-slide { font-size: 1rem; } 
.businessSlide .businessSlide_control .control .progress-container { margin-top: 2.5rem; } 
.businessSlide .businessSlide_control .swiperBtn.prev { left: 0; top: unset; transform: unset; bottom: -.75rem; } 
.businessSlide .businessSlide_control .swiperBtn.next { right: 0; top: unset; transform: unset; bottom: -.75rem; } 

/* ====== sec3 ====== */
#section3 .notice_list > li > .inner > .date,
#section3 .notice_list > li > .inner > .cate { display: none; } 
#section3 .notice_list > li > .inner > .infoT > .tit { font-size: 1.063rem; } 
#section3 .notice_list > li > .inner > .thumb { height: 10svw; width: 25%; } 
#section3 .notice_list > li > .inner { padding: 1rem 0; gap: 2rem; } 
#section3 .notice_list > li > .inner > .infoT > .txt { margin-top: .35rem; } 

/* ====== sec4 ====== */
#section4 .insta_container .instaList > li { flex: 1 1 25%; max-width: 25%; } 
#section4 .insta_container .instaList > li > .in > .imgCon { height: 26vw; } 
#section4 .youtube_container .youtubeSlide_Wrap > .youtubeSlide .youtubeCon > .somenail { height: 16svw; } 

/* ====== sec5 ====== */
#section5 .box0 { width: 100%; max-width: 100%; } 
#section5 .inquiry_container .inquiryImg { border-radius: 0; } 
#section5 .inquiry_container .inquiry_circle { width: 86px; height: 86px; } 
#section5 .inquiry_container .inquiry_circle > .icon > img { height: 30px; } 
#section5 .inquiry_container .innerInfo .innerContainer { flex-direction: column; gap: 2rem; } 
#section5 .form_wrap .form > li:not(.w100) { width: 100%; } 
#section5 .inquiry_container .innerInfo .innerContainer .rfInner,
#section5 .inquiry_container .innerInfo .innerContainer .lfInner { width: 100%; } 
#section5 .form_wrap .form > li .inp_wrap .tit,
#section5 .form_wrap .form > li .inp_wrap .input_st:not(textarea) { height: 3.65rem; } 
#section5 .form_wrap .form > li .inp_wrap .tit .tt { font-size: .85rem; } 
#section5 .form_wrap .form > li .inp_wrap .input_st::placeholder { font-size: .85rem; } 
#section5 .form_wrap .form_chk { gap: 1.25rem 0; flex-wrap: wrap; } 
#section5 .form_wrap .form_chk .btn { width: 100%; } 
#section5 .form_wrap .form_chk .btn .input_st { width: 100%; border: none; background: var(--siteC); } 
.section .wrapBg { padding-bottom: 20%; }  

/* header */
#header .header_link{position: relative;}
#header .header_link::before{content: ''; position: absolute; right: 0; width: 3rem; height: 100%; background: linear-gradient(90deg,rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 1) 100%);}
#header .header_link .box0{margin: 0; max-width: 100%;}
#header .header_link .list{overflow-x: auto; overflow-y: clip; position: relative;}
#header .header_link .list li {flex-shrink: 0;}
#header .header_link .list > li > a{ padding: 0 1.3rem;}
    
}

@media (max-width: 768px) { 

/* ====== Button ====== */
.linkMore .more-link{ padding: 0 1.5rem;}

/* ====== sec2 ====== */
.branch_container .branchMap .branchMapImg { display: none; } 
.branch_container .branchMap .branchInfo { width: 100%; text-align: center; } 

/* ====== sec3 ====== */
#section3 .notice_list > li > .inner > .thumb{ height: 15svw;}

/* ====== sec4 ====== */
#section4 .youtube_container .youtubeSlide_Wrap > .youtubeSlide .youtubeCon > .somenail{ height: 23svw;}
#section4 .media_container .media_contentAll > .youtube_container .media_tab{ flex-wrap: wrap;}


    
}

@media (max-width: 481px) {

/* ====== visual ====== */
.visualSlide_wrap .slogan .t1 { font-size: 11vmin; } 
.visualSlide_wrap .slogan .t2 { font-size: 3vmin; } 
.visualSlide_wrap .slogan .t3 { font-size: 3.5vmin; } 

/* ====== sec4 ====== */
#section4 .youtube_container .youtubeSlide_Wrap > .youtubeSlide .youtubeCon > .somenail { height: 49svw; } 
#section4 .insta_container .instaList > li{ flex: 1 1 50%; max-width: 50%;}
#section4 .insta_container .instaList > li > .in{ margin-bottom: 1rem !important}
#section4 .insta_container .instaList > li > .in > .imgCon{ height: 55svw;}

}

@media (max-width: 376px) {

/* ====== visual ====== */

.visualSlide_wrap .slogan .t1 { font-size: 11vmin; } 
.visualSlide_wrap .slogan .t2 { font-size: 5vmin; } 
.visualSlide_wrap .slogan .t3 { font-size: 4.5vmin; margin-top: 1rem; } 



/* ====== sec3 ====== */


/* ====== sec3 ====== */



    
}