	#mVisual .slick-dots>li button,
	#mVisual .slick-arrow,
	.btn-show-hide:before,
	.depth-three>.depth-three_in,
	.depth-three>.depth-three_in>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

	#intro>li,
	#intro>li:before,
	#intro .a-link,
	#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

	#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}


	#mVisual .visualRoll,
	.menu-roll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}

	#mVisual.one .visualRoll,
	#mVisual .visualRoll.slick-initialized,
	.menu-roll.slick-initialized{visibility: visible; opacity: 1;}

/*[s] All Style */
	*::-webkit-scrollbar{width: 0.8rem; 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;}

	h3{margin-bottom:5rem; font-size:0; line-height:0;}
	h3>strong{font-weight: bold; font-size:3rem; line-height:1; color: var(--bg);}
	.h3-txt{width:100%; margin-top:2.5rem; font-weight: 600; font-size:1.6rem; line-height:2.8rem; color: #8c8c8c;}

	h3.img{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
	h3.img>.logo{width:17.3rem; margin-right:2rem;}

	html.signature h3.img>.logo{width:12.4rem;}

	h3 + .h3-txt{margin-top:-4rem; margin-bottom:4rem;}
	h3.img + .h3-txt{margin-top:-3rem;}

	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);}
/*[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:2rem 2rem 6rem; font-size:2rem; 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: var(--bg); 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:2rem; z-index:7;}
	#popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;}
	#popLayer .slick-dots>li+li{}
	#popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;}
	#popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;}

	#popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
	#popLayer #moPopArea #moPopRoll.open,
	#popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;}
/*[e] Main Popup Style */

/*[s] Intro Style */
	#intro{width:100%; background-color: #000; display: flex; justify-content: space-between;}
	#intro>li{width:50%; min-width:calc(35.5rem + 14.5833vw); height:100vh; padding:0; display: flex; align-items: center; position: relative;}
	#intro>li:before{content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.8); position:absolute; left: 0; top:0px;}

	#intro .signature{background: url('/images/img_signature.jpg') no-repeat left center/cover;}
	#intro .basic{background: url('/images/img_basic.jpg') no-repeat right center/cover;}

	#intro .a-link{width:35.5rem; margin-left:0rem; color: #ceb08b; display:block; position: relative; left:7.2917vw; z-index:2;}
	#intro .a-link .logo img{width:35.5rem;}
	#intro .a-link .txt{margin-top:3rem; font-size:1.5rem; line-height:1;}
	#intro .a-link .btns{width:19.8rem; height:5.6rem; margin-top:3.5rem; background-color: #000; border:1px solid #c7aa86; font-weight: bold; font-size:2.2rem; line-height:1; color: #ceb08b; text-align: center; display: flex; align-items: center; justify-content: center; border-radius:999px; position: relative;}
	#intro .a-link .btns:before,
	#intro .a-link .btns:after{content: ""; width: 0.8rem; height:0.8rem; margin-top:-0.4rem; background-color:#d8bfa4; position:absolute; top:50%; border-radius:999px;}
	#intro .a-link .btns:before{left:2.8rem;}
	#intro .a-link .btns:after{right:2.8rem}

	#intro .basic .a-link .btns{background-color: #0d2042;}

	#wrap[data-device='pc'] #intro>li:hover{width:100%;}
	#wrap[data-device='pc'] #intro>li:hover:before{background-color:rgba(0,0,0,0.6);}
	#wrap[data-device='pc'] #intro>li:hover .a-link{margin-left:-17.75rem; left:50%;}
	#wrap[data-device='pc'] #intro>li.signature:hover .a-link{}
	#wrap[data-device='pc'] #intro>li.basic:hover .a-link{}

	.intro-social{position: absolute; right:6rem; bottom:4.5rem; display: flex; align-items: center; z-index:2;}
	.intro-social>a{margin-left:5rem; display:inline-block; vertical-align: top;}
/*[e] Intro 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 */
		#main-visual,
		#main-visual .main-slider,
		#main-visual .main-slider .slick-slide,
		#main-visual .main-slider .slide-media,
		#main-visual .main-slider .mobile_in{height:1030px !important;}

		#main-visual .main-slider .mobile_in{width: 242vw; position: relative; left:50%; transform: translateX(-50%);}
		#main-visual .main-slider .mobile_in video,
		#main-visual .main-slider .mobile_in iframe{width:100% !important; height:110% !important; position: absolute; left:0 !important; top:0 !important; transform: translate(0%, 0%);}

		#main-visual{width:100%; margin-bottom: 5rem; background:#36465d url('/theme/prix/img/loading.gif') no-repeat center center; background-size: contain; font-size:0; line-height:0; position: relative; overflow:hidden;}
		#main-visual .main-slider{width: 100%; background-color:#36465d; 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 cubic-bezier(0.4, 0.29, 0.01, 1);}
		#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 cubic-bezier(0.4, 0.29, 0.01, 1);}
		#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 .slick-arrow{width:47px; height:90px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;}
		#main-visual .slick-prev{background-image: url("/images/main/btn_slick_prev.png"); left:100px;}
		#main-visual .slick-next{background-image: url("/images/main/btn_slick_next.png"); right:100px;}
		#main-visual .slick-arrow:hover{opacity:1;}

		#main-visual .controll{width:260px; padding-top:0; margin-left:-130px; position: absolute; left: 50%; bottom: 5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
		#main-visual .controll .dot{display:inline-block; vertical-align: middle;}
		#main-visual .controll .auto{display:inline-block; vertical-align: middle;}
		#main-visual .controll .auto{padding-left:10px;}
		#main-visual .controll .auto button{width:27px; height:27px; background:transparent url("/images/btn_slick_pause.png") no-repeat left top; border:none;}
		#main-visual .controll .auto button.off{background-image:url("/images/btn_slick_play.png");}

		#main-visual .slick-dots{display:flex; flex-wrap: nowrap; justify-content: flex-start;}
		#main-visual .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
		#main-visual .slick-dots>li+li{margin-left:0;}

		#main-visual .dot_Line,
		#main-visual .dot_Line>dt,
		#main-visual .dot_Line>dd .line{transition: all .3s ease-out; transform-origin: 50% 50%;}
		#main-visual .dot_Line>dd .line>span{}
		#main-visual .vTxt.first .dot_Line>dd .line>span{}

		#main-visual .dot_Line{padding-right:10px; box-sizing: border-box; position: relative;}
		#main-visual .dot_Line>dt{font-weight: 500; font-size:15px; line-height:1; color: rgba(255,255,255,0.3); white-space: nowrap;}
		#main-visual .dot_Line>dd{position: absolute; left:27px; right:10px; top:50%;}
		#main-visual .dot_Line>dd .line{width:100%; height:2px; background-color: rgba(255,255,255,0.3); display:inline-block; vertical-align: middle; position: relative; overflow:hidden;}
		#main-visual .dot_Line>dd .line>span{width:100%; height:2px; background-color: rgba(255,255,255,1); display:inline-block; position: absolute; left:-100%; top:0;}

		#main-visual .slick-dots>li.slick-active .dot_Line{padding-right:120px;}
		#main-visual .slick-dots>li.slick-active .dot_Line>dt{color: rgba(255,255,255,1);}
		#main-visual .slick-dots>li.slick-active .dot_Line>dd .line{width:100%;}
		#main-visual .slick-dots>li.slick-active .dot_Line>dd .line>span{}

		@keyframes slideIn {
			from {
				filter:blur(15px);
			} to {
				filter:blur(0);
			}
		}
		@keyframes slideOut {
			from {
				filter:blur(0);
			} to {
				filter:blur(15px);
			}
		}

	/* visual */
		#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
		#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:77vh; object-fit: cover;}

		#mVisual .slick-arrow{width:7rem; height:7rem; margin:0; padding:0; border:none; font-size:3rem; line-height:1; color: var(--bg); position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;}
		#mVisual .slick-prev{left:0%}
		#mVisual .slick-next{right:0%}
		#mVisual .slick-arrow:hover{color: var(--point); opacity:1;}

		#mVisual .vTxtArea{width:100%; height:96rem; max-width:1560px; padding:0 3rem; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:5; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start;}
		#mVisual .vTxtArea .vTxt_in{width:100%; padding:9rem 0 34rem; 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.tit{font-weight:900; font-size:1.8rem; line-height:1;}
		#mVisual .vTxt .ii.title{margin-top:2rem; font-weight: bold; font-size:5.5rem; line-height:6rem;}
		#mVisual .vTxt .ii.txt{margin-top:3rem; font-weight: 500; font-size:2.2rem; line-height:1.4;}

		#mVisual .vTxt .ii.controll{margin-top:5rem;}

		#mVisual .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:5rem;}
		#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:rgba(255,255,255,0.7); 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(--bg);}

		#mVisual .vTxt.active{position: static; top:0px;}
		#mVisual .vTxt.active .ii{top:0px; opacity:1;}

	html.main .btn-show-hide{margin-top:0; background-color: var(--bg) !important;}
	html.main .btn-show-hide:before{color: var(--point) !important;}
	html.main .brand-area .more-btn,
	html.main .menu-area .more-btn{display: flex !important;}
	html.main .menu-area,
	html.main .brand-area,
	html.main .franchise-area{padding-bottom:10rem;}
	html.main .cont-show-hide{}
/*[e] Main Style */

/*[s] Sub Style */
	.brand-area{}
		.brand-visual{width:100%; position: relative;}
		.brand-visual>img{width:100%; max-width:none; object-fit:cover; object-position: center center;}
		.brand-visual:before{content:attr(data-title); width:100%; font-weight: 600; font-size:2.8rem; line-height:1; color: #fff; text-align: center; position:absolute; left: 0; top:50%; transform: translateY(-50%);}
		.brand-visual .tile{width:24.5rem; position: absolute; right:2.4rem; top:2.2rem;}

		html.signature .brand-visual .tile{right:auto; left:2.4rem;}

		.more-btn{width:100%; margin-top:6rem; display: none; justify-content: center;}
		.more-btn>a{width:32rem; height:4.6rem; background-color:var(--point); font-weight: 600; font-size:1.6rem; line-height:1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}

		.btn-show-hide{width:100vw; height:10.5rem; margin:12rem 0 0 -50vw; padding:0; background-color: #f4f4f4; position: relative; left:50%; display: block;}
		.btn-show-hide:before{content: "↓"; font-size:2.4rem; line-height:1; color: #8d8d8d; display:inline-block; position: relative;}
		.btn-show-hide.show:before{transform:rotate(180deg);}

		.cont-show-hide{display:none;}

		.history-area{margin-top:10rem; font-size:0; line-height:0; position: relative;}
		.history-area:before{content: ""; width: 0.2rem; margin-left:-0.1rem; background-color: rgba(221,221,221,0.8); display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:5rem;}
		.history-area #his_progress{content: ""; width: 0.2rem; margin-left:-0.1rem; background-color:var(--point); display: inline-block; position:absolute; left: 50%; top:1.5rem; border-radius: 0 0 9px 9px;}

		.history-area .history-list>li{text-align: right; position: relative; z-index:2;}
		.history-area .txt_wrap{width:50%; padding:0 5rem; text-align: left; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative;}
		.history-area .txt_wrap:before{content: ""; width: 1.4rem; height:1.4rem; background-color:var(--point); display: inline-block; position:absolute; left: -0.7rem; top:0.8rem; border-radius:999px; box-sizing: border-box;}
		.history-area .txt_wrap>strong{font-weight: bold; font-size:3rem; line-height:1; color: #8c8c8c; display:block;}
		.history-area .txt_wrap>ul{margin:3rem 0 4.5rem;}
		.history-area .txt_wrap>ul>li{margin-top:3rem; padding-left:1.2rem; font-weight: 500; font-size:1.7rem; line-height:1.7; color: #8c8c8c; position: relative;}
		.history-area .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;}

		/*.history-area .txt_wrap>ul>li .sig{color: #000 !important;}*/

		.history-area .history-list>li:nth-child(even){text-align: left;}
		.history-area .history-list>li:nth-child(even) .txt_wrap{text-align: right;}
		.history-area .history-list>li:nth-child(even) .txt_wrap:before{left:auto; right: -0.7rem;}
		.history-area .history-list>li:nth-child(even) .txt_wrap>ul>li{padding:0 1.2rem 0 0;}
		.history-area .history-list>li:nth-child(even) .txt_wrap>ul>li:before{left:auto; right:0;}

		.history-area.month .txt_wrap>ul>li{padding-left:4.5rem;}
		.history-area.month .txt_wrap>ul>li:before{content: attr(data-month)"월"; font-weight: bold; color:var(--point);}

		.history-area.month .history-list>li:nth-child(even) .txt_wrap>ul>li{padding:0 4.5rem 0 0;}

		.his-logo{margin-top:11rem; text-align: center;}
		.his-logo img{height:7.6rem;}

	.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-details{width:100%; display: flex !important; justify-content: space-between;}
		.menu-details .thumb{width:60.7812%;}
		.menu-details .thumb img{width:100%; max-width:none; height:30.5rem; object-fit:cover; object-position: center center;}
		.menu-details .text-area{width:34.7656%; padding-top:1.5rem; position: relative;}
		.menu-details .text-area .cate{font-weight: 500; font-size:1.7rem; line-height:1; color: #8c8c8c; display: flex; align-items: center;}
		.menu-details .text-area .title{margin-top:2.5rem; font-weight: bold; font-size:3rem; line-height:3.6rem; color: #1c1c1c;}
		.menu-details .text-area .text{margin-top:2rem; font-size:1.7rem; line-height:2.8rem; color: #8c8c8c; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
		.menu-details .text-area .btn{width:100%; position: absolute; left:0; bottom:0;}
		.menu-details .text-area .btn>a{font-size:1.5rem; line-height:1; color: #8c8c8c; text-decoration: underline; text-underline-position:under;}

		.menu-area .slick-arrow{width:6rem; height:6rem; margin:0; padding:0; background-color:rgba(216,191,164,0.7); border:none; font-size:3rem; line-height:1; color: #fff; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer; border-radius:99px;}
		.menu-area .slick-prev{left:-3rem}
		.menu-area .slick-next{right:-3rem}
		.menu-area .slick-arrow:hover{background-color: rgba(216,191,164,1); opacity:1;}

		.menu-list{width:100%; margin-top:3rem; overflow:hidden;}
		.menu-list .list{margin:-3.5rem 0 0 -4rem;}
		.menu-list .list>li{width:25%; padding:3.5rem 0 0 4rem; 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%; position: absolute; left:0; top:0; object-fit:cover; object-position: center center; background: url('/images/logo_basic.png') no-repeat center center/50%;}
		html.signature .menu-list .list-conts .thumb img{background-image: url('/images/logo_signature.png');}

		.menu-list .list-conts .title{width:100%; padding:2.5rem 1rem 1.5rem; font-weight: 600; font-size:2.1rem; line-height:1.4; color: #0d2042; text-align: center; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
		.menu-list .list-conts .text{padding:0 1rem; font-size:1.6rem; line-height:1.4; color: #8c8c8c; text-align: center; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

		.menu-list.five .list{margin:-3rem 0 0 -3.5rem;}
		.menu-list.five .list>li{width:20%; padding:3rem 0 0 3.5rem;}
		.menu-list.five .list-conts .title{width:100%; padding:2rem 1rem 1rem; font-size:1.8rem;}
		.menu-list.five .list-conts .text{display:none;}

	.franchise-area{max-width:1024px; margin:0 auto;}
		.franchise-area h3{margin:4rem 0 0 0;}
		.franchise-area h3+.h3-txt{margin:2rem 0 0 0;}
		.franchise-area h3.mb{margin-bottom:4rem;}

		.franchise-step{width:100%; background-color: #f9f9f9; padding:0 5rem 5.5rem; display: flex; flex-wrap: wrap; justify-content: center; counter-reset:item; }
		.franchise-step>li{width:25%; margin-top:5.5rem; text-align: center;}

		.franchise-step>li:nth-child(1) .icon img{height:8.1rem;}
		.franchise-step>li:nth-child(2) .icon img{height:7.7rem;}
		.franchise-step>li:nth-child(3) .icon img{height:7.7rem;}
		.franchise-step>li:nth-child(4) .icon img{height:8.0rem;}
		.franchise-step>li:nth-child(5) .icon img{height:8.3rem;}
		.franchise-step>li:nth-child(6) .icon img{height:8.3rem;}
		.franchise-step>li:nth-child(7) .icon img{height:7.5rem;}
		.franchise-step>li:nth-child(8) .icon img{height:7.2rem;}

		.franchise-step .num{width:6.4rem; height:2.2rem; margin:0 auto; background-color:var(--bg); display: flex; align-items: center; justify-content: center; border-radius:999px; position: relative;}
		.franchise-step .num>span{font-weight: 500; font-size:1.7rem; line-height:1; color: #fff; }
		.franchise-step .num>span:before {counter-increment: item; content: counter(item)}
		.franchise-step .num:before,
		.franchise-step .num:after{content: ""; width: 0.4rem; height:0.4rem; margin-top:-0.2rem; background-color:var(--point); position:absolute; top:50%; border-radius:999px;}
		.franchise-step .num:before{left:0.9rem;}
		.franchise-step .num:after{right:0.9rem}

		.franchise-step .title{margin-top:2rem; font-weight: 500; font-size:2.5rem; line-height:1; color: #8c8c8c;}
		.franchise-step .icon{width:100%; height:9.5rem; padding-bottom:1rem; display: flex; align-items: flex-end; justify-content: center;}
		.franchise-step .text{font-weight: 600; font-size:1.5rem; line-height:1.4; color: #8c8c8c;}

		.franchise-text{width:100%; margin-top:5rem; padding:3rem 0; background-color: #f4f4f4; text-align: left; display: flex; justify-content: center;}
		.franchise-text>dl{margin-left:-4rem; padding-left:6rem; background: url('/images/basic/icon_franchise_tel.png') no-repeat left 10%/3.6rem; line-height:1; color: #8c8c8c;}
		.franchise-text>dl>dt{font-weight: bold; font-size:2rem;}
		.franchise-text>dl>dd{margin-top:0.7rem; font-size:1.6rem; line-height:1.4;}
		.franchise-text>dl a{color: #8c8c8c;}

		.franchise-area .faq{width:100%;}
		.franchise-area .faq>dl{margin-top:4.5rem;}
		.franchise-area .faq>dl>*{font-weight: 600; font-size:1.5rem; line-height:2.8rem; }
		.franchise-area .faq>dl>dt{font-weight: bold; color:#0d2042;}
		.franchise-area .faq>dl>dd{color: #a0a0a0;}

	.issue-area{}


	/* 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;}
/*[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;}
	.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 */

html.signature #header,
html.signature #footer,
html.signature #quick-inquiry,
html.signature #mVisual .slick-dots>li.slick-active button,
html.main.signature .btn-show-hide,
html.signature .franchise-step .num,
html.signature .storeFancyLay .storeFancy_title,
html.signature #popLayer .moPopClose button{background-color: var(--bg2) !important;}

html.signature h3>strong,
html.signature .depth-three>.depth-three_in>a:hover,
html.signature .depth-three>.depth-three_in>a.active,
html.signature #mVisual .slick-arrow,
html.signature .check-new input[type=checkbox]:checked+label,
html.signature .check-new input[type=radio]:checked+label{color: var(--bg2) !important;}

html.signature .menu-list .list-conts .title,
html.signature .photo_list ul.list li .gall_cont .area .in_area .title,
html.signature .storeFancyLay .store_info>dt,
html.signature .board_view>table .view_title,
html.signature .franchise-area .faq>dl>dt{color: #000 !important;}

@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 : 1260px){
	.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%;}
	/*[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] Intro Style */
		#intro{flex-direction: column;}
		#intro>li{width:100%; min-width:auto; height:50vh; justify-content: center;}
		#intro .a-link{width:auto; text-align: center; left:0; }
		#intro .a-link .btns{margin:3.5rem auto 0;}
	/*[e] Intro Style */

	/*[s] Main Style */
		/* visual */
			#mVisual .visualRoll .slider img{}
	/*[e] Main Style */

	/*[s] Sub Style */
		.menu-area{}
			.menu-details{padding-top:4rem; position: relative; display: block !important;}
			.menu-details .thumb{width:100%; text-align: center;}
			.menu-details .thumb img{height:auto;}
			.menu-details .text-area{width:100%; padding:4rem 0 4rem; position: static;}
			.menu-details .text-area .cate{position: absolute; left:0; top:0;}
			.menu-details .text-area .title{margin-top:0; }

			.menu-area .slick-arrow{top:35%;}

			.menu-list{}
			.menu-list .list{}
			.menu-list .list>li{width:50%;}

			.menu-list.five .list{}
			.menu-list.five .list>li{width:50%;}
	/*[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 */
		/*
			.nTable{}
			.nTable>table{}
			.nTable>table th,
			.nTable>table td{padding:3rem; font-size:2.2rem; line-height:3.2rem;}

			.nTable>table th{height:8rem; padding:0; font-size:2.4rem;}

			.nTable>table ul.bul>li{font-size:2rem; line-height:1.6;}

			.nTable>table .transportation>li{padding-left:0;}
			.nTable>table .transportation>li>p{padding-bottom:1rem; font-size:2.2rem; line-height:1; position: relative;}
			.nTable>table .transportation>li>dl>dt>span{font-size:2rem; line-height:4rem;}
			.nTable>table .transportation>li>dl>dd .inT{font-size:2rem; line-height:4rem;}

			.nTable +.nTable{margin-top:4rem;}

			.tabDepth{margin-bottom:3rem;}
			.tabDepth>a{height:5.2rem; font-size:2rem;}

			.depth3>a{font-size:2rem; line-height:1.4;}

			.groupTit{padding-bottom:4rem;}
			.groupTit .step{font-size:2.4rem;}
			h4.txt{font-size:3rem;}
			.nTxt{font-size:2rem; line-height:2.8rem;}

			ul.bul{}
			ul.bul>li{padding-left:1.5rem; font-size:2rem;}

			ul.star{}
			ul.star>li{padding-left:2.9rem; font-size:2rem;}

			ul.etc{}
			ul.etc>li{padding-left:4rem; font-size:2rem;}

			h4.line{margin-bottom:4rem;}
			h4.line.mt{margin-top:6rem;}

			h5.bul{margin:6rem 0 3rem; padding-left:2.6rem; font-size:2.8rem;}
			h5.bul:before{width: 1.8rem; height: 1.8rem; border-width:0.4rem;}
			h5.bul .more{padding:1rem 1.5rem; font-size:1.8rem; top:-0.7rem;}

			.scrollTb>*{width:120rem;}

			.admGo{font-size:0; line-height:0; position: relative; z-index:7;}
			.admGo>a{padding:0.625rem 1.25rem; background-color:#f00; font-size:1.25rem; line-height:1.2; color:#fff; display:inline-block; position:absolute; left:0; bottom:0;}
			.admGos{font-size:1.8rem;}

			.arrBtn{font-size:2rem; line-height:4.6rem;}
			.arrBtn>span{padding-right:60px;}

			select.base{height:5rem; background-size:4.3rem; font-size:2rem; line-height:4.8rem;}

			h4{font-size:3.5rem;}
			h5{font-size:2.6rem; line-height:3.4rem;}

			.category-top{}
			.category-top>ul{}
			.category-top>ul>li{}
			.category-top>ul>li a{height:6rem; padding:0 3rem; font-size:2.4rem; line-height:1.2;}

			.category-txt>ul>li a{font-size:2.4rem;}

			.category-tab{width:100vw; height:7rem; margin-left:-3rem;}
			.category-tab ul{border-radius:0;}
			.category-tab ul>li{}
			.category-tab ul>li a{height:7rem; font-size:2.4rem; border-radius:0;}
			.category-tab ul>li a>span{}

			ul.bul{}
			ul.bul>li{padding-left:1rem; font-size:2.2rem; line-height:3.2rem;}
			ul.bul>li+li{margin-top:0.5rem;}

			.scroll_info:before{margin-top:-1.2rem; font-size: 2.4rem;}
		*/
		h3>strong{font-size:4rem;}
		.h3-txt{margin-top:2.5rem; font-size:2.2rem; line-height:3.2rem;}

		h3.img{justify-content: center;}
		h3.img>.logo{width:26.4rem; margin-right:0;}
		h3.img>strong{display:none;}

		html.signature h3.img>.logo{width:18.8rem;}

		h3 + .h3-txt{margin-top:-3rem; margin-bottom:4rem;}
		h3.img + .h3-txt{margin-top:-2rem;}

		.depth-three{margin-top:-10rem;}
		.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;}
	/*[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:100%;}
		#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 .slider#HKeditorContent{padding:3rem 3rem 6rem; font-size:2.4rem;}

		#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{}
		#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] Intro Style */
		#intro .a-link .txt{font-size:2.2rem; line-height:1;}
		#intro .a-link .btns{width:25.4rem; height:6.7rem; font-size:3rem;}
		#intro .a-link .btns:before,
		#intro .a-link .btns:after{width: 1rem; height:1rem; margin-top:-0.5rem;}
		#intro .a-link .btns:before{left:3.8rem;}
		#intro .a-link .btns:after{right:3.8rem}

		.intro-social img[alt="instagram"]{height:4.3rem;}
		.intro-social img[alt="youtobe"]{height:2.8rem;}
		.intro-social img[alt="blog"]{height:4.2rem;}
	/*[e] Intro Style */

	/*[s] Main Style */
		/* visual */
			#mVisual .visualRoll .slider img{}

			#mVisual .vTxtArea{height:115rem; align-items: flex-start;}
			#mVisual .vTxtArea .vTxt_in{padding:24.5rem 0 0;}

			#mVisual .vTxt .ii.tit{font-size:2.2rem;}
			#mVisual .vTxt .ii.title{font-size:5.5rem; line-height:6.5rem;}
			#mVisual .vTxt .ii.txt{font-size:2.6rem; line-height:1.3;}

			#mVisual .vTxt .ii.controll{margin-top:11rem;}

			#mVisual .slick-dots>li+li{margin-left:1.5rem;}
			#mVisual .slick-dots>li button{width:1.6rem !important; height:1.6rem;}
			#mVisual .slick-dots>li.slick-active button{width:6.1rem !important;}

			#mVisual .slick-arrow{font-size:5rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.brand-area{}
			.brand-visual .tile{width:6.3rem; margin-top:-10.8rem; top:50%;}

			.more-btn{}
			.more-btn>a{width:40rem; height:7rem; font-weight: 600; font-size:2.5rem;}

			.btn-show-hide{}
			.btn-show-hide:before{font-size:2.8rem;}

			.history-area{}
			.history-area:before{margin-left:0; left: 0%;}
			.history-area #his_progress{margin-left:0; left: 0%;}
			.history-area .history-list>li{}
			.history-area .txt_wrap{width:100%; padding:0 0 0 4rem;}
			.history-area .txt_wrap:before{width: 2rem; height:2rem; left: -0.95rem; top:0.5rem;}
			.history-area .txt_wrap>strong{font-size:3.2rem;}
			.history-area .txt_wrap>ul{}
			.history-area .txt_wrap>ul>li{margin-top:2rem; padding-left:1.2rem; font-size:2.2rem;}

			.history-area .history-list>li:nth-child(even){padding-left:0; text-align: left;}
			.history-area .history-list>li:nth-child(even) .txt_wrap{text-align: left;}
			.history-area .history-list>li:nth-child(even) .txt_wrap:before{left: -0.95rem; right:auto;}
			.history-area .history-list>li:nth-child(even) .txt_wrap>ul>li{padding:0 0 0 1.2rem;}
			.history-area .history-list>li:nth-child(even) .txt_wrap>ul>li:before{left:0; right:auto;}

			.history-area.month .txt_wrap>ul>li{padding-left:6rem;}
			.history-area.month .txt_wrap>ul>li:before{}

			.history-area.month .txt_wrap>ul>li{padding-left:6rem;}
			.history-area.month .history-list>li:nth-child(even) .txt_wrap>ul>li{padding:0 0 0 6rem;}

		.menu-area{}
			.menu-details .text-area .cate{font-size:2.2rem;}
			.menu-details .text-area .title{}
			.menu-details .text-area .text{font-size:2.2rem; line-height:3rem; -webkit-line-clamp: 2;}
			.menu-details .text-area .btn{}
			.menu-details .text-area .btn>a{font-size:1.8rem;}

			.menu-area .slick-arrow{}

			.menu-list{margin-top:6rem;}
			.menu-list .list{margin:-3rem 0 0 -3rem;}
			.menu-list .list>li{padding:3rem 0 0 3rem;}

			.menu-list .list-conts .title{font-size:2.3rem;}
			.menu-list .list-conts .text{font-size:2rem;}

			.menu-list.five .list{margin:-3rem 0 0 -3rem;}
			.menu-list.five .list>li{padding:3rem 0 0 3rem;}
			.menu-list.five .list-conts .title{font-size:2rem;}

		.franchise-area{}
			.franchise-step{padding:0 0 5.5rem;}
			.franchise-step>li{width:50%;}

			.franchise-step>li:nth-child(1) .icon img,
			.franchise-step>li:nth-child(2) .icon img,
			.franchise-step>li:nth-child(3) .icon img,
			.franchise-step>li:nth-child(4) .icon img,
			.franchise-step>li:nth-child(5) .icon img,
			.franchise-step>li:nth-child(6) .icon img,
			.franchise-step>li:nth-child(7) .icon img,
			.franchise-step>li:nth-child(8) .icon img{height:auto; max-height:95%;}

			.franchise-step .num{width:9.5rem; height:3.2rem;}
			.franchise-step .num>span{font-size:2rem;}
			.franchise-step .num:before,
			.franchise-step .num:after{width: 0.6rem; height:0.6rem; margin-top:-0.3rem;}
			.franchise-step .num:before{left:1.2rem;}
			.franchise-step .num:after{right:1.2rem}

			.franchise-step .title{margin-top:2.5rem; font-size:3.5rem;}
			.franchise-step .icon{height:14.5rem; padding-bottom:1.5rem;}
			.franchise-step .text{font-size:2.2rem; line-height:1.4;}

			.franchise-text{width:100vw; margin:7rem 0 0 -3.5rem; padding:5rem 0;}
			.franchise-text>dl{margin-left:-6rem; background-size: 4.1rem;}
			.franchise-text>dl>dt{font-weight: bold; font-size:2.5rem;}
			.franchise-text>dl>dd{margin-top:0.7rem; font-size:2.4rem;}

			.franchise-area .faq{}
			.franchise-area .faq>dl{}
			.franchise-area .faq>dl>*{font-size:2.2rem; line-height:4rem;}

		/* 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;}
	/*[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 : 480px){
}

/*
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;
*/