@charset "utf-8";
@import url("font.css");
@import url("layout.css");

.main_wrap{}
.main_wrap > section{}
.main_visual{width:100%; height:85vh; max-height: 850px; background:url(/images/page/main/main_visual.jpg) no-repeat; background-position: center; background-size: cover;}
.main_visual strong{color:#fff; text-align:center; font-size:50px; font-weight:600; display:block; margin-top:210px; line-height:125%;}

.mcon{padding:80px 0;}

.main_tit{margin-bottom:60px;}
.main_tit > span{font-size:14px; color:var(--main_color); font-weight:700;}
.main_tit > h3{font-family: var(--tit_font); font-weight: 700; font-size:45px; line-height:125%; color:#222; margin-top:7px;}
.main_tit > h3 > a{display:inline-block; margin-left:10px; width:35px; height:35px;}
.main_tit > p{font-size:18px; color:#666; margin-top:23px; word-break: keep-all;}

.mcon.mcon01{padding:140px 0;}
.mcon01 .inner{display:flex; align-items: center; justify-content: space-between; gap:64px;}
.mcon01 .main_tit{max-width:420px;}
.mcon01 .main_con{width:calc(100% - 484px);}
.main_quick{display:flex; justify-content: flex-end; align-items: center; gap: 40px;}
.main_quick > li{width:calc((100% - 80px)/3); height:385px; padding:20px; border-radius:20px; box-shadow:-4px -4px 4px rgba(var(--main_color_rgb),0.1), 4px 4px 4px rgba(var(--main_color_rgb),0.1), -4px 4px 4px rgba(var(--main_color_rgb),0.1), 4px -4px 4px rgba(var(--main_color_rgb),0.1); position:relative; overflow:hidden;}
.main_quick > li:before{content:''; width:80%; height:100%; display:block; background-repeat: no-repeat; background-size:100%; background-position:bottom center; position:absolute; bottom:0; right:0; margin:auto; transform: scale(0.9); transition:all 0.4s; z-index: -1;}
.main_quick > li:nth-child(1):before{background-image: url(/images/page/main/mcon0101.jpg);}
.main_quick > li:nth-child(2):before{background-image: url(/images/page/main/mcon0102.jpg);}
.main_quick > li:nth-child(3):before{background-image: url(/images/page/main/mcon0103.jpg);}
.main_quick > li:hover:before{transform: scale(1.0);}
.main_quick > li a{display:flex; align-items: flex-start; width:100%; height:100%;}
.main_quick > li strong{font-size:22px; font-weight: 700; color:#222;}
.main_quick > li img{width: 35px; display:inline-block; margin-left:10px; position:relative;}
.main_quick > li a:hover img:before{content:''; display:block; width:45px; height:45px; border-radius: 50%; background:rgba(var(--main_color_rgb),0.4);}

.mcon02{background:url(/images/page/main/mcon02_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center right; color:#fff;}
.mcon02 .main_tit > span{color:#fff;}
.mcon02 .main_tit > h3{color:#fff;}

.no_list{width:100% !important; background:none !important; padding:0 !important}
.no_list div{padding:80px 30px; background:#fff; border-radius:20px; border:1px solid #ddd; text-align: center;}
.no_list div img{width:80px; height:80px;}
.no_list p{color:#333; font-family: var(--tit_font); margin-top:10px;}

.main_rent{display:flex; justify-content: space-between; align-items: center; gap: 4%;}

.main_rent_left{width:36%;}
.main_rent_left .rent_tit{}
.main_rent_left .rent_tit .rent_tag{display:block; padding:2px 10px; font-size:14px; color:var(--main_color); background:#fff; border-radius:15px; width:fit-content; line-height:100%; margin-bottom:5px;}
.main_rent_left .rent_tit > strong{display:block; font-size:40px; font-weight:700; font-family: var(--tit_font); line-height:125%;}
.main_rent_left .rent_tit table{margin-top:20px;}
.main_rent_left .rent_tit table th, .main_rent_left .rent_tit table td{border:none; padding:5px 60px 5px 0; color:#fff;}
.main_rent_left .rent_more{margin-top:50px; display:block; width:168px; height:48px; line-height:48px; border:1px solid #fff; font-weight: 400; font-size:14px; text-align: center; border-radius: 24px;}

.main_rent_left .rent_thumb_wrap{margin-top:60px;}
.main_rent_left .rent_thumb_wrap .rent_thumb_remote{display:flex; justify-content: flex-end; gap:30px; margin-bottom:20px;}
.main_rent_left .rent_thumb_wrap .rent_thumb_remote span{font-size:14px;}
.main_rent_left .rent_thumb_wrap .rent_thumb_remote a{display:block; width:25px; height:18px;}
.main_rent_left .rent_thumb_wrap > ul > li.swiper-slide-active > .img_box{border-color: #fff;}
.main_rent_left .rent_thumb_wrap > ul > li > .img_box{display:block; border-radius:10px; overflow:hidden; border:3px solid transparent;}
.main_rent_left .rent_thumb_wrap > ul > li > strong{font-size:14px; margin-top:8px; display:block; text-align:center;}

.main_rent_right{width:60%;}

.main_rent_right > ul > li{border-radius:10px; overflow:hidden;}

.main_support > ul {display:flex; justify-content: space-between; align-items: flex-start;}
.main_support > ul > li{width:316px;}
.main_support > ul > li:nth-child(n+5){display:none;}
.main_support > ul > li > a{display:block; width:100%; height:100%; font-size:0;}

.main_support .spt_img{overflow:hidden; border-radius:10px; text-align:center; position:relative;}
.main_support .spt_img > img{position:static; width:100%; height:100%; object-fit: contain;}
.main_support .spt_img > strong{position:absolute; display:block; width:fit-content; height:fit-content; top:0; bottom:0; right:0; left:0; margin:auto; font-size:32px; font-weight: 600; color:#fff; line-height:125%; word-break: keep-all; max-width: 94%;}

.main_support .txt_box{margin-top:16px;}

.mcon .txt_box .txt_top > span{color:var(--main_color); font-size:12px; font-weight: 500;}
.mcon .txt_box .txt_top > strong{font-size:20px; font-weight: 700; color:#222; word-break: keep-all;}
.mcon .txt_box .txt_top > strong:not(.ellip2,.ellip){display:block;}
.mcon .txt_box .txt_body{position:relative; margin-top:20px; padding-top:20px;}
.mcon .txt_box .txt_body:before{content:''; width:100%; height:1px; background:#ddd; display:block; position:absolute; top:0; left:0;}
.mcon .txt_box .txt_body:after{content:''; width:40px; height:5px; background:var(--sub_color); display:block; position:absolute; top:-2px; left:0;}
.mcon .txt_box .txt_body .tag_list{ margin-top:15px;}
.mcon .txt_box .txt_body .tag_list > b{font-weight: 700; color:#222; display:inline-block; letter-spacing: 0;}
.mcon .txt_box .txt_body .tag_list > b + b{paddin-left:5px;}
.mcon .txt_box .txt_body .tag_list > b:before{content:"#"}
.mcon .txt_box .txt_body > p:not(.tag_list){color:#666; font-size:15px; line-height:175%; word-break: keep-all;}
.mcon .txt_box .txt_body > p.ellip3{max-height:4.5rem;}

.mcon04{padding:140px 0; background:url(/images/page/main/mcon04_bg.jpg); background-size: cover; background-position: left center; background-repeat: no-repeat;}.mcon02 .main_tit > span{color:#fff;}
.mcon04 .main_tit > span{color:#fff;}
.mcon04 .main_tit > h3{color:#fff;}

.main_news > ul {display:flex; justify-content: space-between; align-items: center;}
.main_news > ul > li{background:#fff; width:324px; border-radius:15px; overflow:hidden; padding:30px;}
.main_news > ul > li:nth-child(n+5){display:none;}
.main_news > ul > li > a{display:block; width:100%; height:100%;}

/* 메인용 팝업 - 멀티_싱글 팝업 */
.main_popup{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index: 100;}
.ms_popup_wrap{width:fit-content; max-width:calc(100% - 40px); min-width:340px; height:fit-content; max-height:90vh; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:15px; overflow:hidden;}
.ms_popup_con{background:#000; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ms_slide img{max-width:100%; max-height:100%;}
.ms_slide{font-size:0;}
.ms_slide a{display:block; width:100%;}

.ms_tab{background:#000; width:calc(100% - 64px); margin:0 auto; order:3;}
.ms_tab ul{display:flex; min-width:100%; width:fit-content !important;}
.ms_tab ul li + li{border-left: 1px solid #333;}
.ms_tab ul li.swiper-slide:only-child{width:100% !important;}
.ms_tab ul li.swiper-slide{width:fit-content !important; min-width:calc(500px / 3); max-width:500px; text-align:center; padding:5px; font-size:0;}
.ms_tab ul li.swiper-slide span{display:inline-block; color:#fff; font-size:15px; opacity: 0.4; cursor: pointer; padding:0 10px;}
.ms_tab ul li.swiper-slide-thumb-active span{opacity:1;}

.ms_remote{display:block; width:32px; height:32px; text-align: center; line-height: 34px;}
.ms_remote.prev{order:2; border-right: 1px solid #333;}
.ms_remote.next{order:4; border-left:1px solid #333;}

.ms_popup_foot{background:#fff; padding:10px; font-size:14px; display:flex; justify-content: space-between; align-items: center;}
.ms_popup_foot .modal_close{border:1px solid #ddd; border-radius:4px; padding:5px 15px;}



@media (max-width: 1440px) {

	/* mcon */
	.main_tit > h3{font-size:38px;}

	/* mcon01 */
	.mcon01 .inner{flex-direction: column; gap: 0;}
	.mcon01 .main_tit{max-width:100%;}
	.mcon01 .main_con{width:100%;}

	/* main_quick */
	.main_quick{justify-content: space-between;}

	/* main_support */
	.main_support > ul {gap:50px 30px;}
	.main_support > ul > li{width:calc((100% - 90px)/4);}
	.main_support .spt_img > strong{font-size:24px;}

	/* main_news */
	.main_news > ul{gap:15px;}
	.main_news > ul > li{width:calc((100% - 45px)/4);}
	
}

@media (max-width: 1024px) {

	/* main_visual */
	.main_visual{max-height:640px;}
	.main_visual strong{font-size:45px; margin-top:140px;}

	/* mcon */
	.mcon{padding:60px 0;}
	.main_tit > h3{font-size:32px;}
	.main_tit > p{font-size:15px;}

	.mcon .txt_box .txt_top > strong{font-size:18px;}
	.mcon .txt_box .txt_body > p:not(.tag_list){font-size:14px;}

	/* mcon01 */
	.mcon.mcon01, .mcon.mcon04{padding:100px 0;}

	/* main_quick */
	.main_quick > li{height:300px;}
	.main_quick > li strong{font-size:18px;}
	.main_quick > li img{width:25px;}
	
	/* main_rent */
	.main_rent{flex-direction: column-reverse; gap: 30px;}
	.main_rent_left{width:100%;}
	.main_rent_left .rent_thumb_wrap{margin-top:0;}
	.main_rent_left .rent_tit > strong{font-size:36px;}
	.main_rent_left .rent_more{margin-top:30px;}

	.main_rent_right{width:100%;}

	/* main_support */
	.main_support > ul{flex-wrap: wrap;}
	.main_support > ul > li{width:calc((100% - 60px)/3);}
	.main_support > ul > li:nth-child(n+5){display:block;}

	/* main_news */
	.main_news > ul{flex-wrap: wrap;}
	.main_news > ul > li{width:calc((100% - 30px)/3); padding:20px;}
	.main_news > ul > li:nth-child(n+5){display:block;}

	
}

@media (max-width: 768px) {

	/* mcon */
	.mcon.mcon01, .mcon.mcon04{padding:60px 0;}
	.mcon{padding:40px 0;}

	/* main_visual */
	.main_visual{max-height:450px;}
	.main_visual strong{margin-top:90px; font-size:28px;}

	/* main_quick */
	.main_quick {gap:20px;}
	.main_quick > li{width:100%; height:220px;}
	.main_quick > li a{justify-content: space-between;}
	.main_quick > li strong{font-size:16px; word-break: keep-all;}

	/* rent */
	.main_rent_left .rent_tit table th, .main_rent_left .rent_tit table td{padding:5px 0;}
	
}

@media (max-width: 640px) {

	/* mcon */
	.main_tit{margin-bottom:40px;}
	.main_tit > h3{font-size:28px;}
	.main_tit > h3 > a{width:28px; height:28px;}

	/* main_quick */
	.main_quick{flex-direction: column;}
	.main_quick li{width:100%; height:160px;}
	.main_quick li:before{width:160px; top:0;}
	.main_quick > li a{justify-content: flex-start;}

	/* main_rent */
	.main_rent_left .rent_tit .rent_tag{margin-bottom:10px;}
	.main_rent_left .rent_tit > strong{font-size:26px;}
	.main_rent_left .rent_tit table{margin-top:10px;}

	/* main_support */
	.main_support > ul{gap:50px 30px;}
	.main_support > ul > li{width:calc((100% - 30px)/2);}
	.main_support > ul > li:nth-child(n+5){display:none;}

	/* main_news */
	.main_news > ul > li{width:calc((100% - 15px)/2);}
	.main_news > ul > li:nth-child(n+5){display:none;}
	
}

@media (max-width: 425px) {

	/* main_support */
	.main_support > ul{gap:50px;}
	.main_support > ul > li{width:100%;}
	.main_support > ul > li > a{width:70%; margin:0 auto;}

	/* main_news */
	.main_news > ul > li{width:100%;}
	
}