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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;height:100%;width:100%;margin:0;padding:0; overflow:hidden;} 
		#wrap #container {width:100%;margin:0;padding:0; position:relative; z-index:1; background:#fff;}
			/* #container 안의 레이아웃 */
		#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
		#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
		#contents_wrap #contents_box {width:100%;padding:0 0 180px 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
		#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
			/* navigation layout */
		#contents_wrap .nav_wrap {box-sizing:border-box;}
			/* #content */
		#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
			/* 컨텐츠 전체 가로 사이즈 */
		.w_custom {position:relative; width:1380px;margin:0 auto; box-sizing:border-box;}

		#wrap .dn{display:none !important;}
		.for_m{display:none !important;}
		

	@media only screen and (max-width:1397px) {
		.w_custom{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:1217px) {
		#contents_wrap{width:calc(100% - 30px)}
		
	}
	@media only screen and (max-width:1023px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box{padding-bottom:140px;}
	}
	@media only screen and (max-width:860px) {
	}
	@media only screen and (max-width:767px) {
		#contents_wrap #side_box {display:none;}
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}
	}
	@media only screen and (max-width:640px) {
		.for_pct{display:none !important;}
		.for_m{display:block !important;}
		#contents_wrap #contents_box{padding-bottom:100px;}
	}
	@media only screen and (max-width:479px) {
	}
	@media only screen and (max-width:320px) {
		.w_custom, #contents_wrap{width:calc(100% - 20px);}
	}

/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		/* 메인상품진열 - 공통 */
		.main .list_cont {}
		.main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;}
		.main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;}
		.main .list_cont ul li a {display:block;height:100%;}
		.main .list_cont ul li .thumb {}
		.main .list_cont ul li .thumb img {max-width:100%;width:100%;}
		.main .list_cont ul li .info {}
		.main .list_cont ul li .info p {color:#333;line-height:1.2;}
		.main .list_cont ul li .info .name {font-size:14px;}
		/* 메인상품진열 - 갤러리형 */
		.main .list_Galleryform {}
		.main .list_Galleryform ul {text-align:left;} 
		.main .list_Galleryform ul li {width:calc(25% - 15px);}
		.main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;}
		.main .list_Galleryform ul li .thumb {}
		.main .list_Galleryform ul li .thumb img {}
		.main .list_Galleryform ul li .info {margin-top:10px;}
		.main .list_Galleryform ul li .info p {}
		.main .list_Galleryform ul li .info .name {}
		/* 메인상품진열 - 리스트형 */
		.main .list_Listform {}
		.main .list_Listform ul {} 
		.main .list_Listform ul li {width:calc(50% - 15px);}
		.main .list_Listform ul li a {width:100%;display:table;}
		.main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;}
		.main .list_Listform ul li .thumb,
		.main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
		.main .list_Listform ul li .thumb {}
		.main .list_Listform ul li .thumb img {}
		.main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;}
		.main .list_Listform ul li .info p {}
		.main .list_Listform ul li .info .name {}

	@media only screen and (max-width:860px) {
		/* 메인상품진열 - 갤러리형 */
		.main .list_Galleryform ul li {width:calc(50% - 15px);}
		.main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;}
		/* 메인상품진열 - 리스트형 */
		.main .list_Listform ul li {width:calc(100% - 15px);}
		.main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;}
		}

/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		/*** company/history (연혁) ***/
			/* 연도 */
		.sub_history.history1 .history_box .his_year .year strong {background:#4aabe6;}
		/* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#4aabe6;}
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #4aabe6;border-color:#4aabe6 !important;}

		/*** company/history2 (연혁2) ***/
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year strong {color:#4aabe6;}
		.sub_history.history2 .history_box .his_year .year strong::before {background:#4aabe6;}
		.sub_history.history2 .history_box .his_year .year strong::after {border-color:#4aabe6;}

		/*** company/history3 (연혁3) ***/
			/* 연도 */
		.sub_history.history3 .history_box table.history span {color:#49abe6;}

		/*** company/work (조직도1번) ***/
		.sub_chart.chart1 .chart .chart_box h3 + h3 {background:#ffa531;}

		/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
		.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;}
		.sub_chart.chart2 .chart h3:before{border-color:#0095da;}
		.sub_chart.chart2 .chart h4{border-color:#0095da;0 0 0 8px #f2fafd;}
		.sub_chart.chart2 .chart h3:after,
		.sub_chart.chart2 .chart h4:after,
		.sub_chart.chart2 .chart li.chart_side li h5:after{border-color:#0095da;}

	@media only screen and (max-width:479px) {
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:8px solid #4aabe6;}
	}

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

	 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;}
	
		#header {position:fixed;top:0;left:0;width:100%;z-index: 99;border-bottom: 1px solid rgba(255,255,255,0.2);transition:all 0.4s;}
			#header:before{position:absolute; content:''; top: 0; left:0; width:100%; height:0; background:#fff;  transition:all 0.4s;}
		#header .header_cont{position:relative;width: 94.64%;margin:0 auto;display:flex;align-items:center;height:120px;transition:all 0.4s;}
		#header .hd_logo{font-size:0;}
		#header .hd_logo a{display:block; width:98px; height:82px; background:url('../images/skin/hd_logo_wh.png') no-repeat top left; background-size:auto 100%; transition:all 0.4s;}

		#header .hd_lnb{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;font-size:0;}
		#header .hd_lnb > li{position:relative;display:inline-flex;height:100%;}
		#header .hd_lnb > li > a{display:inline-flex;align-items:center;height:100%;font-size:18px;font-weight: 300;color:#fff; padding: 0 1.75vw; transition:all 0.4s;}
		#header .hd_lnb .dep2{position:absolute;left:50%;top: calc(100% - 20px);width:100%;transform: translateX(-50%);background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.15);border-radius:20px;z-index: 2;padding: 41px 23px 35px;overflow:hidden;transition: all 1s;clip-path: circle(0 at 50% 0); opacity:0;}
			#header .hd_lnb .dep2:before{position:absolute; content:''; top:0; left:50%; transform:translateX(-50%);width:0; height:4px; background:#e23435; transition:all 0.7s;}
		#header .hd_lnb .dep2 > li{text-align: center;}
			#header .hd_lnb .dep2 > li + li{margin-top: 19px;}
		#header .hd_lnb .dep2 > li > a{font-size:18px; font-weight:300; color:#333; transition:all 0.4s;}

		#header .hd_right{position:absolute;top:50%;right:0;transform: translateY(calc(-50% + 0.5px));font-size: 0;}
		#header .menu-trigger{position:relative; display:inline-block; width:35px; height:27px;}
		#header .menu-trigger span{position:absolute; top:0; left:0; width:100%; height:3px; background:#fff; transition:all 0.4s;}
		#header .menu-trigger span:nth-child(2){top:50%;margin-top:-1.5px;width: 57%;}
		#header .menu-trigger span:nth-child(3){top:auto;bottom:0;width: 86%;}

		.scroll_top{position:fixed;right: 20px;bottom: 20px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#fff;width:60px;height:60px;border-radius:100%;background:#d73634;letter-spacing: -0.03em;box-sizing: border-box; cursor:pointer;}

		/* on */
			#header.on{}
				#header.on:before{height:100%; border-bottom:1px solid #ddd;}
			#header.on .header_cont{height:105px; }
			#header.on .hd_logo a{background-image:url('../images/skin/hd_logo.png');}
			#header.on .hd_lnb > li > a{color:#333; font-weight:500;}
			#header.on .menu-trigger span{background-color:#000;}

		/* over */
			@media only screen and (min-width:1024px) {
				#header.over{}
					#header.over:before{height:100%; border-bottom:1px solid #ddd;}
				#header.over .hd_logo a{background-image:url('../images/skin/hd_logo.png');}
				#header.over .hd_lnb > li > a{color:#333; font-weight:500;}
				#header.over .menu-trigger span{background-color:#000;}

				#header .hd_lnb > li:hover > a{color:#e23435;}
				#header .hd_lnb > li:hover .dep2{clip-path: circle(100% at 50% 50%); opacity:1;}
				#header .hd_lnb > li:hover .dep2:before{width:62px;}
				#header .hd_lnb .dep2 > li > a:hover{color:#31a5a8;}
				#header .menu-trigger:hover span{background-color:#31a5a8;}
				#header .menu-trigger:hover span:nth-child(2){left:calc(100% - 57%);}
				#header .menu-trigger:hover span:nth-child(3){left:calc(100% - 86%);}
			}
		
		@media only screen and (max-width:1397px) {
			#header .header_cont{width:calc(100% - 30px);}
		}
		@media only screen and (max-width:1023px) {
			#header .hd_lnb{display:none;}
			.scroll_top{width:50px;height:50px;font-size: 17px;right: 21px;bottom: 20px;}
		}
		@media only screen and (max-width:860px) {
		}
		@media only screen and (max-width:640px) {
			#header .header_cont{height:69px;}
				#header.on .header_cont{height:60px;}
			#header .hd_logo a{width:57px; height:48px;}
				#header.on .hd_logo a{height:44px;}
			#header .menu-trigger{width:30px; height:25px;}
			#header .menu-trigger span{height:2px;}
			#header .menu-trigger span:nth-child(2){margin-top:-1px; width:67%;}
		}

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

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

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#aside{position:fixed;width:100%;height:100%;z-index: -1;clip-path: ellipse(0 0 at 50% 50%);transition: all 1.5s;background:#000;}
			#aside.on {clip-path: ellipse(100% 100% at 50% 50%);z-index: 999;}

		#aside .aside_bg{position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/skin/aside_bg.jpg') no-repeat center; background-size:cover; /* animation:visualThumb 2s ease alternate infinite;  */z-index:-1;}

		#aside .aside_box{position:relative;width:100%;height:100%;overflow-X:hidden;overflow-Y:auto;padding: 69px 0;box-sizing:border-box;}
		#aside .hd_lnb{position:absolute;top: 12%;left:50%;transform:translateX(-50%);display:flex;width: 72.5%; align-items:flex-start; text-align:left;}
		#aside .hd_lnb li a{position:relative;display:block;line-height:150%;letter-spacing: -0.03em;transition:all 0.4s;box-sizing: border-box;}
		#aside .hd_lnb > li{width: 100%; padding-right: 30px; box-sizing: border-box;}
		#aside .hd_lnb > li > a{font-size:40px; font-weight:500; color:#fff; }
		#aside .hd_lnb .dep2{margin-top: 2.05vw;}
		#aside .hd_lnb .dep2 > li{}
			#aside .hd_lnb .dep2 > li + li{margin-top: 1.58vw;}
		#aside .hd_lnb .dep2 > li > a{font-size:20px;font-weight:300;color:#fff;letter-spacing: -0.02em;}
		#aside .hd_lnb .dep3{margin-top: 1.3vw;padding-bottom: 15px;}
		#aside .hd_lnb .dep3 > li{}
			#aside .hd_lnb .dep3 > li + li{margin-top: 1.04vw;}
		#aside .hd_lnb .dep3 > li > a{font-size:16px;font-weight:300;color:#aaa;line-height:187%;padding-left: 12px;}
			#aside .hd_lnb .dep3 > li > a:before{position:absolute; top:0; left:0; content:'-';}
		#aside .close_btn{position:absolute;top: 44px;right: 55px;width: 33px;height: 33px;}
		#aside .close_btn span{position:absolute;top:50%;left:50%;transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(45deg);width:100%;height:2px;background:#fff;}
		#aside .close_btn span + span{transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(-45deg);}

		/* over */
			@media only screen and (min-width:1024px) {
				#aside .hd_lnb > li:hover > a{color:#d73634;}
				#aside .hd_lnb .dep2 > li:hover > a{color:#30a4a8;}
				#aside .hd_lnb .dep3 > li:hover > a{color:#fff;}
			}
		
		@media only screen and (max-width:1700px) {
			#aside .hd_lnb{width:90%;}
		}
		@media only screen and (max-width:1397px) {
			#aside .close_btn{top:30px; right:35px;}
			#aside .hd_lnb{width:calc(100% - 60px);}
			#aside .hd_lnb > li > a{font-size:2.85vw;}
			#aside .hd_lnb .dep3 > li > a{font-size:15px;}
		}
		@media only screen and (max-width:1023px) {
			#aside .close_btn{top:25px; right:30px;}
			#aside .hd_lnb > li{padding-right:15px;}
			#aside .hd_lnb > li > a{font-size:29px;}
			#aside .hd_lnb .dep3 > li > a{font-size:14px;}
		}
		@media only screen and (max-width:860px) {
			#aside .close_btn{top:20px; right:25px;}
			#aside .hd_lnb{flex-wrap:wrap;}
			#aside .hd_lnb > li{width:calc(100% / 3);}
				#aside .hd_lnb > li:nth-child(n+4){margin-top:15px;}
			#aside .hd_lnb > li > a{font-size:25px;font-weight: 300;}
			#aside .hd_lnb .dep3 > li > a{font-size:14px;}
		}
		@media only screen and (max-width:640px) {
			#aside .close_btn{top: 22px;right: 11px;width: 22px;height: 22px;}
			#aside .close_btn span{height:1px;}
			#aside .hd_lnb{display:block; position:static; transform:none; margin:0 auto;}
			#aside .hd_lnb > li{width:100%; padding-right:0;}
			#aside .hd_lnb .dep2{display:none;}
			#aside .hd_lnb > li:nth-child(n+2){margin-top:38px;}
			#aside .hd_lnb > li.child > a{padding-right:40px;}
				#aside .hd_lnb > li.child > a:before{position:absolute; content:''; top:50%; transform:translateY(calc(-50% - 0.5px)); right:0; width:17px; height:1px; background:#fff; transition:all 0.4s;}
				#aside .hd_lnb > li.child > a:after{position:absolute; content:''; top:50%; transform:translateY(calc(-50% - 0.5px)); right:8px; width:1px; height:17px; background:#fff; transition:all 0.4s;}
			#aside .hd_lnb .dep2{margin-top:16px;}
			#aside .hd_lnb .dep2 > li + li{margin-top:20px;}
			#aside .hd_lnb .dep3{margin-top:16px; padding-bottom:0;}
			#aside .hd_lnb .dep3 > li + li{margin-top:14px;}
			#aside .hd_lnb .dep3 > li > a{padding-left:11px;}
				/* on */
					#aside .hd_lnb > li.child > a.on{color:#d73634;}
					#aside .hd_lnb > li.child > a.on:after{opacity:0;}
		}
		@media only screen and (max-width:374px) {
			#aside .hd_lnb > li > a{font-size:23px;}
			#aside .hd_lnb > li:nth-child(n+2){margin-top:25px;}
			#aside .hd_lnb .dep2 > li > a{font-size:18px;}
			#aside .hd_lnb .dep2 > li + li{margin-top:15px;}
			#aside .hd_lnb .dep3 > li > a{font-size:13px;}
			#aside .hd_lnb .dep3 > li + li{margin-top:8px;}
		}

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

	 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

───────────────────────────────────────────────────────────*/
	/* *PC 일반 **/
		#wrap .swiper-button-next:after, #wrap .swiper-button-prev:after{display:none;}
		/* visual */
			#wrap .main_visual, #wrap .main_visual .slick-slide{position:relative; height:960px; overflow:hidden;}
			#wrap .main_visual {background:#000;}
			#wrap .main_visual .slick-slide {}
			#wrap .main_visual .slick-slider .slick-track, #wrap .main_visual .slick-slider .slick-list{transform: translate3d(0, 0, 0); transition-delay: 10ms;}

			.main_visual .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
			.main_visual .thumb{width:100%; height:100%; animation:visualThumb 2s ease alternate infinite;}

				@keyframes visualThumb { 0%{transform:scale(1) rotate(0) rotateY(0); opacity:1;} 100%{transform:scale(1.03) rotateY(0.01turn); opacity:0.95;} }

			.main_visual .txt_box{position:absolute;left:50%;top: 45.3%;transform:translate(-50%, -50%); z-index:2;}
			.main_visual .txt_box h2{font-size:80px;font-weight: bold;color:#fff;line-height:125%;}
			.main_visual .txt_box .TxtAni{opacity:0; color:#58c0ca; transform:translateX(100px) scale(1.1); transition:all 2s; }
			.main_visual .active .txt_box .TxtAni{opacity:1; transform:translateX(0) scale(1); color:#fff;}
			
			.main_visual .slick-arrow{position:absolute;top: 50%;transform:translateY(-50%);font-size: 18px;font-weight:300;color:#fff;writing-mode: vertical-rl;font-family: inherit;letter-spacing: 0.03em;width: 50px;height: 100px;display: inline-flex;align-items: center;justify-content: center;}
				.main_visual .slick-arrow:before{position:absolute; content:''; width:0; height:0; background:#fff0; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:100%; opacity:0; transition:all 0.8s;}

			.main_visual .slick-arrow.prev{left: 1.8%;transform: rotate(-90deg);}
			.main_visual .slick-arrow.next{right: 1.8%;top: 50%;transform: rotate(-90deg);}
			.main_visual .controller{position:absolute;left:50%;bottom: 16.5%;transform:translateX(-50%);display:inline-flex;align-items:center;}
			.main_visual .controller .circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-right: 31px;}
			.main_visual .controller .circle svg{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80px; height:80px;}
			.main_visual .controller .circle svg circle{stroke:rgba(255,255,255,0.2); stroke-width:6px; fill:none; cx:40; cy:40; r:37;}
			.main_visual .controller .circle svg.progress{transform: translate(-50%, -50%) rotate(-90deg);}
			.main_visual .controller .circle svg.progress circle{stroke:#58c0ca; stroke-dashoffset:232; stroke-dasharray:232; }
			.main_visual .controller .circle.active svg.progress circle{animation: circle-progress linear; animation-fill-mode:both }

			@keyframes circle-progress { 0% {stroke-dashoffset: 232; opacity:1;}  99% {stroke-dashoffset: 0; opacity:1;} 100%{opacity:0;} }

			.main_visual .controller .slickBtn{position:relative;display:inline-block;width:8px;height:10px;cursor:pointer;font-size: 0;}
				.main_visual .controller .slickBtn:before{position:absolute;content:'';top:0;left:0;width:2px;height:100%; background:#fff; }
				.main_visual .controller .slickBtn:after{position:absolute; content:''; top:0; right:0; width:2px; height:100%; background:#fff; } 
				.main_visual .controller .slickBtn.play:before{border:6px solid #fff0;border-left: 10px solid #fff;width:auto;height:auto; background:none !important; transition:none;}
				.main_visual .controller .slickBtn.play:after{display:none;} 
			.main_visual .count{display:inline-flex; align-items:center;}
			.main_visual .count span{font-size:18px;font-weight: bold;color: rgba(255,255,255,0.3);}
			.main_visual .count span.slideCountItem{color:#fff;}
			
			/* over */
				@media screen and (min-width:1024px) {
					.main_visual .slick-arrow:hover:before{animation:slick-arrow 2s infinite;}
					
					@keyframes slick-arrow { 0%{width:0; height:0; opacity:0; background:#fff0; border-color:rgba(255,255,255,0.5);} 50%{width:180px; height:180px; opacity:1; background:#fff0; border-color:rgba(255,255,255,0.5);} 100%{width:200px; height:200px; opacity:0; background:#58c0ca; border-color:#58c0ca;} }

					.main_visual .controller .slickBtn:hover:before, .main_visual .controller .slickBtn:hover:after{background-color:#d73634;}
					.main_visual .controller .slickBtn.play:hover:before{border-left-color:#d73634;}
				}
			
		/* 공통 */
			.main_title{position:relative;}
				.main_title.cen{text-align:center;}
				.main_title.hd{padding-top: 148px;}
			.main_title h2{font-size:70px; font-weight:500; color:#111;}
			.main_title h3{font-size:60px;font-weight:500;color:#111;letter-spacing: -0.035em;}
				.main_title h3 + p{margin-top: 23px;}
			.main_title h3 a{font-size:inherit; font-weight:inherit; color:inherit;}
			.main_title h6{font-size:24px;font-weight:500;color:#333;letter-spacing: -0.03em;}
				.main_title h6 + h2{margin-top: 1.9vw;}
			.main_title h6 strong{font-size:inherit; font-weight:inherit; color:#30a4a8;}
			.main_title p{font-size:20px;font-weight:300;color: #666;line-height:170%;letter-spacing: -0.05em;}
			.main_more_btn{display:inline-block;}
			.main_more_btn span{display:flex;align-items:center;justify-content:center;width:200px;height:70px;font-size:16px;font-weight:300;color:#333;border:2px solid #aaa;border-radius:35px;box-sizing: border-box;padding-top: 2px; transition:all 0.4s;}

			.main_content .main_swiper_arr{position:absolute; top:50%; transform:translateY(-50%); margin:0; font-size:0; width:60px; height:60px; border:1px solid #fff; border-radius:100%; box-sizing:border-box; left:auto; right:calc(100% + 30px); background:none; transition:all 0.4s;}
				.main_content .main_swiper_arr:before{position:absolute;content:'';width: 11px;height: 11px;border:2px solid #fff0;border-top-color:#fff;border-left-color:#fff;top:50%;left: 57%;transform: translate(-50%, -50%) rotate(-45deg); transition:all 0.4s;}
				.main_content .main_swiper_arr.swiper-button-next{right:auto; left:calc(100% + 30px);}
				.main_content .main_swiper_arr.swiper-button-next:before{transform: translate(-50%, -50%) rotate(-45deg) scale(-1);left: 45%;}

			/* over */
				@media screen and (min-width:1024px) {
					.main_swiper_arr:hover{background-color:#31a5a8; border-color:#31a5a8; }
				}

		/* 사업소개 */
			.main_business{padding-bottom:200px; overflow:hidden;}
			.main_business .bizSwiper{margin-top: 69px;padding: 0 370px;box-sizing:border-box;position: relative; overflow:visible;}
			.main_business .bizSwiper .swiper-slide{position:relative; border-radius:20px; overflow:hidden; transition:all 0.4s;}
			.main_business .bizSwiper .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
			.main_business .bizSwiper dl{position:relative;}
			.main_business .bizSwiper dl dt{font-size:0;}
			.main_business .bizSwiper dl dt img{transition:all 0.4s;}
			.main_business .bizSwiper dl dd{position:absolute;left: 39px;bottom: 38px;font-size:28px;font-weight: 500;color:#fff;line-height:157%;width: calc(100% - 180px);opacity:0;transform:translateX(50px);transition:all 0.8s;transition-delay:0.4s;letter-spacing: -0.025em;display: flex;align-items: center;}
			.main_business .bizSwiper .more_arr{position:absolute;right: 40px;bottom: 50px;width:70px;height:70px;border-radius:100%;background:#d73634 url('../images/skin/main_more_arr.png') no-repeat center;font-size:0;opacity:0;transform:rotate(0); transition:all 0.8s;}

			
			/* active */
				.main_business .bizSwiper .swiper-slide-active{}
				.main_business .bizSwiper .swiper-slide-active dl dd{opacity:1; transform:translateX(0);}
				.main_business .bizSwiper .swiper-slide-active .more_arr{opacity:1; transform:rotateY(1turn); box-shadow:0 0 20px rgba(0,0,0,0.2);}

			/* over */
				@media screen and (min-width:1024px) {
					.main_business .bizSwiper .swiper-slide:hover dl dt img{transform:scale(1.05);}
					.main_business .bizSwiper .swiper-slide:hover .more_arr{background-color:#31a5a8; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all 0.4s; }
				}

		/* 제품 소개 */
			.main_prod{position:relative; width:100%; display:flex; align-items:center; padding-bottom:160px; overflow:hidden;}
				.main_prod:before{position:absolute;content:'';width: 86.3%;height: 59%;background:#f5f5f5;bottom:0;right:0;}
			.main_prod .List_wrap{position:relative;width: 42.67%;padding: 193px 30px 195px 0;background:#222;box-sizing: border-box;}
			.main_prod .List_wrap .swiper_arr{position:absolute;left: 48.3%;right:auto;transform: translateX(-50%) rotate(45deg);top: 27.8%;width: 12px;height: 12px;border:2px solid #fff0;border-top-color:#fff;border-left-color:#fff;background: none; transition:all 0.4s;}
			.main_prod .List_wrap .swiper_arr.swiper-button-next{top: auto;bottom: 24.3%;transform: translateX(-50%) rotate(45deg) scale(-1);}
			.main_prod .ProdSwiperList{position:relative; width:100%; height:300px; overflow:hidden; }
			.main_prod .ProdSwiperList .swiper-wrapper{height:auto; transition-duration:400ms !important;}
			.main_prod .ProdSwiperList .swiper-slide{text-align:center;font-size:22px;font-weight: 500;color:#aaa;display:flex;align-items:center;justify-content:center;transition:all 0.4s;border-bottom: 2px solid #fff0;letter-spacing: 0;box-sizing: border-box;cursor:pointer;word-break:break-all;padding: 2px 30px;}
			.main_prod .ProdSwiperList:before{position:absolute; content:''; width:100%; height:100px; background:#30a4a8; border-bottom:2px solid #8fe9f4; box-sizing:border-box; top:50%; transform:translateY(-50%); left:0;}
			.main_prod .ProdSwiperList .swiper-slide.swiper-slide-active{color:#fff; /* background:#30a4a8; border-color:#8fe9f4; */}

			.main_prod .ProdSwiper{width: calc(57.33% + 15.2vw); margin-left: -15.2vw;overflow:visible;}
			.main_prod .ProdSwiper .swiper-slide{display:flex;opacity:0 !important;pointer-events:none;}
				.main_prod .ProdSwiper .swiper-slide.swiper-slide-active{opacity:1 !important; pointer-events:inherit;}
			.main_prod .ProdSwiper .swiper-slide .link{position:absolute; top:0; left:0; width:0; height:100%; z-index:2;}
			.main_prod .ProdSwiper .thumb{width:500px; height:500px; border-radius:20px; overflow:hidden; box-shadow:0 0 30px rgba(0,0,0,0.2);}
			.main_prod .ProdSwiper .thumb img{width:100%; height:100%; object-fit:cover;}
			.main_prod .ProdSwiper .main_title{position:relative; width:calc(100% - 500px);padding: 3vw 30px 0 4.2vw;box-sizing: border-box;}
			.main_prod .ProdSwiper .main_title h2 + span{display:block; margin-top: 1.85vw;}
			.main_prod .ProdSwiper .main_title p{color:#333;}
			.main_prod .ProdSwiper .main_title .main_more_btn{position:absolute;left: 4.2vw;bottom:20px;}
			.main_prod .ProdSwiper .swiper-pagination{position:absolute;font-size:0;z-index: -1;display: inline-block;width: auto;right: -31px;text-align: right;bottom:38.5%;line-height: 1;}
			.main_prod .ProdSwiper .swiper-pagination .swiper-pagination-current{font-size:340px;font-weight: bold;color: #f5f5f5; transition:all 0.4s;}

			/* over */
				@media screen and (min-width:1024px) {
					.main_prod .List_wrap .swiper_arr:hover{border-top-color:#d73634; border-left-color:#d73634;}
					.main_prod .ProdSwiper .swiper-slide .main_more_btn:hover span{border-color:#d73634; background:#d73634; color:#fff;}
				}
				

		/* 인증 및 특허 */
			.main_patent{position:relative;padding-top: 49px;z-index: 2;}
				.main_patent:before{position:absolute;content:'';width:239px;height:318px;background:url('../images/skin/main_patent_icon01.png') no-repeat center;background-size:100%;top: -4.6%;right: 19.4%;/* animation: UpDown 1.5s infinite alternate; */z-index: -1;}
				.main_patent:after{position:absolute;content:'';width:335px;height:325px;background:url('../images/skin/main_patent_icon02.png') no-repeat center;background-size:100%;top: 21%;left: 16%;/* animation: DownUp 1.5s infinite alternate; */z-index: -1;}

				@keyframes UpDown {0% {transform:scale(0.9) translate(-50px, 50px);}100% {transform:scale(1) translate(0, 0);}}
				@keyframes DownUp {0% {transform:scale(0.9) translate(50px, -50px);}100% {transform:scale(1) translate(0, 0);}}

			.main_patent .PatentSwiper{position:relative;padding: 131px 23vw 229px 9.5vw;box-sizing:border-box;}
			.main_patent .PatentSwiper .swiper-slide{transform:scale(1);padding: 24px 15px 0;box-sizing:border-box;transition: all 0.4s;} 
			.main_patent .PatentSwiper dl{text-align:center; padding:5px; transition:all 0.4s;}
			.main_patent .PatentSwiper dl dt{position:relative;font-size:0;}
				.main_patent .PatentSwiper dl dt:before{position:absolute;content:'';width: calc(100% + 6px);height:0;border-radius: 6px;background: linear-gradient(125deg, rgba(89,192,202,1) 0%, rgba(215,54,52,1) 100%);top: -4px;left: -3px;box-sizing:border-box;transition:all 1s;transition-delay:0.2s;}
			.main_patent .PatentSwiper dl dt span{position:relative;display:block;border-radius:10px;overflow: hidden;z-index:2;height: 15.2vw;box-shadow:0 0 20px rgba(0,0,0,0.15);}
			.main_patent .PatentSwiper dl dt span img{width:100%; height:100%; object-fit:cover;}
			.main_patent .PatentSwiper dl dd{font-size: 13.5px;font-weight:300;color:#fff;letter-spacing:-0.03em;overflow:hidden;background:#d73634;border-radius: 15px;opacity:0;transition:all 0.4s;line-height: 145%;}

			#wrap .main_content .PatentSwiper .main_swiper_arr{left:50%;right:auto;border-color:#ddd;background-color:#fff;top: 43%;transform: translate(-50%, -50%);}
				#wrap .main_content .PatentSwiper .main_swiper_arr:before{border-top-color:#aaa; border-left-color:#aaa;}
				#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-prev{margin-left: -11vw;}
				#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-next{margin-left: 11vw;}

			/* active */
				.main_patent .PatentSwiper .swiper-slide.swiper-slide-active{transform:scale(1.33);margin: 0 6.8vw;padding-top: 0;}

				.main_patent .PatentSwiper .swiper-slide-active dl dt:before{height: calc(100% + 8px);}
				.main_patent .PatentSwiper .swiper-slide-active dl{background:#d73634;border-radius: 8px 8px 15px 15px;padding: 3px;}
				.main_patent .PatentSwiper .swiper-slide-active dl dt{}
				.main_patent .PatentSwiper .swiper-slide-active dl dt span{border-radius: 4px;box-shadow:none;}
				.main_patent .PatentSwiper .swiper-slide-active dl dd{padding: 13px 0 8px;opacity:1;}

			/* over */
				@media screen and (min-width:1024px) {
					#wrap .main_content .PatentSwiper .main_swiper_arr:hover{border-color:#000;}
					#wrap .main_content .PatentSwiper .main_swiper_arr:hover:before{border-top-color:#000; border-left-color:#000;}
				}

	/* 공지 & 뉴스 */
		.main_notice{background:rgba(244,248,248,0.8);padding-bottom:130px;padding-top: 3px;}
		.main_notice .main_title.hd{display:flex; align-items:center;}
		.main_notice .main_title.hd h3{margin-right:38px;}
		.main_notice .main_title.hd p{margin: 0;}
		.main_notice .main_title.hd .more_plus{position:absolute;bottom: 5%;right:0;width:60px;height:60px;background:#fff;border-radius:100%;font-size:0;transition:all 0.4s;}
			.main_notice .main_title.hd .more_plus:before{position:absolute; content:''; width:24px; height:2px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
			.main_notice .main_title.hd .more_plus:after{position:absolute; content:''; width:2px; height:24px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
		.main_notice .cont{margin-top: 46px;}
		.main_notice .board_ul{border-top: 2px solid #eee;}
		.main_notice .board_li{position:relative;border-bottom: 2px solid #eee;padding: 37px 100px 28px 215px;box-sizing:border-box;}
		.main_notice .board_li .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
		.main_notice .board_li dl{}
		.main_notice .board_li dl dt{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:26px;font-weight:bold;color:#d7e3e4;letter-spacing: -0.06em;}
		.main_notice .board_li dl dd{display:inline-block;position:relative;font-size:22px;font-weight:500;color:#333;letter-spacing: -0.04em; max-width:100%;}
			.main_notice .board_li dl dd:before{position:absolute;content:'';left:0;bottom: 0;width:0;height:2px;background:#000;transition:all 0.4s;}
		.main_notice .board_li dl dd span{display:inline-block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;}
		.main_notice .board_li .more_arr{position:absolute; top:50%; transform:translateY(-50%); right:40px; width:22px; height:18px; background:url('../images/skin/main_more_arr_bk.png') no-repeat center; font-size:0;}

		/* over */
			@media screen and (min-width:1024px) {
				.main_notice .main_title.hd .more_plus:hover{background:#30a4a8;}
				.main_notice .main_title.hd .more_plus:hover:before, .main_notice .main_title.hd .more_plus:hover:after{background:#fff;}
				.main_notice .board_li:hover dl dd:before{width:100%;}
			}


	@media only screen and (max-width:1800px){
	}
	@media only screen and (max-width:1600px){
		.main_visual .txt_box, .main_visual .controller{width:calc(100% - 200px);}

		.main_content .main_swiper_arr{left:10px; right:auto;}
		.main_content .main_swiper_arr.swiper-button-next{left:auto; right:10px;}

		.main_prod .ProdSwiper .main_title p{display:inline; margin-right:4px; max-width:100%;}

	}
	@media only screen and (max-width:1397px){
		#wrap .main_visual, #wrap .main_visual .slick-slide{height:68.7vw; min-height:700px;}
		.main_visual .txt_box h2{font-size:5.72vw;}

		.main_title h2{font-size:5vw;}
		.main_title h3{font-size:4.3vw;}
		.main_title h6{font-size:22px;}
		.main_title p{font-size:19px;}
		.main_more_btn span{width:190px; height:65px;}

		.main_business{padding-bottom:150px;}
		.main_business .bizSwiper{padding:0 26.5vw;}
		.main_business .bizSwiper dl dd{font-size:26px;}

		.main_prod .ProdSwiperList .swiper-slide{font-size:20px;}
		.main_prod .ProdSwiper .thumb{width:35.79vw; height:35.79vw;}
		.main_prod .ProdSwiper .main_title{width:calc(100% - 35.79vw);}
		.main_prod .ProdSwiper .swiper-pagination .swiper-pagination-current{font-size:24vw;}

		.main_patent:before{width:17.1vw;height:22.8vw;right: 3%;}
		.main_patent:after{width:24vw;height:23.3vw;left: 3%;}
		.main_patent .PatentSwiper{padding: 9.5vw 17vw 16vw 3.5vw;}
		.main_patent .PatentSwiper dl dt span{height: 18vw;}
		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-prev{margin-left: -12.6vw;}
		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-next{margin-left: 12.7vw;}

		.main_notice .board_li{padding:37px 100px 28px 200px;}
		.main_notice .board_li dl dt{font-size:24px;}
		.main_notice .board_li dl dd{font-size:20px;}
	}
	@media only screen and (max-width:1217px){
		.main_title p{font-size:18px;}
		.main_title h6{font-size:21px;}
		.main_more_btn span{width:180px; height:60px;}
		.main_content .main_swiper_arr{width:55px; height:55px;}

		.main_business .bizSwiper dl dd{font-size:24px;}
		.main_business .bizSwiper .more_arr{width:60px; height:60px; bottom:45px;}

		.main_prod .ProdSwiperList .swiper-slide{justify-content:flex-start; padding:0 30px;}
		.main_prod .List_wrap{padding:16vw 0;}
		.main_prod .ProdSwiperList{height:250px;}
		.main_prod .ProdSwiperList:before{height:6.85vw;}
		.main_prod .ProdSwiperList .swiper-slide{font-size:18px;}
		.main_prod .List_wrap .swiper_arr{left:17%; transform:rotate(45deg);}
		.main_prod .List_wrap .swiper_arr.swiper-button-next{transform:rotate(45deg) scale(-1);}
		.main_prod .ProdSwiper{margin-left:-24vw; width:calc(57.33% + 24vw)}

		.main_patent .PatentSwiper{padding: 9.5vw 25vw 16vw 11.5vw;}
		.main_patent .PatentSwiper dl dt span{height: 25vw;}
		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-prev{margin-left: -15.5vw;}
		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-next{margin-left: 15.9vw;}

		.main_notice .board_li{padding:37px 100px 28px 190px;}
		.main_notice .board_li dl dt{font-size:23px;}
		.main_notice .board_li dl dd{font-size:19px;}
		.main_notice .main_title.hd .more_plus:before{width:22px;}
		.main_notice .main_title.hd .more_plus:after{height:22px;}
	}
	@media only screen and (max-width:1023px){
		.main_title.hd{padding-top:120px;}
		.main_title h3 + p{margin-top:21px;}
		.main_title h6{font-size:20px;}
		.main_title p{font-size:17px;}

		.main_business{padding-bottom:130px;}
		.main_business .bizSwiper dl dd{font-size:22px; width:calc(100% - 130px);}

		.main_prod .ProdSwiperList{height:230px;}
		.main_prod .ProdSwiperList .swiper-slide{font-size:17px;}

		.main_notice .main_title.hd h3{margin-right:30px;}

		.main_visual .slick-arrow{writing-mode: inherit; transform: translateY(-50%) rotate(90deg);display:none!important;}}
		.main_visual .slick-arrow.prev{transform: rotate(-90deg); top:50%; 
		.main_visual .slick-arrow.next{}
	}
	@media only screen and (max-width:975px){
		.main_more_btn span{width:160px; height:55px; font-size:15px;}

		.main_business .bizSwiper dl dd{left:30px; bottom:30px;}
		.main_business .bizSwiper .more_arr{width:50px; height:50px; right:30px; bottom:30px;}

		.main_prod{display:block;}
			
		.main_prod .List_wrap{position:relative; width:100%; padding:60px 0 60px;}
		.main_prod .ProdSwiperList{height:auto; width:calc(100% - 80px);}
			.main_prod .List_wrap:before{position:absolute;content:'';width: 30%;height: 100%;background: linear-gradient(90deg, rgba(34,34,34,1) 30%, rgba(34,34,34,0) 100%);top:0;left:0;z-index:3;pointer-events: none;}
			.main_prod .List_wrap:after{position:absolute;content:'';width: 30%;height: 100%;background: linear-gradient(-90deg, rgba(34,34,34,1) 30%, rgba(34,34,34,0) 100%);top:0;right:0;z-index:3;pointer-events: none;}
		.main_prod .ProdSwiperList .swiper-slide{height:60px;border:0;justify-content:center;padding: 2px 15px;font-size:16px;}
		.main_prod .List_wrap .swiper_arr, .main_prod .List_wrap .swiper_arr.swiper-button-next{top:62%;}
		.main_prod .List_wrap .swiper_arr{left:30px; transform:translateY(-50%) rotate(315deg);}
		.main_prod .List_wrap .swiper_arr.swiper-button-next{left:auto; bottom:auto; right: 30px; transform:translateY(-50%) rotate(315deg) scale(-1);}

		.main_prod{padding-bottom:100px;}
			.main_prod:before{height:39%;}
		.main_prod .ProdSwiper{width:calc(100% - 75px); margin:80px auto 0;}
		.main_prod .ProdSwiper .thumb{width:40vw; height:40vw;}
		.main_prod .ProdSwiper .main_title{width:calc(100% - 40vw); padding-right:0;}
		.main_prod .ProdSwiperList:before{height:100%; top:0; left:50%; transform:translateX(-50%); width:calc(100% / 3)}
		
	}
	@media only screen and (max-width:860px){
		.main_visual .txt_box, .main_visual .controller{width:calc(100% - 150px);}

		.main_title.hd{padding-top:100px;}
		.main_title h6{font-size:19px;}
		.main_title p{font-size:16px;line-height:153%;letter-spacing: -0.02em;}
		.main_more_btn span{width:140px; height:50px; font-size:14px;}

		.main_content .main_swiper_arr{width:50px; height:50px;}
		.main_content .main_swiper_arr:before{width:8px; height:8px; border-radius:2px;}

		.main_business .bizSwiper dl dd{font-size:20px;}
		.main_business .bizSwiper .more_arr{width:45px; height:45px; background-size:15px auto;}

		.main_patent .PatentSwiper{padding: 16.5vw 40vw 24vw 27.5vw;}
		.main_patent .PatentSwiper dl dt span{height: 40vw;}
		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-prev{margin-left: -26.1vw;}
		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-next{margin-left: 26.1vw;}

		.main_notice .board_li{padding:37px 100px 28px 170px;}
		.main_notice .board_li dl dt{font-size:21px;}
		.main_notice .board_li dl dd{font-size:18px;}
		.main_notice .main_title.hd .more_plus{width:50px; height:50px;}
		.main_notice .main_title.hd .more_plus:before{width:20px;}
		.main_notice .main_title.hd .more_plus:after{height:20px;}
	}
	@media only screen and (max-width:767px){
		.main_title h6{font-size:17px;}
		.main_title p{font-size:15px;}
		.main_business .bizSwiper dl dd{font-size:18px;}
	}
	@media only screen and (max-width:700px){
		.main_visual .txt_box h2{font-size:40px;}

		.main_title h2{font-size:35px;}
		.main_title h3{font-size:30px;}
		.main_title p{max-width:83%; margin-left:auto; margin-right:auto;}
		.main_title p br{display:none;}
	}
	@media only screen and (max-width:640px){
		.main_visual .slick-arrow{display:none !important;}
		.main_visual .txt_box, .main_visual .controller{width:calc(100% - 60px);}
		.main_visual .controller{bottom:9.5%;}
		.main_visual .controller .circle{width:50px; height:50px; margin-right:20px;}
		.main_visual .controller .circle svg{width:50px; height:50px;}
		.main_visual .controller .circle svg circle{r:23; stroke-width:4px; cx:25; cy:25;}
		.main_visual .controller .slickBtn{width:6px; height:8px;}
		.main_visual .controller .slickBtn.play:before{border-width:4px; border-left-width:8px;}
		.main_visual .count span{font-size:13px;}
		.main_visual .controller .circle svg.progress circle{stroke-dashoffset:145; stroke-dasharray:145;}
		@keyframes circle-progress { 0% {stroke-dashoffset: 145; opacity:1;}  99% {stroke-dashoffset: 0; opacity:1;} 100%{opacity:0;} }

		.main_title.hd{padding-top:72px;}
		.main_title h6 + h2{margin-top: 22px;}
		.main_title h6{font-size:15px;letter-spacing: 0;}
		.main_more_btn span{font-size:13px;}

		.main_content .main_swiper_arr{display:none; width:40px; height:40px;}
		.main_content .main_swiper_arr:before{width: 7px;height: 7px;border-width: 1px;}

		.main_business{padding-bottom:100px;}
		.main_business .bizSwiper{padding:0 10vw; margin-top:45px;}
		.main_business .bizSwiper .swiper-slide{border-radius:10px;}

		.main_prod:after{position:absolute;content:'';width:100%;height: 36%;top:0;left:0;background:#222;z-index:-1;}
		.main_prod:before{height: 31%;width: 100%;}
		.main_prod .List_wrap{padding-bottom:40px;}
		.main_prod .List_wrap .swiper_arr, .main_prod .List_wrap .swiper_arr.swiper-button-next{top: 72%;width: 6px;height: 6px;border-width: 1px;}
		.main_prod .List_wrap .swiper_arr{left: 17px;}
		.main_prod .List_wrap .swiper_arr.swiper-button-next{right: 17px;}
		.main_prod .ProdSwiperList{width: calc(100% - 15px);}
		.main_prod .ProdSwiperList .swiper-slide{font-size:15px;font-weight: 300;padding: 0 15px;height: 50px;}

		.main_prod .ProdSwiper{margin-top:0;}
		.main_prod .ProdSwiper .swiper-slide{display:block;}
		.main_prod .ProdSwiper .thumb{width:100%;height:auto;padding-bottom: 100%;position: relative;border-radius: 10px;box-shadow: 0 0 15px rgba(0,0,0,0.2);}
		.main_prod .ProdSwiper .thumb img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
		.main_prod .ProdSwiper .main_title{width:100%;padding: 48px 0 0 0;}
		.main_prod .ProdSwiper .main_title h2 + span{margin-top: 29px;}
		.main_prod .ProdSwiper .main_title .main_more_btn{position:static;margin-top: 45px;}
		.main_prod .ProdSwiper .swiper-pagination{right: -50px;bottom: 22.5%;}
		.main_prod .ProdSwiper .swiper-pagination .swiper-pagination-current{font-size:170px;}

		#wrap .main_content .PatentSwiper .main_swiper_arr{display:block;top: 44.8%;}
		.main_patent{padding-top: 24px;}
		.main_patent:before{width: 87px;height: 118px;top: -3%;right: 6%;}
		.main_patent:after{width: 144px;height: 139px;top: 17%;left: -17%;}
		.main_patent .PatentSwiper{padding: 23.1vw 31vw 32.5vw 17.5vw;}
		.main_patent .PatentSwiper dl dt:before{content:'';left: -2px;width: calc(100% + 4px);top: -2px;border-radius: 8px 8px 0 0;}
		.main_patent .PatentSwiper dl dd{font-size: 10.5px;}
		.main_patent .PatentSwiper dl dt span{height: 52vw;}
		.main_patent .PatentSwiper .swiper-slide{padding: 7px 15px 0;}
		.main_patent .PatentSwiper .swiper-slide.swiper-slide-active{padding-top:0;padding: 0 6vw;}
		.main_patent .PatentSwiper .swiper-slide-active dl dt:before{height: calc(100% + 4px);}
		.main_patent .PatentSwiper .swiper-slide-active dl{padding: 2px;border-radius: 8px 8px 7px 7px;}
		.main_patent .PatentSwiper .swiper-slide-active dl dt span{border-radius: 6px;}
		.main_patent .PatentSwiper .swiper-slide-active dl dd{padding: 10px 0 4px;}

		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-prev{margin-left: -37.1vw;}
		#wrap .main_content .PatentSwiper .main_swiper_arr.swiper-button-next{margin-left: 37.7vw;}

		.main_notice{padding-top: 27px;padding-bottom: 100px;}
		.main_notice .main_title.hd p{display:none;}
		.main_notice .main_title.hd .more_plus{width:40px;height:40px;bottom: -2%;}
		.main_notice .main_title.hd .more_plus:before{width:14px; height:1px;}
		.main_notice .main_title.hd .more_plus:after{width:1px; height:14px;}

		.main_notice .cont{margin-top: 26px;}
		.main_notice .board_li{padding: 20px 0 16px 0;}
		.main_notice .board_li dl dt{font-size:15px;position: static;transform: none;margin-bottom: 8px;}
		.main_notice .board_li dl dd{font-size:14px;letter-spacing: -0.03em;}
		.main_notice .board_li .more_arr{display:none;}
	}
	@media only screen and (max-width:479px){
		.main_business .bizSwiper dl dd{font-size:17px;left:25px;bottom: 17px;line-height:147%;font-weight: 300;}
		.main_business .bizSwiper .more_arr{width:35px; height:35px; background-size:9px auto; right:25px; bottom:25px;}
	}
	@media only screen and (max-width:374px){
		.main_visual .txt_box h2{font-size:10vw;}
		.main_title h2{font-size:33px;}
		.main_title h3{font-size:28px;}
		.main_title h6, .main_title p, .main_prod .ProdSwiperList .swiper-slide, .main_notice .board_li dl dt{font-size:14px;}
		.main_business .bizSwiper dl dd{font-size:16px;}
		.main_notice .board_li dl dd{font-size:13px;}
	}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{width: 100%;background:url('../images/skin/ftr_bg.jpg') no-repeat center;background-size:cover;padding: 80px 0 70px;}
	#footer .cont{display:flex;}
	#footer .logo{width:98px;height:82px;background:url('../images/skin/hd_logo.png') no-repeat center;filter: grayscale(1);}
	#footer .info{width:calc(100% - 98px); padding-left:58px; box-sizing:border-box;}
	#footer .info .main_title p{color:#fff;font-weight:500;line-height: 1;letter-spacing: -0.02em;margin: 0;}
	#footer .info .exp_list{margin-top: 44px;}
	#footer .info .exp_list li{}
		#footer .info .exp_list li + li{margin-top: 11px;}
	#footer .info .exp_list dl{display:inline-flex; margin-right:30px;}
	#footer .info .exp_list dl dt, #footer .info .exp_list dl dd{font-size:16px; font-weight:300; color:#aaa;}
	#footer .info .exp_list dl dd a{font-size:inherit; font-weight:inherit; color:inherit;}
	#footer .info .exp_list dl dt + dd{padding-left:4px;}
	#footer .info .copyright{font-size:16px;font-weight:300;color:#999;margin-top: 34px;letter-spacing: 0;}
	#footer .info .copyright a{font-size:inherit; font-weight:inherit; color:inherit;}

	@media only screen and (max-width:1397px){
		#footer .info .exp_list dl dt, #footer .info .exp_list dl dd, #footer .info .copyright{line-height:145%;}
	}
	@media only screen and (max-width:1023px){
		#footer .info .exp_list dl dt, #footer .info .exp_list dl dd, #footer .info .copyright{font-size:15px;}
	}
	@media only screen and (max-width:860px){
		#footer .info{padding-left:45px;}
		#footer .info .exp_list dl dt, #footer .info .exp_list dl dd, #footer .info .copyright{font-size:14px;}
	}
	@media only screen and (max-width:767px){
		#footer .info{padding-left:40px;}
		#footer .info .exp_list dl dt, #footer .info .exp_list dl dd, #footer .info .copyright{font-size:13px;}
		#footer .info .exp_list dl{display:flex; margin-right:0;}
		#footer .info .exp_list li + li, #footer .info .exp_list dl + dl{margin-top: 7px;}
		#footer .info .exp_list dl dt + dd{max-width: 87%;}
	}
	@media only screen and (max-width:640px){
		#footer{padding: 50px 0 70px; background-image:url('../images/skin/ftr_bg_m.jpg');}
		#footer .cont{display:block;}
		#footer .logo{position:absolute; top:0; left:0; width:49px; height:42px; background-size:100%;}
		#footer .info .main_title{padding-left: 68px;}
		#footer .info{width:100%;padding: 10px 0 0 0;}
		#footer .info .copyright{margin-top: 24px;font-size: 11px;}
		#footer .info .copyright a{display:block; margin-top:2px;}
	}
	@media only screen and (max-width:374px){
		#footer .info .exp_list dl dt, #footer .info .exp_list dl dd{font-size:12px;}
	}