#mVisual .slick-dots>li button,
	#mVisual .slick-arrow,
	.btn-show-hide:before,
	.depth-three>.depth-three_in,
	.depth-three>.depth-three_in>a,
	.overview-top:before,
	.overview-top .img,
	.overview-top .overview-in,
	.s-tab>a,
	.s-tab>a:before,
	.store-cate>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

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

	.m-tab>a:before,
	#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
	*::-webkit-scrollbar{width: 0.5rem; height:100%;}/* 스크롤바의 너비 */
	*::-webkit-scrollbar-thumb{height: 10%; background-color:var(--point); border-radius: 1rem;}  /* 스크롤바의 길이 & 색상 */
	*::-webkit-scrollbar-track{background-color: rgba(0,0,0,0.1);}/*스크롤바 뒷 배경 색상*/

	.f0{font-size:0; line-height:0;}

	.h-text{font-weight: bold; font-size:3.8rem; line-height:4.8rem; color: #1b1b1b; text-align: center;}
	.h2-text{margin-top:3rem; font-weight: 500; font-size:2rem; line-height:1.5; color: #666; text-align: center;}
	.h3-text{margin-top:1.5rem; font-size:1.8rem; line-height:1.5; color: #999; text-align: center;}

	hr[line]{width:100%; height:1px; margin:10.5rem 0; background-color: #d1d1d1; font-size:0; line-height:0; opacity: 0.3; position: relative;}

	.depth-three{margin:-6rem 0 6rem; padding:0 3.5rem; background-color: #f4f4f4; position: relative; overflow:hidden; overflow-x:auto;}
	.depth-three>.depth-three_in{width:100%; max-width:128rem; margin:0 auto; display: flex; justify-content: space-between;}
	.depth-three>.depth-three_in>a{flex:1; height:5rem; font-weight: 500; font-size:1.6rem; line-height:1; color: #8d8d8d; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap;}

	.depth-three>.depth-three_in>a:hover,
	.depth-three>.depth-three_in>a.active{font-weight: bold; color: var(--bg);}

	#snb{left:-5rem; opacity: 0; visibility: hidden; transition: all 1s ease;}
	#snb.open{left:0; visibility: visible; opacity: 1;}
	#mVisual .visualRoll,
	.about-people .thumbRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}

	#mVisual .visualRoll.slick-initialized,
	.about-people .thumbRoll.slick-initialized{visibility: visible; opacity: 1;}

	.logo-big img{height:11.3rem !important;}

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

	.wideKakao{width: 100vw; margin-left:-50vw; position: relative; left:50%;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:50rem;}/* padding-bottom: 56.25%; */
	.wideKakao>.root_daum_roughmap .wrap_map{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	.wideKakao .hide {display: none;}

	.bul_star{margin-top:2rem;}
	.bul_star>li{margin-top:0.5rem; padding-left:1.5rem; font-size:1.6rem; line-height:1.3; color: #666; position: relative;}
	.bul_star>li:before{content: "※"; position:absolute; left: 0; top:0px;}

	.total-txt{margin-bottom:1.5rem; font-size:1.8rem; line-height:1.3; color: #222; text-align: right;}
	.total-txt>strong{color: var(--point);}

	.w1020{max-width:1020px; margin:0 auto;}
/*[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; border:1px solid #333; position:absolute; display:block; overflow:hidden; box-sizing:border-box;}
	.hd_pops img{width:100%}
	.hd_pops_con{}
	.hd_pops_footer{padding:0; background-color:#333; font-size:1.4rem; color:#fff; text-align:left;position:relative}
	.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
	.hd_pops_footer button{padding:1rem; border:0; color:#fff}
	.hd_pops_footer .hd_pops_reject{text-align:left}
	.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0}

	#popLayer{width:100%; height:100%; background-color: rgba(0,0,0,0.7); 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; align-items: center; justify-content: center; -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 2rem 0 0; 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; align-items: center; justify-content: center;}
	#popLayer .moPopClose button{background-color: #333; border:none; color: #fff; 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:1.3rem; z-index:7; opacity:0.5;}
	#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 */
	.mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:8; display:none;
		animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate;
	}
	@keyframes scrollDown {
		from {bottom:50px; opacity:1;}
		to {bottom:30px; opacity:0.5}
	}

	/* visual */
		#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
		#mVisual:before{content: ""; width: 212vw; height: 100%; background-color: #fafafa; display: inline-block; position:absolute; left: 50%; top:calc(100vh - 6.2vh); border-radius:100%; z-index:5; transform: translateX(-50%);}
		#mVisual .visualRoll{white-space: nowrap;}
		#mVisual .visualRoll .slider{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
		#mVisual .visualRoll .slider img{width:100%; max-width:none; height:100vh; object-fit: cover;}

		#mVisual .slick-arrow{width:auto; height:auto; margin:0; padding:0; border:none; font-weight: 100; font-size:6rem; line-height:1; color: #fff; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;}
		#mVisual .slick-prev{left:3rem}
		#mVisual .slick-next{right:3rem}
		#mVisual .slick-arrow:hover{color: var(--point); opacity:1;}

		#mVisual .vTxtArea{width:100%; height:100%; max-width:1780px; padding:0 3rem; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:6; display: flex; align-items: center; justify-content: center;}
		#mVisual .vTxtArea .vTxt_in{width:100%; max-width:116rem; padding:4rem 0 0; position: relative;}
		#mVisual .vTxt{width:100%; position: absolute; left:0; top:-999px;}
		#mVisual .vTxt .ii{color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word;}
		#mVisual .vTxt .i01{-webkit-transition-delay: .4s; transition-delay: .4s;}
		#mVisual .vTxt .i02{-webkit-transition-delay: .45s; transition-delay: .45s;}
		#mVisual .vTxt .i03{-webkit-transition-delay: .5s; transition-delay: .5s;}
		#mVisual .vTxt .i04{-webkit-transition-delay: .55s; transition-delay: .55s;}
		#mVisual .vTxt .i05{-webkit-transition-delay: .6s; transition-delay: .6s;}
		#mVisual .vTxt .i06{-webkit-transition-delay: .65s; transition-delay: .65s;}
		#mVisual .vTxt .i07{-webkit-transition-delay: .7s; transition-delay: .7s;}

		#mVisual .vTxt .ii.title{font-weight: bold; font-size:9.3rem; line-height:1;}
		#mVisual .vTxt .ii.txt{margin-top:2.5rem; font-weight: 500; font-size:3rem; line-height:1;}
		#mVisual .vTxt .ii.btn{margin-top:6rem;}
		#mVisual .vTxt .ii.btn>a{width:16rem; height:5.2rem; padding:0 2.9rem; border:1px solid #fff; font-weight: 500; font-size:1.8rem; line-height:1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: space-between; border-radius:99px;}
		#mVisual .vTxt .ii.btn>a:after{content: "+"; font-weight: 300; font-size:2.4rem;}

		#mVisual .vTxt .ii.controll{margin-top:5rem;}

		#mVisual .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:2.3vh; z-index:8;}
		#mVisual .slick-dots>li{display:inline-block; vertical-align: top;}
		#mVisual .slick-dots>li+li{margin-left:1rem;}
		#mVisual .slick-dots>li button{width:1.1rem !important; height:1.1rem; margin:0; padding:0; background-color:#e6e6e6; border:none; font-size:0; line-height:0; cursor: pointer; border-radius:99px;}
		#mVisual .slick-dots>li.slick-active button{width:4.1rem !important; background-color:var(--point);}

		#mVisual .vTxt.active{position: static; top:0px;}
		#mVisual .vTxt.active .ii{top:0px; opacity:1;}

	.m-title{margin-bottom:5rem; text-align: center;}
	.m-title>dt{font-weight: bold; font-size:6rem; line-height:1; color: #000;}
	.m-title>dd{margin-top:1rem; font-weight: 600; font-size:2.2rem; line-height:1; color: #333;}

	.m-tab{width:100%; margin-bottom:8rem; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
	.m-tab>a{height:5rem; margin:3px; padding:0 2.7rem;  font-size:1.9rem; line-height:1; color: #666; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; position: relative;}
	.m-tab .radius{width: 10%; height: 5rem; border:1px solid #333; position:absolute; left: 50%; top:0px; border-radius:99px; opacity: 0;}

	.m-tab.line>a{margin:0; padding:0 2rem 0 2.1rem;}
	.m-tab.line>a+a:before{content: ""; width: 1px; height: 1rem; margin-top:-0.5rem; background-color: #b4b4b4; display: inline-block; position:absolute; left: -0.1rem; top:50%;}

	.m-tab>a.active{font-weight: 500; color: #333;}
	.m-tab>a.active:before,
	.m-tab>a.active+a:before{opacity: 0;}

	.m-tab-conts{display:none; position: relative;}

	/* product */
		#main-product{background-color: #fafafa; padding:17.5rem 0 16rem;}
		#main-product .shape{width:1920px; margin-left:-960px; position: relative; left:50%;}
		#main-product .shape:before{content: ""; width: 52.5rem; height: 29.3rem; background-color: #e31837; display: inline-block; position:absolute; left: 0; top:14.2rem; border-radius:0 7rem 0 7rem;}

		.main-product{width:100%; margin:0 auto; position: relative; z-index:2;}

		.main-product .swiper-button{width:5rem !important; height:5rem !important; margin:0 !important; display:inline-block; vertical-align: top; top:auto; bottom:55%; z-index:5;}
		.main-product .swiper-button:before{content: ""; width:100%; height:100%; background-color: #1b1b1b; border:none; font-size:3rem; line-height:1; color:#fff; display: inline-block; border-radius:999px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;}
		.main-product  .swiper-button:after{display:none;}

		.main-product .swiper-button-prev{left:4.5rem;}
		.main-product .swiper-button-prev:before{content: "←"; font-size:2.6rem;}
		.main-product .swiper-button-next{right:4.5rem;}
		.main-product .swiper-button-next:before{content: "→"; font-size:2.6rem;}

		.main-product .m-tab-conts{padding:0 1.9rem;}

		.main-product-list{width:100%; max-width:172rem; margin:0 auto; font-size:0; line-height:0; position: relative; overflow: visible !important;}
		.main-product-list .list{display: flex; justify-content: flex-start;}
		.main-product-list .list .mBoard_re{width:calc(20% - 4rem); min-width:30.5rem; position: relative; display:inline-block; vertical-align: top;}
		.main-product-list .list .mBoard_re .thumb{width:100%; height:0; padding-bottom:100%; position: relative;}
		.main-product-list .list .mBoard_re .thumb img{width:100%; height:100%; max-width:none; object-fit:cover; position: absolute; left:0; top:0; border-radius:0 3rem 0 3rem; box-shadow:0 0 2rem rgba(0,0,0,0.1);}
		.main-product-list .list .mBoard_re .text{width:100%; margin-top:3rem; text-align: center;}
		.main-product-list .list .mBoard_re .text>dt{font-weight: 500; font-size:1.6rem; line-height:1; color: #999;}
		.main-product-list .list .mBoard_re .text>dd{margin-top:1rem; font-weight: 600; font-size:2rem; line-height:1.3; color: #1b1b1b; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

		#main-product .m-tab-conts.noSwiper .team-arrow{display:none !important;}
		#main-product .m-tab-conts.noSwiper .mBoard_re{margin-right:4rem;}
		#main-product .m-tab-conts.noSwiper .noPost{width:100%; height:20rem; font-weight: 400; font-size: 1.6rem; line-height:1.5; color: #666; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}

	/* main Conts */
		.main-conts{padding:16rem 0;}
		.main-conts .mConts-area{display: flex; align-items: center; justify-content: space-between;}
		.main-conts .thumb{width:44.1666%; position: relative;}
		.main-conts .thumb img{width:100%; max-width:58.3rem; object-fit:cover; box-shadow:0 0 2rem rgba(0,0,0,0.1); border-radius:0 5rem 0 5rem;}
		.main-conts .text{width:48.4545%;}
		.main-conts .text .cate{font-weight:600; font-size:5.2rem; line-height:1; color: #cacaca;}
		.main-conts .text .title{margin-top:4rem; font-weight:bold; font-size:4rem; line-height:5.6rem; color: #1b1b1b;}
		.main-conts .text .txt{margin-top:5.5rem; font-size:1.9rem; line-height:3rem; color: #666;}
		.main-conts .text .btn{margin-top:6.5rem;}
		.main-conts .text .btn>a{padding-right:5rem; background: url('/images/arr_view.png') no-repeat right 37%/4.3rem; font-size:1.7rem; line-height:1.4; color: #333; display:inline-block;}

		.main-conts:nth-child(even){background-color: #fafafa;}
		.main-conts:nth-child(even) .thumb{order:1;}
		.main-conts:nth-child(even) .text{order:2;}


	/* u */
		.main-u{padding:16rem 3rem 16rem; /* background:url('/images/bg_main_u.png') no-repeat left bottom;*/}

	/* shop */
		#main-shop{padding:14rem 3rem 15rem;  /* copy */ background-color: #fafafa;}

		.main-shop{width:100%; max-width:140rem; margin:0 auto; position: relative;}

		#main-shop .main-shop-list{width:100%; max-width:128rem; margin:0 auto; display: flex; align-items: center; gap:4rem;}
		#main-shop .main-shop-link{border-radius:0 4.5rem 0 4.5rem; position: relative; overflow: hidden;}
		#main-shop .main-shop-link:before{content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.3) 100%); position:absolute; left: 0; bottom:0px; z-index:2;}
		#main-shop .main-shop-link .thumb{}
		#main-shop .main-shop-link .title{width:100%; text-align: center; position: absolute; left:0; bottom:5rem; z-index:3;}
		#main-shop .main-shop-link .title>dt{font-weight: bold; font-size:4rem; line-height:1; color: #fff;}
		#main-shop .main-shop-link .title>dd{margin-top:1.5rem; font-weight: 500; font-size:2rem; line-height:1; color: #666;}

		#main-shop .main-shop-link .thumb{overflow:hidden;}
		#main-shop .main-shop-link .thumb img{transition: all .7s ease-out; transform-origin: 50% 50%;}
		#main-shop .main-shop-link:hover .thumb img{transform: scale(1.1);}
/*[e] Main Style */

/*[s] Sub Style */
	.s-tab{width:100%; margin:-1rem 0 3.5rem; display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index:2;}
	.s-tab>a{margin:1rem 1.3rem; font-weight: 500; font-size:2.3rem; line-height:1.4; color: #666; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; position: relative;}
	.s-tab>a:before{content: ""; width: 0; height: 2px; background-color: var(--point); display: inline-block; position:absolute; left: 50%; bottom:0px;}

	.s-tab>a:hover,
	.s-tab>a.active{color: var(--point);}

	.s-tab>a:hover:before,
	.s-tab>a.active:before{width:100%; left:0;}

	/* COMPANY */
		body[data-pgCode="0101"] #container{background:url('/images/sub/bg_overview.jpg') repeat-y center top;}
		.overview-area{width:100%; margin-top:12rem; padding-bottom:24rem; background:url('/images/sub/bg_overview.png') no-repeat left bottom; position: relative;}
			.overview-top{width:100%; position: relative; z-index:2;}
			.overview-top:before{content: ""; height:100%; background-color: var(--point); position:absolute; left: 8.59375%; right:0; top:0px; border-radius:0 0 0 7rem;}
			.overview-top:after{content: ""; width:50%; height:100%; background-color: var(--point); position:absolute; right: -50%; top:0px;}
			.overview-top .img{width:66rem; position: absolute; left:-25%; top:-7rem; border-radius:0 7rem 0 7rem;}
			.overview-top .overview-in{padding:9rem 0 9rem 32.8125%; position: relative; z-index:2;}
			.overview-top .overview-in .title{font-weight: bold; font-size:3.2rem; line-height:4.6rem; color: #fff;}
			.overview-top .overview-in .text{margin-top:4.5rem; font-weight: 500; font-size:2.2rem; line-height:1.3; color: rgba(255,255,255,0.9);}
			.overview-top .overview-in .txt{margin-top:2rem; padding-left:1.5rem; font-weight: 300; font-size:2rem; line-height:1.3; color: rgba(255,255,255,0.8); position: relative;}
			.overview-top .overview-in .txt:before{content: "※"; position:absolute; left: 0; top:0px;}
			.overview-top .overview-in .txt>strong{font-weight: 500;}

			.overview-top .overview-in .graphics{width:100%; margin-top:3rem; padding:3rem; border:1px dashed rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center;}
			.overview-top .overview-in .graphics>dl{line-height:1; color: rgba(255,255,255,0.9); text-align: center;}
			.overview-top .overview-in .graphics>dl>dt{font-weight: bold; font-size:2.8rem;}
			.overview-top .overview-in .graphics>dl>dd{margin-top:1rem; font-weight: 300; font-size:1.7rem;}
			.overview-top .overview-in .graphics>p{width:100%; max-width:17.5rem; position: relative;}
			.overview-top .overview-in .graphics>p:before,
			.overview-top .overview-in .graphics>p:after{content: "";  background-color: #fff; position:absolute; left: 50%; top:50%;}
			.overview-top .overview-in .graphics>p:before{width: 1px; height: 3rem; margin:-1.5rem 0 0 -0.5px;}
			.overview-top .overview-in .graphics>p:after{width: 3rem; height: 1px; margin:-0.5px 0 0 -1.5rem;}

			.overview-btm{width:100%; max-width:90rem; margin-top:11.5rem;}
			.overview-btm .title{}
			.overview-btm .title>strong{font-weight: bold; font-size:3.4rem; line-height:1; color: #1b1b1b;}
			.overview-btm .title>span{padding-left:1.5rem; font-weight: 600; font-size:2.7rem; line-height:1; color: var(--point);}

			.overview-btm .tit{margin-top:4.5rem; font-weight: 600; font-size:2.3rem; line-height:3.6rem; color: #333;}
			.overview-btm .text{margin-top:2rem; font-weight: 400; font-size:1.8rem; line-height:2.8rem; color: #666; text-shadow:-1px -1px 0 rgba(250,250,250,0.8), 1px -1px 0 rgba(250,250,250,0.8), -1px 1px 0 rgba(250,250,250,0.8), 1px 1px 0 rgba(250,250,250,0.8);}

		.ideology-area{width:100%; margin-top:6rem; padding-bottom:16rem; position: relative;}
			.ideology-visual{width:100%; height:50rem; background:url('/images/sub/bg_ideology.jpg') no-repeat center top; position: relative;}
			.ideology-visual .visual-box{width:50rem; height:30rem; padding:5.5rem 7rem; background-color: var(--point); font-weight: bold; font-size:3.5rem; line-height:4.8rem; color: #fff; position: relative; top:-7rem; border-radius:0 7rem 0 7rem}
			html:lang(en) .ideology-visual .visual-box{height:39rem;}

			.ideology-middle{width:100%; padding:8.5rem 0 9rem; text-align: center;}
			.ideology-middle>dt{font-weight: bold; font-size:3.6rem; line-height:4.8rem; color: #000;}
			.ideology-middle>dt>span{font-size:2.4rem;}
			.ideology-middle>dd{margin-top:4rem; font-size:2rem; line-height:3.2rem; color: #555;}

			.ideology-btm{width:100%; padding:9.5rem 13rem; background-color: #fafafa; text-align: center;}
			.ideology-btm .title{margin-top:3.5rem; font-weight: 600; font-size:3.6rem; line-height:1.3; color: #000;}
			.ideology-btm .tit{margin-top:4.5rem; font-weight: 500; font-size:2rem; line-height:3rem; color: #666;}
			.ideology-btm .text{margin-top:1.5rem; font-size:1.8rem; line-height:2.8rem; color: #999;}

			.ideology-btm .graphics{width:100%; margin-top:3.5rem; display: flex; align-items: center; justify-content: space-between;}
			.ideology-btm .graphics>dl{width:calc(50% - 1rem); padding:2.9rem 2.9rem 2.9rem 12.9rem; border:1px dashed #ccc; text-align: left; position: relative;}
			.ideology-btm .graphics>dl:before{content: ""; width:8rem; height:10rem; margin-top:-5rem; background-color: #050013; position:absolute; left: 2.9rem; top:50%; border-radius:0 2.3rem 0 2.3rem}
			.ideology-btm .graphics>dl>dt{font-weight: bold; font-size:2rem; line-height:2.8rem; color: #1b1b1b;}
			.ideology-btm .graphics>dl>dd{font-weight: 400; font-size:1.8rem; line-height:3rem; color: #666;}
			.ideology-btm .graphics>dl>dd>p{font-weight: 300; font-size:1.6rem; line-height:3.4rem; color: #999;}

			.ideology-btm .graphics>dl.red:before{background-color: var(--point);}

		.system-area{width:100%; margin-top:7rem; position: relative;}
			.system-top{width:100%; display: flex; align-items: center; justify-content: space-between;}
			.system-top .thumb{width:39.0625%;}
			.system-top .thumb img{width:100%; height:100%; max-width:none; border-radius:0 7rem 0 7rem; object-fit:cover; object-position: center bottom;}
			.system-top .text{width:calc(100% - 45.3125%);}
			.system-top .text>dl{line-height:3rem; }
			.system-top .text>dl>dt{font-weight: 600; font-size:2.1rem; color: #1b1b1b;}
			.system-top .text>dl>dd{font-size:1.8rem; color: #666;}
			.system-top .text>dl+dl{margin-top:2.5rem;}

			.system-btm{width:100%; margin-top:12rem; padding:11.5rem 0 16rem; background-color: #fafafa;}
			.system-step{width:100%; max-width:108rem; margin:3.5rem auto 0; display: flex; flex-wrap: wrap; counter-reset:item;}
			.system-step>li{width:calc(33.3333% - 6rem); max-width:30rem; height:35rem; margin:3rem; padding:4.5rem 3rem; background-color: #fff; text-align: center; position: relative;}
			.system-step>li:before{content: "→"; width:6rem; height:100%; font-weight: bold; font-size:2.2rem; line-height:1; color: #cbcbcb; position:absolute; left: -6rem; top:0px; display: flex; align-items: center; justify-content: center;}
			.system-step>li .num{font-weight: 600; font-size:2rem; line-height:1; color: #000; position: relative;}
			.system-step>li .num:before{content: ""; width: 7rem; height: 0.5rem; margin-left:-3.5rem; background-color: #ffe88a; display: inline-block; position:absolute; left: 50%; bottom:0px;}
			.system-step>li .num>span{position: relative; z-index:2;}
			.system-step>li .num>span:after{counter-increment: item; content: counter(item);}
			.system-step>li .thumb{width:100%; height:17rem; display: flex; align-items: center; justify-content: center;}
			.system-step>li dl{}
			.system-step>li dl>dt{font-weight: bold; font-size:2rem; line-height:1; color: #000;}
			.system-step>li dl>dd{margin-top:0.7rem; font-size:1.8rem; line-height:2.5rem; color: #666;}

			.system-step>li:nth-child(1) .thumb img{width:19.6rem;}
			.system-step>li:nth-child(2) .thumb img{width:11.5rem;}
			.system-step>li:nth-child(3) .thumb img{width:10.5rem;}
			.system-step>li:nth-child(4) .thumb img{width:10.9rem;}
			.system-step>li:nth-child(5) .thumb img{width:6.1rem;}
			.system-step>li:nth-child(6) .thumb img{width:14.5rem;}

			.system-step>li:nth-child(3n+1):before{display:none;}

		.history-area{width:100%; position: relative;}
			.history-area:before{content: ""; width: 1px; margin-left:-0.5px; background-color: #dadada; display: inline-block; position:absolute; left: 50%; top:1rem; bottom:7rem;}
			.history-area>li{width:100%; padding-right:50%; text-align: right; display: flex; flex-wrap: wrap;}
			.history-area>li dl{width:100%; padding:0 6.1rem; position: relative;}
			.history-area>li dl:before{content: ""; width: 2.2rem; height: 2.2rem; background-color: #fff; border:0.5rem solid var(--point); display: inline-block; position:absolute; right: -1.1rem; top:1rem; border-radius:99px; box-sizing: border-box;}
			.history-area>li dl>dt{font-weight: 600; font-size:4.2rem; line-height:1; color: #1b1b1b;}
			.history-area>li dl>dd{margin-top:2.5rem; font-size:2rem; line-height:3.2rem; color: #555;}

			.history-area>li:nth-child(even){padding:0 0 0 50%; text-align: left;}
			.history-area>li:nth-child(even) dl:before{right:auto; left: -1.1rem;}

			.history-area>li+li{margin-top:6.5rem;}

		.location-area{width:100%; position: relative;}
			.location-info{width:100%; height:25rem; margin-top:-7rem; padding:0 3.9rem; background-color: var(--point); position: relative; z-index:3; border-radius:0 7rem 0 7rem; display: flex; align-items: center; justify-content: center;}
			.location-info>dl{width:100%; display: flex; align-items: center; justify-content: center;}
			.location-info>dl>dt{width:31.796875%; max-width:40.7rem; font-weight: 600; font-size:3.8rem; line-height:1; color: #fff; text-align: center; white-space: nowrap;}
			.location-info>dl>dd{width:calc(100% - 31.796875%); padding-left:6.71875%; position: relative;}
			.location-info>dl>dd:before{content: ""; width: 1px; height: 10rem; margin-top:-5rem; background-color: #e58291; display: inline-block; position:absolute; left: 0; top:50%;}
			.location-info>dl>dd p{padding-left:3.3rem; background-repeat: no-repeat; background-position: left center; font-size:2rem; line-height:1.4; color: #fff;}
			.location-info>dl>dd p+p{margin-top:1.8rem;}
			.location-info>dl>dd p.juso{background-image: url('/images/sub/icon_location01_01.png');}
			.location-info>dl>dd p.tel{background-image: url('/images/sub/icon_location01_02.png');}
			.location-info>dl>dd p.mail{background-image: url('/images/sub/icon_location01_03.png');}

			.location-transportation{width:100%; max-width:106rem; margin:8rem auto 0; display: flex; align-items: center; justify-content: space-between;}
			.location-transportation>dl{width:calc(50% - 1rem); height:40rem; padding:4rem 3rem 6rem; border:1px dashed #ccc; text-align: center; position: relative;}
			.location-transportation>dl>*{max-width:34rem; margin:0 auto;}
			.location-transportation>dl>dt{padding-bottom:3.1rem; border-bottom:1px solid #e5e5e5; font-weight: 500; font-size:3.2rem; line-height:1; color: #000; position: relative; }
			.location-transportation>dl>dt:before{content: ""; width:5.4rem; height:5.4rem; margin:0 auto 1.5rem; background: url('/images/sub/icon_location02_01.png') no-repeat center center / 2.2rem; border:1px solid #d0d0d0; border-radius:99px; display:block;}
			.location-transportation>dl>dd{padding-top:1.9rem; display: flex; justify-content: center;}
			.location-transportation>dl>dd ul{}
			.location-transportation>dl>dd ul>li{margin-top:2rem; font-size:1.8rem; line-height:2.6rem; color: #666; display: flex; text-align: left;}

			.location-transportation>dl.subway>dd ul>li>strong{margin-right:2rem; font-weight: 500; font-size:2rem; line-height:2.6rem; position: relative; display: flex; align-items: center; white-space: nowrap;}
			.location-transportation>dl.subway>dd ul>li>strong:before{content: attr(data-line); width:2.6rem; height:2.6rem; margin-right:1rem; font-size:1.7rem; color: #fff; border-radius:99px; display:inline-block; text-align: center;}

			.location-transportation>dl.subway>dd ul>li>strong[data-line="9"]{color: #bc9a2f;}
			.location-transportation>dl.subway>dd ul>li>strong[data-line="9"]:before{background-color: #bc9a2f;}
			.location-transportation>dl.subway>dd ul>li>strong[data-line="8"]{color: #df4581;}
			.location-transportation>dl.subway>dd ul>li>strong[data-line="8"]:before{background-color: #df4581;}
			.location-transportation>dl.subway>dd ul>li>strong[data-line="2"]{color: #59b353;}
			.location-transportation>dl.subway>dd ul>li>strong[data-line="2"]:before{background-color: #59b353;}

			.location-transportation>dl.bus>dt:before{background-image: url('/images/sub/icon_location02_02.png');}
			.location-transportation>dl.bus>dd ul>li>strong{width:6rem; height:3rem; margin-right:2rem; font-weight: 500; font-size:1.8rem; line-height:3rem; color: #fff; text-align: center; position: relative; display: flex; align-items: center; justify-content:center; border-radius:99px; white-space: nowrap;}
			html:lang(en) .location-transportation>dl.bus>dd ul>li>strong{width:11rem;}
			.location-transportation>dl.bus>dd ul>li>strong:before{content: attr(data-line);}

			.location-transportation>dl.bus>dd ul>li>strong[data-line="간선"],
			.location-transportation>dl.bus>dd ul>li>strong[data-line="Main line"]{background-color: #376ec8;}
			.location-transportation>dl.bus>dd ul>li>strong[data-line="지선"],
			.location-transportation>dl.bus>dd ul>li>strong[data-line="Branch line"]{background-color: #62b01f;}

			html:lang(en) .location-transportation>dl{height:43rem;}
			html:lang(en) .location-transportation>dl>*{max-width:42rem;}

			/* html:lang(en) */

	/* PRODUCT */
		.menu-area{}
			.menu-icon{width:5rem; height:2.2rem; margin-right:1.5rem; background-color:var(--point); font-weight: bold; font-size:1.5rem; line-height:1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}

			.menu-list{width:100%;}
			.menu-list .list{margin:-6rem 0 0 -2rem;}
			.menu-list .list>li{width:25%; padding:6rem 0 0 2rem; display:inline-block; vertical-align: top;}

			.menu-list .list-conts{display:block; position: relative;}
			.menu-list .list-conts .menu-icon{position: absolute; left:0; top:0; z-index:2;}
			.menu-list .list-conts .thumb{width:100%; height:0; padding-bottom:100%; overflow: hidden; position: relative;}
			.menu-list .list-conts .thumb img{width:100%; max-width:none; height:100%; border:1px solid #eee; position: absolute; left:0; top:0; object-fit:cover; object-position: center center; border-radius:0 3rem 0 3rem;}

			.menu-list .list-conts .menu-text{width:100%; height:12.6rem; padding:1.5rem; font-size:1.8rem; line-height:3.2rem; color: #666; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
			.menu-list .list-conts .cate{width:100%;}
			.menu-list .list-conts .title{width:100%; font-weight: 600; font-size:2rem; color: #1b1b1b;}
			.menu-list .list-conts .tag{padding-top:1.5rem; font-weight: 300; font-size:1.6rem; line-height:1.4; color: #999;}

			.menu-list .more{margin-top:10rem; text-align: center;}
			.menu-list .more>button{width:28rem; height:5.5rem; margin:0; padding:0; border:1px solid #000; font-size:1.8rem; line-height:1; color: #000; text-align: center;}

	/* EDUCATION */
		.education-area{}
			.education-top{width:100%; height:52rem; padding-top:7rem; background-color: #fafafa;}
			.education-top .inConts{display: flex; justify-content: space-between;}
			.education-top .thumb{width:39.0625%;}
			.education-top .thumb2{display:none;}
			.education-top .thumb img{width:100%; height:100%; max-width:none; border-radius:0 7rem 0 7rem; object-fit:cover; object-position: center center;}
			.education-top .text{width:calc(100% - 45.3125%); padding-top:10rem;}
			.education-top .text>dl{line-height:3rem;}
			.education-top .text>dl>dt{font-weight:bold; font-size:3.6rem; line-height:1; color: #000;}
			.education-top .text>dl>dd{margin-top:4rem; font-size:1.8rem; color: #999;}
			.education-top .text>dl>dd>p{margin-bottom:1.5rem; font-weight: 500; font-size:2rem; color: #666;}

			.education-top + .h-text{margin-top:20rem;}

			.education-point{width:100%; max-width:1040px; margin:4rem auto 0; display: flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
			.education-point>li{width:calc(50% - 2rem); height:14rem; margin:1rem; padding:2rem; border:1px dashed #ccc; display: flex; align-items: center; justify-content: center;}
			.education-point>li>dl{text-align: center;}
			.education-point>li>dl>dt{font-size:2rem; line-height:1.2; color: #666;}
			.education-point>li>dl>dd{margin-top:1.5rem; font-size:1.8rem; line-height:1.3; color: #999;}

			.education-top.h700{height:70rem; margin-top:8.5rem;}
			.education-top.h700 .director{margin-top:5rem;}
			.education-top.h700 .director .name{font-weight: 800; font-size:1.8rem; line-height:3rem; color: var(--point);}
			.education-top.h700 .director .name>strong{padding:0 0.5rem 0 1.5rem; font-weight: 800; font-size:2.8rem; color: #000;}
			.education-top.h700 .director .name>i{font-weight: 300; font-size:1.8rem; color: #999;}
			.education-top.h700 .director .history{width:100%; margin-top:2.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
			.education-top.h700 .director .history>li{width:55%; padding-left:1.1rem; font-weight: 300; font-size:1.8rem; line-height:3rem; color: #999; position: relative; white-space: nowrap;}
			.education-top.h700 .director .history>li:before{content: "-"; position:absolute; left: 0; top:0px;}
			.education-top.h700 .director .history>li:nth-child(even){width:45%;}

			html:lang(en) .education-top.h700{height:88.5rem;}
			html:lang(en) .education-top.h700 .director .history>li{width:100%;}

			.education-table{width:100%; margin-top:4.5rem; border-bottom:1px solid #999; font-size:0; line-height:0; overflow:hidden;}
			.education-table>table{width:100%; margin-bottom:-1px; border-spacing:0; table-layout : fixed;}
			.education-table>table th,
			.education-table>table td{padding:1.5rem; background-color: #fff; border-bottom:1px solid #e4e4e4; font-size:1.7rem; line-height:1.5; color:#666; text-align:center; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

			.education-table>table th{height:5.2rem;}
			.education-table>table>thead>tr>th{background-color: #2e2e2e; border-bottom:none; font-weight: 600; font-size:1.8rem; color: #fff;}
			.education-table>table>thead>tr>th:nth-child(1){white-space: nowrap;}
			.education-table>table>thead>tr>th:nth-child(2){background-color: #000;}
			.education-table>table>thead>tr>th:nth-child(3){background-color: var(--point);}

			.education-table>table>tbody>tr>th{background-color: #f8f8f8; font-weight: 500; font-size:1.6rem; color: #1b1b1b;}

			.education-area .bul_star{margin-top:1rem; display: flex; justify-content: center;}
			.education-area .bul_star>li{color: #999;}
			.education-area .w1020{padding-bottom:12rem;}

			.education-area .system-btm{margin-top:0;}
			.education-area .system-step>li{height:30rem; border:1px dashed #ccc;}
			html:lang(en) .education-area .system-step>li{height:34rem;}
			.education-area .system-step>li .thumb{height:14.5rem;}

			.education-area .system-step>li dl>dt{color: var(--point);}

			.education-area .system-step>li:nth-child(1) .thumb img{width:7.3rem;}
			.education-area .system-step>li:nth-child(2) .thumb img{width:7.6rem;}
			.education-area .system-step>li:nth-child(3) .thumb img{width:8.3rem;}
			.education-area .system-step>li:nth-child(4) .thumb img{width:6.6rem;}
			.education-area .system-step>li:nth-child(5) .thumb img{width:6.1rem;}
			.education-area .system-step>li:nth-child(6) .thumb img{width:8.3rem;}

			.education-area .system-step+.h2-text{margin-top:9rem;}

			.education-tel{margin-top:3.5rem; text-align: center;}
			.education-tel>dt{font-weight: 600; font-size:3rem; line-height:1.3; color: #000;}
			.education-tel>dd{margin-top:1.5rem; font-weight:bold; font-size:3.6rem; line-height:1; color: #000;}
			.education-tel>dd>strong{font-weight:600; font-size:3.6rem; color:var(--point);}

	/* SHOP */
		.store-cate{width:100%; margin-bottom:4.5rem; padding:4.5rem 4rem; background-color: #fff9f9; display: flex; flex-wrap: wrap;}
			.store-cate>a{width:11rem; height:5rem; margin:0.5rem; background-color: #fff; font-weight: 300; font-size:1.8rem; line-height:1.2; color: #666; display: flex; align-items: center; justify-content: center; border-radius:99px;}
			/*html:lang(en) .store-cate>a.overseas{width:16rem;}*/
			.store-cate>a:hover,
			.store-cate>a.active{background-color: var(--point); color: #fff;}

	/* 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;}
		.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:100px / 10px; display:none !important;}
		.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: #fff; 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;}
/*[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{}

	#layer-password{width:44rem; border:1px solid #cdcdcd;}
	#layer-password .layer-base-conts{padding:4.5rem 7rem; background-color: #fff;}

	#layer-password .pass-title{line-height:1; color: #8c8c8c; text-align: center;}
	#layer-password .pass-title>dt{font-weight: 600; font-size:1.6rem;}
	#layer-password .pass-title>dd{margin-top:1.5rem; font-size:1.4rem;}

	#layer-password .pass-form{width:100%; margin-top:3rem;}
	#layer-password .pass-form input[type=text],
	#layer-password .pass-form input[type=password]{width:100%; height:3.8rem; padding:0; background-color: #fff; border:1px solid #cdcdcd; font-size:1.6rem; line-height:3.6rem; color: #8c8c8c; text-align: center; display:block; border-radius:0;}

	#layer-password .pass-btn{margin-top:3rem; display: flex; justify-content: space-between;}
	#layer-password .pass-btn>a{width:48%; height:3.8rem; background-color: #fff; border:1px solid #cdcdcd; font-weight: 500; font-size:1.4rem; line-height:1; color: #8c8c8c; text-align: center; display: flex; align-items: center; justify-content: center;}
	#layer-password .pass-btn>a[ok]{background-color: var(--point); border-color:var(--point); color: #fff;}

	/* 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 : 1600px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[e] Sub Style */
}
@media only screen and (max-width : 1440px){
	/*[s] Intro Style */
		#intro>li{min-width:calc(35.5rem + 7.2917vw);}
		#intro .a-link{left:3.6458vw;}
	/*[e] Intro Style */

	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1340px){
	.m-tab.line{justify-content: flex-start;}
	.m-tab.line>a{width:calc(100% / 6); margin:0; padding:0 2rem 0 2.1rem;}

	#main-shop .m-tab.line>a:nth-child(7):before,
	#main-shop .m-tab.line>a:nth-child(13):before{display:none !important;}
}
@media only screen and (max-width : 1280px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:1200px !important;}

	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Sub Style */
		.overview-top:before{left:0%;}
		.overview-top .img{opacity: 0; left:-45%; }
		.overview-top .overview-in{padding:9rem 0 9rem 6rem;}
	/*[e] Sub Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}
	/*[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 */

		/* product */
			.main-product .swiper-button-prev{left:0;}
			.main-product .swiper-button-next{right:0;}

		/* main Conts */
			.main-conts .mConts-area{display: block;}
			.main-conts .thumb{width:100%; margin-top:7rem;}
			.main-conts .thumb img{width:;}
			.main-conts .text{width:100%;}

			#main-shop .main-shop-list{display:block;}
			#main-shop .main-shop-link{max-width:62rem; margin:0 auto; display:block;}
			#main-shop .main-shop-link+.main-shop-link{margin-top:4rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* COMPANY */
			.ideology-area{}
				.ideology-btm .graphics{display:block;}
				.ideology-btm .graphics>dl{width:100%;}
				.ideology-btm .graphics>dl+dl{margin-top:2rem;}

			.system-area{}
				.system-top{display:block;}
				.system-top .thumb{width:100%; height:40rem; overflow:hidden;}
				.system-top .thumb img{}
				.system-top .text{width:100%; margin-top:6rem; padding:0 2rem;}

				.system-btm{}
				.system-step{}
				.system-step>li{width:calc(50% - 6rem); max-width:none; height:35rem;}

				.system-step>li:nth-child(3n+1):before{display:flex;}
				.system-step>li:nth-child(2n+1):before{display:none;}

			.location-area{}
				.location-info{width:100%; height:auto; padding:7rem 3.9rem;  display:block;}
				.location-info>dl{width:100%; display: block;}
				.location-info>dl>dt{width:100%; max-width:none;}
				.location-info>dl>dd{width:100%; padding:3rem 5rem 0; position: relative;}
				.location-info>dl>dd:before{display:none;}

		/* PRODUCT */
			.menu-area{}
				.menu-list .list>li{width:50%;}

		/* EDUCATION */
			.education-area{}
				.education-top{height:auto; padding:7rem 0 9rem;}
				.education-top .inConts{display:block;}
				.education-top .thumb{width:100%; height:40rem; overflow:hidden;}
				.education-top .thumb img{}
				.education-top .text{width:100%; margin-top:6rem; padding:0 3.5rem;}

				.education-top.h700{height:auto;}
				.education-top.h700 .thumb{display:none;}
				.education-top.h700 .thumb2{margin-top:4rem; padding:0 4rem; text-align: left; display:block;}
				.education-top.h700 .text{padding:0; text-align: center;}
				.education-top.h700 .director{padding:0 2.5rem; text-align: left;}

				html:lang(en) .education-top.h700{height:auto;}


				.education-area .system-step>li{width:calc(50% - 6rem); max-width:none;}

				.education-area .system-step>li:nth-child(3n+1):before{display:flex;}
				.education-area .system-step>li:nth-child(2n+1):before{display:none;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.fancybox__slide{padding:48px 3rem 8px !important;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.h-text{font-size:4rem; line-height:5rem;}
		.h2-text{font-size:2.3rem; line-height:1.4;}
		.h3-text{font-size:2rem; line-height:1.4; text-align: left;}

		.depth-three{}
		.depth-three>.depth-three_in{width:fit-content; justify-content: flex-start;}
		.depth-three>.depth-three_in>a{height:7rem; font-size:2.2rem;}
		.depth-three>.depth-three_in>a+a{margin-left:4rem;}

		.bul_star{margin-top:4rem;}
		.bul_star>li{margin-top:0.8rem; padding-left:1.7rem; 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 */
		/* visual */
			#mVisual{}
			#mVisual .visualRoll{}
			#mVisual .visualRoll .slider{}
			#mVisual .visualRoll .slider img{}

			#mVisual .slick-arrow{display:none !important;}

			#mVisual .vTxtArea{height:100%;}
			#mVisual .vTxtArea .vTxt_in{}

			#mVisual .vTxt .ii.title{font-size:7.2rem;}
			#mVisual .vTxt .ii.txt{font-size:2.6rem;}
			#mVisual .vTxt .ii.btn{}
			#mVisual .vTxt .ii.btn>a{font-size:2rem;}
			#mVisual .vTxt .ii.btn>a:after{font-size:2.6rem;}

			#mVisual .slick-dots{}
			#mVisual .slick-dots>li{}
			#mVisual .slick-dots>li+li{margin-left:1.5rem;}
			#mVisual .slick-dots>li button{width:1.8rem !important; height:1.8rem;}
			#mVisual .slick-dots>li.slick-active button{width:5.1rem !important;}

		.m-title{}
		.m-title>dt{font-size:4.8rem;}
		.m-title>dd{margin-top:1rem;}

		.m-tab{width:100%; margin-bottom:8rem; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
		.m-tab>a{padding:0 2.5rem; font-size:2rem;}

		/* product */
			#main-product{padding:15rem 0 12rem;}

		/* main Conts */
			.main-conts{padding:12rem 0;}
			.main-conts .text .cate{font-size:4.8rem;}
			.main-conts .text .title{}
			.main-conts .text .txt{font-size:2rem; line-height:3rem;}
			.main-conts .text .btn{margin-top:6.5rem;}
			.main-conts .text .btn>a{font-size:2rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.s-tab{}
		.s-tab>a{font-size:2.4rem;}

		/* COMPANY */
			body[data-pgCode="0101"] #container{}
			.overview-area{background-size:auto 300px;}
				.overview-top .overview-in .title{}
				.overview-top .overview-in .text{font-size:2.2rem; line-height:3.2rem;}
				.overview-top .overview-in .txt{font-size:2rem; line-height:2.6rem;}

				.overview-top .overview-in .graphics{padding:5.5rem 3rem; display:block;}
				.overview-top .overview-in .graphics>dl{}
				.overview-top .overview-in .graphics>dl>dt{font-size:3.2rem;}
				.overview-top .overview-in .graphics>dl>dd{font-size:2rem;}
				.overview-top .overview-in .graphics>p{max-width:100%; height:10rem;}

				.overview-btm{max-width:100%; margin-top:10rem;}
				.overview-btm .title{}
				.overview-btm .title>strong{font-size:3.6rem;}
				.overview-btm .title>span{}

				.overview-btm .tit{font-size:2.4rem;}
				.overview-btm .text{font-size:2rem; line-height:3.6rem;}

			.ideology-area
				.ideology-visual{background-position: 54% -10rem;}
				.ideology-visual .visual-box{}

				.ideology-middle{}
				.ideology-middle>dt{}
				.ideology-middle>dd{font-size:2.4rem; line-height:3.4rem;}

				.ideology-btm{padding:9.5rem 3rem;}
				.ideology-btm .title{font-size:3.2rem;}
				.ideology-btm .tit{font-size:2.4rem; line-height:3.4rem;}
				.ideology-btm .text{font-size:2.2rem; line-height:3.2rem;}

				.ideology-btm .graphics{}
				.ideology-btm .graphics>dl{}
				.ideology-btm .graphics>dl:before{}
				.ideology-btm .graphics>dl>dt{font-size:2.4rem; line-height:3.2rem;}
				.ideology-btm .graphics>dl>dd{font-size:2.2rem; line-height:3.4rem;}
				.ideology-btm .graphics>dl>dd>p{font-size:1.8rem; line-height:3.8rem;}

			.system-area{}
				.system-top .text>dl{line-height:3.4rem;}
				.system-top .text>dl>dt{font-size:2.6rem;}
				.system-top .text>dl>dd{margin-top:0.5rem; font-size:2.2rem;}

				.system-step{margin-top:5rem;}
				.system-step>li{width:calc(50% - 5rem); margin:1.5rem 2.5rem;}
				.system-step>li:before{width:5rem; left: -5rem;}
				.system-step>li dl{}
				.system-step>li dl>dt{font-size:2.4rem;}
				.system-step>li dl>dd{margin-top:1rem; font-size:2rem; line-height:2.8rem;}

			.history-area{}
				.history-area:before{margin-left:0; left: 1.2rem;}
				.history-area>li{padding:0; text-align:left;}
				.history-area>li dl{padding:0 0 0 5.1rem;}
				.history-area>li dl:before{right:auto; left: 0rem;}
				.history-area>li dl>dd{font-size:2.2rem; line-height:3.2rem;}

				.history-area>li:nth-child(even){padding:0%; text-align: left;}
				.history-area>li:nth-child(even) dl:before{right:auto; left:0rem;}

			.location-area{}
				.location-info>dl>dd{padding:3rem 0 0;}
				.location-info>dl>dd p{background-position: left 0.5rem; font-size:2.2rem;}

				.location-transportation{display:block;}
				.location-transportation>dl{width:100%; height:auto;}
				.location-transportation>dl+dl{margin-top:3rem;}
				.location-transportation>dl>*{max-width:80%;}
				.location-transportation>dl>dt{font-size:3.6rem;}
				.location-transportation>dl>dt:before{margin-bottom:2rem;}
				.location-transportation>dl>dd{}
				.location-transportation>dl>dd ul{}
				.location-transportation>dl>dd ul>li{font-size:2.2rem; line-height:3rem;}

				.location-transportation>dl.subway>dd ul>li>strong{font-size:2.2rem; line-height:3rem;}
				.location-transportation>dl.subway>dd ul>li>strong:before{width:3rem; height:3rem; font-size:2rem;}

				.location-transportation>dl.bus>dd ul>li>strong{width:6rem; font-size:2rem; line-height:3rem;}

				html:lang(en) .location-transportation>dl{height:auto;}
				html:lang(en) .location-transportation>dl>*{max-width:80%;}

		/* PRODUCT */
			.menu-area{}
				.menu-list .list-conts .menu-text{height:15rem; padding:2rem 1.5rem; font-size:2.2rem; line-height:3.4rem;}
				.menu-list .list-conts .title{font-size:2.4rem;}
				.menu-list .list-conts .tag{font-size:2rem;}

				.menu-list .more{margin-top:10rem; text-align: center;}
				.menu-list .more>button{width:32rem; height:7rem; font-size:2.2rem;}

		/* EDUCATION */
			.education-area{}
				.education-top .text>dl{line-height:3rem;}
				.education-top .text>dl>dt{font-size:3.4rem;}
				.education-top .text>dl>dd{font-size:2rem;}
				.education-top .text>dl>dd>p{font-size:2.3rem;}

				.education-top + .h-text{margin-top:10rem;}

				.education-point{justify-content: center}
				.education-point>li{width:80%;}
				.education-point>li>dl>dt{font-size:2.2rem; }
				.education-point>li>dl>dd{font-size:2rem;}

				.education-top.h700 .director{}
				.education-top.h700 .director .name{font-size:2rem;}
				.education-top.h700 .director .name>strong{font-size:3rem;}
				.education-top.h700 .director .name>i{font-size:2rem;}
				.education-top.h700 .director .history{}
				.education-top.h700 .director .history>li{font-size:2rem;}

				.education-table{}
				.education-table>table{}
				.education-table>table th,
				.education-table>table td{padding:2rem; font-size:2rem; line-height:1.4;}

				.education-table>table th{height:5.2rem;}
				.education-table>table>thead>tr>th{font-size:2.2rem;}

				.education-table>table>tbody>tr>th{font-size:1.8rem;}

				html:lang(en) .education-area .system-step>li{width: calc(50% - 4rem); margin: 1.5rem 1.5rem; padding: 4.5rem 2rem;}
				.system-step>li:before{width: 4.5rem; left: -4rem;}

		/* SHOP */
			.store-cate{padding:4rem 3.5rem;}
				.store-cate>a{width:calc(100% / 4 - 2rem); height:6rem; margin:1rem; background-color: #fff; font-weight: 300; font-size:2.2rem; line-height:1.2; color: #666; display: flex; align-items: center; justify-content: center; border-radius:99px;}
				.store-cate>a:hover,
				.store-cate>a.active{background-color: var(--point); color: #fff;}

		/* etc */
			.etc_clause{width:100%; margin:0 auto;}
			.etc_clause .etc_clause_in{padding:5rem 3rem;}
			.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;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		#layer-password{width:90%;}
		#layer-password .layer-base-conts{}

		#layer-password .pass-title{}
		#layer-password .pass-title>dt{font-size:2.4rem;}
		#layer-password .pass-title>dd{font-size:2.2rem;}

		#layer-password .pass-form{}
		#layer-password .pass-form input[type=text],
		#layer-password .pass-form input[type=password]{height:5.8rem; font-size:2.2rem; line-height:5.6rem;}

		#layer-password .pass-btn{}
		#layer-password .pass-btn>a{height:5.8rem; font-size:2rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 540px){
	html:lang(en) .location-transportation>dl>*{max-width:95%;}
}

/*
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;

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

가운데 정렬
justify-content: center;

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

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

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:scale(100%);
transform:rotate(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: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
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
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/