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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;width:100%;}
		#contents_wrap, .w_custom {position: relative; width: calc(100% - 60px); max-width: 1400px; margin:0 auto; box-sizing: border-box;}
        #contents_wrap{padding-top: 80px; padding-bottom: 150px;}
		.main_w_custom{max-width:1520px;margin:0 auto;position: relative;box-sizing:border-box;width:calc(100% - 60px);}

	@media screen and (max-width:640px) {
        #contents_wrap{padding-top: 70px;}
		#contents_wrap, .w_custom, .main_w_custom{width:calc(100% - 30px);}
	}
    @media screen and (max-width:479px) {
        #contents_wrap{padding-top: 60px;}
	}
	@media screen and (max-width:320px) {
		#contents_wrap, .w_custom, .main_w_custom{width:calc(100% - 20px);}
	}

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

	 인트로

───────────────────────────────────────────────────────────*/
	.main_intro{width:100%;height:100%;position: fixed;top:0;left:0;z-index:9;transition:all 0.5s;}
	.main_intro:before{width:100%;height:100%;content:"";background: #fff;position: absolute;top:0;left:0;transition:all 1.5s;transition-delay:3s;}
	.main_intro.fold{opacity:0;z-index:-1;}
	.main_intro .logo{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;background:url('/data/skin/respon_default/images/skin/hd_logo.svg')no-repeat center;background-size:100%;transition:all 1s;opacity:0;}

	.main_intro.dn .logo{display: none;}

	.main_intro.fold:before{opacity:0;z-index:-1;}
	.main_intro.effect .logo{width:294px;height:88px;opacity:1;}
	.main_intro.effect .logo.move{width:168px;height:50px;top:63px;left:192px;transform:none;}

	@media only screen and (max-width:1800px){
		.main_intro.effect .logo.move{left:30px;}
	}
	@media only screen and (max-width:860px){
		.main_intro.effect .logo.move{width:134px;height:40px;top:57px;}
	}
	@media only screen and (max-width:640px){
		.main_intro.effect .logo.move{top:72px;left:15px;}
	}
	@media only screen and (max-width:500px){
		.main_intro.effect .logo{width:50%;}
		.main_intro.effect .logo.move{width:100px;height:30px;top:68px;}
	}
	@media only screen and (max-width:320px){
		.main_intro.effect .logo.move{left:10px;}	
	}
/*───────────────────────────────────────────────────────────

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

───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.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;}
		
		.hd_bnr{width:100%;height:40px;background: linear-gradient(90deg, #F84270 0%, #FE803B 100%);position: relative;transition:all 0.5s;z-index: 11;}
		.hd_bnr.bnr_hide{height:0;overflow:hidden;}
		.hd_bnr > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:2;}
		.hd_bnr .main_w_custom{height:100%;}
		.hd_bnr .txt{display: flex;align-items: center;justify-content: center;height:100%;}
		.hd_bnr .txt p{font-size:15px;color:var(--point-white);font-weight:500;letter-spacing:0;}
		.hd_bnr .txt span{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;width:140px;height:22px;border:1px solid rgba(255,255,255,0.4);border-radius:11px;font-size:11px;color:var(--point-white);font-weight:100;margin-left:25px;}
		.hd_bnr .txt span:after{width:5px;height:5px;content:"";border:1px solid var(--point-white);border-width:1px 1px 0 0;transform:rotate(45deg);display: inline-block;margin-left:3px;}
		.hd_bnr .btn_close{width:17px;height:17px;position: absolute;right:0;top:50%;z-index:5;transform:translateY(-50%);}
		.hd_bnr .btn_close a{display: block;width:100%;height:100%;position: relative;}
		.hd_bnr .btn_close a span{width:100%;height:2px;display: inline-block;background:var(--point-white);position: absolute;top:50%;left:0;}
		.hd_bnr .btn_close a span:nth-child(1){transform:rotate(45deg);}
		.hd_bnr .btn_close a span:nth-child(2){transform:rotate(-45deg);}

		#header{position:sticky;top:0;left:0;width:100%;background:var(--point-white);z-index:10;}
		#header .hd_box{position: relative;height:96px;box-sizing:border-box;width:calc(100% - 60px);max-width:1520px;margin:0 auto;}
		#header .hd_box:before{width:100%;height:1px;content:"";background:var(--black-color05);position: absolute;bottom:0;left:0;transition:width 0.5s;}
		
		#header .header_cont{display: flex;align-items: center;justify-content: space-between;height:96px;transition:all 0.5s;}
		
		#header .hd_logo{width:168px;height:50px;position: relative;z-index: 2;}
		#header .hd_logo a{display: block;width:100%;height:100%;background:url('/data/skin/respon_default/images/skin/hd_logo.svg')no-repeat left center;font-size:0;background-size:auto 100%;}
		#header .hd_lnb{position: absolute;top:0;left:50%;transform:translate(-50%);display: flex;align-items: center;justify-content: center;width:100%;}
		#header .hd_lnb > li{margin:0 30px;position: relative;}
		#header .hd_lnb > li > a{display: block;font-size:18px;color:var(--black-color01);font-weight:500;line-height:96px;}
		#header .hd_lnb > li:hover > a{color:var(--point-color01);}
		#header .hd_lnb .lnb_dep2{width:150px;background:var(--point-white);box-sizing:border-box;position: absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%);display:block;box-shadow:0 9px 10px 0 rgba(0,0,0,0.15);padding:20px 10px;display: none;}
		#header .hd_lnb .lnb_dep2 li + li{margin-top:15px;}
		#header .hd_lnb .lnb_dep2 li a{font-size:16px;color:var(--black-color03);font-weight:400;}
		#header .hd_lnb .lnb_dep2 li:hover a{color:var(--point-color01);}

		#header .hd_right{display: flex;align-items: center;position: relative;z-index: 2;}
		#header .hd_right .sns{display: flex;align-items: center;}
		#header .hd_right .sns li{}
		#header .hd_right .sns li + li{margin-left:20px;}
		#header .hd_right .sns li a{display: block;}
		#header .hd_right .menu-trigger{width:23px;height:19px;display: block;position: relative;margin-left:40px;}
		#header .hd_right .menu-trigger span{width:100%;height:2px;display: inline-block;position: absolute;right:0;background:var(--point-color02);}
		#header .hd_right .menu-trigger span:nth-child(1){top:0;}
		#header .hd_right .menu-trigger span:nth-child(2){top:8px;width:80%;}
		#header .hd_right .menu-trigger span:nth-child(3){bottom:0;}

		/*intro*/
		.hd_bnr.intro_bnr{transform:translateY(-40px);}
		.hd_bnr.on{transform:translateY(0) !important;}
		#header.intro_hd{background:none;padding:0 191.5px;max-width:100%;box-sizing:border-box;}
		#header.intro_hd .hd_box{width:100%;max-width:100%;}
		#header.intro_hd .hd_box:before{width:0;}
		#header.line .hd_box:before{width:100%;}
		#header.intro_hd .header_cont{transform:translateY(-150px);}
		#header .header_cont.move{transform:translateY(0) !important;}

		/*on*/
		#header.on{background:var(--point-white);box-shadow:0 5px 10px 0 rgba(0,0,0,0.15);z-index:12;}
		#header.on .hd_box:before{display: none;}
		
		@media only screen and (max-width:1800px) {
			#header.intro_hd{padding:0 30px;}
		}
		@media only screen and (max-width:1300px) {
			#header .hd_lnb > li{margin:0 22px;}
			#header .hd_lnb > li > a{font-size:16px;}
		}
		@media only screen and (max-width:1200px) {
			#header .hd_lnb > li{margin:0 15px;}	
			#header .hd_lnb > li > a{font-size:15px;}
		}
		@media only screen and (max-width:1024px) {
			#header .hd_lnb{display: none;}
		}
		@media only screen and (max-width:860px) {
			.hd_bnr .txt p{font-size:13px;}
			#header .hd_box, #header .header_cont{height:74px;}
			#header .hd_logo{width:140px;height:40px;}

			#header .hd_right .sns li + li{margin-left:15px;}
			#header .hd_right .menu-trigger{margin-left:20px;}
		}
		@media only screen and (max-width:640px) {
			.hd_bnr{height:55px;}
			.hd_bnr .txt{flex-direction: column;}
			.hd_bnr .txt span{margin-top:5px;}

			#header .hd_box{width:calc(100% - 30px);}
			
			/*intro*/
			.hd_bnr.intro_bnr{transform:translateY(-55px);}
			#header.intro_hd{padding:0 15px;}
			#header.intro_hd .header_cont{transform:translateY(-122px);}
		}
		@media only screen and (max-width:500px) {
			#header .hd_box, #header .header_cont{height:56px;}
			#header .hd_logo{width:110px;height:30px;}
			#header .hd_right .sns li + li{margin-left:10px;}
			#header .hd_right .sns li a img{max-width:16px;}
			#header .hd_right .menu-trigger{width:19px;height:17px;margin-left:12px;}
			#header .hd_right .menu-trigger span:nth-child(2){top:7px;}
		}
		@media only screen and (max-width:320px) {
			#header .hd_box{width:calc(100% - 20px);}

			/*intro*/
			#header.intro_hd{padding:0 10px;}
		}

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

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

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#aside {top:0px;right:-420px;width:420px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:var(--point-white);z-index:99;}
		#aside.on {right:0%;}

		.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;transition:0.8s;z-index:50;position:fixed;display:none;}
		.aside_bg.on {opacity:1;display:block;}

		#aside .aside_box {width:100%;height:100%;margin:0;padding:35px 25px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;}
		#aside .aside_box .aside_top{display: flex;align-items: center;justify-content: space-between;}
		#aside .aside_box .aside_logo{width:168px;height:50px;}
		#aside .aside_box .aside_logo a{display: block;width:100%;height:100%;background:url('/data/skin/respon_default/images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;font-size:0;}
		#aside .aside_box .btn_aside_close{width:20px;height:20px;}
		#aside .aside_box .btn_aside_close a{display: block;width:100%;height:100%;position: relative;}
		#aside .aside_box .btn_aside_close a span{width:100%;height:2px;display: inline-block;background:var(--black-color01);position: absolute;top:50%;left:0;}
		#aside .aside_box .btn_aside_close a span:nth-child(1){transform:rotate(45deg);}
		#aside .aside_box .btn_aside_close a span:nth-child(2){transform:rotate(-45deg);}

		#aside .aside_box .slidemenu{margin-top:42px;}
		#aside .aside_box .slidemenu > li{position: relative;padding:16px 0;}
		#aside .aside_box .slidemenu > li > a{display: block;font-size:26px;color:var(--black-color01);font-weight:500;}
		#aside .aside_box .slidemenu > li > .icons{width:62px;height:62px;position: absolute;top:0;right:0;cursor:pointer;}
		#aside .aside_box .slidemenu > li > .icons:before{width:18%;height:18%;content:"";border:2px solid var(--black-color01);border-width:2px 2px 0 0;transform:rotate(135deg);position: absolute;top:22px;right:3px;}
		#aside .aside_box .slidemenu > li.on > .icons:before{transform:rotate(-45deg);top:27px;border-color:var(--point-color01);}
		#aside .aside_box .slidemenu > li.on > a{color:var(--point-color01);}
		#aside .aside_box .slidemenu .depth{display: none;box-sizing:border-box;padding:20px 15px;}
		#aside .aside_box .slidemenu .depth li{padding:10px 0;}
		#aside .aside_box .slidemenu .depth li a{font-size:20px;color:var(--black-color05);font-weight:400;display: block;}
		
	@media only screen and (max-width:640px) {
		#aside{width:72%;right:-72%;}
		#aside .aside_box{padding:25px 20px;}
		#aside .aside_box .slidemenu > li > a{font-size:22px;}
		#aside .aside_box .slidemenu > li > .icons{width:58px;height:58px;}
		#aside .aside_box .slidemenu > li > .icons:before{top:19px;}
		#aside .aside_box .slidemenu > li.on > .icons:before{top:25px;}
		#aside .aside_box .slidemenu .depth{padding:12px 15px;}
		#aside .aside_box .slidemenu .depth li a{font-size:18px;}
	}	
	@media only screen and (max-width:500px) {
		#aside .aside_box .aside_logo{width:122px;height:36px;}
		#aside .aside_box .btn_aside_close{width:18px;height:18px;}
		#aside .aside_box .slidemenu{margin-top:20px;}
		#aside .aside_box .slidemenu > li{padding:14px 0;}
		#aside .aside_box .slidemenu > li > a{font-size:18px;}
		#aside .aside_box .slidemenu > li > .icons{width:49px;height:49px;}
		#aside .aside_box .slidemenu > li > .icons:before{top:16px;}
		#aside .aside_box .slidemenu > li.on > .icons:before{top:22px;}
		#aside .aside_box .slidemenu .depth{padding:10px 10px;}
		#aside .aside_box .slidemenu .depth li a{font-size:15px;}
	}

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer{box-sizing:border-box;background:var(--black-color00);padding:0 0 63px;}
		#footer .ft_top{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.1);padding:21px 0 19px;}
		#footer .ft_top .ft_gnb{display: flex;align-items: center;margin-left:-20px;}
		#footer .ft_top .ft_gnb li{margin:0 20px;}
		#footer .ft_top .ft_gnb li a{font-size:14px;color:var(--black-color08);font-weight:400;}
		#footer .ft_top .ft_gnb li a strong{font-size:inherit;color:var(--point-white);font-weight:inherit;}

		#footer .ft_sns{display: flex;align-items: center;}
		#footer .ft_sns li + li{margin-left:20px;}
		#footer .ft_sns li a{display: block;}
		#footer .ft_sns li a img{mix-blend-mode: luminosity;opacity:0.6;}

		#footer .ft_info_content{display: flex;justify-content: space-between;margin-top:67px;flex-wrap:wrap;}
		#footer .ft_info{width:calc(100% - 750px);box-sizing:border-box;padding-right:20px;}
		#footer .ft_info .info{margin-top:32px;}
		#footer .ft_info .info span{font-size:13px;color:var(--black-color10);font-weight:300;display: inline-block;vertical-align: top;position: relative;line-height:2.4;}
		#footer .ft_info .info span + span{margin-left:15px;padding-left:15px;}
		#footer .ft_info .info span + span:before{width:1px;height:10px;content:"";background: #d9d9d9;opacity:0.2;position: absolute;left:-1px;top:11px;}
		#footer .ft_info .info span a{font-size:inherit;color:inherit;font-weight:inherit;}
		#footer .ft_info .copy{font-size:13px;color:var(--black-color10);font-weight:300;margin-top:57px;}	
		#footer .ft_info .copy a{font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;margin-left:33px;}

		#footer .ft_lnb{display: flex;width:750px;gap:40px;margin-top:11px;}
		#footer .ft_lnb > li{width:calc(100% / 6);}
		#footer .ft_lnb > li > a{font-size:16px;color:var(--point-white);font-weight:500;}
		#footer .ft_lnb .dep2{margin-top:17px;}
		#footer .ft_lnb .dep2 li + li{margin-top:15px;}
		#footer .ft_lnb .dep2 li a{font-size:13px;color:rgba(255,255,255,0.6);font-weight:100;letter-spacing:0.04em;}

		/*quick*/
		.ft_quick{opacity:0;z-index:-1;transition:all 0.5s;position: fixed;right:0;top:50%;}
		.ft_quick.on{opacity:1;z-index:5;}
		.ft_quick ul{display: flex;flex-direction: column;align-items: flex-end;}
		.ft_quick ul li{width:60px;height:60px;position: relative;transition:all 0.5s;}
		.ft_quick ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.ft_quick ul li + li{margin-top:8px;}
		.ft_quick ul li:nth-child(1){background:var(--point-color01);}
		/* .ft_quick ul li:nth-child(2){background:var(--point-white);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);} */
		.ft_quick ul li:nth-child(2){background:var(--black-color06);}
		.ft_quick ul li.quick_menu{display: flex;align-items: center;}
		.ft_quick ul li.quick_menu .icon{margin-left:13px;}
		.ft_quick ul li.quick_menu p{font-size:0;color:var(--point-white);font-weight:600;opacity:0;transition:all 0.5s;}
		.ft_quick ul li:nth-child(2) p{color:var(--point-color01);}
		.ft_quick ul li .btn_top{display:flex;width:100%;height:100%;align-items: center;flex-direction: column;justify-content: center;cursor:pointer;}
		.ft_quick ul li .btn_top:before{width:9px;height:9px;content:"";border:1px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(-45deg);display: inline-block;}
		.ft_quick ul li .btn_top span{font-size:10px;color:var(--point-white);font-weight:400;display: block;margin-top:3px;}

	@media only screen and (min-width:1024px) {
		.ft_quick ul li.quick_menu:hover{width:130px;}
		.ft_quick ul li.quick_menu:hover p{font-size:12px;margin-left:10px;opacity:1;transition:all 0.5s;}
	}
	@media only screen and (max-width:1350px) {
		#footer .ft_info{width:calc(100% - 650px);box-sizing:border-box;padding-right:20px;}
		#footer .ft_info .info{width:calc(100% + 10px);margin-left:-5px;}
		#footer .ft_info .info br{display: none;}
		#footer .ft_info .info span,
		#footer .ft_info .info span + span{padding:0;margin:0 5px;}
		#footer .ft_info .info span + span:before{display: none;}
		#footer .ft_info .copy a{display: block;margin:15px 0 0 0;}
		#footer .ft_lnb{width:650px;gap:20px;}
	}
	@media only screen and (max-width:1024px) {
		#footer .ft_top .ft_gnb{margin-left:-12px;}
		#footer .ft_top .ft_gnb li{margin:0 12px;}
		#footer .ft_top .ft_gnb li a{font-size:13px;}
		#footer .ft_info{width:100%;padding:0;}

		#footer .ft_lnb{display: none;}
		#footer .ft_lnb > li > a{font-size:14px;}
		#footer .ft_lnb .dep2 li a{font-size:12px;}

		.ft_quick ul li.quick_menu .icon{margin:0;display: flex;align-items: center;justify-content: center;width:100%;height:100%;}
	}
	@media only screen and (max-width:860px) {
		#footer .ft_top{flex-direction: column;justify-content: center;}
		#footer .ft_top .ft_gnb{width:100%;margin-left:0;flex-wrap:wrap;justify-content: center;}
		#footer .ft_top .ft_gnb li{margin:0 12px 15px;}
		#footer .ft_info_content{margin-top:45px;}
		#footer .ft_info{width:100%;padding:0;}
		#footer .ft_info .ft_logo img{height:40px;}
		#footer .ft_lnb{display: none;}
	
		.ft_quick ul li{width:50px;height:50px;}
		.ft_quick ul li.quick_menu .icon img{max-width:58%;}
	}
	@media only screen and (max-width:500px) {
		#footer .ft_top .ft_gnb li{margin:0 8px 12px;}
		#footer .ft_sns{margin-top:10px;}
		#footer .ft_info .ft_logo img{height:34px}
		#footer .ft_info .info{margin-top:16px;}
		#footer .ft_info .info span{line-height:2;}
		#footer .ft_info .copy{margin-top:30px;}
		#footer .ft_info .copy a{margin-top:8px;}

		.ft_quick ul li{width:40px;height:40px;}
		.ft_quick ul li .btn_top:before{width:6px;height:6px;}
	}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*top*/
	.main_top{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;padding:15px 0 15px;}
	.main_top .ci_box img{height:56px;}
	.main_top .bnr_box{width:50%;display: flex;flex-wrap:wrap;align-items: center;}
	.main_top .bnr_box .bnr{width:calc(50% - 10px);height:56px;background: #f5f5f5;}
	.main_top .bnr_box .bnr + .bnr{margin-left:20px;}


	/*news*/
		/* .main_news{margin-top:30px;} */
		.main_news .main_w_custom{display: flex;flex-wrap:wrap;align-items: flex-start;}
		.main_news .news_container{height:100%;}
		.main_news .news01{width:47.3%;box-sizing:border-box;position: relative;}
		.main_news .news01 .swiper-slide{transition:all 0.5s;background:var(--point-white);opacity:0 !important;z-index:2;}
		.main_news .news01 .swiper-slide.swiper-slide-active{opacity:1 !important;z-index:4;}
		.main_news .news01 .swiper-slide .img{width: 100%;height: 0;padding-bottom:75%;position: relative;overflow: hidden;;}
		.main_news .news01 .swiper-slide .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
        .main_news .news01 a{display: flex; flex-direction: column; gap: 30px;}
		.main_news .news01 .txt_info p{font-size:30px;color:var(--black-color00);font-weight:600;line-height:1.5;}
		.main_news .paging_box{width: 100%;height: auto;position: absolute;top: 0;left:0;padding-bottom: 75%;}
		.main_news .news01 .swiper-pagination{left:50%;transform: translateX(-50%);bottom:20px;}
		.main_news .news01 .swiper-pagination-bullet{margin:0 5px;width:24px;height:24px;position: relative;border:1px solid transparent;background:none;opacity:1;}
		.main_news .news01 .swiper-pagination-bullet:before{width:6px;height:6px;content:"";background:var(--point-white);opacity:0.4;box-sizing:border-box;border-radius:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_news .news01 .swiper-pagination-bullet-active{border-color:var(--point-white);}
		.main_news .news01 .swiper-pagination-bullet-active:before{opacity:1;}

		.main_news .news02{width:52.7%;box-sizing:border-box;padding-left:18px;}
		.main_news .news02 ul{display: flex;flex-wrap:wrap;gap:40px 40px;}
		.main_news .news02 ul li{width:calc(50% - 20px);}
        .main_news .news02 ul li a{display: flex; flex-direction: column-reverse; gap: 20px;}
		.main_news .news02 ul li .thumb{width:100%;height:0;padding-bottom:62.8%;overflow:hidden;position: relative;}
		.main_news .news02 ul li .thumb:before{width:100%;height:100%;content:"";background:rgba(0,0,0,0.6);position: absolute;top:0;left:0;z-index:2;opacity:0;transition:all 0.5s;}
		.main_news .news02 ul li .thumb:after{width:20px;height:20px;content:"";background:url('/data/skin/respon_default/images/skin/more_arw.svg')no-repeat center;position: absolute;right:15px;top:15px;z-index:3;opacity:0;transition:all 0.5s;}
		.main_news .news02 ul li .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_news .news02 ul li .txt_info p{font-size:21px;color:var(--black-color00);font-weight:600;line-height:1.3; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	/*공통*/
		.main_title{display: flex;align-items: center;justify-content: space-between;}
		.main_title h3{font-size:var(--title-30);color:var(--black-color00);font-weight:600;padding-left:35px;background:url('/data/skin/respon_default/images/skin/main_title_icon.svg')no-repeat left center;padding-right:25px;display: inline-block;position: relative;}
		.main_title h3 a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_title h3 span{font-size:inherit;color:inherit;font-weight:inherit;}
		.main_title h3:before{width:10px;height:10px;content:"";border:1px solid var(--point-color02);border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:0;top:12px;}

		.main_title .arw_box{display: flex;align-items: center;justify-content: space-between;width:86px;}
		.main_title .swiper_arw{width:30px;height:30px;position: static;margin:0;}
		.main_title .swiper-button-prev{background:url('/data/skin/respon_default/images/skin/arw_prev.svg')no-repeat center;}
		.main_title .swiper-button-next{background:url('/data/skin/respon_default/images/skin/arw_next.svg')no-repeat center;}
		.main_title .swiper_arw:after{display: none;}

	/*business*/
		.main_business{box-sizing:border-box;background: #f5f5f5;margin-top:50px;padding:80px 0 110px 0;}
		
		.main_business .business_container{overflow:hidden;margin-top:33px;}
		.main_business .business_container ul{display: flex;position: relative;width:100%;}
		.main_business .business_container ul li{position:relative;top:0;left:0; transition: all 1s;width:360px;margin-right:27px;}
		.main_business .business_container ul li:last-child{margin-right:0;}
		.main_business .business_container ul li:nth-child(2){transform:translate(calc(-100% - 27px));}
		.main_business .business_container ul li:nth-child(3){transform:translate(calc(-200% - (27px*2)));}
		.main_business .business_container ul li:nth-child(4){transform:translate(calc(-300% - (27px*3)));}
		.main_business .business_container ul li:nth-child(5){transform:translate(calc(-400% - (27px*4)));}
		.main_business .business_container ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:4;}
		.main_business .business_container ul li .thumb{width:100%;height:0;padding-bottom:78%;overflow:hidden;position: relative;}
		.main_business .business_container ul li .thumb:before{width:100%;height:100%;content:"";background:rgba(230, 0, 18, 0.6);position: absolute;top:0;left:0;z-index:2;opacity:0;transition:all 0.5s;}
		.main_business .business_container ul li .thumb:after{width:20px;height:20px;content:"";background:url('/data/skin/respon_default/images/skin/more_arw.svg')no-repeat center;position: absolute;right:20px;top:20px;z-index:3;opacity:0;transition:all 0.5s;}
		.main_business .business_container ul li .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		.main_business .business_container ul li .txt{margin-top:20px;}
		.main_business .business_container ul li .txt p{font-size:20px;color:var(--black-color00);font-weight:600;}
		.main_business .business_container ul li .txt span{display: block;font-size:16px;color:var(--black-color06);font-weight:400;margin-top:10px;line-height:1.4;}

		/*active*/
		.main_business.active .business_container ul.swiper-wrapper{width:100%;}
		.main_business.active .business_container ul li{position: relative;transform:translate(0);}
		.main_business.active .business_container ul li:nth-child(2){transition-delay:0.7s;}
		.main_business.active .business_container ul li:nth-child(3){transition-delay:0.5s;}
		.main_business.active .business_container ul li:nth-child(4){transition-delay:0.3s;}
		.main_business.active .business_container ul li:nth-child(5){transition-delay:0.1s;}

	/*wide*/
		.main_wide_bnr{margin:80px auto;}
		.main_wide_bnr a{display: block;font-size:0;}

	/*gallery*/
		.main_gallery{box-sizing:border-box;border-bottom:1px solid var(--black-color00);padding-bottom:80px;}
		.main_gallery .gallery_container{margin-top:30px;}
		.main_gallery .swiper-slide{}
		.main_gallery .swiper-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_gallery .swiper-slide .txt_info{margin-top:20px;}
		.main_gallery .swiper-slide .txt_info p{font-size:20px;color:var(--black-color00);font-weight:500;line-height:1.5;}

	/*partner*/
		.main_partner{margin:80px auto;}
		.main_partner .partner_container{margin-top:40px;}
		.main_partner .swiper-slide{box-sizing:border-box;border:1px solid #ddd;}
		.main_partner .swiper-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}		 
		.main_partner .swiper-slide .img{height:100px;display: flex;align-items: center;justify-content: center;overflow:hidden;}
		.main_partner .swiper-slide .img img{}

	@media only screen and (min-width:1024px){
		/*news*/
		.main_news .news02 ul li:hover .thumb:before, .main_news .news02 ul li:hover .thumb:after{opacity:1;}

		/*business*/
		.main_business .business_container ul li:hover .thumb:before, .main_business .business_container ul li:hover .thumb:after{opacity:1;}
	}
	
	@media only screen and (max-width:1600px){
		/*business*/
		.main_business .business_container ul li{width:calc(25% - 20px);}

	}
	@media only screen and (max-width:1300px){
		/*news*/
		/* .main_news .news01{width:550px;} */
        .main_news .news01 a{gap: 15px;}
		.main_news .news01 .txt_info p{font-size:26px;}
		/* .main_news .news02{width:calc(100% - 550px);} */
        .main_news .news02 ul li a{gap: 15px;}
		.main_news .news02 ul li .txt_info p{font-size: 26px;}
	}
	@media only screen and (max-width:1024px){
		/*top*/
		.main_top .ci_box img{height:46px;}
		.main_top .bnr_box{width:70%;}
		.main_top .bnr_box .bnr{height:0;padding-bottom:11%;}
			
		/*news*/
		.main_news .news01{width:100%;}
		.main_news .news01 .swiper-slide img{width:100%;}
		.main_news .news02{width:100%;padding:50px 0 0 0;}

		/*공통*/
		.main_title h3:before{top:9px;}

		/*business*/
		.main_business{margin-top:40px;padding:60px 0 90px 0;}
		.main_business .business_container ul li{transform:translate(0) !important;margin-right:20px;width:calc(33.3333% - 14px);}

		/*wide*/
		.main_wide_bnr{margin:60px auto;}

		/*gallery*/
		.main_gallery .swiper-slide .txt_info p{font-size:18px;}

		/*partner*/
		.main_partner .swiper-slide .img{height:70px;}
	}
	@media only screen and (max-width:860px){
		/*top*/
		.main_top .bnr_box{width:100%;margin-top:20px;}	
		.main_top .bnr_box .bnr{padding-bottom:13%;}

		/*공통*/
		.main_title h3{padding-left:26px;padding-right:20px;background-size:auto 15px;}
		.main_title h3:before{width:8px;height:8px;top:10px;}
		.main_title .arw_box{width:70px;}		

		/*business*/
		.main_business .business_container{margin-top:20px;}

		/*gallery*/
		.main_gallery{padding-bottom:60px;}
		.main_gallery .gallery_container{margin-top:20px;}
		.main_gallery .swiper-slide .txt_info{margin-top:12px;}
	}
	@media only screen and (max-width:640px){
		/*news*/
		.main_news .news01 .ci_box{padding-bottom:15px;}
		.main_news .news01 .ci_box img{height:20px;}
		.main_news .news01 .txt_info p{font-size:22px;}
        .main_news .news02 ul li .txt_info p{font-size: 22px;}

		/*business*/
		.main_business .business_container ul li{width:calc(50% - 10px);}
		.main_business .business_container ul li .txt p{font-size:18px;}
		.main_business .business_container ul li .txt span{font-size:14px;margin-top:6px;}

		/*wide*/
		.main_wide_bnr{margin:50px auto;}

		/*gallery*/
		.main_gallery .swiper-slide .txt_info p{font-size:16px;}

		/*partner*/
		.main_partner{margin:60px auto 80px;}
		.main_partner .partner_container{margin-top:25px;}
		.main_partner .swiper-slide .img{height:60px;}
	}	
	@media only screen and (max-width:500px){
		/*top*/
		.main_top .ci_box img{height:42px;}
		.main_top .bnr_box .bnr{width:100%;padding-bottom:18%;}
		.main_top .bnr_box .bnr + .bnr{margin:10px 0 0 0;}
			
		/*news*/
		.main_news .news01 .swiper-pagination-bullet{width:20px;height:20px;}
        .main_news .news01 a{gap: 10px;}
		.main_news .news01 .txt_info p{font-size:18px;}

		.main_news .news02{padding-top:40px;}
		.main_news .news02 ul{gap:15px 30px}
        .main_news .news02 ul li{width: calc(100% / 2 - 15px);}
        .main_news .news02 ul li a{gap: 10px;}
		.main_news .news02 ul li .txt_info p{font-size: 18px;}

		/*공통*/
		.main_title h3{padding-left: 23px;padding-right: 16px;background-size: auto 13px;}
		.main_title h3:before{width:6px;height:6px;top:9px;}
		.main_title .arw_box{width:60px;}
		.main_title .swiper_arw{width:25px;height:25px;background-size:90% auto !important;}	

		/*business*/
		.main_business{margin-top:25px;padding:50px 0 60px 0;}
		.main_business .business_container ul li{margin-right:10px;width:calc(50% - 5px);}
		.main_business .business_container ul li .txt{margin-top:12px;}
		.main_business .business_container ul li .txt p{font-size:16px;}
		.main_business .business_container ul li .txt span{font-size:13px;}

		/*wide*/
		.main_wide_bnr{margin:40px auto;}

		/*gallery*/
		.main_gallery{padding-bottom:30px;}
		.main_gallery .gallery_container{margin-top:15px;}
		.main_gallery .swiper-slide .txt_info{margin-top:8px;}
		.main_gallery .swiper-slide .txt_info p{font-size:14px;}

		/*partner*/	
		.main_partner .partner_container{margin-top:15px;}

	}
	@media only screen and (max-width:414px){
		.main_partner .swiper-slide .img{height:50px;}
		.main_news .news01 .swiper-pagination{bottom:10px;}
	}
	@media only screen and (max-width:375px){
		/*news*/
		.main_news .news01 .swiper-pagination{top:61vw;}	
	}
	@media only screen and (max-width:320px){
		/*news*/
		.main_news .news01 .swiper-pagination{top:59vw;}	
	}