html{overflow:auto}
body{background:#fff}
* {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}
#wrap {width:100%; min-width:1200px; background:#030303 url('/images/main/bg_main_black.png') no-repeat center top;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1200px; margin:0 auto; position:relative;}

.overlay {background:url('/images/common/bg_overlay.png') repeat 0 0; width:100%; height:100%; position:fixed; z-index:109; display:none;}

/*header*/
#header{width:100%; height:93px; z-index:100; border-bottom:1px solid #3d3d3d;}
#header .inner {overflow:hidden;}
.headerWrap	h1{width:157px; padding-top:35px; float:left;}
.headerWrap .utilWrap {width:100%; height:30px; background:#2d2f33; padding:5px 0; z-index:10;}
.headerWrap .util {position:absolute; top:15px; right:0px; font-size:11px;}
.headerWrap .util ul {overflow:hidden}
.headerWrap .util li {float:left; margin-left:10px; padding-left:10px; background:url('/images/common/util_gap.gif') left 0px no-repeat;}
.headerWrap .util li a {color:#b3b4b5;}
.headerWrap .util li a:hover {color:#0c4da2;}
.headerWrap .util .f {background:none}
.headerWrap .btn_allmenu {display:none;}
#allMenuWrap {display:none;}

/* GNB */
#topmenu {float:right;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#2d2f33;}
#topmenu > ul > li {position:relative; float:left; padding-left:45px;}
#topmenu > ul > li > a {display:block; width:100%; text-align:center; color:#fff; font-size:17px; color:#aaa; font-weight:300; line-height:93px;}
#topmenu ul li.m_active a, #topmenu ul li a.on {color:#fff; border-bottom:1px solid #fff;}

/*visual*/
#mainVisual{width:1200px; margin:0 auto; position:relative; z-index:1 !important;}
#mainVisual .main-swiper {overflow: hidden; padding-bottom: 100px;}

.main-swiper .swiper-button-next.swiper-button-disabled, 
.main-swiper .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.main-swiper .swiper-button-next,
.main-swiper .swiper-container-rtl .swiper-button-prev {width: 37px; height: 65px; background: url('/images/main/coltrols_next.png') no-repeat right top; right: -55px;}
.main-swiper .swiper-button-prev,
.main-swiper .swiper-container-rtl .swiper-button-next {width: 37px; height: 65px; background: url('/images/main/coltrols_prev.png') no-repeat right top; left: -55px;}
.main-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.main-swiper .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 40px;}
.main-swiper .swiper-pagination-bullet {width: 11px; height: 11px; background-color: #393939; opacity: 1; margin-top: 0;}
.main-swiper .swiper-pagination-bullet-active {width: 60px; height: 11px; background: #75bd21; border-radius: 12px;}

#mainVisual:after {content:''; display:block; clear:both;}
#mainVisual .mainSlide {width: 100%; max-width:1200px; }
#mainVisual .mainSlide li {text-align:center; position:relative;}
#mainVisual .mainSlide li:after {content:''; display:block; clear:both;}
#mainVisual .mainSlide li > a {display:block; float:left; width:25%; position:relative; text-align:left; line-height:28px; font-weight:500; color:#fff;}
#mainVisual .mainSlide li > a:hover {color:#75bd21;}
#mainVisual .mainSlide li > a .name {position:absolute; left:15px; bottom:30px; font-size:17px; width:300px;display: flex;    justify-content: flex-start;    align-items: center;    flex-flow: wrap;}
#mainVisual .mainSlide li > a .name span {font-size:25px; width: 100%;}
#mainVisual .mainSlide.s14 li > a {width:33.33333333333333%;}
#mainVisual .mainSlide.s14 li > a p .mbr{display: none !important;}
#mainVisual .mainSlide.s15 li > a {width:33.33333333333333%;}
#mainVisual .mainSlide.s15 li > a p .mbr{display: none !important;}

#mainVisual .mainSlide-mover { display:none; }


@media screen and (max-width:1024px){
    .main-swiper .swiper-button-next,
    .main-swiper .swiper-container-rtl .swiper-button-prev {width: 30px; height: 53px;  right: 0px; background-size: 30px;}
    .main-swiper .swiper-button-prev,
    .main-swiper .swiper-container-rtl .swiper-button-next {width: 30px; height: 53px; left: 0px; background-size: 30px;}
}

@media screen and (max-width:520px){
    #mainVisual .mainSlide li > a,
	#mainVisual .mainSlide.s14 li > a {width: 50%;}
	#mainVisual .mainSlide.s14 li > a p .mbr{display: block !important;}
    #mainVisual .mainSlide-mover { display:none;}

}

/* #mainVisual:after {content:''; display:block; clear:both;}
#mainVisual .mainSlide {min-width:1200px;}
#mainVisual .mainSlide li {text-align:center; position:relative;}
#mainVisual .mainSlide li:after {content:''; display:block; clear:both;}
#mainVisual .mainSlide li > a {display:block; float:left; width:25%; position:relative; text-align:left; line-height:28px; font-weight:500; color:#fff;}
#mainVisual .mainSlide li > a:hover {color:#75bd21;}
#mainVisual .mainSlide li > a .name {position:absolute; left:15px; bottom:30px; font-size:17px; width:300px;}
#mainVisual .mainSlide li > a .name span {font-size:25px;}

#mainVisual .mainSlide-mover { display:none; }

@media screen and (max-width:520px){
	#mainVisual .mainSlide-mover { display:block; }
	#mainVisual .mainSlide-pcver { display:none; }
*/






/*메인비주얼 좌우 버튼*/
.visualText {text-align:center; width:1200px; margin:0 auto; padding:65px 0 50px 0; color:#fff;}
.visualText h2 {font-weight:300;}
.visualText h2 .title1 {color:#75bd21; font-size:34px; margin:30px 0 15px 0;}
.visualText h2 .title2 .v_pc {display:inline;}
.visualText h2 .title2 .v_mob {display:none;}
.visualText h2 .title3 {font-size:27px; margin:25px 0 0 0;}
.visualText h2 .title3 br {display:none;}

#mainVisual .bx-wrapper {position:relative;}
#mainVisual .bx-viewport:after {content:''; display:block; clear:both;}
#mainVisual .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:37px; height:65px; position:absolute; left:-55px; top:38%; z-index:99; background:url('/images/main/coltrols_prev.png') no-repeat left top;}
#mainVisual .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:37px; height:65px; position:absolute; right:-55px; top:38%; z-index:99; background:url('/images/main/coltrols_next.png') no-repeat right top;}

/*메인비주얼 블릿*/
#mainVisual .bx-pager {position:relative; top:0; text-align:center; z-index:99; margin:50px 0;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; margin:0 2px; width:11px; height:11px; background:#393939; border-radius:100px;}
#mainVisual .bx-pager-item .bx-pager-link.active {width:60px; height:11px; background:#75bd21;}

/* 서브페이지 공통 */
#container {width:100%; overflow:hidden;}
.sub #contents{width:1200px; margin:80px auto; min-height:400px; text-align:left;}
.contentsArea .titleArea {margin-bottom:80px;}
.contentsArea .titleArea h3 {font-weight:300; text-align:center; color:#fff; font-size:36px;}
.contentsArea .titleArea h3 .symbol {width:118px;}
.contentsArea .titleArea h3 .title1 {color:#75bd21; font-size:34px; margin:30px 0 15px 0;}
.contentsArea .titleArea h3 .title2 .v_pc {display:inline;}
.contentsArea .titleArea h3 .title2 .v_mob {display:none;}
.contentsArea .titleArea h3 .title3 {font-size:22px; margin:25px 0 0 0; line-height:30px;}
.contentsArea .tabArea {margin-bottom:80px;}
.contentsArea .tabArea ul.list3 {width:802px; margin:0 auto; text-align:center; font-size:0;}
.contentsArea .tabArea ul:after {content:''; display:block; clear:both;}
.contentsArea .tabArea ul li {width:33.3%; height:52px; line-height:52px; text-align:center; border:1px solid #555; border-left:none; display:inline-block; box-sizing:border-box; font-size:18px;}
.contentsArea .tabArea ul li:first-child {border-left:1px solid #555;}
.contentsArea .tabArea ul li a {color:#aaa; font-weight:300; display:block;}
.contentsArea .tabArea ul li.active {border-color:#75bd21; border-left:1px solid #75bd21;}
.contentsArea .tabArea ul li.active a {color:#75bd21;}
.contentsArea .tabArea ul.list4 {width:802px; margin:0 auto; text-align:center;}
.contentsArea .tabArea ul.list4 li {float:none; display:inline-block;}
.contentsArea .section {margin-top:90px;}
.contentsArea .section .sub_title {text-align:center;}
.contentsArea .section .sub_title h3 {color:#fff; font-size:36px;}
.contentsArea .section .sub_title h4 {font-size:18px; font-weight:300; color:#999; line-height:46px;}
.contentsArea .list_bullet li {background:url('/images/common/list_bullet.gif') no-repeat left 15px; padding-left:10px; line-height:30px;}

/* 서브페이지 컨텐츠 */
.contentsArea{padding:0px}

/* 결선 진출자 명예의 전당 */
.contentsArea.final .titleArea {margin-bottom:40px;}
.contentsArea.final .beforeafter {position:relative;}
.contentsArea.final .beforeafter:after {content:''; display:block; clear:both;}
.contentsArea.final .beforeafter .box {position:absolute; left:0; top:0; width:75px; height:75px; text-align:center; line-height:75px; font-weight:700; font-size:17px;}
.contentsArea.final .beforeafter .before {width:520px; float:left; position:relative;}
.contentsArea.final .beforeafter .before .box {background:#3e3e3e; color:#bcbcbc}
.contentsArea.final .beforeafter .after {width:520px; float:left; position:relative; background:#030303;}
.contentsArea.final .beforeafter .after .box {background:#7ac142; color:#fff; z-index:55;}
.contentsArea.final .beforeafter .afterThumb {width:160px; float:right;}
.contentsArea.final .beforeafter .afterThumb li {float:left; margin:0 0 5px 5px;}
.contentsArea.final .beforeafter .afterThumb li a {display:block; box-sizing:border-box; position:relative;}
.contentsArea.final .beforeafter .afterThumb li a img {box-sizing:border-box; display:block; width:100%; max-width:100%;}
.contentsArea.final .beforeafter .afterThumb li a .line {position:absolute; width:100%; height:100%; box-sizing:border-box;}
.contentsArea.final .beforeafter .afterThumb li a.active .line {border:3px solid #75bd21;}
.contentsArea.final .beforeafter .final_info {position:absolute; right:0; bottom:0; border-bottom:1px solid #444; width:138px; padding:0 0 15px 15px;}
.contentsArea.final .beforeafter .final_info .name {color:#fff; font-size:22px; font-weight:600; letter-spacing:1px; display:block; margin-bottom:10px;}
.contentsArea.final .beforeafter .final_info dl {color:#aaa; font-size:17px;}
.contentsArea.final .beforeafter .final_info dl dd {font-weight:600;}
.contentsArea.final .notice {font-size:16px; color:#666; margin-top:10px;}
.contentsArea .story {border-top:1px solid #7ac142; margin:30px 0 0 0; padding:35px 35px 0 35px; border-bottom:1px solid #333; box-sizing:border-box;}
.contentsArea .story dl {display:table; vertical-align:top; margin-bottom:35px; width:100%;}
.contentsArea .story dt {color:#fff; font-size:22px; line-height:27px; display:table-cell; vertical-align:top;}
.contentsArea .story dd {color:#aaa; font-size:18px; line-height:24px; display:table-cell; vertical-align:top;}
.contentsArea .story dd .green {font-size:20px; line-height:26px;}
.contentsArea .winner_story dt {width:30%;}
.contentsArea .winner_story dd {width:70%;}
.contentsArea .member_story dt {width:0%;}
.contentsArea .member_story dt img{display: none;}
.contentsArea .member_story dd {width:100%;}
.contentsArea .member_story .mem_name {font-weight:500; color:#9bc17e; display:block; margin-top:5px;}

.contentsArea.final .food_pager {margin-bottom:50px;}
.contentsArea.final .food_pager ul {overflow:hidden;}
.contentsArea.final .food_pager ul li {float:left; width:33.3%; box-sizing:border-box; text-align:center; background:url('/images/final/ico_thumb_circle.png') no-repeat left center;}
.contentsArea.final .food_pager ul li:first-child {background:none;}
.contentsArea.final .food_pager ul li a {display:block; color:#fff; opacity:0.4; font-size:24px; font-weight:500;}
.contentsArea.final .food_pager ul li a.active {opacity:1;}
.contentsArea.final .food_pager ul li a > img {display:block; margin:0 auto 20px;}
.contentsArea.final .food_pager ul li a span img {display:inline; vertical-align:middle;}
.contentsArea.final .food {border-bottom:1px solid #333;}
.contentsArea.final .foodSlide li .food_image {display:block; margin:0 auto;}
.contentsArea.final .foodSlide li .food_info .title {text-align:center; margin:60px 0 35px 0;}
.contentsArea.final .foodSlide li .food_info .title dt {font-weight:600; color:#fff; font-size:36px;}
.contentsArea.final .foodSlide li .food_info .title dd {font-size:18px; color:#999;}
.contentsArea.final .foodSlide li .food_info .list {border-top:1px solid #7ac142; padding:40px 110px 40px 110px; position:relative;}
.contentsArea.final .foodSlide li .food_info .list:after {content:''; display:block; clear:both;}
.contentsArea.final .foodSlide li .food_info .list .list_bullet {width:80%; float:left;}
.contentsArea.final .foodSlide li .food_info .list .product {width:20%; float:right; text-align:center;}
.contentsArea.final .foodSlide li .food_info .list .product .btn_product {display:block; width:100%; height:40px; text-align:center; line-height:36px; color:#7ac142; border:2px solid #7ac142; box-sizing:border-box; font-weight:400; font-size:20px; margin-top:20px;}
.contentsArea.final .foodSlide li .food_info .list .product .btn_product img {vertical-align:middle; margin-top:-2px;}

/* 90일 익스트림 바디체인지 */
.contentsArea.bodychange {margin-bottom:80px;}
.contentsArea.bodychange .totalWrap {border-top:1px solid #7ac142; width:90%; padding:0 5%; margin-bottom:30px;}
.contentsArea.bodychange .totalWrap:after {content:''; display:block; clear:both;}
.contentsArea.bodychange .totalWrap dl {margin:55px 0; border-right:1px solid #383838; float:left; width:33.3%; box-sizing:border-box; height:83px;}
.contentsArea.bodychange .totalWrap dl.total01 {background:url('/images/bodychange/img_total01.png') no-repeat left top; padding-left:105px; width:30%; margin-right:3%;}
.contentsArea.bodychange .totalWrap dl.total02 {background:url('/images/bodychange/img_total02.png') no-repeat left top; padding-left:90px; width:30%; margin-right:3%;}
.contentsArea.bodychange .totalWrap dl.total03 {background:url('/images/bodychange/img_total03.png') no-repeat left top; border-right:none; padding-left:80px; float:right;}
.contentsArea.bodychange .totalWrap dl dd {font-size:26px; color:#fff; line-height:52px;}
.contentsArea.bodychange .totalWrap dl dd .num {font-size:60px;}
.contentsArea.bodychange .totalWrap .standard {text-align:center; font-size:14px; color:#666;}

/* 운동정보 */
.contentsArea .videoThumb {margin-bottom:20px;}
.contentsArea .videoThumb ul {overflow:hidden; text-align:center;}
.contentsArea .videoThumb ul li {position:relative; display:inline-block; box-sizing:border-box; width:17%; margin:0 1%; padding:0; text-align:center; line-height:20px; color:#aaa; vertical-align:top; font-size:16px;}
.contentsArea .videoThumb ul li a {display:block; position:relative; margin-bottom:10px;}
.contentsArea .videoThumb ul li a img {width:100%;}
.contentsArea .videoThumb ul li a div {display:none;}
.contentsArea .videoThumb ul li a.active div {display:block; box-sizing:border-box; border:5px solid #75bd21; width:100%; height:100%; position:absolute; left:0; top:0; background:url('/images/common/bg_overlay.png') repeat 0 0; text-align:center;}
.contentsArea .videoThumb ul li a.active div img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:auto;}
.contentsArea .videoArea iframe {width:100%; height:675px;}
.contentsArea .videoArea {position:relative;}
.contentsArea .videoArea .bx-controls-direction a {display:block; text-indent:-9999px; overflow:hidden; width:36px; height:65px; position:absolute; top:312px;}
.contentsArea .videoArea .bx-controls-direction .bx-prev {background:url('/images/final/prev_video.png') no-repeat 0 0; left:-60px;}
.contentsArea .videoArea .bx-controls-direction .bx-next {background:url('/images/final/next_video.png') no-repeat 0 0; right:-60px;}
.contentsArea .videoArea .title {padding:70px 0 35px 0; text-align:center; border-bottom:1px solid #7ac142;}
.contentsArea .videoArea .title dt {font-size:36px; color:#fff; margin-bottom:10px;}
.contentsArea .videoArea .step {padding:35px 40px; line-height:33px; border-bottom:1px solid #333;}
.contentsArea .videoArea .step:after {content:''; display:block; clear:both;}
.contentsArea .videoArea .step dl {overflow:hidden;}
.contentsArea .videoArea .step .category {font-weight:300; font-size:24px; color:#fff; display:block; margin-bottom:10px;}
.contentsArea .videoArea .step dt {clear:both; float:left; width:10%; font-size:22px; font-weight:700; color:#7ac142;}
.contentsArea .videoArea .step dd {float:left; width:90%;}

/* 참가자 도전 후기 */
.contentsArea#review .titleArea {margin-bottom:30px;}
.contentsArea#review .titleArea h3 .title1 {font-weight:500; font-size:36px;}
.contentsArea#review .titleArea h3 .title3 {margin-top:0;}

/*foot*/
.snsWrap .inner {width:1200px; border:1px solid #333; height:60px; line-height:60px; font-size:15px; color:#999; box-sizing:border-box; padding:0 1%; position:relative; overflow:hidden; margin-bottom:100px;}
.snsWrap .share {float:left;}
.snsWrap .share a {display:inline-block; margin-right:5px;}
.snsWrap .share a img {width:31px; vertical-align:middle; margin-top:-2px;}
.snsWrap .gotop {float:right; text-align:right; width:50%;}
.snsWrap .gotop a {font-size:15px; color:#999;}
.snsWrap .gotop a img {vertical-align:middle;}
#foot{width:100%; background:#000;}
.sub #foot {border-top:1px solid #181818;}
.footWrap {width:1200px; margin:0 auto; position:relative; padding:30px 0;}
.footWrap p {font-weight:300;}
.footWrap .copy {color:#808080; font-size:14px;}
.footWrap .address#mobile {display:none;}
.footWrap .address {color:#575757; font-size:14px;}
.footWrap .address a {color:#575757;}


/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px; font-size:14px; text-align:left;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}

/*************************************************************************/
/*************************************************************************/
/************************* 테블릿 1024px 이하 ****************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:1024px){
#wrap {width:100%; min-width:100%;}
#wrap.main {background:#000 url('/images/main/bg_main_black.png') no-repeat center top; background-size:cover;}

.inner {width:90%; padding:0 5%; position:relative; margin:0;}

/* 헤더 */
#header {height:auto;}
.headerWrap h1 {padding:3% 0; float:right;}
.headerWrap h1 a {display:block; text-indent:-9999px; overflow:hidden; display:block; background:url('/images/common/logo_MO.png') no-repeat 50% 0;-webkit-background-size: auto 100%;
background-size:auto 100%; width:150px; height:31px;}
.headerWrap .btn_allmenu {display:block; position:absolute; left:5%; top:0; padding:3% 0;}
#allMenuWrap {width:250px; height:100%; position:fixed; left:-250px; top:0; background:#1a1a1a; z-index:110;}
#allMenuWrap .btn_close {position:absolute; right:8%; top:0; padding:8% 0 0 0;}
#allMenuWrap ul {margin-top:35%;}
#allMenuWrap ul li {line-height:40px;}
#allMenuWrap ul li a {color:#aaa; font-size:16px; padding-left:30px;}
#allMenuWrap ul li.on {background:url('/images/common/bg_menu_on.png') no-repeat left center; background-size:17px 3px;}
#allMenuWrap ul li.on a {color:#75bd21;}
#topmenu {display:none;}

/* 메인 비주얼 */
#mainVisual {width:90%;}
#mainVisual .mainSlide li > a {width:25%; text-align:center;}
#mainVisual .mainSlide li > a .name {width:100%; font-size:15px; bottom:15px;}
#mainVisual .mainSlide li > a .name span {font-size:22px;}
#mainVisual .mainSlide li img {max-width:100%; width: 80%;}
#mainVisual .bx-controls-direction .bx-prev {left:0; width:30px; height:53px; background-size:30px;}
#mainVisual .bx-controls-direction .bx-next {right:0; width:30px; height:53px; background-size:30px;}

.visualText {width:100%;}
.visualText .symbol {width:130px;}
.visualText img {max-width:100%;}
.visualText h2 .title1 {font-size:28px; margin:3% 0 1.5% 0;}
.visualText h2 .title2 img {width:80%;}
.visualText h2 .title3 {font-size:22px; margin:3% 0 0 0;}

/* 서브페이지 공통 */
.sub #contents{width:90%; margin:5% 0; padding:0 5%;}
.contentsArea img {max-width:100%;}
.contentsArea .titleArea h3 .title1 {margin:3% 0 1% 0; font-size:28px;}
.contentsArea .titleArea h3 .title2 img {width:80%;}
.contentsArea .titleArea h3 .title3 {margin:3% 0 0 0; font-size:18px;}
.contentsArea .tabArea {margin-bottom:5%;}
.contentsArea .tabArea ul.list3 {width:100%;}
.contentsArea .tabArea ul.list4 {width:100%;}
.contentsArea .section {margin-top:10%;}

/* 참가자 도전 후기 */
.contentsArea#review .titleArea h3 .title1 {margin:3% 0 1% 0; font-size:28px;}
.contentsArea#review .titleArea h3 .title3 {margin:3% 0 0 0; font-size:18px;}

/* 결선 진출자 명예의 전당 */
.contentsArea.final .titleArea {margin-bottom:5%;}
.contentsArea.final .beforeafter .before {width:47%;}
.contentsArea.final .beforeafter .after {width:47%;}
.contentsArea.final .beforeafter .afterThumb {width:6%;}
.contentsArea.final .beforeafter .final_info {clear:both; position:relative; clear:both; padding:2% 0; width:100%;}
.contentsArea.final .beforeafter .final_info dl {overflow:hidden;}
.contentsArea.final .beforeafter .final_info dl dt {clear:both; float:left; width:17%;}
.contentsArea.final .beforeafter .final_info dl dd {float:left; width:83%;}
.contentsArea.final .notice {text-align:left; margin-top:1%;}
.contentsArea .story {padding:5% 3% 0 3%; margin:3% 0 0 0;}
.contentsArea .story dl {margin-bottom:5%;}
.contentsArea .winner_story dl {display:block;}
.contentsArea .winner_story dt {width:100%; margin-bottom:1%; display:block;}
.contentsArea .winner_story dd {width:100%; display:block;}
.contentsArea .winner_story dt br {display:none;}
.contentsArea .member_story dt {width:15%;}
.contentsArea .member_story dd {width:85%;}

.contentsArea.final .foodSlide li .food_info .list {padding:5% 0;}

/* 90일 익스트림 바디체인지 */
.contentsArea.bodychange {margin-bottom:5%;}
.contentsArea.bodychange .totalWrap {width:100%; padding:0;}
.contentsArea.bodychange .totalWrap dl {margin:3% 0;}
.contentsArea.bodychange .totalWrap dl.total01 {background-size:auto 60px; background-position:left center; padding-left:9%;}
.contentsArea.bodychange .totalWrap dl.total02 {background-size:auto 60px; background-position:left center; padding-left:7%; margin-right:2%;}
.contentsArea.bodychange .totalWrap dl.total03 {background-size:auto 60px; background-position:left center; padding-left:6%;}
.contentsArea.bodychange .totalWrap dl dt {font-size:16px;}
.contentsArea.bodychange .totalWrap dl dd {font-size:18px; line-height:48px;}
.contentsArea.bodychange .totalWrap dl dd .num {font-size:45px;}
.contentsArea.bodychange .totalWrap .standard {clear:both;}
.contentsArea.bodychange .videoWrap iframe {max-width:100%; height:50vmin;}

/* 운동정보 */
.contentsArea .videoThumb {margin-bottom:5%;}
.contentsArea .videoThumb ul li {vertical-align:top; font-size:16px; line-height:20px;}
.contentsArea .videoArea iframe {width:95%; height:70vmin; margin:0 auto; display:block;}
.contentsArea .videoArea .bx-controls-direction a {top:30vmin; width:30px; height:54px;}
.contentsArea .videoArea .bx-controls-direction a.bx-prev {left:-3%; background-size:cover;}
.contentsArea .videoArea .bx-controls-direction a.bx-next {right:-3%; background-size:cover;}
.contentsArea .videoArea .title {padding:7% 0 3% 0;}
.contentsArea .videoArea .step {padding:3%;}

/* 푸터 */
.snsWrap {margin-bottom:10%;}
.snsWrap .inner {width:90%; margin:0 auto; padding:0 2%;}
.footWrap {width:90%; padding:5%; margin:0;}
.footWrap .address#mobile {display:block;}
.footWrap .address#mobile a.tel_mobile {text-decoration:underline;}
.footWrap .address#pc {display:none;}
}

/*************************************************************************/
/*************************************************************************/
/************************* 테블릿 768px 이하 *****************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:768px){
/* 메인 비주얼 */
#mainVisual .mainSlide li > a .name {font-size:14px; line-height:23px;}
#mainVisual .mainSlide li > a .name span {font-size:20px;}

#mainVisual .mainSlide li > a {width: 33%;}
#mainVisual .main-swiper {padding-bottom: 60px;}

/* 서브페이지 공통 */
.contentsArea .titleArea {margin-bottom:10%;}
.contentsArea .titleArea h3 {font-size:36px; line-height:46px;}
.contentsArea .titleArea h3 .green {display:block;}
.contentsArea .titleArea h3 .symbol {width:100px;}
.contentsArea .titleArea h3 .title1 {font-size:28px;}
.contentsArea .titleArea h3 .title2 img {width:80%;}
.contentsArea .titleArea h3 .title3 {margin:3% 0 0 0; font-size:16px; line-height:26px;}
.contentsArea .list_bullet li {font-size:17px; line-height:27px; background-position:0 13px;}

/* 참가자 도전 후기 */
.contentsArea#review .titleArea {margin-bottom:10%;}
.contentsArea#review .titleArea h3 .title1 {font-size:28px;}
.contentsArea#review .titleArea h3 .title3 {margin:3% 0 0 0; font-size:16px; line-height:26px;}

/* 결선 진출자 명예의 전당 */
.contentsArea.final .titleArea {margin-bottom:5%;}
.contentsArea.final .beforeafter .before {width:46%;}
.contentsArea.final .beforeafter .after {width:46%;}
.contentsArea.final .beforeafter .afterThumb {width:7%;}
.contentsArea .story dt {font-weight:500;}
.contentsArea .story dd {font-size:16px;}
.contentsArea .story dd .green {font-weight:500;}
.contentsArea .member_story dt {width:20%;}
.contentsArea .member_story dd {width:80%;}

/* 90일 익스트림 바디체인지 */
.contentsArea.bodychange .totalWrap dl {text-align:center; height:auto; width:31% !important;}
.contentsArea.bodychange .totalWrap dl.total01 {background-position:center top; background-size:auto 50px; padding:60px 1% 0 1%; margin:3% 1%;}
.contentsArea.bodychange .totalWrap dl.total02 {background-position:center top; background-size:auto 50px; padding:60px 1% 0 1%; margin:3% 1%;}
.contentsArea.bodychange .totalWrap dl.total03 {background-position:center top; background-size:auto 50px; padding:60px 1% 0 1%; margin:3% 1%;}
.contentsArea.bodychange .totalWrap dl dd .num {font-size:38px; line-height:38px;}

.contentsArea.final .food_pager ul li {background-position:left 35%;}
.contentsArea.final .food_pager ul li a {font-size:20px;}
.contentsArea.final .food_pager ul li a > img {width:70%;}
.contentsArea.final .food_pager ul li a span img {width:13px; margin-top:-5px;}
.contentsArea.final .foodSlide li .food_info .title {margin:8% 0 5% 0;}
.contentsArea.final .foodSlide li .food_info .title dt {font-size:30px;}
.contentsArea.final .foodSlide li .food_info .list .list_bullet {width:70%;}
.contentsArea.final .foodSlide li .food_info .list .product {width:25%;}
.contentsArea.final .foodSlide li .food_info .list .product .btn_product {font-size:16px;}

/* 운동정보 */
.contentsArea .videoThumb ul li {font-size:14px; line-height:18px;}
.contentsArea .videoThumb ul li a.active div img {width:25%;}
.contentsArea .videoArea iframe {height:48vmin;}
.contentsArea .videoArea .bx-controls-direction a {top:20vmin;}
.contentsArea .videoArea .title dt {font-size:30px; margin-bottom:0;}
.contentsArea .videoArea .step .category {font-size:20px; font-weight:500;}
.contentsArea .videoArea .step dt {font-size:18px; width:20%;}
.contentsArea .videoArea .step dd {width:80%;}

/* 푸터 */
.snsWrap .share {width:70%;}
.snsWrap .gotop {width:30%;}
}

/*************************************************************************/
/*************************************************************************/
/************************* 테블릿 640px 이하 *****************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:640px){
/* 서브페이지 공통 */
.contentsArea .titleArea h3 {font-size:32px; line-height:42px;}
.contentsArea .section .sub_title h3 {font-size:30px;}
.contentsArea .section .sub_title h4 {font-size:16px;}

/* 결선 진출자 명예의 전당 */
.contentsArea.final .beforeafter .box {width:65px; height:65px; line-height:65px; font-size:15px;}
.contentsArea.final .beforeafter .final_info dl dt {width:24%;}
.contentsArea.final .beforeafter .final_info dl dd {width:76%;}
.contentsArea .story dt {font-size:20px;}
.contentsArea .story dd {font-size:15px;}
.contentsArea .story dd .green {font-size:17px;}
.contentsArea .member_story dt {width:18%;}
.contentsArea .member_story dd {width:78%; padding-left:2%;}

/* 운동정보 */
.contentsArea .videoThumb ul li span {display:none;}
.contentsArea .videoArea iframe {width:100%; height:50vmin;}
.contentsArea .videoArea .bx-controls-direction {display:none;}
.contentsArea .videoArea .title dt {font-size:26px;}
.contentsArea .videoArea .step {line-height:1.5em;}
.contentsArea .videoArea .step dt {float:none; width:100%; margin-top:5%;}
.contentsArea .videoArea .step dt:first-child {margin-top:0;}
.contentsArea .videoArea .step dd {float:none; width:100%;}

}

/*************************************************************************/
/*************************************************************************/
/************************* 모바일 520px 이하 *****************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:520px){
.headerWrap h1 {width:110px; padding:5% 0;}
.headerWrap h1 a {width:121px; height:25px;}
.headerWrap .btn_allmenu {padding:5% 0 0 0;}
.headerWrap .btn_allmenu img {width:28px;}

#allMenuWrap ul li {line-height:2.5em;}
#allMenuWrap ul li a {font-size:4vw;}

.main-swiper .swiper-button-next,
.main-swiper .swiper-container-rtl .swiper-button-prev {width: 25px; height: 48px;  right: 0px; background-size: 20px;}
.main-swiper .swiper-button-prev,
.main-swiper .swiper-container-rtl .swiper-button-next {width: 25px; height: 48px; left: 0px; background-size: 20px;}

.main-swiper .swiper-pagination-bullet {width: 8px; height: 8px;}
.main-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;}
.main-swiper .swiper-pagination-bullet-active {width: 40px; height: 8px;}

#mainVisual .mainSlide li a {width:50%; text-align:center;}
#mainVisual .mainSlide li img {max-width:100%; width:70%;}
#mainVisual .mainSlide li > a {text-align:center;}
#mainVisual .mainSlide li > a .name {font-size:3.2vw; line-height:1.5em; text-align:left; left:15%; bottom:8%;}
#mainVisual .mainSlide li > a .name span {font-size:4.2vw;}
#mainVisual .bx-controls-direction .bx-prev {left:-2%; width:20px; height:43px; background-size:20px;}
#mainVisual .bx-controls-direction .bx-next {right:-2%; width:20px; height:43px; background-size:20px;}
.visualText {padding:8% 0 5% 0;}
.visualText .symbol {width:100px;}
.visualText h2 .title1 {font-size:5.8vw;}
.visualText h2 .title2 img {width:70%;}
.visualText h2 .title2 .v_pc {display:none;}
.visualText h2 .title2 .v_mob {display:inline;}
.visualText h2 .title3 br {display:block;}
.visualText h2 .title3 {font-size:4.6vw; width:80%; padding:0 10%; line-height:1.5em;}

 /* 서브페이지 공통 */
.sub #contents {margin:10% 0;}
.contentsArea .titleArea h3 {font-size:5.5vw; line-height:1.5em;}
.contentsArea .titleArea h3 .symbol {width:30%;}
.contentsArea .titleArea h3 .title1 {font-size:6vw; margin:3% 0 0 0;}
.contentsArea .titleArea h3 .title2 {margin:4% 0 6% 0;}
.contentsArea .titleArea h3 .title2 .v_pc {display:none;}
.contentsArea .titleArea h3 .title2 .v_mob {display:inline;}
.contentsArea .titleArea h3 .title2 img {width:90%; vertical-align:top;}
.contentsArea .titleArea h3 .title3 {margin:0; font-size:4vw; line-height:1.5em;}
.contentsArea .tabArea {margin-bottom:8%;}
.contentsArea .tabArea ul li {height:45px; line-height:45px;}
.contentsArea .tabArea ul li a {font-size:3.6vw;}
.contentsArea .section {margin-top:15%;}
.contentsArea .section .sub_title {margin-bottom:5%;}
.contentsArea .section .sub_title h3 {font-size:6.5vw; margin-bottom:3%;}
.contentsArea .section .sub_title h4 {font-size:4vw; line-height:1.5em;}
.contentsArea .list_bullet li {font-size:3.6vw; line-height:2em; padding-left:7px;}

/* 참가자 도전 후기 */
.contentsArea#review .titleArea h3 .title1 {font-size:6vw; margin:3% 0;}
.contentsArea#review .titleArea h3 .title3 {margin:0; font-size:4vw; line-height:1.5em;}

/* 결선 진출자 명예의 전당 */
.contentsArea.final .titleArea {margin-bottom:8%;}
.contentsArea.final .finalWrap {overflow:hidden;}
.contentsArea.final .beforeafter .box {font-size:3.2vw; width:50px; height:50px; line-height:50px;}
.contentsArea.final .beforeafter .before {width:48%;}
.contentsArea.final .beforeafter .before img {vertical-align:top;}
.contentsArea.final .beforeafter .after {width:80%; float:right; margin-top:-50px; background:#fff;}
.contentsArea.final .beforeafter .after .afterSlider img {vertical-align:top;}
.contentsArea.final .beforeafter .afterThumb {width:80%; float:right; margin-top:1%;}
.contentsArea.final .beforeafter .afterThumb ul {overflow:hidden; text-align:right;}
.contentsArea.final .beforeafter .afterThumb ul li {float:left; width:13.26%; margin:0 0 0 1%;}
.contentsArea.final .beforeafter .final_info {position:absolute; left:52%; top:8%; right:inherit; bottom:inherit; width:48%; padding:0; border-bottom:none;}
.contentsArea.final .beforeafter .final_info .name {font-size:4.6vw;}
.contentsArea.final .beforeafter .final_info dl {font-size:3.6vw;}
.contentsArea.final .beforeafter .final_info dl dt {float:none; width:100%;}
.contentsArea.final .beforeafter .final_info dl dd {float:none; width:100%; margin-bottom:3%;}
.contentsArea.final .notice {text-align:left; font-size:3.4vw; width:80%; float:right;}
.contentsArea .story {margin:0 0 10% 0; padding:8% 3% 0 3%;}
.contentsArea .story dl {margin-bottom:8%;}
.contentsArea .story dt {font-size:4.2vw; line-height:1.5em;}
.contentsArea .story dt br {display:block;}
.contentsArea .story dd {font-size:3.8vw; line-height:1.5em;}
.contentsArea .story dd .green {font-size:4vw; line-height:1.5em;}
.contentsArea .member_story dt {width:100%; display:block; margin-bottom:3%;}
.contentsArea .member_story dt img {width:25%;}
.contentsArea .member_story dd {width:100%; display:block; padding-left:0;}

.contentsArea.final .food {border-bottom:none;}
.contentsArea.final .food_pager ul li {background-position:left 30%; background-size:5px;}
.contentsArea.final .food_pager ul li a {font-size:4vw;}
.contentsArea.final .food_pager ul li a > img {width:60%;}
.contentsArea.final .food_pager ul li a span img {width:8px;}
.contentsArea.final .foodSlide li .food_info {border-bottom:1px solid #333;}
.contentsArea.final .foodSlide li .food_info .title dt {font-size:5.5vw;}
.contentsArea.final .foodSlide li .food_info .list .list_bullet {width:100%; float:none; margin-bottom:3%;}
.contentsArea.final .foodSlide li .food_info .list .product {width:100%; float:none;}
.contentsArea.final .foodSlide li .food_info .list .product img {vertical-align:top; width:35%;}
.contentsArea.final .foodSlide li .food_info .list .product .btn_product {width:40%; margin:8% auto 0; font-size:3.6vw; height:36px; line-height:32px;}
.contentsArea.final .foodSlide li .food_info .list .product .btn_product img {width:5px;}

/* 90일 익스트림 바디체인지 */
.contentsArea.bodychange {margin-bottom:10%;}
.contentsArea.bodychange .totalWrap dl {text-align:center; height:auto; width:31% !important;}
.contentsArea.bodychange .totalWrap dl.total01 {background-size:auto 40px; padding:50px 1% 0 1%; margin:6% 1%;}
.contentsArea.bodychange .totalWrap dl.total02 {background-size:auto 40px; padding:50px 1% 0 1%; margin:6% 1%;}
.contentsArea.bodychange .totalWrap dl.total03 {background-size:auto 40px; padding:50px 1% 0 1%; margin:6% 1%;}
.contentsArea.bodychange .totalWrap dl dt {font-size:4vw; line-height:1.5em;}
.contentsArea.bodychange .totalWrap dl dd {font-size:3.8vw;}
.contentsArea.bodychange .totalWrap dl dd .num {font-size:6vw; line-height:1.5em;}
.contentsArea.bodychange .totalWrap .standard {font-size:3.4vw;}
.contentsArea.bodychange .videoWrap .pc_img {display:none;}
.contentsArea.bodychange .videoWrap .m_img {display:block; width:100%;}

/* 운동정보 */
.contentsArea .videoThumb ul li {width:19%; margin:0;}
.contentsArea .videoThumb ul li a {margin-bottom:0;}
.contentsArea .videoThumb ul li a.active div {border-width:2px;}
.contentsArea .videoArea .title {padding:7% 0;}
.contentsArea .videoArea .title dt {font-size:4.6vw;}
.contentsArea .videoArea .step {margin-bottom:5%;}
.contentsArea .videoArea .step .category {font-size:4vw; font-weight:500;}
.contentsArea .videoArea .step dt {font-size:3.6vw;}
.contentsArea .videoArea .step dd {font-size:3.6vw;}

/* 푸터 */
.snsWrap .inner {padding:0 3%; height:53px; line-height:53px;}
.snsWrap .share span {display:none;}
.snsWrap .share a {margin-top:7px;}
.snsWrap .share a img {width:28px;}
.snsWrap .gotop a {font-size:3.4vw;}
.snsWrap .gotop a img {width:5px;}
.footWrap .copy {font-size:3.2vw; line-height:1.5em;}
.footWrap .address {font-size:3.2vw;}
}