@charset "UTF-8";

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

	#main-visual .slick-arrow,

	#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,

	.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{transition: all .3s ease-out; transform-origin: 50% 50%;}


	#main-visual .vTxtArea .ii,
	.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-two{margin-bottom:2.5rem; display: flex; align-items: center; justify-content: center; gap:4.1rem;}
	.depth-two>a{height:5rem; font-size:2.2rem; line-height:1.2; color: #999; display: flex; align-items: center; justify-content: center; position: relative;}
	.depth-two>a+a:before{content: ""; width: 1px; height: 2.2rem; background-color: #ddd; position:absolute; left: -2.1rem; top:50%; transform: translateY(-50%);}
	.depth-two>a:is(:hover, .active){font-weight: bold; color: #222;}

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

	.transformation-Table>table tr.notis>*{background-color: #f4f4f4;}
	.transformation-Table>table tr.notis>.td_num2{font-weight: 700; color: var(--point);}
	.transformation-Table>table tr.notis>.td_subject>a{font-weight: 700;}

	.transformation-Table>table>thead>tr>th{background-color: #f5f5f5; font-weight: 500; color: #111;}

	.transformation-Table>table .td_subject{text-align:left;}
	.transformation-Table>table .td_subject>*{color:#222; max-width:100%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;}
	.transformation-Table>table .td_subject>a:hover{color:var(--point);}
	.transformation-Table>table .td_subject>* .fa{margin:0 0.7rem 0.2rem 0; display:inline-block; vertical-align: middle;}

	.transformation-Table>table .option{}
	.transformation-Table>table .option>p{font-weight: bold; color: var(--point);}
	.transformation-Table>table .option>div{display:flex; justify-content: center; gap:0.4rem;}
	.transformation-Table>table .option a{width:4rem; height:2.3rem; background-color: var(--point); font-weight: 500; font-size:1.4rem; line-height:1; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:3px;}
	.transformation-Table>table .option a+a{background-color: #666;}

	.transformation-Table>table .noPost>td{height:20rem; vertical-align: middle;}

	.buy-re{padding-top:8rem;}
	.buy-re .buy-tit{padding-bottom:2rem; font-weight: bold; font-size:2.2rem; line-height:1; color: #111;}
	.buy-re .board_btn{margin-top:4rem;}
/*[e] All Style */

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

	.scroll-down{padding-bottom:6rem; background: url('../../images/main/arr_scroll_down.png') no-repeat center bottom/auto 5rem; font-weight: bold; font-size:1.3rem; line-height:1; color: #fff; display:inline-block; position: absolute; right:5rem; top:calc(100vh - 25rem);}
	.scroll-down>span{writing-mode:tb-rl; transform:rotate(180deg);}

	.m-title{margin-bottom:5rem; color: #111; text-align: center;}
	.m-title>dt{font-weight: bold; font-size:6rem; line-height:1;}
	.m-title>dd{margin-top:1.5rem; font-size:2rem; line-height:2.8rem;}
	.m-title>dd>p{font-weight: 500; font-size:2.2rem; line-height:3.2rem;}
	.m-title>dd>p>strong{margin-bottom:0.5rem; font-weight: bold; display:inline-block;}

	.slick-load{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
	.slick-load.slick-initialized{visibility: visible; opacity: 1;}

	/* Visual Video */
		#main-visual,
		#main-visual .main-slider,
		#main-visual .main-slider .slick-slide,
		#main-visual .main-slider .slick-slide img,
		#main-visual .main-slider .slide-media,
		#main-visual .main-slider .mobile_in{height:96rem !important;}

		#main-visual .main-slider img,
		#main-visual .main-slider video,
		#main-visual .main-slider iframe{object-fit: cover;}

		#main-visual .main-slider .mobile_in{}
		#main-visual .main-slider .mobile_in video,
		#main-visual .main-slider .mobile_in iframe{width:100% !important; height:100% !important; background-color: #000; position: absolute; left:0 !important; top:0 !important; transform: translate(0%, 0%); opacity: 0.7;}

		#main-visual{width:100%; background-color: #000; background-size: contain; font-size:0; line-height:0; position: relative; overflow:hidden;}
		#main-visual .main-slider{width: 100%; position: relative; opacity: 0; visibility: hidden; transition:all 3s ease;}
		#main-visual .main-slider.slick-initialized{opacity: 1; visibility: visible;}

		#main-visual .main-slider .slick-slide{position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
		/*#main-visual .main-slider .slick-slide:before{content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .3; z-index: 1;}*/
		#main-visual .main-slider video {width: auto; height: auto; min-width: 100%; min-height: 100%; display: block; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);}
		#main-visual .main-slider iframe {position: relative; pointer-events: none;}
		#main-visual .main-slider figure {height: 100%; margin:0; position: relative;}
		#main-visual .main-slider .slide-image {height: 100%; background-size: cover; background-position: center; opacity: 0; transition:all .8s ease;}
		#main-visual .main-slider .slide-image{opacity: 1;}

		#main-visual .main-slider .image-entity {width: 100%; opacity: 0; visibility: hidden;}
		#main-visual .main-slider .loading {width: 100%; position: absolute; left: 0; top: 44%;}
		#main-visual .main-slider .slide-media {background-repeat: no-repeat; background-position: center center; background-size: cover; animation:slideOut .4s ease-out;}
		#main-visual .main-slider .caption{position: absolute; left: 5%; top: 44%; text-align: center; padding: 20px; border: 3px solid; color: #fff; margin: 0; font-size: 40px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; transition:all .3s ease; transform:translateY(100px); -webkit-backface-visibility: hidden; backface-visibility: hidden;}

		#main-visual .main-slider .slick-active{z-index: 1;}
		#main-visual .main-slider .slick-active .slide-media{animation:slideIn 2.4s ease-out;}
		#main-visual .main-slider .slick-active .caption{opacity: 1; transform:translateY(0); transition:all .7s cubic-bezier(0.32, 0.34, 0, 1.62) .6s;}

		#main-visual .vTxtArea{width:100%; height:100%; max-width:1740px; padding:0 3rem 0; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:5; display: flex; align-items: center; justify-content: center;}
		#main-visual .vTxtArea .vTxt_in{width:100%; padding:0 0 10rem ; position: relative;}
		#main-visual .vTxtArea .ii{color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word;}
		#main-visual .vTxtArea .i01{transition-delay: .7s;}
		#main-visual .vTxtArea .i02{transition-delay: .75s;}
		#main-visual .vTxtArea .i03{transition-delay: .8s;}
		#main-visual .vTxtArea .i04{transition-delay: .85s;}
		#main-visual .vTxtArea .i05{transition-delay: .9s;}
		#main-visual .vTxtArea .i06{transition-delay: .95s;}
		#main-visual .vTxtArea .i07{transition-delay: 1s;}

		#main-visual .vTxtArea .ii.title{font-weight: bold; font-size:5.5rem; line-height:6.5rem;}
		#main-visual .vTxtArea .ii.tit{margin-top:3rem; font-weight: bold; font-size:2.2rem; line-height:3.4rem;}
		#main-visual .vTxtArea .ii.txt{margin-top:1rem; font-weight: 500; font-size:2.2rem; line-height:3.2rem;}
		#main-visual .vTxtArea .ii.btn{margin-top:7rem; display: flex;}
		#main-visual .vTxtArea .ii.btn>a{width:20rem; height:6rem; 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: center; border-radius:0.5rem;}

		#main-visual .slick-dots{display: flex; align-items: center; gap:3rem;}/* width:100%; text-align: center; position: absolute; left:0; bottom:15rem; z-index:6; */
		#main-visual .slick-dots>li{}
		#main-visual .slick-dots>li button{width:auto; height:2rem; margin:0; padding:0; font-weight: bold; font-size:1.5rem; line-height:1; color: rgba(255,255,255,0.3); text-align: left; cursor: pointer; position: relative; display: flex; align-items: flex-start;}
		#main-visual .slick-dots>li button:before,
		#main-visual .slick-dots>li button:after{content: ""; width: 100%; height: 0.2rem; background-color: #393735; display: inline-block; position:absolute; left: 0; bottom:0px;}

		#main-visual .slick-dots>li button:before{}
		#main-visual .slick-dots>li button:after{width:0; background-color: #fff;}

		#main-visual .slick-dots>li.slick-active button{color: #fff;}
		#main-visual .slick-dots>li.slick-active button:after{width:100%; transition: all 4.7s linear; transition-delay: 0.7s;}
		#main-visual .slick-dots>li.slick-active button:after{transition-delay: 0s;}

		#main-visual .controll{width:100%; max-width:174rem; margin:0; padding:0 3rem; position: absolute; left: 50%; bottom: 15rem; display: flex; align-items: center; gap:4rem; transform: translateX(-50%);}
		#main-visual .controll .dot{}
		#main-visual .controll .auto{}
		#main-visual .controll .auto button{width:7rem; height:7rem; background:transparent url("../../images/main/btn_slick_pause.png") no-repeat center center; background-size:auto 1.5rem; border:1px solid #fff; border-radius:99px;}
		#main-visual .controll .auto button.off{background-image:url("../../images/main/btn_slick_play.png"); background-size:auto 1.6rem; }

		#main-visual .item:is(.slick-current, .slick-active) .vTxtArea .ii{top:0px; opacity:1;}

		#main-visual .item.reset-animation .vTxtArea .ii{top:50px; opacity:0; transition: all 0s ease-out;}

		@keyframes slideIn {
			from {
				transform:scale(1.2);
			} to {
				transform:scale(1);
			}
		}
		@keyframes slideOut {
			from {
				transform:scale(1);
			} to {
				transform:scale(1.2);
			}
		}

	/* Deals */
		#main-deals{padding:14rem 0 18rem; background: url('../../images/main/bg_m01.jpg') no-repeat center center/cover;}
		#main-deals .deals-list{}
		#main-deals .deals-list .day{width:21.4285%;}
		#main-deals .deals-list .name{width:37.1431%;}
		#main-deals .deals-list .quantity{width:17.8571%;}
		#main-deals .deals-list .money{width:12.8571%;}
		#main-deals .deals-list .discount{width:10.7142%;}

		#main-deals .deals-head{height:9rem; background-image: linear-gradient(to bottom, #0c1638 50%, #081131 50%); display: flex; align-items: center; justify-content: space-between; position: relative; border-radius:1rem;}
		#main-deals .deals-head:before{content: ""; border:1px solid rgba(255,255,255,0.4); position:absolute; left:1px; right:1px; top:1px; bottom:1px; border-radius:0.8rem;}
		#main-deals .deals-head>li{font-weight: bold; font-size:2.2rem; line-height:1; color: #fff; text-align: center;}

		#main-deals .deals-body{max-height:40rem; margin-top:1rem; overflow: hidden;}
		#main-deals .deals-body-re{width:100%; height:9rem; margin-bottom:1rem; background-color: #1a1f33; position: relative; top:15px; border-radius:1rem; transition: all .3s linear; opacity: 0;}
		#main-deals .deals-body-re>ul{width:100%; height:9rem; font-weight: 500; font-size:2rem; line-height:1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: space-between; opacity: 0; transform:rotateX(-180deg); transition: all .4s linear; transform-origin: 50% 50%; position: relative;}
		#main-deals .deals-body-re .day,
		#main-deals .deals-body-re .money{color: #ffcc02;}
		#main-deals .deals-body-re .name{font-size:2.2rem; line-height:3.2rem;}
		#main-deals .deals-body-re .discount{color: #f93318;}

		#main-deals .deals-body .swiper-wrapper{-webkit-perspective:1000; perspective:1000;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide{}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active .deals-body-re{}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active .deals-body-re,
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide .deals-body-re,
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide .deals-body-re,
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .deals-body-re{top:0; opacity: 1;}

			#main-deals .deals-body .swiper-wrapper .swiper-slide-active .deals-body-re{transition-delay: 0s;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide .deals-body-re{transition-delay: .2s;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide .deals-body-re{transition-delay: .4s;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .deals-body-re{transition-delay: .6s;}


		#main-deals .deals-body .swiper-wrapper .swiper-slide-active .deals-body-re>ul{transition-delay: .4s;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide .deals-body-re>ul{transition-delay: .6s;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide .deals-body-re>ul{transition-delay: .8s;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .deals-body-re>ul{transition-delay: 1s;}
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active .deals-body-re>ul,
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide .deals-body-re>ul,
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide .deals-body-re>ul,
		#main-deals .deals-body .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .deals-body-re>ul{opacity: 1; transform: rotateX(0deg);}

	/* About */
		#main-about{padding:14rem 0 23rem; background: url('../../images/main/bg_m02.jpg') no-repeat center center/cover;}
		#main-about .thumbteam{margin-top:8rem; text-align: center;}

	/* Team */
		#main-team{padding:14rem 0; background: url('../../images/main/bg_m03.jpg') no-repeat center center/cover;}
		#main-team .m-title{color: #fff;}
		#main-team .main-team-list{width:100%; max-width:98rem; margin:0 auto; display: flex; align-items: center; gap:10rem;}
		#main-team .main-team-link{border-radius:1rem; position: relative; overflow: hidden;}
		#main-team .main-team-link:before{content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.9) 100%); position:absolute; left: 0; bottom:0px; z-index:2;}
		#main-team .main-team-link .thumb{}
		#main-team .main-team-link .title{width:100%; text-align: center; position: absolute; left:0; bottom:5rem; z-index:3;}
		#main-team .main-team-link .title>dt{font-weight: bold; font-size:4rem; line-height:1; color: #fff;}
		#main-team .main-team-link .title>dd{margin-top:1.5rem; font-weight: 500; font-size:2rem; line-height:1; color: #666;}

	/* Partners */
		#main-partners{padding:14rem 0; background: url('../../images/main/bg_m04.jpg') no-repeat center center/cover;}
		#main-partners .main-partners{position: relative;}
		#main-partners .main-partners-list{overflow: hidden;}
		/*
		#main-partners .main-partners-list{margin-bottom:9rem; overflow: hidden;}
		#main-partners .main-partners-list .swiper-wrapper{display: flex; flex-flow: row wrap;}
		#main-partners .main-partners-list .swiper-wrapper .swiper-slide{width:calc(20% - 25px) !important; max-width:26rem; margin-top:10px !important; background-color: #fff; border:1px solid #ddd; display: inline-flex; align-items: center; justify-content: center; border-radius:0.5rem; overflow: hidden;}
		*/
		#main-partners .main-partners-list .swiper-wrapper{display: flex; flex-flow: row wrap; gap:2.5rem;}
		#main-partners .main-partners-list .swiper-wrapper .swiper-slide{width:calc((100% - 10rem) / 5); background-color: #fff; border:1px solid #ddd; display: inline-flex; align-items: center; justify-content: center; border-radius:0.5rem; overflow: hidden;}
		#main-partners .main-partners-list .swiper-wrapper .swiper-slide>a{height:9.8rem; padding:1rem 2rem; display: flex; align-items: center; justify-content: center;}
		#main-partners .main-partners-list .swiper-wrapper .swiper-slide>a img{max-width:100%; max-height:100%;}

		#main-partners .swiper-button{font-family:'SUIT Variable'; font-weight: bold; font-size:7rem; line-height:1; color: rgba(17,17,17,0.5); position: absolute; top:50%; margin-top:-8.5rem; display: inline-block; cursor: pointer;}
		#main-partners .swiper-button-prev{ left:-8.5rem;}
		#main-partners .swiper-button-next{right:-8.5rem;}
		#main-partners .swiper-button:hover{color: rgba(17,17,17,1);}

		#main-partners .swiper-pagination{width:100%; text-align: center; display: flex; align-items: center; justify-content: center; gap:2rem;}
		#main-partners .swiper-pagination-bullet{width:1.8rem; height:1.8rem; margin:0; padding:0; background-color:#999; border:0.3rem solid #fff; border-radius:99px; ; cursor: pointer;}
		#main-partners .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff; border-width:0.5rem; border-color:var(--point);}

	/* Contact */
		#main-contact{padding:14rem 0; background: url('../../images/main/bg_m05.jpg') no-repeat center center/cover;}
		#main-contact .m-title{color: #fff; text-align: left;}
		#main-contact .main-contact{display: flex; align-items: flex-start; justify-content: space-between;}
		#main-contact .main-contact-left{line-height:1; color: #fff;}
		#main-contact .main-contact-left .tt dt{font-weight: 500; font-size:2rem;}
		#main-contact .main-contact-left .tel{margin:0 0 2.5rem;}
		#main-contact .main-contact-left .tel>dd{margin-top:1.5rem; font-weight: bold; font-size:4.5rem;}

		#main-contact .main-contact-left .option{padding:2.5rem 0; display: flex; align-items: center;}
		#main-contact .main-contact-left .option+.option{border-top:1px solid rgba(255,255,255,0.2);}
		#main-contact .main-contact-left .option>dt{width:11rem;}
		#main-contact .main-contact-left .option>dd{width:calc(100% - 11rem); font-size:2rem;}
		#main-contact .main-contact-left .btn{margin-top:10rem;}
		#main-contact .main-contact-left .btn>a{width:24rem; height:6rem; padding:0 2.9rem; border:1px solid #fff; font-weight: bold; font-size:1.8rem; line-height:1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}

		#main-contact .main-contact-form{width:calc(100% - 48rem); display: flex; flex-flow: row wrap; gap:1rem 2rem;}
		#main-contact .main-contact-form input[type=text],
		#main-contact .main-contact-form textarea{width:100%; height:7rem; border:none; font-weight: 500; font-size:1.7rem; line-height:7rem;}

		#main-contact .main-contact-form textarea{width:100%; height:12rem; padding:2rem; line-height:1.55;}

		#main-contact .main-contact-form input[required],
		#main-contact .main-contact-form textarea[required]{background-image:none;}

		#main-contact .main-contact-form>dl{width:100%; background-color: #fff; display: flex;}
		#main-contact .main-contact-form>dl>dt{width:10rem; padding-right:1.2rem; font-weight: 500; font-size:1.7rem; line-height:7rem; color: #666; text-align: right; position: relative;}
		#main-contact .main-contact-form>dl>dt:after{content: ""; width: 1.5rem; height: 1.5rem; background: url('/images/require.png') no-repeat center center / cover; display: inline-block; position:absolute; right: -0.3rem; top:2.5rem;}
		#main-contact .main-contact-form>dl>dd{width:calc(100% - 10rem)}
		#main-contact .main-contact-form>dl.two{width:calc((100% - 2rem) / 2);}

		#main-contact .main-contact-form .clauseArea>.tit{margin:3rem 0 1.5rem; font-weight: 500; font-size:1.7rem; color: #ddd;}
		#main-contact .main-contact-form .clauseArea .scroll{height:14rem; padding:2rem; border:none; font-size:1.7rem; line-height:1.45;}
		#main-contact .main-contact-form .clauseArea .check-new{float:none;}
		#main-contact .main-contact-form .clauseArea .check-new input[type=checkbox]+label{font-size:1.7rem; color: #666;}
/*[e] Main Style */

/*[s] Sub Style */
	/* 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;}
		.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:10px; 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;}

	/* Member Style */
		.member-area{width:100%; max-width:47rem; margin:0 auto; font-size:0; line-height:0; position: relative;}
		.member-area .memTit{margin-bottom:3rem; text-align: center;}
		.member-area .memTit>dt{font-size:2.2rem; line-height:1.3; color: #111;}
		.member-area .memTit>dd{padding-top:1rem; font-weight: 300; font-size:1.8rem; line-height:1.5; color: #666;}

		.member-area .fildBox{padding:0;}
		.member-area .fildBox>p{margin-bottom:1rem; padding-left:6.5rem; border:1px solid #ddd; display: flex; align-items: center; justify-content: space-between; position: relative;}
		.member-area .fildBox>p>label{width:6.4rem; height:100%; background-color: #fff; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
		.member-area .fildBox>p>label:after{content: ""; width:1px; height:2.4rem; margin-top:-1.2rem; background-color: #e6e6e6; position: absolute; right:-1px; top:50%;}
		.member-area .fildBox>p>label>span{height:100%; position: absolute; left:calc(100% + 1px + 1.5rem); top:0; white-space: nowrap; display: flex; align-items: center; justify-content: center;}
		.member-area .fildBox>p>label>span:before{content: "아이디"; font-weight: 500; font-size:1.8rem; line-height:1; color: #111;}
		.member-area .fildBox>p>label>span:after{content: "를 입력해주세요"; font-weight: 300; font-size:1.8rem; line-height:1; color: #999;}
		.member-area .fildBox>p>label img{width:2.2rem;}

		.member-area .fildBox>p.pw>label img{width:3rem;}
		.member-area .fildBox>p.pw>label>span:before{content: "비밀번호";}

		.member-area .fildBox input:focus + label>span,
		.member-area .fildBox input:valid + label>span{opacity: 0;}

		.member-area .fildBox input[type=text],
		.member-area .fildBox input[type=password]{width:100%; height:6.8rem; padding:0 1.5rem; background-color:#fff; background-image:none; border:none; font-size:1.8rem; line-height:6.8rem; color:#111; display:block;}

		.member-area .board_btn{margin-top:1rem;}
		.member-area .board_btn .click.full{max-width:none; border:0; border-radius:0;}
/*[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 .lay_close{position: absolute; right:3.9rem; top:3.9rem; z-index:4;}
	.layer-base .lay_close img{height:3.3rem;}
	.layer-base .layer-in{}
	.layer-base .nTit{margin-bottom:1rem; font-weight: 600; font-size:1.8rem; line-height:1.4; color: #333;}
	.layer-base .nTxt{font-size:1.6rem; line-height:1.4; color: #666;}

	#layer-team{width:100%; max-width:50rem;}
	#layer-team .layer-in{padding:4rem 4rem 8rem; background-color: #fff; border-radius:1rem;}
	#layer-team .lay-team-title{border-bottom:1px solid #ddd;}
	#layer-team .lay-team-title>dt{font-weight: bold; font-size:2rem; line-height:1; color: #db4e16;}
	#layer-team .lay-team-title>dd{padding:3.5rem 0 4rem; font-weight: 800; font-size:4rem; line-height:4.5rem; color: #222;}

	#layer-team .lay-team-his{margin-top:3.5rem;}
	#layer-team .lay-team-his>li{padding-left:1.2rem; font-size:2rem; line-height:3rem; color: #111; position: relative;}
	#layer-team .lay-team-his>li+li{margin-top:0.5rem;}
	#layer-team .lay-team-his>li:before{content: ""; width: 0.3rem; height: 0.3rem; background-color: #db4e16; position:absolute; left: 0; top:1.2rem; box-sizing: border-box; border-radius:99px;}
	#layer-team .lay-team-his>li.b{padding-left:2.4rem; font-size:1.8rem; line-height:2.6rem; color: #666;}
	#layer-team .lay-team-his>li.b{margin-top:0.3rem;}
	#layer-team .lay-team-his>li.b:before{content: "-"; width:auto; height: auto; background-color: transparent; left:1.2rem; top:0; border-radius:0;}
	#layer-team .lay-team-his>li.b+li:not(.b){margin-top:0.7rem;}

	.layer-search{width:100%; max-width:60rem;}
	.layer-search .lay_close{right:2rem; top:1.7rem;}
	.layer-search .lay_close img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	.layer-search .lay-search-title{height:7rem; padding:0rem 3rem; font-weight: bold; font-size:2.4rem; line-height:1.2; color: #fff; background-color: var(--point); display: flex; align-items: center;}
	.layer-search .layer-in{padding:4rem 3rem 8rem; background-color: #fff;}
	.layer-search .lay-search-form{display: flex; justify-content: space-between; gap:1rem;}
	.layer-search .lay-search-form>*{display: flex; align-items: center;}
	.layer-search .lay-search-form input[type="text"]{width:100%;}
	.layer-search .lay-search-form .img{width:3.7rem; text-align: right; justify-content: flex-end;}
	.layer-search .lay-search-form .img img{width:2.7rem;}

	.layer-search .lay-search-form.top{border-bottom:2px solid var(--btn_c);}
	.layer-search .lay-search-form.top input[type="text"]{height:7rem; padding:0; border:none; font-size:2rem; line-height:6.8rem; color: #333;}

	.layer-search .lay-search-form .txt{padding:0 3rem; background-color: var(--btn_c); font-size:1.8rem; line-height:1.2; color: #fff; text-align: center; justify-content: center;}

	.layer-search .lay-search-list{width:100%; max-height:20rem; margin:4rem 0 3rem; padding:0; border:1px solid var(--bor_c); display: flex; flex-flow: row wrap; justify-content: flex-start; overflow: hidden; overflow-y: scroll;}
	.layer-search .lay-search-list button{width:100%; height:5rem; padding:0 2rem; font-size:1.8rem; line-height:1.2; color: #666; text-align: left;}
	.layer-search .lay-search-list button:hover{background-color: #eee;}



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

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@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 */
	/*[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%;}

		:root {
			--w : 1;
			--h : 1;
		}
		.transformation-Table table{table-layout: auto; display: flex;}
		.transformation-Table table thead,
		.transformation-Table table tbody,
		.transformation-Table table th,
		.transformation-Table table td{width: auto; height:auto; padding:0; display: block;}

		.transformation-Table table thead{width:20rem; float: left; white-space: nowrap;}
		.transformation-Table table thead th,
		.transformation-Table table thead td{border-left:none !important;}
		.transformation-Table table tbody{width:100%; overflow-x: auto; white-space: nowrap; display: flex;}
		.transformation-Table table tr{flex:1 0 30vw; display: block;}

		.transformation-Table table th,
		.transformation-Table table td{width:calc(100% * var(--w)); height:calc(5.8rem * var(--h)); padding:0 2rem; border-left:1px solid var(--bor_c); display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
		.transformation-Table table th{}
		.transformation-Table table td{}
		.transformation-Table table .three{}
		.transformation-Table table .option{gap:0.7rem;}

		.transformation-Table table *[data-hide]{display:flex;}

		.transformation-Table>table .noPost>td{height:calc(40.6rem * var(--h));}
	/*[e] All Style */

	/*[s] Main Style */
		/* Partners */
			#main-partners .main-partners-list .swiper-wrapper .swiper-slide{width:calc((100% - 5rem) / 3);}
		/* Team */
			#main-team .main-team-list{gap:5rem;}

		/* Contact */
			#main-contact .m-title{text-align:center;}
			#main-contact .main-contact{display: block;}
			#main-contact .main-contact-left .tel{text-align: center;}
			#main-contact .main-contact-left .btn{margin-top:4rem; display: flex; justify-content: center; }
			#main-contact .main-contact-form{width:100%; margin-top:9rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[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 */
		.depth-two{margin-bottom:3rem;}
		.depth-two>a{height:6rem; font-size:2.4rem;}
		.depth-two>a+a:before{height: 2.4rem;}

		.transformation-Table table tr{flex:1 0 40vw;}

		.transformation-Table>table th,
		.transformation-Table>table td{height:7.8rem; font-size:2.4rem;}

		.transformation-Table>table .option a{width:5rem; height:3.3rem; font-size:1.7rem;}

		.transformation-Table>table .noPost>td{height:calc(54.6rem * var(--h));}
	/*[e] All Style */

	/*[s] Main Style */
		.m-title>dd,
		.m-title>dd>p{font-size:2.6rem; line-height:3.6rem;}

		/* Visual Video */
			#main-visual,
			#main-visual .main-slider,
			#main-visual .main-slider .slick-slide,
			#main-visual .main-slider .slick-slide img,
			#main-visual .main-slider .slide-media,
			#main-visual .main-slider .mobile_in{height:106rem !important;}

			#main-visual .vTxtArea .ii.title{}
			#main-visual .vTxtArea .ii.tit,
			#main-visual .vTxtArea .ii.txt{font-size:2.6rem; line-height:3.6rem;}
			#main-visual .vTxtArea .ii.btn{}
			#main-visual .vTxtArea .ii.btn>a{width:22rem; height:8rem; font-size:2.4rem;}

			#main-visual .slick-dots{gap:4rem;}
			#main-visual .slick-dots>li button{height:4rem; font-size:2.4rem;}
			#main-visual .controll{bottom: 12rem;}
			#main-visual .controll .auto button{width:9.6rem; height:9.6rem; background-size:auto 2.1rem;}
			#main-visual .controll .auto button.off{background-size:auto 2.2rem; }

		/* Deals */
			#main-deals .deals-list{}
			#main-deals .deals-list .day,
			#main-deals .deals-list .name,
			#main-deals .deals-list .quantity,
			#main-deals .deals-list .money,
			#main-deals .deals-list .discount{width:100%; padding-left:14rem; position: relative;}

			#main-deals .deals-list .day:before,
			#main-deals .deals-list .quantity:before,
			#main-deals .deals-list .money:before,
			#main-deals .deals-list .discount:before{content: ""; color: #fff; position: absolute; left:0; top:0;}

			#main-deals .deals-list .day:before{content: "거래일자";}
			#main-deals .deals-list .quantity:before{content: "거래주수";}
			#main-deals .deals-list .money:before{content: "거래단가";}
			#main-deals .deals-list .discount:before{content: "할인율";}

			#main-deals .deals-head{display:none;}

			#main-deals .deals-body{max-height:none; margin-top:0;}
			#main-deals .deals-body-re{width:44rem; height:54rem; margin-bottom:0; overflow: hidden;}
			#main-deals .deals-body-re>ul{width:100%; height:auto; padding:8rem 5rem 0; font-size:3rem; line-height:4rem; text-align: left; display: block; opacity: 1; transform: rotateX(0deg);}
			#main-deals .deals-body-re .day{padding-left:10rem; font-size:2.4rem; line-height:1;}
			#main-deals .deals-body-re .name{padding:2rem 0 3.5rem 0; margin-bottom:4.5rem; border-bottom:1px solid #3c4051; font-size:4.5rem; line-height:5.5rem;}
			#main-deals .deals-body-re .quantity,
			#main-deals .deals-body-re .money,
			#main-deals .deals-body-re .discount{margin-top:2rem;}

			#main-deals .deals-body .swiper-wrapper{white-space: nowrap;}
			#main-deals .deals-body .swiper-wrapper .swiper-slide{width:44rem; display:inline-block; vertical-align: top;}

			#main-deals .swiper-pagination-progressbar{width:100%; margin-top:5rem; height:2rem; background-color:#ddd; border-radius:99px; overflow:hidden;  position: relative;}
			#main-deals .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 100%; height: 100%;background-color:#666; border-radius:99px; position: absolute; left: 0; top: 0; transform-origin: left top;}

		/* Team */
			#main-team{}
			#main-team .main-team-list{display:block;}
			#main-team .main-team-link{width:100%; max-width:50rem; margin:0 auto; display:block;}
			#main-team .main-team-link+.main-team-link{margin-top:6rem;}
			#main-team .main-team-link .thumb{}
			#main-team .main-team-link .title{bottom:4.5rem;}
			#main-team .main-team-link .title>dt{font-size:4.5rem;}
			#main-team .main-team-link .title>dd{font-size:2.6rem;}

		/* Partners */
			#main-partners .main-partners-list .swiper-wrapper{gap:2rem;}
			#main-partners .main-partners-list .swiper-wrapper .swiper-slide{width:calc((100% - 2rem) / 2);}
			#main-partners .main-partners-list .swiper-wrapper .swiper-slide>a{height:11.8rem;}

		/* Contact */
			#main-contact .main-contact-left{line-height:1; color: #fff;}
			#main-contact .main-contact-left .tt dt{font-size:2.4rem;}
			#main-contact .main-contact-left .tel{}
			#main-contact .main-contact-left .tel>dd{font-size:5rem;}
			#main-contact .main-contact-left .option{}
			#main-contact .main-contact-left .option>dt{width:12rem;}
			#main-contact .main-contact-left .option>dd{width:calc(100% - 12rem); font-size:2.4rem;}
			#main-contact .main-contact-left .btn{}
			#main-contact .main-contact-left .btn>a{width:25rem; height:8rem; font-weight: 500; font-size:2.4rem;}


			#main-contact .main-contact-form input[type=text],
			#main-contact .main-contact-form textarea{height:8rem; font-size:2.4rem; line-height:8rem;}

			#main-contact .main-contact-form textarea{height:15rem; line-height:1.3;}

			#main-contact .main-contact-form>dl>dt{width:14rem; padding-right:1.2rem; font-size:2.4rem; line-height:8rem;}
			#main-contact .main-contact-form>dl>dd{width:calc(100% - 14rem)}

			#main-contact .main-contact-form>dl.two{width:100%;}

			#main-contact .main-contact-form .clauseArea>.tit{font-size:2.4rem;}
			#main-contact .main-contact-form .clauseArea .scroll{height:20rem; font-size:2.2rem; line-height:1.55;}
			#main-contact .main-contact-form .clauseArea .check-new{float:none;}
			#main-contact .main-contact-form .clauseArea .check-new input[type=checkbox]+label{font-size:2.2rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* 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;}

		/* Member Style */
			.member-area{width:100%; max-width:67rem;}
			.member-area .memTit{}
			.member-area .memTit>dt{font-size:2.4rem;}
			.member-area .memTit>dd{font-size:2.2rem;}

			.member-area .fildBox{padding:0;}
			.member-area .fildBox>p{}
			.member-area .fildBox>p>label{}
			.member-area .fildBox>p>label:after{}
			.member-area .fildBox>p>label>span{}
			.member-area .fildBox>p>label>span:before{font-size:2.4rem; }
			.member-area .fildBox>p>label>span:after{font-size:2.4rem;}

			.member-area .fildBox input:focus + label>span,
			.member-area .fildBox input:valid + label>span{opacity: 0;}

			.member-area .fildBox input[type=text],
			.member-area .fildBox input[type=password]{height:7.8rem; font-size:2.4rem; line-height:7.8rem;}

			.member-area .board_btn{}
			.member-area .board_btn .click{}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		#layer-team{max-width:none;}
		#layer-team .lay-team-title>dt{font-size:2.4rem;}
		#layer-team .lay-team-his>li{font-size:2.4rem; line-height:3.4rem;}
		#layer-team .lay-team-his>li:before{width: 0.4rem; height: 0.4rem;top:1.4rem;}

		#layer-team .lay-team-his>li.b{font-size:2.2rem; line-height:2.8rem;}

		.layer-search{max-width:none;}
		.layer-search .lay-search-form.top input[type="text"]{font-size:2.2rem;}

		.layer-search .lay-search-form .txt{font-size:2rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
}

/*
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; flex-flow: column wrap; justify-content: center;
display: flex; flex-flow: row wrap; 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;
*/