@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2022-08-08
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1780px){
	.main-arrows-wrap{left:var(--area-padding);}
}
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
}

@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-con .slick-list{top:calc(var(--header-height) + 8rem); transform:none;}
	.main-visual-txt-box:nth-child(2){margin-left:0;}
	.main-visual-txt-box{align-items: flex-end; padding:0 5rem}
	.main-visual-txt-inner{margin-bottom:10rem;}
	.main-visual-txt-box .main-visual-txt1{display: none;}
	.main-visual-txt-box .main-visual-txt2{font-size:5.4rem;}
	.main-visual-txt-box .main-visual-txt3{font-size:5rem; height:7.2rem; line-height:7.2rem; padding-left:1rem; margin-top:2rem;}
	.main-visual-txt-box .main-visual-txt3 svg{width:80%; height:auto;}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots-wrapper{text-align:center; bottom:10px;}
	/* 메인 비주얼 :: 화살표 */
	.main-arrows-wrap .slick-arrow{width:4rem; height:4rem; bottom:4rem; font-size:1.8rem;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit{font-size:4.8rem; margin-bottom:1rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1(인트로) -------- */
@media all and (min-width:801px){
	.intro-img-list .swiper-wrapper{display: block;}
}
@media all and (max-width:1280px){
	#mainContent1:after{display: none;}
	.intro-bg-wrap{height:100%; width:100%; top:0;}

	.main-intro-con .left-box{width:70%;}
	
	.main-intro-con .left-box .intro-tit-box{margin-top: 7rem; margin-bottom:6rem;}
	.main-intro-con .left-box .intro-counter-box{flex-wrap:wrap; justify-content:space-between;}
	.main-intro-con .left-box .intro-counter-box .counter-item{margin-right:0; width:48%; margin-bottom:3rem;}

	.num-box .count-num{font-size:5rem;}
	.main-intro-con .left-box .intro-counter-box .counter-item .num-box .nun-plus{font-size:2.5rem;}
	.main-intro-con .left-box .intro-counter-box .counter-item .txt{font-size:1.6rem;}
	
	.main-intro-con .right-box{padding-right:7%;}
	.main-intro-con .right-txt{right:7%;}
}
@media all and (max-width:800px){
	#mainContent1{height:auto !important; padding-bottom:10rem;}
	.main-intro-con{display: block;}
	.main-intro-con .left-box{width:100%; height:auto;}
	.main-intro-con .left-box .intro-tit-box .txt{font-size:3.2rem; letter-spacing:-0.08em;}
	.main-intro-con .left-box .intro-tit-box .txt02{font-size:1.5rem;}
	.count-num-box{font-size:4.2rem;}
	.main-intro-con .left-box .intro-counter-box .counter-item .txt{font-size:1.5rem; height:auto}
	.main-intro-con .left-box .intro-counter-box .date-txt{font-size:1.6rem;}

	.main-intro-con .right-box{width:100%; padding-right:0; margin-top:5rem;}
	.main-intro-con .right-box .intro-img-list{margin-top:0;}
	.main-intro-con .right-box .intro-img-list .list-item{}

	.main-intro-con .right-box .intro-img-list .swiper-scrollbar{background:rgba(255,255,255,0.2);}
	.main-intro-con .right-box .intro-img-list .swiper-scrollbar-drag{background:#fff;}

	.main-intro-con .right-txt{display: none;}
}
@media all and (max-width:480px){
	.main-intro-con .right-box .intro-img-list{max-width:248px;}
	.main-intro-con .left-box .intro-counter-box .counter-item{width:100%;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2(Rental) -------- */
@media all and (max-width:1280px){
	#mainContent2:before{height:100vh;}

	.rental-item-list-02 .list-tit-box dd{line-height:1.5;}
	.rental-item-list-02 .rental-item-inner .list-item a{padding:2rem 1rem 0;}
	.rental-item-list-02 .rental-item-inner .list-item .tit-box{padding:0 0.5rem; /* height:auto; */}
	.rental-item-list-02 .rental-item-inner .list-item:nth-child(1) .img-box span img{margin-bottom:0em; margin-top:auto;}
	.rental-item-list-02 .rental-item-inner .list-item:nth-child(4) .img-box span img{margin-bottom:0rem; margin-top:auto;}
	.rental-item-list-02 .rental-item-inner .list-item.last-item a{padding-right:2rem; padding-bottom:2rem;}
	.rental-item-list-02 .rental-item-inner .list-item .tit-box dt{font-size:1.3rem; width:2rem;}
	.rental-item-list-02 .rental-item-inner .list-item .tit-box dd{font-size:1.5rem; width:calc(100% - 2rem);}

	.rental-item-list .list-item{padding:3rem 1.5rem; margin-right:2rem;}
}
@media all and (max-width:800px){
	#mainContent2{min-height:auto; padding:10rem 0;}
	#mainContent2:before{height:100%; width:100%;}
	.main-rental-con{width:100%; margin-left:0;}

	.rental-txt-box .txt-item{margin-right:4rem;}
	.rental-txt-box .txt-item .txt{font-size:1.7rem;}

	.main-rental-m-img{display: block; width:calc(100% + (2 * var(--area-padding))); margin-left:calc(-1 * var(--area-padding)); margin-top:6rem;}
	.main-rental-m-img img{width:100%;}

	.rental-item-list{margin-top:-1rem;}
	.rental-item-list .list-item{max-width:none; margin-right:0;}

	/* 수정03 */
	.rental-item-list-03 .list-tit-box dt{}
}
@media all and (max-width:480px){
	.rental-item-list-02 .list-tit-box{display: block;}
	.rental-item-list-02 .list-tit-box dt{width:100%;}
	.rental-item-list-02 .list-tit-box dd{width:100%;}
	.rental-item-list-02 .rental-item-inner .list-item{width:50%;}
	.rental-item-list-02 .rental-item-inner .list-item:nth-child(2):before{display: none;}
	.rental-item-list-02 .rental-item-inner .list-item:nth-child(3):before{display: block;}
	.rental-item-list-02 .rental-item-inner .list-item:nth-child(even){border-right:0;}
	.rental-item-list-02 .rental-item-inner .list-item:nth-child(odd){border-right:1px solid #eee;}
	
	.rental-item-list-slide{max-width:20rem;}
	
	/* 수정03 */
	.rental-item-list-03 .rental-item-inner .list-item{width:calc(50% - 1.5rem); max-width:none;}
	.rental-item-list-03 .rental-item-inner .list-item:nth-child(3n){margin-right:3rem;}
	.rental-item-list-03 .rental-item-inner .list-item:nth-child(3n):before{display: block;}
	
	.rental-item-list-03 .rental-item-inner .list-item:nth-child(even){margin-right:0rem;}
	.rental-item-list-03 .rental-item-inner .list-item:nth-child(even):before{display: none;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3(System) -------- */
@media all and (max-width:1280px){
	#mainContent3{/* padding:10rem 0 5rem; */ /* height:auto; */}
	.main-system-con{height:auto;}
	.main-system-con .left-box{padding-left:0; /* margin-top: var(--header-height); */}
	.main-system-con .service-txt-box{/* display: none; */     width: 12rem; height: 30rem;}
	
	.main-system-con .right-box .system-link-list{margin:0 -2rem; width:calc(100% + 4rem);}
	.main-system-con .right-box .system-link-list .list-item{width:calc(50% - 4rem); margin:0 2rem 4rem;}
	.main-system-con .right-box .system-link-list .list-item a{padding:3rem 2rem;}
	.main-system-con .right-box .system-link-list .list-item .tit-box .tit{font-size:2.5rem;}
	.main-system-con .right-box .system-link-list .list-item .tit-box .icon{font-size:3rem;}
	.main-system-con .right-box .system-link-list .list-item .txt-box .tit-en{font-size:2.8rem;}
	.main-system-con .right-box .system-link-list .list-item .txt-box .txt{font-size:2rem;}
}
@media all and (max-width:800px){
	.main-rental-img{display: none;}

	.main-system-con{display: block;}
	.main-system-con .left-box{width:100%; margin-bottom:6rem;}
	.main-system-con .left-box .main-tit-box .main-link-btn{margin-top:3rem;}
	.main-system-con .service-txt-box{display: none;}

	.main-system-con .right-box{width:100%; padding-bottom:3rem;}
	.main-system-con .right-box .system-link-list{flex-wrap: nowrap; margin:0;}
	.main-system-con .right-box .system-link-list .list-item{margin:0;}
	.main-system-con .right-box .system-link-list .list-item:nth-child(odd){transform:translateY(0px); }
}
@media all and (max-width:480px){
	.main-system-con .right-box{max-width:26rem; padding-bottom:5rem;}
	.main-system-con .right-box .system-link-list .list-item{padding-top:139%;}
	.main-system-con .right-box .swiper-scrollbar{width: calc(100vw - (2 * var(--area-padding))); background:rgba(112,112,112,0.2);}
	.main-system-con .right-box .swiper-scrollbar .swiper-scrollbar-drag{background:#707070;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠4(Partner) -------- */
@media all and (min-width:1281px){
	#mainContent4{padding:10rem 0;}
}
@media all and (max-width:1480px){
	.partner-bg-img-wrap .partner-img02{margin-top:33%;}
	.partner-bg-img-wrap .partner-img03{margin-top:-65%;}
}
@media all and (max-width:1280px){
	.main-partner-inner .inner-item{width:calc(25% - 4rem); margin:2rem;}
	.main-partner-inner .inner-item span img{max-width:70%; margin:auto;}

	.main-partner-con .left-box .partner-nav-list .slick-dots li button svg{height:120%; top:-10%;}
}
@media all and (max-width:800px){
	#mainContent4{padding:10rem 0;}
	.partner-bg-img-wrap{display: none;}

	.move-line-wrap{display: none;}

	.main-partner-con{display: block; }
	.main-tit-box-type .left-box .inner-box{display: block;}
	.main-partner-con .left-box{width:100%; height:auto;}
	.main-partner-con .left-box:before{display: none;}
	.main-partner-con .left-box .partner-nav-list{max-width:none; padding:0; background:#f5f5f5; overflow:scroll;}
	.main-partner-con .left-box .partner-nav-list .slick-dots{position: relative; display: flex; overflow-x:auto; width:104rem;}
	.main-partner-con .left-box .partner-nav-list .slick-dots::-webkit-scrollbar{display: none;}
	.main-partner-con .left-box .partner-nav-list .slick-dots li{flex:0 0 auto; margin:0;}
	.main-partner-con .left-box .partner-nav-list .slick-dots li button{font-size:1.8rem; padding:0 2rem; border-radius:2.5rem;}
	.main-partner-con .left-box .partner-nav-list .slick-dots li button svg{display: none;}

	.main-partner-con .left-box .partner-nav-list .slick-dots li.slick-active button{background:var(--main-color);}

	.main-partner-con .right-box .partner-item-list{margin-top:6rem;}
	/* .main-partner-con .right-box .partner-item-list .slick-slide{display: flex; flex-wrap: nowrap; overflow-x: auto;} */
	.main-partner-inner{/* display: flex; */ /* flex-wrap: wrap; */ /* min-width: 600px; */ margin: 0 -1rem; width: calc(100% + 1rem);}
	.main-partner-inner .inner-item{width: calc(25% - 2rem); margin: 1rem; flex:0 0 auto;}

	.main-partner-con .right-box{width:100%;}
}
@media all and (max-width:480px){
	.main-partner-inner .inner-item{width: calc(33.33% - 2rem);}
}

/* -------- 메인 컨텐츠 :: 컨텐츠5(Inquiry) -------- */
@media all and (max-width:800px){
	#mainContent5{margin-top:0; padding:8rem 0;}
	#mainContent5:before{background-image: url('/web-static-images/main/main_inquiry_bg_m.png');}
	#mainContent5 .main-tit-box-type.top-box .right-box{display: none;}

	.main-inquiry-con{position: relative; padding-bottom:130px;}
	.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con{padding-left:0;}
	.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con.privacy-con{position: absolute; left:0; bottom:0; width:98.75%}
	.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con.privacy-con dd{display: block; width: 100%; box-sizing: border-box; padding: 0 1.5rem 10px;}
	.main-inquiry-con .bbs-inquiry-agree-con .agree-txt:first-child{justify-content: flex-start; height: 50px;}
	.main-inquiry-con .bbs-inquiry-agree-con .agree-pop-btn{margin:auto; margin-right:0;}

	#mainContent5 .main-tit-box-type:not(.top-box){justify-content: center; margin-top:3rem;}
}

/* ******************  메인 왼쪽 메뉴 ********************** */
@media all and (max-width:1580px){
	.main-left-tab-style{display: none;}
}
/* ******************  메인 오른쪽 퀵메뉴 ********************** */
@media all and (max-width:1780px){
	.footer-quick-menu{right:var(--area-padding);}
}
@media all and (max-width:800px){
	.footer-quick-menu .menu-list{width:4rem; height:4rem;}
	.footer-quick-menu .menu-list .list-item a{width:4rem; height:4rem; border-radius:4rem;}
	.footer-quick-menu .menu-list .list-item a i{font-size:1.8rem;}
	.footer-quick-menu .menu-list .list-item a .img{width:4rem;}
	.footer-quick-menu .menu-list .list-item a .img img{width:1.8rem;}
	.active.footer-quick-menu{bottom:4rem; }
	.active.footer-quick-menu.bottom-fixed{bottom:8.5rem;}
	/* .active.footer-quick-menu .list-item:nth-child(3){top:-4.5rem;}
	.active.footer-quick-menu .list-item:nth-child(2){top:-9rem;}
	.active.footer-quick-menu .list-item:nth-child(1){top:-13.5rem;} */
	
	.background-video-wrapper .background-video{display: none;}
	.background-video-alternative{display: block;}

	/* bottom-fixed */
	.footer-quick-menu:not(.bottom-fixed) .menu-list .list-item.video-item a{width:20rem; height:13.33rem;}
	.footer-quick-menu .menu-list .list-item.video-item a .video-play-btn .video-play{width:4.5rem; height:3.4rem;}
	.footer-quick-menu .menu-list .list-item.video-item a .video-play-btn .video-play img{width:30%;}

	.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(4){top:-18.5rem}
	.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(3){top:-23rem}
	.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(2){top:-27.5rem;}
	.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(1){top:-32rem;}

	.active.footer-quick-menu.bottom-fixed{bottom:8.5rem;}
	.active.footer-quick-menu .list-item:nth-child(4){top:-4.5rem;}
	.active.footer-quick-menu .list-item:nth-child(3){top:-9rem;}
	.active.footer-quick-menu .list-item:nth-child(2){top:-13.5rem;}
	.active.footer-quick-menu .list-item:nth-child(1){top:-18rem;}

}

/* 230817 수정내용(서비스) */
@media all and (min-width:801px){
	#mainContent3{padding:7rem 0 15rem;}
	.main-system-con{display: block; height:auto;}
	.main-system-con .left-box{width:100%; padding-left:0;}
	.main-system-con .right-box{width:calc(100% + 16rem);}
	.main-system-con .right-box .system-link-list{display: flex; flex-wrap: nowrap; margin-top:8rem;}
	.main-system-con .right-box .system-link-list .list-item{width:calc(22.785% - 4rem); padding-top:23.077%; margin:0;}
	.main-system-con .right-box .system-link-list .list-item:nth-child(odd){transform:translateY(0rem)}
	.main-system-con .right-box .system-link-list .list-item:nth-child(even){transform:translateY(6rem)}

	.main-system-con .right-box.swiper-container-horizontal > .swiper-scrollbar{display: none;}

	.main-system-con .right-box .system-link-list .list-item a{padding:4rem;}
	.main-system-con .right-box .system-link-list .list-item .tit-box .tit{font-size:2.6rem;}
	.main-system-con .right-box .system-link-list .list-item .txt-box .txt{font-size:1.8rem;}
	.main-system-con .right-box .system-link-list .list-item .tit-box .icon{width:7rem;}
}
@media all and (max-width:1280px){
	#mainContent3{padding:8rem 0;}
}

/* 230817 수정내용(실적) */
@media all and (min-width:1281px){
	.experience-page .experience-tab-01 .slick-list{height:650px !important;}
	.experience-tab-02-con .sub-tab-list-style{height:650px !important;}
}
@media (min-width:801px) and (max-width:1280px){
	.experience-page .experience-tab-01 .slick-list{height:400px !important;}
	.experience-tab-02-con .sub-tab-list-style{height:400px !important;}

	.experience-page .sub-tab-list-style ul li a{height:4rem;}
	.experience-page .sub-tab-list-style.grayBg ul li::before{right:-1rem; border-top: 2.25rem solid transparent; border-bottom: 2.25rem solid transparent;}
	.main-partner-con .left-box:before{max-width:140px;}
}
@media all and (min-width:801px){
	.experience-page{padding-bottom:0;}
	.experience-page .slide-wrap{max-width:none; margin:2.5rem auto 0 10px}
	.experience-page .sub-tab-list-style ul{width:100%;}
	.experience-page .sub-tab-list-style ul li a{padding-left:2.5rem;}
	.experience-page .cm-tab-container-JS aside{width:23rem;}
	.experience-page .cm-tab-container-JS .sub-tab-content-style{width:calc(100% - 25rem); margin-left:2rem;}
	.experience-page .cm-tab-container-JS .sub-tab-content-style .sub-tab-con{width:100%; max-width:1020px;}
	.experience-page .slide-wrap .slide-con .slide-img > span{padding-top:51.961%;}

	.experience-page .slide-wrap .slide-con .slide-nav-wrap{margin:1rem -0.7rem 0;}

	
	.main-partner-con .left-box:before{box-shadow:none; background:#F7F7F7;}
	.experience-tab-02-con{margin-left:0rem;}
}
@media all and (max-width:800px){
	#mainContent4{padding:7rem 0;}
	.experience-page .slide-wrap{padding:0;}
	.main-partner-con .left-box{padding:0 !important; margin-left:0; width:calc(100% + var(--area-padding))}
	.main-partner-con .left-box .partner-nav-list{margin-bottom:1.5rem;}

	.experience-page .slide-wrap .slide-con .slide-nav-wrap{margin-top:1.7rem;}
}


@media all and (min-width:1281px){
	.main-partner-con .left-box{ height:650px !important;}
}
@media all and (min-width:801px){
	.main-partner-con .left-box{width:23rem; height:400px;}
	.experience-tab-box{width:calc(100% - 23rem);}
	.partner-on-icon.main-move-line > span:before{position: absolute; content: "\e90b"; font-family: "xeicon"; font-size:2.4rem; top:50%; right:2rem; transform:translateY(-50%); color:#fff;}
}
@media all and (max-width:1480px){
	.partner-on-icon.main-move-line{width:calc(100% + 1rem);}
}
@media all and (max-width:1280px){
	.main-partner-con .left-box{padding-left:0;}
	.partner-on-icon.main-move-line{left:0; width:100%;}

	.main-partner-con .left-box .partner-nav-list .slick-dots li a{padding-left:1rem;}
	.partner-on-icon.main-move-line > span:before{right:1rem;}
}
@media all and (max-width:800px){
	.main-partner-con .left-box .partner-nav-list .slick-dots{width:auto;}
	.main-partner-con .left-box .partner-nav-list .slick-dots li a{padding:0 2rem; border-radius:5rem;}
	.main-partner-con .left-box .partner-nav-list .slick-dots li.selected a{background:var(--main-color);}
}