@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;width:100%;margin:0;padding:0; overflow:clip;} 
		#contents_wrap {position:relative; width:calc(100% - 60px); max-width:1200px; margin:0 auto; padding:0 0 150px; box-sizing:border-box;}
		.w_custom {position:relative; width:calc(100% - 60px); max-width:1760px; margin:0 auto; box-sizing:border-box;}
		.sub_w_custom {position:relative; width:calc(100% - 60px); max-width:1200px; margin:0 auto; box-sizing:border-box;}
		.layer_dim {display:block;background:rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;}


	@media screen and (max-width:1023px) {
		.w_custom, .sub_w_custom, #contents_wrap{width:calc(100% - 30px);}
	}
	@media screen and (max-width:320px) {	
		.w_custom, .sub_w_custom, #contents_wrap{width:calc(100% - 20px);}
	}


/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

	#header{position:fixed; top:0; left:0; width:100%; height:100px; z-index:99; transition:all 0.4s;background:var(--point-white);border-bottom:1px solid #ddd;}
	#header .cont{display:flex; align-items:center; justify-content:space-between; height:100%; padding:15px 0; box-sizing:border-box; transition:all 0.4s;}
	#header .logo{font-size:0; height:100%;}
	#header .logo a{display:flex; align-items:center; height:100%;}
	#header .logo img{}
	#header .gnb{position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; justify-content:center; text-align:center; width:calc(100% - 400px); height:100%;}
	#header .gnb > li{position:relative; font-size:var(--title-20); height:100%;}
	#header .gnb > li > a{display:flex;align-items:center;height:100%;font-size:90%;font-weight:700;color:var(--black-color00);padding: 0 2.1vw;box-sizing:border-box;transition:all 0.4s;}
	#header .gnb .dep02{position:absolute; top:100%; left:50%; transform:translateX(-50%); width:max-content; min-width:150px; background:var(--point-white); padding:12px 0; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.1); opacity:0; pointer-events:none; transition:all 0.4s;}
	#header .gnb .dep02 > li{}
	#header .gnb .dep02 > li > a{display:block; font-size:80%; font-weight:500; color:var(--black-color06); padding:8px 15px; box-sizing:border-box; transition:all 0.4s;}
	#header .gnb .dep02 > li > a span{position:relative; display:inline-block;}
	#header .link{display:inline-flex; align-items:center;}

	#header .quick_list{position:fixed;right:-80px;bottom: 80px;z-index:9;padding-right:12px; opacity:0; pointer-events:none; transition:all 0.4s;}
		#header.on .quick_list{opacity:1; pointer-events:inherit; right:0;}
		#header.end .quick_list{opacity:0; pointer-events:none; }
	#header .quick_list li{position:relative;  margin-left:auto;}
		#header .quick_list li + li{margin-top:15px;}
	#header .quick_list li a{display:flex; align-items:center; justify-content:center; width:60px; height:60px; padding:5px; box-sizing:border-box; background:var(--black-color03); border-radius:100%; transition:all 0.4s;}
	#header .quick_list li.inquiry{}
	#header .quick_list li.inquiry a{width: calc(100% + 15px); border-radius:72px 0 0 72px; padding-right:15px;}
	#header .quick_list li.inquiry a span{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:16px; font-weight:400; color:var(--point-white); opacity:0; pointer-events:none; transition:all 0.4s;}
	#header .quick_list li.inquiry a img{transition:all 0.4s;}
		/* main */
			.main_index #header {background:none;border-bottom:0;}
			.main_index #header .cont {filter:var(--filter-white);}
			.main_index #header .gnb > li > a {filter:var(--filter-white);}
		/* main on */
			.main_index #header.on {background:var(--point-white);}
			.main_index #header.on .cont {filter:none;}
			.main_index #header.on .gnb > li > a {filter:none;}
		/* on */
			#header.on{ box-shadow:3px 3px 5px rgba(0,0,0,0.1);border-bottom:0;}
			#header.on :is(.cont,.gnb > li > a){filter:none;}

		/* over */
			@media screen and (min-width:1024px) {
				#header:hover{background:var(--point-white);}
				#header:hover :is(.cont,.gnb > li > a){filter:none;}
				#header .gnb > li:hover > a{color:var(--point-color01);}
				#header .gnb > li:hover .dep02{opacity:1; pointer-events:inherit;}
				#header .gnb .dep02 > li > a:hover{color:var(--black-color00);}
				#header .gnb .dep02 > li > a span:before{position:absolute; content:''; width:8px; height:8px; border-radius:0 0 0 8px; top:-3px; left:calc(100% + 5px); background:var(--point-color01); opacity:0; transition:all 0.4s;}
				#header .gnb .dep02 > li > a:hover span:before{opacity:1;}

				#header .quick_list li a:hover{background:var(--point-color01);}
				#header .quick_list li.inquiry a span{position:absolute; top:50%; right:15px; transform:translateY(-50%); font-size:16px; font-weight:400; color:var(--point-white); opacity:0; pointer-events:none; transition:all 0.4s;}
				#header .quick_list li.inquiry a:hover{width: calc(100% + 95px);margin-left: -80px; }
				#header .quick_list li.inquiry a:hover img{transform: translateX(-37px);}			
				#header .quick_list li.inquiry a:hover span{opacity:1; pointer-events:inherit;}
				#header .menu-trigger img{transition:all 0.3s;}
				#header .menu-trigger:hover img{filter:var(--filter-point);}
			}
	@media screen and (max-width:1023px) {
		#header{height:90px;}
		#header .gnb{display:none;}
		#header .quick_list{bottom:70px;}
		#header .quick_list li a{width:55px; height:55px;}
	}
	@media screen and (max-width:640px) {
		#header{height:80px;}
		#header .quick_list{bottom:60px;}
		#header .quick_list li + li{margin-top:10px;}
		#header .quick_list li a{width:50px; height:50px;}
	}
	@media screen and (max-width:479px) {
		#header{height:70px;}
		#header .quick_list{bottom:50px;}
		#header .quick_list li a{width:45px; height:45px;}
	}


/*───────────────────────────────────────────────────────────

	 ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	.aside_bg {left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:all 0.4s;z-index:100;position:fixed; pointer-events:none;}
		body:has(#aside.on),
		body:has(.portfolio_layer_popup.on){overflow:hidden; touch-action:none;}
		body:has(#aside.on) .aside_bg {opacity:1;pointer-events:inherit;}

	#aside {bottom:0px;right:0;width:420px;transition:0.4s;height:0;box-sizing:border-box;position:fixed;background:#fff;z-index:102;}
		#aside.on {height:100%;right:0%;}
	#aside .aside_box {width:100%;height:100%;margin:0;padding:50px 20px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;}
	#aside .aside_top{position: relative;}
	#aside .aside_box .aside_logo {display: inline-block;transition-delay:0.3s;}
	#aside .aside_box .aside_logo a {display:block;}
	#aside .aside_box .aside_logo img{height:100%;}
	#aside .aside_box .btn_aside_close {position:absolute;width:24px;height:24px;right:0;top:5px;cursor:pointer;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%; display:block;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width:100%;height:2px;background-color:#000;left:0;top:50%;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {transform:rotate(-45deg);}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {transform:rotate(45deg);}
	#aside .aside_top .aside_gnb{width:100%;font-size:0;text-align:left;margin-top:30px;}
	#aside .aside_top .aside_gnb li{display: inline-block;box-sizing:border-box;vertical-align:top;}
	#aside .aside_top .aside_gnb li + li{margin-left:20px;}
	#aside .aside_top .aside_gnb li a{display: block;width:100%;height:100%;font-size:20px;color:var(--point-color01);}

	#aside .slidemenu{margin-top:40px;}
	#aside .slidemenu .depth1_li{position: relative;}
	#aside .slidemenu .depth1_li:nth-child(1){}
	#aside .slidemenu .depth1_a{font-size:20px;color:#333;display: block;width:100%;line-height:50px;}
	#aside .slidemenu .depth1_li.on .depth1_a{color:var(--point-color01);}
	#aside .slidemenu .icons{width:50px;height:50px;position: absolute;top:0;right:0;cursor:pointer;}
	#aside .slidemenu .icons:before{width:10px;height:10px;content:"";border:1px solid #333;border-width:1px 1px 0 0;position: absolute;top:50%;right:0;transform:translate(0, -87%) rotate(135deg);}
	#aside .slidemenu .depth1_li.on .icons:before{border-color:var(--point-color01);transform:translate(0, -37%) rotate(-45deg)}
	#aside .slidemenu .depth{width:100%;box-sizing:border-box;border-radius:10px;background:#f5f5f5;padding:10px 15px 20px;display: none;}
	#aside .slidemenu .depth2_li{}
	#aside .slidemenu .depth2_li a{font-size:16px;color:#666;font-weight:400;line-height:35px;}

	/*transition*/
		#aside .as_tr1{opacity:0;transform:translateY(15px);transition: 0.5s ease-in-out;transition-delay:0.5s;will-change: transform, opacity;}	
		#aside .as_tr2{opacity:0;transition:opacity 0.5s;}	
		
		#aside.on .as_tr1{opacity:1;transform:translateY(0);transition: 0.5s ease-in-out;transition-delay:0.5s;will-change: transform, opacity;}
		#aside.on .as_tr2{opacity:1;transition:opacity 0.5s;}
		#aside.on .aside_logo{transition-delay:0.5s;}
		#aside.on .aside_box .btn_aside_close{transition-delay:0.6s;}
		#aside.on .slidemenu .depth1_li:nth-child(1){transition-delay:0.8s;}
		#aside.on .slidemenu .depth1_li:nth-child(2){transition-delay:1s;}
		#aside.on .slidemenu .depth1_li:nth-child(3){transition-delay:1.2s;}
		#aside.on .slidemenu .depth1_li:nth-child(4){transition-delay:1.4s;}
		#aside.on .slidemenu .depth1_li:nth-child(5){transition-delay:1.6s;}
		#aside.on .slidemenu .depth1_li:nth-child(6){transition-delay:1.8s;}

	@media only screen and (max-width:479px){
		#aside{width:80%;}	
		#aside .aside_box{padding:30px 15px 50px;}
		#aside .aside_box .aside_logo a{height:40px;}
		#aside .aside_box .btn_aside_close{width:20px;height:20px;top:0;}
		#aside .aside_top .aside_gnb{margin-top:20px;}
		#aside .aside_top .aside_gnb li + li{margin-left:10px;}
		#aside .aside_top .aside_gnb li a{font-size:16px;}

		#aside .slidemenu{margin-top:30px;}
		#aside .slidemenu .depth1_a{font-size:18px;line-height:40px;}
		#aside .slidemenu .depth{border-radius:5px;}
		#aside .slidemenu .icons{width:40px;height:40px;}
		#aside .slidemenu .icons:before{width:8px;height:8px;}
		#aside .slidemenu .depth2_li a{font-size:14px;line-height:28px;}
	}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color00);padding: 60px 0 0; border-top:1px solid rgba(255,255,255,0.2)}
	#footer .top_sec{display:flex; flex-wrap:wrap; gap:25px 38px; align-items:flex-end;}
	#footer .logo{font-size:0;}
	#footer .logo img{filter:var(--filter-white); opacity:0.4;}
	#footer .link_list{display:flex;gap:35px;line-height: 1;}
	#footer .link_list li a{font-size:14px;font-weight: 300;color:var(--point-white);}
	#footer .info_list{padding: 33px 0 50px;}
	#footer .info_list > li{display:flex;flex-wrap:wrap;gap: 0 35px;}
	#footer .info_list dl{display:inline-flex; gap:4px;}
	#footer .info_list dl :where(dt,dd){font-size:15px; font-weight:300; color:rgba(255,255,255,0.6); line-height:1.66;}
	#footer .copy{display:flex;flex-wrap:wrap;gap:0 30px;padding: 27px 0;border-top:1px solid rgba(255,255,255,0.2);}
	#footer .copy :where(dt,dd){font-size:15px; font-weight:300; color:rgba(255,255,255,0.6); line-height:1.66;}
		
	@media screen and (max-width:1023px){
		#footer{padding-top:50px;}
		#footer .top_sec{gap:20px 33px;}
		#footer .link_list{gap:30px;}
		#footer .info_list{padding: 28px 0 45px;}
		#footer .info_list > li{gap: 0 30px;}
		#footer .copy{padding:25px 0; gap:0 25px;}
	}
	@media screen and (max-width:640px){
		#footer{padding-top:40px;}
		#footer .top_sec{gap:20px 28px;}
		#footer .logo{width:100px;}
		#footer .link_list{gap:25px;}
		#footer .info_list{padding: 23px 0 40px;}
		#footer .info_list > li{gap: 0 25px;}
		#footer .copy{padding:20px 0; gap:0 20px;}
	}
	@media screen and (max-width:479px){
		#footer{padding-top:35px;}
		#footer .top_sec{gap:20px 23px;}
		#footer .link_list{gap:20px;}
		#footer .info_list{padding: 20px 0 35px;}
		#footer .info_list > li{gap: 0 20px;}
		#footer .copy{padding:17px 0;gap:0 15px;}
	}

/*───────────────────────────────────────────────────────────

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#side_box {padding-bottom:1.8%;}
		#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
		#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
		#side_box .sub_menu dt,
		#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
		#side_box .sub_menu dt {display:none;}
		#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd + dd {}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd:hover a,
		#side_box .sub_menu dd.on a,
		#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
		#side_box .sub_menu dd:hover a:before,
		#side_box .sub_menu dd.on a:before, 
		#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:1024px) {
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}


/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	#wrap:has(.main_visual) #contents_wrap{width:100%; max-width:100%; padding:0;}
	.main_content{overflow:hidden;}
	/* 비주얼 */
		.main_visual{position:relative; box-sizing:border-box;}
		.main_visual .slick-slide{position:relative; height:940px; box-sizing:border-box;}
		.main_visual .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
		.main_visual .thumb{position:relative; width:100%; height:100%; background:no-repeat center; background-size:cover; transform:scale(1.2); transition:all 3s;}
			.main_visual .thumb:before{position:absolute; content:''; width:100%; height:100%; top:0; left:0; background:var(--black-color00); opacity:0.4; transition:all 3s;}
		.main_visual .txt_box{position:absolute;top: 44%;left:50%;transform:translate(-50%, -50%);font-size:var(--title-20);z-index:3;padding: 0 3.15vw;}
		.main_visual .txt_box h2{font-size:400%;font-weight:600;color:var(--point-white);line-height: 1.125;}
		.main_visual .txtAni{opacity:0; transform:translateX(70px); transition:all 1.2s; transition-delay:0.2s;}

		.main_visual .controller{position:absolute;bottom: 30%;left:50%;transform:translateX(-50%);font-size:0;z-index:5;padding: 0 3.15vw;display:flex;align-items:center;gap:20px;}
		.main_visual .slick-arrow{font-size:0;border: 6px solid var(--transparent);border-right: 9px solid var(--point-white);opacity:0.4;transition:all 0.4s;}
		.main_visual .slick-arrow.next{transform:scale(-1,-1);} 
		.main_visual .slick-dots{display:flex;align-items:center;gap:30px;padding: 0 15px;box-sizing:border-box;}
		.main_visual .slick-dots li{}
		.main_visual .slick-dots li button{display:flex; width:8px; height:8px; border-radius:100%; background:var(--point-white); border-radius:100%; font-size:0; opacity:0.4; transition:all 0.4s;}
		.main_visual .slick-dots li.slick-active button{opacity:1;}
		.main_visual .slickBtn{position:relative; width:9px; height:12px; font-size:0;}
			.main_visual .slickBtn:before{position:absolute; content:''; width:3px; height:100%; top:0; left:0; background:var(--point-white);}
			.main_visual .slickBtn:after{position:absolute; content:''; width:3px; height:100%; top:0; right:0; background:var(--point-white);}
			.main_visual .slickBtn.play:before{width:auto;height:auto;background:none;border: 6px solid var(--transparent);border-left: 9px solid var(--point-white);}
			.main_visual .slickBtn.play:after{opacity:0;}

			/* over */
				@media screen and (min-width:1024px) {
					.main_visual .slick-arrow:hover, .main_visual .slick-dots li button:hover{opacity:1;}
				}

			/* on */
				.main_visual .active .thumb{transform:scale(1);}
				.main_visual .active .thumb:before{opacity:0.1;}
				.main_visual .active .txtAni{opacity:1; transform:translate(0);}

		@media screen and (max-width:1023px){
			.main_visual .slick-slide{height:91.5vw; min-height:600px;}
			.main_visual .txt_box h2 br{display:none;}
		}
		@media screen and (max-width:640px){
			.main_visual .txt_box h2{font-size:360%;}
			.main_visual .controller{gap:15px; bottom:20%;}
			.main_visual .slick-dots{gap:20px; padding:0 10px;}
		}
		@media screen and (max-width:479px){
			.main_visual .txt_box h2{font-size:320%;}
		}
		@media screen and (max-width:360px){
			.main_visual .txt_box h2{font-size:280%;}
		}
	/* 타이틀 */
		.main_title{position:relative; font-size:var(--title-20); box-sizing:border-box;}
		.main_title h6{position:relative;display:inline-block;font-weight:700;color:var(--black-color00);padding-right: 13px;line-height:1.5;box-sizing:border-box;letter-spacing: 0.02em;}
			.main_title h6:before{position:absolute; content:''; width:10px; height:10px; border-radius:0 0 0 10px; overflow:hidden; top:0; right:0; background:var(--point-color01);}


	/* 포트폴리오 */
		.main_portfolio{background:var(--black-color00); padding:160px 0; overflow:hidden;}
		.main_portfolio .cont{display:flex; align-items:center;}
		.main_portfolio .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
		.main_portfolio .main_title{position:absolute;top: 2.6vw;left: 10px;}
		.main_portfolio .main_title h6{color:var(--point-white);font-weight: 500;}
		.main_portfolio .portTxtSwiper{position:relative; width: 25%;box-sizing: border-box; z-index:3;}
		.main_portfolio .portTxtSwiper .swiper-slide{position:relative; padding: 0 3.6vw 3.1vw;box-sizing:border-box; opacity:0 !important; pointer-events:none;}
			.main_portfolio .portTxtSwiper .swiper-slide.swiper-slide-active{opacity:1 !important; pointer-events:inherit;}
		.main_portfolio .portTxtSwiper .info{font-size:var(--title-20); color:var(--point-white); opacity:0; transform:translateX(50px); transition:all 1s;}
			.main_portfolio .portTxtSwiper .swiper-slide.on .info{opacity:1; transform:translateX(0);}
		.main_portfolio .portTxtSwiper .info dt{font-size:180%; font-weight:500; line-height:1.3; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
			.main_portfolio .portTxtSwiper .info dt + dd{margin-top: 12px; }
		.main_portfolio .portTxtSwiper .info dd{font-size:80%;font-weight:300;line-height:1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing: 0.01em;}
		.main_portfolio .portTxtSwiper .info dd *{display:inline;}
	
		.main_portfolio .portThumbSwiper{width: calc(75% + 26.6vw);margin-right: -26.6vw;overflow:hidden;box-sizing:border-box;padding-right:48.5vw;}
		.main_portfolio .portThumbSwiper .swiper-slide{position:relative;}
		.main_portfolio .portThumbSwiper .thumb{position:relative; font-size:0; height:31.77vw; min-height:400px; overflow:hidden;}
			.main_portfolio .portThumbSwiper .thumb:before{position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0.6; top:0; right:0; transition:all 1s;}
			.main_portfolio .portThumbSwiper .swiper-slide.on .thumb:before{width:0; opacity:0;}
		.main_portfolio .portThumbSwiper .thumb img{width:100%; height:100%; object-fit:cover;}

		.main_portfolio .controller{position:absolute;left: 3.55vw;bottom: 21%;display:flex;align-items:center;gap: 18px;}
		.main_portfolio .swiper_arw{position:relative;top:auto;left:auto;right:auto;font-size:0;background:none;margin: 0;}
			.main_portfolio .swiper_arw:after{display:none;}
		.main_portfolio .swiper_arw img{filter:var(--filter-white);}
		.main_portfolio .swiper_arw.swiper-button-next{transform:scale(-1,-1);}

			/* over */
				@media screen and (min-width:1024px) {
					.main_portfolio .swiper_arw img{transition:all 0.4s;}
					.main_portfolio .swiper_arw:hover img{filter:none;}
				}

		@media screen and (max-width:1023px){
			.main_portfolio{padding:120px 0;}
			.main_portfolio .cont{display:block;}
			.main_portfolio .main_title{position:relative; top:auto; left:auto; margin-bottom:30px;}
			.main_portfolio .portTxtSwiper{width:100%;}
			.main_portfolio .portTxtSwiper .swiper-slide{padding:0;}
			.main_portfolio .portThumbSwiper{width:calc(100% + 30px); margin-left:-15px; margin-top:30px; padding:0 40vw 0 15px;}
			.main_portfolio .portThumbSwiper .thumb{height:40vw; min-height:200px;}
			.main_portfolio .controller{position:relative; left:auto; bottom:auto; gap:15px;}
		}
		@media screen and (max-width:640px){
			.main_portfolio{padding:100px 0;}
			.main_portfolio .main_title{margin-bottom:20px;}
			.main_portfolio .controller{gap:10px;}
			.main_portfolio .portTxtSwiper .info dt + dd{margin-top:7px;}
			.main_portfolio .portThumbSwiper{margin-top:20px;}
		}
		@media screen and (max-width:479px){
			.main_portfolio{padding:70px 0;}
			.main_portfolio .main_title{margin-bottom:15px;}
			.main_portfolio .portThumbSwiper{margin-top:10px; padding:0 25vw 0 15px;}
		}
		@media screen and (max-width:320px){
			.main_portfolio .portThumbSwiper{width:calc(100% + 20px); margin-left:-10px;}
		}

	/* 파트너스 */
		.main_partners{background:var(--gray-bg);padding: 80px 0 100px;}
		.main_partners .main_title{margin-bottom: 35px;}
		.main_partners .partSwiper{overflow:hidden;}
		.main_partners .partSwiper .info{font-size:var(--title-20);}
		.main_partners .partSwiper .info dt{font-size:0; overflow:hidden; height:200px;}
			.main_partners .partSwiper .info dt + dd{margin-top: 16px;}
		.main_partners .partSwiper .info dt img{width:100%; height:100%; object-fit:cover; transition:all 0.6s;}
		.main_partners .partSwiper .info dd{font-size:80%; font-weight:500; color:var(--black-color01); line-height:1.5;}

		/* over */
			@media screen and (min-width:1024px) {
				.main_partners .partSwiper .info dt:hover img{transform:rotateY(0.5turn);}
			}

		@media screen and (max-width:1023px){
			.main_partners .main_title{margin-bottom: 30px;}
		}
		@media screen and (max-width:640px){
			.main_partners .main_title{margin-bottom: 20px;}
			.main_partners .partSwiper .info dt + dd{margin-top:12px;}
		}
		@media screen and (max-width:479px){
			.main_partners{padding:70px 0 90px;}
			.main_partners .main_title{margin-bottom: 15px;}
			.main_partners .partSwiper{width:calc(100% + 30px); margin-left:-15px; padding:0 25vw 0 15px; box-sizing:border-box;}
		}