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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;width:100%;margin:0;padding:0; box-sizing:border-box;} 
		#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;padding-bottom:150px;} 
			/* 컨텐츠 전체 가로 사이즈 */
		#contents_wrap, .w_custom {position:relative; width:calc(100% - 60px); max-width:1400px; margin:0 auto; box-sizing:border-box;}

	@media only screen and (max-width:1023px) {
		#contents_wrap, .w_custom{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:640px) {
		#contents_wrap{padding-bottom:100px;}
	}
	@media only screen and (max-width:320px) {
		#contents_wrap, .w_custom{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: sticky;top:0;box-sizing:border-box;z-index:99;width:100%;background:var(--point-white); border:1px solid var(--border-color01);}
	#header .cont{display:flex; align-items:center; justify-content:space-between; width:calc(100% - 120px); margin:0 auto; height:100px; padding:15px 0; box-sizing:border-box;}
	#header .logo{font-size:0; height:100%;}
	#header .logo a{display:flex; height:100%; align-items:center;}
	#header .gnb{position:absolute; top:0; left:50%; transform:translateX(-50%); text-align:center; display:flex; align-items:center; justify-content:center; width:calc(100% - 650px); 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:500; color:var(--black-color01); padding: 0 2.6vw; transition:all 0.4s;}
	#header .gnb .dep02{position:absolute; top:calc(100% - 20px); left:50%; transform:translateX(-50%); width:max-content; padding:12px 26px; box-sizing:border-box; background:var(--point-white); box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); opacity:0; pointer-events:none; transition:all 0.4s; min-width:120px;}
	#header .gnb .dep02 > li{}
	#header .gnb .dep02 > li  > a{display:block; font-size:80%; font-weight:500; color:var(--black-color03); padding:8px 0;}
	#header .right_link{display:inline-flex; align-items:center; gap:40px;}

	.common_btn{font-size:var(--title-20);}
	.common_btn span{display:inline-flex; align-items:center; height:40px; padding:0 30px; background:var(--point-color01); font-size:75%; font-weight:500; color:var(--point-white); transition:all 0.4s;}

	.scr_top{position:fixed; right:30px; bottom:50px;  z-index:9; font-size:var(--title-20); color:var(--point-white); opacity:0; pointer-events:none; transition:all 0.4s;}	
		#header.on .scr_top{opacity:1; pointer-events:inherit;}
	.scr_top span{display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; font-size:75%; font-weight:500; font-family:var(--font-type02); background:var(--point-color06);}

		/* over */
			@media screen and (min-width:1024px){
				#header .gnb > li:hover > a{color:var(--point-color01);}
				#header .gnb > li:hover .dep02{opacity:1; pointer-events:inherit;}
				.common_btn span:hover{background:var(--point-color03);}
			}

	@media screen and (max-width:1480px){
		#header .cont{width:calc(100% - 60px);}
		#header .gnb > li > a{padding:0 2vw;}
	}
	@media screen and (max-width:1023px){
		#header .cont{width:calc(100% - 30px); height:90px;}
		#header .gnb{display:none;}
		#header .right_link{gap:35px;}

		.scr_top{right:15px; bottom:40px;}
		.scr_top span{width:55px; height:55px;}
	}
	@media screen and (max-width:860px){
		.scr_top span{width:50px; height:50px;}
	}
	@media screen and (max-width:640px){
		#header .cont{height:80px;}
		#header .right_link{gap:30px;}

		.common_btn span{padding:0 20px; height:38px;}
		
		.scr_top span{width:45px; height:45px;}
	}
	@media screen and (max-width:479px){
		#header .cont{height:70px;}
		#header .right_link{gap:25px;}

		.common_btn span{padding:0 20px; height:38px;}

		.scr_top span{width:40px; height:40px;}
	}
	@media screen and (max-width:431px){
		#header .right_link{gap:20px;}
		.common_btn span{padding:0 15px; height:36px;}
	}
	@media screen and (max-width:360px){
		#header .cont{height:60px;}
		#header .right_link{gap:15px;}
		.common_btn span{padding:0 10px; height:34px;}
	}
	@media screen and (max-width:320px){
		#header .cont{width:calc(100% - 20px);}
	}

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

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

───────────────────────────────────────────────────────────*/
	#aside {position:fixed;top:0;right:0;z-index:100;width:100%;height:100%;height: 100vh;background:url('../images/skin/aside_bg.jpg') no-repeat center;background-size:cover;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing: border-box;overflow-x: hidden;overflow-y: auto; clip-path: polygon(70% 0, 100% 0%, 100% 100%, 70% 100%, 50% 50%); transition:all 1.2s; }
		#aside.on {opacity:1; pointer-events:inherit; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 0 50%);}
		body:has(#aside.on){overflow:hidden; touch-action:none;}
	#aside .aside_box{width:calc(100% - 60px);max-width:1600px;box-sizing:border-box;height: 52%;}
	#aside .close_btn{position:absolute;top: 38px;right: 57px;width: 25px;height: 25px;font-size:0;}
	#aside .close_btn span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:100%; height:2px; background:var(--point-white); border-radius:3px;}
		#aside .close_btn span + span{transform:translate(-50%, -50%) rotate(-45deg);}
	#aside .logo{font-size:0;}
	#aside .logo a{display:inline-block;}
		#aside .logo + .gnb{margin-top: 124px;}
	#aside .gnb{display:flex; justify-content:center; margin:0 auto; gap:50px;}
	#aside .gnb > li{font-size:var(--title-20);color:var(--point-white);width:100%;letter-spacing: -0.04em;}
	#aside .gnb > li > a{position:relative; display:block; font-size:160%; font-weight:600; transition:all 0.4s;}
	#aside .gnb .dep02{padding: 22px 0;}
	#aside .gnb .dep02 > li{padding: 9px 0;}
	#aside .gnb .dep02 > li > a{position:relative; display:inline-block; font-size:90%; font-weight:400;}

		/* over */
			@media screen and (min-width:1024px){
				#aside .gnb > li > a:before{position:absolute; content:''; width:6px; height:6px; background:var(--point-color03); left:50%; bottom:100%; transition:all 0.4s; transform:translateX(-50%); opacity:0;}
				#aside .gnb > li:hover > a:before{opacity:1; bottom:calc(100% + 13px);}
				#aside .gnb .dep02 > li > a:before{position:absolute; content:''; width:0; height:1px; background:var(--point-color03); left:50%; bottom:2px; transition:all 0.4s; transform:translateX(-50%); opacity:0;}
				#aside .gnb .dep02 > li > a:hover{color:var(--point-color03);}
				#aside .gnb .dep02 > li > a:hover:before{width:100%; opacity:1;}
			}

	@media screen and (max-width:1480px){
		#aside .logo + .gnb{margin-top:8.3vw;}
	}
	@media screen and (max-width:1023px){
		#aside .aside_box{width:calc(100% - 30px);}
		#aside .close_btn{top: 34px;right: 13px;}
		#aside .gnb{gap:40px;}
		#aside .gnb .dep02{padding:15px 0 22px;}
		#aside .gnb .dep02 > li{padding:8px 0;}
	}
	@media screen and (max-width:860px){
		#aside .gnb{gap:30px;}
		#aside .gnb .dep02{padding:10px 0 22px;}
		#aside .gnb .dep02 > li{padding:7px 0;}
	}
	@media screen and (max-width:640px){
		#aside{align-items:flex-start; }
		#aside .close_btn{top: 28px;}
		#aside .logo{display:flex;align-items:center;justify-content:center;width:230px;margin:0 auto;height: 80px;}
		#aside .gnb{flex-wrap:wrap; gap:10px 0;}
		#aside .gnb .dep02{padding:10px 0 22px; display:flex; justify-content:center; flex-wrap:wrap; gap:5px 20px}
		#aside .gnb .dep02 > li{padding:0; width:auto;}
	}
	@media screen and (max-width:479px){
		#aside .logo{width:210px;margin:0 auto;height: 70px;}
		#aside .close_btn{top: 24px;}
	}

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--point-color04); padding:50px 0;}
	#footer .top_sec{display:flex;align-items:center;justify-content: space-between;}
	#footer .logo{font-size:0;}
	#footer .logo img{filter:var(--filter-white);}
	#footer .tel_info{position:relative; display:inline-flex;align-items:center;font-size:var(--title-20);gap: 20px 10px;flex-wrap: wrap;}
	#footer .tel_info .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
	#footer .tel_info dt{position:relative; font-size:85%; font-weight:500; color:rgba(255, 255, 255, 0.8); padding-left:56px;}
		#footer .tel_info dt:before{position:absolute; content:''; width:44px; height:44px; border:1px solid rgba(255,255,255,0.4); border-radius:100%; background:url('../images/skin/icon_tel_wh.svg') no-repeat center; box-sizing:border-box; top:50%; left:0; transform:translateY(-50%);}
	#footer .tel_info dd{font-size:120%; font-weight:500; color:var(--point-white); font-family:var(--font-type02);}
	#footer .mid_sec{position:relative;border-top:1px solid rgba(255, 255, 255, 0.15);margin-top:40px;padding-top: 38px;display:flex; flex-wrap:wrap; gap:10px 70px;padding-right:100px;box-sizing:border-box;}
	#footer .info{font-size:var(--title-20);}
	#footer .info h6{font-size:85%;font-weight: 400;color:rgba(255, 255, 255, 0.8);letter-spacing:-0.04em;margin-bottom: 8px;}
	#footer .info_list > li{display:flex;gap:5px 30px;flex-wrap: wrap;}
		#footer .info_list > li + li{5px;margin-top: 2px;}
	#footer .info_list dl{display:inline-flex; gap:4px;}
	#footer .info_list dl :where(dt,dd){font-size:75%;font-weight: 200;color:rgba(255, 255, 255, 0.6);letter-spacing:-0.04em;line-height:1.6;}
	#footer .sns_list{position:absolute;top: 40px;right:0;display:inline-flex;align-items:center;font-size:0;gap:34px;}
	#footer .sns_list li a{display:inline-block;}
	#footer .btm_sec{display:flex;align-items:center;justify-content: space-between;margin-top: 45px;}
	#footer .copy{display:inline-flex;font-size:var(--title-20);gap: 0 10px;flex-wrap: wrap;}
	#footer .copy :where(dt,dd){font-size:75%;font-weight:400;color:var(--black-color11);line-height:1.6;}
	#footer .copy dd{font-family:var(--font-type02);}
	#footer .link_list{display:inline-flex; font-size:var(--title-20);}
	#footer .link_list li{display:inline-flex; align-items:center;}
		#footer .link_list li + li:before{display:inline-flex; content:''; width:1px; height:12px; background: rgba(255, 255, 255, 0.15); margin:0 24px;}
	#footer .link_list li a{font-size:80%;font-weight: 300;color:var(--point-white);letter-spacing:-0.04em;}
	#footer .link_list li a strong{font-weight: 400;}

	@media screen and (max-width:1023px){
		#footer .mid_sec{gap:10px 50px;}
	}
	@media screen and (max-width:860px){
		#footer{padding:40px 0;}
		#footer .sns_list{gap:30px;}
		#footer .tel_info dt{padding-left:52px;}
			#footer .tel_info dt:before{width:40px; height:40px; background-size:14px auto;}
		#footer .mid_sec{gap:10px 40px; margin-top:35px; padding-top:33px;}
		#footer .btm_sec{margin-top:40px;}
	}
	@media screen and (max-width:640px){
		#footer .logo{width:220px;}
		#footer .top_sec{flex-wrap:wrap; gap:25px 0;}
		#footer .tel_info{width:100%;}
		#footer .tel_info dt{padding-left:50px;}
			#footer .tel_info dt:before{width:38px; height:38px; background-size:13px auto;}
		#footer .mid_sec{margin-top:33px; padding-top:28px;}

		#footer .btm_sec{flex-wrap:wrap; gap:10px 0; margin-top:30px;}
		#footer .link_list{width:100%;}
		#footer .link_list li + li:before{height:10px; margin:0 20px;}
	}
	@media screen and (max-width:479px){
		#footer{padding-bottom:80px;}
		#footer .mid_sec{position:static; padding-right:0; margin-top:28px; padding-top:23px;}
		#footer .btm_sec{margin-top:25px;}
		#footer .sns_list{position:absolute; top:calc(100% + 20px); right:auto; left:0; width:100%;}
		#footer .tel_info dt{padding-left:48px;}
			#footer .tel_info dt:before{width:36px; height:36px;}
	}
/*───────────────────────────────────────────────────────────

	 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) #header{border-color:var(--transparent);}
	#wrap:has(.main_visual) #header.on{border-color:var(--border-color01);}
	#wrap:has(.main_visual) #contents_wrap{width:100%; max-width:100%; padding-bottom:0;}
	#wrap .swiper_arw:after{display:none;}

	/* 비주얼 */
		#wrap .visual_wrapper{display:block; height:auto; padding:0;}
		.main_visual{position:relative;}
		.main_visual .slick-slide{position:relative; height:840px;}
		.main_visual .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		.main_visual .thumb{width:100%; height:100%; background:no-repeat center; background-size:cover;}
		.main_visual .txt_box{position:absolute;top: 46%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:var(--title-20);color:var(--point-white);}
		.main_visual .txt_box h2{font-size:300%; font-weight:600; line-height:1.2;}
		.main_visual .txt_box h4{font-size:150%; font-weight:300; line-height:1.3;}
			.main_visual .txt_box h4 + h2{margin-top: 17px;}
		.main_visual .txtAni{opacity:0; transform:translateY(70px); transition:all 1.2s;}
		.main_visual .active .txtAni{opacity:1; transform:translate(0);}
		
		.main_visual .controller{position:absolute;left:50%;bottom: 36%;transform:translateX(-50%);z-index:9;display:flex;align-items:center;justify-content:center;font-size:0;gap:17px;}
		.main_visual .slick-arrow{width:20px;height:20px;border:1px solid var(--transparent);border-top-color:var(--point-white);border-left-color:var(--point-white);transform:rotate(-45deg);font-size:0;margin-right: 12px;}
		.main_visual .slick-arrow.next{transform:rotate(-45deg) scale(-1, -1);margin: 0 0 0 12px;}
		.main_visual .slick-dots{display:inline-flex; align-items:center; gap:11px; }
		.main_visual .slick-dots li{}
		.main_visual .slick-dots li button{font-size:0; width:9px; height:9px; background:var(--point-white); opacity:0.5; transition:all 0.4s; border-radius:100%;}
		.main_visual .slick-dots li.slick-active button{opacity:1;}
		.main_visual .slickBtn{position:relative; width:10px; height:12px; cursor:pointer;}
			.main_visual .slickBtn:before{position:absolute; content:''; width:3px; height:100%; background:var(--point-white); top:0; left:0;}
			.main_visual .slickBtn:after{position:absolute; content:''; width:3px; height:100%; background:var(--point-white); top:0; right:0;}
			.main_visual .slickBtn.play:before{width:auto; height:auto; background:none; border:6px solid var(--transparent); border-left:8px solid var(--point-white);}
			.main_visual .slickBtn.play:after{opacity:0;}

		@media screen and (max-width:1023px){
			.main_visual .slick-slide{height:82vw; min-height:500px;}
		}
		@media screen and (max-width:640px){
			.main_visual .txt_box h4 + h2{margin-top:12px;}
			.main_visual .controller{bottom:30%;}
			.main_visual .slick-arrow{width:15px; height:15px; margin-right:10px;}
			.main_visual .slick-arrow.next{margin-left:10px;}
			.main_visual .slick-dots li button{width:8px; height:8px;}
		}
		@media screen and (max-width:479px){
			.main_visual .txt_box h4 + h2{margin-top:8px;}
			.main_visual .slick-arrow{width:13px; height:13px; margin-right:7px;}
			.main_visual .slick-arrow.next{margin-left:7px;}
		}

	/* 타이틀 */
		.main_title{position:relative; box-sizing:border-box; font-size:var(--title-20);}
			.main_title.hd{margin-bottom: 29px;}
		.main_title h2{font-size:270%;font-weight:600;color:var(--black-color01);line-height:1.2;}
		.main_title h3{font-size:240%;font-weight:600;color:var(--black-color01);line-height:1.29;letter-spacing: -0.04em;}
			.main_title h3 + p{}
		.main_title h4{font-size: 190%;font-weight:600;color:var(--black-color01);line-height:1.35;letter-spacing: -0.04em;}
			.main_title h4.icon:after{display:inline-flex; content:''; width:8px; height:8px; background:var(--point-color02); margin-left:12px;}
			.main_title h4 + h6{margin-top: 12px;}
		.main_title h5{font-size:120%;font-weight:600;color:var(--black-color01);line-height:1.4;letter-spacing: -0.04em;}
			.main_title h5 + h3{margin-top: 17px;}
		.main_title h5 em{font-weight:inherit; color:var(--point-color05);}
		.main_title h6{font-size:95%;font-weight: 500;color:var(--black-color03);line-height:1.5;letter-spacing: -0.04em;}
		.main_title p{font-size:90%;font-weight: 400;color:var(--black-color05);line-height:1.66;letter-spacing: -0.03em;}
		.main_title p strong{font-weight: 600;color:var(--black-color03);}

		@media screen and (max-width:1023px){
			.main_title.hd{margin-bottom: 25px;}
			.main_title h5 + h3{margin-top:12px;}
		}
		@media screen and (max-width:640px){
			.main_title.hd{margin-bottom: 20px;}
			.main_title h4.icon:after{width:7px; height:7px; margin-left:10px;}
			.main_title h4 + h6{margin-top:7px;}
			.main_title h5 + h3{margin-top:8px;}
		}
		@media screen and (max-width:479px){
			.main_title h2{font-size:250%}
			.main_title h3{font-size:220%;}
		}

	/* 공통 */
		.main_content > div{position:relative; overflow:hidden; height:100vh; display:flex; align-items:center;}

		@media screen and (max-width:1023px){
			.main_content > div{height:auto; display:block; padding:120px 0;}
		}
		@media screen and (max-width:640px){
			.main_content > div{padding:100px 0;}
		}
		@media screen and (max-width:479px){
			.main_content > div{padding:70px 0;}
		}

	/* 프로젝트 */
		.main_project{}
			.main_project:before{position:absolute; content:''; width:36.2%; height:100%; background:var(--point-color01); top:0; right:0;}
		.main_project :where(.main_title,.projectSwiper){padding: 0 180px;}
		.main_project .main_title{display:flex; align-items:center; gap:51px; padding-right:370px;}
		.main_project .main_title h2{font-family: var(--font-type02); letter-spacing: -0.04em;}
		.main_project .tab_list{display:flex; gap:40px; }
		.main_project .tab_list > li{position:relative; font-size:var(--title-20); font-weight:500; color:var(--black-color10); cursor:pointer;}
			.main_project .tab_list > li:before{position:absolute;content:'';width:6px;height:6px;background:var(--point-color02);bottom: calc(100% - 2px);left: calc(100% + 1px);opacity:0;transition:all 0.4s;}
			.main_project .tab_list > li.on{font-weight:600; color:var(--point-color02);}
			.main_project .tab_list > li.on:before{opacity:1;}
		.main_project .tab_conts{position:relative;}
		.main_project .tab_conts .item{height:0; opacity:0; overflow:hidden; transition:all 0.4s;}
			.main_project .tab_conts .item.on{height:auto; opacity:1; overflow:visible;}
		.main_project .projectSwiper .swiper-slide{position:relative;}
		.main_project .projectSwiper .swiper-wrapper{align-items:center;}
		.main_project .projectSwiper .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		.main_project .projectSwiper .thumb{font-size:0;height: 54.41vh;overflow:hidden;transition:all 0.4s;transform: scale(0.8);}
			.main_project .projectSwiper .on .thumb{transform: scale(1);}
		.main_project .projectSwiper .thumb img{width:100%; height:100%; object-fit:cover;}
		.main_project .projectSwiper .info{position:absolute;left:0;bottom:0;font-size:var(--title-20);width:400px;padding: 38px 30px 12px;background:var(--point-white);opacity:0;transition:all 0.4s;box-sizing: border-box;}
			.main_project .projectSwiper .on .info{opacity:1;}
		.main_project .projectSwiper .info dt{font-size:85%; font-weight:600; color:var(--point-color02); line-height:1.4;}
			.main_project .projectSwiper .info dt + dd{margin-top: 6px;}
		.main_project .projectSwiper .info dd{font-size:150%;font-weight:600;color:var(--black-color03);line-height:1.3;letter-spacing: -0.03em;}
			.main_project .projectSwiper .info dd + dd{font-size:85%; font-weight:400; color:var(--black-color05); line-height:1.7; margin-top:17px; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height:0; transition:all 0.4s; overflow:hidden; opacity:0;}
			.main_project .projectSwiper .info dd + dd *{display:inline;}
		.main_project .swiper_arw{position:absolute;top:50%;left: 60px;right:auto;bottom:auto;transform:translateY(-50%);width:60px;height:60px;border:1px solid var(--border-color01);box-sizing:border-box;background:none;transition:all 0.4s;margin: 0;}
			.main_project .swiper_arw.swiper-button-next{left:auto;right: 60px;transform:translateY(-50%) scale(-1,-1);}
			.main_project .swiper_arw:before{position:absolute;content:'';width:10px;height:10px;border: 3px solid var(--transparent);border-top-color:var(--black-color10);border-left-color:var(--black-color10);top:50%;left: calc(50% + 4px);transform: translate(-50%, -50%) rotate(-45deg);border-radius: 4px;transition:all 0.4s;}
		.main_project .more_btn{position:absolute; top:50%; right:180px; transform:translateY(-50%);}

		.more_btn{font-size:var(--title-20);}
		.more_btn span{position:relative;display:flex;font-size:90%;font-weight: 500;color:var(--point-white); padding-right:52px;box-sizing:border-box; opacity:0.6; transition:all 0.4s;}
			.more_btn span:before{position:absolute; content:''; width:40px; height:11px; background:url('../images/skin/more_arw.svg') no-repeat center; background-size:100% auto; top:50%; right:0; transform:translateY(-50%);}

			/* over */
				@media screen and (min-width:1024px){
					.main_project .tab_list > li:hover{color:var(--point-color02);}
					.main_project .projectSwiper .swiper-slide:hover .info dd + dd{max-height:60px; opacity:1;}
					.main_project .swiper_arw:hover{background: var(--point-color04); border-color:var(--point-color04);}
					.main_project .swiper_arw:hover:before{border-top-color:var(--point-white);border-left-color:var(--point-white);}

					.more_btn span:hover{opacity:1;}
				}
		@media screen and (max-width:1480px){
			.main_project :where(.main_title,.projectSwiper){padding:0 10vw;}
			.main_project .main_title{padding-right:24vw;}
			.main_project .more_btn{right:10vw;}
			.main_project .swiper_arw{left:calc(6.3vw - 30px);}
				.main_project .swiper_arw.swiper-button-next{right:calc(6.3vw - 30px);}
		}
		@media screen and (max-width:1023px){
			.main_project .main_title{gap:40px;}
			.main_project .tab_list{gap:30px;}
			.main_project .projectSwiper .thumb{height:48.5vw; min-height:350px;}
			.main_project .swiper_arw{left: calc(5.1vw - 15px);width:50px;height:50px;}
			.main_project .swiper_arw.swiper-button-next{right: calc(5.1vw - 15px);}
		}
		@media screen and (max-width:860px){
			.main_project .projectSwiper .info{padding:30px 25px 12px;}
			.main_project .swiper_arw{left: calc(5.6vw - 15px);width:40px;height:40px; }
				.main_project .swiper_arw.swiper-button-next{right: calc(5.3vw - 15px);}
				.main_project .swiper_arw:before{width:8px;height:8px;border-width:2px;border-radius:2px;left: calc(50% + 3px);}
		}
		@media screen and (max-width:767px){
			.main_project:before{width:100%; height:50%; top:auto; bottom:0;}
			.main_project .main_title{flex-wrap:wrap; gap:10px 35px; padding-right:10vw;}
			.main_project .more_btn{position:relative; top:auto; right:auto; transform:none;}
			.more_btn span{color:var(--black-color03); opacity:1;}
			.more_btn span:before{filter:var(--filter-black);}
		}
		@media screen and (max-width:640px){
			.main_project .tab_list > li:before{width:5px; height:5px; bottom:calc(100% - 3px); left:calc(100% + 3px);}
			.main_project .projectSwiper .info{width:100%; padding:25px 20px 12px; }
			.main_project .swiper_arw{display:none;}

			.more_btn span{padding-right:46px;}
			.more_btn span:before{width:34px;}
		}
		@media screen and (max-width:479px){
			.main_project .projectSwiper .info dd{font-size:120%;}
		}
	/* 영상 */
		.main_video .cont{display:flex;}
		.main_video .thumb{position:relative; width:60%; font-size:0;}
			.main_video .thumb:before{position:absolute;content:'';width:100vw;height: 78.84%;background:var(--point-color06);right:100px;bottom:-80px;}
		.main_video .thumb img{position:relative; width:100%; height:100%; object-fit:cover;}
		.main_video .play_btn{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80px; height:80px; border:2px solid var(--point-white); border-radius:100%; box-sizing:border-box; background:url('../images/skin/main_video_arw.svg') no-repeat calc(50% + 4px) center;}
		.main_video .main_title{width:40%;padding: 74px 0 74px 80px;}
		.main_video .main_title h3:after{display:block;content:'';width:40px;height:2px;background:var(--border-color01);margin: 35px 0 59px;}

			/* over */
				@media screen and (min-width:1024px){
					.main_video .play_btn{transition:all 0.4s;}
					.main_video .play_btn:hover{background-image:url('../images/skin/main_video_arw_ov.svg');}
				}

		@media screen and (max-width:1480px){
			.main_video .main_title{padding:5.2vw 0 5.2vw 5.2vw;}
			.main_video .main_title h3:after{margin:2.8vw 0 4.8vw;}
		}
		@media screen and (max-width:1200px){
			.main_video .main_title p br{display:none;}
		}
		@media screen and (max-width:1023px){
			.main_video .cont{display:block;}
			.main_video .thumb{width:100%; height:46vw; min-height:300px;}
				.main_video .thumb:before{bottom:-60px; right:80px;}
			.main_video .main_title{width:100%; padding:80px 0 0;}
		}
		@media screen and (max-width:640px){
			.main_video .thumb:before{bottom:-40px; right:60px;}
			.main_video .play_btn{width:60px; height:60px; background-size:19px auto;}
			.main_video .main_title{padding:60px 0 0;}
			.main_video .main_title h3:after{width:30px; margin:15px 0 30px;}
		}
		@media screen and (max-width:479px){
			.main_video .thumb:before{bottom:-20px; right:40px;}
			.main_video .play_btn{width:60px; height:60px; background-size:17px auto;}
			.main_video .main_title{padding:40px 0 0;}
		}

	/* 아웃트로 */
		.main_outro{position:relative;}
			.main_outro:before{position:absolute; content:''; top:0; right:0; width:50%; height:100%; background:var(--gray-bg01);}
		.main_outro .cont{display:flex;}
		.main_outro .main_title.hd{padding-bottom: 9px;}
		.main_outro .news{width:50%; padding-right:70px; box-sizing:border-box;}
		.main_outro .news_list{border-top:1px solid var(--border-color01);}
		.main_outro .news_list > li{position:relative;display:flex;align-items:center;box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding: 26px 0;}
		.main_outro .news_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		.main_outro .news_list .date{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;width:70px;height:70px;border:2px solid rgba(82, 148, 179, 0.50);box-sizing:border-box;text-align:center;font-size:var(--title-20);color:var(--point-color02);font-family:var(--font-type02);}
		.main_outro .news_list .date dt{width:100%;font-size:150%;font-weight:600;transition:all 0.4s;line-height: 1;}
		.main_outro .news_list .date dd{width:100%; font-size:65%; font-weight:500;}
		.main_outro .news_list .info{width:calc(100% - 70px); font-size:var(--title-20); padding-left:24px; box-sizing:border-box;}
		.main_outro .news_list .info :where(dt *,dd *){display:inline; font-size:inherit !important;; font-weight:inherit !important; ; color:inherit !important;; font-family:inherit !important;}
		.main_outro .news_list .info dt{font-size:100%;font-weight:500;color:var(--black-color03);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing: -0.04em;}
			.main_outro .news_list .info dt + dd{margin-top: 7px;}
		.main_outro .news_list .info dd{font-size:80%;font-weight:400;color:var(--black-color07);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing: -0.03em;}
		.main_outro .news_list .info dd :where(img,br){display:none;}

		.main_outro .location{width:50%; padding-left:70px; box-sizing:border-box;}
		.main_outro .location .map{height:290px;margin-bottom: 13px;}
		.main_outro .location .map iframe{width:100%; height:100%;}
		.main_outro .location .info{display:flex;align-items:center;font-size:var(--title-20);font-family:var(--font-type02);border-bottom:1px solid var(--border-color01);padding: 18px 30px;}
		.main_outro .location .info dt{position:relative;width:175px;font-size:95%;font-weight:600;color:var(--point-color02);padding-left:29px;box-sizing:border-box;letter-spacing: -0.04em;}
			.main_outro .location .info dt:before{position:absolute; content:''; top:50%; left:0; transform:translateY(-50%); background:no-repeat center; background-size:100% auto;}
			.main_outro .location .info.tel dt:before{width: 19px;height: 19px;background-image:url('../images/skin/icon_tel.svg');}
			.main_outro .location .info.mail dt:before{width: 20px;height: 16px;background-image:url('../images/skin/icon_mail.svg');}
			.main_outro .location .info.addr dt:before{width: 16px;height: 22px;background-image:url('../images/skin/icon_addr.svg');}
		.main_outro .location .info dd{width:calc(100% - 175px);font-size:85%;font-weight:400;color:var(--black-color05);letter-spacing: -0.04em;}

		/* over */
			@media screen and (min-width:1024px){
				.main_outro .news_list > li:hover .info dt{color:var(--point-color02);}
			}
	
		@media screen and (max-width:1480px){
			.main_outro .news{padding-right:4.5vw;}
			.main_outro .location{padding-left:4.5vw;}
			.main_outro .location .info{padding:18px 25px;}
			.main_outro .location .info dt{width:150px;}
			.main_outro .location .info dd{width:calc(100% - 150px);}
		}
		@media screen and (max-width:1023px){
			.main_content .main_outro{padding:0;}
			.main_outro:before{display:none;}
			.main_outro .cont{display:block;}
			.main_outro .news{width:100%; padding:0 0 100px;}
			.main_outro .location{width:calc(100% + 30px); margin-left:-15px; padding:100px 15px; background:var(--gray-bg01);}
		}
		@media screen and (max-width:860px){
			.main_outro .news_list > li{padding:20px 0;}
			.main_outro .news_list .date{width:65px; height:65px;}
			.main_outro .news_list .info{width:calc(100% - 65px); padding-left:20px;}

			.main_outro .location .info{padding:15px 20px;}
		}
		@media screen and (max-width:640px){
			.main_content .main_outro{padding:0;}
			.main_outro .main_title.hd{padding-bottom:0;}
			.main_outro .news{padding:0 0 70px;}
			.main_outro .news_list > li{padding:15px 0;}
			.main_outro .news_list .date{width:60px; height:60px;}
			.main_outro .news_list .info{width:calc(100% - 60px); padding-left:15px;}
			.main_outro .location{padding:70px 15px;}
			.main_outro .location .map{height:250px;}
			.main_outro .location .info{padding:15px;}
			.main_outro .location .info dt{width:120px;}
			.main_outro .location .info dd{width:calc(100% - 120px);}
		}
		@media screen and (max-width:320px){
			.main_outro .location{width:calc(100% + 20px); margin-left:-10px;}
		}