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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    #wrap {position:relative; width: 100%; overflow: clip; box-sizing: border-box;}
    #container, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1760px; margin:0 auto; box-sizing: border-box;}
	/* body:has(#aside.on){height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} */
	
    @media screen and (max-width:640px) {
		 #container, .w_custom{width: calc(100% - 30px);}
	}
    @media screen and (max-width:320px) {
        #container, .w_custom{width: calc(100% - 20px);}
	}

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

	 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:var(--point-white);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 {left:0;top:0;height:auto;border:0;text-align:center;position:fixed;z-index:10;width:100%;box-sizing:border-box;font-size:0;background:transparent;padding:55px 0;transition:all 0.4s;}
		#header .header_inner{display: flex;align-items: center;justify-content: space-between;padding:0 8px;}
		#header .hd_lnb {line-height:45px;margin:0;padding:0;width:100%;display:flex;gap:102px;vertical-align:top;text-align:center;box-sizing:border-box;z-index:10;align-items: center;justify-content: center;position: absolute;top:0;left:0;}
		#header .hd_lnb li a {line-height:2;font-size:var(--title-18);font-weight:400;color:var(--point-white);vertical-align: middle;text-align:center;display:inline-block;box-sizing:border-box;transition: all .2s;}
		.hd_logo {z-index:15;width:120px;height:45px;position: relative;}
		.hd_logo a {background: url('../images/skin/hd-logo-ov.png') no-repeat left;font-size: 0;display: block;height:100%;background-size: auto 100%;}
		.hd_right {margin:0;padding:0;font-size:0;position:relative;vertical-align:top;text-align:center;display:inline-flex;align-items: center;gap:20px;box-sizing:border-box;z-index:15;}
		.hd_right .hd_tel{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:160px;height:32px;border-radius:16px;background:var(--point-color01);font-size:var(--title-16);color:var(--point-white);font-weight:400;gap:10px;}
		.hd_right .hd_tel:before{width:16px;height:16px;content:"";background:url('../images/skin/main_tel.png')no-repeat center;background-size:auto 100%;display: inline-block;}
		.hd_right .hd_tel span{font-size:inherit;color:inherit;font-weight:inherit;}
		.hd_right .menu-trigger {display:inline-block;vertical-align:middle;font-size:0;}
		.hd_right .menu-trigger {position:relative;padding:0;width: 32px;height: 32px;box-sizing: border-box;}
		.hd_right .menu-trigger span {transition:0.3s;position:absolute;width: 12px;height: 12px;background-color: var(--point-white);left: 0;border-radius: 100%;}
		.hd_right .menu-trigger span:nth-of-type(1) {top: 0;}
		.hd_right .menu-trigger span:nth-of-type(2) {top: 0;right: 0;left: auto;}
		.hd_right .menu-trigger span:nth-of-type(3) {bottom: 0;}
		.hd_right .menu-trigger span:nth-of-type(4) {bottom:0;right:0;left:auto;}
		
		.sub_service #header{position: sticky;}
		.sub_service #header {background:var(--point-white);padding:25px 0;box-shadow:0 0 20px rgba(0,0,0,0.1);}
		.sub_service #header .hd_logo a {background: url('../images/skin/hd-logo.png') no-repeat left;background-size: auto 100%;}
		.sub_service #header .hd_lnb li a {color:var(--black-color02);}
		.sub_service #header .hd_right .menu-trigger span {background:var(--black-color03);}
			
		/*on*/
		#header.on {background:var(--point-white);padding:25px 0;box-shadow:0 0 20px rgba(0,0,0,0.1);}
		#header.on .hd_logo a {background: url('../images/skin/hd-logo.png') no-repeat left;background-size: auto 100%;}
		#header.on .hd_lnb li a {color:var(--black-color02);}
		#header.on .hd_right .menu-trigger span {background:var(--black-color03);}

		@media only screen and (max-width:1400px) {
			#header .hd_lnb{gap:70px;}
		}
		@media only screen and (max-width:1200px) {
			.hd_logo {width:110px;height:41px;}
			#header .hd_lnb{gap:40px;}
			.hd_right .menu-trigger {width:28px;height:28px;}
			.hd_right .menu-trigger span {width:10px;height:10px;}
		}
		@media only screen and (max-width:1024px) {
			#header {padding:30px 0;}
			#header .header_inner{padding:0;}
			#header .hd_lnb {display:none;}
			.hd_logo {width:83px;height:30px;}
			
			/*on*/
			#header.on{padding:20px 0;}
		}
		@media only screen and (max-width:768px) {
			.hd_right .menu-trigger {width:24px;height:24px;}
			.hd_right .menu-trigger span {width:8px;height:8px;}
		}
		@media only screen and (max-width:640px) {
			.hd_logo {width:70px;height:25px;}
		} 
		@media only screen and (max-width:479px) { 
			#header{padding:20px 0;}
			#header.on{padding:16px 0;}
			.hd_right{gap:10px;}
			.hd_right .hd_tel{width:145px;height:26px;gap:5px;}
			.hd_right .hd_tel:before{width:13px;height:13px;}
			.hd_right .menu-trigger {width: 20px;height: 20px;}
			.hd_right .menu-trigger span {width: 7px;height: 7px;}
		} 

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

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

───────────────────────────────────────────────────────────*/
	/* aside */
	.aside_bg{width:36.5%;height:100%;position: fixed;top:0;left:-35%;opacity:0;transition:all 0.5s;background:#f5f5f5 url('../images/skin/cate-bg.jpg')no-repeat center top;background-size:cover;z-index:99;}
	.aside_bg.on{left:0%;opacity:1;transition:all 0.5s;}
	#aside {top:0px;right:-64%;width:64%;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:var(--point-white);z-index:99;opacity:0;transition:all 0.5s;}
	#aside.on {right:0%;opacity:1;transition:all 0.5s;}

	#aside .aside_box {width:100%;height:100%;margin:0;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;display:block;font-size:0;}
	#aside .aside_box .aside_container{width:100%;height:100%;position: relative;font-size:0;}
	.aside_hd{position: absolute;top:0;left:0;width:100%;height:95px;box-sizing:border-box;background:transparent;z-index:5;display: flex;align-items: center;}
	.aside_bg .aside_hd{padding-left:80px;}
	.aside_logo{vertical-align: top;width:120px;height:45px;}
	.aside_logo a{display: block;width:100%;height:100%;background: url('../images/skin/hd-logo.png') no-repeat left;font-size: 0;display: block;background-size: auto 100%;}
	#aside .aside_container .aside_logo{display: none;}

	#aside .aside_container .aside_hd{display: flex;align-items: center;justify-content: flex-end;}
	#aside .aside_right{display:flex;align-items:center;height:100%;padding-right:90px;vertical-align: top;float: right;font-size:0;}
	#aside .btn_cate{display: inline-block;box-sizing:border-box;vertical-align: top;width:24px;height:24px;position: relative;}
	#aside .btn_cate a{display: block;width:100%;height:100%;position: relative;background:url('../images/skin/btn-close.png')no-repeat center;background-size:auto 100%;}

	#aside .slide_container{width:100%;height:100%;display:inline-block;box-sizing:border-box;vertical-align: top;}
	#aside .slide_box{display:flex;align-items:center;height:100%;position: relative;}
	#aside .slide_box .slidemenu{width:100%;padding:0 109px 0 127px;}
	#aside .slide_box .slidemenu > li{border-bottom:1px solid var(--border-color01);display:flex;align-items:center;font-size:var(--title-20);}
	#aside .slide_box .slidemenu > li:last-child{border:none;}
	#aside .slide_box .slidemenu > li > a{font-size:160%;color:var(--black-color03);font-weight:400;display: inline-block;width:100%;vertical-align: top;line-height: 100px;padding-bottom:10px;}

	@media only screen and (min-width:1024px) {
		#aside .slide_box .slidemenu > li:hover > a{color:#5a543f;font-weight:500;}
	}
	@media only screen and (max-width:1900px) {
		#aside .slide_box .slidemenu{padding:0 45px;}
	}
	@media only screen and (max-width:1650px) {
		#aside .slide_box .slidemenu > li > a{font-size:120%;}
	}
	@media only screen and (max-width:1024px) {
		.aside_bg .aside_hd{padding-left:30px;height:80px;}
		.aside_bg .aside_logo a{height:35px;}
	
		#aside .aside_right{padding-right:30px;display: inline-flex;float: none;position: absolute;right: 0;}
		#aside .aside_container .aside_hd{height:80px;}
				
		#aside .slide_box .slidemenu{padding: 0 30px;}
		#aside .slide_box .slidemenu > li > a{font-size:100%;line-height:initial;padding:30px 0;}
	}
	@media only screen and (max-width:640px) {
		.aside_bg.on{display: none;}
		#aside{top: 0;border-top: 0;width:100%;right:-100%;z-index:101;}
		#aside .aside_box{overflow-y:auto;overflow-x:hidden;}
		#aside .aside_container .aside_hd{height:auto;justify-content: space-between;position: static;padding:17.5px 15px;}
		#aside .aside_container .aside_logo{display: block;width:70px;height:25px;}
		#aside .aside_right{position: static;padding:0;}
		#aside .btn_cate {width:18px;height:18px;}

		#aside .slide_container{display: block;width:100%;margin-top:35px;height:auto;}
		#aside .slide_box{width:100%;display: block;height:auto;}
		#aside .aside_box .aside_container{height:auto;padding-bottom:200px;}
		#aside .aside_box .aside_container:before{bottom:0;right:50%;transform:translateX(50%);width:300px;height:110px;}
		#aside .slide_box .slidemenu{box-sizing:border-box;padding: 0 15px;}
		#aside .slide_box .slidemenu > li{display: block;text-align: center;position: relative;box-sizing:border-box;padding:0;border:none;}
		#aside .slide_box .slidemenu > li > a{width: auto;font-size:104%;display: block;width:100%;border-bottom:1px solid var(--border-color01);padding:21px 0;}
		#aside .slide_box .slidemenu li.on > a{color:var(--point-color01);}

	}
	@media only screen and (max-width:479px) {
		#aside .slide_container{margin-top:19px;}
		#aside .slide_box .slidemenu > li > a{font-size:100%;padding:16px 0;}	
	}

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer {border-top:1px solid var(--black-color01);margin-top:140px;}
		#footer .footer_inner {padding-top:40px;padding-bottom:80px;position:relative;}
		#footer .footer_top {display:flex;align-items:flex-end;justify-content:space-between;}
		#footer .footer_top .ft_logo {width:120px;height:45px;}
		#footer .footer_top .ft_logo a {display:block;background:url('../images/skin/ft-logo.png') no-repeat top left;background-size:auto 100%;font-size:0;width:100%;height:100%;}
		#footer .footer_top .ft_gnb {font-size:0;}
		#footer .footer_top .ft_gnb li {display:inline-block;}
		#footer .footer_top .ft_gnb li + li {margin-left:28px;}
		#footer .footer_top .ft_gnb li a {font-size:var(--title-14);line-height:1;font-weight:300;color:var(--black-color08);}
		#footer .footer_top .ft_gnb li a strong {font-size:inherit;font-weight:inherit;color:var(--black-color06);}
		#footer .footer_cont {display:flex;align-items:flex-start;justify-content:space-between;padding:40px 0 0;}
		#footer .footer_cont address {font-size:var(--title-13);line-height:2.31;font-weight:300;color:var(--black-color08);font-family:var(--font-type02);}
		#footer .footer_cont address span {display:inline-block;margin:0 15px;width:1px;height:8px;background:var(--border-color01);}
		#footer .footer_cont address .for_pc {display:inline-block;}
		#footer .footer_cont address .for_t {display:none;}
		#footer .footer_cont address .for_m {display:none;}
		#footer .footer_cont address a {font-size:inherit;font-weight:Inherit;color:inherit;font-family:inherit;}
		#footer .footer_cont .ft_sns {font-size:0;}
		#footer .footer_cont .ft_sns li {display:inline-block;}
		#footer .footer_cont .ft_sns li + li {margin-left:20px;}
		#footer .footer_cont .ft_sns li img {}
		#footer .footer_cont .copyright {font-size:var(--title-13);line-height:1;font-weight:400;color:var(--black-color08);padding-top:40px;}
		#footer .footer_cont .copyright a {padding-left:20px;display:inline-block;font-size:inherit;font-weight:inherit;color:inherit;}
		#footer .scroll_top {position:absolute;width:19px;height:80px;cursor:pointer;bottom:0;right:80px;font-size:0;transition:height 1.5s;}
		
		#footer .scroll_top a {display:block;position:relative;font-size:0;width:100%;height:100%;}
		#footer .scroll_top a:before {content:'';display:block;position:absolute;width:100%;height:10px;background:url('../images/skin/quick-top-arrow.png') no-repeat center top;background-size:100% auto;top:0;left:0;}
		#footer .scroll_top a:after {content:'';display:block;position:absolute;width:1px;height:100%;background:var(--black-color10);bottom:0;left:50%;margin-left:-0.5px;}
		
	@media only screen and (min-width:1024px) {
		#footer .scroll_top:hover {height:100px;}
	}
	@media only screen and (max-width:1440px) {
		#footer .scroll_top {right:40px;}
	}
	@media only screen and (max-width:1380px) {
		#footer .ft_inner {width:calc(100% - 30px);padding:30px 0 60px;}
	}
	@media only screen and (max-width:1217px) {
		#footer {margin-top:120px;}
		#footer .footer_top .ft_logo {width:110px;height:41px;}
		#footer .scroll_top {right:20px;}
	}
	@media only screen and (max-width:1024px) {
		#footer {margin-top:100px;}
		#footer .footer_top .ft_logo {width:83px;height:30px;}
		#footer .footer_cont address .for_pc {display:none;}
		#footer .footer_cont address .for_t {display:inline-block;}
		#footer .footer_cont address .for_m {display:none;}
	}
	@media only screen and (max-width:860px) {
	}
	@media only screen and (max-width:768px) {
		#footer {margin-top:90px;}
		#footer .footer_cont {padding:30px 0 0;}
		#footer .footer_cont .copyright {padding-top:20px;}
		#footer .footer_inner {padding-top:35px;padding-bottom:70px;}
	}
	@media only screen and (max-width:640px) {
		#footer {margin-top:70px;}
		#footer .footer_inner {padding-top:30px;padding-bottom:60px;}
		#footer .footer_top {display:block;}
		#footer .footer_top .ft_logo {width:70px;height:25px;} 
		#footer .footer_top .ft_gnb{margin-top:25px;}
		#footer .footer_cont {display:block;}
		#footer .footer_cont address {line-height:2;}
		#footer .footer_cont address .for_pc {display:none;}
		#footer .footer_cont address .for_t {display:none;}
		#footer .footer_cont address .for_m {display:inline-block;}
		#footer .footer_cont .ft_sns {padding-top:50px;}
		#footer .scroll_top {right:15px;}
	}
	@media only screen and (max-width:479px) {
		#footer .footer_cont .copyright a {padding-left:0;padding-top:10px;display:block;}
	}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* *PC 일반 **/
		.main_content {overflow:hidden;}
		.main_content > div{position: relative;}
		.main_content > div > a{position: absolute;top:-80px;}
		.main_title {padding-bottom:50px;}
		.main_title h3 {font-size:var(--title-50);line-height:1;font-weight:400;color:var(--black-color01);}
		.btn_view {font-size:var(--title-20);line-height:1;font-weight:400;color:var(--black-color03);margin-top:56px;display:inline-block;}
		.btn_view span {font-size:inherit;font-weight:inherit;color:inherit;position:relative;}
		.btn_view span:before,
		.btn_view span:after {content: ''; display: block; height:1px; position: absolute; bottom: 2px; background: var(--black-color03); z-index: 2;-webkit-transition: width 400ms; transition: width 400ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
		.btn_view span:before {width: 100%; right: 0; -webkit-transition-delay: 200ms; transition-delay: 200ms;}
		.btn_view span:after {width: 0; left: 0; -webkit-transition-delay: 0ms; transition-delay: 0ms;}
		.main_content .swiper-pagination {width:100%;height:3px;position:relative;margin-top:80px;background:none;}
		.main_content .swiper-pagination:before {content:'';display:block;position:absolute;width:100%;height:1px;background:var(--border-color01);top:50%;left:0;transform:translateY(-50%);}
		.main_content .swiper-pagination .swiper-pagination-progressbar-fill {height:3px;background:var(--point-color01);}
		
		/* visual */
			#wrap .main_visual {position:relative;width:100%;margin:0;height:798px;}
			#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:798px;border:none;min-height:100% !important;opacity:1 !important;}
			.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;background-position:center;opacity:0;transition:all 2s;}
			.main_visual .txt_box {width:100%;max-width:1440px;text-align:center;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;font-size:0;}
			.main_visual .txt_box strong,
			.main_visual .txt_box p {display:block;text-align:left;color:var(--point-white);pacity:0;opacity:0;filter:Alpha(opacity=0);-webkit-transform: translateY(50px);transform: translateY(50px); transition:all 2s;}
			.main_visual .txt_box strong {font-size:var(--title-100);line-height:1;font-weight:400;color:var(--point-white);}
			.main_visual .txt_box p {font-size:var(--title-20);line-height:1;font-weight:400;color:var(--point-white);padding-top:30px;}
			/* slick active */
				.main_visual .active .txt_box strong,
				.main_visual .active .txt_box p {opacity:1.0;filter:Alpha(opacity=100);-webkit-transform: translateY(0);transform: translateY(0);}
				.main_visual .active .txt_box p {opacity:0.8;transition-delay:0.3s;}
				.main_visual .slick-slide.slick-active a {animation: image-zoom-out 2s 0s forwards;opacity:1;}
				/* 메인 비주얼 :: Animation */
				@keyframes image-zoom-out { from { transform: scale(1.1,1.1) } to { transform: scale(1.0,1.0) } }
			/* slick play*pause */
				.main_visual .visual_btn_wrap .play_btn_box{display: inline-block;vertical-align: top;position: relative;width:9px;height:14px;text-align: center;}
				.main_visual .visual_btn_wrap .play_btn_box .slickBtn{font-size:0;width:100%;height:100%;cursor:pointer;}
				.main_visual .visual_btn_wrap .slickPause {background:url('../images/test/visual_sld_pause.png') no-repeat center;position:relative;}
				.main_visual .visual_btn_wrap .slickPause:before,
				.main_visual .visual_btn_wrap .slickPause:after {content:'';display:block;position:absolute;width:3px;height:12px;background:var(--point-white);top:50%;transform:translateY(-50%);left:0;}
				.main_visual .visual_btn_wrap .slickPause:after {right:0;left:auto;} 
				.main_visual .visual_btn_wrap .play_btn_box .slickPlay{width:auto;height:auto;content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:none;border-left:7px solid var(--point-white);}
			/* slick dots */
				.main_visual .visual_btn_wrap {position:absolute;left:0;bottom:100px;overflow:hidden;width:100%;text-align:center;z-index:10;box-sizing:border-box;left:50%;transform: translateX(-50%);font-size: 0;display: flex;align-items: center;justify-content: center;}
				#wrap .main_visual .slick-dots {display: flex;align-items: center;justify-content: center;margin:0 18px 0 12px;}
				#wrap .main_visual .slick-dots li{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:0;height: 14px;line-height:14px;}
				#wrap .main_visual .slick-dots li button{opacity:0.5;width:8px;height:8px;box-sizing:border-box;border-radius:100%;background:var(--point-white);display: inline-block;margin:0 15px;font-size:0;border-radius:100%;font-size:0;}
				#wrap .main_visual .slick-dots li.slick-active button{opacity:1;background:var(--point-white);}
			/* slick arrow*/
				#wrap .main_visual .arw_box {font-size:0;display: inline-block;}
				#wrap .main_visual .arw_box .slick-arrow {width: 9px;height: 14px;border-top: 7px solid transparent;border-right: 0px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid var(--point-white);margin:0;font-size:0;opacity:0.5;}
				#wrap .main_visual .arw_box .slick-arrow:after{display: none;}
				#wrap .main_visual .arw_box .prev {border-left: 7px solid transparent;border-right: 7px solid var(--point-white);margin-right: 30px;}
				#wrap .main_visual .arw_box .next {right:30px;}
				
		/* About */
			.main_about {background:var(--gray-bg02);padding:130px 0 110px;}
			.main_about .w_custom {display:flex;align-items:center;}
			.main_about .img_box {font-size:0;width:960px;}
			.main_about .img_box span {display:inline-block;width:460px;height:600px;position:relative;z-index:1;vertical-align:top;overflow:hidden;}
			.main_about .img_box span img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;}
			.main_about .img_box span:nth-of-type(2) {margin-top:100px;margin-left:40px;}
			.main_about .info_box {width:calc(100% - 960px);padding-left:12.2%;box-sizing:border-box;}
			.main_about .info_box .txt_wrap h4 {font-size:var(--title-30);line-height:1;font-weight:400;color:var(--point-color01);}
			.main_about .info_box .txt_wrap p {font-size:var(--title-16);line-height:1.5;font-weight:300;color:var(--black-color06);padding:13px 0 0;}
			
		/* Brand */
			.main_bg_wrap {background:url('../images/skin/main-brand-bg.png') no-repeat top left;background-size:100% auto;}
			.main_bg_wrap > div{position: relative;}
			.main_bg_wrap > div > a{position: absolute;top:-80px;}
			.main_brand {padding:142px 0 0;}
			.main_brand .w_custom {position:relative;z-index:1;}
			.main_brand .brand_slide_wrap {display:flex;align-items:center;}
			.main_brand .brand_slide_wrap .thumb_slide {width:1000px;padding-left:102px;}
			.main_brand .brand_slide_wrap .thumb_slide .thumb {width:100%;height:860px;position:relative;overflow:hidden;}
			.main_brand .brand_slide_wrap .thumb_slide .thumb img {position:absolute;width:100%;height:100%;object-fit:cover;}
			.main_brand .brand_slide_wrap .txt_slide {width:calc(100% - 1102px);box-sizing:border-box;padding:0 163px;padding:0 9.3%;}
			.main_brand .brand_slide_wrap .txt_slide .slick-slider {position:static;}
			.main_brand .brand_slide_wrap .txt_slide .txt {}
			.main_brand .brand_slide_wrap .txt_slide .txt strong {font-size:var(--title-30);line-height:1;font-weight:400;color:var(--point-color01);}
			.main_brand .brand_slide_wrap .txt_slide .txt p {font-size:var(--title-16);line-height:1.5;font-weight:300;color:var(--black-color06);padding-top:20px;}
			.main_brand .brand_slide_wrap .slick-arrow {width:30px;height:59px;font-size:0;position:absolute;top:50%;transform:translateY(-50%)}
			.main_brand .brand_slide_wrap .slick-prev {background:url('../images/skin/main-brand-prev.png') no-repeat center left;background-size:auto 100%;left:0;}
			.main_brand .brand_slide_wrap .slick-next {background:url('../images/skin/main-brand-next.png') no-repeat center right;background-size:auto 100%;right:0;}
			
		/* Products */
			.main_products {padding:105px 0 0;}
			.main_products .products_slide_wrap .list_cont ul li {position:relative;z-index:1;transition:all 0.4s;overflow:hidden;}
			.main_products .products_slide_wrap .list_cont ul li .thumb {background:var(--point-white);transition:all 0.4s;overflow:hidden;}
			.main_products .products_slide_wrap .list_cont ul li .thumb img {mix-blend-mode: luminosity;transition:all 0.4s;}
			.main_products .products_slide_wrap .list_cont ul li .txt_box {width:100%;padding:82px 45px;position:absolute;z-index:5;bottom:0;left:0;box-sizing:border-box;bottom:-100px;transition:all 0.6s;opacity:0;font-size:var(--title-30);}
			.main_products .products_slide_wrap .list_cont ul li .txt_box .name {font-size:120%;line-height:1.11;font-weight:400;color:var(--point-white);}
			.main_products .products_slide_wrap .list_cont ul li .txt_box p {font-size:var(--title-16);line-height:1.5;font-weight:400;color:var(--point-white);padding-top:27px;word-break: break-all;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
			.main_products .products_slide_wrap .list_cont ul li .txt_box .btn_view span{color:var(--point-white);}
			.main_products .products_slide_wrap .list_cont ul li .txt_box .btn_view span:before,
			.main_products .products_slide_wrap .list_cont ul li .txt_box .btn_view span:after {background:var(--point-white);}
			
		/*location*/
			.main_location{padding:100px 0;margin-top:100px;background:var(--gray-bg02);}
			.main_location .w_custom{display: flex;flex-wrap:wrap;align-items: center;}
			.main_location .w_custom > div{box-sizing:border-box;}
			.main_location  .main_title{width:100%;}
			.main_location .info_txt{width:45%;padding-right:80px;}
			.main_location .info_txt .info_call{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;margin-bottom:30px;gap:10px;}
			.main_location .info_txt .info_call .info_tel{font-size:var(--title-30);color:var(--black-color03);font-weight:700;display: flex;align-items: center;gap:10px;}
			.main_location .info_txt .info_call .info_tel:before{width:32px;height:32px;content:"";background:url('../images/skin/main_tel_ov.png')no-repeat center;background-size:auto 100%;display: inline-block;}
			.main_location .info_txt .info_call .info_tel span{font-size:155%;color:inherit;font-weight:inherit;}
			.main_location .info_txt dl{display: flex;flex-wrap:wrap;font-size:var(--title-16);color:var(--black-color03);font-weight:400;padding:5px 0;font-family:var(--font-type02);box-sizing:border-box;}
			.main_location .info_txt .info_time{border-top:1px solid var(--border-color01);margin-top:20px;padding-top:20px;}
			.main_location .info_txt dl dt, .main_location .info_txt dl dd, .main_location .info_txt dl dd a, .main_location .info_txt dl dd p, .main_location .info_txt dl dd span{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
			.main_location .info_txt dl dt{width:130px;}
			.main_location .info_txt dl dd{width:calc(100% - 130px);}
			.main_location .info_txt dl dd p{display: flex;flex-wrap:wrap;gap:10px;}
			.main_location .info_txt dl dd p + p{margin-top:10px;}
			.main_location .info_txt dl dd span{display: inline-block;width:44px;}
			
			.main_location .info_map{width:55%;}
			.main_location .info_map .info_map_box{width:100%;height:0;padding-bottom:63%;box-sizing:border-box;position: relative;overflow:hidden;}
			.main_location .info_map .info_map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
			
		/*contact us*/
			.main_contact{position: relative;z-index:6;background:var(--point-white);box-sizing:border-box;padding:120px 0 0;}
			.main_contact .contact_box{max-width:1400px;}
			.main_contact .board_main_write{display: flex;flex-wrap:wrap;gap:40px 0;flex-direction: column;}
			.main_contact .board_main_write .line2{display: flex;flex-wrap:wrap;gap:0 40px;}
			.main_contact .board_main_write dl{display: flex;flex-wrap:wrap;width:100%;}
			.main_contact .board_main_write .line2 dl{width:calc(50% - 20px);}
			.main_contact .board_main_write dl dd{width:100%;}
			.main_contact .board_main_write input[type="text"], .main_contact .board_main_write input[type="password"]{background:none;box-sizing:border-box;border:none;border-bottom:1px solid rgba(0,0,0,0.4);font-size:var(--title-16);color:rgba(0,0,0,0.6);font-weight:400;padding-left:9px;width:100%;height:44px;}
			.main_contact .board_main_write input[type="text"]::placeholder, .main_contact .board_main_write input[type="password"]::placeholder{color:rgba(0,0,0,0.6);}
			.main_contact .board_main_write input[type="text"]:focus, .main_contact .board_main_write input[type="password"]:focus{border-color: var(--black-color00);color:var(--black-color00);}
			.main_contact input:-webkit-autofill{color:var(--black-color00);}
			.main_contact .board_main_write textarea{width:100%;height:140px;box-sizing:border-box;outline:none;border:1px solid rgba(0,0,0,0.4);background:var(--point-white);padding:20px;font-size:var(--title-16);color:var(--black-color10);font-weight:400;resize:none;}
			.main_contact .board_main_write textarea::placeholder{color:var(--black-color10);}
			.main_contact .board_main_write textarea:focus{color:var(--black-color03);}
			.main_contact .policy_cont{padding:20px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.4);}
			.main_contact .policy_cont label,
			.main_contact .policy_cont a{color:var(--black-color00);font-size:var(--title-16);font-weight:400;}
			.main_contact .policy_cont a{font-size:var(--title-14);}
			.main_contact .board_main_write .capthca_wrap .capthca_box{display: flex;flex-wrap:wrap;gap:10px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.4);padding:10px 20px;}
			.main_contact .board_main_write .capthca_wrap #captcha{width:calc(100% - 240px);height:40px;border:none;background:var(--point-white);color:var(--black-color03);}
			.main_contact .board_main_write .capthca_wrap .btn_sm{width:40px;height:40px;padding:0;background-position:center;border:1px solid rgba(0,0,0,0.4);}
			.main_contact .btn_send_box{display:block;box-sizing:border-box;vertical-align: top;width:200px;height:60px;background:var(--point-color01);border:1px solid var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:400;margin:0 auto;margin-top:55px;position: relative;overflow:hidden;}
			.main_contact .btn_send_box:before{width:300px;height:300px;content:"";background:var(--point-white);transform:rotate(45deg);position: absolute;top:-205px;left:-316px;transition:all 1s;}
			.main_contact .btn_send_main{display:inline-flex;align-items: center;justify-content: center;width:100%;height:100%;position: relative;line-height:inherit;font-size:inherit;color:inherit;font-weight:inherit;}
				
	@media (pointer: fine) and (hover: hover) {
		.btn_view:hover {color:var(--black-color03);}
		.btn_view span:hover:before {width: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;background:var(--black-color03);}
		.btn_view span:hover:after {width: 100%;-webkit-transition-delay: 200ms;transition-delay: 200ms;background:var(--black-color03);}
		
		/*visual*/
		#wrap .main_visual .arw_box .slick-arrow:hover {opacity:1;}
		
		/* Products */
		.main_products .products_slide_wrap .list_cont ul li:hover .thumb {border-radius:287px 287px 0 0;}
		.main_products .products_slide_wrap .list_cont ul li:hover .thumb img {mix-blend-mode:inherit;}
		.main_products .products_slide_wrap .list_cont ul li:hover .txt_box {bottom:0;opacity:1;}
		.main_products .products_slide_wrap .list_cont ul li .txt_box .btn_view span:hover {color:var(--point-white);}
		
		/*contact*/
		.main_contact .btn_send_box:hover:before{transition:all 1s;left:-14px;top:-135px;}
		.main_contact .btn_send_box:hover{color:var(--point-color01);}
	}
	
	@media only screen and (max-width:1840px) {
		/* About */
		.main_about .info_box {width:45.5%;}
		.main_about .img_box {width:54.5%;}
		.main_about .img_box span {width:calc(50% - 20px);height:0;padding-bottom:65.6%;}
		
		/* Brand */
		.main_brand .brand_slide_wrap .txt_slide {width:43.54%;}
		.main_brand .brand_slide_wrap .thumb_slide {width:56.46%;padding-left: 6%;box-sizing:border-box;}
		.main_brand .brand_slide_wrap .thumb_slide .thumb {height:0;padding-bottom:95.7%;}
	}
	@media only screen and (max-width:1520px) {
		/* visual */
		.main_visual .txt_box {width:100%;max-width:100%;padding-left:40px;padding-right:40px;box-sizing:border-box;}
	}
	@media only screen and (max-width:1380px) {
		/* visual */
		#wrap .main_visual {min-width:100%;}
		.main_visual .visual_btn_wrap {bottom:90px;}
		
		/* About */
		.main_about .info_box {padding-left:10%;}	
		
		/*location*/
		.main_location .info_txt{padding-right:40px;}
		.main_location .info_txt .info_call .info_tel span{font-size:110%;}
	}
	@media only screen and (max-width:1217px) {
		.main_title {padding-bottom:45px;}
		.btn_view {margin-top:45px;}
		.main .swiper-pagination {margin-top:70px;}
		
		/* visual */
		.main_visual .txt_box {padding-left:20px;padding-right:20px;}
		.main_visual .visual_btn_wrap {bottom:80px;}
		
		/* About */
		.main_about {padding:115px 0 105px;}
		.main_about .img_box span {width:calc(50% - 15px);}
		.main_about .img_box span:nth-of-type(2) {margin-left:30px;margin-top:70px;}
		.main_about .info_box {padding-left:7%;}
		
		/* Brand */
		.main_brand {padding:120px 0 0;}
		.main_brand .brand_slide_wrap .txt_slide {width:50%;padding: 0 7%;}
		.main_brand .brand_slide_wrap .thumb_slide {width:50%;padding-left: 6%;box-sizing:border-box;}
		.main_brand .brand_slide_wrap .slick-arrow {width:20px;height:39px;}
		
		/* Products */
		.main_products {padding-top:120px;}
		
		/*location*/
		.main_location{padding:80px 0 90px;margin-top:85px;}
		.main_location .info_txt .info_call .info_tel{width:100%;}
		.main_location .info_txt dl dt{width:90px;}
		.main_location .info_txt dl dd{width:calc(100% - 90px);}
	}
	@media only screen and (max-width:1024px) {
		.main_title {padding-bottom:35px;}
		.btn_view {margin-top:40px;}
		.main .swiper-pagination {margin-top:60px;}
		
		/* visual */
		.main_visual .visual_btn_wrap {bottom:70px;}
		
		/* About */
		.main_about {padding:95px 0 85px;}
		
		/* Brand */
		.main_brand {padding:90px 0 0;}
		
		/* Products */
		.main_products {padding-top:90px;}
		.main_products .products_slide_wrap .list_cont ul li .thumb {border-radius:300px 300px 0 0 !important;}
		.main_products .products_slide_wrap .list_cont ul li .thumb img {mix-blend-mode:inherit !important;}
		.main_products .products_slide_wrap .list_cont ul li .txt_box {opacity:1 !important;bottom:0 !important;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding:0 8.6% 15.6%}
		.main_products .products_slide_wrap .list_cont ul li .txt_box p {padding-top:23px;}
		
		/*contact*/
		.main_contact{padding-top:100px;}
		.main_contact .board_main_write .line2.policy_box dl{width:100%;}
		.main_contact .board_main_write .line2.policy_box dl + dl{margin-top:20px;}
	}
	@media only screen and (max-width: 860px) {
		/* visual */
		.main_visual .txt_box p {padding-top:25px;}
		.main_visual .visual_btn_wrap {bottom:60px;}
		
		/* Products */
		.main_products .products_slide_wrap .list_cont ul li .txt_box p {padding-top:19px;}
	}
	@media only screen and (max-width:768px) {
		.main_title {padding-bottom:30px;}
		.btn_view {margin-top:35px;}
		.btn_view span:before,
		.btn_view span:after {width:100% !important;}
		.main .swiper-pagination {margin-top:50px;}
		
		/* visual */
		.main_visual .slick-slide a {background-position: center right 44% !important;}
		.main_visual .visual_btn_wrap {bottom:50px;}
		
		/* About */
		.main_about {padding:75px 0 65px;}
		.main_about .img_box span {width:calc(50% - 10px);}
		.main_about .img_box span:nth-of-type(2) {margin-left:20px;margin-top:60px;}
		.main_about .info_box {padding-left:5%;}
		
		/* Brand */
		.main_brand {padding:80px 0 0;}
		.main_brand .brand_slide_wrap .txt_slide .txt p {padding-top:15px;}
		.main_brand .brand_slide_wrap .thumb_slide {padding-left:20px;}
		
		/*location*/
		.main_location{margin-top:75px;padding:60px 0 70px;}
		.main_location .info_txt{width:100%;padding:0 0 50px 0;}
		.main_location .info_txt .info_call .info_tel{width:auto;}
		.main_location .info_map{width:100%;}
		
		/*contact*/
		.main_contact{padding-top:60px;}
	}
	@media only screen and (max-width: 640px) {
		.btn_view {margin-top:30px;}
		.main .swiper-pagination {margin-top:40px;}
		
		/* visual */
		.main_visual .txt_box p {padding-top:20px;}
		.main_visual .visual_btn_wrap {bottom:40px;}
		
		/* About */
		.main_about {padding:65px 0 50px;}
		.main_about .w_custom {flex-direction: column-reverse;}
		.main_about .img_box,
		.main_about .info_box {width:100%;padding:0;}
		.main_about .img_box {margin-top:50px;}
		.main_about .img_box span {width:calc(50% - 7.5px);}
		.main_about .img_box span:nth-of-type(2) {margin-left:15px;margin-top:50px;}
		
		/* Brand */
		.main_brand {padding:70px 0 0;}
		.main_brand .brand_slide_wrap {display:block;}
		.main_brand .brand_slide_wrap .thumb_slide,
		.main_brand .brand_slide_wrap .txt_slide {width:100%;padding:0;box-sizing:border-box;}
		.main_brand .brand_slide_wrap .txt_slide {padding-right:20%;}
		.main_brand .brand_slide_wrap .txt_slide .txt p {padding-top:10px;}
		.main_brand .brand_slide_wrap .thumb_slide {width:calc(100% + 30px);margin-left:-15px;margin-top:50px;}
		.main_brand .brand_slide_wrap .thumb_slide .slick-list {padding-right:20%;padding-left: 7.5px;}
		.main_brand .brand_slide_wrap .thumb_slide .slick-track {padding-right:7.5px;}
		.main_brand .brand_slide_wrap .thumb_slide .slick-slide {padding:0 7.5px;} 
		.main_brand .brand_slide_wrap .thumb_slide .thumb {padding-bottom:75.7%;}
		.main_brand .brand_slide_wrap .slick-arrow {display:none !important;}
		
		/* Products */
		.main_products {padding-top:70px;}
		.main_products .products_slide_wrap .list_cont ul li .txt_box p {padding-top:15px;}
		
		/*contact*/
		.main_contact .board_main_write{gap:20px 0;}
		.main_contact .board_main_write .line2{gap:20px;}
		.main_contact .board_main_write .line2 dl{width:calc(50% - 10px);}
		.main_contact .board_main_write .capthca_wrap .capthca_box{padding:10px 15px;}
		.main_contact .board_main_write .line2.policy_box dl + dl{margin-top:0;}
		.main_contact .policy_cont{padding:15px;}
		.main_contact .btn_send_box{width:150px;height:50px;margin-top:35px;}
	}
	@media only screen and (max-width:479px) {
		.main .swiper-pagination {margin-top:30px;}
		
		/*location*/
		.main_location{margin-top:60px;padding:50px 0 60px;}
		.main_location .info_txt{padding-bottom:30px;}
		.main_location .info_txt .info_call{margin-bottom:20px;}
		.main_location .info_txt .info_call .info_tel{gap:6px;}
		.main_location .info_txt .info_call .info_tel:before{width:22px;height:22px;}
		.main_location .info_txt .info_call .info_tel span{font-size:100%;}
		.main_location .info_txt dl dt{width:70px;}
		.main_location .info_txt dl dd{width:calc(100% - 70px);}
		.main_location .info_txt dl dd span{width:38px;}
		.main_location .info_txt dl dd p + p{margin-top:6px;}
		.main_location .info_txt .info_time{margin-top:12px;padding-top:12px;}
		
		.main_location .info_map .info_map_box{padding-bottom:85%;}
		
		/*contact*/
		.main_contact{padding-top:48px;}
		.main_contact .board_main_write .line2 dl{width:100%;}
		.main_contact .board_main_write input[type="text"], .main_contact .board_main_write input[type="password"]{height:40px;}
		.main_contact .board_main_write textarea{padding:10px;height:150px;}
		.main_contact .board_main_write .capthca_wrap .capthca_box{padding:0;border:none;}
		.main_contact .board_main_write .capthca_wrap #captcha{border:1px solid rgba(0,0,0,0.4);width:100%;}
		.main_contact .policy_cont{padding:15px 10px;}
	}