@charset "utf-8";
/***************************RESET***************************/

*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

a{text-decoration: none;}
li{list-style: none;}
img{border: 0;}
button {border:0 none; background-color:transparent; cursor:pointer;}
/* input, textarea{box-shadow: none;-webkit-appearance: none; -moz-appearance: none; appearance: none; } */
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
/* input::-ms-clear { display: none;} */
br{font-family: Sans-Serif;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
button:focus {outline: 0;}
input:focus {outline:none;}

/***************************RESET***************************/
/***************************COLOR***************************/

:root {
    --white:#ffffff;
    --gray01:#333333;
    --gray02: #3C3C3C;
    --gray03: #828282;
    --gray04: #BDBDBD;
    --gray05: #E0E0E0;
/*    --keycolor: #004682;*/
    --keycolor: #007BBF;
    --color01: #4F4F4F;
    --color02: #D9D9D9;
    --color03: #292929;
    --color04: #252525;
    --color05: #DBDBDB;
    --color06: #2E2E2E;
    --color07: #797979;
    --color08: #F37528;
    --color09: #9C9494;
    --color10: #000000;
    --bgcolor: rgba(0,0,0,0.6);
}

/***************************COLOR***************************/
/***************************공통영역***************************/

html{font-size: 1px;}
.warp{width: 100%;max-width: 1920rem;margin: 0 auto;}
*,* a{font-family: 'Noto Sans KR', sans-serif;}
.container {width: 100%;height:100%;max-width: 1340px;margin: 0 auto;padding:0 30rem;}
.img-box > img{display:block;width: 100%;height: 100%;}
body{overflow-x: hidden;}
/*header*/
header {width: 100%;height: 70rem;z-index: 3;}
header .logo-box{width: 170rem;}
header .logo-box img {width: 100%;height: auto;}
header .container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header .container nav{height: 100%;}
header .container nav .menu{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;}
header .container nav .menu .menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 160rem;height:100%;position: relative;}
header .container nav .menu .menu-item a{font-weight: 400;font-size: 18rem;line-height: 1.44444444;color: var(--color01);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color;-o-transition-property: color;transition-property: color;}
header .container nav .menu .menu-item.active > a {color: var(--keycolor);}
header .container nav .menu .submenu{width:100%;position: absolute;bottom:0;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);background-color: var(--white);opacity: 0;pointer-events: none;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
header .container nav .menu .submenu .submenu-item{text-align: left;padding:10rem 15rem;}
header .container nav .menu .submenu .submenu-item a{width:100%;height:100%;display:block;font-weight: 400;font-size: 14rem;line-height: 1.42857143;text-align: left;color: var(--gray01);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color;-o-transition-property: color;transition-property: color;}

header .sns-box{display: -webkit-box;display: -ms-flexbox;display: flex;}
header .sns-box a{display:block;margin-left: 10rem;width: 35rem;height: 36rem;}
header .sns-box a img{width: 100%;height: 100%;}
header .menu-button{display: none;}
header .menu-close-button{display: none;}

.navigation{width: 100%;height: 50rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.navigation .depth::after{content:'>';display: inline-block;margin: 0 10rem;}
.navigation .depth{font-weight: 400;font-size: 14rem;line-height: 1;letter-spacing: -0.01em;color: var(--gray03);}
.navigation .depth:last-of-type{color: var(--keycolor);}
.navigation .depth:last-of-type::after{content:none;}

.tab-box{display: -webkit-box;display: -ms-flexbox;display: flex;}
.tab-box .tab-item{display: -webkit-box;display: -ms-flexbox;display: flex;height: 42rem;padding:10rem 20rem;border: 1px solid var(--white);border-radius: 50rem;font-weight: 400;font-size: 15rem;line-height: 1.2;color: var(--keycolor);margin-right: 10rem;}
.tab-box .tab-item:last-of-type{margin-right: 0;}
.tab-box .tab-item.active{background-color: var(--keycolor);color: var(--white);}

footer{width: 100%;background-color: var(--color03);padding: 29rem 0 34rem;font-weight: 400;font-size: 13rem;line-height: 1.45;color: var(--gray04);}
footer a{color: var(--gray04);}
footer .container{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
footer address{width: 50%;text-align: left;}
footer .info-text{width: 50%;text-align: left;}
footer .info-text h2{font-weight: 500;font-size: 15rem;line-height: 1.45;color: var(--white);}
footer .info-text p{margin-top: 8rem;}

.floating{position: fixed;width: 50rem;height: 50rem;bottom:30rem;right: 30rem;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;opacity: 0;pointer-events: none;}
.floating.view{opacity: 1;pointer-events: auto;}
.floating .up-button{background-color:var(--color06);background-image: url("../images/icons/icon-top.svg");background-repeat:no-repeat;background-position:center;    background-size: cover;width: 100%;height: 100%;border: 1px solid var(--color04);border-radius: 100%;}

.dim{display: none;width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,0.4);opacity: 0;pointer-events: none;top: 0;left: 0;z-index: 3;}
/***************************공통영역***************************/


@media screen and (max-width: 1340px) {
    html {font-size: 0.074627vw}
}

/***************************Form Style***************************/

.form{}

/***************************Form Style***************************/
/**********모션 style**********/
[data-amotion='down']{opacity: 0;-webkit-transform: translateY(-10%);-ms-transform: translateY(-10%);transform: translateY(-10%);-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;-o-transition-property: opacity,transform;transition-property: opacity,transform;transition-property: opacity,transform,-webkit-transform;}
[data-amotion='down'].action{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
[data-amotion='up']{opacity: 0;-webkit-transform: translateY(10%);-ms-transform: translateY(10%);transform: translateY(10%);-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;-o-transition-property: opacity,transform;transition-property: opacity,transform;transition-property: opacity,transform,-webkit-transform;}
[data-amotion='up'].action{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
[data-amotion='left-in']{opacity: 0;-webkit-transform: translateX(-10%);-ms-transform: translateX(-10%);transform: translateX(-10%);-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;-o-transition-property: opacity,transform;transition-property: opacity,transform;transition-property: opacity,transform,-webkit-transform;}
[data-amotion='left-in'].action{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
[data-amotion='right-in']{opacity: 0;-webkit-transform: translateX(10%);-ms-transform: translateX(10%);transform: translateX(10%);-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;-o-transition-property: opacity,transform;transition-property: opacity,transform;transition-property: opacity,transform,-webkit-transform;}
[data-amotion='right-in'].action{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
[data-amotion='fade-in']{opacity: 0;-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
[data-amotion='fade-in'].action{opacity: 1;}
[data-amotion='zoom-out']{opacity: 0;-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;-o-transition-property: opacity,transform;transition-property: opacity,transform;transition-property: opacity,transform,-webkit-transform;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
[data-amotion='zoom-out'].action{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

body .list-box{display: -webkit-box;display: -ms-flexbox;display: flex;}

body.index .video-section {position:relative;padding-bottom:56.25%;height:0;z-index:-1;}
body.index .video-section #vid {position:absolute;top:0;left:0;width:100%;height:100%;}

/*body.index .video-section {width: 100%;height: 717rem;}*/

body.index .section01{padding:30rem 0;}
body.index .section01 .top-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
body.index .section01 .title-box h3{font-weight: 400;font-size: 18rem;line-height: 1.44444444;color: var(--gray01);}
body.index .section01 .title-box h3 em{font-weight: 700;}
body.index .section01 .title-box h3 .color{color: var(--keycolor);}
body.index .section01 .title-box h2{font-weight: 700;font-size: 30rem;line-height: 1.43333333;color: var(--gray01);}
body.index .section01 .more-button{font-weight: 400;font-size: 16rem;line-height: 1.4375;color: var(--gray03);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color;-o-transition-property: color;transition-property: color;}
body.index .section01 .more-button:hover{color: var(--keycolor);}
body.index .section01 .list-box{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 49rem;}
body.index .section01 .list-box .list-item{}
body.index .section01 .list-box .list-item .img-box{width: 305rem;height: 270rem;overflow: hidden;border-radius: 20rem;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;}
body.index .section01 .list-box .list-item .img-box img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;}
body.index .section01 .list-box .list-item .text-box{margin-top: 27rem;}
body.index .section01 .list-box .list-item .text-box h4{font-weight: 700;font-size: 22rem;text-align:center;line-height: 1.45454545;color: var(--gray01);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color;-o-transition-property: color;transition-property: color;}
body.index .section01 .list-box .list-item .text-box p{font-weight: 400;font-size: 18rem;line-height: 1.44444444;text-align: center;color: var(--gray01);margin-top: 14rem;}
body.index .section01 .list-box .list-item:hover .img-box {-webkit-transform :translateY(-10%);-ms-transform :translateY(-10%);transform :translateY(-10%);}
body.index .section01 .list-box .list-item:hover .text-box h4 {color: var(--keycolor);}
body.index .section02{background-image: url("../images/index-section02-bg.png");background-size:cover;background-repeat:no-repeat;width: 100%;height: 471rem;}
body.index .section02 .container{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
body.index .section02 .text-box h2{font-weight: 700;font-size: 38rem;line-height: 1.44736842;color: var(--white);}
body.index .section02 .text-box p{font-weight: 400;font-size: 20rem;line-height: 1.45;color: var(--white);margin-top: 14rem;}
body.index .section02 .text-box .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 232rem;height: 55rem;border: 1px solid var(--white);border-radius: 55rem;font-weight: 400;font-size: 17rem;line-height: 1.45;color: var(--white);margin-top: 42rem;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color,border,background-color;-o-transition-property: color,border,background-color;transition-property: color,border,background-color;}
body.index .section02 .text-box .button:hover{color:var(--color03);border: 1px solid var(--color03);background-color: var(--white)}
body.index .section02 .img-box{width: 802rem;height: 471rem;}
body.index .section02 .img-box img{position: relative;-webkit-transform: translateY(44rem);-ms-transform: translateY(44rem);transform: translateY(44rem);}
body.index .section03{padding:30rem 0;}
body.index .section03 .list-box{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
body.index .section03 .list-box .list-item{display: -webkit-box;display: -ms-flexbox;display: flex;cursor:pointer;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 305rem;height: 150rem;background-color:var(--white);border: 1px solid var(--gray05);border-radius: 20rem;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;padding:0 30rem;}
body.index .section03 .list-box .list-item:nth-of-type(n + 5){margin-top: 13rem;}
body.index .section03 .list-box .list-item .icon-box{width: 70rem;height: 58rem;background-repeat: no-repeat;    background-size: contain;margin-right: 19rem;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property:background-image;-o-transition-property:background-image;transition-property:background-image;}
body.index .section03 .list-box .list-item .text-box h2{font-weight: 700;font-size: 25rem;line-height: 1.45;color: var(--gray01);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property:color;-o-transition-property:color;transition-property:color;}
body.index .section03 .list-box .list-item .text-box .sub-text{font-weight: 400;font-size: 13rem;line-height: 1.45;color: var(--keycolor);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property:color;-o-transition-property:color;transition-property:color;}
body.index .section03 .list-box .list-item:nth-of-type(1) .icon-box{background-image: url("../images/icons/icon-01.svg");}
body.index .section03 .list-box .list-item:nth-of-type(2) .icon-box{background-image: url("../images/icons/icon-03.svg");}
body.index .section03 .list-box .list-item:nth-of-type(3) .icon-box{background-image: url("../images/icons/icon-07.svg");}
body.index .section03 .list-box .list-item:nth-of-type(4) .icon-box{background-image: url("../images/icons/icon-06.svg");}


body.about .section01{padding-top: 103rem;}
body.about .section01 .img-box{width: 534rem;height: 328rem;margin: 0 auto;}
body.about .section01 .text-box{margin-top: 41rem;}
body.about .section01 .text-box h2{font-weight: 700;font-size: 36rem;line-height: 1.45;text-align: center;letter-spacing: -0.01em;}
body.about .section01 .text-box .color{color: var(--keycolor);}
body.about .section01 .text-box p{font-weight: 400;font-size: 23rem;line-height: 1.45;text-align: center;color: var(--gray03);margin-top: 22rem;}

body.about .section02{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top:128rem;}
body.about .section02 .left-box{width: 50%;background-color: var(--color04);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
body.about .section02 .left-box .img-box{width: 477rem;height: 605rem;-webkit-transform: translate(-37rem,37rem);-ms-transform: translate(-37rem,37rem);transform: translate(-37rem,37rem)}
body.about .section02 .right-box{width: 50%;padding-left: 110rem;padding-right: 30rem;}
body.about .section02 .text-box {font-weight: 400;font-size: 18rem;line-height: 1.45;color: var(--gray01);}
body.about .section02 .text-box .color{color: var(--keycolor);}

body.about .section03{padding-top: 230rem;padding-bottom: 170rem;}
body.about .section03 .title-box{}
body.about .section03 .title-box h2{font-weight: 400;font-size: 35rem;line-height: 1.46;text-align: center;letter-spacing: -0.01em;color: var(--gray01);}
body.about .section03 .title-box h2 em{font-weight: 700;}
body.about .section03 .list-box{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-top: 95rem;}
body.about .section03 .list-box .list-item{width: calc((100% - 40rem) / 3);margin-right: 20rem;}
body.about .section03 .list-box .list-item:nth-of-type(3n){margin-right: 0;}
body.about .section03 .list-box .list-item:nth-of-type(n + 4){margin-top: 20rem;}
body.about .section03 .list-box .list-item .img-box{width: 100%;height: 315rem;overflow: hidden;}
body.about .section03 .list-box .list-item .img-box > img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;}
body.about .section03 .list-box .list-item:hover .img-box > img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
body.about .section03 .more-button{width: 100rem;height: 40rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--keycolor);border:1px solid transparent;font-weight: 400;font-size: 14rem;line-height: 1.45;color: var(--white);margin: 24rem auto 0;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color,background-color,border;-o-transition-property: color,background-color,border;transition-property: color,background-color,border;}
body.about .section03 .more-button:hover{color: var(--keycolor);background-color: var(--white);border:1px solid var(--keycolor);}

body.trainer .section01{background-image: url("../images/default/trainer-banner.png");width: 100%;height: 548rem;background-size: cover;background-position: center;}
body.trainer .section01 .container{width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
body.trainer .section01 .text-box{font-weight: 700;font-size: 40rem;line-height: 1.45;letter-spacing: -0.01em;color: var(--white);}
body.trainer .section02 {padding-top: 180rem;padding-bottom: 172rem;}
body.trainer .section02 .title-box h2{font-weight: 400;font-size: 40rem;line-height: 1.28;text-align: center;letter-spacing: -0.01em;color: var(--gray01);}
body.trainer .section02 .title-box h2 em{font-weight: 700;}
body.trainer .section02 .list-box{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-top: 85rem;}
body.trainer .section02 .list-box .list-item{width: calc((100% - 40rem) / 3);margin-right: 20rem;position: relative;}
body.trainer .section02 .list-box .list-item:nth-of-type(3n){margin-right: 0;}
body.trainer .section02 .list-box .list-item:nth-of-type(n + 4){margin-top: 20rem;}
body.trainer .section02 .list-box .list-item::before{content:'';display:block;width: 100%;height: 100%;position: absolute;background-color: var(--bgcolor);opacity: 0;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;z-index: 1;}
body.trainer .section02 .list-box .list-item .img-box{width: 100%;height: 500rem;overflow: hidden;background-image: url("../images/icons/icon-noimg.svg");background-repeat:no-repeat;background-position:center;background-size:195rem auto;background-color: var(--color05);}
body.trainer .section02 .list-box .list-item .img-box > img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;}
body.trainer .section02 .list-box .list-item .text-box{position: absolute;bottom:22rem;left: 29rem;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: left,bottom,-webkit-transform;transition-property: left,bottom,-webkit-transform;-o-transition-property: left,bottom,transform;transition-property: left,bottom,transform;transition-property: left,bottom,transform,-webkit-transform;z-index: 2;}
body.trainer .section02 .list-box .list-item .text-box h2{font-weight: 700;font-size: 21rem;line-height: 1.38;letter-spacing: -0.01em;color: var(--white);white-space:nowrap;}
body.trainer .section02 .list-box .list-item .text-box p{font-weight: 400;font-size: 16rem;line-height: 1.38;letter-spacing: -0.01em;color: var(--white);white-space:nowrap;}
body.trainer .section02 .list-box .list-item:hover .text-box{left: 50%;bottom:50%;-webkit-transform: translate(-50%,50%);-ms-transform: translate(-50%,50%);transform: translate(-50%,50%)}
body.trainer .section02 .list-box .list-item:hover:not(.noimg)::before{opacity: 1;}
body.trainer .section02 .list-box .list-item:hover .img-box > img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


body.directions .navigation{margin-top: 31rem;}
body.directions .section01{padding-top: 73rem;}
body.directions .section01 .title-box{}
body.directions .section01 .title-box h2{font-weight: 700;font-size: 45rem;line-height: 1.18;letter-spacing: -0.01em;color: var(--gray01);}
body.directions .section01 .gym-box{font-weight: 400;font-size: 22rem;line-height: 2.41;letter-spacing: -0.01em;color: var(--gray01);margin-top: 92rem;}
body.directions .section01 .gym-box .gym-name{font-weight: 700;font-size: 35rem;line-height: 1.51;letter-spacing: -0.01em;color: var(--keycolor);margin-right: 10rem;}
body.directions .section01 .info-box{display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 52rem;}
body.directions .section01 .info-box h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 85rem;height:36rem;background-color: var(--keycolor);font-weight: 400;font-size: 14rem;line-height: 1.42857143;color: var(--white);}
body.directions .section01 .info-box ul{margin-top: 16rem;position: relative;}
body.directions .section01 .info-box ul::after{content:'';display:block;width:1px;height:80%;top:50%;left:85rem;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;background-color: var(--color02);}
body.directions .section01 .info-box ul span {font-weight: 400;font-size: 16rem;line-height: 2.19;letter-spacing: -0.01em;color: var(--gray01);}
body.directions .section01 .info-box ul span.t-box{width: 85rem;display: inline-block; }
body.directions .section01 .info-box ul span.v-box{margin-left: 22rem;}
body.directions .map-section{padding-top: 70rem;padding-bottom: 210rem;}
body.directions .map-section #map {width: 100%;height: 385rem;}

body.program .navigation{margin-top: 31rem;}
body.program .section01{padding-top: 73rem;}
body.program .section01 .title-box{}
body.program .section01 .title-box h2{font-weight: 700;font-size: 45rem;line-height: 1.18;letter-spacing: -0.01em;color: var(--gray01);}
body.program .tab-box{margin-top: 31rem;}
body.program .top-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 100%;height: 350rem;background-size: cover;background-position: center;background-repeat: no-repeat;margin-top: 73rem;}
body.program .top-box .text-box{font-weight: 700;font-size: 40rem;line-height: 1.4;text-align: center;letter-spacing: -0.01em;color: var(--white);}
body.program .content-section{padding-top: 100rem;padding-bottom: 172rem;}
body.program .content-section .title-box{text-align: center;}
body.program .content-section .title-box .gym-name{font-weight: 400;font-size: 18rem;line-height: 1.44444444;letter-spacing: -0.01em;color: var(--keycolor);}
body.program .content-section .title-box h2{font-weight: 500;font-size: 42rem;line-height: 2.05;text-align: center;letter-spacing: -0.04em;color: var(--color06);margin-top: 24rem;}
body.program .content-section .title-box h2 em{font-weight: 900;font-size: 60rem;}
body.program .content-section .title-box h2 .color{color: var(--keycolor)}
body.program .content-section .title-box p{font-weight: 500;font-size: 16rem;line-height: 1.4375;text-align: center;color: var(--color09);margin-top: 16rem;}
body.program .content-section .list-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 69rem;}
body.program .content-section .list-box .list-item{width: calc((100% - 72rem) / 4);min-height: 120rem;padding:43rem 14rem;text-align: center;background: var(--white);border:1px solid var(--color08);border-radius: 20rem;}
body.program .content-section .list-box.col-5 .list-item{width: calc((100% - 96rem) / 5);}
body.program .content-section .list-box .list-item h2{font-weight: 700;font-size: 25rem;line-height: 1.44;color: var(--gray01);}
body.program .content-section .list-box .list-item p{font-weight: 400;font-size: 17rem;line-height: 1.47058824;text-align: center;color: var(--color07);margin-top: 8rem;}
body.program .content-section .list-box .list-item:nth-of-type(2n){border:1px solid var(--gray05);}
body.program .content-section .list-img{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 69rem;}
body.program .content-section .list-img .img-item{width: calc((100% - 27rem) / 2);overflow: hidden;border-radius: 20rem;}
body.program .content-section .list-img .img-item img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}

body.program .spinning .top-box{background-image: url("../images/default/spinning-top-bg.png");}
body.program .yoga .top-box{background-image: url("../images/default/yoga-top-bg.png");}
body.program .gx .top-box{background-image: url("../images/default/gx-top-bg.png");}
body.program .pt .top-box{background-image: url("../images/default/pt-top-bg.png");}

body.company .section01{padding-top: 73rem;}
body.company .section01 .title-box{}
body.company .section01 .title-box h2{font-weight: 700;font-size: 45rem;line-height: 1.18;letter-spacing: -0.01em;color: var(--gray01);}
body.company .content-section{margin-bottom: 265rem;}
body.company .content-section .list-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-top: 69rem;-ms-flex-wrap: wrap;flex-wrap: wrap;}
body.company .content-section .list-box .list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: calc((100% - 60rem) / 4);height: 150rem;border:1px solid var(--gray05);border-radius: 20rem;margin-right: 20rem;margin-top: 20rem;overflow: hidden;}
body.company .content-section .list-box .list-item:nth-of-type(4n){margin-right: 0;}
body.company .content-section .list-box .list-item .img-box{height: auto;width: 160rem;}

body.board .navigation{margin-top: 31rem;}
body.board .section01{padding-top: 73rem;}
body.board .section01 .title-box{}
body.board .section01 .title-box h2{font-weight: 700;font-size: 45rem;line-height: 1.18;letter-spacing: -0.01em;color: var(--gray01);}
body.board .tab-box{margin-top: 61rem;}
body.board .content-section{padding-top:60rem;padding-bottom: 180rem;}

body.board .board-content .board-list{width: 100%;}
body.board .board-content .board-list .filter-box{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-bottom: 16rem;}
body.board .board-content .board-list .filter-box .search-box{width: 250rem;height: 42rem;position: relative;}
body.board .board-content .board-list .filter-box .search-box input[type='text']{width: 100%;height: 100%;background: var(--white);border: 1px solid var(--gray03);border-radius: 2rem;padding:10rem 48rem 10rem 16rem;font-size: 15rem;}
body.board .board-content .board-list .filter-box .search-box .search-button{width: 20rem;height: 20rem;background-image: url("../images/icons/icon-search.svg");background-size: cover;position: absolute;right: 16rem;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
body.board .board-content .board-list.list-style table{width: 100%; border-collapse: collapse;border-top: 1px solid var(--color10);table-layout: fixed;}
body.board .board-content .board-list.list-style table th,
body.board .board-content .board-list.list-style table td{height: 46rem;font-weight: 400;font-size: 15rem;line-height: 1;color: var(--color10);text-align: center;vertical-align:middle;border-bottom: 1px solid var(--gray05);-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
body.board .board-content .board-list.list-style table td.a-left{text-align: left;}
body.board .board-content .board-list.list-style table .w-100{width: 100rem;}
body.board .board-content .board-list.list-style table .w-200{width: 200rem;}
body.board .board-content .board-list.list-style table td a {display:block;width:100%;color: var(--color10);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color;-o-transition-property: color;transition-property: color;}


body.board .board-content .board-list.thumbnail-style .list-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
body.board .board-content .board-list.thumbnail-style .list-box .list-item{width: calc((100%  - 60rem) / 4);margin-right: 20rem;}
body.board .board-content .board-list.thumbnail-style .list-box .list-item:nth-of-type(4n){margin-right: 0;}
body.board .board-content .board-list.thumbnail-style .list-box .list-item:nth-of-type(n + 5){margin-top: 20rem;}
body.board .board-content .board-list.thumbnail-style .list-box .list-item .text-box h2 {display:-webkit-box;display:-ms-flexbox;display:flex;font-weight: 400;font-size: 15rem;line-height: 3.27;color: var(--color10);margin-top: 7rem;}
body.board .board-content .board-list.thumbnail-style .list-box .list-item .text-box h2 .category{color: var(--keycolor);margin-right: 13rem;-webkit-box-flex: 0;-ms-flex: none;flex: none;}
body.board .board-content .board-list.thumbnail-style .list-box .list-item .text-box h2 .title{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

body.board .board-content .button-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding:13rem 0;}
body.board .board-content .button {padding: 10rem 30rem;min-width: 100rem;height: 42rem;background-color:var(--white);border: 1px solid var(--keycolor);color: var(--keycolor);font-weight: 400;font-size: 15rem;line-height: 1.46666667;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: background-color,color;-o-transition-property: background-color,color;transition-property: background-color,color;}

body.board .board-content.no-list{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 100rem 0;}
body.board .board-content.no-list .board-list {display: none;}
body.board .board-content.no-list::before{content:'게시물이 없습니다';background-image: url("../images/icons/icon-nolist.svg");background-size: 100rem 100rem;background-repeat: no-repeat;background-position: center top;display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 40rem;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;width: 100%;height: 100rem;font-weight: 400;font-size: 17rem;line-height: 3.12;text-align: center;letter-spacing: -0.01em;color: var(--gray01);}

body.board .content-section .detail-box{}
body.board .content-section .detail-box .title-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid var(--color10);padding-bottom: 9rem;}
body.board .content-section .detail-box .title-box h2{font-weight: 400;font-size: 19rem;line-height: 2.58;letter-spacing: -0.01em;color: var(--color10);}
body.board .content-section .detail-box .title-box .category{font-weight: 400;font-size: 15rem;line-height: 2.58;text-align: right;letter-spacing: -0.01em;color: var(--gray04);}
body.board .content-section .detail-box .info-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;border-bottom: 1px solid var(--gray04);}
body.board .content-section .detail-box .author-info{font-weight: 400;font-size: 14rem;line-height: 3.5;letter-spacing: -0.01em;color: var(--gray03);}
body.board .content-section .detail-box .author-info span{margin-right: 30rem;}
body.board .content-section .detail-box .author-info span:last-of-type{margin-right: 0;}
body.board .content-section .detail-box .config-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
body.board .content-section .detail-box .config-box .button{background-repeat:no-repeat;background-position:center;background-size:cover;margin-right: 16rem;}
body.board .content-section .detail-box .config-box .modify-button{background-image: url("../images/icons/icon-modify.svg");width: 21rem;height: 21rem;}
body.board .content-section .detail-box .config-box .delete-button{background-image: url("../images/icons/icon-delete.svg");width: 20rem;height: 20rem;}

body.board .content-section .detail-box .content-box{padding:36rem 0;font-weight: 400;font-size: 14rem;line-height: 1.57;letter-spacing: -0.01em;color: var(--color10);}
body.board .content-section .detail-box .content-box img{max-width: 100%;}
body.board .content-section .detail-box .comments-box{}
body.board .content-section .detail-box .next-content{width: 100%;height: 50rem;border-bottom: 1px solid var(--gray04);margin-top: 27rem;}
body.board .content-section .detail-box .next-content a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-weight: 400;font-size: 15rem;line-height: 3.27;letter-spacing: -0.01em;color: var(--color10);}
body.board .content-section .detail-box .next-content a::before{content:'';display:inline-block;width: 40rem;height: 100%;background-image: url("../images/icons/icon-down.svg");background-size: 20rem 20rem;background-repeat: no-repeat;background-position: center;}

body.board .content-section .writing-box{border-top: 1px solid var(--color10);padding:25rem 0 ;}
body.board .content-section .writing-box .button-box{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}

/*첨부 파일*/
body.board .content-section .files-box{margin-top: 26rem;padding-bottom: 30rem;border-bottom: 1px solid var(--color10)}
body.board .content-section .files-box .files-list{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
body.board .content-section .files-box .files-list .file-item{width: 150rem;height: 150rem;position: relative;margin-right: 10rem;margin-top: 10rem;}
body.board .content-section .files-box .files-list .file-item .img-box{width: 100%;height: 100%;overflow: hidden;border-radius: 5rem;border: 1px solid var(--gray05);}
body.board .content-section .files-box .files-list .file-item:last-of-type{margin-right: 0;}
body.board .content-section .files-box .files-list .file-item .config-box{position: absolute;width: 100%;height: 100%;left: 0%;top:0%}
body.board .content-section .files-box .files-list .file-item .config-box input[type=radio]{display: none;}
body.board .content-section .files-box .files-list .file-item .config-box .major{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position: absolute;width: 76rem;height: 27rem;left: 10rem;top: 10rem;background-color: var(--gray01);color:var(--white);opacity: .2;cursor: pointer;}
body.board .content-section .files-box .files-list .file-item .config-box .major::before{content:'';width: 9rem;height: 9rem;background-image: url("../images/icons/icon-check.svg");background-size:cover;display: inline-block;margin-right: 2rem;}
body.board .content-section .files-box .files-list .file-item .config-box input[type=radio]:checked+.major{opacity: 1;}
body.board .content-section .files-box .files-list .file-item .config-box .config-button{display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;bottom: 7rem;right: 7rem;}
body.board .content-section .files-box .files-list .file-item .config-box .config-button .button{display: -webkit-box;display: -ms-flexbox;display: flex;width: 36rem;height: 36rem;background-color: var(--white);border: 1px solid var(--gray04);border-radius: 100%;margin-left: 4rem;background-repeat:no-repeat;background-position:center;background-size:20rem 20rem;}
body.board .content-section .files-box .files-list .file-item .config-box .config-button .modify-button{background-image: url("../images/icons/icon-modify.svg");}
body.board .content-section .files-box .files-list .file-item .config-box .config-button .delete-button{background-image: url("../images/icons/icon-delete.svg");}

body.board .content-section .files-box .files-list .file-item .add-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 100%;height: 100%;border-radius: 5rem;border: 1px solid var(--gray05);}
body.board .content-section .files-box .files-list .file-item .add-button::before{content:'';display:block;background-image: url("../images/icons/icon-add.svg");background-size: 100% 100%;width: 40rem;height: 40rem;background-position: center;background-repeat: no-repeat;}
body.board .content-section .files-box .files-list .file-item .add-button::after{content:'사진첨부';display:block;font-weight: 400;font-size: 14rem;line-height: 1;color: var(--gray04);margin-top: 15rem;}


/*입력폼*/
body.board .content-section .form-box .row-box{display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 9rem;}
body.board .content-section .form-box .row-box:first-of-type{margin-top: 0;}
body.board .content-section .form-box .input-box{width:150rem;margin-right: 11rem;position: relative;}
body.board .content-section .form-box .input-box.full{width: 100%;}
body.board .content-section .form-box .input-box:last-of-type{margin-right: 0;}
body.board .content-section .form-box .input-box input[type=text],
body.board .content-section .form-box .input-box input[type=password]{width: 100%;height: 45rem;border: 1px solid var(--gray05);border-radius: 5rem;padding:0 16rem;font-weight: 400;font-size: 15rem;line-height: 1;color: var(--color10);}
body.board .content-section .form-box .input-box textarea{width: 100%;height: 140rem;border: 1px solid var(--gray05);border-radius: 5rem;padding:16rem;font-weight: 400;font-size: 15rem;line-height: 1;color: var(--color10);}
body.board .content-section .form-box .input-box textarea::-webkit-input-placeholder, body.board .content-section .form-box .input-box input::-webkit-input-placeholder{color: var(--gray05);}
body.board .content-section .form-box .input-box textarea::-moz-placeholder, body.board .content-section .form-box .input-box input::-moz-placeholder{color: var(--gray05);}
body.board .content-section .form-box .input-box textarea:-ms-input-placeholder, body.board .content-section .form-box .input-box input:-ms-input-placeholder{color: var(--gray05);}
body.board .content-section .form-box .input-box textarea::-ms-input-placeholder, body.board .content-section .form-box .input-box input::-ms-input-placeholder{color: var(--gray05);}
body.board .content-section .form-box .input-box textarea::placeholder,
body.board .content-section .form-box .input-box input::placeholder{color: var(--gray05);}
body.board .content-section .form-box .input-box .submit-button{position: absolute;width: 63rem;height: 33rem;background-color: var(--keycolor);bottom:16rem;right: 16rem;font-weight: 400;font-size: 12rem;color: var(--white);}

/*버튼*/
body.board .content-section .button-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top: 16rem;}
body.board .content-section .button-box .button {display:-webkit-box;display:-ms-flexbox;display:flex;padding: 10rem 30rem;min-width: 100rem;height: 42rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background: var(--white);border: 1px solid var(--gray03);font-weight: 400;font-size: 15rem;line-height: 22rem;color: var(--gray01);-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: color,background-color;-o-transition-property: color,background-color;transition-property: color,background-color;margin-right: 7rem;}
body.board .content-section .button-box .button:last-of-type{margin-right: 0;}



@media screen and (max-width: 750px) {
    html {font-size: 0.266667vw}
    .container {padding: 0 16rem;}
    .dim{display: block;}
    header {height: 60rem;}
    header .sns-box{margin:70px;}
    header .logo-box {width: 142rem;margin: 0 auto;}
    header .menu-close-button{display: block;background-image: url("../images/icons/icon-menu-close.svg");width: 30rem;height: 30rem;background-size: 20rem 20rem;background-repeat: no-repeat;background-position: center;position: absolute;right: 4rem;top:10rem;}
    header .menu-button{display: block;background-image: url("../images/icons/icon-menu.svg");width: 30rem;height: 30rem;background-size: 18rem 14rem;background-repeat: no-repeat;background-position: center;position: absolute;right: 4rem;top:15rem;}
    header .container nav {position: fixed;width: 290rem;height: 100%;background-color: var(--white);right: 0;top: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);z-index: 1;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;z-index: 4;}
    header .container nav .menu {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 60rem;}
    header .container nav .menu .menu-item {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;width: 100%;min-height: 54rem;height: auto;padding: 0;border-bottom: 1px solid var(--gray05);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

    header .container nav .menu .menu-item a{width:100%;height: 54rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 20rem;position: relative;}
    header .container nav .menu .menu-item > a::after{content:'';background-image: url("../images/icons/icon-arrow-bottom.svg");    background-size: cover;width: 26rem;height: 26rem;display: block;position: absolute;right: 20rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
    header .container nav .menu .submenu {position: static;-webkit-transform: none;-ms-transform: none;transform: none;height: 0;overflow: hidden;}
    header .container nav .menu .submenu .submenu-item {padding: 10rem 10rem;}
    header .container nav .menu .menu-item.open > a{background-color: var(--keycolor);color:var(--white);}
    header .container nav .menu .menu-item.open .submenu{height: auto;opacity: 1;pointer-events: auto;}
    header .container nav .menu .menu-item.open > a::after{background-image: url("../images/icons/icon-arrow-up.svg");}

    body.menuOpen{height: 100%;overflow: hidden;}
    body.menuOpen .dim{opacity: 1;pointer-events: auto;}
    body.menuOpen header .container nav {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

/*    body.index .video-section {width: 100%;height: 223rem;}*/

/*    body.index .section01 {padding: 47rem 0;}*/
    body.index .section01 .top-box {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
    body.index .section01 .title-box h3 {font-size: 15rem;text-align: center;}
    body.index .section01 .title-box h2 {font-size: 26rem;text-align: center;}
    body.index .section01 .more-button{display: none;}
    body.index .section01 .list-box {margin-top: 45rem;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    body.index .section01 .list-box .list-item {width: calc((100% - 16rem) /2);}
    body.index .section01 .list-box .list-item:nth-of-type( n + 3) {margin-top: 16rem;}
    body.index .section01 .list-box .list-item .img-box {width: 100%;height: 109rem;border-radius: 10rem;}
    body.index .section01 .list-box .list-item .text-box {margin-top: 15rem;}
    body.index .section01 .list-box .list-item .text-box h4 {font-size: 15rem;}
    body.index .section01 .list-box .list-item .text-box p {font-size: 13rem;margin-top: 7rem;word-break: keep-all;}
    body.index .section01 .list-box .list-item .text-box p br{display: none;}

    body.index .section02 {background-image: none;width: 100%;height: auto;}
    body.index .section02 .container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    body.index .section02 .text-box{width: calc(100% + 36rem);padding:80rem 70rem 70rem;background: #292929;}
    body.index .section02 .text-box h2 {font-size: 30rem;text-align: center;}
    body.index .section02 .text-box p {font-size: 18rem;text-align: center;}
    body.index .section02 .img-box {width: calc(100% + 36rem);height: auto;}
    body.index .section02 .img-box img {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}



    body.index .section03 {padding: 55rem 0 85rem;}
    body.index .section03 .list-box .list-item{width: calc((100% - 9rem) / 2);padding:0 14rem;height: 83rem;}
    body.index .section03 .list-box .list-item:nth-of-type(n+3){margin-top: 10rem;}
    body.index .section03 .list-box .list-item .icon-box {width: 38rem;height: 28rem;margin-right: 10rem;}
    body.index .section03 .list-box .list-item .text-box h2 {font-size: 13rem;}
    body.index .section03 .list-box .list-item .text-box .sub-text {font-size: 10rem;}
    body.index .section03 .list-box .list-item.reservation .text-box h2 {color: var(--white);}
    body.index .section03 .list-box .list-item.reservation .text-box .sub-text {color: var(--color02);}
    body.index .section03 .list-box .list-item.reservation .icon-box{background-image: url("../images/icons/icon-08.on.svg");}
    body.index .section03 .list-box .list-item.reservation{background: var(--keycolor);}

    body.about .section01 {padding-top: 59rem;}
    body.about .section01 .img-box {width: 100%;height: auto;padding:0 33rem;}
    body.about .section01 .text-box {margin-top: 28rem;}
    body.about .section01 .text-box h2 {font-size: 20rem;}
    body.about .section01 .text-box p {font-size: 15rem;margin-top: 12rem;padding:0 30rem;}
    body.about .section02 {padding-top: 92rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    body.about .section02 .left-box {width: 100%;}
    body.about .section02 .left-box .img-box {width: calc(100% - 36rem);height: auto;}
    body.about .section02 .right-box .text-box{text-align: center;}
    body.about .section02 .right-box {width: 100%;padding: 0 16rem;margin-top: 103rem;}
    body.about .section03 {padding: 92rem 0 85rem;}
    body.about .section03 .title-box h2 {font-size: 18rem;}
    body.about .section03 .list-box .list-item .img-box {height: 84rem;}

    body.trainer .section01 {background-image: url(../images/default/trainer-banner-mobile.png);height: 380rem;}
    body.trainer .section01 .container {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    body.trainer .section01 .text-box {font-size: 25rem;text-align: center;}
    body.trainer .section02 {padding-top: 50rem;padding-bottom: 85rem;}
    body.trainer .section02 .title-box h2 {font-size: 25rem;}
    body.trainer .section02 .list-box {margin-top: 50rem;}
    body.trainer .section02 .list-box .list-item {width: 100%;margin-right: 0;margin-top: 16rem;}
    body.trainer .section02 .list-box .list-item .img-box {height: 376rem;}
    body.trainer .section02 .list-box .list-item:first-of-type{margin-top: 0;}

    body.directions .section01 {padding-top: 14rem;}
    body.directions .section01 .title-box h2 {font-size: 26rem;}
    body.directions .section01 .gym-box {font-size: 16rem;margin-top: 52rem;}
    body.directions .section01 .gym-box .gym-name {font-size: 23rem;margin-right: 10rem;}
    body.directions .section01 .info-box {margin-top: 42rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    body.directions .section01 .info-box .time-box{margin-top: 39rem;}
    body.directions .map-section {padding-top: 44rem;padding-bottom: 92rem;}


    .tab-box {margin-top: 23rem;width: 100%;overflow-x: auto;display: -webkit-box;padding-bottom: 10rem;}
    .tab-box .tab-item {height: 30rem;padding: 5rem 14rem;border-radius: 40rem;font-size: 14rem;margin-right: 5rem;}

    body.program .section01 {padding-top: 14rem;}
    body.program .section01 .title-box h2{font-size: 26rem;}
    body.program .top-box{height: 220rem;}
    body.program .top-box .text-box {font-size: 25rem;}
    body.program .content-section {padding-top: 34rem;padding-bottom: 85rem;}
    body.program .content-section .title-box h2 {font-size: 19rem;margin-top: 12rem;}
    body.program .content-section .title-box h2 em {font-size: 23rem;}
    body.program .content-section .title-box p {font-size: 14rem;letter-spacing: -0.01em;}
    body.program .content-section .title-box p br{display: none;}
    body.program .content-section .list-box {margin-top: 34rem;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    body.program .content-section .list-box.col-5 .list-item {width: calc((100% - 12rem) / 2);margin-top: 0rem}
    body.program .content-section .list-box.col-5 .list-item:last-of-type{width: 100%;}
    body.program .content-section .list-box.col-5 .list-item:nth-of-type(n + 3) {margin-top: 10rem;}
    body.program .content-section .list-box .list-item {width: 100%;min-height: auto;padding: 16rem 14rem;border-radius: 10rem;margin-top: 10rem;}
    body.program .content-section .list-box.col-5 .list-item:nth-of-type(1) {border: 1px solid var(--keycolor);}
    body.program .content-section .list-box.col-5 .list-item:nth-of-type(2) {border: 1px solid var(--gray05);}
    body.program .content-section .list-box.col-5 .list-item:nth-of-type(3) {border: 1px solid var(--gray05);}
    body.program .content-section .list-box.col-5 .list-item:nth-of-type(4) {border: 1px solid var(--keycolor);}
    body.program .content-section .list-box.col-5 .list-item:nth-of-type(5) {border: 1px solid var(--keycolor);}
    body.program .content-section .list-box .list-item:first-of-type{margin-top: 0;}
    body.program .content-section .list-box .list-item h2 {font-size: 20rem;}
    body.program .content-section .list-box .list-item p {font-size: 14rem;}
    body.program .content-section .list-img {margin-top: 34rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    body.program .content-section .list-img .img-item {width: 100%;height:240rem;border-radius: 10rem;}
    body.program .content-section .list-img .img-item:nth-of-type(n + 2){margin-top: 10rem;}


    body.board .section01 {padding-top: 14rem;}
    body.board .section01 .title-box h2 {font-size: 26rem;}
    body.board .content-section {padding-top: 13rem;padding-bottom: 85rem;}
    body.board .board-content .board-list .filter-box .search-box {width: 100%;height: 50rem;}
    body.board .board-content .board-list .filter-box .search-box input[type='text'] {font-size: 17rem;}
    body.board .board-content .board-list.list-style table .m-hidden{display: none;}
    body.board .board-content .board-list.list-style table .w-200 {width: 70rem;}
    body.board .board-content .board-list.thumbnail-style .list-box {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    body.board .board-content .board-list.thumbnail-style .list-box .list-item {width: calc((100% - 10rem) / 2);margin-right: 0;}
    body.board .board-content .board-list.thumbnail-style .list-box .list-item:nth-of-type(n + 3) {margin-top: 20rem;}
    body.board .board-content .board-list.thumbnail-style .list-box .list-item .text-box h2 {font-size: 16rem;line-height: 1.45;margin-top: 7rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    body.board .board-content .board-list.thumbnail-style .list-box .list-item .text-box h2 .category {margin-right: 0;font-size: 14rem;}
    body.board .content-section .detail-box .title-box h2 {font-size: 17rem;}
    body.board .content-section .detail-box .title-box .category {display: none;}
    body.board .content-section .detail-box .content-box {padding: 23rem 0;}
    body.board .content-section .form-box .input-box .submit-button {width: 88rem;height: 42rem;font-size: 15rem;}
    body.board .content-section .button-box .button {width: 100%;height: 50rem;font-size: 15rem;margin-right: 0;}
    body.board .content-section .button-box .button.color{background-color: var(--keycolor);color: var(--white);}
    body.board .content-section .button-box.col-2{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    body.board .content-section .button-box.col-2 .button {width: calc((100% - 7rem) /2);}

    body.board .content-section .writing-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    body.board .content-section .writing-box .writing-info {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
    body.board .content-section .writing-box .files-box {margin-top: 0;padding: 17rem 0;-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
    body.board .content-section .writing-box .button-box {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}

    body.board .content-section .files-box .files-list .file-item{width: 82rem;height: 125rem;margin-right: 3rem;margin-top: 0;}
    body.board .content-section .files-box .files-list .file-item:nth-of-type(n + 5){margin-top: 10rem;}
    body.board .content-section .files-box .files-list .file-item .img-box{width: 82rem;height: 82rem;}
    body.board .content-section .files-box .files-list .file-item .config-box .major {width: calc(100% - 10rem);height: 22rem;left: 5rem;top: 5rem;font-size: 10rem;}
    body.board .content-section .files-box .files-list .file-item .config-box .config-button {bottom: 0;right: 0;width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    body.board .content-section .files-box .files-list .file-item .add-button::before {width: 20rem;height: 20rem;}
    body.board .content-section .files-box .files-list .file-item .add-button::after {margin-top: 10rem;}
    body.board .content-section .files-box .files-list .file-item .config-box .config-button .button {margin-left: 0;}
    body.board .content-section .files-box .files-list .file-item .add-button{width: 82rem;height: 82rem}

    body.company .section01 {padding-top: 14rem;}
    body.company .section01 .title-box h2 {font-size: 26rem;}
    body.company .content-section {margin-bottom: 90rem;}
    body.company .content-section .list-box {margin-top: 42rem;}
    body.company .content-section .list-box .list-item {width: calc((100% - 30rem) / 4);height: 54rem;border-radius: 10rem;margin-right: 10rem;margin-top: 10rem;}
    body.company .content-section .list-box .list-item .img-box {width: 66rem;}



    footer {padding: 50rem 0 16rem;}
    footer .container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    footer address {width: 100%;}
    footer .info-text {width: 100%;margin-top: 26rem;}
    footer .mobile-only{display: block;height: 0;overflow: hidden;}

}

@media screen and (min-width: 751px) {
    header .container nav .menu .menu-item:hover > a {color: var(--keycolor);}
    header .container nav .menu .submenu .submenu-item a:hover{color: var(--keycolor);}
    header .container nav .menu .menu-item:hover .submenu{opacity: 1;pointer-events: auto;}

    body.index .section03 .list-box .list-item:nth-of-type(1):hover .icon-box{background-image: url("../images/icons/icon-01.on.svg");}
    body.index .section03 .list-box .list-item:nth-of-type(2):hover .icon-box{background-image: url("../images/icons/icon-03.on.svg");}
    body.index .section03 .list-box .list-item:nth-of-type(3):hover .icon-box{background-image: url("../images/icons/icon-07.on.svg");}
    body.index .section03 .list-box .list-item:nth-of-type(4):hover .icon-box{background-image: url("../images/icons/icon-06.on.svg");}
/*    body.index .section03 .list-box .list-item:nth-of-type(5):hover .icon-box{background-image: url("../images/icons/icon-05.on.svg");}*/
/*    body.index .section03 .list-box .list-item:nth-of-type(6):hover .icon-box{background-image: url("../images/icons/icon-06.on.svg");}*/
/*    body.index .section03 .list-box .list-item:nth-of-type(7):hover .icon-box{background-image: url("../images/icons/icon-07.on.svg");}*/
/*    body.index .section03 .list-box .list-item:nth-of-type(8):hover .icon-box{background-image: url("../images/icons/icon-08.on.svg");}*/
    body.index .section03 .list-box .list-item:hover{background: var(--keycolor);}
    body.index .section03 .list-box .list-item:hover .text-box h2{color: var(--white);}
    body.index .section03 .list-box .list-item:hover .text-box .sub-text{color: var(--color02);}
    body.index .section03 .list-box .list-item.reservation:hover{background: var(--keycolor);}

    body.board .content-section .button-box .button:hover{color: var(--white);background-color: var(--keycolor)}
    body.board .board-content .button:hover{background-color:var(--keycolor);color: var(--white);}
    body.board .board-content .board-list.list-style table td a:hover{color: var(--keycolor);}

}


@media screen and (min-width: 350px) {
    body.index .section03 .list-box .list-item:nth-of-type(1):hover .icon-box{background-image: url("../images/icons/icon-01.on.svg");}
    body.index .section03 .list-box .list-item:nth-of-type(2):hover .icon-box{background-image: url("../images/icons/icon-03.on.svg");}
    body.index .section03 .list-box .list-item:nth-of-type(3):hover .icon-box{background-image: url("../images/icons/icon-07.on.svg");}
    body.index .section03 .list-box .list-item:nth-of-type(4):hover .icon-box{background-image: url("../images/icons/icon-06.on.svg");}
    body.index .section03 .list-box .list-item:hover{background: var(--keycolor);}
    body.index .section03 .list-box .list-item:hover .text-box h2{color: var(--white);}
    body.index .section03 .list-box .list-item:hover .text-box .sub-text{color: var(--color02);}
}