@charset "utf-8";

#visual .visual .item01{background:#000 url("../img/main/img_visual01.png") no-repeat 50% 50%;background-size:cover}
#visual .visual .item02{background:#000 url("../img/main/img_visual02.png") no-repeat 50% 50%;background-size:cover}
#visual .visual .item03{background:#000 url("../img/main/img_visual03.png") no-repeat 50% 50%;background-size:cover}



.stroeInfo { background:#c9db2e !important;}

@media all and (min-width:1460px) {
	/**/
	#index { position:relative;}
	#index .titbox{margin-bottom: 50px;text-align: left;}
	#index .titbox .tit{position:relative;display: inline-block;margin: 15px 0 15px 0;line-height: 40px;font-size: 36px;font-weight: 600;color: #111;letter-spacing: -1px;}
	/*#index .titbox .tit:after{content: '';position: relative;display: inline-block;margin: 5px 0;width: 8px;height: 8px;margin-left: 5px;border-radius: 50%;background: #003399;vertical-align: bottom;}*/
	#index .titbox .txt{margin-top:10px;font-size:18px;color:#563b25}

	/**/
	#visual { /*padding-top: 100px; padding-bottom:70px;*/ overflow:hidden; background:url("../img/body_back.png") center top no-repeat; width:100%; max-height:1050px; background-size:cover; }
	#visual .visual{position: relative; /*background:#000;*/ overflow: hidden;}
	#visual .visual *{transition-property:all;transition-duration:0.5s}
	#visual .visual .slick-list{overflow:visible}
	#visual .visual .item{position:relative;padding-top:200px; height:1000px;text-align:center}
	#visual .visual .item:after{content:'';position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;/*background:rgba(0,0,0,0)*/}
	#visual .visual .item .box { display:none; position:absolute; z-index:11; top:50%; left:50%; width: 1200px; height:auto;transform:translate(-50%,-50%);text-align: left;}
	#visual .visual .item .tit{position: relative;line-height: 1.4;font-size: 56px;font-weight: 600;color: #fff;margin-bottom: 45px;white-space: nowrap;opacity:0;visibility:hidden;transform:translateY(50px);}
	#visual .visual .item .txt{font-size: 24px;font-weight: 500;line-height: 1.67;color: #fff;opacity: 0;visibility:hidden;transform:translateY(50px);}
	#visual .visual .item.swiper-slide-active:after{/*background:rgba(0,0,0,0.6);*/transition-property:all;transition-duration:2s}
	#visual .visual .item.swiper-slide-active .tit{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.5s;}
	#visual .visual .item.swiper-slide-active .txt{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:1s;}
	#visual .visual .dots{position:absolute;z-index:10;display: inline-block;bottom: 45px;left: 50%;padding: 10px 20px;padding-right: 50px;width: auto;border-radius: 50px;text-align:center;background: rgba(0,0,0,0.5);transform: translateX(-50%);}
	#visual .visual .dots > span{display:inline-block;position:relative;margin: 0 10px;width: 12px;height: 12px;text-indent:-9999em;background:none;overflow:hidden;transition:all .3s;}
	#visual .visual .dots > span:before{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-sizing:border-box;opacity: 0.8;}
	#visual .visual .dots > span:after{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;border-radius:50%;background:#fff;box-sizing:border-box;opacity:0;visibility:hidden}
	#visual .visual .dots .playBtn{position:absolute;top:0;right:0;width:40px;height:40px;background: rgba(0,0,0,0.5) url("../img/icon_pause.png") no-repeat 50% 50%;border-radius:50%;}
	#visual .visual .dots .playBtn.on{background-image: url("../img/icon_play.png");}
	#visual .visual .dots .swiper-pagination-bullet-active:after{opacity:1;visibility:visible}
	#visual .control{}
	#visual .control .arrow{position:absolute;z-index:100;top:50%;margin:-35px 0 0 0;width: 70px;height: 70px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.25);background: transparent;box-sizing: border-box;cursor: pointer;}
	#visual .control .arrow i{width:70px;line-height:70px;font-size:24px;color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:80px}
	#visual .control .prev{left:5%;background: url("../img/icon_left_arrow.png") no-repeat 50% 50%;}
	#visual .control .next{right:5%;background: url("../img/icon_right_arrow.png") no-repeat 50% 50%;}
	#visual .more{position:absolute;z-index:101;bottom:0;left:0;width:100%;padding: 15px 0;line-height:20px;font-size:15px;color: #fff;background: rgba(0,51,153,0.75);text-align:center;transform: translate(0,100%);transition: all 0.8s;}
	#visual .more:hover{text-decoration:underline}
	#visual:hover .more{transform:translate(0,0)}
	
	/* 웰빙 소풍경 */
	#wellbeing { background:url(../img/main/main_zone_2.png) center no-repeat; width:100%; height:100%; min-height:950px; background-size:cover; display: flex; justify-content: space-between; align-items:center; }
	#wellbeing .wellbeing_left { width:360px; margin:0 auto;}
	#wellbeing .wellbeing_left .wellbeing_left_img img { width:auto;}
	#wellbeing .wellbeing_left .wellbeing_left_box {  width:360px;  background:#74311f; color:#fff; padding:40px 30px; box-sizing:border-box;}
	#wellbeing .wellbeing_left .wellbeing_left_txt1 { font-size:26px; color:#fff; font-family: 'NanumMyeongjo'; text-align:left; letter-spacing:-1px; line-height:120%;}
	#wellbeing .wellbeing_left .wellbeing_left_txt1 span { color:#fe9a14;font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_left .wellbeing_left_txt2 {  font-size:13px; line-height:150%; font-family: 'GmarketSansLight'; text-align:left; padding-top:15%;}
	
	#wellbeing .wellbeing_center { width:500px; margin:0 auto; color:#fff; letter-spacing:-1px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt1 { position:relative; font-size:48px; font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt1:after { content:''; width:50%; height:3px; background:#fff; position:absolute; left:50%; top:50%; border-radius:10px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt2 { font-size:128px; font-family: 'NanumMyeongjo'; color:#fe9a14;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt3 { font-size:100px; font-family: 'NanumMyeongjo'; letter-spacing:-4px; background-color:rgba(0,0,0,0.2); padding:0 0; margin-bottom:30px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt4 { font-size:23px; font-family: 'GmarketSansLight'; margin-bottom:30px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt5 { font-size:14px; font-family: 'NanumMyeongjo'; color:rgba(255,255,255,0.7);}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt5:after { content:''; display:inline-block; border-bottom:2px solid #fff; height:auto; width:100%; padding-bottom:25px;}
	
	#wellbeing .wellbeing_right { width:360px; margin:0 auto;}
	#wellbeing .wellbeing_right .wellbeing_right_box {  width:360px;  background:#202e50; color:#fff; padding:40px 30px; box-sizing:border-box;}
	#wellbeing .wellbeing_right .wellbeing_right_txt1 { font-size:26px; color:#fff; font-family: 'NanumMyeongjo'; text-align:left; letter-spacing:-1px; line-height:120%;}
	#wellbeing .wellbeing_right .wellbeing_right_txt1 span { color:#17acd2; font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_right .wellbeing_right_txt2 {  font-size:13px; line-height:150%; font-family: 'GmarketSansLight'; text-align:left; padding-top:15%;}
	

	/* 리뷰 갤러리 */
	#gallery { position:relative;padding:125px 0 65px; background:#e8e2dc; overflow:hidden;}
	#gallery .cntbox{position:relative;padding-bottom: 50px;overflow: visible;}
	#gallery .cntbox .item{float: left;width: 25%;}
	#gallery .cntbox .item .inner{position: relative;display:block;overflow:hidden;transition: all 0.5s ease;}
	#gallery .cntbox .item .inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.75);opacity:0;visibility:hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#gallery .cntbox .item .inner .img{position:relative;padding-top: 140%;background: #e2e2e2 url("/data/common/logo_img2") no-repeat 50% 50%;overflow: hidden;transition:all 0.5s ease;}
	#gallery .cntbox .item .inner .img img{position:absolute;top: 50%;left: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);}
	#gallery .cntbox .item .inner .con{position: absolute;z-index: 10;top: 50%;left: 0;padding: 20px 25px;width: 100%;text-align: center;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#gallery .cntbox .item .inner .tit{position: relative;z-index: 2;line-height: 32px;font-size: 20px;font-weight: 600;color: #fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#gallery .cntbox .item .inner .date{position: relative;z-index: 2;margin-top: 5px;line-height: 20px;font-size:15px;color:#fff}
	#gallery .cntbox .item .inner:hover{transform: translateX(-10px) translateY(-10px);box-shadow: 15px 15px 24px 0 rgba(0,0,0,0.2);}
	#gallery .cntbox .item .inner:hover:after{opacity:1;visibility:visible}
	#gallery .cntbox .item .inner:hover .con{opacity:1;visibility:visible}
	#gallery .cntbox .swiper-scrollbar{position:absolute;top:auto;bottom:0;left:0;width:100%;height: 4px;background: #fff;}
	#gallery .cntbox .swiper-scrollbar > .swiper-scrollbar-drag{background:#fe9a14}
	#gallery .cntbox .control{position: absolute;z-index: 15;left: 50%;top: 50%;margin-left: -800px;transform: translateY(-50%);}
	#gallery .cntbox .control .arrow{display: block;width:65px;height: 65px;cursor:pointer;}
	#gallery .cntbox .control .arrow + .arrow{margin-top:2px}
	#gallery .cntbox .control .arrow.prev{background: #111 url("../img/icon_prev1.png") no-repeat 50% 50%;}
	#gallery .cntbox .control .arrow.next{background: #111 url("../img/icon_next1.png") no-repeat 50% 50%;}
	#gallery .cntbox .control .arrow.swiper-button-disabled{opacity:0.5}
	#gallery .more { position: relative; margin-top:30px; color:#eaa657; text-align: center;}
	#gallery .more a { color:#eaa657 !important; }
	#gallery .more .bt_more{display:block;line-height: 30px;font-size: 18px;font-weight: 600;color:#777;}
	#gallery .more .bt_more span { position:relative;;transition:all 0.5s; display:inline-block; border-radius:30px; border:2px solid #eaa657; padding:5px 30px 0; }
	#gallery .more .bt_more span:before{content:'';position:absolute;bottom: 0;left: 50%;width: 0%;height: 6px;background: rgba(0, 51, 153, 0.15);transform: translateX(-50%);transition: all 0.5s;}
	#gallery .more .bt_more span:after{content:'';position:absolute;top:50%;right:0;margin-top: -6px;width: 12px;height: 12px;/*background:url("../img/icon_more2.png") no-repeat 50% 50%;background-size: 12px auto;*/opacity: 0;visibility: hidden;transform: rotate(180deg);transition:all 0.5s;}
	#gallery .more .bt_more span:hover{padding-right:20px;color:#eaa657;}
	#gallery .more .bt_more span:hover:before{width:100%}
	#gallery .more .bt_more span:hover:after{opacity:1;visibility:visible;transform:rotate(0)}
	
	
	/* 가맹점문의 */
	#franchise { position:relative;padding:75px 0;  background:url(../img/main/franchise_back.png) center top no-repeat; overflow:hidden;}
	#franchise .titbox { text-align:center;}
	#franchise .titbox .tit { font-size:60px; color:#000;}
	#franchise .titbox .tit span { position:relative; font-family: 'GmarketSansMedium';}
	#franchise .titbox .tit span:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000;}
	#franchise .cntbox { position:relative;padding-bottom: 50px;overflow: visible;}
	#franchise .cntbox .item { float: left;width: 25%;}
	#franchise .cntbox .item .inner { position: relative;display:block;overflow:hidden;transition: all 0.5s ease;}
	#franchise .cntbox .item .inner:after { content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.75);opacity:0;visibility:hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#franchise .cntbox .item .inner .img{position:relative;padding-top: 75%;background: #e2e2e2 url("/data/common/logo_img2") no-repeat 50% 50%;overflow: hidden;transition:all 0.5s ease;}
	#franchise .cntbox .item .inner .img img{position:absolute;top: 50%;left: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);}
	#franchise .cntbox .item .inner .con{position: absolute;z-index: 10;top: 50%;left: 0;padding: 20px 25px;width: 100%;text-align: center;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#franchise .cntbox .item .inner .tit{position: relative;z-index: 2;line-height: 32px;font-size: 20px;font-weight: 600;color: #fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#franchise .cntbox .item .inner .date{position: relative;z-index: 2;margin-top: 5px;line-height: 20px;font-size:15px;color:#fff}
	#franchise .cntbox .item .inner:hover{transform: translateX(-10px) translateY(-10px);box-shadow:15px 15px 24px 0 rgba(0,0,0,0.2);}
	#franchise .cntbox .item .inner:hover:after{opacity:1;visibility:visible}
	#franchise .cntbox .item .inner:hover .con{opacity:1;visibility:visible}
	#franchise .cntbox .swiper-scrollbar{position:absolute;top:auto;bottom:0;left:0;width:100%;height: 4px;background: #ececec;}
	#franchise .cntbox .swiper-scrollbar > .swiper-scrollbar-drag{background:#eaa657;}
	#franchise .more{position: relative;margin-top: 50px;text-align: center;}
	#franchise .more .bt_more{display:block;line-height: 30px;font-size: 18px;font-weight: 600;color:#fff;}
	#franchise .more .bt_more span{position:relative;;transition:all 0.5s; background:#313131; padding:20px 40px;}
	#franchise .more .bt_more span:before{content:'';position:absolute;bottom: 0;left: 50%;width: 0%;height: 6px;background: rgba(0, 51, 153, 0.15);transform: translateX(-50%);transition: all 0.5s;}
	#franchise .more .bt_more span:after{content:'';position:absolute;top:50%;right:0;margin-top: -6px;width: 12px;height: 12px;background:url("../img/icon_more2.png") no-repeat 50% 50%;background-size: 12px auto;opacity: 0;visibility: hidden;transform: rotate(180deg);transition:all 0.5s;}
	#franchise .more .bt_more span:hover{padding-right:20px;color:#eaa657;}
	#franchise .more .bt_more span:hover:before{width:100%}
	#franchise .more .bt_more span:hover:after{opacity:1;visibility:visible;transform:rotate(0)}
	.franchise_txt { text-align:center; padding:0 15%; font-size:24px; line-height:120%; color:#000; font-family: 'GmarketSansLight'; margin-top:20px;}
	.franchise_info { position:relative; background:#fff; padding:25px 105px 20px 20px; border:1px solid #bbb; margin:40px 0 30px; font-size:14px; color:#666;}
	/*.franchise_info a { position:absolute; right:20px; top:50%; margin-top:-16px; width:96px; height:32px; line-height:32px; text-align:center; background:#999; color:#fff; }*/
	
table.franchise_tbl { clear:both; width:100%; border-top:1px solid #bbb; border-collapse: collapse;border-spacing: 0;}
table.franchise_tbl .franchise_input { height:50px; border:1px solid #ddd; width:100%; box-sizing:border-box;}
table.franchise_tbl th, table.franchise_tbl td { padding:10px 10px; text-align:left; border-bottom:1px solid #bbb; max-height:50px;}
table.franchise_tbl .franchise_textarea { border:1px solid #dddddd; padding:15px; width:100%; box-sizing:border-box; }
	
	
	/* 커뮤니티 */
	#community { position:relative;padding:75px 0; background:#f9f9f9;}
	#community:before { content:''; position:absolute; left:0; top:0; width:100%; height:6px; background:url(../img/main/commnuity_line.png) left top repeat-x;}
	#community .cntbox .desc{float:left;position:relative;padding: 40px;}
	#community .cntbox .desc .title { margin-bottom: 20px;line-height:30px;font-size:24px; font-weight: 100; font-family: 'GmarketSansLight'; letter-spacing: -0.5px;}
	#community .cntbox .ntc{width: 390px;background: #fff;}
	#community .cntbox .ntc .title{color:#eaa657;}
	#community .cntbox .ntc .list{overflow:hidden}
	#community .cntbox .ntc .item{margin-bottom: 20px;height: 220px;background: #fff;overflow: hidden;}
	#community .cntbox .ntc .item.empty{width:100%;line-height:220px;text-align:center;color:rgba(255,255,255,0.5)}
	#community .cntbox .ntc .item .inner{position:relative;display:block;height: 220px;}
	#community .cntbox .ntc .item .tit{line-height:25px;font-size:24px;font-weight:500;color:#333;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .ntc .item .txt{margin-top: 40px;line-height: 20px;font-size: 17px; line-height:130%; font-family: 'GmarketSansLight'; font-weight: 200;color: #000;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .ntc .item .date{margin-top: 40px;line-height: 20px;font-size: 14px;color: #999;}
	#community .cntbox .ntc .item .inner:hover .tit{text-decoration:underline}
	#community .cntbox .ntc .control{position: absolute;z-index: 15;right:40px;bottom:40px;}
	#community .cntbox .ntc .control .arrow{float: left;width:65px;height: 20px;cursor:pointer;}
	#community .cntbox .ntc .control .arrow + .arrow{border-left: 1px solid rgba(0,0,0,0.25);}
	#community .cntbox .ntc .control .arrow.prev{background:url("../img/icon_prev1.png") no-repeat 50% 50%}
	#community .cntbox .ntc .control .arrow.next{background:url("../img/icon_next1.png") no-repeat 50% 50%}
	#community .cntbox .ntc .control .arrow.swiper-button-disabled{opacity:0.5}
	#community .cntbox .new { margin-left: 30px;width: 390px;background: #fe9a14;}
	#community .cntbox .new .title { color:#fff;}
	#community .cntbox .new .list{overflow:hidden}
	#community .cntbox .new .item { margin-bottom: 20px;height: 220px; overflow: hidden;}
	#community .cntbox .new .item .inner{position:relative;display:block;height: 220px;}
	#community .cntbox .new .item.empty{width:100%;line-height: 220px;text-align:center;color:rgba(255,255,255,0.5);}
	#community .cntbox .new .item .tit{line-height:25px;font-size:24px;font-weight:500;color:#fff;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden}
	#community .cntbox .new .item .txt { margin-top: 40px;line-height: 20px;font-size: 17px; font-weight:200; font-family: 'GmarketSansLight'; color:rgba(255,255,255,0.75);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .new .item .date{margin-top: 40px;line-height: 20px;font-size: 14px;color: rgba(255,255,255,0.25);}
	#community .cntbox .new .item .inner:hover .tit{text-decoration:underline}
	#community .cntbox .new .control{position: absolute;z-index: 15;right:40px;bottom:40px;}
	#community .cntbox .new .control .arrow{float: left;width:65px;height: 20px;cursor:pointer;}
	#community .cntbox .new .control .arrow + .arrow{border-left: 1px solid rgba(255,255,255,0.25);}
	#community .cntbox .new .control .arrow.prev{background:url("../img/icon_prev2.png") no-repeat 50% 50%}
	#community .cntbox .new .control .arrow.next{background:url("../img/icon_next2.png") no-repeat 50% 50%}
	#community .cntbox .new .control .arrow.swiper-button-disabled{opacity:0.5}
	#community .cntbox .etc{margin-left: 30px;padding: 0;width: 360px;}
	#community .cntbox .etc .column{background:#eee;}
	#community .cntbox .etc .column + .column{margin-top: 30px;}
    #community .cntbox .etc .column .inner{position:relative;display:block;padding: 45px 35px;padding-left: 165px;background: #17acd2;}
    #community .cntbox .etc .column .inner .img{position:absolute;top:50%;left:20px;width: 120px;height: 120px; overflow: hidden;transform: translateY(-50%);}
    #community .cntbox .etc .column .inner .img img{width:100%;height:auto}
	#community .cntbox .etc .column .inner .tit{line-height: 30px;font-size: 24px;font-weight: 500;color: #fff;letter-spacing: -0.5px;}
    #community .cntbox .etc .column .inner .txt { margin-top: 14px;height: 36px;line-height: 18px;color: rgba(255,255,255,0.5);word-break: keep-all; /*font-family: 'GmarketSansLight';*/ font-weight:200;}
	
}

@media (max-width:1459px) and (min-width:748px) {
	/**/
	#index{position:relative;overflow:hidden}
	#index .titbox{margin-bottom: 50px;text-align: center;}
	#index .titbox .tit{position:relative;margin: 15px 0 10px 0;line-height: 40px;font-size: 28px;font-weight: 600;letter-spacing: -0.5px;}
	#index .titbox .txt{margin-top: 5px;font-size: 13px;color:#563b25;}

	/**/
	#visual{padding-top: 131px;}
	#visual .visual { position: relative; overflow:hidden; background:url("../img/body_back.png") center top no-repeat; width:100%; max-height:1050px; background-size:cover; }
	#visual .visual *{transition-property:all;transition-duration:0.5s}
	#visual .visual .slick-list{overflow:visible}
	#visual .visual .item{position:relative;height: 500px;text-align:center;}
	#visual .visual .item:after{content:'';position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0)}
	#visual .visual .item .box { display:none; position:absolute;z-index:11;top:50%;left:50%;padding: 0 35px;width: 100%;height:auto;transform:translate(-50%,-50%);text-align: center;}
	#visual .visual .item .tit{position: relative;line-height: 1.4;font-size: 38px;font-weight: 600;color: #fff;margin-bottom: 25px;white-space: nowrap;opacity:0;visibility:hidden;transform:translateY(50px);}
	#visual .visual .item .txt{font-size: 18px;font-weight: 500;line-height: 1.4;color: #fff;opacity: 0;visibility:hidden;transform:translateY(50px);}
	#visual .visual .item.swiper-slide-active:after { background:rgba(0,0,0,0);transition-property:all;transition-duration:2s}
	#visual .visual .item.swiper-slide-active .tit{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.5s;}
	#visual .visual .item.swiper-slide-active .txt{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:1s;}
	#visual .visual .dots{position:absolute;z-index:10;display: inline-block;bottom: 45px;left: 50%;padding: 6px 15px;padding-right: 40px;width: auto;border-radius: 50px;text-align:center;background: rgba(0,0,0,0.5);transform: translateX(-50%);}
	#visual .visual .dots > span{display:inline-block;position:relative;margin: 0 10px;width: 12px;height: 12px;text-indent:-9999em;background:none;overflow:hidden;transition:all .3s;}
	#visual .visual .dots > span:before{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-sizing:border-box;opacity: 0.8;}
	#visual .visual .dots > span:after{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;border-radius:50%;background:#fff;box-sizing:border-box;opacity:0;visibility:hidden}
	#visual .visual .dots .playBtn{position:absolute;top:0;right:0;width: 32px;height: 32px;background: rgba(0,0,0,0.5) url("../img/icon_pause.png") no-repeat 50% 50%;border-radius:50%;}
	#visual .visual .dots .playBtn.on{background-image: url("../img/icon_play.png");}
	#visual .visual .dots .swiper-pagination-bullet-active:after{opacity:1;visibility:visible}
	#visual .control{}
	#visual .control .arrow{position:absolute;z-index:100;top:50%;margin: -25px 0 0 0;width: 50px;height: 50px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.25);background: transparent;box-sizing: border-box;cursor: pointer;}
	#visual .control .arrow i{width:70px;line-height:70px;font-size:24px;color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:80px}
	#visual .control .prev{left:5%;background: url("../img/icon_left_arrow.png") no-repeat 50% 50%;background-size: 10px auto;}
	#visual .control .next{right:5%;background: url("../img/icon_right_arrow.png") no-repeat 50% 50%;background-size: 10px auto;}
	#visual .more{position:absolute;z-index:101;bottom:0;left:0;width:100%;padding: 15px 0;line-height:20px;font-size:15px;color: #fff;background: rgba(0,51,153,0.75);text-align:center;transform: translate(0,100%);transition: all 0.8s;}
	#visual .more:hover{text-decoration:underline}
	#visual:hover .more{transform:translate(0,0)}
	
	/* 웰빙 소풍경 */
	#wellbeing { background:url(../img/main/main_zone_2.png) center no-repeat; width:100%; height:100%; min-height:auto; background-size:cover; display: flex; justify-content: space-between; align-items:center; padding:50px 0; }
	#wellbeing .wellbeing_left { width:23%; margin:0 1%;}
	#wellbeing .wellbeing_left .wellbeing_left_img img { width:100%;}
	#wellbeing .wellbeing_left .wellbeing_left_box {  width:100%;  background:#74311f; color:#fff; padding:40px 30px; box-sizing:border-box;}
	#wellbeing .wellbeing_left .wellbeing_left_txt1 { font-size:20px; color:#fff; font-family: 'NanumMyeongjo'; text-align:left; letter-spacing:-1px; line-height:120%;}
	#wellbeing .wellbeing_left .wellbeing_left_txt1 span { color:#fe9a14;font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_left .wellbeing_left_txt2 {  font-size:13px; line-height:150%; font-family: 'GmarketSansLight'; text-align:left; padding-top:15%;}
	
	#wellbeing .wellbeing_center { width:48%; margin:0 1%; color:#fff; letter-spacing:-1px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt1 { position:relative; font-size:38px; font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt1:after { content:''; width:50%; height:3px; background:#fff; position:absolute; left:50%; top:50%; border-radius:10px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt2 { font-size:88px; font-family: 'NanumMyeongjo'; color:#fe9a14;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt3 { font-size:60px; font-family: 'NanumMyeongjo'; letter-spacing:-4px; background-color:rgba(0,0,0,0.2); padding:0 0; margin-bottom:30px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt4 { font-size:20px; font-family: 'GmarketSansLight'; margin-bottom:30px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt5 { font-size:14px; font-family: 'NanumMyeongjo'; color:rgba(255,255,255,0.7);}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt5:after { content:''; display:inline-block; border-bottom:2px solid #fff; height:auto; width:100%; padding-bottom:25px;}
	
	#wellbeing .wellbeing_right {  width:23%; margin:0 1%;}
	#wellbeing .wellbeing_right .wellbeing_right_img img { width:100%;}
	#wellbeing .wellbeing_right .wellbeing_right_box {  width:100%;  background:#202e50; color:#fff; padding:40px 30px; box-sizing:border-box;}
	#wellbeing .wellbeing_right .wellbeing_right_txt1 { font-size:20px; color:#fff; font-family: 'NanumMyeongjo'; text-align:left; letter-spacing:-1px; line-height:120%;}
	#wellbeing .wellbeing_right .wellbeing_right_txt1 span { color:#17acd2; font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_right .wellbeing_right_txt2 {  font-size:13px; line-height:150%; font-family: 'GmarketSansLight'; text-align:left; padding-top:15%;}
	
	/* 가맹점문의 */
	#franchise { position:relative;padding:75px 0;  background:url(../img/main/franchise_back.png) center top no-repeat; overflow:hidden;}
	#franchise .titbox { text-align:center;}
	#franchise .titbox .tit { font-size:60px; color:#000;}
	#franchise .titbox .tit span { position:relative; font-family: 'GmarketSansMedium';}
	#franchise .titbox .tit span:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000;}
	#franchise .cntbox { position:relative;padding-bottom: 50px;overflow: visible;}
	#franchise .cntbox .item { float: left;width: 25%;}
	#franchise .cntbox .item .inner { position: relative;display:block;overflow:hidden;transition: all 0.5s ease;}
	#franchise .cntbox .item .inner:after { content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.75);opacity:0;visibility:hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#franchise .cntbox .item .inner .img{position:relative;padding-top: 75%;background: #e2e2e2 url("/data/common/logo_img2") no-repeat 50% 50%;overflow: hidden;transition:all 0.5s ease;}
	#franchise .cntbox .item .inner .img img{position:absolute;top: 50%;left: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);}
	#franchise .cntbox .item .inner .con{position: absolute;z-index: 10;top: 50%;left: 0;padding: 20px 25px;width: 100%;text-align: center;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#franchise .cntbox .item .inner .tit{position: relative;z-index: 2;line-height: 32px;font-size: 20px;font-weight: 600;color: #fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#franchise .cntbox .item .inner .date{position: relative;z-index: 2;margin-top: 5px;line-height: 20px;font-size:15px;color:#fff}
	#franchise .cntbox .item .inner:hover{transform: translateX(-10px) translateY(-10px);box-shadow:15px 15px 24px 0 rgba(0,0,0,0.2);}
	#franchise .cntbox .item .inner:hover:after{opacity:1;visibility:visible}
	#franchise .cntbox .item .inner:hover .con{opacity:1;visibility:visible}
	#franchise .cntbox .swiper-scrollbar{position:absolute;top:auto;bottom:0;left:0;width:100%;height: 4px;background: #ececec;}
	#franchise .cntbox .swiper-scrollbar > .swiper-scrollbar-drag{background:#eaa657;}
	#franchise .more{position: relative;margin-top: 50px;text-align: center;}
	#franchise .more .bt_more{display:block;line-height: 30px;font-size: 18px;font-weight: 600;color:#fff;}
	#franchise .more .bt_more span{position:relative;;transition:all 0.5s; background:#313131; padding:20px 40px;}
	#franchise .more .bt_more span:before{content:'';position:absolute;bottom: 0;left: 50%;width: 0%;height: 6px;background: rgba(0, 51, 153, 0.15);transform: translateX(-50%);transition: all 0.5s;}
	#franchise .more .bt_more span:after{content:'';position:absolute;top:50%;right:0;margin-top: -6px;width: 12px;height: 12px;background:url("../img/icon_more2.png") no-repeat 50% 50%;background-size: 12px auto;opacity: 0;visibility: hidden;transform: rotate(180deg);transition:all 0.5s;}
	#franchise .more .bt_more span:hover{padding-right:20px;color:#eaa657;}
	#franchise .more .bt_more span:hover:before{width:100%}
	#franchise .more .bt_more span:hover:after{opacity:1;visibility:visible;transform:rotate(0)}
	.franchise_txt { text-align:center; padding:0 15%; font-size:24px; line-height:120%; color:#000; font-family: 'GmarketSansLight'; margin-top:20px;}
	.franchise_info { position:relative; background:#fff; padding:25px 105px 20px 20px; border:1px solid #bbb; margin:40px 0 30px; font-size:14px; color:#666;}
	/*.franchise_info a { position:absolute; right:20px; top:50%; margin-top:-16px; width:96px; height:32px; line-height:32px; text-align:center; background:#999; color:#fff; }*/
	
table.franchise_tbl { clear:both; width:100%; border-top:1px solid #bbb; border-collapse: collapse;border-spacing: 0;}
table.franchise_tbl .franchise_input { height:50px; border:1px solid #ddd; width:100%; box-sizing:border-box;}
table.franchise_tbl th, table.franchise_tbl td { padding:10px 10px; text-align:left; border-bottom:1px solid #bbb; max-height:50px;}
table.franchise_tbl .franchise_textarea { border:1px solid #dddddd; padding:15px; width:100%; box-sizing:border-box; }
	
	
	/* 리뷰 갤러리 */
	#gallery { position:relative;padding:125px 0 65px; background:#e8e2dc; overflow:hidden;}
	#gallery .cntbox{position:relative;padding-bottom: 50px;overflow: visible;}
	#gallery .cntbox .item{float: left;width: 25%;}
	#gallery .cntbox .item .inner{position: relative;display:block;overflow:hidden;transition: all 0.5s ease;}
	#gallery .cntbox .item .inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.75);opacity:0;visibility:hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#gallery .cntbox .item .inner .img{position:relative;padding-top: 140%;background: #e2e2e2 url("/data/common/logo_img2") no-repeat 50% 50%;overflow: hidden;transition:all 0.5s ease;}
	#gallery .cntbox .item .inner .img img{position:absolute;top: 50%;left: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);}
	#gallery .cntbox .item .inner .con{position: absolute;z-index: 10;top: 50%;left: 0;padding: 20px 25px;width: 100%;text-align: center;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#gallery .cntbox .item .inner .tit{position: relative;z-index: 2;line-height: 32px;font-size: 20px;font-weight: 600;color: #fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#gallery .cntbox .item .inner .date{position: relative;z-index: 2;margin-top: 5px;line-height: 20px;font-size:15px;color:#fff}
	#gallery .cntbox .item .inner:hover{transform: translateX(-10px) translateY(-10px);box-shadow: 15px 15px 24px 0 rgba(0,0,0,0.2);}
	#gallery .cntbox .item .inner:hover:after{opacity:1;visibility:visible}
	#gallery .cntbox .item .inner:hover .con{opacity:1;visibility:visible}
	#gallery .cntbox .swiper-scrollbar{position:absolute;top:auto;bottom:0;left:0;width:100%;height: 4px;background: #fff;}
	#gallery .cntbox .swiper-scrollbar > .swiper-scrollbar-drag{background:#fe9a14}
	#gallery .cntbox .control{position: absolute;z-index: 15;left: 50%;top: 50%;margin-left: -800px;transform: translateY(-50%);}
	#gallery .cntbox .control .arrow{display: block;width:65px;height: 65px;cursor:pointer;}
	#gallery .cntbox .control .arrow + .arrow{margin-top:2px}
	#gallery .cntbox .control .arrow.prev{background: #111 url("../img/icon_prev1.png") no-repeat 50% 50%;}
	#gallery .cntbox .control .arrow.next{background: #111 url("../img/icon_next1.png") no-repeat 50% 50%;}
	#gallery .cntbox .control .arrow.swiper-button-disabled{opacity:0.5}
	#gallery .more { position: relative; margin-top:30px; color:#eaa657; text-align: center;}
	#gallery .more a { color:#eaa657 !important; }
	#gallery .more .bt_more{display:block;line-height: 30px;font-size: 18px;font-weight: 600;color:#777;}
	#gallery .more .bt_more span { position:relative;;transition:all 0.5s; display:inline-block; border-radius:30px; border:2px solid #eaa657; padding:5px 30px 0; }
	#gallery .more .bt_more span:before{content:'';position:absolute;bottom: 0;left: 50%;width: 0%;height: 6px;background: rgba(0, 51, 153, 0.15);transform: translateX(-50%);transition: all 0.5s;}
	#gallery .more .bt_more span:after{content:'';position:absolute;top:50%;right:0;margin-top: -6px;width: 12px;height: 12px;/*background:url("../img/icon_more2.png") no-repeat 50% 50%;background-size: 12px auto;*/opacity: 0;visibility: hidden;transform: rotate(180deg);transition:all 0.5s;}
	#gallery .more .bt_more span:hover{padding-right:20px;color:#eaa657;}
	#gallery .more .bt_more span:hover:before{width:100%}
	#gallery .more .bt_more span:hover:after{opacity:1;visibility:visible;transform:rotate(0)}
	
	
	/**/
	#community{position:relative;padding: 45px 15px;}
	#community .cntbox .desc{float:left;position:relative;padding: 20px 30px;}
	#community .cntbox .desc .title{margin-bottom: 20px;line-height:30px;font-size: 15px;font-weight: 500;letter-spacing: -0.5px;}
	#community .cntbox .ntc{width: 49%;background: #fff;}
	#community .cntbox .ntc .title{color:#fe9a14}
	#community .cntbox .ntc .list{overflow:hidden}
	#community .cntbox .ntc .item{margin-bottom: 20px;height: 220px;}
	#community .cntbox .ntc .item.empty{width:100%;line-height:220px;text-align:center;color:rgba(255,255,255,0.5)}
	#community .cntbox .ntc .item .inner{position:relative;display:block;height: 220px;}
	#community .cntbox .ntc .item .tit{line-height:25px;font-size: 20px;font-weight:500;color:#333;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .ntc .item .txt{margin-top: 20px;line-height: 20px;font-size: 14px;font-weight: 400;color: #999;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .ntc .item .date{margin-top: 20px;line-height: 20px;font-size: 14px;color: #999;}
	#community .cntbox .ntc .item .inner:hover .tit{text-decoration:underline}
	#community .cntbox .ntc .control{position: absolute;z-index: 15;right: 30px;bottom: 20px;}
	#community .cntbox .ntc .control .arrow{float: left;width: 40px;height: 20px;cursor:pointer;}
	#community .cntbox .ntc .control .arrow + .arrow{border-left: 1px solid rgba(0,0,0,0.25);}
	#community .cntbox .ntc .control .arrow.prev{background:url("../img/icon_prev1.png") no-repeat 50% 50%}
	#community .cntbox .ntc .control .arrow.next{background:url("../img/icon_next1.png") no-repeat 50% 50%}
	#community .cntbox .ntc .control .arrow.swiper-button-disabled{opacity:0.5}
	#community .cntbox .new{margin-left: 2%;width: 49%;background: #fe9a14;}
	#community .cntbox .new .title{color:#a2c7f1}
	#community .cntbox .new .list{overflow:hidden}
	#community .cntbox .new .item{margin-bottom: 20px;height: 220px;}
	#community .cntbox .new .item .inner{position:relative;display:block;height: 220px;}
	#community .cntbox .new .item.empty{width:100%;line-height: 220px;text-align:center;color:rgba(255,255,255,0.5);}
	#community .cntbox .new .item .tit{line-height:25px;font-size:24px;font-weight:500;color:#fff;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .new .item .txt{margin-top: 40px;line-height: 20px;font-size: 16px;font-weight: 400;color:rgba(255,255,255,0.75);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .new .item .date{margin-top: 40px;line-height: 20px;font-size: 14px;color: rgba(255,255,255,0.25);}
	#community .cntbox .new .item .inner:hover .tit{text-decoration:underline}
	#community .cntbox .new .control{position: absolute;z-index: 15;right: 30px;bottom: 20px;}
	#community .cntbox .new .control .arrow{float: left;width: 40px;height: 20px;cursor:pointer;}
	#community .cntbox .new .control .arrow + .arrow{border-left: 1px solid rgba(255,255,255,0.25);}
	#community .cntbox .new .control .arrow.prev{background:url("../img/icon_prev2.png") no-repeat 50% 50%}
	#community .cntbox .new .control .arrow.next{background:url("../img/icon_next2.png") no-repeat 50% 50%}
	#community .cntbox .new .control .arrow.swiper-button-disabled{opacity:0.5}
	#community .cntbox .etc{margin-top: 2%;padding: 0;width: 100%;}
	#community .cntbox .etc .column{float: left;width: 49%;background:#eee;}
	#community .cntbox .etc .column + .column{margin-left: 2%;}
    #community .cntbox .etc .column .inner{position:relative;display:block;padding: 35px 35px;padding-left: 145px;background: #17acd2;}
    #community .cntbox .etc .column .inner .img{position:absolute;top:50%;left:20px;width: 100px;height: 100px;border-radius:50%;overflow: hidden;transform: translateY(-50%);}
    #community .cntbox .etc .column .inner .img img{width:100%;height:auto}
	#community .cntbox .etc .column .inner .tit{line-height: 30px;font-size: 20px;font-weight: 500;color: #fff;letter-spacing: -0.5px;}
    #community .cntbox .etc .column .inner .txt{margin-top: 8px;height: 36px;line-height: 18px;font-size: 13px;font-weight: 400;color: rgba(255,255,255,0.5);word-break: keep-all;}
}

@media all and (max-width:747px) {
		/**/
	#index{position:relative;overflow:hidden}
	#index .titbox{margin-bottom: 25px;text-align: center;}
	#index .titbox .tit{position:relative;margin: 15px 0;line-height: 25px;font-size: 18px;font-weight: 600;letter-spacing: -0.5px;}
	#index .titbox .txt{margin-top: 5px;font-size: 13px;color:#563b25;}

	/**/
	#visual{padding-top: 60px;}

	#visual .visual { position: relative; overflow:hidden; background:url("../img/body_back.png") center top no-repeat; width:100%; max-height:1050px; background-size:cover;}
	#visual .visual *{transition-property:all;transition-duration:0.5s}
	#visual .visual .slick-list{overflow:visible}
	#visual .visual .item{position:relative;height: 450px;text-align:center;}
	#visual .visual .item:after{content:'';position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0)}
	#visual .visual .item .box { display:none; position:absolute;z-index:11;top:50%;left:50%;padding: 0 35px 50px;width: 100%;height:auto;transform:translate(-50%,-50%);text-align: center;}
	#visual .visual .item .tit{position: relative;line-height: 1.4;font-size: 22px;font-weight: 600;color: #fff;margin-bottom: 25px;white-space: nowrap;opacity:0;visibility:hidden;transform:translateY(50px);}
	#visual .visual .item .txt{font-size: 13px;font-weight: 500;line-height: 1.4;color: #fff;opacity: 0;visibility:hidden;transform:translateY(50px);}
	#visual .visual .item.swiper-slide-active:after { background:rgba(0,0,0,0);transition-property:all;transition-duration:2s}
	#visual .visual .item.swiper-slide-active .tit{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.5s;}
	#visual .visual .item.swiper-slide-active .txt{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:1s;}
	#visual .visual .dots{position:absolute;z-index:10;display: inline-block;bottom: 20px;left: 50%;padding: 5px 15px;padding-right: 40px;width: auto;border-radius: 50px;text-align:center;background: rgba(0,0,0,0.5);transform: translateX(-50%);}
	#visual .visual .dots > span{display:inline-block;position:relative;margin: 0 10px;width: 12px;height: 12px;text-indent:-9999em;background:none;overflow:hidden;transition:all .3s;vertical-align: middle;}
	#visual .visual .dots > span:before{content:'';position:absolute;top:50%;left:50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;border-radius:50%;border: 2px solid #fff;box-sizing:border-box;opacity: 0.8;}
	#visual .visual .dots > span:after{content:'';position:absolute;top:50%;left:50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;border-radius:50%;background:#fff;box-sizing:border-box;opacity:0;visibility:hidden;}
	#visual .visual .dots .playBtn{position:absolute;top:0;right:0;width: 30px;height: 30px;background: rgba(0,0,0,0.5) url("../img/icon_pause.png") no-repeat 50% 50%;border-radius:50%;}
	#visual .visual .dots .playBtn.on{background-image: url("../img/icon_play.png");}
	#visual .visual .dots .swiper-pagination-bullet-active:after{opacity:1;visibility:visible}
	#visual .control{}
	#visual .control .arrow{position:absolute;z-index:100;bottom: 20px;width: 50px;height: 30px;background-color: rgba(0,0,0,0.5);box-sizing: border-box;cursor: pointer;}
	#visual .control .arrow i{width:70px;line-height:70px;font-size:24px;color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:80px}
	#visual .control .prev{left: 0;padding-left: 15px;background: rgba(0,0,0,0.5) url("../img/icon_left_arrow.png") no-repeat 50% 50%;background-size: 7px auto;border-radius: 0 50px 50px 0;}
	#visual .control .next{padding-right: 15px;background: rgba(0,0,0,0.5) url("../img/icon_right_arrow.png") no-repeat 50% 50%;background-size: 7px auto;right: 0;border-radius: 50px 0 0 50px;}
	#visual .more{display:none}
	
	/* 웰빙 소풍경 */
	#wellbeing { background:url(../img/main/main_zone_2.png) center no-repeat; width:100%; height:100%; padding:50px 0; min-height:auto; background-size:cover; display:block; justify-content: space-between; align-items:center; }
	#wellbeing .wellbeing_left { width:100%; padding:0 30px; box-sizing:border-box; margin:0 auto 20px; display:flex; justify-content: space-between; align-items:center;}
	#wellbeing .wellbeing_left .wellbeing_left_img img { width:100%;}
	#wellbeing .wellbeing_left .wellbeing_left_box {  width:100%; background:#74311f; color:#fff; padding:40px 30px; box-sizing:border-box;}
	#wellbeing .wellbeing_left .wellbeing_left_txt1 { font-size:20px; color:#fff; font-family: 'NanumMyeongjo'; text-align:left; letter-spacing:-1px; line-height:120%;}
	#wellbeing .wellbeing_left .wellbeing_left_txt1 span { color:#fe9a14;font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_left .wellbeing_left_txt2 {  font-size:13px; line-height:150%; font-family: 'GmarketSansLight'; text-align:left; padding-top:15%;}
	
	#wellbeing .wellbeing_center { width:100%; text-align:center; margin:0 auto; color:#fff; letter-spacing:-1px; padding:0 30px; box-sizing:border-box;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt1 { position:relative; font-size:48px; font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt1:after { content:''; width:50%; height:3px; background:none; position:absolute; left:50%; top:50%; border-radius:10px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt2 { font-size:60px; font-family: 'NanumMyeongjo'; color:#fe9a14;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt3 { font-size:50px; font-family: 'NanumMyeongjo'; letter-spacing:-4px; background-color:rgba(0,0,0,0.2); padding:0 0; margin-bottom:30px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt4 { font-size:20px; font-family: 'GmarketSansLight'; margin-bottom:30px;}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt5 { font-size:14px; font-family: 'NanumMyeongjo'; color:rgba(255,255,255,0.7);}
	#wellbeing .wellbeing_center .wellbeing_Heal_txt5:after { content:''; display:inline-block; border-bottom:2px solid #fff; height:auto; width:100%; padding-bottom:25px;}
	
	#wellbeing .wellbeing_right { width:100%; padding:0 30px; box-sizing:border-box; margin:20px auto 0; display:flex; justify-content: space-between; align-items:center;}
	#wellbeing .wellbeing_right .wellbeing_right_img img { width:100%;}
	#wellbeing .wellbeing_right .wellbeing_right_box {  width:100%;  background:#202e50; color:#fff; padding:40px 30px; box-sizing:border-box;}
	#wellbeing .wellbeing_right .wellbeing_right_txt1 { font-size:20px; color:#fff; font-family: 'NanumMyeongjo'; text-align:left; letter-spacing:-1px; line-height:120%;}
	#wellbeing .wellbeing_right .wellbeing_right_txt1 span { color:#17acd2; font-family: 'NanumMyeongjo';}
	#wellbeing .wellbeing_right .wellbeing_right_txt2 {  font-size:13px; line-height:150%; font-family: 'GmarketSansLight'; text-align:left; padding-top:15%;}
	
	/* system 시스템 
	#system { position:relative;padding:0; display:block; justify-content: center; align-items:center; background:#fafafa; }
	#system .system_rank { position: relative;  left:0;  top:0;  transform: translate(0%, 0%); width:100%; height:auto; padding:0 0; overflow:hidden; box-sizing:border-box; background:#313131; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
	#system .system_rank li { text-align:center; padding:20px 0; width:33.3%; float:left;display: flex; justify-content: center; align-items:center;}
	#system .system_rank li span { font-size:13px; display:block; line-height:130%; color:#fff;}
	#system .system_left { overflow:hidden; width:100%; }
	#system .system_left img { width:100%;}
	#system .system_right { overflow:hidden; width:100%; height:100%; padding:30px 0;}
	#system .system_right .system_right_conts { padding:0 10% 0 50px; box-sizing:border-box;}
	#system .system_right ul { padding-bottom:30px;}
	#system .system_right ul li { color:#464646;}
	#system .system_right ul li:nth-child(1) span { font-size:30px; font-weight:600; font-family:NanumSquareR;  }
	#system .system_right ul li:nth-child(2) { font-size:18px; font-weight:300; color:#000; line-height:140%; font-family:NanumSquareR; font-weight:400; letter-spacing:-1px; }
	.system_No1 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No1:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#fe9a14;}
	.system_No2 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No2:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#c9db2e;}
	.system_No3 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No3:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#17acd2;}
	.system_No4 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No4:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#74311f;}
	.system_No5 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No5:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#56973b;}
	.system_franchise_tel { position:absolute; right:30px; top:210px; z-index:100;}
	.system_franchise_tel img { width:90px; }*/
	
	/* 가맹점문의 */
	#franchise { position:relative;padding:75px 0;  background:url(../img/main/franchise_back.png) center top no-repeat; overflow:hidden;}
	#franchise .titbox { text-align:center;}
	#franchise .titbox .tit { font-size:28px; color:#000;}
	#franchise .titbox .tit span { position:relative; font-family: 'GmarketSansMedium';}
	#franchise .titbox .tit span:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000;}
	#franchise .cntbox { position:relative;padding-bottom: 50px;overflow: visible;}
	#franchise .cntbox .item { float: left;width: 25%;}
	#franchise .cntbox .item .inner { position: relative;display:block;overflow:hidden;transition: all 0.5s ease;}
	#franchise .cntbox .item .inner:after { content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.75);opacity:0;visibility:hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#franchise .cntbox .item .inner .img{position:relative;padding-top: 75%;background: #e2e2e2 url("/data/common/logo_img2") no-repeat 50% 50%;overflow: hidden;transition:all 0.5s ease;}
	#franchise .cntbox .item .inner .img img{position:absolute;top: 50%;left: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);}
	#franchise .cntbox .item .inner .con{position: absolute;z-index: 10;top: 50%;left: 0;padding: 20px 25px;width: 100%;text-align: center;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
	#franchise .cntbox .item .inner .tit{position: relative;z-index: 2;line-height: 32px;font-size: 20px;font-weight: 600;color: #fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#franchise .cntbox .item .inner .date{position: relative;z-index: 2;margin-top: 5px;line-height: 20px;font-size:15px;color:#fff}
	#franchise .cntbox .item .inner:hover{transform: translateX(-10px) translateY(-10px);box-shadow:15px 15px 24px 0 rgba(0,0,0,0.2);}
	#franchise .cntbox .item .inner:hover:after{opacity:1;visibility:visible}
	#franchise .cntbox .item .inner:hover .con{opacity:1;visibility:visible}
	#franchise .cntbox .swiper-scrollbar{position:absolute;top:auto;bottom:0;left:0;width:100%;height: 4px;background: #ececec;}
	#franchise .cntbox .swiper-scrollbar > .swiper-scrollbar-drag{background:#eaa657;}
	#franchise .more{position: relative;margin-top: 50px;text-align: center;}
	#franchise .more .bt_more{display:block;line-height: 30px;font-size: 18px;font-weight: 600;color:#fff;}
	#franchise .more .bt_more span{position:relative;;transition:all 0.5s; background:#313131; padding:20px 40px;}
	#franchise .more .bt_more span:before{content:'';position:absolute;bottom: 0;left: 50%;width: 0%;height: 6px;background: rgba(0, 51, 153, 0.15);transform: translateX(-50%);transition: all 0.5s;}
	#franchise .more .bt_more span:after{content:'';position:absolute;top:50%;right:0;margin-top: -6px;width: 12px;height: 12px;background:url("../img/icon_more2.png") no-repeat 50% 50%;background-size: 12px auto;opacity: 0;visibility: hidden;transform: rotate(180deg);transition:all 0.5s;}
	#franchise .more .bt_more span:hover{padding-right:20px;color:#eaa657;}
	#franchise .more .bt_more span:hover:before{width:100%}
	#franchise .more .bt_more span:hover:after{opacity:1;visibility:visible;transform:rotate(0)}
	.franchise_txt { text-align:center; padding:0 15%; font-size:15px; line-height:120%; color:#000; font-family: 'GmarketSansLight'; margin-top:20px;}
	.franchise_info { position:relative; background:#fff; padding:25px 105px 20px 20px; border:1px solid #bbb; margin:40px 0 30px; font-size:14px; color:#666;}
	/*.franchise_info a { position:absolute; right:20px; top:50%; margin-top:-16px; width:96px; height:32px; line-height:32px; text-align:center; background:#999; color:#fff; }*/
	
table.franchise_tbl { clear:both; width:100%; border-top:1px solid #bbb; border-collapse: collapse;border-spacing: 0;}
table.franchise_tbl .franchise_input { height:50px; border:1px solid #ddd; width:100%; box-sizing:border-box;}
table.franchise_tbl th, table.franchise_tbl td { padding:10px 10px; text-align:left; border-bottom:1px solid #bbb; max-height:50px;}
table.franchise_tbl .franchise_textarea { border:1px solid #dddddd; padding:15px; width:100%; box-sizing:border-box; }
	
	/**/
	#community{position:relative;padding: 25px 15px;}
	#community .cntbox .desc{position:relative;padding: 15px;}
	#community .cntbox .desc .title{margin-bottom: 10px;line-height: 20px;font-size: 13px;font-weight: 500;letter-spacing: -0.5px;}
	#community .cntbox .ntc{background: #fff;}
	#community .cntbox .ntc .title{color:#fe9a14}
	#community .cntbox .ntc .list{overflow:hidden}
	#community .cntbox .ntc .item{margin-bottom: 20px}
	#community .cntbox .ntc .item.empty{width:100%;line-height:140px;text-align:center;color:rgba(255,255,255,0.5)}
	#community .cntbox .ntc .item .inner{position:relative;display:block}
	#community .cntbox .ntc .item .tit{line-height: 22px;font-size: 18px;font-weight:500;color:#333;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .ntc .item .txt{margin-top: 15px;line-height: 18px;font-size: 13px;font-weight: 400;color: #999;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .ntc .item .date{margin-top: 10px;line-height: 18px;font-size: 12px;color: #999;}
	#community .cntbox .ntc .item .inner:hover .tit{text-decoration:underline}
	#community .cntbox .ntc .control{position: absolute;z-index: 15;right: 15px;bottom: 15px;}
	#community .cntbox .ntc .control .arrow{float: left;width: 40px;height: 20px;cursor:pointer;}
	#community .cntbox .ntc .control .arrow + .arrow{border-left: 1px solid rgba(0,0,0,0.25);}
	#community .cntbox .ntc .control .arrow.prev{background:url("../img/icon_prev1.png") no-repeat 50% 50%}
	#community .cntbox .ntc .control .arrow.next{background:url("../img/icon_next1.png") no-repeat 50% 50%}
	#community .cntbox .ntc .control .arrow.swiper-button-disabled{opacity:0.5}
	#community .cntbox .new{margin-top: 15px;background: #fe9a14;}
	#community .cntbox .new .title{color:#a2c7f1}
	#community .cntbox .new .list{overflow:hidden}
	#community .cntbox .new .item{margin-bottom: 20px}
	#community .cntbox .new .item .inner{position:relative;display:block}
	#community .cntbox .new .item.empty{width:100%;font-size: 12px;line-height: 140px;text-align:center;color:rgba(255,255,255,0.5);}
	#community .cntbox .new .item .tit{line-height: 22px;font-size: 18px;font-weight:500;color:#fff;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .new .item .txt{margin-top: 15px;line-height: 20px;font-size: 13px;font-weight: 400;color:rgba(255,255,255,0.75);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#community .cntbox .new .item .date{margin-top: 30px;line-height: 20px;font-size: 12px;color: rgba(255,255,255,0.25);}
	#community .cntbox .new .item .inner:hover .tit{text-decoration:underline}
	#community .cntbox .new .control{position: absolute;z-index: 15;right: 15px;bottom: 15px;}
	#community .cntbox .new .control .arrow{float: left;width: 40px;height: 20px;cursor:pointer;}
	#community .cntbox .new .control .arrow + .arrow{border-left: 1px solid rgba(255,255,255,0.25);}
	#community .cntbox .new .control .arrow.prev{background:url("../img/icon_prev2.png") no-repeat 50% 50%}
	#community .cntbox .new .control .arrow.next{background:url("../img/icon_next2.png") no-repeat 50% 50%}
	#community .cntbox .new .control .arrow.swiper-button-disabled{opacity:0.5}
	#community .cntbox .etc{margin-top: 15px;padding: 0;width: 100%;}
	#community .cntbox .etc .column{background:#eee;}
	#community .cntbox .etc .column + .column{margin-top: 15px;}
    #community .cntbox .etc .column .inner{position:relative;display:block;padding: 25px 35px;padding-left: 111px;background: #17acd2;}
    #community .cntbox .etc .column .inner .img{position:absolute;top:50%;left:20px;width: 70px;height: 70px;border-radius:50%;overflow: hidden;transform: translateY(-50%);}
    #community .cntbox .etc .column .inner .img img{width:100%;height:auto}
	#community .cntbox .etc .column .inner .tit{line-height: 20px;font-size: 15px;font-weight: 500;color: #fff;letter-spacing: -0.5px;}
    #community .cntbox .etc .column .inner .txt{margin-top: 3px;height: 30px;line-height: 15px;font-size: 12px;font-weight: 400;color: rgba(255,255,255,0.5);word-break: keep-all;}
	
	
	/* 리뷰갤러리 */
	#gallery{position:relative;padding: 25px 15px;border-top: 1px solid #ededed;overflow:hidden;}
	#gallery .cntbox{position:relative;padding-right: 50px;padding-bottom: 20px;overflow: visible;}
	#gallery .cntbox .item{float: left;width: 25%;}
	#gallery .cntbox .item .inner{position: relative;display:block;overflow:hidden;transition: all 0.5s ease;}
	#gallery .cntbox .item .inner:hover{box-shadow:15px 15px 24px 0 rgba(0,0,0,0.05);}
	#gallery .cntbox .item .inner .img{position:relative;padding-top: 100%;overflow: hidden;transition:all 0.5s ease;}

	#gallery .cntbox .item .inner .img img{position:absolute;top:0;left:0;width:100%;height:100%}
	#gallery .cntbox .item .inner .con{position: relative;padding: 10px;opacity: 1;width: 100%;border: 1px solid #e9e9e9;border-top: 0;background: #fff;transition: all 0.5s ease;text-align: left;}
	#gallery .cntbox .item .inner .tit{position: relative;z-index: 2;padding-right: 15px;line-height: 18px;font-size: 12px;font-weight: 400;color: #666;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	#gallery .cntbox .item .inner .tit:after{content:'\e93e';position:absolute;right: 0;top: 0;font-size: 11px;color: #003399;font-family: xeicon !important;}
	#gallery .cntbox .item .inner .txt{position: relative;z-index: 2;margin-top: 16px;line-height: 20px;font-size: 15px;font-weight: 300;color:#e9e1d9;}
	#gallery .cntbox .item .inner .etc{position: relative;z-index: 2;margin-top: 4px;line-height: 20px;font-size: 11px;color:#e9e1d9;}
	#gallery .cntbox .swiper-scrollbar{position:absolute;top:auto;bottom:0;left:0;width: calc(100% - 80px);height: 3px;background: #ececec;}
	#gallery .cntbox .swiper-scrollbar > .swiper-scrollbar-drag{background:#039}
	#gallery .cntbox .control{position: absolute;z-index: 15;right: 0;bottom: -8px;overflow: hidden;}
	#gallery .cntbox .control .arrow{float: left;width: 40px;height: 20px;cursor:pointer;}
	#gallery .cntbox .control .arrow + .arrow{border-left: 1px solid rgba(255,255,255,0.25);}
	#gallery .cntbox .control .arrow.prev{background: url("../img/icon_prev1.png") no-repeat 50% 50%;}
	#gallery .cntbox .control .arrow.next{background: url("../img/icon_next1.png") no-repeat 50% 50%;}
	#gallery .cntbox .control .arrow.swiper-button-disabled{opacity:0.5}
	#gallery .more{position: relative;margin-top: 25px;text-align: center;}
    #gallery .more .bt_more{display: inline-block;line-height:20px;font-size: 12px;font-weight:500;color:#777;}
	#gallery .more .bt_more span{position:relative;padding-right: 18px;}
	#gallery .more .bt_more span:before{content:'';position:absolute;bottom: 0;left: 0;width:100%;height: 6px;background: rgba(0, 51, 153, 0.15);}
	#gallery .more .bt_more span:after{content:'';position:absolute;top:50%;right:0;width: 12px;height: 12px;background:url("../img/icon_more2.png") no-repeat 50% 50%;background-size: 12px auto;transform: translateY(-50%);}
	
	
	
	.system_leftTxt .system_left_txt3 { background:rgba(0,0,0,0.8); color:#fff; font-size:17px !important; }
	
	
}
#hd_pop{position:absolute;z-index:90000}
#hd_pop h2{display:none}
#hd_pop .hd_pops{position:absolute}
#hd_pop .hd_pops img{display:block}
#hd_pop .hd_pops_con{overflow:hidden;box-shadow:3px 3px 5px rgba(0,0,0,0.15)}
#hd_pop .hd_pops_footer{padding:5px 20px;background:#000}
#hd_pop .hd_pops_footer button{font-size:13px;color:#fff;line-height:28px;background:none}
#hd_pop .hd_pops_footer .hd_pops_close{float:right}
#hd_pop .hd_pops_footer .hd_pops_close span{position:relative;top:-3px}

#hd_pop .hd_pops_footer .hd_pops_close i{position:relative;top:2px;font-size:24px}


@media all and (min-width:1460px) {
	
	/* system 시스템 */
	#system { position:relative;padding:0; width:100%; height:100%; display: flex; }
	#system .system_rank { position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%); width:146px; height:auto; padding:50px 0; box-sizing:border-box; background:#313131; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
	#system .system_rank li { text-align:center; padding:20px 0;}
	#system .system_rank li span { font-size:13px; display:block; line-height:130%; color:#fff;}
	#system .system_left { overflow:hidden; flex:50%; background:url(../img/main/system_left_img.jpg) left bottom no-repeat; display: flex; justify-content: center; align-items:center; background-size:cover;}
	#system .system_right { overflow:hidden; flex:50%; padding-top:50px; }
	#system .system_right .system_right_conts { padding:0 10% 0 17%; box-sizing:border-box;}
	#system .system_right ul { padding-bottom:30px;}
	#system .system_right ul li { color:#464646;}
	#system .system_right ul li:nth-child(1) span { font-size:30px; font-weight:600; font-family:NanumSquareR;  }
	#system .system_right ul li:nth-child(2) { font-size:18px; font-weight:300; color:#000; line-height:140%; font-family:NanumSquareR; font-weight:400; letter-spacing:-1px; }
	.system_No1 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No1:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#fe9a14;}
	.system_No2 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No2:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#c9db2e;}
	.system_No3 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No3:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#17acd2;}
	.system_No4 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No4:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#74311f;}
	.system_No5 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No5:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#56973b;}
	.system_franchise_tel { position:absolute; right:30px; top:-5px;}
	.system_leftTxt { position:absolute; left:50px; top:50px;}
	.system_leftTxt .system_left_txt1 { font-size:24px; line-height:130%; font-family: 'NanumSquareR';}
	.system_leftTxt .system_left_txt1 span { display:block; font-family: 'NanumSquareR';}
	.system_leftTxt .system_left_txt2 { font-size:100px; line-height:130%; font-family:"Gotham Black"; letter-spacing:-2px;}
	.system_leftTxt .system_left_txt2 span { font-size:80px; line-height:130%; font-family:"Gotham Black Regular";}
	.system_leftTxt .system_left_txt3 { background:rgba(0,0,0,0.8); color:#fff; font-size:24px; line-height:130%; font-family: 'NanumSquareR'; padding:3px 20px; display:inline-block;}
	.system_leftTxt .system_left_txt3 span { font-family: 'NanumSquareR';}
	.system_leftTxt .system_left_txt3 span.tc_orange { color:#fe9a14 !important;}
	.system_leftTxt .system_left_txt3 span.tc_olive { color:#c9db2e !important;}
	
}

@media (max-width:1459px) and (min-width:1025px) {

/* system 시스템 */
	#system { position:relative;padding:0; width:100%; height:100%; display: flex; }
	#system .system_rank { position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%); width:146px; height:auto; padding:50px 0; box-sizing:border-box; background:#313131; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
	#system .system_rank li { text-align:center; padding:20px 0; }
	#system .system_rank li span { font-size:13px; display:block; line-height:130%; color:#fff;}
	#system .system_left { overflow:hidden; flex:50%; background:url(../img/main/system_left_img.jpg) left bottom no-repeat; display: flex; justify-content: center; align-items:center; background-size:cover;}
	#system .system_right { overflow:hidden; flex:50%; padding-top:50px; }
	#system .system_right .system_right_conts { padding:0 10% 0 17%; box-sizing:border-box;}
	#system .system_right ul { padding-bottom:30px;}
	#system .system_right ul li { color:#464646;}
	#system .system_right ul li:nth-child(1) span { font-size:30px; font-weight:600; font-family:NanumSquareR;  }
	#system .system_right ul li:nth-child(2) { font-size:18px; font-weight:300; color:#000; line-height:140%; font-family:NanumSquareR; font-weight:400; letter-spacing:-1px; }
	.system_No1 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No1:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#fe9a14;}
	.system_No2 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No2:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#c9db2e;}
	.system_No3 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No3:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#17acd2;}
	.system_No4 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No4:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#74311f;}
	.system_No5 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
	.system_No5:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#56973b;}
	.system_franchise_tel { position:absolute; right:30px; top:-5px;}
	.system_leftTxt { position:absolute; left:50px; top:50px;}
	.system_leftTxt .system_left_txt1 { font-size:24px; line-height:130%; font-family: 'NanumSquareR';}
	.system_leftTxt .system_left_txt1 span { display:block; font-family: 'NanumSquareR';}
	.system_leftTxt .system_left_txt2 { font-size:100px; line-height:130%; font-family:"Gotham Black"; letter-spacing:-2px;}
	.system_leftTxt .system_left_txt2 span { font-size:80px; line-height:130%; font-family:"Gotham Black Regular";}
	.system_leftTxt .system_left_txt3 { background:rgba(0,0,0,0.8); color:#fff; font-size:24px; line-height:130%; font-family: 'NanumSquareR'; padding:3px 20px; display:inline-block;}
	.system_leftTxt .system_left_txt3 span { font-family: 'NanumSquareR';}
	.system_leftTxt .system_left_txt3 span.tc_orange { color:#fe9a14 !important;}
	.system_leftTxt .system_left_txt3 span.tc_olive { color:#c9db2e !important;}
	
}


@media all and (max-width:1024px) {
	
#system { position:relative;padding:0; width:100%; height:100%; display: block; }
#system .system_rank { position: relative;  left:0;  top:0; margin-top:0;  transform: translate(0, 0); width:100%; height:auto; padding:10px 0; box-sizing:border-box; background:#313131; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); overflow:hidden; }
#system .system_rank li { text-align:center; padding:20px 0; width:33.3%; float:left;}
#system .system_rank li span { font-size:13px; display:block; line-height:130%; color:#fff;}
#system .system_left { position:relative; overflow:hidden; flex:100%; background:url(../img/main/system_left_img_bg.jpg) right bottom no-repeat; display: block; justify-content: center; align-items:center; background-size:cover; max-height:300px;}
#system .system_right { overflow:hidden; flex:100%; padding-top:50px; }
#system .system_right .system_right_conts { padding:0 40px 0 40px; box-sizing:border-box;}
#system .system_right ul { padding-bottom:30px;}
#system .system_right ul li { color:#464646;}
#system .system_right ul li:nth-child(1) span { font-size:24px; font-weight:600; font-family:NanumSquareR;  }
#system .system_right ul li:nth-child(2) { font-size:15px; font-weight:300; color:#000; line-height:140%; font-family:NanumSquareR; font-weight:400; letter-spacing:-1px; }
.system_No1 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
.system_No1:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#fe9a14;}
.system_No2 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
.system_No2:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#c9db2e;}
.system_No3 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
.system_No3:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#17acd2;}
.system_No4 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
.system_No4:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#74311f;}
.system_No5 { position:relative; font-size:42px; color:#464646; font-weight:600; line-height:100%; margin-bottom:10px; font-family: 'GmarketSansBold';}
.system_No5:after { content:''; position:absolute; left:40px; bottom:17px; width:83px; height:6px; background:#56973b;}
.system_franchise_tel { position:absolute; right:30px; top:200px;}
.system_leftTxt { position:absolute; left:5%; top:7%;}
.system_leftTxt .system_left_txt1 { font-size:18px; line-height:130%; font-family: 'NanumSquareR';}
.system_leftTxt .system_left_txt1 span { display:block; font-family: 'NanumSquareR';}
.system_leftTxt .system_left_txt2 { font-size:60px; line-height:130%; font-family:"Gotham Black"; letter-spacing:-2px;}
.system_leftTxt .system_left_txt2 span { font-size:40px; line-height:130%; font-family:"Gotham Black Regular";}
.system_leftTxt .system_left_txt3 { background:rgba(0,0,0,0.8); color:#fff; font-size:24px; line-height:130%; font-family: 'NanumSquareR'; padding:3px 20px; display:inline-block;}
.system_leftTxt .system_left_txt3 span { font-family: 'NanumSquareR';}
.system_leftTxt .system_left_txt3 span.tc_orange { color:#fe9a14 !important;}
.system_leftTxt .system_left_txt3 span.tc_olive { color:#c9db2e !important;}
.system_left_img {  text-align:right;}
.system_left_img img { width:50%;}

}


@media all and (max-width:768px) {
	

#hd_pop .hd_pops_con { width:300px !important; height:100% !important;}
#hd_pop .hd_pops img { width:100%; height:100%;}

#hd_pops_1 { left:30px !important;}
#hd_pops_3 { top:550px !important; left:30px !important;}

}