@charset "UTF-8";

	.tabDepth>a,
	.lastDepth>a,
	.depth3>a,
	.depth3>a>span:before,
	.faq_list>li .q,
	.faq_list>li .q>.bul,

	#mVisual .visualRoll .slider>div,
	#mVisual .vTxtArea .ii,
	#mVisual .slick-dots>li button,
	#mVisual .slick-dots>li button:before,
	#mVisual .vTxt .ii,

	#mVisual .iconMenu .inConts>a,

	#main-business>a:before,
	/*#main-customer a,*/
	#main-customer a>p img,
	#main-customer a>dl,
	#main-links a:before,

	.swiper-button,
	.swiper-pagination-bullet,
	.m-tab>a,
	#quick-right>a,
	.store-area>.store-map .thumb .finding-map-link,
	.store-area>.store-map .thumb .finding-map-link:after,
	#quick-right,
	#quick-social,
	.product-d3>a,
	.product-down>li .file>dd>a{transition: all .3s ease-out; transform-origin: 50% 50%;}


	.historyArea .history_box>.logo>span,
	.historyArea .history_box>.list:before,
	#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

	#mainVisual .vTxt .ii{transition: all .7s ease-out; transform-origin: 50% 50%;}

	#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}

	#mainVisual .visualRoll .swiper-slide>img{transition: all 2s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
	.f0{font-size:0; line-height:0;}

	.depth-three{width:100%; margin-bottom:3rem; font-size:0; line-height:0; text-align: center; overflow:hidden; display: flex; justify-content: center; }
	.depth-three>a{width:20rem; height:6.5rem; background-color: #f8f8f8; border:1px solid #e2e2e2; font-weight:500; font-size:1.8rem; line-height:1.2; color: #666; display: flex; align-items: center; justify-content: center; transition: all .3s ease-out; position: relative;}
	.depth-three>a+a{margin-left:-1px;}

	.depth-three>a:is(:hover, .active){background-color: var(--point); border-color:var(--point); color:#fff; z-index:2;}

	.depth-three-conts{display:none;}

	h4.txt{margin-bottom:4.5rem; font-weight: bold; font-size:4rem; line-height:1; color: #222; position: relative;}
	*+h4.txt{margin-top:14rem;}

	h4.bul{margin-bottom:4rem; padding-left:1.7rem; font-weight: 600; font-size:2.8rem; line-height:1; color: #111; position: relative;}
	h4.bul:before{content: ""; width: 0.6rem; height: 2.8rem; background-color: var(--point); position:absolute; left: 0; top:0;}
	/**+h4.bul{margin-top:6.5rem;}*/

	.lattice{background-size: 1rem, 3rem, 1rem 1rem, 3rem 3rem; background-image: linear-gradient(90deg, #ededed 1px, transparent 1px), linear-gradient(90deg, #ededed 1px, transparent 1px), linear-gradient(#ededed 1px, transparent 1px), linear-gradient(#ededed 1px, transparent 1px);}

	.wideFrame{height: 0; padding-bottom: 56.25%; position: relative;}
	.wideFrame>video,
	.wideFrame>iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

	.wideFrame.h740{height: 74rem; padding-bottom: 0;}

	.wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:56rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide {display: none;}

	.hd-bar{padding-top:4px; background:linear-gradient( to right, #0a9680 0, #0a9680 58%, #221e1f 58%, #221e1f 72%, #d8922a 72%, #d8922a) no-repeat; background-size:100% 4px;}

	.scrollTb{display:inline-block; font-size:0; line-height:0; text-align: center;}
	.scrollTb img{max-width:none;}
	.nTable.scrollTb{padding-bottom:2rem;}
	.scroll_info{width:100%; padding:4rem 0; font-size:0; line-height:0; position: relative; display:none;}
	.scroll_info:before{content:"← scroll →"; margin-top:0; font-size:1.8rem; line-height:1; color: #ff0000; display:inline-block; position: absolute; left:44%; top:2rem; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;}
	@keyframes scrollMove {
		from {color: #222; left:42%;}
		to {color: var(--point); left:46%;}
	}

	select.base{width:100%; height:4rem; padding:0 5rem 0 2rem; background:#fff url('/images/bg_select_arr_m.png') no-repeat right center; background-size:3rem; border:1px solid #ccc; font-weight: 400; font-size:1.5rem; line-height:3.8rem; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:5px; box-sizing:border-box;}
	select.base::-ms-expand{display:none;}

	.product-d3{margin-bottom:4rem; padding-left:2px; display: flex; flex-flow: row wrap;}
	.product-d3>a{width:calc(100% / 6); margin:0 0 -1px -1px; padding:1.5rem 1rem; background-color: #f6f6f6; border:1px solid #ddd; font-size:1.8rem; line-height:1.2; color: #999; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: relative;}

	.product-d3>a:is(:hover, .active){background-color: var(--point); border-color:var(--point); font-weight: 500; color: #fff; z-index:2;}
	.product-d3>a:nth-child(n+6){}
/*[e] All Style */

/*[s] Main Popup Style */
	#hd_pop {z-index:101;position:relative;margin:0 auto;height:0}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; position:absolute; display:block; border-radius: 1rem; overflow:hidden; box-sizing:border-box; box-shadow:0 0 3rem rgba(0,0,0,0.5);}
	.hd_pops img{width:100%}
	.hd_pops_con{}
	.hd_pops_footer{display: flex; gap: 1rem; justify-content: space-between; padding: 15px 2rem; font-size: 0; line-height: 0; color:#888; text-align:left;position:relative}
	.hd_pops_footer.white{background-color: #fff;}
	.hd_pops_footer.black{background-color: #000;}

	.hd_pops_footer .hd_pops_reject {position: relative; font-size: 14px; line-height: 1; color: #888; padding: 0 0 0 20px;}
	.hd_pops_footer .hd_pops_reject::before{position: absolute; content: ''; width: 14px; height: 14px; top: 0; left: 0; border: 1px solid #888; background-color: #fff;}
	.hd_pops_footer .hd_pops_reject::after{position: absolute; content: ''; width: 10px; height: 10px; top: 2px; left: 2px; background-image: url('/img/icon_check.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}

	.hd_pops_footer .hd_pops_close{width: 14px; height: 14px;/*   background-image: url('/img/icon_close.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; */}

	/* black */
	.hd_pops_footer.black .hd_pops_reject {color: #fff;}
	.hd_pops_footer.black .hd_pops_reject::before{border: 1px solid #fff;}
	/* .hd_pops_footer.black .hd_pops_reject::after{filter: brightness(0) saturate(100%) invert(100%);} */

	.hd_pops_footer.black .hd_pops_close{filter: brightness(0) saturate(100%) invert(100%);}

	#popLayer{width:100%; height:100%; font-size:0; line-height:0; position:fixed; left:0; top:0; z-index:99; overflow:hidden; overflow-y:auto;}
	#popLayer.disNone{display:none !important;}
	#popLayer #moPopArea{width:100vw; height:100vh; padding:10rem 3rem; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-start; -ms-flex-align:center;}
	#popLayer #moPopArea .moPop{width:100%; max-width:50rem; margin:0; position: relative;}
	#popLayer #moPopArea #moPopRoll{background-color: #fff; border-radius:2rem; overflow:hidden; box-shadow:0 2rem 4rem rgba(0,0,0,0.3);}
	#popLayer .slider{width:100%; border-radius:2rem 2rem 0 0; box-sizing:border-box; overflow:hidden;}
	#popLayer .slider img{width:100%; vertical-align: top;}
	#popLayer .slider .HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
	#popLayer .slider .HKeditorContent img{width:auto;}
	#popLayer #moPopRoll.roll .slider{}

	#popLayer .layerPopClose{width:3rem; height:3rem; margin:0; padding:0; font-size:0; line-height:0; position: absolute; right:1.5rem; top:1.5rem; z-index:6; transform:rotate(45deg);}
	#popLayer .layerPopClose:before,
	#popLayer .layerPopClose:after{content: ""; background-color: #222; display: block; position:absolute; left: 50%; top:50%;}
	#popLayer .layerPopClose:before{width: 100%; height: 2px; margin:-1px 0 0 -1.5rem;}
	#popLayer .layerPopClose:after{width: 2px; height: 100%; margin:-1.5rem 0 0 -1px;}

	#popLayer .moPopClose{width:100%; border-radius:0 0 2rem 2rem; display: flex; justify-content: space-between; overflow:hidden;}
	#popLayer .moPopClose>*{flex:1 1 50%; height:6rem; font-size:1.6rem; line-height:1; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
	#popLayer .moPopClose button{background-color: #878896; border:none; color: #dcdeea; position: relative;}
	/*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;}
	#popLayer .moPopClose button.toDay_close{padding-left:2.5rem;}
	#popLayer .moPopClose button.toDay_close:before{left:0;}*/
	#popLayer .moPopClose button.close{padding-right:2.5rem}
	#popLayer .moPopClose button.close:before{right:0;}
	#popLayer .moPopClose a{background-color: #3617cd; color:#fff}

	#popLayer .slick-dots{width:100%; padding:0; text-align: center; position: absolute; left:0; bottom:7rem; z-index:7;}
	#popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;}
	#popLayer .slick-dots>li+li{}
	#popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;}
	#popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;}

	#popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
	#popLayer #moPopArea #moPopRoll.open,
	#popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;}
/*[e] Main Popup Style */

/*[s] Main Style */
	a:not(.no) .thumb{overflow:hidden;}
	a:not(.no) .thumb img{transition: all .7s ease-out; transform-origin: 50% 50%;}
	a:not(.no):hover .thumb img{transform: scale(1.05);}

	.m-title{margin-bottom:5rem; font-weight: 800; font-size:4rem; line-height:1; color: #222; text-align: center;}

	.m-tab{width:100%; display: flex; align-items: center; justify-content: center; position: relative; z-index:2;}
	.m-tab>a{width:100%; max-width:25rem; background-color: #666; font-weight: 500; font-size:2rem; line-height:1; color: #ccc; text-align: center; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden;}
	.m-tab>a>span{width:100%; height:7.5rem; padding:0 1.5rem; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius:1rem;}

	.m-tab>a+a{}
	.m-tab>a:first-child{border-radius:1rem 0 0 1rem;}
	.m-tab>a:last-child{border-radius:0 1rem 1rem 0;}

	.m-tab>a:is(:hover, .active){font-weight: bold; color: #fff;}
	.m-tab>a:is(.active)>span{background-color: var(--point);}


	.m-tab2{width:100%; display: flex; flex-flow: row wrap;}
	.m-tab2>a{}

	.m-tab2>a+a{}

	.m-tab2>a:is(:hover, .active){}

	.m-tab-d3{width:calc(100% - 9.5rem); position: relative; overflow: hidden;}
	.m-tab-d3 .m-tab-d3-roll{display: flex;}
	.m-tab-d3 .swiper-slide{height:6rem; padding:0 2.3rem; background-color: #666; font-size:2rem; line-height:1; color: #ccc; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius:1rem;}
	.m-tab-d3 .swiper-slide:is(:hover, .active){background-color: var(--point); font-weight: bold; color: #fff;}

	.m-tab-d3 .swiper-button{margin-top:-0.5em; font-family:'SUIT Variable'; font-weight: 500; font-size:3rem; line-height:1; color:var(--point); position: absolute; top:50%; display: flex; align-items: center; justify-content: center; cursor: pointer;  z-index:3;}

	.m-tab-d3 .swiper-button>span{position: relative; z-index:2;}
	.m-tab-d3 .swiper-button-prev{left:0;}
	.m-tab-d3 .swiper-button-next{right:0;}
	.m-tab-d3 .swiper-button-disabled{opacity:0;}
	.m-tab-d3 .swiper-button:hover{}

	/* visual */
		#mainVisual{width:100%; max-width:140rem; margin:10rem auto 0; position: relative; overflow:hidden;}
		#mainVisual .visualRoll{white-space: nowrap;}
		#mainVisual .visualRoll .swiper-slide{width:100%; background-color: #f0f0f0; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
		#mainVisual .visualRoll .swiper-slide>img{width:100%; max-width:none; height:60rem; object-fit: none; object-position: right center;}
		#mainVisual .visualRoll .swiper-slide>video{width:100%; max-width:none; height:60rem; object-fit: cover;}

		#mainVisual .vTxtArea{width:100%; max-width:140rem; height:100%; margin-left:-70rem; padding:0 3rem 8rem 7.1428%; text-align: left; position: absolute; left:50%; top:0; z-index:5; display: flex; align-items: center; justify-content: center;}
		#mainVisual .vTxt{width:100%; position: relative;}
		#mainVisual .vTxt .ii{line-height:1; color: #222; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal;}/* text-shadow:0 0 0.4rem rgba(0,0,0,0.3); */
		#mainVisual .vTxt .i01{transition-delay: 1.3s;}
		#mainVisual .vTxt .i02{transition-delay: 1.35s;}
		#mainVisual .vTxt .i03{transition-delay: 1.4s;}
		#mainVisual .vTxt .i04{transition-delay: 1.45s;}
		#mainVisual .vTxt .i05{transition-delay: 1.5s;}
		#mainVisual .vTxt .i06{transition-delay: 1.55s;}
		#mainVisual .vTxt .i07{transition-delay: 1.6s;}

		#mainVisual .vTxt .ii.title{font-weight: bold; font-size:4rem; line-height:1.25;}
		#mainVisual .vTxt .ii.text{margin-top:1rem; font-size:2.2rem; line-height:1.45;}
		#mainVisual .vTxt .ii.btns{margin-top:3rem;}
		#mainVisual .vTxt .ii.btns>a{width:17rem; height:5.5rem; background-color: var(--point); font-weight: 500; font-size:1.8rem; line-height:1; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-radius:1rem;}

		#mainVisual .swiper-button{font-family:'SUIT Variable'; font-weight: 300; font-size:6rem; line-height:1; color: #666); position: absolute; top:calc(50% - 3rem); display: inline-block; cursor: pointer;  z-index:7;}
		#mainVisual .swiper-button-prev{left:0;}
		#mainVisual .swiper-button-next{right:0;}
		#mainVisual .swiper-button:hover{color: #333;}

		#mainVisual .swiper-controll{width:100%; margin-top:5.4rem; text-align: center; position: absolute; left:0; top:60%; z-index:7; transition: top 0.5s linear;}
		#mainVisual .swiper-controll>.inConts{display: flex; align-items: center; gap:0 1.4rem;}

		#mainVisual .swiper-pagination{display: flex; align-items: center; gap:0 2rem;}
		#mainVisual .swiper-pagination-bullet{display: flex; align-items: center; gap:0 0;}
		#mainVisual .swiper-pagination-bullet>em{font-style: normal; font-weight: bold; font-size:1.6rem; line-height:1; color: rgba(255,255,255,0.3); transition: color 0.5s linear}
		#mainVisual .swiper-pagination-bullet>i{width:0; position: relative; transition: all 0.5s linear; overflow: hidden;}
		#mainVisual .swiper-pagination-bullet>i:before,
		#mainVisual .swiper-pagination-bullet>i b{content: ""; width:100%; height:2px; background-color: rgba(195,195,195,0.5); display:inline-block;}
		#mainVisual .swiper-pagination-bullet>i b{width:0%; background-color:#fff; position: absolute; left:0; top:0;}
		#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{}
		#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active>em{color: rgba(255,255,255,1);}
		#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active>i{width:12rem; margin-left:2rem; display:inline-block;}
		/*#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active>i b{width:100%; transition: width 5s linear; transition-delay: 1s;}*/

		#mainVisual .swiper-btn button{width:2.7rem; height:2.7rem; background:transparent url("/images/btn_slick_pause.png") no-repeat left top/cover; border:none;}
		#mainVisual .swiper-btn button.pause{background-image:url("/images/btn_slick_play.png");}

		#mainVisual .swiper-number{width:100%; max-width:156rem; margin-left:-78rem; padding:0 3rem; font-size:3.2rem; line-height:1; color: #fff; text-align: right; position: absolute; left:50%; bottom:6rem; z-index:6;}
		#mainVisual .swiper-number .n{top:-1.5rem; position: relative;}
		#mainVisual .swiper-number .l{top:-0.3rem; position: relative;}
		#mainVisual .swiper-number .t{}

		#mainVisual .swiper-slide-active .vTxt .ii{top:0px; opacity:1;}
		#mainVisual .visualRoll .swiper-slide.swiper-slide-active>img{}

	/* video */
		#main-video{padding:14rem 0 12rem;}
		#main-video .video-swiper{position: relative; overflow: hidden;}
		#main-video .video-swiper .swiper-wrapper{display: flex;}
		#main-video .video-swiper .swiper-slide{width:45rem; min-width:45rem; margin-right:2.5rem; text-align: center; position: relative;}
		#main-video .video-swiper .swiper-slide .youtube{aspect-ratio:16/9; border-radius:1rem; overflow: hidden;}
		#main-video .video-swiper .swiper-slide .youtube iframe{width:100%; height:100%; max-width:none; object-fit: cover;}
		#main-video .video-swiper .swiper-slide .title{padding:1.5rem; font-weight: bold; font-size:2rem; line-height:1.4; color: #222; text-align: center;}

		#main-video .swiper-button{font-family:'SUIT Variable'; font-weight: 500; font-size:5rem; line-height:1; color: #666; position: absolute; top:10.5rem; display: flex; align-items: center; justify-content: center; cursor: pointer;  z-index:3;}
		#main-video .swiper-button:hover{color:var(--point);}
		#main-video .swiper-button-prev{left:1rem;}
		#main-video .swiper-button-next{right:1rem;}

	/* products */
		#main-product{padding:14rem 0; background-color: #f5f5f5; position: relative;}
		#main-product .main-product{width:100%; position: relative; z-index:3;}
		#main-product .main-product .more{width:7.5rem; height:7.5rem; background-color: #fff; font-weight: 100; font-size:2.5rem; line-height:1; color: #adadad; display: flex; align-items: center; justify-content: center; position: absolute; right:0; top:-10.5rem; border-radius:99px; overflow: hidden;}
		#main-product .swiper-container{margin-top:4rem;}
		#main-product .swiper-wrapper{display: flex; justify-content: flex-start;}

		#main-product .swiper-container .swiper-slide{width:33.5rem !important; min-width:33.5rem; margin-right:2rem; text-align: center; position: relative;}
		#main-product .swiper-container .swiper-slide .thumb{width:100%; aspect-ratio: 1/1 ; display:block; overflow:hidden; position: relative; border-radius:1rem;}
		#main-product .swiper-container .swiper-slide .thumb img{width:100%; height:100%; max-width:none; object-fit: cover;}
		#main-product .swiper-container .swiper-slide .cate{margin-top:2.5rem; font-size:1.8rem; line-height:1.4; color: #222;}
		#main-product .swiper-container .swiper-slide .title{margin-top:1rem;font-weight: bold; font-size:2rem; line-height:1.4; color: #222;}

		#main-product .swiper-pagination{margin-top:12rem; display: flex; justify-content: center; gap:2rem;}
		#main-product .swiper-pagination-bullet{width:2rem; height:2rem; background-color:transparent; border:1px solid #666; border-radius:99px; display: inline-block; vertical-align: top; cursor: pointer; position: relative;}
		#main-product .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--point); border-color:var(--point);}

		#main-product .swiper-button{font-family:'SUIT Variable'; font-weight: 500; font-size:5rem; line-height:1; color: #666; position: absolute; top:14.5rem; display: flex; align-items: center; justify-content: center; cursor: pointer;  z-index:3;}
		#main-product .swiper-button:hover{color:var(--point);}
		#main-product .swiper-button-prev{left:1rem;}
		#main-product .swiper-button-next{right:1rem;}

	/* industries */
		#main-industries{padding:14rem 0; position: relative;}
		#main-industries .main-industries{width:100%; position: relative;}
		#main-industries .main-industries .more{width:7.5rem; height:7.5rem; background-color: #fff; border:1px solid #cdcdcd; font-weight: 100; font-size:2.5rem; line-height:1; color: #adadad; display: flex; align-items: center; justify-content: center; position: absolute; right:0; top:-10.5rem; border-radius:99px; overflow: hidden;}
		#main-industries .main-industries .swiper-container{margin-top:4rem; padding-bottom:7.5rem; overflow: hidden;}
		#main-industries .main-industries .swiper-wrapper{display: flex; justify-content: flex-start;}

		#main-industries .main-industries .swiper-container .swiper-slide{width:33.5rem; min-width:33.5rem; height:38rem; margin-right:2rem; text-align: center; position: relative; display:block;}
		#main-industries .main-industries .swiper-container .swiper-slide .thumb{width:100%; aspect-ratio: 335/224 ; display:block; overflow:hidden; position: relative; border-radius:1rem;}
		#main-industries .main-industries .swiper-container .swiper-slide .thumb img{width:100%; height:100%; max-width:none; object-fit: cover;}
		#main-industries .main-industries .swiper-container .swiper-slide .cate{margin-top:2.5rem; font-size:1.8rem; line-height:1.4; color: #222;}
		#main-industries .main-industries .swiper-container .swiper-slide .title{margin-top:1rem;font-weight: bold; font-size:2rem; line-height:1.4; color: #222; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

		#main-industries .main-industries .swiper-container .swiper-slide .over{width:100%; height:100%; background-color: rgba(0,0,0,0.6); text-align: center; position: absolute; left:0; top:0; display: flex; flex-flow: column wrap; justify-content: center; align-content: center; border-radius:1rem; opacity: 0; transition: all .3s ease-out;}
		#main-industries .main-industries .swiper-container .swiper-slide .over>dt{font-weight: bold; font-size:1.6rem; line-height:1; color: #fff;}
		#main-industries .main-industries .swiper-container .swiper-slide .over>dd{margin-top:1.5rem;}
		#main-industries .main-industries .swiper-container .swiper-slide .over>dd img{height:3.6rem;}

		#main-industries .main-industries .swiper-container .swiper-slide:hover .over{opacity:1;}

		/*
		#main-industries .swiper-pagination{margin-top:12rem; display: flex; justify-content: center; gap:2rem;}
		#main-industries .swiper-pagination-bullet{width:2rem; height:2rem; background-color:transparent; border:1px solid #666; border-radius:99px; display: inline-block; vertical-align: top; cursor: pointer; position: relative;}
		#main-industries .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--point); border-color:var(--point);}
		*/

		#main-industries .swiper-pagination-progressbar{width:100%; height:1rem; background-color:#ddd; position: absolute; left:0; top:auto; bottom:0; border-radius:99px; z-index:6 !important; overflow: hidden;}
		#main-industries .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 100%; height: 100%; background-color:#656565; border-radius:99px; position: absolute; left: 0; top: 0; transform-origin: left top;}

	/* service */
		#main-links{padding:14rem 0; background-color: #f5f5f5; position: relative;  overflow: hidden;}
		#main-links .main-links{display: flex; flex-flow: row wrap; justify-content: center; border-radius:1rem; overflow: hidden;}
		#main-links a{width:50%; aspect-ratio: 700/460; display:block; position: relative; overflow: hidden;}
		#main-links a>img{width:100%; height:100%; max-width:none; object-fit: cover;}

		#main-links a .text-box{width:100%; height:100%; padding-left:13.571%; display: flex; flex-flow: column wrap; justify-content: center; position: absolute; left:0; top:0;}
		#main-links a .text-box>.title{font-weight: 800; font-size:5rem; line-height:1; color: #fff; position: relative;}
		#main-links a .text-box>.text{margin-top:1.5rem; font-weight: 500; font-size:2rem; line-height:1.5; color:#fff;}
		#main-links a .text-box>.btns{width:7.5rem; height:7.5rem; margin-top:3.5rem; border:1px solid #fff; font-weight: 100; font-size:2.5rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:99px; overflow: hidden;}

		#main-links a:before{content: ""; width: 100%; height: 50%; position:absolute; left: 0; top:0%; opacity: 0;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004cca+0,ffffff+100&1+0,0+100 */
			background: linear-gradient(to bottom,  rgba(0,76,202,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}

		#main-links a:hover:before{opacity: 1;}
/*[e] Main Style */

/*[s] Sub Style */
	/* About Us */
		.ourinfo-area{padding-top:10rem; text-align: center;}
		.ourinfo-area .ourinfo-top{display:inline-block; position: relative;}
		.ourinfo-area .ourinfo-top>dl{width:100%; height:100%; text-align: center; display: flex; flex-flow: column wrap; justify-content: center; position: absolute; left:0; top:0;}
		.ourinfo-area .ourinfo-top>dl>dt{}

		.ourinfo-area .ourinfo-top>dl>dt>strong{font-weight: 800; font-size:5.5rem; line-height:1; color: #222; letter-spacing:0.3em !important; display:inline-block; vertical-align: top; position: relative;}
		.ourinfo-area .ourinfo-top>dl>dt>strong:before{content: "ABOUT US"; width: 100%; position:absolute; left: 0; top:75%; transform:rotateX(180deg);
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,000000+100&0.65+0,0+100 */
			background: linear-gradient(to top, rgba(34,34,34,0.1) 0%, rgba(34,34,34,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

			color:transparent;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			-webkit-background-clip: text;
		}
		.ourinfo-area .ourinfo-top>dl>dd{margin-top:10rem; font-size:2rem; line-height:3rem; color: #666; display: flex; flex-flow: row wrap; justify-content: space-around;}
		.ourinfo-area .ourinfo-top>dl>dd strong{padding-bottom:0.5rem; font-size:3.5rem; color: #222; display:block;}
		.ourinfo-area .ourinfo-top>dl>dd p+p strong{color: #3f3f3f;}

		.ourinfo-area .ourinfo-info{margin-top:1rem; display: flex; flex-flow: row wrap; justify-content: center;}
		.ourinfo-area .ourinfo-info>li{width:calc(100% / 3); padding-bottom:2.5rem; text-align: center;}
		.ourinfo-area .ourinfo-info>li+li{border-left:1px dotted #222;}

		.ourinfo-area .ourinfo-info .icon{height:10.8rem;}
		.ourinfo-area .ourinfo-info .icon img[alt="대표자"]{width:7.4rem;}
		.ourinfo-area .ourinfo-info .icon img[alt="설립일"]{width:6.2rem;}
		.ourinfo-area .ourinfo-info .icon img[alt="사업영역"]{width:7.2rem; margin-top:0.3rem;}

		.ourinfo-area .ourinfo-info>li>dl{padding:0 5%;}
		.ourinfo-area .ourinfo-info>li>dl>dt{font-weight: bold; font-size:2.2rem; line-height:1; color: #222;}
		.ourinfo-area .ourinfo-info>li>dl>dd{margin-top:2rem; font-size:1.8rem; line-height:3rem; color: #666;}
		.ourinfo-area .ourinfo-info>li>dl>dd>dl{display: inline-flex; align-items: center; gap:1.5rem;}
		.ourinfo-area .ourinfo-info>li>dl>dd>dl>dt{width:12.2rem;}
		.ourinfo-area .ourinfo-info>li>dl>dd>dl>dd{}

		.ourinfo-area .ourinfo-store{}
		.ourinfo-area .ourinfo-store>li{border:1px solid #ddd; display: flex; justify-content: space-between;}
		.ourinfo-area .ourinfo-store>li+li{margin-top:4rem;}
		.ourinfo-area .ourinfo-store>li>.logo{width:35.3846%; background-color: #f9f9f9; display: flex; align-items: center; justify-content: center;}
		.ourinfo-area .ourinfo-store>li>.logo img{mix-blend-mode: multiply;}
		.ourinfo-area .ourinfo-store>li>.logo img[alt="LINE SEIKI"]{width:13rem;}
		.ourinfo-area .ourinfo-store>li>.logo img[alt="IDEC"]{width:18rem;}

		.ourinfo-area .ourinfo-store>li>.text-area{width:64.6154%; padding:3rem 0 4rem; text-align: left;}
		.ourinfo-area .ourinfo-store>li>.text-area .text-in{width:78.5714%; margin:0 auto;}
		.ourinfo-area .ourinfo-store>li>.text-area .title{padding-bottom:1.5rem; font-weight: bold; font-size:3rem; line-height:1.3; color: #222;}
		.ourinfo-area .ourinfo-store>li>.text-area .text{padding-top:2rem; border-top:1px solid #e6e6e6; font-size:2rem; line-height:3rem; color: #666;}
		.ourinfo-area .ourinfo-store>li>.text-area .option{margin-top:2.5rem; display: flex; align-items: flex-start;}
		.ourinfo-area .ourinfo-store>li>.text-area .option+.option{margin-top:1.2rem;}
		.ourinfo-area .ourinfo-store>li>.text-area .option>dt{width:10.5rem;}
		.ourinfo-area .ourinfo-store>li>.text-area .option>dt>strong{width:9rem; height:3.6rem; background-color: #e6eefb; font-weight: 500; font-size:1.5rem; line-height:1; color: #004cca; border-radius:99px; display: flex; align-items: center; justify-content: center;}
		.ourinfo-area .ourinfo-store>li>.text-area .option>dd{width:calc(100% - 10.5rem); padding-top:0.3rem; font-size:1.8rem; line-height:1.55; color: #222;}
		.ourinfo-area .ourinfo-store>li>.text-area .option>dd>a{text-decoration: underline; text-underline-position:under;}

		.ourinfo-area .ourinfo-store-etc{display: flex; flex-flow: row wrap; gap:3.5rem 2.6923%;}
		.ourinfo-area .ourinfo-store-etc>li{width:calc((100% - 8.0769%) / 4);}
		.ourinfo-area .ourinfo-store-etc>li .logo{width:100%; height:16rem; background-color: #fff; border:1px solid #ddd; display: flex; align-items: center; justify-content: center; box-shadow:1.5rem 1.5rem 2.5rem rgba(0,0,0,0.05); border-radius:1rem;}
		.ourinfo-area .ourinfo-store-etc>li .logo img{mix-blend-mode: multiply;}
		.ourinfo-area .ourinfo-store-etc>li .logo img[alt="MTL"]{width:13rem;}
		.ourinfo-area .ourinfo-store-etc>li .logo img[alt="Orient"]{width:16rem;}
		.ourinfo-area .ourinfo-store-etc>li .logo img[alt="Kacon"]{width:16.2rem;}
		.ourinfo-area .ourinfo-store-etc>li .logo img[alt="Qlight"]{width:16rem;}

		.ourinfo-area .ourinfo-store-etc>li .title{padding-top:1.5rem; font-weight: bold; font-size:2rem; line-height:1.45; color: #222;}
		.ourinfo-area .ourinfo-store-etc>li .text{padding-top:0.3rem; font-size:1.8rem; line-height:1.55; color: #222;}

		.ourinfo-area .ourinfo-location{margin-top:-4rem; text-align: left; display:none;}
		.ourinfo-area .ourinfo-location .juso{margin-top:4rem; font-weight:500; font-size:2.5rem; line-height:3.5rem; color: #222;}
		.ourinfo-area .ourinfo-location .info{margin-top:3.5rem; display: flex; flex-flow: row wrap; align-items: flex-start; gap:3rem;}
		.ourinfo-area .ourinfo-location .info>dl{flex:1;}
		.ourinfo-area .ourinfo-location .info>dl>dt{padding-left:1.3rem; font-weight:600; font-size:2.2rem; line-height:3rem; color: #222; position: relative;}
		.ourinfo-area .ourinfo-location .info>dl>dt:before{content: ""; width: 0.7rem; height: 2.2rem; margin-top:-1rem; background-color: var(--point); position:absolute; left: 0; top:50%;}
		.ourinfo-area .ourinfo-location .info>dl>dd{margin-top:1rem; display: flex; gap:2rem;}
		.ourinfo-area .ourinfo-location .info>dl>dd>p{font-size:1.8rem; line-height:2.8rem; color: #666; display: flex; gap:0 1rem; white-space: nowrap;}
		.ourinfo-area .ourinfo-location .info>dl>dd>p>strong{font-weight: 600; color: #222;}

	/* Industries */
		.industries-list{width:100%; display: flex; flex-flow: row wrap; gap:8rem 6.1538%;}
		.industries-list>a{width:calc((100% - 12.3076%) / 3); height:35rem; padding:4.5rem 4rem; background-color: #282d3b; display: flex; flex-flow: row wrap;}
		.industries-list>a .title{padding-bottom:1.2rem; font-weight: bold; font-size:2.5rem; line-height:1.4; color: #fff; position: relative;}
		.industries-list>a .title:before{content: ""; width: 10rem; height: 2px; background-color: var(--point); position:absolute; left: 0; bottom:0;}
		.industries-list>a .text{min-height:12.5rem; margin-top:3.5rem; font-size:1.7rem; line-height:2.7rem; color: #fff;}
		.industries-list>a .more{margin-top:3.5rem; font-size:1.6rem; line-height:1; color: #fff; display: flex; align-items: center; gap:0.5rem;}
		.industries-list>a .more>span{}

	/* history */
		.history-visual{border-radius:1.5rem; overflow: hidden; position: relative;}
		.history-visual>p{width:100%; height:100%; font-weight: bold; font-size:3.6rem; line-height:1; color: rgba(255,255,255,0.9); position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}

		.history-title{margin:9rem 0 10rem; text-align: center;}
		.history-title>dt{}
		.history-title>dt img{height:5.5rem;}
		.history-title>dd{margin-top:2rem; font-weight: 500; font-size:2.4rem; line-height:1.3; color: #444;}

		.history-area{font-size:0; line-height:0; position: relative;}
		.history-area:before{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color: rgba(221,221,221,0.8); display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:0;}
		.history-area #his_progress{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color:var(--point); display: inline-block; position:absolute; left: 50%; top:1.5rem; border-radius: 0 0 9px 9px;}

		.history-area>li{text-align: right; display: flex; justify-content: space-between; position: relative; z-index:2;}
		.history-area>li+li{margin-top:10rem;}
		.history-area .history-in{width:50%; padding:0 0 0 12rem; text-align: left; display:inline-block; vertical-align: top; position: relative; cursor: default; order:2;}
		.history-area .history-in[href]{cursor: pointer !important;}
		.history-area .history-in:before{content: ""; width: 2.4rem; height:2.4rem; background-color:var(--btn_c); border:4px solid #fff; display: inline-block; position:absolute; left: -1.2rem; top:1rem; border-radius:999px; box-sizing: border-box;}
		.history-area .history-in>strong{font-weight: bold; font-size:4.2rem; line-height:1; color: var(--point); display:block;}
		.history-area .txt_wrap{margin-top:3rem; display: flex; justify-content: flex-start;}
		.history-area .txt_wrap p{font-size:1.8rem; line-height:1.45; color: #666; text-align: left; position: relative; display: flex; gap:0 3rem;}
		.history-area .txt_wrap p>strong{font-weight: 500; color: #333;}
		.history-area .txt_wrap p+p{margin-top:0.5rem;}
		/*.history-area .txt_wrap>p:before{content: "ㆍ"; position:absolute; left: -0.3rem; top:0px;}*/

		.history-area .txt_wrap>p+p{margin-top:1rem;}
		/*.history-area .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;}*/

		.history-area>li .thumb{width:50%; margin-top:0; padding:0 12rem 0 0; position: relative; order:1;}
		.history-area>li .thumb img{width:100%; max-height:35rem; object-fit:cover; object-position: center center;}

		.history-area>li:nth-child(even){text-align: left;}
		.history-area>li:nth-child(even) .history-in{padding:0 12rem 0 0; text-align: right; order:1;}
		.history-area>li:nth-child(even) .history-in:before{left:auto; right: -1.2rem;}
		.history-area>li:nth-child(even) .thumb{padding:0 0 0 12rem; order:2;}
		.history-area>li:nth-child(even) .thumb img{left:12rem; right:0;}
		.history-area>li:nth-child(even) .txt_wrap{justify-content: flex-end;}
		.history-area>li:nth-child(even) .txt_wrap p{justify-content: flex-end; text-align: right;}
		.history-area>li:nth-child(even) .txt_wrap p>strong{order:2;}

	/* store */
		.store-area{margin-bottom:4rem; display: flex; align-items: center; justify-content: space-between;}
		.store-area>*{width:50%;}
		.store-area>.store-map{padding:0 3rem; text-align: center; order:1;}
		.store-area>.store-map .thumb{display:inline-block; position: relative;}
		.store-area>.store-map .thumb .finding-map-link{width:76px; height:28px; background-color: #999; font-family:"Pretendard GOV"; font-weight: 600; font-size:14px; line-height:1; color: #fff; position: absolute; left:50%; top:50%; display: flex; align-items: center; justify-content: center; border-radius:99px;}
		.store-area>.store-map .thumb .finding-map-link:after{content: ""; width: 48px; height: 49px; margin-left:-24px; background: url('/images/sub/img_map_pin.png') no-repeat center top / cover; position:absolute; left: 50%; bottom:calc(100% + 9px); opacity: 0; display:none;}
		.store-area>.store-map .thumb .finding-map-link[data-val="10"]{margin:-55.4% 0 0 -16.2%;} /* 서울 */
		.store-area>.store-map .thumb .finding-map-link[data-val="1"]{margin:-48.6% 0 0 -45.9%;} /* 인천 */
		.store-area>.store-map .thumb .finding-map-link[data-val="2"]{margin:-62.7% 0 0 18.3%;} /* 강원 */
		.store-area>.store-map .thumb .finding-map-link[data-val="9"]{margin:-39.7% 0 0 -8.6%;} /* 경기 */
		.store-area>.store-map .thumb .finding-map-link[data-val="7"]{margin:22.9% 0 0 3.8%;} /* 경남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="4"]{margin:-15.7% 0 0 20.4%;} /* 경북 */
		.store-area>.store-map .thumb .finding-map-link[data-val="6"]{margin:41.7% 0 0 -26.2%;} /* 전남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="5"]{margin:7.5% 0 0 -30.5%;} /* 전북 */
		.store-area>.store-map .thumb .finding-map-link[data-val="8"]{margin:64.7% 0 0 -49.7%;} /* 제주 */
		.store-area>.store-map .thumb .finding-map-link[data-val="3"]{margin:-19.2% 0 0 -34.3%;} /* 충남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="11"]{margin:-26.9% 0 0 -3.2%;} /* 충북 */

		.store-area>.store-map .thumb .finding-map-link[data-val="16"]{margin:36.1% 0 0 26.8%;} /* 부산 */
		.store-area>.store-map .thumb .finding-map-link[data-val="13"]{margin:5.1% 0 0 22.8%;} /* 대구 */
		.store-area>.store-map .thumb .finding-map-link[data-val="14"]{margin:27.1% 0 0 -42.2%;} /* 광주 */
		.store-area>.store-map .thumb .finding-map-link[data-val="12"]{margin:-11.9% 0 0 -9.2%;} /* 대전 */
		.store-area>.store-map .thumb .finding-map-link[data-val="15"]{margin:22.1% 0 0 36.8%;} /* 울산 */


		.store-area>.store-map .thumb .finding-map-link:is(:hover, .active){background-color: var(--point); z-index:2;}
		.store-area>.store-map .thumb .finding-map-link.active:after{height: 58px; opacity: 1;}

		.store-area>.store-inj{padding-right:3rem; order:2;}
		.store-area>.store-inj>dl{}
		.store-area>.store-inj>dl>dt{font-weight: bold; font-size:3.2rem; line-height:1; color:var(--point);}
		.store-area>.store-inj>dl>dd{margin-top:2rem; font-family:"Pretendard GOV"; font-weight: 500; font-size:2.1rem; line-height:1.2; color: #254737;}
		.store-area .store-inj-box{height:20.5rem; margin-top:2.5rem; padding:0 3rem; background-color: #f8fbfa; display: flex; align-items: center; justify-content: center; gap:2rem; border-radius:1rem;}
		.store-area .store-inj-box img{width:14rem; min-width:14rem;}
		.store-area .store-inj-box>dl{}
		.store-area .store-inj-box>dl>dt{font-family:"Pretendard GOV"; font-weight: bold; font-size:2.3rem; line-height:1; color:#1b1b1b;}
		.store-area .store-inj-box>dl>dd{margin-top:1rem; font-family:"Pretendard GOV"; font-weight: 500; font-size:1.8rem; line-height:1.4; color: #254737;}
		.store-area .store-inj-btn{margin-top:2.5rem; display: flex; justify-content: flex-end;}
		.store-area .store-inj-btn>a{font-weight: 700; font-size:1.6rem; line-height:1.2; color: #333; display: flex; align-items: center; gap:0.5rem;}
		.store-area .store-inj-btn>a img{height:0.8rem;}


		.store-table{width:100%; border-top:2px solid #666; overflow: hidden;}
		.store-table>table{width:100%; border-spacing:0;}
		.store-table>table th,
		.store-table>table td{height:7rem; padding:1.5rem 2rem; background-color: #fff; border-bottom:1px solid #ddd; font-size:1.6rem; line-height:1.6; color:#666; text-align:center; border-collapse:collapse; empty-cells:show; word-break:break-all;}

		.store-table>table th{background-color: #fdfdfe;}
		.store-table>table>thead>tr>th{font-weight: 700; font-size:1.7rem; color: #111;}
		.store-table>table .tit{font-weight: 700; color: #111;}
		.store-table>table .btn{width:9rem; height:3.7rem; margin:0 auto; background-color: #808080; border:1px solid #707070; font-weight: 700; font-size:1.5rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}

		.store-online-top{height:32rem; background: url('/images/sub/bg_store.jpg') no-repeat center center / cover; display: flex; align-items: center; justify-content: center;}
		.store-online-top>dl{width:100%; padding-left:10%;color: #fff;}
		.store-online-top>dl>dt{font-size:3.4rem; line-height:5.2rem;}
		.store-online-top>dl>dd{margin-top:3rem; font-size:2.2rem; line-height:1;}

		.store-online-btm{margin-top:5.5rem;}
		.store-online-btm .text{font-size:2.1rem; line-height:3.8rem; color: #333;}
		.store-online-btm .text>strong{font-weight: 700; color: var(--point);}

	/* etc */
		.etc_clause{width:90%; margin:0 auto;  font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible !important;}
		.etc_clause:before,
		.etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px; border-radius:0 7rem 0 7rem;}
		.etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

		.etc_clause .etc_clause_in{padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; border-radius:0 7rem 0 7rem; position: relative; z-index:2;}
		.etc_clause .logo{margin:0;}
		.etc_clause .logo img{}
		.etc_clause .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
		.etc_clause .txt>span{font-weight: 400; color: #1b1b1b;}

		.etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;}

		.etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
		.etc_select select.base{width:auto;}

	/* search */
		.search-area{}
		.search-area .search-result{font-weight: bold; font-size:2.6rem; line-height:1.2; color: #111; text-align: center;}
		.search-area .search-result>strong{color: #cc0000;}

		.search-area .search-re{margin-top:5rem; border-top:2px solid #111;}
		.search-area .search-re+.search-re{margin-top:10rem;}

		.search-area .search-re .search-re-tit{padding:3rem 0 0 3rem; display: flex; align-items: center; gap:1rem;}
		.search-area .search-re .search-re-tit strong{font-weight: 600; font-size:3rem; line-height:1; color: #111;}
		.search-area .search-re .search-re-tit span{height:3rem; padding:0 1.5rem; background-color:var(--point); font-weight: 600; font-size:1.8rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:99px;}

		.search-area .search-re-list{}
		.search-area .search-re-list>li{border-bottom:1px solid #ddd;}

		.search-area .search-link{padding:2.5rem 3rem; display:block;}
		.search-area .search-link .tit{font-weight: bold; font-size:2.2rem; line-height:1.3; color: #000;}
		.search-area .search-link .tit>strong{color: #cc0000;}
		.search-area .search-link .txt{margin-top:1rem; font-weight: 500; font-size:1.6rem; line-height:1.4; color: var(--point);}

		.search-area .search-re .search-more{margin-top:6rem; display: flex; justify-content: center;}
		.search-area .search-re .search-more>a{height:4.1rem; padding:0 2.7rem; border:1px solid #666; font-weight: bold; font-size:1.8rem; line-height:1; color: #555; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}

		.search-area .result-group{margin-top:5rem; border-top:2px solid #111;}
		.search-area .result-group dl{border-bottom:1px solid #ddd; display: flex; align-items: center;}
		.search-area .result-group dl dt{width:15rem; height:15rem; margin-right:2rem; border:1px solid #ddd; overflow:hidden;  position:relative;}
		.search-area .result-group dl dt img{max-width:100%;position:absolute;width:auto; height:auto;margin:auto;top:0; bottom:0; left:0; right:0;}

		.search-area .result-group dl dd{width:calc(100% - 17rem);}
		.search-area .result-group dl dd div {}
		.search-area .result-group dl dd div.title{display: flex; align-items: center; gap:0 1rem;}
		.search-area .result-group dl dd div.title a{font-weight: bold; font-size:2.2rem; line-height:1.3; color: #000;}
		.search-area .result-group dl dd div.title a>h2 {}
		.search-area .result-group dl dd div.title a[target="_blank"]{height:3rem; padding:0 1.5rem; background-color:var(--point); font-weight: 400; font-size:1.6rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:99px;}
		.search-area .result-group dl dd div.cont{max-height: 4.8rem; margin-top:1rem; font-weight: 400; font-size:1.8rem; line-height:2.4rem; color: #999; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
		/*
		.search-area .result-group dl dd div.cont{ max-height: 72px; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
		.search-area .result-group dl dd div.date {color:#999;}
		*/
		.search-area .result-group dl dd div.navi, .result-group dl dd div.navi a {margin-top:1.5rem; font-weight: 500; font-size:1.6rem; line-height:1.4; color: var(--point);}

		.result-group .more {text-align:right;}
		.result-group .more a {font-size:13px; color:#7d7d7d; text-decoration:underline;}
/*[e] Sub Style */

/*[s] Plugin Style */
	.layer-base.fancybox__content>.carousel__button.is-close{width:3.3rem; height:3.3rem; top:2.2rem !important; right:3rem; display:none !important;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:1.5; filter:none; color: #666;}

	.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
	.layer-base .layer-in{}
	/*
		.lay-table{width:100%; font-size:0; line-height:0;}
		.lay-table>table{width:100%; border-spacing:0; table-layout : fixed;}
		.lay-table>table th,
		.lay-table>table td{height:7rem; padding:1.5rem 0; background-color: #fff; border-top:1px solid #ebebeb; font-size:1.6rem; line-height:1.5; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

		.lay-table>table th{}
		.lay-table>table>thead>tr>th{}
		.lay-table>table>tbody>tr>th{font-weight: 500; color: #222;}

		.lay-table>table .tel{padding-left:4rem; display:inline-block;}
		.lay-table>table .tel>strong{font-weight: 500; color: #ffde25;}

		.lay-table>table .btns{width:20rem; height:5rem; background-color: #fff; font-weight: 500; font-size:1.6rem; line-height:5rem; color: #222; text-align: center; display:inline-block; vertical-align: top; border-radius:0.5rem; box-shadow:0 0 2rem rgba(0,0,0,0.1);}
		.lay-table>table .btns>span{font-weight:bold; font-size:1.6rem;}
		.lay-table>table .btns+.btns{margin-left:1rem;}
		.lay-table>table .btns.kakao{background-color: #ffe618;}

		#layer-time,
		#layer-juso{width:100%; max-width:160rem;}
		.layer-base .title{padding-top:2.3rem; font-weight: bold; font-size:3rem; line-height:1; color: #222; position: relative;}
		.layer-base .title:before{content: ""; width: 4rem; height: 0.5rem; background-color: #222; font-size:0; line-height:0; display: inline-block; position:absolute; left: 0; top:0px;}
		.lay-time-area{margin-top:3rem; display: flex; justify-content: space-between;}
		.lay-time-area .lay-map{width:50%; border-radius:1rem; overflow:hidden; position: relative;}
		.lay-time-area .lay-map>img{width:100%; max-width:none;}
		.lay-time-area .lay-map .root_daum_roughmap{width:1400px; height:700px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
		.lay-time-area .lay-map .wrap_map,
		.lay-time-area .lay-map .map{width:100%; height:100%;}
		.lay-time-area .lay-table{width:45.7142%;}

		#layer-schdule{width:100%; max-width:84rem;}
		#layer-schdule .layer-in{padding:8rem 4rem 5rem;}
		#layer-schdule .layer-schdule-area{}
		#layer-schdule .layer-schdule-text{margin-top:4rem; font-size:1.6rem; line-height:1.4; color: #666;}
		#layer-schdule .layer-schdule-text>dt{font-weight: 500; font-size:1.8rem; color: #222; }
		#layer-schdule .layer-schdule-text>dd{margin-top:1rem;}
	*/
	#insight-summary{width:100%; max-width:120rem; text-align: center;}
	#insight-summary .layer-in{padding:9rem 12rem; background-color: #fff; border-radius:1rem;}
	#insight-summary .character{}
	#insight-summary .character img{width:10rem;}
	#insight-summary .insight-summary-title{}
	#insight-summary .insight-summary-title>dt{font-weight: 600; font-size:3rem; line-height:1.2; color: var(--point);}
	#insight-summary .insight-summary-title>dd{font-size:2.6rem; line-height:3.4rem; color: #666;}

	.insight-summary-title{width:100%; margin-bottom:6rem; padding:4rem 3rem; background-color: #f0f0f0;}
	.insight-summary-title .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-title .title{margin-top:1rem; font-weight: 600; font-size:2.4rem; line-height:1.2; color: var(--point); display: block; overflow: hidden;}
	.insight-summary-title .day{margin-top:2rem; font-size:1.4rem; line-height:1.2; color: #999;}

	.insight-summary-list{width:100%; text-align: left;}
	.insight-summary-list>li+li{margin-top:5.5rem;}
	.insight-summary-list .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-list .title{margin-top:1.5rem; font-weight: 600; font-size:2rem; line-height:1.2; color: var(--point); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.insight-summary-list .text{margin-top:1rem; font-size:1.6rem; line-height:2.6rem; color: #666; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.insight-summary-list .view{margin-top:1.5rem; font-size:1.4rem; line-height:1.2; color: #999; text-decoration: underline; text-underline-position:under; display:inline-block;}

	#insight-summary .insight-summary-list{margin-top:4rem;}

	/* Layer Style */
		/*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/

		.layerCell{display:none;}

		.layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
		.layerArea.one,
		.layerArea.two{width:100%; height:100%; left:0%; top:0%;}
		.layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
		.layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;}
		.layerArea .closeLy:before,
		.layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;}
		.layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;}
		.layerArea .closeLy.type02:before,
		.layerArea .closeLy.type02:after{background-color: #676767;}

		.layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
		.layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
		.layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;}
		/*
		.layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;}
		*/
		.layerArea .layerIn .layerBox .contLy{position: relative;}

		.downlay{width:100%; padding:10rem 0; border-radius:0 !important;}
		.downlay .closeLy{top:-5rem;}
		.downlay>.contLy{width:64.5rem; margin:0 auto; text-align: center;}
		.downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;}
		.downlay .title>strong{color: #23abaf;}
		.downlay .utllBox{width:47.6rem; margin:0 auto; display:table; table-layout: fixed;}
		.downlay .utllBox>*{width:50%; display:table-cell; vertical-align: top; box-sizing: border-box;}
		.downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;}
		.downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;}
		.downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;}
		.downlay .utllBox .icon>p+p{margin-top:2rem;}
		.downlay .utllBox>.qr{border-left:1px solid #dadada;}
		.downlay .utllBox>.store img{width:16.8rem;}
		.downlay .utllBox>.qr img{width:15rem;}

		.formLay{width:62rem; padding:7rem 5rem 6rem; border-radius:1rem;}
		.formLay input[type=text]{width:100%; height:5.4rem; padding:0; background-color:#fff; border-bottom:2px solid #e8e8e8; font-size:1.8rem; line-height:5.2rem; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;}
		.formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;}
		.formLay .textBox{width:62rem; margin:-1px 0 0 -5rem; padding:4rem 0; background-color: #f6f7fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:1.9rem; line-height:1; color: #1b1b1b; letter-spacing: -0.08em; text-align: center; position: relative; z-index:2;}
		.formLay .textBox>span{color: #149699;}
		.formLay .launchingForm{margin-top:1rem;}
		.formLay .launchingForm>li{padding-top:4rem;}
		.formLay .launchingForm>li>dl{}
		.formLay .launchingForm>li>dl>dt{font-weight: 500; font-size:1.9rem; line-height:1; color: #1b1b1b;}
		.formLay .launchingForm>li>dl>dd{height:6.4rem; padding-top:1rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;}
		.formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;}
		.formLay .launchingForm>li>dl .checkIn{}

		.formLay .launchingForm>li.two{display: flex; justify-content: space-between;}
		.formLay .launchingForm>li.two>dl{width:48%;}
		.formLay .launchingForm>li .clauseView{font-size:1.7rem; line-height:1; color: #989898;display:inline-block;}
		.formLay .launchingForm>li .clauseView>span{border-bottom:1px solid #999; padding:0.2rem 0 0.3rem; display:inline-block;}
		.formLay .btnArea{margin-top:6rem;}

		.privacylay{width:62rem; padding:7rem 5rem;}
		.privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;}
		.privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;}

	/* Img Over Bg Style */
		#photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
		#photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
		#photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
		#photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
		#photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

	/* Notice One Line Style */
		.mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
		.mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
		.mNoticeList>ul>li{height:60px; position: relative;}
		.mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
		.mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
		.mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
		.mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
		.mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

@media only screen and (max-width : 1400px){
	/*[s] Main Style */
		#mainVisual .vTxtArea{max-width:none; margin-left:0; padding-left:3rem; left:0;}
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[e] Sub Style */
}
@media only screen and (max-width : 1300px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:120rem !important;}

	/*[s] Main Style */
		/* business */
			#main-business{padding-top:26rem; background-color: #fff; flex-wrap: wrap;}
			#main-business .title{color: #1b1b1b;}
			#main-business>a{width:50%; height:48rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* warehouse */
			.warehouse-why{gap:2rem;}
			.warehouse-why>li{width:calc((100% - 4rem) / 2);}

			.warehouse-service{gap:10rem 8rem;}
			.warehouse-service>li{width:calc((100% - 8rem) / 2);}

			.warehouse-service>li:nth-of-type(2)>p:before{width: 8rem;height: 8rem;margin-left:-4rem;right:auto;left: 50%;top:auto; bottom: -18rem;transform: rotate(90deg);}
			.warehouse-service>li:nth-of-type(3){order:4;}
			.warehouse-service>li:nth-of-type(3)>p:before{right:auto; left:-8rem; transform: rotateY(-180deg);}
			.warehouse-service>li:nth-of-type(4){order:3;}

		/* transport */
			.transport-area>li>dl{left:3rem; right:3rem;}

	/*[e] Sub Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.wideFrame.h740{height: 0; padding-bottom: 56.25%;}

		.product-d3>a{width:calc(100% / 4);}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{position: absolute; left:2rem !important; top:2rem !important;}
		.hd_pops_con{width:auto !important;}
	/*[e] Main Popup Style */

	/*[s] Main Style */
		/* visual */
			#mVisual .visualRoll .slider img{}
			#mVisual .slick-arrow{display:none !important;}
			#mVisual .slick-dots{display:block !important;}

		/* service */
			#main-links{}
			#main-links .main-links{}
			#main-links a{width:100%; aspect-ratio: 640/360;}
			#main-links a>img{}

			#main-links a:before{display:none !important;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* our info */
			.ourinfo-area .ourinfo-store-etc>li{width:calc((100% - 2.6923%) / 2);}

		/* Industries */
			.industries-list{gap:5rem 6.1538%;}
			.industries-list>a{width:calc((100% - 6.1538%) / 2);}

		/* history */
			.history-area .history-in{padding:0 0 0 4rem;}
			.history-area>li .thumb{padding:0 4rem 0 0;}
			.history-area>li .thumb img{}

			.history-area>li:nth-child(even) .history-in{padding:0 4rem 0 0;}
			.history-area>li:nth-child(even) .thumb{padding:0 0 0 4rem;}

		/* store */
			.store-area{display: block;}
			.store-area>*{width:100%;}
			.store-area>.store-inj{padding:0 0 7rem 0 ;}

			.store-table{}
			.store-table>table{}
			.store-table>table,
			.store-table>table tbody,
			.store-table>table tr,
			.store-table>table td,
			.store-table>table th{height:auto; padding:0; background-color: #fff; border:none; display:block;}
			.store-table>table>thead{display:none;}

			.store-table>table tr{padding:3rem 0; border-bottom:1px solid #ddd;}

			.store-table>table th,
			.store-table>table td{margin-bottom:1rem; text-align: left; position: relative; display: flex; align-items: center; justify-content: flex-start;}
			.store-table>table .bo_tit{justify-content: flex-start;}
			.store-table>table th:before,
			.store-table>table td:before{width:14rem; min-width:14rem; content: attr(data-title); padding-right:2rem; font-weight: 700; color: #222; text-align: justify;}
			.store-table>table th:after,
			.store-table>table td:after{content:""; width:1px; height:1.6rem; background-color: #ccc; font-size:0; position: absolute; left:11.5rem; top:50%; transform: translateY(-50%);}

			.store-table>table .btn{margin:0;}

		/* search */
			.search-area .result-group dl dd div.title a[target="_blank"]{display:none;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.fancybox__slide{padding:48px 3rem 8px !important;}
		#insight-summary .layer-in{padding:9rem 6rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.depth-three>a{height:7.5rem; font-size:2.4rem;}

		.scroll_info{padding:2rem 0 5rem;}
		.scroll_info:before{font-size:2.4rem; top:0;}

		h4.bul{font-size:3rem;}

		h4.txt{}

		.wideKakao>.root_daum_roughmap{height:42rem;}

		.product-d3>a{width:calc(100% / 3); padding:2rem 1rem; font-size:2rem;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{left:2rem !important; right:2rem !important;}
		.hd_pops_con{}

		#popLayer{}
		#popLayer #moPopArea{}
		#popLayer #moPopArea .moPop{max-width:90%;}
		#popLayer #moPopArea #moPopRoll{}
		#popLayer .slider{}
		#popLayer .slider img{}
		/*
		#popLayer .slider#HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
		#popLayer .slider#HKeditorContent img{width:auto;}

		#popLayer #moPopRoll.roll .slider{}
		*/

		#popLayer .layerPopClose{width:4rem; height:4rem; right:2rem; top:2rem;}
		#popLayer .layerPopClose:before{margin:-1px 0 0 -2rem;}
		#popLayer .layerPopClose:after{margin:-2rem 0 0 -1px;}

		#popLayer .moPopClose{}
		#popLayer .moPopClose>*{height:8rem; font-size:2rem;}
		/*
		#popLayer .moPopClose button{font-size:1.8rem; line-height:2.4rem;}
		#popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;}
		#popLayer .moPopClose button.toDay_close{padding-left:3.2rem;}
		#popLayer .moPopClose button.close{padding-right:3.2rem}
		*/

		#popLayer .slick-dots{bottom:10rem;}
		#popLayer .slick-dots>li{}
		#popLayer .slick-dots>li+li{}
		#popLayer .slick-dots>li button{width:1.8rem; height:1.8rem;}
		#popLayer .slick-dots>li.slick-active button{}
	/*[e] Main Popup Style */

	/*[s] Main Style */
		.m-title{margin-bottom:4rem; font-size:5rem;}

		.m-tab{width:100%; display: flex; align-items: center; justify-content: center;}
		.m-tab>a{font-size:2.4rem;}

		.m-tab-d3 .swiper-slide{height:7rem; padding:0 3rem; font-size:2.4rem;}
		.m-tab-d3 .swiper-button{font-size:3.5rem; display:none !important;}

		/* visual */
			#mainVisual{margin-top:9rem;}
			#mainVisual .visualRoll .swiper-slide{background-color: #f5f5f5;}
			#mainVisual .visualRoll .swiper-slide>img{height:82rem; object-fit: cover; object-position: center center;}
			#mainVisual .vTxtArea{padding:0rem 3rem 5rem; align-items: flex-end;}

			#mainVisual .vTxt .ii{text-align: center;}
			#mainVisual .vTxt .ii.text{font-size:2.4rem;}
			#mainVisual .vTxt .ii.btns>a{width:20rem; height:7rem; font-size:2.2rem;}

		/* video */
			#main-video .video-swiper .swiper-slide{width:55rem; min-width:55rem; margin-right:4rem;}
			#main-video .video-swiper .swiper-slide .title{font-size:2.4rem;}

		/* PRODUCTS */
			#main-product .main-product .more{font-size:3.5rem;  top: -11.5rem;}

			#main-product .swiper-container .swiper-slide{width:55rem; min-width:55rem; margin-right:4rem;}
			#main-product .swiper-container .swiper-slide .cate{font-size:2.2rem;}
			#main-product .swiper-container .swiper-slide .title{font-size:2.4rem;}

			#main-product .swiper-pagination{margin-top:9rem;}

			#main-product .swiper-button{display:none;}

		/* industries */
			#main-industries .main-industries .more{font-size:3.5rem; top: -11rem;}
			#main-industries .main-industries .swiper-container .swiper-slide{width:55rem; min-width:55rem; height:auto; margin-right:4rem; padding-bottom:3rem;}
			#main-industries .main-industries .swiper-container .swiper-slide .cate{font-size:2.2rem;}
			#main-industries .main-industries .swiper-container .swiper-slide .title{font-size:2.4rem;}

			#main-industries .main-industries .swiper-container .swiper-slide .over{display:none !important;}

		/* service */
			#main-links{padding:0;}
			#main-links .inConts{padding:0 !important;}
			#main-links .main-links{border-radius:0rem;}

			#main-links a .text-box{padding-left:0; align-content: center; text-align: center;}
			#main-links a .text-box>.title{}
			#main-links a .text-box>.text{margin-top:3rem; font-size:2.4rem;}
			#main-links a .text-box>.btns{display:none;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* our info */
			.ourinfo-area{padding-top:7.5rem;}
			.ourinfo-area .ourinfo-top{width:100vw; margin-left:-3rem;}
			.ourinfo-area .ourinfo-top>dl{}
			.ourinfo-area .ourinfo-top>dl>dt>strong{font-size:4.5rem; letter-spacing:0.2em !important;}
			.ourinfo-area .ourinfo-top>dl>dd{margin-top:4.5rem; font-size:2.2rem; line-height:3.2rem;}
			.ourinfo-area .ourinfo-top>dl>dd strong{padding-bottom:0.5rem; font-size:3rem;}
			.ourinfo-area .ourinfo-top>dl>dd p{width:100%;}
			.ourinfo-area .ourinfo-top>dl>dd p+p{margin-top:1.5rem;}

			.ourinfo-area .ourinfo-info{}
			.ourinfo-area .ourinfo-info>li{width:100%; padding:5rem 0; text-align: left; display: flex; align-items: flex-start;}
			.ourinfo-area .ourinfo-info>li+li{border-left:none; border-top:1px dotted #222;}

			.ourinfo-area .ourinfo-info .icon{width:16rem; height:auto; text-align: center;}
			.ourinfo-area .ourinfo-info>li>dl{width:calc(100% - 16rem); padding:0;}
			.ourinfo-area .ourinfo-info>li>dl>dt{font-size:2.6rem;}
			.ourinfo-area .ourinfo-info>li>dl>dd{margin-top:1.5rem; font-size:2.4rem; line-height:3.4rem;}
			.ourinfo-area .ourinfo-info>li>dl>dd>dl{display: flex; gap:2rem;}
			.ourinfo-area .ourinfo-info>li>dl>dd>dl>dt{width:auto; order:2;}
			.ourinfo-area .ourinfo-info>li>dl>dd>dl>dd{order:1;}

			.ourinfo-area .ourinfo-store{}
			.ourinfo-area .ourinfo-store>li{flex-wrap: wrap;}
			.ourinfo-area .ourinfo-store>li+li{margin-top:6rem;}
			.ourinfo-area .ourinfo-store>li>.logo{width:100%; height:26rem;}
			.ourinfo-area .ourinfo-store>li>.logo img{mix-blend-mode: multiply;}
			.ourinfo-area .ourinfo-store>li>.logo img[alt="LINE SEIKI"]{width:13rem;}
			.ourinfo-area .ourinfo-store>li>.logo img[alt="IDEC"]{width:18rem;}

			.ourinfo-area .ourinfo-store>li>.text-area{width:100%; padding:5rem 3.5rem 4rem;}
			.ourinfo-area .ourinfo-store>li>.text-area .text-in{width:100%;}
			.ourinfo-area .ourinfo-store>li>.text-area .title{padding-bottom:1.9rem;}
			.ourinfo-area .ourinfo-store>li>.text-area .text{font-size:2.4rem; line-height:3.4rem;}
			.ourinfo-area .ourinfo-store>li>.text-area .option+.option{margin-top:2rem;}
			.ourinfo-area .ourinfo-store>li>.text-area .option>dt{width:12.5rem;}
			.ourinfo-area .ourinfo-store>li>.text-area .option>dt>strong{width:11rem; height:4rem; font-size:1.8rem;}
			.ourinfo-area .ourinfo-store>li>.text-area .option>dd{width:calc(100% - 12.5rem); font-size:2.2rem; line-height:1.45;}

			.ourinfo-area .ourinfo-store-etc{gap:3.5rem 2rem;}
			.ourinfo-area .ourinfo-store-etc>li{width:calc((100% - 2rem) / 2);}
			.ourinfo-area .ourinfo-store-etc>li .title{font-size:2.2rem;}
			.ourinfo-area .ourinfo-store-etc>li .text{font-size:2rem;}

			.ourinfo-area .ourinfo-location .juso{font-size:3rem; line-height:4rem;}
			.ourinfo-area .ourinfo-location .info>dl>dt{padding-left:1.3rem; font-size:2.4rem; line-height:3.4rem;}
			.ourinfo-area .ourinfo-location .info>dl>dt:before{height: 2.4rem; margin-top:-1.2rem;}
			.ourinfo-area .ourinfo-location .info>dl>dd{margin-top:1rem; display: flex; gap:2rem;}
			.ourinfo-area .ourinfo-location .info>dl>dd>p{width:calc((100% - 2rem) / 3); font-size:2.2rem; line-height:3.2rem; flex-wrap: wrap;}
			.ourinfo-area .ourinfo-location .info>dl>dd>p:first-child{width:calc(33% + 2rem);}
			.ourinfo-area .ourinfo-location .info>dl>dd>p>strong{width:100%;}

		/*  */
			.industries-list{gap:2rem;}
			.industries-list>a{width:calc((100% - 2rem) / 2); height:auto;}
			.industries-list>a .title{font-size:2.6rem;}
			.industries-list>a .text{min-height:12.5rem; font-size:2.2rem; line-height:3.2rem;}
			.industries-list>a .more{font-size:2rem;}

		/* history */
			.history-visual>img{height:36rem; object-fit: cover;}

			.history-area{}
			.history-area:before{margin-left:0; left: 0%;}
			.history-area #his_progress{margin-left:0; left: 0%;}

			.history-area>li{text-align: left !important; display: block;}
			.history-area .history-in{width:100%; padding:0 0 0 4rem !important; text-align: left !important;}
			.history-area .history-in:before{width: 3rem; height:3rem; left: -1.2rem; top:0.5rem;}
			.history-area .history-in>strong{font-size:4rem;}
			.history-area .txt_wrap{justify-content: flex-start !important; }
			.history-area>li .txt_wrap p{padding:0 0 0 0; font-size:2.4rem; justify-content: flex-start !important; text-align: left !important;}
			/*.history-area .txt_wrap p:before{content: "ㆍ"; position:absolute; left: -0.3rem; top:0px; display:none;}*/
			.history-area>li .txt_wrap p+p{margin-top:1rem;}

			.history-area>li .thumb{width:100%; margin-top:3rem; padding:0 0 0 4rem !important; position: relative;}
			.history-area>li .thumb img{width:100%; height:auto; position: static; }

			.history-area>li:nth-child(even) .history-in:before{left:-1.2rem; right:auto;}
			.history-area>li:nth-child(even) .txt_wrap{justify-content: flex-start;}
			.history-area>li:nth-child(even) .txt_wrap p>strong{order:0;}

		/* Location */
			.location-info{text-align:left;}
			.location-info>div{font-size:2.6rem; line-height:1.3;}
			.location-info>div>span{display:none;}
			.location-info>ul{flex-wrap: wrap; gap: 1.5rem;}
			.location-info>ul>li{width:100%; gap:0 1.5rem;}
			.location-info>ul>li span{font-size:2.2rem;}
			.location-info>ul>li span>strong{font-size:2rem;}

		/* store */
			.store-area>.store-inj{}
			.store-area>.store-inj>dl{}
			.store-area>.store-inj>dl>dt{}
			.store-area>.store-inj>dl>dd{font-size:2.3rem;}
			.store-area .store-inj-box{height:23.5rem;}
			.store-area .store-inj-box img{width:14rem; min-width:14rem;}
			.store-area .store-inj-box>dl{}
			.store-area .store-inj-box>dl>dt{font-size:2.4rem; }
			.store-area .store-inj-box>dl>dd{font-size:2.2rem;}
			.store-area .store-inj-btn{}
			.store-area .store-inj-btn>a{font-size:2rem;}

			.store-table{}
			.store-table>table{}
			.store-table>table th,
			.store-table>table td{font-size:2rem; line-height:1.5;}

			.store-table>table th{}
			.store-table>table th:before,
			.store-table>table td:before{font-size:2.2rem;}
			.store-table>table .btn{width:12rem; height:4rem; margin:0; font-size:1.8rem;}

		/* etc */
			.etc_clause{width:100%; margin:0 auto;}
			.etc_clause .etc_clause_in{padding:5rem 3rem; border-radius:1rem;}
			.etc_clause .logo{margin:0;}
			.etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;}

			.etc_clause .scroll{font-size:2rem;}

			.etc_select{width:100%;}
			.etc_select select.base{width:22rem;}

		/* search */
			.search-area{}
			.search-area .search-re .search-re-tit span{height:4rem; padding:0 2rem; font-size:2rem;}

			.search-area .search-re .search-re-list .search-link .tit{font-size:2.4rem;}
			.search-area .search-re .search-re-list .search-link .txt{font-size:2rem;}
			.search-area .search-re .search-more>a{height:5.1rem; padding:0 3.7rem; font-weight: 600; font-size:2rem;}


			.search-area .result-group{}
			.search-area .result-group dl{}
			.search-area .result-group dl dt{display:none;}

			.search-area .result-group dl dd{width:100%;}
			.search-area .result-group dl dd div {}
			.search-area .result-group dl dd div.title{}
			.search-area .result-group dl dd div.title a{font-size:2.4rem;}
			.search-area .result-group dl dd div.title a>h2 {}

			.search-area .result-group dl dd div.cont{max-height: 5.6rem; margin-top:1rem; font-weight: 400; font-size:2rem; line-height:2.8rem;}

			.search-area .result-group dl dd div.navi, .result-group dl dd div.navi a{font-size:2rem;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
	.depth-three>a{width:100%;}

	.product-d3>a{width:calc(100% / 2);}

	.industries-list>a{width:100%;}

	#mainVisual .vTxt .ii.title{font-size: 3.4rem;}

}

/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요

display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center;
display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;
display: flex; align-items: center; justify-content: center;
display: flex; align-items: center; justify-content: space-between;

display: flex; flex-flow: column wrap; justify-content: space-between;
display: flex; flex-flow: column wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: space-between;

display: flex; justify-content: space-between; // 양쪽 끝 정렬

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;


-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%); -webkit-filter:grayscale(100%);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
transform:scale(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}

display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
:nth-child(1)
:nth-of-type(1)
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
width:calc(100% / 6);
box-shadow:0 0 1rem rgba(0,0,0,0.2);
*/