@import"https://fonts.googleapis.com/earlyaccess/notosanskr.css";
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 #hambuger {
     width: 25px;
     height: 18px;
     position: relative;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer
 }

 #hambuger span {
     display: block;
     position: absolute;
     height: 2px;
     width: 100%;
     background: #a99d8f;
     border-radius: 2px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out
 }

 #hambuger span:nth-child(1) {
     top: 0px
 }

 #hambuger span:nth-child(2),
 #hambuger span:nth-child(3) {
     top: 8px
 }

 #hambuger span:nth-child(4) {
     top: 16px
 }

 #hambuger.open span:nth-child(1) {
     top: 8px;
     width: 0%;
     left: 50%
 }

 #hambuger.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg)
 }

 #hambuger.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg)
 }

 #hambuger.open span:nth-child(4) {
     top: 8px;
     width: 0%;
     left: 50%
 }

 .upBtn,
 .downBtn {
     display: flex;
     width: 40px;
     height: 40px;
     position: absolute;
     right: 0;
     z-index: 10;
     background-color: #000;
     border: 0;
     align-items: center;
     justify-content: center;
     color: #fff
 }

 .upBtn.swiper-button-disabled,
 .downBtn.swiper-button-disabled {
     opacity: .5
 }

 .upBtn:hover,
 .downBtn:hover {
     opacity: .7
 }

 .upBtn {
     top: 0;
     border-radius: 15px 15px 0 0
 }

 .upBtn::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -917px -627px;
     width: 16px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .downBtn {
     bottom: 0;
     border-radius: 0 0 15px 15px
 }

 .downBtn::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -942px -902px;
     width: 16px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .picto-util {
     display: flex;
     align-items: center;
     background-color: #fff;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 1px 1px 15px #ccc;
     position: relative;
     z-index: 10
 }

 .picto-util .links {
     display: flex;
     justify-items: center;
     align-items: center
 }

 .picto-util .links .ico {
     text-align: center;
     position: relative;
     color: #555;
     width: 135px
 }

 .picto-util .links .ico::after {
     content: "";
     display: block;
     width: 1px;
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     background-color: #e8e8e8
 }

 .picto-util .links .ico span {
     display: block;
     height: 54px
 }

 .picto-util .links .ico span::before {
     content: ""
 }

 .picto-util .links .ico.n1 span::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -585px;
     width: 34px;
     height: 33px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .picto-util .links .ico.n2 span::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -797px;
     width: 32px;
     height: 32px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .picto-util .links .ico.n3 span::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -953px;
     width: 30px;
     height: 28px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .picto-util .links .ico.n4 span::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -1041px;
     width: 46px;
     height: 41px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .picto-util .links .cs-center {
     font-size: 12px;
     margin-left: 30px
 }

 .picto-util .links .cs-center .cs {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -974px;
     width: 83px;
     height: 34px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-right: 19px
 }

 .picto-util .links .cs-center strong {
     display: block;
     font-size: 35px;
     margin-bottom: 15px
 }

 .picto-util .links .cs-center .ico-notice {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -118px -1177px;
     width: 17px;
     height: 17px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle
 }

 .card-mdc {
     width: 450px;
     height: 300px;
     border: solid 1px #e8e8e8;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 1px 1px 15px #ddd;
     position: relative
 }

 .card-mdc .label {
     display: inline-block;
     padding: 5px;
     border: solid 1px #a99d8f;
     border-radius: 25px;
     display: inline-block;
     height: 23px;
     line-height: 23px;
     padding: 0 10px;
     box-sizing: inherit
 }

 .card-mdc .wrap {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     display: flex;
     text-align: left;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: 220px;
     z-index: 10
 }

 .card-mdc .small {
     font-size: 12px;
     text-transform: initial;
     font-weight: 300;
     line-height: 20px
 }

 .card-mdc h5 {
     padding: 10px 0;
     font-size: 25px;
     line-height: 1.3;
     font-weight: normal;
     color: #333;
     letter-spacing: -1px
 }

 .card-mdc .fs22 {
     font-size: 22px
 }

 .card-mdc .plus {
     width: 34px;
     height: 34px;
     text-align: center;
     background-color: #a99d8f;
     position: absolute;
     right: 20px;
     bottom: 20px;
     border-radius: 100%
 }

 .card-mdc .plus::before {
     content: "+";
     color: #fff;
     font-size: 30px;
     font-weight: 300
 }

 .card-mdc .sub-tit {
     width: 80%;
     margin-bottom: 13px;
     line-height: 1.3;
     color: #555
 }

 .card-mdc .parag {
     line-height: 1.4;
     max-width: 150px;
     font-weight: 300;
     letter-spacing: -1px
 }

 .card-mdc h6 {
     font-size: 15px
 }

 .card-mdc p {
     font-size: 15px;
     color: #555;
     line-height: 1.5;
     letter-spacing: -1px;
     margin-bottom: 25px
 }

 .card-mdc p strong {
     color: #a99d8f
 }

 .card-mdc .link {
     color: #555;
     letter-spacing: -0.05em
 }

 .card-mdc .link::after {
     content: "";
     margin-left: 10px;
     position: relative;
     top: 2px;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -192px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-imgs-title .ir-opening {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -576px -974px;
     width: 110px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-imgs-title .ir-class {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -920px -1028px;
     width: 76px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-imgs-title .ir-notice {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -809px -1028px;
     width: 91px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-imgs-title .ir-interview {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -234px -933px;
     width: 137px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-imgs-title .ir-review {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -697px -1028px;
     width: 92px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-imgs-title .name {
     color: #909090;
     margin-right: 15px;
     font-size: 15px;
     font-weight: normal
 }

 .text-imgs-title .name::before {
     content: "";
     display: inline-block;
     width: 1px;
     height: 12px;
     background-color: #d3d3d3;
     margin: 0 10px
 }

 .bg-tit {
     text-align: center
 }

 .bg-tit .wrap {
     position: relative;
     display: inline-block
 }

 .bg-tit .wrap::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -139px -1106px;
     width: 45px;
     height: 41px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     position: relative;
     margin-left: -20px;
     z-index: -1
 }

 .bg-tit .streview {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -225px;
     width: 226px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .bg-tit .photostory {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -438px -502px;
     width: 190px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .bg-tit strong {
     font-size: 28px;
     color: #333
 }

 .sub-tit-page {
     text-align: center;
     margin: 50px 0
 }

 .sub-tit-page .head {
     width: 100%;
     margin: 0 auto;
     font-size: 28px
 }

 .sub-tit-page .thin {
     font-weight: 300
 }

 .sub-tit-page .pagename {
     vertical-align: middle;
     margin-right: 17px
 }

 .sub-tit-page .text-employment {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -767px -813px;
     width: 165px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

/* 온라인 결제 타이틀 */
 .sub-tit-page .online_payment {
    vertical-align: middle;
    margin-right: 17px;
    

}

/* 온라인 결제 타이틀 02 */
/* .sub-tit-page .text-employment {
    background: none;
    background-image: url(/images/imgs/sprite.png);
    background-position: -767px -813px;
    width: 165px;
    height: 11px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
} */

 .sub-tit-page .text-support-system {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -379px -596px;
     width: 225px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .text-safe-system {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -448px -902px;
     width: 159px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .text-why-first {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -627px -902px;
     width: 138px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .text-firstfit {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -391px -933px;
     width: 123px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .text-support01 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -638px -627px;
     width: 224px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .text-cunsulting {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -86px -902px;
     width: 162px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .brand {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -190px -773px;
     width: 178px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .intro_ci {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -333px -627px;
     width: 285px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .intro_teacher {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -534px -933px;
     width: 123px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .intro_facilttes {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -785px -853px;
     width: 140px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .intro_partnership {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -410px -853px;
     width: 172px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .intro_location {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -800px -698px;
     width: 127px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-tit-page .parag {
     line-height: 1.3;
     margin-top: 20px
 }

 .address-copy {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -103px -974px;
     width: 86px;
     height: 28px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     border: 0;
     vertical-align: middle
 }

 .select {
     height: 43px;
     border: solid 1px #a99d8f;
     color: #a99d8f;
     border-radius: 5px;
     min-width: 124px;
     font-size: 15px
 }

 #check-h {
     margin-left: 35px;
 }

 .check {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -584px -1106px;
     width: 18px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     appearance: none;
     position: relative;
     top: -1px
 }

 .check:checked {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -546px -1106px;
     width: 18px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 label {
     cursor: pointer
 }

 ::placeholder {
     color: #aaa
 }

 .field {
     height: 45px;
     border: solid 1px #e8e8e8;
     border-radius: 5px;
     padding: 0 20px;
     font-size: 15px
 }

 .tbs1 {
     border-top: solid 1px #a99d8f;
     width: 100%;
     border-collapse: collapse
 }

 .tbs1 th,
 .tbs1 td {
     height: 55px;
     border-bottom: solid 1px #e8e8e8
 }

 .tbs1 tbody th {
     background-color: #f5f5f5
 }

 .tbs1 tbody td {
     text-align: left
 }

 .tbs1 thead th {
     color: #8e8072
 }

 .moreview {
     text-align: center
 }

 .moreview a {
     display: inline-flex;
     height: 28px;
     border: solid 1px #a99d8f;
     justify-content: center;
     align-items: center;
     border-radius: 28px;
     width: 125px;
     margin: 45px 0 80px;
     font-size: 13px;
     color: #a99d8f
 }

 .step-type {
     width: 1410px;
     margin: 60px auto 50px;
     height: 242px;
     background: url("/images/imgs/cunsulting/visual-context3.jpg");
     display: flex
 }

 .step-type li {
     width: 234px;
     padding-top: 163px
 }

 .step-type li strong {
     font-size: 18px;
     text-align: center;
     display: block
 }

 .step-type li p {
     margin-top: 10px;
     line-height: 1.4;
     text-align: center
 }

 .step-type+.join {
     display: block;
     width: 200px;
     height: 45px;
     border: 10px;
     color: #fff;
     background: #8e8072;
     font-weight: 500;
     margin: 0 auto;
     text-align: center;
     border-radius: 10px;
     line-height: 45px
 }

 .step-wrap {
     width: 690px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     padding-bottom: 70px;
     position: relative
 }

 .step-wrap::before {
     content: "";
     width: 90%;
     left: 5%;
     position: absolute;
     top: 47px;
     height: 1px;
     display: block;
     background: #d4cec7
 }

 .step-wrap .step-items {
     width: 100px;
     justify-content: center
 }

 .step-wrap .name {
     display: block;
     text-align: center;
     font-size: 18px;
     margin: 8px 0 13px
 }

 .step-wrap .parag {
     width: 200px;
     text-align: center;
     margin-left: -50px;
     line-height: 1.3
 }

 .step-wrap .picto {
     width: 100px;
     height: 100px;
     background: #eeebe9;
     display: block;
     border-radius: 100%;
     display: flex;
     position: relative;
     z-index: 3;
     justify-content: center;
     align-items: center
 }

 .step-wrap .picto::before {
     content: ""
 }

 .step-wrap .step-items.n1 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -262px -1106px;
     width: 38px;
     height: 38px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .step-wrap .step-items.n2 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -60px -1177px;
     width: 38px;
     height: 31px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .step-wrap .step-items.n3 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -320px -1106px;
     width: 38px;
     height: 38px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .step-wrap .step-items.n4 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -308px;
     width: 37px;
     height: 37px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .step-wrap .steps {
     margin-top: 12px;
     display: block;
     text-align: center;
     color: #a99d8f;
     font-weight: 300
 }

 .paging {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row
 }

 .paging a {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     border: solid 1px #ccc;
     width: 27px;
     height: 27px;
     color: #ccc;
     margin: 0 5px
 }

 .paging a:active,
 .paging a:visited {
     color: #ccc
 }

 .paging a:hover,
 .paging .current,
 .paging .current:active,
 .paging .current:visited {
     border: solid 1px #a99d8f;
     color: #a99d8f
 }

 .paging .first {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -225px;
     width: 11px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .paging .prev {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -456px;
     width: 6px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .paging .next {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -486px;
     width: 6px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .paging .last {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -255px;
     width: 11px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .bbs-search {
     border-bottom: solid 1px #a99d8f;
     width: 300px;
     margin: 0 auto;
     font-size: 0
 }

 .bbs-search .field {
     height: 40px;
     border: none;
     width: 260px;
     background: none
 }

 .bbs-search .btn {
     width: 40px;
     height: 40px;
     border: 0;
     background: none
 }

 .btn-list {
     margin: 25px 0 100px;
     text-align: right
 }

 .btn-list a {
     display: inline-block;
     border: solid 1px #e8e8e8;
     width: 95px;
     height: 55px;
     text-align: center;
     line-height: 55px;
     border-radius: 8px;
     color: #909090
 }

 .btn-list a .ico-hamberger2 {
     position: relative;
     top: 2px;
     margin-right: 10px
 }

 .bbs-view {
     width: 1170px;
     margin: 0 auto;
     border-top: solid 1px #a99d8f
 }

 .bbs-view .head {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin: 19px 0
 }

 .bbs-view .head h3 {
     font-size: 18px;
     font-weight: normal
 }

 .bbs-view .head h3 .area {
     color: #a99d8f
 }

 .bbs-view .head h3 .area::after {
     content: "";
     display: inline-block;
     width: 1px;
     height: 15px;
     background-color: #dcdcdc;
     margin: 0 10px;
     position: relative;
     top: 1px
 }

 .bbs-view .head .options {
     color: #999;
     font-size: 12px;
     margin: 17px 0 0 0;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row
 }

 .bbs-view .head .options .ico-bbs-view-time {
     margin-right: 5px
 }

 .bbs-view .head .options .ico-bbs-view-eye {
     margin: 0 5px 0 10px
 }

 .bbs-view .rec-options {
     border-bottom: solid 1px #e8e8e8
 }

 .bbs-view .rec-options .cell {
     border-top: solid 1px #e8e8e8;
     display: flex;
     justify-content: space-between
 }

 .bbs-view .rec-options .items {
     padding: 20px 0;
     flex-basis: 20%
 }

 .bbs-view .rec-options .items.fullwidth {
     flex-basis: 100%
 }

 .bbs-view .rec-options .items strong {
     display: block;
     color: #a99d8f;
     margin-top: 10px
 }

 .bbs-view .rec-options .items em {
     display: block;
     margin-top: 10px;
     font-style: normal
 }

 .bbs-view .rec-options .items span {
     margin-right: 5px;
     position: relative;
     top: 2px
 }

 .bbs-view .sub-tit {
     color: #a99d8f;
     font-size: 18px;
     padding: 40px 0 14px
 }

 .bbs-view .view-context {
     border-top: solid 1px #a99d8f;
     white-space: pre-wrap;
     line-height: 1.5;
     border-bottom: solid 1px #e8e8e8
 }

 .radio-wrap {
     display: flex;
     justify-content: space-between;
     margin: 15px 0
 }

 .radio-wrap input:checked+label {
     border-color: #a99d8f;
     color: #a99d8f
 }

 .program#diploma-pilates-context .tbl-wrap .online-form .radio-wrap label {
     width: 159px;
 }

 .radio-wrap label {
     border: solid 2px #e5e5e5;
     width: 112px;
     height: 41px;
     display: block;
     text-align: center;
     line-height: 38px;
     border-radius: 7px;
     color: #aaa;
     font-weight: bold
 }

 .radio-wrap input {
     position: absolute;
     left: -999em
 }

 .ico-bbs-view-time {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -99px;
     width: 12px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view-eye {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -315px;
     width: 13px;
     height: 8px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-recruit {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -836px -974px;
     width: 106px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-search-small {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -228px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view01 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -480px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view02 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -620px -1177px;
     width: 14px;
     height: 14px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view03 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -264px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view04 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px 0px;
     width: 13px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view05 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -300px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view06 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -770px -1106px;
     width: 16px;
     height: 13px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view07 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -155px -1177px;
     width: 17px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view08 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -131px;
     width: 11px;
     height: 13px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view09 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -336px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view10 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -515px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view11 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -700px -1106px;
     width: 15px;
     height: 14px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view12 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -735px -1106px;
     width: 15px;
     height: 14px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view13 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -806px -1106px;
     width: 17px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-bbs-view14 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -372px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-hamberger2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -464px -450px;
     width: 20px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-recruitment {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -388px -773px;
     width: 176px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-calendar3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -897px -265px;
     width: 20px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-interview2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -785px -902px;
     width: 137px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-review2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -585px -1028px;
     width: 92px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-photostory {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -743px -738px;
     width: 179px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-bbs {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -588px -698px;
     width: 192px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-inquiry2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -452px -974px;
     width: 104px;
     height: 13px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-close-small {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -343px;
     width: 10px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-phone {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -408px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-home-outline {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -664px -1106px;
     width: 16px;
     height: 14px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-0723-00 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -488px -739px;
     width: 53px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-0723-01 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -219px -658px;
     width: 132px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-0723-01 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -249px;
     width: 61px;
     height: 59px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-0723-02 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -378px -738px;
     width: 92px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-0723-02 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -393px -1028px;
     width: 59px;
     height: 33px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-0723-03 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -565px -738px;
     width: 85px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-0723-03 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -798px;
     width: 59px;
     height: 56px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-ico01 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -541px;
     width: 55px;
     height: 55px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-ico02 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -616px;
     width: 55px;
     height: 55px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-ico03 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -691px;
     width: 55px;
     height: 55px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-btn-icon1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -904px;
     width: 29px;
     height: 29px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-btn-icon2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -1001px;
     width: 28px;
     height: 28px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-btn-icon3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -1091px;
     width: 26px;
     height: 24px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-subtit1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -706px -974px;
     width: 110px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-pt01 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -405px -243px;
     width: 96px;
     height: 96px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-pt02 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -116px -370px;
     width: 96px;
     height: 96px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-pt03 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -232px -370px;
     width: 96px;
     height: 96px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-pt04 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -348px -370px;
     width: 96px;
     height: 96px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-pt05 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -535px 0px;
     width: 96px;
     height: 96px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-pt06 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -535px -116px;
     width: 96px;
     height: 96px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-pt07 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -535px -232px;
     width: 96px;
     height: 96px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-student-review {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -447px -658px;
     width: 222px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-jobinfo {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -677px -933px;
     width: 121px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-target {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -472px -1028px;
     width: 93px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .diploma-ico04 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -766px;
     width: 55px;
     height: 55px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .ico-0723-04 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -816px;
     width: 39px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-0723-04 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -658px;
     width: 199px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-term {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -116px -336px;
     width: 248px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-privacy {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -689px -658px;
     width: 218px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-email {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -596px;
     width: 359px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-cost {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -627px;
     width: 313px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .text-chair {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -86px -933px;
     width: 128px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .br {
     display: block
 }

 select {
     background: none
 }

 .custom-mdc.mdc-touch-target-wrapper {
     display: block
 }

 .custom-mdc.mdc-touch-target-wrapper .mdc-button {
     height: inherit
 }

 .custom-mdc.mdc-touch-target-wrapper .mdc-button--touch {
     margin: 0
 }

 .custom-mdc.mdc-touch-target-wrapper .mdc-button {
     padding: 0
 }

 .mdc-dialog-scroll-lock {
     overflow: visible !important
 }

 .mdc-dialog {
     z-index: 100 !important
 }

 body {
     font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
     font-size: 15px;
     color: #555;
     /* min-width: 1900px; */
     overflow-x: hidden;
 }

 #wrap {
     width: 100%;
     overflow: hidden;
 }

 ul,
 li {
     list-style: none
 }

 a,
 a:hover,
 a:active,
 a:visited {
     color: #666;
     text-decoration: none
 }

 button {
     cursor: pointer
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     line-height: 1;
     font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif
 }

 .home-ck-wrap {
     position: relative;
     overflow: hidden
 }

 .home-ck-wrap input {
     position: absolute;
     left: -999em
 }

 .home-ck-wrap label::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -585px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-right: 5px;
     margin-left: 10px
 }

 .home-ck-wrap input:checked+label::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -550px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #pop-privacy {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 300;
     background-color: rgba(0, 0, 0, .9);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     display: none;
     z-index: 100
 }

 #pop-privacy .wrapper {
     width: calc(100% - 30px);
     max-width: 600px;
     height: 500px;
     background-color: #fff;
     border-radius: 10px;
     padding: 20px;
     position: relative
 }

 #pop-privacy .tit {
     padding-bottom: 25px;
     font-weight: 500
 }

 #pop-privacy .context {
     white-space: pre;
     background-color: #f5f5f5;
     border-radius: 10px;
     padding: 10px;
     height: 360px;
     line-height: 1.4;
     overflow: auto
 }

 #pop-privacy .agree {
     background-color: #a99d8f;
     line-height: 40px;
     color: #fff;
     text-align: center;
     width: 100%;
     border: 0;
     border-radius: 5px;
     margin-top: 20px
 }

 #pop-privacy .close {
     position: absolute;
     right: 20px;
     top: 15px;
     width: 30px;
     line-height: 30px;
     font-size: 18px;
     color: #a99d8f;
     background-color: #f5f5f5;
     border: 0;
     border-radius: 5px;
     font-family: arial
 }

 #quick-context-wrap {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: rgba(0, 0, 0, .5);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     z-index: 100;
     display: none
 }

 #quick-context-wrap.active {
     display: flex
 }

 .contact-form.quick-context {
     padding: 20px 30px 5px 30px;
     width: 1410px;
     height: auto;
     box-shadow: 0 0 15px #272424
 }

 .contact-form.quick-context .item-wrap {
     display: flex;
     justify-content: space-between
 }

 .contact-form.quick-context .item-wrap .item {
     flex-direction: column;
     padding: 0;
     flex-basis: 100%;
     margin-right: 20px;
     border: 0
 }

 .contact-form.quick-context .item-wrap .select {
     margin: 14px 0;
     border-color: #e8e8e8
 }

 .contact-form.quick-context .item-wrap .private {
     flex-basis: 300px;
     flex-shrink: 0
 }

 .contact-form.quick-context .item-wrap .private .submit {
     width: 100%;
     height: 43px;
     margin: 0;
     margin-top: 11px
 }

 .card-items {
     display: flex
 }

 .card-items li {
     position: relative;
     display: flex;
     width: 35.5%;
     height: 300px;
     border-radius: 10px;
     overflow: hidden;
     margin-right: 30px
 }



 .card-items li:nth-child(4n) {
     margin-right: 0
 }

 .card-items .info {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 75px;
     background-color: #0000009c;
     color: #fff;
     padding: 0 20px
 }

 .card-items .info .ell {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     word-wrap: break-word;
     -webkit-line-clamp: 2;
     line-height: 1.4;
     margin-bottom: 5px
 }

 .card-items .info .date {
     font-size: 12px;
     color: #ccc
 }

 .card-items .info .date::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -67px;
     width: 12px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 3px;
     vertical-align: middle
 }

 .card-items .info-interview {
     padding-top: 15px
 }

 .card-items .info-interview .subj {
     color: #333;
     font-weight: 500
 }

 .card-items .info-interview .color {
     color: #a99d8f
 }

 .card-items .info-interview .color::after {
     content: "";
     width: 1px;
     height: 10px;
     display: inline-block;
     background-color: #a99d8f;
     margin: 0 5px
 }

 .card-items .info-interview .date {
     display: block;
     margin-top: 10px;
     font-size: 12px;
     color: #999
 }

 .card-items .info-interview .date::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -99px;
     width: 12px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 5px;
     vertical-align: middle
 }

 #subNavi .swiper-slide {
     width: auto
 }

 #indigator {
     height: 35px;
     overflow: hidden;
     width: 100%;
     margin: 0 auto
 }

 #indigator .ico-home {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -195px;
     width: 11px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #indigator .nav {
     float: left;
     padding-left: 30px;
     display: flex;
     align-items: center;
     height: 35px;
     font-size: 12px
 }

 #indigator .nav .ico-home {
     margin-right: 5px
 }

 #indigator .nav .home {
     color: #a99d8f;
     margin: 0 9px 0 0
 }

 #indigator .link {
     font-size: 12px;
     position: relative;
     display: inline-block;
     margin: 0 10px;
     height: 35px;
     line-height: 35px
 }

 #indigator .link::before {
     content: "/";
     position: absolute;
     left: -13px;
     color: #e3e3e3
 }

 #indigator .menu {
     float: right;
     font-size: 0
 }

 #indigator .menu .tel {
     font-size: 12px;
     color: #a99d8f;
     display: inline-block;
     height: 23px;
     line-height: 23px;
     border-radius: 13px;
     box-sizing: initial;
     border: solid 1px #a99d8f;
     padding: 0 10px
 }

 #indigator .menu .last {
     margin-right: 30px
 }

 #indigator .menu .fir::before {
     display: none
 }

 .sub-header #header .depth1 a {
     color: #fff
 }

 #header {
     border-top: solid 1px #f1eee8;
     border-bottom: solid 1px #f1eee8
 }

 #header .depth1 .swiper-wrapper {
     align-items: center;
     justify-content: center;
 }

 #header .depth1 .swiper-wrapper .swiper-slide {
     width: auto;
     height: auto;
     margin: 0 50px;
     text-align: center;
     line-height: 1.3
 }

 #header .active {
     position: relative;
     color: #ccb7a0 !important;
     font-weight: 500
 }

 #header .close {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -503px -1106px;
     width: 23px;
     height: 23px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #header .wrap {
     width: 100%;
     position: relative;
     margin: 0 auto
 }

 #header .depth1 {
     overflow: hidden;
     width: 100%;
 }

 #header .depth1 .logo-wrap {
     float: left;
     display: flex;
     align-items: center;
     padding-left: 30px;
     height: 75px
 }

 #header .depth1 .logo {
     background: none;
     background-image: url(/images/main/pet_logo2.png);
     
     width: 199px;
     height: 34px;
 }

 #header .depth2 {
     position: absolute;
     width: 100%;
     height: 250px;
     opacity: 0;
     z-index: 1000;
     margin-top: -5px;
     background-color: #fff
 }

  #header .depth2.init {
     opacity: 1;
     display: none
 }

 #header .depth2 .banner {
     position: absolute;
     left: 30px;
     top: 30px;
     height: 290px;
     border-radius: 20px;
     overflow: hidden
 }

 #header .depth2 .banner .swiper-pagination-bullet-active {
     background-color: #a99d8f
 }

 #header .depth2 .menu-wrap {
     /* padding-top: 30px; */
     align-items: flex-start;
     width: 100%;
     margin: 0 auto;
     
     margin-left: 443px;
 }

 #header .depth2 .menu-wrap .items {
     display: flex;
     align-items: center;
     flex-direction: column;
     white-space: nowrap;
     margin: 0;
     text-align: center;
     line-height: 1.2;
     margin-right: -20px;
 }

 #header .depth2 .menu-wrap .items .ico {
     margin-bottom: 15px
 }

 #header .depth2 .menu-wrap .n6-1 .ico {
     margin-bottom: 13px
 }

 #header .depth2 .menu-wrap .items a {
     display: block;
     padding: 5px;
 }

 #header .depth2 .menu-wrap .n6-1 a {
     line-height: 1.4;
 }

 #header .depth2 .menu-wrap .n1 {
     width: 183px;
 }

 #header .depth2 .menu-wrap .n2 {
     width: 270px;
 }

 #header .depth2 .menu-wrap .n3 {
     width: 182px;
 }

 #header .depth2 .menu-wrap .n4 {
     width: 229px;
 }

 #header .depth2 .menu-wrap .n5 {
     width: 180px;
 }

 #header .depth2 .menu-wrap .n6 {
    width: 215px;
}

 #header .depth2 .menu-wrap .n7 {
     width: 152px;

 }

 #header .depth2 .menu-wrap .n8 {
    width: 182px;

}

 /* #header .depth2 .menu-wrap .n6-1 {
     width: 200px;
 } */

 /* #header .depth2 .menu-wrap .n7 {
     width: 136px;
 } */

 /* #header .depth2 .menu-wrap .n7 {
    width: 136px;
} */

 /* #header .depth2 .menu-wrap .n8 {
     width: 152.5px;
 } */

 /* #header .depth2 .menu-wrap .n8 {
    width: 136px;
} */

 /* #header .depth2 .menu-wrap .n9 {
     width: 136px;
 } */

 /* #header .depth2 .menu-wrap .n10 {
     width: 136px;
 } */

 #header .depth2 .menu-wrap::after {
     content: "";
     display: block;
     clear: both
 }

 #header .depth2 .n1 .ico {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -323px -812px;
     width: 67px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #header .depth2 .n2 .ico {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -1113px -895px;
     width: 44px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #header .depth2 .n3 .ico {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -1167px 4px;
     width: 77px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #header .depth2 .n4 .ico {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -1113px -1103px;
     width: 44px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 /* #header .depth2 .n5 .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -449px;
     width: 52px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 } */

 #header .depth2 .n5 .ico {
    background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: 0px -736px;
     width: 75px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 /* #header .depth2 .n6 .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -736px;
     width: 75px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 } */

 #header .depth2 .n6 .ico {
    background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -1113px -302px;
     width: 53px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
}

 #header .depth2 .n6-1 .ico {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -1020px -1025px;
     width: 75px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 /* #header .depth2 .n7 .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -72px;
     width: 52px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 } */

 #header .depth2 .n7 .ico {
    background: none;
    /* background-image: url(/images/imgs/sprite.png); */
    background-position: -95px -735px;
    width: 75px;
    height: 57px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
}

 /* #header .depth2 .n8 .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -302px;
     width: 53px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 } */

 #header .depth2 .n8 .ico {
    background: none;
    /* background-image: url(/images/imgs/sprite.png); */
    background-position: -1113px -227px;
    width: 48px;
    height: 57px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
}

 #header .depth2 .n9 .ico {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -95px -735px;
     width: 75px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #header .depth2 .n10 .ico {
     background: none;
     /* background-image: url(/images/imgs/sprite.png); */
     background-position: -1113px -227px;
     width: 48px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #header .depth2 .close {
     border: 0;
     right: 30px;
     position: absolute;
     top: -50px
 }

 #header .menu-wrap {
     /* float: right; */
     display: flex;
     align-items: center;
     height: 75px;
     margin-right: 77px;
     /* width: 1292.110px; */
 }


 #header .menu-wrap .items {
     margin: 0 35px;
     color: #333
 }

 .bannerMain {
     height: 850px;
     cursor: grab;
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
 }

 .bannerMain .liner::before {
     left: 0;
     content: "";
     position: absolute;
     width: 1px;
     height: 100%;
     z-index: 10;
     top: 0;
     display: block;
     background-color: #fff
 }

 .bannerMain .liner::after {
     right: 0;
     content: "";
     position: absolute;
     width: 1px;
     height: 100%;
     z-index: 10;
     top: 0;
     display: block;
     background-color: #fff
 }

 .bannerMain .mdc-touch-target-wrapper {
     width: 639px;
     overflow: hidden
 }

 .bannerMain .mdc-button__label {
     position: relative;
     z-index: -1
 }

 .bannerMain .mdc-button--touch {
     margin: 0
 }

 .bannerMain .mdc-button {
     height: inherit;
     padding: 0
 }

 .bannerMain .swiper-button-prev {
     color: #fff;
     left: 30px
 }

 .bannerMain .swiper-button-next {
     color: #fff;
     right: 30px
 }

 .bannerMain .swiper-slide {
     object-fit: cover
 }

 .bannerMain .mdc-button__label a {
     display: block
 }

 .bannerMain img {
     height: 100%
 }

 .bannerMain video {
     height: 100%
 }

 .bannerMain .mdc-touch-target-wrapper {
     position: relative;
     height: 850px;
     display: block
 }

 .bannerMain .mdc-touch-target-wrapper01 {
    position: relative;
    height: 600px;
    display: block
}

 .bannerMain .mdc-touch-target-wrapper::before {
     color: #fff;
     content: "+";
     font-size: 30px;
     z-index: 10;
     position: absolute;
     left: 60px;
     bottom: 95px;
     border: solid 1px #fff;
     display: inline-block;
     height: 34px;
     line-height: 34px;
     line-height: 30px;
     width: 25px;
     border-radius: 34px;
     padding-left: 9px;
     box-sizing: initial;
     transition: all .6s
 }

 .bannerMain .mdc-touch-target-wrapper::after {
     content: "MORE VIEW";
     position: absolute;
     left: 93px;
     color: #fff;
     bottom: 106px;
     opacity: 0;
     transition: all .2s
 }

 .bannerMain .mdc-touch-target-wrapper:hover::before {
     width: 120px
 }

 .bannerMain .mdc-touch-target-wrapper:hover::after {
     opacity: 1
 }

 .bannerMain #nav {
     bottom: -1px;
     height: 9px;
     display: none
 }

 .bannerMain #nav .swiper-pagination-bullet {
     width: inherit;
     border-radius: 0;
     margin: 0;
     background-color: #bababa;
     opacity: 1
 }

 .bannerMain #nav .swiper-pagination-bullet-active {
     background-color: #a99d8f
 }

 .adv_cscenter {
     background-color: #f5f5f5;
     border-bottom: solid 1px #ccc;
     overflow: hidden
 }

 .adv_cscenter .contents {
     display: flex;
     align-items: center;
     width: 1133px;
     margin: 0 auto;
     height: 80px
 }

 .adv_cscenter .contents .opening {
     display: flex;
     align-items: center
 }

 .adv_cscenter .contents .nav {
     display: flex;
     align-items: center;
     margin-left: 36px
 }

 .adv_cscenter .contents .nav a {
     margin-right: 24px
 }

 .adv_cscenter .contents .nav span {
     margin-right: 10px;
     vertical-align: middle
 }

 .adv_cscenter .contents .nav .meet span {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -585px;
     width: 34px;
     height: 33px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .adv_cscenter .contents .nav .search span {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1121px -74px;
     width: 32px;
     height: 32px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .adv_cscenter .contents .nav .calendar span {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1185px 3px;
     width: 36px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .adv_cscenter .contents .tel {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px 0px;
     width: 385px;
     height: 45px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
 }

 .adv_cscenter .contents .tel_new {
     width: 385px;
     height: 45px;
     display: flex;
     align-items: center;
     background-color: white;
     border-radius: 100px;
     border: 1px solid #99999950;
     justify-content: center;
     font-size: 15px;
     background-image: unset;
     letter-spacing: 3.25px;
     color: #999;
     font-family: 'Poppins';
     font-weight: 500;
 }

 .adv_cscenter .contents .tel_new strong {
     color: #a99d8f;
     margin-left: 15px;
     padding-left: 15px;
     position: relative;
     font-size: 20px;
     letter-spacing: 2px;
 }

 .adv_cscenter .contents .tel_new strong:after {
     display: block;
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 1px;
     height: 15px;
     background-color: #d3d3d3;
 }

 .classAndNotice {
     width: 1410px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between
 }

 .classAndNotice .text-imgs-title {
     margin-top: 60px;
     margin-bottom: 15px
 }
 .classAndNotice .text-imgs-title-01 {
    margin-top: 60px;
    margin-bottom: 50px
}

 .classAndNotice .main-notice {
     width: 930px
 }

 .classAndNotice .main-notice .card-items li {
     box-shadow: 1px 1px 10px #ccc;
     margin-right: 15px
 }

 .classAndNotice .main-notice .card-items .info {
     display: none
 }

 .classAndNotice .main-notice .card-items a:hover .info {
     display: flex
 }

 .why-first.yoga .thumb {
     background: url("/images/imgs/yoga/view-shy.jpg")
 }

 .why-first h4 {
     font-size: 28px;
     text-align: center;
     margin-bottom: 40px;
     color: #333
 }

 .why-first h4 span {
     font-weight: 300
 }

 .why-first h4::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -77px -1106px;
     width: 42px;
     height: 48px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     display: block;
     margin: 60px auto 15px
 }

 .why-first .thumb {
     width: 850px;
     background: url("/images/imgs/pilates/view-shy.jpg");
     height: 263px;
     margin: 0 auto
 }

 .why-first .items {
     width: 850px;
     margin: 0 auto 75px;
     display: flex;
     justify-content: space-between
 }

 .why-first .items>div {
     width: 264px;
     text-align: center
 }

 .why-first .items>div strong {
     margin: 15px 0 10px;
     display: block;
     font-size: 18px;
     line-height: 1.3
 }

 .why-first .items>div .parag {
     line-height: 1.3
 }

 .why-first+.student-review .tit-wrap {
     border-top: solid 1px #dcdcdc
 }

 #main-program {
     background: url("/images/main/main_icons_01.png");
     height: 365px;
     width: 1410px;
     margin: 40px auto 0;
     display: flex;
     padding-top: 183px;
     justify-content: space-between
 }

 #main-program li {
     width: 330px;
     text-align: center
 }

 #main-program li a {
     color: #555
 }

 #main-program li strong {
     font-size: 20px
 }

 #main-program .parag {
     line-height: 1.3;
     margin-top: 7px;
     margin-bottom: 13px
 }

 #main-program .ico {
     font-size: 14px
 }

 #main-program .ico::after {
     content: "";
     position: relative;
     top: -1px;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -192px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-left: 6px
 }

 #curriculum {
     background: #f5f5f5
 }

 #curriculum .wrap {
     width: 1410px;
     margin: 0 auto
 }

 #curriculum .tit {
     background: url("/images/main/pet_logo5.png");
     width: 468px;
     height: 191px;
     margin: 0 auto;
     overflow: hidden;
     text-indent: -999em
 }

 #curriculum li {
     display: block;
     margin-bottom: 30px
 }

 #curriculum li.label {
     position: relative
 }

 #curriculum li.label::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -328px;
     width: 57px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     position: absolute;
     right: 20px;
     top: 20px
 }

 #curriculum .card-items {
     flex-wrap: wrap
 }

 #curriculum .card-items .info {
     height: 175px;
     display: block;
     transition: all .4s;
     transform: translate3d(0, 45px, 0)
 }

 #curriculum li:hover .info {
     transform: translate3d(0, 0, 0)
 }

 #curriculum .contents img {
     height: 270px
 }

 #curriculum .contents .info {
     padding-top: 20px;
     background: #fff
 }

 #curriculum .contents .s-tit {
     font-size: 18px;
     color: #333;
     padding: 10px 0
 }

 #curriculum .contents .parag {
     font-size: 15px;
     color: #555;
     line-height: 1.3;
     margin-bottom: 21px
 }

 #curriculum .contents .btn {
     background: #a99d8f;
     margin: 0 -20px;
     display: flex;
     justify-content: center;
     height: 45px;
     align-items: center
 }

 #curriculum .contents .btn a {
     position: relative;
     text-align: center;
     flex-basis: 50%;
     color: #fff
 }

 #curriculum .contents .btn a:first-child::after {
     content: "";
     width: 1px;
     display: block;
     position: absolute;
     height: 25px;
     background: #c0b8ae;
     right: 0;
     top: -5px
 }

 #curriculum .contents li {
     width: 330px;
     height: 400px;
     flex-direction: column
 }

 #curriculum .contents .cate {
     color: #a99d8f;
     font-size: 13px
 }

 #curriculum .contents .btn {
     display: flex
 }

 .calendar-notice {
     display: flex;
     align-items: center;
     width: 480px;
     height: 120px;
     background-color: #cfb9a5
 }

 .calendar-notice a {
     color: #fff
 }

 .calendar-notice::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -1177px;
     width: 40px;
     height: 42px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin: 0 20px 0 30px
 }

 .calendar-notice .name {
     display: block;
     font-size: 20px;
     margin-bottom: 5px
 }

 .calendar-notice .main-calendar {
     height: 80px;
     width: 360px;
     position: relative;
     margin-left: -3px
 }

 .calendar-notice .swiper-slide {
     display: flex;
     align-items: center
 }

 .calendar-notice .upBtn,
 .calendar-notice .downBtn {
     background-color: #e4954b
 }

 .main-BRANCHES {
     width: 100%;
     margin: -60px auto 0;
     background-color: #fff;
     overflow: hidden
 }

 .main-BRANCHES .br {
     margin: 6px 0
 }

 .main-BRANCHES #slider-branches {
     position: relative;
     width: 70%;
     margin: 0;
     float: left;
     margin-right: 80px;
     overflow: hidden;
 }

 .main-BRANCHES .slider-branches-pages {
     position: absolute;
     left: 0;
     bottom: 0
 }

 .main-BRANCHES .slider-branches-pages .dot {
     width: 12px;
     height: 12px;
     overflow: hidden;
     text-indent: -999em;
     margin-right: 9px;
     border: solid 2px #d4cec7;
     background-color: #fff;
     opacity: 1
 }

 .main-BRANCHES .slider-branches-pages .swiper-pagination-bullet-active {
     background-color: #a99d8f;
     border-color: #a99d8f
 }

 .main-BRANCHES .swiper-button-prev,
 .main-BRANCHES .swiper-button-next {
     color: #fff
 }

 .main-BRANCHES .text {
     display: flex;
     flex-direction: column;
     height: 681px;
     position: relative;
     /* margin-right: 50px; */
 }

 .main-BRANCHES .text h5 {
     font-weight: normal;
     margin: 20px 0;
     line-height: 1.3;
     font-size: 28px;
     color: #555
 }

 .main-BRANCHES .text .tit {
     position: relative;
     margin-top: 160px;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -410px -813px;
     width: 143px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     overflow: visible
 }

 .main-BRANCHES .text .tit::before {
     content: "";
     position: absolute;
     width: 120px;
     height: 1px;
     display: block;
     left: -140px;
     top: 10px;
     z-index: 10;
     background-color: #a99d8f
 }

 .main-BRANCHES .text .parag {
     line-height: 1.3
 }

 .main-BRANCHES .text a {
     display: flex;
     height: 28px;
     border: solid 1px #a99d8f;
     justify-content: center;
     align-items: center;
     border-radius: 28px;
     width: 125px;
     margin-top: 55px;
     font-size: 13px;
     color: #a99d8f
 }

 .student-review .contents {
     width: 1410px;
     margin: 0 auto
 }

 .student-review .contents::after {
     content: "";
     clear: both;
     display: block
 }

 .student-review .bg-tit {
     margin: 60px 0 25px
 }

 .student-review .text-imgs-title {
     margin-bottom: 15px
 }

 .student-review .interview {
     float: left
 }

 .student-review .review {
     float: right;
     width: 450px;
     position: relative
 }

 .student-review .review #slider-review {
     height: 360px;
     overflow: hidden;
 }

 .student-review .review .swiper-slide {
     border: solid 1px #e8e8e8;
     border-radius: 10px;
     box-shadow: 1px 1px 10px #efefef
 }

 .student-review .review a {
     display: flex;
     position: relative;
     padding-left: 105px;
     justify-content: center;
     height: 110px;
     flex-direction: column;
     width: 95%;
 }

 .student-review .review .slider-review-prev,
 .student-review .review .slider-review-next {
     width: 30px;
     height: 30px;
     border: solid 1px #e7e3e0;
     border-radius: 100%;
     position: absolute;
     top: -5px;
     text-align: center;
     cursor: pointer;
     line-height: 24px
 }

 .student-review .review .slider-review-next::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1070px -974px;
     width: 16px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .student-review .review .slider-review-next {
     right: 0
 }

 .student-review .review .slider-review-prev {
     right: 35px
 }

 .student-review .review .slider-review-prev::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -978px -902px;
     width: 16px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .student-review .review .name {
     color: #333;
     display: block;
     margin-bottom: 10px
 }

 .student-review .review .parag {
     color: #555;
     line-height: 1.3;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     word-wrap: break-word;
     -webkit-line-clamp: 2;
 }

 .student-review .review .date {
     position: absolute;
     right: 20px;
     top: 22px;
     color: #cdcdcd;
     font-size: 12px;
     font-weight: 300
 }

 .student-review .review .date::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -67px;
     width: 12px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 5px;
     position: relative;
     top: 2px
 }

 .student-review .review .thumb {
     position: absolute;
     left: 20px
 }

 .student-review .review .thumb img {
     display: block;
     width: 65px;
     height: 65px;
     border-radius: 100%
 }

 .student-review .card-mdc {
     height: 360px
 }

 .student-review .card-mdc-wrap {
     display: flex;
     width: 915px;
     justify-content: space-between
 }

 .photo-review .slider-photo-wrap {
     position: relative;
     width: 1410px;
     margin: 0 auto
 }

 .photo-review .swiper-button-prev,
 .photo-review .swiper-button-next {
     color: #a99d8f;
     margin-top: -50px
 }

 .photo-review .swiper-button-prev {
     left: -80px
 }

 .photo-review .swiper-button-next {
     right: -80px
 }

 .photo-review .bg-tit {
     margin: 60px 0 50px
 }

 .photo-review #slider-photo-review {
     width: 1410px;
     margin: 0 auto;
     overflow: hidden;
 }

 .photo-review #slider-photo-review .swiper-slide {
     width: 330px
 }

 .photo-review #slider-photo-review a {
     display: block;
     width: 330px;
     margin-bottom: 3px
 }

 .photo-review #slider-photo-review img {
     display: block;
     border-radius: 15px;
     width: 330px;
     height: 300px;
     box-shadow: 1px 1px 6px #aaa
 }

 .photo-review #slider-photo-review .tit {
     margin: 15px 0 5px;
     color: #333;
     width: 330px;
     line-height: 1.3;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     word-wrap: break-word;
     -webkit-line-clamp: 2
 }

 .photo-review #slider-photo-review .date {
     color: #cdcdcd;
     font-size: 12px;
     font-weight: 300
 }

 .photo-review #slider-photo-review .date::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -67px;
     width: 12px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 5px;
     position: relative;
     top: 2px
 }

 .main-design-banner {
     width: 100%;
     height: 300px;
     margin: 0 auto;
     margin-top: 80px;
     background: url("/images/main/petfooter_02.png") center top
 }

 .main-design-banner img {
     display: none
 }

 .instructor-wrap .bg-tit .wrap {
     margin: 60px 0 30px
 }

 .instructor-wrap .bg-tit .wrap .instructor {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -196px -698px;
     width: 168px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .instructor-wrap .slider-instructor-wrap {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
     position: relative;
     background: url("/images/imgs/slider-instructor-bg.jpg") repeat-x left top
 }

 .instructor-wrap .slider-instructor-wrap .swiper-button-prev,
 .instructor-wrap .slider-instructor-wrap .swiper-button-next {
     color: #a99d8f
 }

 .instructor-wrap .slider-instructor-wrap .swiper-button-next {
     right: 170px
 }

 .instructor-wrap .slider-instructor-wrap .swiper-button-prev {
     left: 170px
 }

 .instructor-wrap #slider-instructor {
     width: 100%;
     overflow: hidden;
     margin: 0 auto
 }

 .main-instagram {
     overflow: hidden
 }

 .main-instagram .thumb {
     width: 100%;
     margin: 0 auto;
     display: flex;
     width: 100%;
     background: #333;
     justify-content: space-around
 }

 .main-instagram .banner {
     background: url("/images/imgs/main-inst-bg.jpg");
     height: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 14px
 }

 .main-instagram h5 {
     font-size: 14px;
     color: #888;
     font-weight: 200
 }

 .main-instagram h5 a {
     color: #888
 }

 .main-instagram h5 span {
     vertical-align: middle;
     margin-right: 14px;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -385px;
     width: 194px;
     height: 23px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #foot-menu {
     width: 100%;
     margin: 0 auto;
     height: 200px;
     overflow: hidden;
     background: url("/images/main/footer_img.png") center top no-repeat;
     box-shadow: inherit;
     /* border-top: solid 1px #dcdcdc; */
     /* border-bottom: solid 1px #dcdcdc; */
 }

 #foot-menu .tit {
     width: 637px;
     float: left;
     font-size: 20px;
     font-weight: normal;
     padding-left: 230px;
     text-indent: -1px
 }

 #foot-menu .tit strong {
     display: block;
     margin-top: 10px
 }

 #foot-menu .wrap {
     width: 1410px;
     margin: 0 auto;
     overflow: hidden
 }

 #foot-menu .contact-edu {
     width: 230px;
     height: 70px;
     background-color: #9e9181;
     border-radius: 7px;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff
 }

 #foot-menu .ico-right {
     position: relative;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -444px -1177px;
     width: 16px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-left: 10px;
     top: 2px
 }

 #footer {
     background-color: #f5f5f5
 }

 #footer .wrap {
     width: 1410px;
     height: 225px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 #footer .company-info {
     font-size: 13px
 }

 #footer .company-info .parag {
     margin: 20px 0;
     line-height: 1.5
 }

 #footer .company-info .copy {
     color: #888
 }

 #footer .sitemap {
     display: flex
 }

 #footer .sitemap li {
     margin: 13px 0;
     width: 190px
 }

 #footer .sitemap .insta a,
 #footer .sitemap .facebook a,
 #footer .sitemap .blog a,
 #footer .sitemap .youtube a,
 #footer .sitemap .kakao a {
     color: #888
 }

 #footer .sitemap .insta a::before {
     content: "";
     margin-right: 10px;
     vertical-align: middle;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -654px -1177px;
     width: 14px;
     height: 14px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #footer .sitemap .facebook a::before {
     content: "";
     margin-right: 10px;
     vertical-align: middle;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -688px -1177px;
     width: 14px;
     height: 14px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #footer .sitemap .youtube a::before {
     content: "";
     margin-right: 10px;
     vertical-align: middle;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -882px -627px;
     width: 15px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #footer .sitemap .kakao a::before {
     content: "";
     margin-right: 10px;
     vertical-align: middle;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -35px;
     width: 13px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #footer .sitemap .blog a::before {
    content: "";
    margin-right: 10px;
    vertical-align: middle;
    background: none;
    background-image: url(/images/imgs/sprite.png);
    background-position: -722px -1177px;
    width: 14px;
    height: 12px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
}

 #footer .logo img {
     /* background: none; */
     /* background-image: url(/images/main/footer_logo.png); */
     /* background-position: 0px -502px; */
     width: 199px;
     /* height: 34px; */
     /* color: transparent; */
     /* font-size: 9px; */
     /* overflow: hidden; */
     /* display: inline-block; */
     /* text-indent: -999em */
 }

 #quick {
     position: fixed;
     right: 30px;
     bottom: 30px;
     z-index: 20
 }

 #quick .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -515px;
     width: 71px;
     height: 78px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .mo-imgs {
     display: none
 }

 .sub-header {
     height: 600px;
     background-size: 1900px 600px
 }

 .sub-header.email {
     background: url("/images/imgs/subvisual/email.jpg") no-repeat center top
 }

 .sub-header.terms {
     background: url("/images/imgs/subvisual/community_etc.jpg") no-repeat center top
 }

 .sub-header.private {
     background: url("/images/imgs/subvisual/community_privacy.jpg") no-repeat center top
 }

 .sub-header.notice {
     background: url("/images/community/COMMUNITY.png") no-repeat center top
 }

 .sub-header.cm-photo {
     background: url("/images/community/COMMUNITY.png") no-repeat center top
 }

 .sub-header.community_reply {
     background: url("/images/community/COMMUNITY.png") no-repeat center top
 }

 .sub-header.recruitment {
     background: url("/images/imgs/subvisual/recruitment.jpg") no-repeat center top
 }

 .sub-header.community {
     background: url("/images/imgs/subvisual/community.jpg") no-repeat center top
 }

 .sub-header.recruit {
     background: url("/images/imgs/subvisual/recruit.jpg") no-repeat center top
 }

 .sub-header.employment {
     background: url("/images/imgs/subvisual/employment.jpg") no-repeat center top
 }

 .sub-header.support_center {
     background: url("/images/imgs/subvisual/support01.jpg") no-repeat center top
 }

 .sub-header.homefit {
     background: url("/images/imgs/subvisual/homefit.jpg") no-repeat center top
 }

 .sub-header.intro {
     background: url("/images/intro/intro_img_w.png") no-repeat center top
 }

 .sub-header.intro_ci {
     background: url("/images/imgs/subvisual/intro_ci.jpg") no-repeat center top
 }

 .sub-header.intro_teacher {
     background: url("/images/intro/intro_img_w.png") no-repeat center top
 }

 .sub-header.intro_facilttes {
     background: url("/images/imgs/subvisual/intro_facilttes.jpg") no-repeat center top
 }

 .sub-header.diploma-pilates {
     background: url("/images/imgs/subvisual/diploma-pilates.jpg") no-repeat center top
 }

 .sub-header.scolicsis {
     background: url("/images/imgs/subvisual/scoliosis_bg.png") no-repeat center top
 }


 .sub-header.pilates-traning {
     background: url("/images/imgs/subvisual/pilates-traning.jpg") no-repeat center top
 }

 .sub-header.pilates-traning-event {
     background: url("/images/imgs/subvisual/pilates-traning_event.jpg") no-repeat center top
 }


 .sub-header.yoga-traning {
     background: url("/images/imgs/subvisual/yoga-traning.jpg") no-repeat center top
 }

 .sub-header.diploma-yoga {
     background: url("/images/imgs/subvisual/diploma-yoga.jpg") no-repeat center top
 }

 .sub-header.intro_partnership {
     background: url("/images/imgs/subvisual/intro_partnership.jpg") no-repeat center top
 }

 .sub-header.intro_location {
     background: url("/images/imgs/subvisual/intro_location.jpg") no-repeat center top
 }

 .sub-header.cunsulting {
     background: url("/images/imgs/subvisual/cunsulting.jpg") no-repeat center top
 }

 .sub-header #header {
     border-top: solid 1px rgba(255, 255, 255, .2);
     border-bottom: solid 1px rgba(255, 255, 255, 0)
 }

 .sub-header #header .depth1 .logo {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -219px -502px;
     width: 199px;
     height: 34px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-header #header .menu-wrap .items {
     color: #fff
 }

 .sub-header #indigator .ico-home {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -285px;
     width: 11px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .sub-header #indigator .nav .home {
     color: #fff
 }

 .sub-header #indigator .link {
     color: #ccc
 }

 .sub-header #indigator .link::before {
     color: #ccc
 }

 .sub-header #indigator .menu .tel {
     color: #fff;
     border: solid 1px #fff
 }

 .sub-navigator {
     display: flex;
     align-items: center;
     justify-content: center;
     border-bottom: solid 1px #e8e8e8
 }

 .sub-navigator a {
     display: block;
     margin: 0 30px;
     font-size: 18px;
     height: 80px;
     line-height: 80px;
     position: relative;
     color: #555
 }

 .sub-navigator .active a::after {
     content: "";
     display: block;
     width: 0%;
     height: 3px;
     position: absolute;
     left: 0;
     bottom: -2px;
     background-color: #a99d8f
 }

 .brand-img01 {
     background: url("/images/intro/intro01.png") no-repeat;
     width: 1410px;
     margin: 0 auto;
     height: 530px
 }

 .brand-img02,
 .brand-img03,
 .brand-img04 {
     width: 100%;
     margin: 0 auto;
     height: 425px
 }

 .brand-img02 {
     background: url("/images/intro/intro02.png") no-repeat
 }

 .brand-img03 {
     background: url("/images/intro/intro03.png") no-repeat;
     margin: 30px auto
 }

 .brand-img04 {
     background: url("/images/intro/intro04.png") no-repeat
 }

 .brand-img05 {
     width: 1410px;
     margin: 0 auto;
     background: url("/images/intro/intro05.png") no-repeat center top;
     padding-top: 400px;
     text-align: center;
     padding-bottom: 80px
 }

 .brand-img05 .adv {
     font-size: 28px;
     font-weight: 300;
     padding-bottom: 25px
 }

 .brand-img05 .parag {
     line-height: 1.4
 }

 .sub-contents-message {
     width: 100%;
     padding: 80px 0;
     text-align: center;
     background-color: #f5f5f5
 }

 .sub-contents-message .logo {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -116px -221px;
     width: 247px;
     height: 41px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle
 }

 .sub-contents-message .div {
     display: inline-block;
     width: 1px;
     height: 30px;
     background-color: #dcdcdc;
     vertical-align: middle;
     margin: 0 30px
 }

 .sub-contents-message .parag {
     display: inline-block;
     text-align: left;
     vertical-align: middle;
     line-height: 1.5;
     color: #909090
 }

 .ci-concept {
     width: 930px;
     margin: 0 auto;
     height: 362px;
     background: url("/images/imgs/intro/ci-mean.jpg");
     padding-left: 430px;
     padding-top: 115px;
     margin-bottom: 60px
 }

 .ci-concept h4 {
     font-size: 28px;
     color: #fff;
     font-weight: 300;
     line-height: 1.3
 }

 .ci-concept .parag {
     color: #ccc;
     padding-top: 15px;
     line-height: 1.5
 }

 .ci-detail {
     background-color: #f5f5f5;
     padding: 30px 0 60px
 }

 .ci-detail .wrap {
     width: 930px;
     margin: 0 auto;
     overflow: hidden
 }

 .ci-detail .wrap .box {
     text-align: center;
     padding-bottom: 38px;
     padding-top: 30px;
     border: solid 1px #e8e8e8;
     border-radius: 10px;
     background: #fff;
     margin: 30px 0
 }

 .ci-detail .wrap .box strong {
     font-size: 18px;
     color: #a99d8f
 }

 .ci-detail .wrap .box .parag {
     padding-top: 10px;
     color: #555;
     line-height: 1.3;
     padding-bottom: 18px
 }

 .ci-detail .wrap .left,
 .ci-detail .wrap .right {
     width: 450px
 }

 .ci-detail .wrap .left {
     float: left
 }

 .ci-detail .wrap .right {
     float: right
 }

 .ci-detail .wrap .full {
     clear: both;
     width: 930px
 }

 .select-wrap {
     text-align: center;
     margin-bottom: 50px
 }

 .select-wrap .select {
     margin: 0 7px
 }

 .teacher-items {
     background: #ffffff;
     padding: 30px 0 50px
 }

 .teacher-items .contents {
     width: 1410px;
     margin: 0 auto;
     flex-wrap: wrap
 }

 .teacher-items li {
     flex-direction: column;
     height: 485px;
     width: 330px;
     overflow: visible
 }

 .teacher-items li a {
     display: block;
     position: relative
 }

 .teacher-items li a::after {
     content: "+";
     width: 34px;
     height: 34px;
     line-height: 34px;
     display: block;
     border-radius: 100%;
     position: absolute;
     right: 0;
     bottom: 3px;
     font-size: 24px;
     color: #a99d8f;
     border: solid 1px #a99d8f;
     text-align: center;
     transition: all 1s
 }

 .teacher-items li a:hover::after {
     background-color: #a99d8f;
     color: #fff
 }

 .teacher-items li .label {
     position: absolute;
     display: inline-block;
     left: 15px;
     top: 15px;
     padding: 7px 8px;
     border: solid 1px #a99d8f;
     color: #a99d8f;
     background: #fff;
     border-radius: 15px;
     text-transform: uppercase
 }

 .teacher-items li img {
     width: 330px;
     height: 370px;
     border-radius: 10px;
     box-shadow: 1px 1px 15px #aaa
 }

 .teacher-items li .teacher-info strong {
     display: block;
     padding: 17px 0 10px;
     font-size: 22px;
     color: #333
 }

 .teacher-items li .teacher-info .cont {
     color: #a99d8f
 }

 .teacher-items li .teacher-info .cont::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -195px;
     width: 11px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
 }

 .teacher-items li .teacher-info .cont .cate {
     color: #555
 }

 .teacher-items li .teacher-info .cont .cate::before {
     content: "|";
     position: relative;
     top: -2px;
     color: #dcdcdc;
     font-size: 11px;
     margin: 0 6px 0 3px
 }

 #teacher-pop .mdc-dialog__surface {
     box-shadow: none
 }

 #teacher-pop .mdc-dialog__surface::before {
     display: none
 }

 #teacher-pop .mdc-dialog__surface {
     width: 690px;
     height: 605px;
     padding: 20px;
     max-width: inherit;
     max-height: inherit;
     background-color: #fff;
     box-shadow: 1px 1px 15px #333;
     border-radius: 10px
 }

 #teacher-pop .contents {
     display: flex
 }

 #teacher-pop .contents .thumb {
     display: flex;
     flex-direction: column;
     position: relative;
     align-items: center;
     object-fit: cover
 }

 #teacher-pop .contents .thumb img {
     width: 100%;
     height: auto
 }

 #teacher-pop .contents .thumb strong {
     margin-top: 30px;
     font-size: 22px
 }

 #teacher-pop .contents .thumb .area {
     margin-top: 10px;
     color: #555
 }

 #teacher-pop .contents .thumb .label {
     display: inline-block;
     height: 25px;
     padding: 0 10px;
     border: solid 1px #a99d8f;
     border-radius: 25px;
     line-height: 21px;
     color: #a99d8f
 }

 #teacher-pop .contents .thumb::before {
     content: "";
     position: absolute;
     width: 100%;
     background: linear-gradient(0deg, white, transparent);
     display: block;
     height: 60px;
     left: 0;
     top: 330px
 }

 #teacher-pop .contents .detail {
     padding-left: 13px
 }

 #teacher-pop .contents .detail h6 {
     font-size: 18px;
     color: #a99d8f;
     margin: 15px 0 15px
 }

 #teacher-pop .contents .detail .link {
     margin: 25px 0 20px
 }

 #teacher-pop .contents .detail .link .label {
     display: inline-block;
     height: 25px;
     padding: 0 10px;
     line-height: 25px;
     background-color: #a99d8f;
     color: #fff;
     border-radius: 25px;
     margin-right: 7px
 }

 #teacher-pop .contents .detail .link .label::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -545px;
     width: 5px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-left: 7px;
     vertical-align: middle
 }

 #teacher-pop .contents .detail .items {
     width: 310px;
     height: 155px;
     padding: 6px 10px 6px 10px;
     background-color: #f5f5f5;
     border-radius: 10px;
     overflow: auto
 }

 #teacher-pop .contents .detail .items li {
     position: relative;
     padding-left: 0px;
     margin: 10px 0
 }

 #teacher-pop .contents .detail .items li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 10px;
     display: inline-block;
     width: 3px;
     height: 3px;
     border-radius: 100%;
     background-color: #a99d8f;
     display: none;
 }

 .card_partnership {
     background-color: #f5f5f5
 }

 .card_partnership .card-items {
     width: 1410px;
     margin: 0 auto;
     padding-top: 30px
 }

 .card_partnership .card-items li {
     flex-direction: column;
     width: 330px;
     height: auto;
     box-shadow: 0 0 15px #ccc
 }

 .card_partnership .card-items li img {
     display: block
 }

 .card_partnership .card-items li .step {
     color: #a99d8f
 }

 .card_partnership .card-items li strong {
     display: block;
     margin: 7px 0 10px
 }

 .card_partnership .card-items li .parag {
     line-height: 1.3;
     color: #555
 }

 .card_partnership .info {
     background-color: #fff;
     color: #333;
     position: relative;
     padding: 20px;
     height: auto
 }

 .interior-slider-wrap {
     width: 1170px;
     margin: 0 auto;
     position: relative;
     overflow: hidden
 }

 .interior-slider-wrap #interior-slider {
     height: 625px
 }

 .interior-slider-wrap #interior-slider img {
     width: 100%;
     height: 625px;
     object-fit: cover
 }

 .interior-slider-wrap .swiper-pagination-bullet {
     opacity: 1;
     margin: 4px !important
 }

 .interior-slider-wrap .swiper-button-next,
 .interior-slider-wrap .swiper-button-prev {
     color: #fff;
     margin-top: -220px
 }

 .interior-slider-wrap .swiper-button-prev {
     margin-left: 20px
 }

 .interior-slider-wrap .swiper-button-next {
     margin-right: 20px
 }

 .interior-slider-pages {
     display: flex;
     flex-wrap: wrap;
     margin: 30px 0 80px 0
 }

 .interior-slider-pages span {
     margin: 0 15px 15px 0;
     width: 222px;
     height: 118px;
     object-fit: cover;
     position: relative
 }

 .interior-slider-pages span.thumb4 {
     margin: 0
 }

 .interior-slider-pages span img {
     border-radius: 10px;
     width: 100%;
     height: 100%
 }

 .interior-slider-pages span::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: #000;
     border-radius: 10px;
     opacity: .4;
     z-index: 3
 }

 .interior-slider-pages span::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     border: solid 1px #000;
     left: 0;
     top: 0;
     box-sizing: border-box;
     border-radius: 10px;
     opacity: .1
 }

 .interior-slider-pages span.swiper-pagination-bullet-active::before {
     opacity: 0
 }

 .patnership-form {
     background-color: #f5f5f5;
     padding: 60px 0 100px 0
 }

 .patnership-form .wrap {
     display: flex;
     width: 1410px;
     margin: 0 auto;
     justify-content: space-between
 }
 .patnership-form .teacher_rec_01 {
    display: flex;
    width: 1410px;
    margin: 0 auto;
    justify-content: center;
}

 .patnership-form .num {
     padding-left: 60px;
     position: relative;
     padding-bottom: 25px;
     border-bottom: solid 1px #e8e8e8;
     margin-bottom: 5px
 }
 .patnership-form .num_011 {
    padding-left: 0px;
    position: relative;
    padding-bottom: 25px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 5px
}
 .patnership-form .num_011 {
    
    position: relative;
    padding-bottom: 25px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 5px
}

 .patnership-form .num::before {
     content: "";
     display: block;
     width: 45px;
     height: 45px;
     text-align: center;
     line-height: 35px;
     font-size: 28px;
     font-weight: bold;
     border: solid 4px #d4cec7;
     position: absolute;
     border-radius: 100%;
     color: #a99d8f;
     left: 0;
     top: 0;
     box-sizing: border-box
 }
 .patnership-form .num_011::before {
   display: none;
}
 

 .patnership-form .step1 {
     height: 403px
 }

 .patnership-form .step1,
 .patnership-form .step2 {
     position: relative;
     padding: 30px;
     background-color: #fff;
     border-radius: 10px;
     border: solid 1px #e8e8e8;
     display: flex;
     flex-direction: column;
     box-shadow: 0 0 15px #ddd
 }
  .patnership-form .step2.firstc_step2{
      position: relative;
    padding: 70px;
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #e8e8e8;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px #ddd;
    width: 50%;
    height: auto;
    margin-top: -50px;
  }
 .patnership-form .step2.firstc_step2 .firstc_step2_1{
 margin-bottom:26px;padding-bottom:20px; border-bottom:2px solid #ccc;}

  .patnership-form .step2.firstc_step2 .firstc_step2_2{
  margin: 34px 0 15px;}
 .patnership-form .step2.firstc_step2 .firstc_step2_3{
  margin: 34px 0 34px;}
.patnership-form label.firstc_step2_3-1, .patnership-form label.firstc_step2_1-1{margin: 15px 19px 0 15px;}

 .patnership-form .step1 .notice,
 .patnership-form .step2 .notice {
     position: absolute;
     bottom: -70px;
     left: 3px
 }

 .patnership-form .step1 .notice p,
 .patnership-form .step2 .notice p {
     white-space: nowrap;
     color: #888;
     margin: 8px 0
 }

 .patnership-form .step1 .notice p::before,
 .patnership-form .step2 .notice p::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -373px;
     width: 9px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 5px
 }

 .patnership-form .step1 h4,
 .patnership-form .step2 h4 {
     font-size: 20px;
     color: #a99d8f;
     padding-bottom: 7px
 }

 .patnership-form .step1 .parag,
 .patnership-form .step2 .parag {
     color: #888
 }

 .patnership-form #cp-text {
     width: 880px;
     height: 230px;
     padding: 20px;
     line-height: 1.5
 }

 .patnership-form .submit {
     width: 300px;
     height: 45px;
     background-color: #a99d8f;
     border: 0;
     font-size: 15px;
     margin: 0 auto;
     display: block;
     color: #fff;
     border-radius: 8px;
     cursor: pointer
 }

 .patnership-form .private {
     text-align: center;
     color: #888;
     font-size: 13px
 }

 .patnership-form .private label {
     margin: 20px 0
 }

 .patnership-form .step1 .num::before {
     content: "1"
 }
 .patnership-form .step1 .num_011::before {
    content: ""
}

 .patnership-form .step2 .num::before {
     content: "2"
 }

 .patnership-form .field {
     width: 370px
 }

 .patnership-form label {
     display: inline-block;
     margin: 15px 0
 }

 .patnership-form .select {
     border-color: #e8e8e8;
     padding: 0 20px;
 }

 .patnership-form .req::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -373px;
     width: 9px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-left: 5px
 }

 .location-contents {
     width: 1170px;
     margin: 50px auto 0
 }

 .location-contents .location-cols1 {
     width: 210px
 }

 .location-contents .map-wrap {
     border-radius: 10px;
     overflow: hidden
 }

 .location-contents .map-wrap #map {
     height: 670px
 }

 .location-contents h4 {
     color: #a99d8f;
     margin: 30px 0 15px;
     font-size: 18px;
     text-align: left;
     font-weight: 500
 }

 .location-contents .tbs1 td {
     padding-left: 30px
 }

 .map-layer-custom {
     background-color: #fff;
     display: flex;
     flex-direction: column;
     padding: 10px;
     border-radius: 5px;
     border: solid 1px #a99d8f;
     font-weight: bold;
     margin: -143px 0 0 -75px;
     box-shadow: 0 0 10px #ccc
 }

 .map-layer-custom .logo {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -116px -282px;
     width: 199px;
     height: 34px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin: 10px 0
 }

 .map-layer-custom .arrow {
     position: absolute;
     bottom: 45px;
     left: 37px;
     width: 0;
     height: 0;
     vertical-align: middle;
     display: inline-block;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-top: 7px solid #a99d8f
 }

 .detail-teacher {
     width: 930px;
     position: relative;
     padding-top: 10px
 }

 .detail-teacher .left {
     position: absolute;
     left: 40px;
     top: 0;
     z-index: 1;
 }

 .detail-teacher .left .parag {
     line-height: 1.4;
     margin-top: 25px
 }

 .detail-teacher .left .text-instructor {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -268px -902px;
     width: 160px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin: 60px 0 27px
 }

 .detail-teacher .left h4 {
     font-size: 28px;
     color: #333
 }

 .detail-teacher .left .moreview {
     text-align: left
 }

 .detail-teacher .left .moreview a {
     margin-top: 35px;
     margin-bottom: 0
 }

 .detail-teacher .right {
     display: flex;
     justify-content: flex-end;
     padding-right: 40px
 }

 .detail-teacher .cc-step {
     clear: both;
     font-size: 0;
     text-align: center;
     position: relative;
     top: -1px
 }

 .detail-teacher .cc-step::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -889px -305px;
     width: 20px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     position: absolute;
     left: 93px;
     top: 84px;
     display: none;
 }

 .detail-teacher .cc-step.step2::before {
     left: 365px
 }

 .detail-teacher .cc-step.step3::before {
     left: 649px
 }

 .detail-teacher .cc-step.step4::before {
     display: none
 }

 .detail-teacher .list {
     width: 850px;
     margin: 20px auto 0
 }

 .detail-teacher .list li {
     display: flex;
     height: 55px;
     align-items: center;
     border-bottom: solid 1px #e5e1dd
 }

 .detail-teacher .list li .n2 {
     width: 205px
 }

 .detail-teacher .list li .text-step01,
 .detail-teacher .list li .text-step02,
 .detail-teacher .list li .text-step03 {
     width: 80px
 }

 .detail-teacher .list li .text-step01::before,
 .detail-teacher .list li .text-step02::before,
 .detail-teacher .list li .text-step03::before {
     content: ""
 }

 .detail-teacher .list li .text-step01::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -882px -345px;
     width: 52px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .detail-teacher .list li .text-step02::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -568px -556px;
     width: 57px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .detail-teacher .list li .text-step03::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -865px -385px;
     width: 57px;
     height: 12px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container {
     background-color: #f5f5f5
 }

 .view-container .contents-wrap {
     padding-top: 60px;
     width: 1410px;
     margin: 0 auto
 }

 .view-container .contents-wrap::after {
     content: "";
     display: block;
     clear: both
 }

 .view-container .contents-wrap .detail div:last-child .n2 .detail-info {
     width: 210px
 }

 .view-container .contents-wrap .detail div:last-child .n2 .detail-info strong {
     margin-bottom: 10px
 }

 .view-container .contents-wrap .detail div:last-child .pico-flower {
     margin-bottom: 70px
 }

 .view-container .contents-wrap .pico-flower {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -598px;
     width: 53px;
     height: 50px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-pri {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -79px -813px;
     width: 62px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-star {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -235px;
     width: 56px;
     height: 56px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-obj {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -167px;
     width: 59px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-detail {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -81px;
     width: 56px;
     height: 66px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-ts {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -149px;
     width: 49px;
     height: 58px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-inbaby {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -739px;
     width: 45px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-kiz {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px 0px;
     width: 54px;
     height: 54px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-human3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px 0px;
     width: 58px;
     height: 56px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-asana {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -311px;
     width: 58px;
     height: 54px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-buta2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -972px;
     width: 47px;
     height: 49px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-ball {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -1106px;
     width: 57px;
     height: 51px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-cy {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -464px -370px;
     width: 50px;
     height: 60px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-ring {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -76px;
     width: 58px;
     height: 55px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-hand2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -379px;
     width: 53px;
     height: 53px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-hand {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -73px;
     width: 34px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-buta {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -526px;
     width: 53px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .yoga-type1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -152px -1028px;
     width: 61px;
     height: 43px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .yoga-type2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -71px -1028px;
     width: 61px;
     height: 48px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .yoga-type3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px 0px;
     width: 61px;
     height: 61px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-doma {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -233px -1028px;
     width: 62px;
     height: 42px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-combi {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -841px;
     width: 58px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-doc {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1113px -668px;
     width: 51px;
     height: 51px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-human {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -566px;
     width: 58px;
     height: 58px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-human2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -458px;
     width: 48px;
     height: 63px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-pilates1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -385px;
     width: 58px;
     height: 53px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-pilates2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -315px -1028px;
     width: 58px;
     height: 38px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pico-pilates3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -913px;
     width: 58px;
     height: 41px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .ico-cont {
     display: flex;
     align-items: center
 }

 .view-container .contents-wrap .ico-cont span+.detail-info {
     margin-left: 15px
 }

 .view-container .contents-wrap .ico-cont .detail-info {
     text-align: left;
     flex-wrap: nowrap;
     line-height: 1.3
 }

 .view-container .contents-wrap .ico-cont .detail-info strong {
     display: block;
     margin-bottom: 5px
 }

 .view-container .contents-wrap .cell {
     overflow: hidden;
     width: 690px;
     margin: 0 auto;
     text-align: left
 }

 .view-container .contents-wrap .cell .n1 {
     float: left
 }

 .view-container .contents-wrap .cell .n2 {
     float: right;
     position: relative
 }

 .view-container .contents-wrap .cell .ico-cont+img,
 .view-container .contents-wrap .cell img+.ico-cont {
     margin-top: 30px
 }

 .view-container .contents-wrap .parag+.cell {
     margin-top: 60px
 }

 .view-container .contents-wrap .parag+.cell+.cell {
     margin-top: 40px
 }

 .view-container .contents-wrap .detail+.job-info {
     margin-top: 80px
 }

 .view-container .contents-wrap .pico-wrap {
     display: flex;
     justify-content: space-between;
     position: absolute;
     bottom: -71px;
     width: 100%;
     align-items: flex-end
 }

 .view-container .contents-wrap .visual {
     position: relative;
     border-radius: 10px 10px 0 0;
     overflow: hidden
 }

 .view-container .contents-wrap .visual .logo {
     position: absolute;
     left: 30px;
     top: 30px;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -1028px;
     width: 51px;
     height: 58px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail {
     text-align: center;
     padding: 60px 0 0 0
 }

 .view-container .contents-wrap .detail .text-ashtanga {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -185px;
     width: 230px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-yoga-level3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -265px;
     width: 226px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-yoga-level2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -305px;
     width: 218px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-yoga-level1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -345px;
     width: 211px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-obj-level3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -295px -556px;
     width: 253px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-obj-level2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -35px;
     width: 245px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-obj-level1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -110px;
     width: 238px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-heal-level3 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px 0px;
     width: 283px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-heal-level2 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -556px;
     width: 275px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-heal-level1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -150px;
     width: 269px;
     height: 20px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .mat-level1 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -190px -738px;
     width: 168px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-pilates-expert {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -471px -1061px;
     width: 310px;
     ;
     height: 21px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .text-mat-master {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -384px -698px;
     width: 184px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .detail .tit {
     font-size: 28px;
     color: #333;
     margin: 14px 0 30px
 }

 .view-container .contents-wrap .detail .parag {
     line-height: 1.4
 }

 .view-container .contents-wrap .detail .color {
     color: #a99d8f
 }

 .view-container .contents-wrap .pilates-target {
     width: 690px;
     margin: 50px auto 75px;
     overflow: hidden
 }

 .view-container .contents-wrap .pilates-target .text-target {
     margin-top: 10px
 }

 .view-container .contents-wrap .pilates-target .target-tit-wrap {
     float: left
 }

 .view-container .contents-wrap .pilates-target h4 {
     font-size: 28px;
     font-weight: 300;
     margin: 30px 0;
     color: #333
 }

 .view-container .contents-wrap .pilates-target h4 strong {
     display: block;
     margin-top: 12px
 }

 .view-container .contents-wrap .pilates-target .parag-wrap {
     float: right
 }

 .view-container .contents-wrap .pilates-target .parag-wrap>div {
     float: left;
     line-height: 1.3;
     text-align: center
 }

 .view-container .contents-wrap .pilates-target .parag-wrap .picto {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 172px;
     height: 172px
 }

 .view-container .contents-wrap .pilates-target .parag-wrap .picto::before {
     content: ""
 }

 .view-container .contents-wrap .pilates-target .parag-wrap .n2 {
     border-left: solid 1px #e8e8e8;
     border-right: solid 1px #e8e8e8
 }

 .view-container .contents-wrap .pilates-target .parag-wrap .n1 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -405px -122px;
     width: 108px;
     height: 101px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pilates-target .parag-wrap .n2 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -370px;
     width: 96px;
     height: 112px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pilates-target .parag-wrap .n3 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -405px 0px;
     width: 110px;
     height: 102px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pilates-target.yoga .parag-wrap .n1 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -65px;
     width: 108px;
     height: 136px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pilates-target.yoga .parag-wrap .n2 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -221px;
     width: 96px;
     height: 129px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .pilates-target.yoga .parag-wrap .n3 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -128px -65px;
     width: 110px;
     height: 118px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .job-info {
     background: url("/images/imgs/pilates/bg-jobinfo.jpg");
     width: 850px;
     height: 338px;
     margin: 0 auto;
     padding-left: 80px
 }

 .view-container .contents-wrap .job-info.yoga {
     background: url("/images/imgs/yoga/bg_jobinfo.jpg")
 }

 .view-container .contents-wrap .job-info h4 {
     font-size: 28px;
     font-weight: 300;
     margin: 30px 0;
     color: #333
 }

 .view-container .contents-wrap .job-info h4 strong {
     display: block;
     margin-top: 12px
 }

 .view-container .contents-wrap .job-info .parag {
     line-height: 1.3;
     margin: 13px 0
 }

 .view-container .contents-wrap .check-point {
     flex-direction: column;
     background-color: #f5f5f5;
     padding-bottom: 80px
 }

 .view-container .contents-wrap .check-point .wrap {
     width: 850px;
     margin: 0 auto
 }

 .view-container .contents-wrap .check-point .title {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 60px 0 40px
 }

 .view-container .contents-wrap .check-point .title h4 {
     color: #333;
     margin-left: 20px;
     font-size: 28px;
     font-weight: 300
 }

 .view-container .contents-wrap .check-point .text-check-point {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -573px -813px;
     width: 174px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .view-container .contents-wrap .check-point .point-wrap {
     display: flex;
     margin: 37px 0 30px;
     justify-content: space-between
 }

 .view-container .contents-wrap .check-point .point-wrap .point-box {
     display: flex;
     position: relative;
     justify-content: center;
     align-items: center;
     width: 263px;
     height: 130px;
     flex-direction: column;
     text-align: center;
     border: solid 1px #a99d8f;
     line-height: 1.3;
     border-radius: 10px
 }

 .view-container .contents-wrap .check-point .point-wrap .n1::before,
 .view-container .contents-wrap .check-point .point-wrap .n2::before,
 .view-container .contents-wrap .check-point .point-wrap .n3::before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     top: -10px;
     width: 100%;
     height: 20px;
     background: url("/images/imgs/pilates/point01.jpg") no-repeat center top
 }

 .view-container .contents-wrap .check-point .point-wrap .n2::before {
     background-image: url("/images/imgs/pilates/point02.jpg")
 }

 .view-container .contents-wrap .check-point .point-wrap .n3::before {
     background-image: url("/images/imgs/pilates/point03.jpg")
 }

 .view-container .contents-wrap .check-point .point-wrap strong {
     display: block;
     margin-bottom: 10px;
     color: #a99d8f
 }

 .view-container .contents-wrap .view-process {
     width: 850px;
     margin: 0 auto;
     border-bottom: solid 1px #dcdcdc
 }

 .view-container .contents-wrap .view-process .title {
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 28px;
     margin: 60px 0 50px
 }

 .view-container .contents-wrap .view-process .title h4 {
     font-weight: 300;
     color: #333
 }

 .view-container .contents-wrap .view-process .text-process {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -818px -933px;
     width: 112px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 23px
 }

 .view-container .contents-wrap .program .tit-wrap {
     width: 840px;
     margin: 0 auto;
     padding-top: 60px;
     padding-bottom: 5px
 }

 .view-container .contents-wrap .program .student-review .review .slider-review-prev {
     right: 75px;
     top: -25px
 }

 .view-container .contents-wrap .program .student-review .review .slider-review-next {
     right: 40px;
     top: -25px
 }

 .view-container .contents-wrap .program .student-review {
     margin: 0 auto;
     padding-bottom: 80px;
     position: relative
 }

 .view-container .contents-wrap .program .student-review .review {
     float: none;
     width: 100%;
     height: 140px;
     padding: 10px 40px 0 40px
 }

 .view-container .contents-wrap .program .student-review .review #slider-review {
     height: 130px
 }

 .view-container .contents-wrap .program .student-review .review .swiper-slide {
     display: flex;
     width: 100%;
     border: 0;
     box-shadow: none;
     justify-content: space-between
 }

 .view-container .contents-wrap .program .student-review .review .swiper-slide a {
     display: block;
     border: solid 1px #e8e8e8;
     border-radius: 10px;
     width: 273px;
     height: 128px;
     box-shadow: 0 0 10px #efefef;
     padding-left: 0
 }

 .view-container .contents-wrap .program .student-review .review .swiper-slide a .wrap {
     position: relative;
     display: block;
     padding-left: 73px;
     padding-top: 20px;
     height: 75px
 }

 .view-container .contents-wrap .program .student-review .review .swiper-slide a .wrap .date {
     right: 121px;
     top: 42px
 }

 .view-container .contents-wrap .program .student-review .review .swiper-slide a .parag {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     word-wrap: break-word;
     -webkit-line-clamp: 2;
     width: 240px;
     margin-left: 14px
 }

 .view-container .contents-wrap .program .student-review .review .swiper-slide a .thumb img,
 .view-container .contents-wrap .program .student-review .review .swiper-slide a .thumb {
     width: 50px;
     height: 50px
 }

 .view-container .contents-wrap .program .student-review .review .swiper-slide a .thumb {
     left: 15px;
     top: 15px
 }

 .view-container .contents-wrap .program {
     float: left;
     width: 930px;
     border: solid 1px #e8e8e8;
     border-radius: 10px;
     margin-bottom: 100px;
     background: #fff;
     box-shadow: 0 0 15px #ddd
 }

 .contact-form {
     float: right;
     box-shadow: 0 0 15px #ddd;
     width: 450px;
     border: solid 1px #e8e8e8;
     border-radius: 10px;
     background: #fff;
     padding: 30px 40px
 }

 .contact-form .ico {
     position: absolute;
     left: 0;
     top: 0
 }

 .contact-form .ico-view-form-yoga {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -742px -515px;
     width: 73px;
     height: 72px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .contact-form .ico-view-form {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -754px -428px;
     width: 80px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .contact-form .name {
     position: relative;
     padding-left: 95px;
     padding-bottom: 25px;
     border-bottom: solid 1px #e8e8e8
 }

 .contact-form .name .ico {
     position: absolute
 }

 .contact-form .name h3 {
     font-size: 20px;
     padding-bottom: 10px;
     letter-spacing: -1px
 }

 .contact-form .name .parag {
     line-height: 1.3;
     letter-spacing: -0.05em
 }

 .contact-form .private {
     color: #888
 }

 .contact-form .private a {
     color: #888
 }

 .contact-form .private .submit {
     width: 116px;
     height: 45px;
     border-radius: 6px;
     background: #8e8072;
     border: 0;
     color: #fff;
     margin-left: 19px;
     cursor: pointer
 }

 .contact-form .item {
     border-bottom: solid 1px #e8e8e8;
     display: flex;
     padding: 13px 0
 }

 .contact-form .item .item {
     padding: 0
 }

 .contact-form .item .campus_li1 {
     display: flex
 }

 .contact-form .item .campus_li1 .label {
     flex-basis: 125px;
     display: flex;
     align-items: center
 }

 .contact-form .item .campus_li1 select {
     width: 100%
 }

 .contact-form .item.column {
     flex-direction: column;
     border-bottom: none
 }

 .contact-form .item .pt {
     margin: 14px 0
 }

 .contact-form .item .info {
     color: #555
 }

 .contact-form .item .label {
     width: 95px;
     font-weight: bold;
     color: #555
 }

 .contact-form .item .sticker {
     width: 40px;
     height: 21px;
     display: inline-block;
     line-height: 21px;
     background: #eeebe9;
     text-align: center;
     color: #a99d8f;
     border-radius: 10px;
     vertical-align: middle;
     margin-bottom: 6px
 }

 .contact-form .item .color {
     color: #a99d8f;
     display: block;
     margin-top: 6px
 }

 .contact-form .item .req::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -373px;
     width: 9px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-left: 5px
 }

 .contact-form .item .textarea {
     padding: 20px 10px;
     min-height: 80px
 }

 .contact-form .item .field {
     margin: 14px 0
 }

 #cunsilting-view .visual-context {
     background: url("/images/imgs/cunsulting/visual-context.jpg");
     width: 1168px;
     height: 710px;
     margin: 0 auto;
     position: relative
 }

 #cunsilting-view .visual-context h3 {
     font-size: 28px;
     font-weight: 300;
     color: #333
 }

 #cunsilting-view .visual-context h3 strong {
     display: block;
     margin: 13px 0 20px
 }

 #cunsilting-view .visual-context .parag {
     line-height: 1.4
 }

 #cunsilting-view .visual-context ul {
     margin-top: 10px;
 }

 #cunsilting-view .visual-context ul li {
     list-style: disc;
     margin-left: 20px;
 }

 #cunsilting-view .visual-context ul li p {
     margin-left: -5px;
 }


 #cunsilting-view .visual-context .wrap {
     position: absolute;
     left: 0;
     bottom: 0
 }

 #cunsilting-view .visual-context.visual-context5 .wrap {
     position: absolute;
     left: 245px;
     bottom: 0
 }

 #cunsilting-view .visual-context2 {
     width: 100%;
     margin: 80px auto 0;
     height: 500px;
     background: url("/images/imgs/cunsulting/visual-context2.jpg");
     color: #fff
 }

 #cunsilting-view .visual-context2 h3 {
     font-size: 28px;
     font-weight: 300;
     color: #333
 }

 #cunsilting-view .visual-context2 h3 strong {
     display: block;
     margin: 13px 0 20px
 }

 #cunsilting-view .visual-context2 .parag {
     line-height: 1.4
 }

 #cunsilting-view .visual-context2 h3 {
     color: #fff
 }

 #cunsilting-view .visual-context2 .wrap {
     width: 1410px;
     margin: 0 auto;
     padding-left: 750px;
     padding-top: 75px
 }

 #cunsilting-view .visual-context2 .addon {
     background: url("/images/imgs/cunsulting/addon.png");
     width: 520px;
     height: 95px;
     margin: 25px 0 50px
 }

 #cunsilting-view .visual-context2 .parag {
     opacity: .7
 }

 #cunsilting-view .visual-context2 .join {
     display: block;
     width: 132px;
     height: 34px;
     border: solid 1px #c7c0b9;
     border-radius: 20px;
     color: #fff;
     line-height: 30px
 }

 #cunsilting-view .visual-context2 .join::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -545px;
     width: 5px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-left: 5px
 }

 #cunsilting-view .cunsulting-process .text-process {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -818px -933px;
     width: 112px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #cunsilting-view .cunsulting-curriculum .text-curricul {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -602px -853px;
     width: 163px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #cunsilting-view .cunsulting-curriculum .items-wrap {
     width: 1410px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between
 }

 #cunsilting-view .cunsulting-curriculum .items-wrap .thumb {
     box-shadow: 0 0 20px #ccc;
     border-radius: 10px;
     overflow: hidden
 }

 #cunsilting-view .cunsulting-curriculum .items-wrap .label {
     width: 144px;
     height: 34px;
     display: block;
     margin: -16px auto 18px;
     position: relative;
     z-index: 3;
     background: #505e6d;
     color: #fff;
     border-radius: 34px;
     text-align: center;
     line-height: 34px
 }

 #cunsilting-view .cunsulting-curriculum .parag {
     text-align: center;
     line-height: 1.3;
     margin-bottom: 18px
 }

 #cunsilting-view .cunsulting-curriculum .btn-moreview {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -209px -974px;
     width: 99px;
     height: 16px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     display: block;
     margin: 0 auto
 }

 #cunsilting-view .cunsulting-curriculum+.visual-context4 {
     margin-top: 80px;
     width: 80%;
 }

 #cunsilting-view .visual-context4 {
     background: url("/images/imgs/cunsulting/visual-context4.jpg") center top no-repeat;
     height: 382px;
     width: 100%;
     margin: 0 auto
 }

 #cunsilting-view .visual-context5 {
     background: url("/images/imgs/cunsulting/visual-context5.jpg") center top no-repeat;
     height: 622px;
     width: 100%;
     margin: 80px auto
 }

 #cunsilting-view .visual-context5 .wrap {
     bottom: 50px
 }

 #cunsilting-view .visual-context6 {
     background: url("/images/imgs/cunsulting/visual-context6.jpg") center top no-repeat;
     height: 392px;
     width: 100%;
     margin: 0 auto
 }

 #cunsilting-view .visual-context7 {
     background: url("/images/imgs/cunsulting/visual-context7.jpg") center top no-repeat;
     height: 392px;
     width: 100%;
     margin: 0 auto
 }

 #cunsilting-view .visual-context8 {
     width: 100%;
     margin: 80px auto 100px;
 }

 #cunsilting-view .visual-context8 .wrap {
     width: 1410px;
     margin: 0 auto;
     overflow: hidden;
     ;
 }

 #cunsilting-view .visual-context8 .parag {
     margin-bottom: 27px;
     color: #8e8072;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 8px;
 }

 #cunsilting-view .visual-context8 h3 {
     font-size: 28px;
     font-weight: 300;
     color: #333;
     line-height: 1.2;
 }

 #cunsilting-view .visual-context8 h3 strong {
     display: block;
     margin: 13px 0 20px
 }

 #cunsilting-view .visual-context8 .cell:nth-child(1) {
     width: 360px
 }

 #cunsilting-view .visual-context8 .cell:nth-child(2) {
     width: 1050px;
 }

 #cunsilting-view .visual-context8 table {
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     font-weight: 500;
 }

 #cunsilting-view .visual-context8 table th {
     height: 80px;
     background-color: #a99d8f;
     border: 2px solid #fff;
     color: #fff;
     font-size: 18px;
 }

 #cunsilting-view .visual-context8 table th:nth-child(1),
 #cunsilting-view .visual-context8 table th:nth-child(3) {
     width: 250px;
 }

 #cunsilting-view .visual-context8 table th span {
     font-size: 15px;
     color: rgba(255, 255, 255, .7);
     font-weight: 400;
 }

 #cunsilting-view .visual-context8 table tr {
     height: 60px;
     border-bottom: 2px solid #e8e8e8;
 }

 #cunsilting-view .visual-context8 table tr:nth-child(2),
 #cunsilting-view .visual-context8 table tr:nth-child(3) {
     height: auto
 }

 #cunsilting-view .visual-context8 table tr:nth-child(2) td,
 #cunsilting-view .visual-context8 table tr:nth-child(3) td {
     padding: 20px 2%;
 }

 #cunsilting-view .visual-context8 table span.sub_text {
     text-decoration: none;
     font-size: 13px;
     display: inline-block;
     opacity: .5;
 }

 #cunsilting-view .visual-context8 table span.go_text {
     display: block;
 }

 #cunsilting-view .visual-context8 table span.before_text {
     text-decoration: line-through;
     font-size: 15px;
     opacity: .5;
     display: inline-block;
     margin-right: 10px;
     font-weight: 400;
 }

 #cunsilting-view .visual-context8 table td {
     padding: 0 20px;
 }

 #cunsilting-view .visual-context8 table td a {
     display: block;
     padding: 6px 6px;
     margin: 14px 1% 0;
     text-align: center;
     color: #fff;
     background-color: #a99d8f;
     width: 48%;
     float: left;
     border: 1px solid #a99d8f;
     box-sizing: border-box;
     border-radius: 3px;
     transition: all 0.2s;
     line-height: 1.4;
 }

 #cunsilting-view .visual-context8 table tr:nth-child(3) td a {
     float: none;
     width: 100%;
 }

 #cunsilting-view .visual-context8 table td a:hover {
     background-color: #fff;
     border: 1px solid #e8e8e8;
     color: #a99d8f;
     transition: all 0.2s;
 }

 #cunsilting-view .visual-context8 table td.col-1 {
     text-align: center;
     border-right: 2px solid #e8e8e8;
 }

 #cunsilting-view .visual-context8 table tr td:last-child {
     text-align: right;
     background-color: #E0DCD6;
     border: 2px solid #fff;
     font-size: 16px;
     font-weight: 600;

 }

 #cunsilting-view .visual-context8 table br {
     display: none;
 }

 #cunsilting-view .visual-context8 .desc_group {
     margin-top: 10px;
     overflow: hidden;
 }

 #cunsilting-view .visual-context8 .desc_group .desc {
     line-height: 1.4;
     opacity: .5;
     float: right;
 }

 #cunsilting-view .text-inquiry {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -328px -974px;
     width: 104px;
     height: 13px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #cunsilting-view .form-wrap {
     width: 1410px;
     margin: 60px auto 100px;
     overflow: hidden
 }

 #cunsilting-view .form-wrap .text-inquiry {
     margin: 0 0 27px
 }

 #cunsilting-view .form-wrap h5 {
     position: relative;
     width: 360px;
     font-size: 28px;
     font-weight: 300;
     color: #333
 }

 #cunsilting-view .form-wrap h5::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -428px;
     width: 83px;
     height: 67px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     position: absolute;
     right: 90px;
     top: -28px
 }

 #cunsilting-view .form-wrap h5 strong {
     display: block;
     margin: 15px 0 20px
 }

 #cunsilting-view .form-wrap .parag {
     line-height: 1.4
 }

 #cunsilting-view .req::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -373px;
     width: 9px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-left: 5px
 }

 #cunsilting-view .label {
     color: #555;
     font-weight: 500
 }

 #cunsilting-view .cell .float_clear {
     clear: both;
 }

 #cunsilting-view .field {
     display: block;
     margin: 15px 0 22px 0;
     width: 100%
 }

 #cunsilting-view .address {
     width: 49%;
     float: left;
 }

 #cunsilting-view .checkbox {
     padding: 0;
     overflow: hidden;
 }

 #cunsilting-view .checkbox label {
     display: inline-block;
     position: relative;
     width: 50%;
     height: 100%;
     float: left;
 }

 #cunsilting-view .checkbox input[type="radio"] {
     display: none;
 }

 #cunsilting-view .checkbox label span {
     position: absolute;
     text-align: center;
     line-height: 45px;
     width: 100%;
     height: 100%;
     float: left;
 }

 #cunsilting-view .checkbox input:checked+span {
     background: #a99d8f;
     color: #fff;
 }

 #cunsilting-view .cell div select:nth-child(1) {
     margin-right: 2%;
 }

 #cunsilting-view .cell {
     float: left
 }

 #cunsilting-view .cell.n2 {
     width: 370px
 }

 #cunsilting-view .cell.n3 {
     float: right;
     width: 650px
 }

 #cunsilting-view .cell.n3 textarea {
     padding: 20px;
     height: 142px
 }

 #cunsilting-view .cell.n3 .submit {
     width: 156px;
     height: 45px;
     background-color: #a99d8f;
     border: 0;
     color: #fff;
     border-radius: 8px;
     cursor: pointer;
     margin-left: 20px
 }

 #cunsilting-view .cell.n3 .private {
     text-align: right;
     color: #888;
     font-size: 13px
 }

 #cunsilting-view .cell.n3 .private label {
     margin: 20px 0
 }

 #homefit .firstfit-context {
     width: 1410px;
     margin: 0 auto 90px;
     display: flex;
     justify-content: space-between
 }

 #homefit .firstfit-context img {
     display: block
 }

 #homefit .firstfit-context strong {
     font-size: 18px;
     display: block;
     margin: 23px 0 10px;
     color: #333
 }

 #homefit .firstfit-context .parag {
     line-height: 1.3
 }

 #homefit .mission {
     background: url("/images/imgs/homefit/mission.jpg");
     width: 100%;
     height: 379px;
     margin: 0 auto
 }

 #homefit .mission .text-mission {
     margin: 80px 0 30px;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -962px -974px;
     width: 105px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .mission .wrap-container {
     /* width: 1410px;
     margin: 0 auto;
     padding-left: 210px */
     display: none;
 }

 #homefit .mission .wrap {
     width: 510px;
     text-align: center;
     color: #fff;
     overflow: hidden
 }

 #homefit .mission h5 {
     font-size: 28px;
     font-weight: 300
 }

 #homefit .mission h5 strong {
     display: block;
     margin: 10px 0 23px
 }

 #homefit .mission .parag {
     line-height: 1.5;
     opacity: .9
 }

 #homefit .card-item-wrap {
     background: #f4f4f4
 }

 #homefit .card-items {
     display: flex;
     width: 1410px;
     margin: 0 auto;
     padding: 60px 0;
     justify-content: space-between
 }

 #homefit .card-items .ico {
     width: 108px;
     height: 108px;
     border-radius: 100%;
     background-color: #eef2f2;
     display: flex;
     justify-content: center;
     align-items: center
 }

 #homefit .card-items .picto-homefit-01 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -813px;
     width: 59px;
     height: 69px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .card-items .picto-homefit-02 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -854px -428px;
     width: 69px;
     height: 61px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .card-items .picto-homefit-03 {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1035px -151px;
     width: 49px;
     height: 64px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .card-items li {
     width: 450px;
     height: 280px;
     border: solid 1px #e8e8e8;
     background: #fff;
     border-radius: 10px;
     flex-direction: column;
     justify-content: center;
     align-items: center
 }

 #homefit .card-items strong {
     font-size: 18px;
     color: #333;
     display: block;
     margin: 30px 0 10px
 }

 #homefit .card-items .parag {
     line-height: 1.4
 }

 #homefit .why-first {
     margin-bottom: 60px
 }

 #homefit .why-first .head {
     font-weight: 300
 }

 #homefit .why-first .step-type {
     background: url("/images/imgs/homefit/why-first.jpg")
 }

 #homefit .fit-point {
     background: url("/images/imgs/homefit/fit-point.jpg");
     width: 1410px;
     height: 929px;
     position: relative;
     margin: 0 auto
 }

 #homefit .fit-point h4 {
     font-size: 28px;
     font-weight: 300;
     color: #333
 }

 #homefit .fit-point h4 strong {
     display: block;
     margin: 14px 0 30px 0
 }

 #homefit .fit-point .parag {
     line-height: 1.4;
     margin-top: 10px
 }

 #homefit .fit-point .n1 {
     position: absolute;
     left: 808px;
     top: 102px
 }

 #homefit .fit-point .n2 {
     position: absolute;
     left: 0;
     top: 600px
 }

 #homefit .fit-point .noti {
     margin-top: 40px
 }

 #homefit .fit-point .noti::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -373px;
     width: 9px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 5px
 }

 #homefit .package {
     background: url("/images/imgs/homefit/package.jpg");
     width: 100%;
     height: 360px;
     margin: 94px auto 0
 }

 #homefit .process h3 {
     font-weight: 300
 }

 #homefit .process .step-wrap {
     width: 1200px
 }

 #homefit .process .step-wrap::before {
     top: 55px
 }

 #homefit .process .step-wrap .step-items {
     width: 170px;
     display: flex;
     flex-direction: column;
     align-items: center
 }

 #homefit .process .step-wrap .step-items .parag {
     width: auto;
     margin-left: 0
 }

 #homefit .process .step-wrap .step-items.n1 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -365px;
     width: 35px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .process .step-wrap .step-items.n2 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -420px;
     width: 35px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .process .step-wrap .step-items.n3 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -475px;
     width: 35px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .process .step-wrap .step-items.n4 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -691px;
     width: 33px;
     height: 33px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .process .step-wrap .step-items.n5 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -530px;
     width: 35px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .process .step-wrap .step-items.n6 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -849px;
     width: 29px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .label-box {
     background: #f6f5f4;
     padding: 30px 0
 }

 #homefit .label-box .context {
     width: 1410px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between
 }

 #homefit .label-box .context li {
     border: solid 1px #cfc9c1;
     width: 330px;
     height: 70px;
     text-align: center;
     line-height: 70px;
     color: #a99d8f;
     font-size: 18px;
     position: relative
 }

 #homefit .label-box .context li::after,
 #homefit .label-box .context li::before {
     content: "";
     position: absolute;
     left: 24px;
     top: 26px
 }

 #homefit .label-box .context li::after {
     display: block;
     left: 60px;
     top: 28px;
     width: 1px;
     height: 16px;
     background: #a99d8f
 }

 #homefit .label-box .context li:nth-child(1)::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -909px -110px;
     width: 23px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .label-box .context li:nth-child(2)::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -1135px;
     width: 26px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .label-box .context li:nth-child(3)::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -901px -185px;
     width: 26px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .label-box .context li:nth-child(4)::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -897px -225px;
     width: 26px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #homefit .banner {
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     flex-direction: column;
     width: 100%;
     margin: 0 auto;
     font-weight: 300;
     font-size: 22px;
     background: url("/images/imgs/homefit/banner.jpg");
     height: 210px
 }

 #homefit .banner strong {
     margin: 14px 0 28px;
     display: block
 }

 #homefit .banner .join {
     display: block;
     width: 200px;
     height: 45px;
     line-height: 45px;
     font-size: 15px;
     border-radius: 10px;
     background: #8e8072;
     color: #fff;
     text-align: center
 }

 .support-center-intro {
     background: url("/images/imgs/support/context_wrap_bg.jpg");
     background-repeat: repeat-x;
     padding: 60px 0 100px 0
 }

 .support-center-intro .wrap {
     width: 1410px;
     height: 1210px;
     margin: 0 auto;
     background: url("/images/imgs/support/context_bg.jpg");
     position: relative
 }

 .support-center-intro .wrap li {
     position: absolute
 }

 .support-center-intro .wrap h5 {
     font-size: 28px;
     font-weight: 300;
     color: #333;
     position: relative;
     padding-left: 100px;
     height: 80px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     margin-bottom: 20px
 }

 .support-center-intro .wrap h5 strong {
     display: block;
     padding-top: 10px
 }

 .support-center-intro .wrap h5 .num {
     position: absolute;
     left: 0;
     top: 0;
     border: solid 5px #cfc9c2;
     width: 80px;
     height: 80px;
     box-sizing: border-box;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .support-center-intro .wrap h5 .num::before {
     content: ""
 }

 .support-center-intro .wrap .parag {
     line-height: 1.5
 }

 .support-center-intro .wrap .link {
     width: 132px;
     height: 34px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: solid 1px #cfc9c2;
     border-radius: 34px;
     color: #a99d8f;
     box-sizing: border-box;
     margin-top: 30px
 }

 .support-center-intro .wrap .link::after {
     content: "";
     margin-left: 10px;
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -545px;
     width: 5px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .support-center-intro .wrap .link::after {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -516px;
     width: 5px;
     height: 9px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .support-center-intro .wrap li:nth-child(1) {
     top: 0vw;
     float: right;
     position: relative;
     margin-right: 8vw;
     width: 30%;
 }

 .support-center-intro .wrap li:nth-child(1) h5 .num::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -445px -1106px;
     width: 38px;
     height: 29px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .support-center-intro .wrap li:nth-child(2) {
     top: 24vw;
     float: left;
     margin-left: 8vw;
     width: 30%;
 }

 .support-center-intro .wrap li:nth-child(2) h5 .num::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -378px -1106px;
     width: 47px;
     height: 29px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .support-center-intro .wrap li:nth-child(3) {
     position: relative;
     float: right;
     top: 45vw;
     left: 23vw;
     width: 30%;
 }

 .support-center-intro .wrap li:nth-child(3) h5 .num::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -335px -282px;
     width: 47px;
     height: 30px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .support-center-intro .small-list {
     display: block;
     margin-top: 20px
 }

 .support-center-intro .small-list .li {
     display: block;
     margin: 10px 0;
     color: #a99d8f
 }

 .support-center-intro .small-list .li::before {
     content: "";
     background-color: #a99d8f;
     display: inline-block;
     vertical-align: middle;
     width: 2px;
     height: 13px;
     margin-right: 8px
 }

 #support-step {
     background-color: #f5f5f5;
     overflow: hidden
 }

 #support-step .process h3 {
     font-weight: 300
 }

 #support-step .process .step-wrap {
     width: 1200px
 }

 #support-step .process .step-wrap::before {
     top: 55px
 }

 #support-step .process .step-wrap .step-items {
     width: 170px;
     display: flex;
     flex-direction: column;
     align-items: center
 }

 #support-step .process .step-wrap .step-items .parag {
     width: auto;
     margin-left: 0
 }

 #support-step .process .step-wrap .step-items.n1 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -744px;
     width: 33px;
     height: 33px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #support-step .process .step-wrap .step-items.n2 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -638px;
     width: 34px;
     height: 33px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #support-step .process .step-wrap .step-items.n3 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -475px;
     width: 35px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #support-step .process .step-wrap .step-items.n4 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -365px;
     width: 35px;
     height: 35px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #support-step .process .step-wrap .step-items.n5 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -204px -1106px;
     width: 38px;
     height: 38px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #support-step .process .step-wrap .step-items.n6 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1187px -691px;
     width: 33px;
     height: 33px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 .faq-context {
     width: 1410px;
     margin: 0 auto;
     padding-top: 80px
 }

 .faq-context .left {
     width: 390px;
     float: left
 }

 .faq-context .left h4 {
     font-size: 28px;
     color: #333;
     font-weight: 300;
     line-height: 1.5
 }

 .faq-context .left h4 strong {
     display: block
 }

 .faq-context .left h4 strong {
     line-height: 1.5
 }

 .faq-context .left .parag {
     line-height: 1.3;
     margin: 15px 0
 }

 .faq-context .right {
     float: right;
     background: url("/images/imgs/support/join-bg.png");
     width: 1020px;
     height: 240px
 }

 .faq-context .right a {
     display: block;
     height: 240px;
     width: 180px;
     overflow: hidden;
     text-indent: -999em
 }

 .faq-context .clear {
     padding-top: 100px;
     clear: both
 }

 .faq-context .faq {
     background-color: #f5f5f5;
     border-radius: 10px;
     padding: 30px;
     margin-bottom: 100px
 }

 .faq-context .faq h3 {
     font-size: 18px;
     color: #8e8072;
     font-weight: 300;
     padding-bottom: 13px;
     border-bottom: solid 1px #a99d8f
 }

 .faq-context .faq .q {
     text-align: left;
     width: 100%;
     border: 0;
     min-height: 54px;
     background: none;
     align-content: center;
     font-size: 15px
 }

 .faq-context .faq .q::before {
     content: "Q";
     width: 30px;
     height: 30px;
     border-radius: 100%;
     background-color: #a99d8f;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     line-height: 30px;
     color: #fff;
     font-weight: bold;
     margin-right: 15px
 }

 .faq-context .faq .a {
     position: relative;
     white-space: pre-wrap;
     line-height: 1.5;
     padding-left: 100px;
     padding-bottom: 20px
 }

 .faq-context .faq .a::before {
     content: "A";
     width: 30px;
     height: 30px;
     border-radius: 100%;
     background-color: #ccc;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     line-height: 30px;
     color: #fff;
     font-weight: bold;
     margin-right: 15px;
     position: absolute;
     margin-left: -50px
 }

 .faq-context .faq .a::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -622px -1106px;
     width: 22px;
     height: 14px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     position: absolute;
     left: 15px;
     top: 4px
 }

 .faq-context .faq li {
     height: 54px;
     overflow: hidden;
     border-bottom: solid 1px #e8e8e8
 }

 .faq-context .faq .open {
     height: auto
 }

 #employment {
     margin: 0 auto;
     width: 1170px
 }

 #employment .bbs-view .context {
     border-top: solid 1px #e8e8e8;
     border-bottom: solid 1px #e8e8e8;
     padding: 20px 0;
     line-height: 1.5
 }

 #employment .tbs1 th:nth-child(2) {
     text-align: left;
     text-indent: 35px
 }

 #employment .tbs1 td {
     color: #909090
 }

 #employment .tbs1 td:nth-child(1),
 #employment .tbs1 td:nth-child(3),
 #employment .tbs1 td:nth-child(4) {
     text-align: center
 }

 #employment .tbs1 td:nth-child(2) a {
     margin-left: 35px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     word-wrap: break-word;
     -webkit-line-clamp: 1
 }

 #employment .tbs1 td.nodata {
     position: static;
     border: 0;
     font-size: 15px;
     padding: 50px 0;
     text-align: center;
     width: 100%;
     border-radius: 0;
     border-bottom: solid 1px #e8e8e8
 }

 #employment .tbs1 a,
 #employment .tbs1 a:active,
 #employment .tbs1 a:visited {
     color: #555
 }

 #employment .tbs1 .cate {
     color: #a99d8f
 }

 #employment .paging {
     padding: 60px 0 30px
 }

 #employment .bbs-search {
     margin-bottom: 100px
 }

 #recruit #employment td {
     height: 75px
 }

 #recruit #employment td a {
     display: block
 }

 #recruit .sub1 {
     color: 333
 }

 #recruit .sub2 {
     color: #909090;
     margin-top: 8px
 }

 #recruit .label {
     display: inline-block;
     height: 25px;
     line-height: 25px;
     width: 62px;
     border-radius: 25px;
     color: #a99d8f;
     font-weight: bold;
     background-color: #e8e6e3;
     margin-top: 10px
 }

 #recruit .options-wrap {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     margin-bottom: 100px
 }

 #recruit .options-wrap .bbs-search {
     margin: 0
 }

 #recruit .options-wrap .select-type {
     height: 42px;
     border: 0;
     border-bottom: solid 1px #a99d8f;
     color: #a99d8f;
     font-size: 15px;
     margin-right: 15px;
     min-width: 125px
 }

 #recruitment .noti {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     width: 1410px;
     margin: 0 auto;
     line-height: 50px;
     height: 50px;
     color: #8e8072;
     border: solid 1px #dfd9d3;
     border-radius: 10px;
     background-color: #f8f4ef;
     padding-left: 20px;
     box-shadow: 0 2px 10px #ddd;
     margin-top: 25px
 }

 #recruitment .noti>span {
     flex-basis: 50%;
     text-align: center;
 }

 #recruitment .space {
     display: block;
     height: 30px
 }

 #recruitment .step1,
 #recruitment .step2 {
     width: 690px;
     height: auto
 }

 #recruitment .patnership-form .field {
     width: 100%
 }

 .in-left .pic_01 { 
  padding: 12px 7px;
  color: #a99d8f;
  
 }

 .in-left input {
    
    border-radius: 5px;
    padding: 7px
  }
  .in-left input::file-selector-button {
    display: none;
  }


 #recruitment .in-wrap {
     overflow: hidden
 }

 #recruitment .in-left {
     float: left;
     width: 290px
 }

 #recruitment .radio-wrap {
     margin: 0
 }

 #recruitment .radio-wrap label {
     margin: 0;
     width: 140px
 }

 #recruitment .select {
     width: 100%
 }

 #recruitment .in-right {
     float: right;
     width: 290px;
     height: auto
 }

 #recruitment .calendar {
     position: relative
 }

 #recruitment .calendar .ico-calendar3 {
     border: 0;
     position: absolute;
     right: 15px;
     top: 12px
 }

 #recruitment textarea {
     height: 135px;
     padding: 20px
 }

 #recruitment .step3 {
     clear: both;
     width: 100%
 }

 #recruitment .step3 .num::before {
     content: "3"
 }

 #recruitment .step3 h4 {
     padding-top: 10px
 }

 #recruitment .step3 .in-wrap {
     display: flex;
     justify-content: space-between;
     margin-top: 20px
 }

 #recruitment .step3 .in-wrap input {
     width: auto
 }

 #community-interview .teacher-items {
     background: none;
     padding: 0 0 100px 0
 }

 #community-interview .teacher-items li {
     height: 400px
 }

 #community-interview .teacher-items li img {
     height: 300px
 }

 #community-interview .teacher-items li a::after {
     display: none
 }

 #community-interview .bbs-search {
     margin-top: 30px
 }

 #community-interview .view-visual {
     width: 1170px;
     height: 420px;
     margin: 0 auto;
     position: relative;
     border-top: 1px solid #e8e8e8;
     padding: 60px 0
 }

 #community-interview .view-visual .thumb {
     width: 300px;
     margin: 0 auto
 }

 #community-interview .view-visual .thumb img {
     position: relative;
     z-index: 10;
     border-radius: 100%;
     box-shadow: 0 10px 20px #ccc
 }

 #community-interview .view-visual .number {
     font-size: 30px;
     position: absolute;
     left: 240px;
     top: 110px;
     z-index: 12
 }

 #community-interview .view-visual .number strong {
     display: block;
     color: #a99d8f;
     font-weight: 500;
     letter-spacing: 10px;
     margin-top: 20px;
     line-height: 1.5
 }

 #community-interview .view-visual .name-wrap {
     position: absolute;
     right: 230px;
     top: 130px;
     font-size: 30px;
     letter-spacing: 10px
 }

 #community-interview .view-visual .name-wrap::before {
     content: "";
     width: 100px;
     display: block;
     height: 1px;
     background-color: #a99d8f;
     position: absolute;
     left: -100px;
     top: 27px
 }

 #community-interview .view-visual .name-wrap .name {
     background-color: #a99d8f;
     padding: 10px 0 10px 10px;
     display: block;
     color: #fff
 }

 #community-interview .view-visual .name-wrap .po {
     display: block;
     padding-left: 10px;
     color: #a99d8f;
     margin-top: 10px
 }

 #community-interview .qna {
     width: 930px;
     margin: 0 auto
 }

 #community-interview .qna li {
     position: relative;
     padding: 20px 0 20px 70px;
     border-radius: 40px
 }

 #community-interview .qna li::before {
     content: "Q";
     display: block;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     color: #fff;
     background: #a99d8f;
     border-radius: 100%;
     position: absolute;
     font-weight: bold;
     left: 10px;
     top: 10px
 }

 #community-interview .qna li a {
     color: #333
 }

 #community-interview .qna .q {
     background-color: #f5f5f5;
     font-size: 18px
 }

 #community-interview .qna .a {
     font-size: 15px;
     line-height: 1.5
 }

 #community-interview .qna .a::before {
     content: "A";
     font-size: 18px;
     background: none;
     border: 1px solid #aaa;
     color: #aaa
 }

 #community-interview .context {
     padding-top: 30px;
     border-top: solid 1px #e8e8e8;
     text-align: center
 }

 #community-interview .context img {
     max-width: 100%
 }

 #community-interview .paging {
     margin-top: 30px
 }

 #community-interview .history {
     border-bottom: 1px solid #e8e8e8;
     margin: 30px 0 0
 }

 #community-interview .history .text {
     width: 100px;
     text-align: center;
     float: left;
     line-height: 56px
 }

 #community-interview .history .color {
     color: #a99d8f
 }

 #community-interview .history .color::after {
     content: "";
     width: 1px;
     display: inline-block;
     height: 12px;
     background-color: #dcdcdc;
     margin: 0 10px
 }

 #community-interview .history .prev,
 #community-interview .history .next {
     height: 56px;
     overflow: hidden;
     line-height: 56px;
     border-top: 1px solid #e8e8e8
 }

 #community-interview .btn-list {
     margin: 30px 0 100px
 }

 #cp-jd , #cp-name , #cp-endtime , #cp-entime{
    height: 43px;
 }

 .photo_01{
    
    padding: 10px;
   
 }


/* 문의 사항 네비게이션 */
 .inq_nav {
     width: 1410px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     justify-content: space-between
 }

 .inq_nav a {
     display: inline-block;
     height: 45px;
     line-height: 42px;
     width: 330px;
     border: solid 1px #ccc;
     text-align: center;
     border-radius: 10px
 }

 .inq_nav a:hover,
 .inq_nav a.active {
     border: solid 2px #57391C;
     color: #57391C;
     font-weight: 500
 }

 /* 온라인결제 네비게이션 */
 .pay_nav_test {
    /* width: 1410px; */
    width: 70.5em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    justify-content: space-between
 }

 .pay_nav_test li {
    display: inline-block;
    height: 45px;
    line-height: 42px;
    width: 330px;
    border: solid 1px #ccc;
    text-align: center;
    border-radius: 10px
}

.pay_nav_test li:nth-child(1){
    border: solid 1px rgb(169, 157, 143);
    color: #a99d8f;
    font-weight: 500
}

 #inq_online {
     background-color: #f5f5f5;
     overflow: hidden
 }

 #inq_online .radio-wrap {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     justify-content: space-between;
     margin: 0;
     
 }

 #inq_online .radio-wrap li {
     position: relative;
     overflow: hidden
 }

 #inq_online .radio-wrap input[type=radio] {
     position: absolute;
     left: -999em
 }

 #inq_online .radio-wrap .text {
     color: #aaa;
     display: block;
     padding-top: 18px
 }

 #inq_online .radio-wrap label {
     width: 162px;
     height: 135px;
     border: solid 2px #ccc;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column
 }

 #inq_online .radio-wrap label[for=rw1] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -242px -813px;
     width: 61px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap label[for=rw2] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -902px;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap label[for=rw3] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -644px;
     width: 58px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap label[for=rw4] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -410px;
     width: 59px;
     height: 58px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap label[for=rw5] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -835px -515px;
     width: 67px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap label[for=rw6] .ico {
    background: none;
    background-image: url(/images/imgs/sprite.png);
    background-position: -835px -515px;
    width: 67px;
    height: 62px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
}
#inq_online .radio-wrap label[for=rw7] .ico {
    background: none;
    background-image: url(/images/imgs/sprite.png);
    background-position: -835px -515px;
    width: 67px;
    height: 62px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
}
#inq_online .radio-wrap label[for=rw8] .ico {
    background: none;
    background-image: url(/images/imgs/sprite.png);
    background-position: -835px -515px;
    width: 67px;
    height: 62px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
}
#inq_online .radio-wrap label[for=rw9] .ico {
    background: none;
    background-image: url(/images/imgs/sprite.png);
    background-position: -835px -515px;
    width: 67px;
    height: 62px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em
}


 #inq_online .radio-wrap input:checked+label {
     border: solid 2px #a99d8f
 }

 #inq_online .radio-wrap input:checked+label .text {
     color: #a99d8f !important
 }

 #inq_online .radio-wrap input:checked+[for=rw1] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -161px -813px;
     width: 61px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap input:checked+[for=rw2] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -535px -430px;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap input:checked+[for=rw3] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -721px;
     width: 58px;
     height: 57px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap input:checked+[for=rw4] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -954px -488px;
     width: 59px;
     height: 58px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .radio-wrap input:checked+[for=rw5] .ico {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -535px -348px;
     width: 67px;
     height: 62px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #inq_online .check-wrap {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     justify-content: space-evenly;
     border-top: solid 1px #dcdcdc;
     border-bottom: solid 1px #dcdcdc
 }

 #inq_online .check-wrap li {
     position: relative;
     flex-basis: 33.3%
 }

 #inq_online .check-wrap input {
     position: absolute;
     overflow: hidden;
     left: -999em
 }

 #inq_online .check-wrap label::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -585px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-right: 10px
 }
  #inq_online .firstc-check-wrap label::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -585px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-right: 10px
 }

 #inq_online .check-wrap input:checked+label::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -550px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
  #inq_online .firstc-check-wrap input:checked+label::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -550px -1177px;
     width: 15px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
  #inq_online .firstc-check-wrap {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     justify-content: space-evenly;
     border-top: solid 1px #dcdcdc;
     border-bottom: solid 1px #dcdcdc
 }

 #inq_online .firstc-check-wrap li {
     position: relative;
     flex-basis: 33.3%
 }

 #inq_online .firstc-check-wrap input {
     position: absolute;
     overflow: hidden;
     left: -999em
 }

 #inq_online .handle-btn-items {
     height: 61px;
     border-bottom: solid 1px #dcdcdc;
     padding-bottom: 15px
 }

 #inq_online .handle-btn-items button {
     padding: 0 20px;
     height: 45px;
     border-radius: 20px;
     border: none;
     color: #fff;
     background-color: #aaa;
     margin-right: 10px
 }

 #inq_online .handle-btn-items button::after {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -343px;
     width: 10px;
     height: 10px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-left: 10px
 }

 #inq_online #cp-text {
     height: 100px
 }

 #customer-online-submit {
     width: 690px;
     margin: 60px auto 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     box-shadow: 0 0 15px #ddd;
     background-color: #fff;
     border: solid 1px #e8e8e8;
     border-radius: 20px
 }

 #customer-online-submit h3 {
     font-size: 25px;
     color: #57391C;
 }

 #customer-online-submit .parag1 {
     font-size: 18px;
     color: #333;
     text-align: center;
     line-height: 1.3;
     margin: 15px 0 30px
 }

 #customer-online-submit .parag2 {
     color: #888
 }

 #customer-online-submit .parag2 .ico-phone {
     position: relative;
     top: 1px;
     margin-right: 3px
 }

 #customer-online-submit .parag2 .color {
     font-size: 18px;
     color: #a99d8f;
     font-weight: bold;
     position: relative;
     top: 1px
 }

 #customer-online-submit .btn-home {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     width: 180px;
     height: 45px;
     border: solid 1px #57391C;
     border-radius: 9px;
     color: #57391C;
     margin: 50px 0
 }

 #customer-online-submit .btn-home span {
     margin-right: 5px
 }

 .slider-tab {
     width: 1170px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     justify-content: space-between;
     border-radius: 10px 10px 0 0;
     overflow: hidden;
     border: solid 1px #ccc;
     border-bottom: 0
 }

 .slider-tab a {
     width: 100%;
     height: 45px;
     display: block;
     line-height: 45px;
     text-align: center;
     color: #fff;
     background-color: #8e8072;
     position: relative
 }

 .slider-tab .center::after,
 .slider-tab .center::before {
     content: "";
     position: absolute;
     width: 1px;
     display: block;
     height: 14px;
     background-color: #fff;
     top: 17px;
     opacity: .5
 }

 .slider-tab .center::left {
     left: 0
 }

 .slider-tab .center::after {
     right: 0
 }

 .slider-tab .active {
     background: #a99d8f
 }

 #view-master .cc-step {
     width: 850px;
     height: 175px;
     margin: 0 auto;
     position: relative
 }

 #view-master .cc-step img {
     display: none
 }

 #view-master .cc-step::after {
     content: "";
     background: url("/images/imgs/pilates/cc-step2.jpg");
     width: 850px;
     height: 175px;
     display: block;
     position: absolute;
     left: 0;
     top: -5px
 }

 #view-master .cc-step::before {
     display: none
 }

 #diploma-pilates-context .context1 {
     width: 1410px;
     margin: 0 auto;
     height: 621px;
     position: relative;
     background: url("/images/imgs/diploma/context1.jpg")
 }

 #diploma-pilates-context .context1 .wrap {
     position: absolute;
     left: 810px;
     top: 95px
 }

 #diploma-pilates-context .context1 .wrap h5 {
     font-size: 28px;
     font-weight: 500;
     margin-bottom: 35px
 }

 #diploma-pilates-context .context1 .wrap .color {
     color: #a99d8f;
     display: block;
     margin-bottom: 10px
 }

 #diploma-pilates-context .context1 .wrap .parag {
     line-height: 1.3;
     margin: 20px 0
 }

 #diploma-pilates-context .tbl-wrap {
     background-color: #fafafa;
     border-top: solid 1px #e8e8e8;
     border-bottom: solid 1px #e8e8e8
 }

 #diploma-pilates-context .tbl-wrap .wrap {
     width: 1170px;
     margin: 0 auto;
     overflow: hidden;
     padding: 60px 0 95px
 }

 #diploma-pilates-context .tbl-wrap .list-box {
     width: 570px;
     float: left
 }

 .program#diploma-pilates-context .tbl-wrap .online-form {
     margin-top: -18px;
     width: 500px;
     float: right;
     box-shadow: none;
     padding: 0;
     background: none;
     border: 0
 }

 #diploma-pilates-context .tbl-wrap .contact-form {
     width: 570px;
     float: left;
     box-shadow: none;
     padding: 0;
     background: none;
     border: 0;
     margin-top: 60px;
 }

 #diploma-pilates-context .tbl-wrap .contact-form .item-wrap .item {
     border-color: #dcdcdc
 }

 #diploma-pilates-context .tbl-wrap .contact-form .item-wrap li:last-child {
     padding-bottom: 19px
 }

 #diploma-pilates-context .links {
     width: 1170px;
     left: 50%;
     margin-left: -585px;
     display: flex;
     overflow: hidden;
     border-radius: 10px;
     position: absolute;
     z-index: 2;
     top: -23px
 }

 #diploma-pilates-context .links .item {
     width: 33.3%;
     color: #fff;
     height: 55px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row
 }

 #diploma-pilates-context .links .item span {
     margin-right: 10px
 }

 #diploma-pilates-context .links a:nth-child(1) {
     background-color: #8e8072
 }

 #diploma-pilates-context .links a:nth-child(2) {
     background-color: #a99d8f;
     width: 33.4%
 }

 #diploma-pilates-context .links a:nth-child(3) {
     background-color: #909090
 }

 #diploma-pilates-context .license {
     background-color: #efede8;
     position: relative;
     border-top: solid 1px #e8e8e8;
     border-bottom: solid 1px #e8e8e8
 }

 #diploma-pilates-context .license .wrap {
     background: url(/images/imgs/correction/scoliosis_img2.jpg);
     height: 473px;
     width: 1410px;
     margin: 0 auto;
     position: relative
 }

 #diploma-pilates-context .license .wrap .text {
     position: absolute;
     left: 565px;
     top: 70px
 }

 #diploma-pilates-context .license .wrap h4 {
     font-size: 24px;
     font-weight: 300
 }

 #diploma-pilates-context .license .wrap h4 strong {
     display: block;
     margin-top: 10px
 }

 #diploma-pilates-context .license .wrap .parag {
     margin: 20px 0 25px;
     line-height: 1.3
 }

 #diploma-pilates-context .license .wrap dt::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -164px;
     width: 11px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 10px
 }

 #diploma-pilates-context .license .wrap dt {
     color: #8e8072;
     font-size: 18px;
     font-weight: 500
 }

 #diploma-pilates-context .license .wrap dd {
     margin: 15px 0;
     color: #8e8072
 }

 #diploma-pilates-context .license .wrap dd::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -916px -35px;
     width: 18px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-right: 10px
 }

 #diploma-pilates-context .license2 .wrap.scolicsis2 {
     background: url("/images/imgs/correction/scoliosis_img2_m.png");
     height: 550px;
 }

 #diploma-pilates-context .license2 .wrap {
     background: url("/images/imgs/correction/scoliosis_img2.jpg");
     height: 550px;
 }

 #diploma-pilates-context .license2 {
     background-color: #efede8;
     position: relative;
     border-top: solid 1px #e8e8e8;
     border-bottom: solid 1px #e8e8e8
 }

 #diploma-pilates-context .license2 .wrap {
     background: url("/images/imgs/diploma/license.jpg") #efede8;
     height: 473px;
     width: 1410px;
     margin: 0 auto;
     position: relative
 }

 #diploma-pilates-context .license2 .wrap .text {
     position: absolute;
     left: 565px;
     top: 110px
 }

 #diploma-pilates-context .license2 .wrap h4 {
     font-size: 24px;
     font-weight: 300
 }

 #diploma-pilates-context .license2 .wrap h4 strong {
     display: block;
     margin-top: 10px
 }

 #diploma-pilates-context .license2 .wrap .parag {
     margin: 20px 0 25px;
     line-height: 1.3
 }

 #diploma-pilates-context .license2 .wrap dt::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -1244px -164px;
     width: 11px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 10px
 }

 #diploma-pilates-context .license2 .wrap dt {
     color: #8e8072;
     font-size: 18px;
     font-weight: 500
 }

 #diploma-pilates-context .license2 .wrap dd {
     margin: 15px 0;
     color: #8e8072
 }

 #diploma-pilates-context .license2 .wrap dd::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -916px -35px;
     width: 18px;
     height: 18px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     vertical-align: middle;
     margin-right: 10px
 }

 #diploma-pilates-context .license2 .wrap.scolicsis2 {
     background: url("/images/imgs/correction/scoliosis_img2.jpg");
     height: 550px;
 }

 #diploma-pilates-context .scoliosis_test .text h4 {
     font-size: 24px;
 }

 #diploma-pilates-context .scoliosis_test {
     border-bottom: solid 1px #e8e8e8;
 }

 #diploma-pilates-context .color {
     color: #a99d8f
 }

 #diploma-pilates-context .pilates {
     background-color: #f7f6f5;
     overflow: hidden;
     padding-bottom: 80px
 }

 #diploma-pilates-context .pilates .box-items-wrap {
     width: 1200px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between
 }

 #diploma-pilates-context .pilates .card-type {
     width: 930px
 }

 #diploma-pilates-context .pilates .card-type .items {
     width: calc(50% - 10px);
     position: relative;
     padding-left: 135px;
     text-align: left;
     height: 137px
 }

 #diploma-pilates-context .pilates .card-type .items .ico {
     position: absolute;
     left: 20px;
     top: 20px;
     margin: 0
 }

 #diploma-pilates-context .pilates .card-type .items .label {
     margin: 25px 0 8px
 }

 #diploma-pilates-context .pilates .card-type .items .name {
     margin-bottom: 7px
 }

 #diploma-pilates-context .pilates .items {
     width: 184px;
     height: 215px;
     border: solid 1px #e8e8e8;
     border-radius: 10px;
     text-align: center;
     background-color: #fff
 }

 #diploma-pilates-context .pilates .ico {
     margin: -20px 0 20px
 }

 #diploma-pilates-context .pilates .label {
     font-size: 12px;
     margin-bottom: 10px;
     color: #aaa
 }

 #diploma-pilates-context .pilates .name {
     margin-bottom: 10px;
     font-weight: 500
 }

 #diploma-pilates-context .pilates .parag {
     line-height: 1.3
 }

 #diploma-pilates-context .pilates li:nth-child(1) .name {
     color: #91c5bc
 }

 #diploma-pilates-context .pilates li:nth-child(2) .name {
     color: #89a4c1
 }

 #diploma-pilates-context .pilates li:nth-child(3) .name {
     color: #a99d8f
 }

 #diploma-pilates-context .pilates li:nth-child(4) .name {
     color: #a48785
 }

 #diploma-pilates-context .pilates li:nth-child(5) .name {
     color: #d1a0a0
 }

 #diploma-pilates-context .pilates li:nth-child(6) .name {
     color: #bf95ba
 }

 #diploma-pilates-context .pilates li:nth-child(7) .name {
     color: #a58eb9
 }

 #diploma-pilates-context .step-guide {
     overflow: hidden;
     background-color: #222;
     width: 100%;
     margin: 0 auto;
 }

 #diploma-pilates-context .step-guide .sub-tit-page .head {
     color: #fff;
     font-weight: 500;
     padding-bottom: 22px;
     position: relative
 }

 #diploma-pilates-context .step-guide .sub-tit-page .head::after {
     content: "";
     width: 20px;
     display: block;
     margin: 0 auto;
     height: 1px;
     margin-top: 22px;
     background-color: #a99d8f
 }

 #diploma-pilates-context .step-guide .sub-tit-page h4 {
     color: #a99d8f
 }

 #diploma-pilates-context .step-guide .sub-tit-page .parag {
     color: #ccc
 }

 #diploma-pilates-context .step-guide .context {
     margin: 0 auto;
     height: 462px;
     width: 1170px;
     background: url("/images/imgs/diploma/context2.jpg")
 }

 #diploma-pilates-context .step-guide .context5 {
    background: #191919
}

#diploma-pilates-context .step-guide .context5 .img {
    margin: 0 auto;
    height: 680px;
    width: 1170px;
    display: block;
    background: url("/images/imgs/diploma/context5.png");
}

 #diploma-pilates-context .step-guide .context2 {
     background: #191919
 }

 #diploma-pilates-context .step-guide .context2 .img {
     margin: 0 auto;
     height: 3768px;
     width: 1170px;
     display: block;
     background: url("/images/imgs/diploma/context3.jpg")
 }



 #diploma-pilates-context .diploma-target {
     width: 1170px;
     margin: 60px auto 50px;
     overflow: hidden;
 }

 #diploma-pilates-context .diploma-target .text-target {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -472px -1028px;
     width: 93px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-top: 10px
 }

 #diploma-pilates-context .diploma-target .target-tit-wrap {
     float: left
 }

 #diploma-pilates-context .diploma-target h4 {
     font-size: 28px;
     font-weight: 300;
     margin: 30px 0;
     color: #333
 }

 #diploma-pilates-context .diploma-target h4 strong {
     display: block;
     margin-top: 12px
 }

 #diploma-pilates-context .diploma-target .parag-wrap {
     float: right
 }

 #diploma-pilates-context .diploma-target .parag-wrap>div {
     float: left;
     line-height: 1.3;
     text-align: center
 }

 #diploma-pilates-context .diploma-target .parag-wrap .picto {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 230px;
     height: 172px
 }

 #diploma-pilates-context .diploma-target .parag-wrap .picto::before {
     content: ""
 }

 #diploma-pilates-context .diploma-target .parag-wrap .n2 {
     border-left: solid 1px #e8e8e8;
     border-right: solid 1px #e8e8e8
 }

 #diploma-pilates-context .diploma-target .parag-wrap .n3 {
     border-right: solid 1px #e8e8e8
 }

 #diploma-pilates-context .diploma-target .parag-wrap .n1 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -405px -122px;
     width: 108px;
     height: 101px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context .diploma-target .parag-wrap .n2 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -370px;
     width: 96px;
     height: 112px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context .diploma-target .parag-wrap .n3 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -405px 0px;
     width: 110px;
     height: 102px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context .diploma-target .parag-wrap .n4 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -258px -65px;
     width: 110px;
     height: 113px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context .check-point {
     flex-direction: column;
     background-color: #f5f5f5;
     padding-bottom: 60px
 }

 #diploma-pilates-context .check-point .wrap {
     width: 1170px;
     margin: 0 auto
 }

 #diploma-pilates-context .check-point .title {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 60px 0 40px
 }

 #diploma-pilates-context .check-point .title h4 {
     color: #333;
     margin-left: 20px;
     font-size: 28px;
     font-weight: 300
 }

 #diploma-pilates-context .check-point .text-check-point {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -573px -813px;
     width: 174px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context .check-point .point-wrap {
     display: flex;
     margin: 0;
     justify-content: space-between;
     padding-top: 338px
 }

 #diploma-pilates-context .check-point .point-wrap .point-box {
     display: flex;
     position: relative;
     justify-content: center;
     align-items: center;
     width: 370px;
     height: 130px;
     flex-direction: column;
     text-align: center;
     border: solid 1px #a99d8f;
     line-height: 1.3;
     border-radius: 10px
 }

 #diploma-pilates-context .check-point .point-wrap .point-box .img {
     display: block;
     width: 370px;
     height: 300px;
     position: absolute;
     top: -338px
 }

 #diploma-pilates-context .check-point .point-wrap .n1 .img {
     background: url("/images/imgs/diploma/check1.jpg") no-repeat center top
 }

 #diploma-pilates-context .check-point .point-wrap .n2 .img {
     background: url("/images/imgs/diploma/check2.jpg") no-repeat center top
 }

 #diploma-pilates-context .check-point .point-wrap .n3 .img {
     background: url("/images/imgs/diploma/check3.jpg") no-repeat center top
 }

 #diploma-pilates-context .check-point .point-wrap .n1::before,
 #diploma-pilates-context .check-point .point-wrap .n2::before,
 #diploma-pilates-context .check-point .point-wrap .n3::before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     top: -10px;
     width: 100%;
     height: 20px;
     background: url("/images/imgs/pilates/point01.jpg") no-repeat center top
 }

 #diploma-pilates-context .check-point .point-wrap .n2::before {
     background-image: url("/images/imgs/pilates/point02.jpg")
 }

 #diploma-pilates-context .check-point .point-wrap .n3::before {
     background-image: url("/images/imgs/pilates/point03.jpg")
 }

 #diploma-pilates-context .check-point .point-wrap strong {
     display: block;
     margin-bottom: 10px;
     color: #a99d8f
 }

 #diploma-pilates-context .view-process {
     width: 1170px;
     margin: 0 auto;
     overflow: hidden;
     border-bottom: solid 1px #e8e8e8
 }

 #diploma-pilates-context .view-process .step-wrap {
     width: 930px;
     margin: 60px 0 0 0;
     float: right
 }

 #diploma-pilates-context .view-process .step-wrap .step-items {
     width: 185px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column
 }

 #diploma-pilates-context .view-process .step-wrap .picto {
     margin: 0 auto 16px
 }

 #diploma-pilates-context .view-process .step-wrap .parag {
     margin: 10px 0 0 0;
     width: 100%;
     text-align: center
 }

 #diploma-pilates-context .view-process .step-wrap .steps,
 #diploma-pilates-context .view-process .step-wrap .name {
     display: inline-block;
     margin: 0;
     font-size: 16px
 }

 #diploma-pilates-context .view-process .step-wrap .steps {
     font-weight: 400
 }

 #diploma-pilates-context .view-process .step-wrap .steps::after {
     content: "|";
     font-size: 11px;
     vertical-align: top;
     margin: 0 5px;
     position: relative;
     top: 2px
 }

 #diploma-pilates-context .view-process .title {
     float: left;
     font-size: 28px
 }

 #diploma-pilates-context .view-process .title .text-process {
     margin: 65px 0 28px 4px
 }

 #diploma-pilates-context .view-process .title h4 {
     font-weight: 300;
     color: #333
 }

 #diploma-pilates-context .view-process .title h4 strong {
     display: block;
     margin-top: 14px
 }

 #diploma-pilates-context .view-process .text-process {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -818px -933px;
     width: 112px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 23px
 }

 #diploma-pilates-context .detail-teacher {
     width: 1170px;
     margin: 0 auto
 }

 #diploma-pilates-context .detail-teacher .left {
     float: none;
     padding: 0;
     position: static
 }

 #diploma-pilates-context .detail-teacher .left .parag {
     padding: 0;
     margin: 15px 0 0 0;
     text-align: center
 }

 #diploma-pilates-context .detail-teacher .left .parag br {
     display: none
 }

 #diploma-pilates-context .detail-teacher .left .title {
     padding-top: 58px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row
 }

 #diploma-pilates-context .detail-teacher .left .text-instructor {
     margin: 0 15px 0 0;
     padding: 0
 }

 #diploma-pilates-context .detail-teacher .left .moreview {
     text-align: center
 }

 #diploma-pilates-context .detail-teacher .left .moreview a {
     margin: 30px 0 0 0
 }

 #diploma-pilates-context .detail-teacher .right {
     float: none;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row
 }

 #diploma-pilates-context .detail-teacher .cc-step {
     position: relative;
     padding: 25px 0;
     border-radius: 10px 10px 0 0;
     background: #8e8072
 }

 #diploma-pilates-context .detail-teacher .cc-step::before {
     content: "";
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -651px -75px;
     width: 275px;
     height: 15px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     position: static
 }

 #diploma-pilates-context .detail-teacher .cc-step img {
     display: none
 }

 #diploma-pilates-context .detail-teacher .list {
     width: 100%
 }

 #diploma-pilates-context .detail-teacher .list li span {
     line-height: 1.3
 }

 #diploma-pilates-context .detail-teacher .list .n1 {
     width: 166px;
     text-transform: uppercase;
     color: #a99d8f
 }

 #diploma-pilates-context #cc-step-wrap {
     position: relative
 }

 #diploma-pilates-context #cc-step-wrap .list {
     margin-top: 50px
 }

 #diploma-pilates-context #cc-step-wrap .btn-wrap-cc {
     display: flex;
     position: absolute;
     top: 575px;
     left: 50%;
     width: 1170px;
     margin-left: -585px;
     border-radius: 0 0 10px 10px;
     overflow: hidden
 }

 #diploma-pilates-context #cc-step-wrap .btn-wrap-cc button {
     height: 50px;
     width: 100%;
     border: 0;
     background-color: #423e3e;
     color: #aaa;
     font-weight: 500;
     font-size: 15px;
     position: relative
 }

 #diploma-pilates-context #cc-step-wrap .btn-wrap-cc button::after {
     content: "";
     width: 1px;
     display: block;
     height: 100%;
     background: #373334;
     position: absolute;
     right: 0;
     top: 0
 }

 #diploma-pilates-context #cc-step-wrap .btn-wrap-cc button.active {
     background-color: #a99d8f;
     color: #fff
 }

 #diploma-pilates-context .why-first {
     overflow: hidden;
     padding-top: 70px
 }

 #diploma-pilates-context .why-first .items,
 #diploma-pilates-context .why-first .thumb {
     width: 1170px
 }

 #diploma-pilates-context .why-first .thumb {
     background: url("/images/imgs/diploma/why.jpg") no-repeat
 }

 #diploma-pilates-context .why-first .items>div {
     width: 370px
 }

 #diploma-pilates-context .why-first .items>div strong br {
     display: none
 }

 #diploma-pilates-context .why-first+.student-review .tit-wrap {
     border: 0;
     margin: 58px auto 15px;
     width: 1170px
 }

 #diploma-pilates-context .student-review {
     background-color: #f5f5f5;
     overflow: hidden
 }

 #diploma-pilates-context .student-review .review {
     margin: 0 auto;
     width: 1200px;
     float: none;
     right: 0
 }

 #diploma-pilates-context .student-review .review #slider-review {
     height: 210px
 }

 #diploma-pilates-context .student-review .review .slider-review-next,
 #diploma-pilates-context .student-review .review .slider-review-prev {
     width: auto;
     height: auto;
     border-radius: 0;
     border: 0;
     line-height: 1;
     font-size: 50px;
     color: #a99d8f;
     top: 35px
 }

 #diploma-pilates-context .student-review .review .slider-review-next::before,
 #diploma-pilates-context .student-review .review .slider-review-prev::before {
     display: none
 }

 #diploma-pilates-context .student-review .review .slider-review-prev {
     right: initial;
     left: 0
 }

 #diploma-pilates-context .student-review .review .slider-review-prev::after {
     content: "prev";
     font-family: swiper-icons
 }

 #diploma-pilates-context .student-review .review .slider-review-next::after {
     content: "next";
     font-family: swiper-icons
 }

 #diploma-pilates-context .student-review .review .swiper-container {
     width: 1200px;
     padding: 0 15px
 }

 #diploma-pilates-context .student-review .review .swiper-slide {
     width: 100%;
     display: flex;
     justify-content: space-between;
     box-shadow: none;
     border-radius: 0;
     border: 0
 }

 #diploma-pilates-context .student-review .review .swiper-slide a {
     width: 370px;
     height: 130px;
     overflow: hidden;
     border: solid 1px #e8e8e8;
     box-shadow: 0 0 10px #ddd;
     border-radius: 10px;
     padding: 0;
     background-color: #fff
 }

 #diploma-pilates-context .student-review .review .swiper-slide a .thumb img,
 #diploma-pilates-context .student-review .review .swiper-slide a .thumb {
     width: 50px;
     height: 50px;
     top: 15px;
     left: 15px
 }

 #diploma-pilates-context .student-review .review .swiper-slide a .date {
     right: initial;
     left: 80px;
     top: 40px
 }

 #diploma-pilates-context .student-review .review .swiper-slide a .name {
     padding-left: 80px;
     margin-bottom: 40px
 }

 #diploma-pilates-context .student-review .review .swiper-slide a .parag {
     padding-left: 15px
 }

 #diploma-pilates-context .banner {
     background: url("/images/imgs/diploma/banner.jpg") no-repeat center top;
     height: 300px
 }

 #diploma-pilates-context .job-support {
     width: 1170px;
     padding-bottom: 70px
 }

 #diploma-pilates-context .job-support .tit-wrap {
     padding: 60px 0 40px 0
 }

 #diploma-pilates-context .job-support .bg {
     background: url("/images/imgs/diploma/jobspot.jpg") no-repeat center;
     height: 200px;
     display: block
 }

 #diploma-pilates-context .job-support .moreview {
     top: 68px
 }

 #diploma-pilates-context.yoga .context1 {
     background-image: url("/images/imgs/diploma/context1-yoga.jpg")
 }

 #diploma-pilates-context.scolicsis1 .context1 {
     background-image: url("/images/imgs/correction/scoliosis_img.png");
     background-repeat: no-repeat;
 }

 #diploma-pilates-context.yoga .step-guide .context {
     background-image: url("/images/imgs/diploma/context2-yoga.jpg");
     height: 680px
 }

 #diploma-pilates-context.yoga .diploma-target .parag-wrap .n1 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -65px;
     width: 108px;
     height: 136px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context.yoga .diploma-target .parag-wrap .n2 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: 0px -221px;
     width: 96px;
     height: 129px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context.yoga .diploma-target .parag-wrap .n3 .picto::before {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -128px -65px;
     width: 110px;
     height: 118px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }

 #diploma-pilates-context.yoga .check-point .point-wrap .n1 .img {
     background-image: url("/images/imgs/diploma/check1-yoga.jpg")
 }

 #diploma-pilates-context.yoga .check-point .point-wrap .n2 .img {
     background-image: url("/images/imgs/diploma/check2-yoga.jpg")
 }

 #diploma-pilates-context.yoga .check-point .point-wrap .n3 .img {
     background-image: url("/images/imgs/diploma/check3-yoga.jpg")
 }

 .job-support {
     width: 850px;
     margin: 0 auto
 }

 .job-support img {
     width: 100%;
     margin-top: 40px
 }

 .job-support .tit-wrap {
     display: flex;
     align-items: center;
     position: relative
 }

 .job-support .tit-wrap .moreview {
     position: absolute;
     right: 0;
     margin: 0;
     top: 60px
 }

 .job-support .tit-wrap .moreview a {
     margin: 0;
     color: #a99d8f
 }

 .job-support .tit-wrap .text-jobsupport {
     background: none;
     background-image: url(/images/imgs/sprite.png);
     background-position: -584px -773px;
     width: 176px;
     height: 11px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em;
     margin-right: 25px
 }

 .job-support .tit-wrap h4 {
     font-size: 28px;
     color: #333
 }

 .job-support .tit-wrap h4 span {
     font-weight: 300
 }

 .card-teacher-items {
     display: block;
     position: relative
 }

 .card-teacher-items .wrap {
     position: absolute;
     right: 10%;
     top: 60px;
 }

 .swiper-backface-hidden .swiper-slide img {
     margin: 0 auto;
     display: block;
 }

 .card-teacher-items .cate {
     display: inline-block;
     line-height: 23px;
     color: #a99d8f;
     border: solid 1px #a99d8f;
     border-radius: 10px;
     padding: 0 8px;
     font-size: 14px
 }

 .card-teacher-items .name {
     font-size: 22px;
     color: #333;
     font-weight: bold;
     display: block;
     margin: 13px 0 8px
 }

 .card-teacher-items .type {
     color: #555
 }

 .card-teacher-items .type::after {
     content: "+";
     display: inline-block;
     width: 16px;
     line-height: 16px;
     border-radius: 100%;
     text-align: center;
     font-weight: 400;
     color: #fff;
     background: #a99d8f;
     margin-left: 5px;
     transition: all .8s
 }

 .card-teacher-items:hover .type::after {
     transform: rotate(360deg)
 }

 .list-box .list-box-tit {
     font-size: 18px;
     border-bottom: solid 1px #a99d8f;
     padding-bottom: 15px;
     color: #a99d8f
 }

 .list-box .list-box-items {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     justify-content: flex-start;
     padding: 10px 0;
     border-bottom: solid 1px #dcdcdc
 }

 .list-box .list-box-items .parag {
     margin-left: 20px;
     line-height: 1.3
 }

 .view-quick {
     position: fixed;
     right: 0;
     top: 0;
     transition: all .2s;
     opacity: 0
 }

 .view-quick.init {
     opacity: 1
 }

 .view-quick h5 {
     background: #a99d8f;
     color: #fff;
     display: block;
     width: 115px;
     height: 34px;
     border: solid 1px #e8e8e8;
     border-radius: 8px 8px 0 0;
     border-bottom: 0;
     line-height: 34px;
     text-align: center;
     font-weight: 300
 }

 .view-quick .item-wrap {
     border: solid 1px #e8e8e8;
     border-bottom: 0;
     background: #fff
 }

 .view-quick .item-wrap .items {
     width: 178px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     border-bottom: solid 1px #e8e8e8
 }

 .view-quick .item-wrap .items img {
     width: 110px;
     height: 110px;
     display: block;
     border-radius: 100%;
     margin: 15px 0
 }

 .view-quick .item-wrap .items .labels {
     padding: 0 7px;
     display: inline-block;
     border: solid 1px #a99d8f;
     height: 20px;
     line-height: 18px;
     font-size: 12px;
     color: #a99d8f;
     border-radius: 10px
 }

 .view-quick .item-wrap .items .name {
     display: block;
     font-size: 13px;
     color: #333;
     margin: 8px 0 15px
 }

 #term-service.cost #tbl2 {
     border-top: 1px solid #a99d8f
 }

 #term-service.cost #tbl2>div span:nth-child(1) {
     flex-basis: 80%;
     text-align: left;
     padding-left: 20px
 }

 #term-service.cost #tbl2>div span:nth-child(2) {
     flex-basis: 20%
 }

 #term-service.cost #tbl2 .td span:nth-child(2) {
     color: #a99d8f;
     font-weight: 500
 }

 #tbl2 {
     margin: 20px 0 40px
 }

 #tbl2 .td,
 #tbl2 .th {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     border-bottom: 1px solid #e8e8e8
 }

 #tbl2 .td>span,
 #tbl2 .th>span {
     flex-basis: 33.3%;
     text-align: center;
     padding: 17px 0;
     line-height: 1.5
 }

 #tbl2 .th {
     border-top: 1px solid #e8e8e8;
     background-color: #f2f2f2;
     font-weight: bold
 }

 #tbl2 .color {
     color: #a99d8f
 }

 #term-service {
     width: 1410px;
     margin: 0 auto;
     padding-bottom: 100px
 }

 #term-service .mb20 {
     padding-bottom: 20px
 }

 #term-service .color {
     color: #a99d8f
 }

 #term-service .underline {
     text-decoration: underline
 }

 #term-service .noti {
     margin-top: 25px
 }

 #term-service .numeric li {
     list-style-type: number;
     list-style-position: inside;
     line-height: 1.3;
     margin: 8px 0
 }

 #term-service .item {
     margin: 7px 0;
     line-height: 1.5
 }

 #term-service .parag {
     line-height: 1.5
 }

 #term-service .parag+.numeric {
     margin-top: 20px
 }

 #term-service .s-tit {
     font-size: 18px;
     color: #a99d8f;
     font-weight: 500;
     position: relative;
     margin-top: 53px
 }

 #term-service .s-tit span {
     background-color: #fff;
     position: relative;
     z-index: 3;
     padding-right: 10px
 }

 #term-service .s-tit::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     display: block;
     left: 0;
     top: 10px;
     background-color: #a99d8f
 }

 #term-service .context {
     padding: 23px 0 26px;
     line-height: 1.5;
     border-bottom: 1px solid #e8e8e8
 }

 #hambuger {
     display: none
 }

 .ico-mquick-04,
 .ico-mquick-05 {
     display: none
 }

 #reply_wrap {
     width: 100%;
 }

 #lv-container {
     width: 1410px;
     margin: 0 auto;
     flex-wrap: wrap;
 }
 
 /* 아카데미 소개 > 강사 소개 : 강사 직함 수정*/
 .teacher-items li .teacher-info .cont .cate {
    color: #a99d8f;
}

.teacher-items li .teacher-info .cont .cate::before {
    display: none;
}

/* pilates_diploma_test.asp */
.pilatesEvent .pc-imgs {display: block;}
.pilatesEvent .mo-imgs {display: none;}
.pilatesEvent .sub-tit-page-type2 .head {font-weight: 400;}
.pilatesEvent .sub-tit-page-type2 .head span {display: block; color: #cbbca8; margin-bottom: 10px;}
.pilatesEvent .inner_1170 {width: 100%; max-width: 1170px; margin: 0 auto; padding-bottom: 80px;}
.pilatesEvent .review ul {}
.pilatesEvent .review ul li {margin-bottom: 50px;}
.pilatesEvent .review ul li:last-child {margin-bottom: 0;}
.pilatesEvent .review ul li a {display: flex; justify-content: space-between; align-items: center; border: 1px solid #9E8E71; border-radius: 10px; padding: 50px 200px; box-sizing: border-box; }
.pilatesEvent .review ul li .profile {text-align: center;}
.pilatesEvent .review ul li .profile p {margin-top: 10px;}
.pilatesEvent .review ul li .review-text {width: 65%;}
.pilatesEvent .review ul li .review-text p {font-size: 18px; line-height: 1.4;}
.pilatesEvent .firstacademy-benefits {background-color: #f7f6f5; border-top: 1px solid rgba(0, 0, 0, 0);}
.pilatesEvent .firstacademy-benefits .benefits-contents { margin: 0 auto; display: flex; justify-content: space-between;}
.pilatesEvent .firstacademy-benefits .benefits-contents .con1,
.pilatesEvent .firstacademy-benefits .benefits-contents .con2,
.pilatesEvent .firstacademy-benefits .benefits-contents .con3 {width: 32%;}
.pilatesEvent .firstacademy-benefits .benefits-contents img {width: 100%;}
.pilatesEvent .Introduction-instructors .swiper {max-width: 1920px; padding: 0 40px;}
.pilatesEvent .Introduction-instructors .swiper-slide {width: 330px; padding-right: 50px; box-sizing: content-box;}
.pilatesEvent .Introduction-instructors .swiper-slide:last-child {padding-right: 0;}
.pilatesEvent .Introduction-instructors a {display: block; position: relative;}
.pilatesEvent .Introduction-instructors a span.label {position: absolute; display: inline-block; left: 15px; top: 15px; padding: 7px 8px; border: solid 1px #a99d8f; color: #a99d8f; background: #fff; border-radius: 15px; text-transform: uppercase;}
.pilatesEvent .Introduction-instructors a img {border-radius: 10px; border: 1px solid #9e9181;}
.pilatesEvent .Introduction-instructors a .teacher-info strong {display: block; padding: 17px 0 10px; font-size: 22px; color: #333;}
.pilatesEvent .Introduction-instructors a .teacher-info .cont {color: #a99d8f;}
.pilatesEvent .Introduction-instructors a .teacher-info .cont::before {content: ""; background: none; background-image: url(/images/imgs/sprite.png); background-position: -1244px -195px; width: 11px; height: 10px; color: transparent; font-size: 9px; overflow: hidden; display: inline-block; text-indent: -999em;}
.pilatesEvent .Introduction-instructors a .teacher-info .cont .cate {color: #a99d8f;}
.pilatesEvent .inquiry_btn .inner_1170 {text-align: center;}
.pilatesEvent .inquiry_btn .inner_1170 a {display: inline-block; font-size: 24px; padding: 20px 80px; background: #9e9181; color: #fff; border-radius: 6px;}
.pilatesEvent .Class-schedule .schedule-img img {width: 100%;}

 /* 풀사이즈 배너 CSS */
 .swiper-wrapper .w_100p {
    width: 100% !important;
}

.bannerMain .w_100p .mdc-touch-target-wrapper {
    width: 100%;
}

.swiper-wrapper .w_100p .mdc-button {
    width: 100%;
}

.swiper-wrapper .w_100p .mdc-button__label .p_hide {
    display: none;
}

.swiper-wrapper .w_100p .mdc-button__label .m_hide {
    display: inline-block;
}

/* kiosk_campus.asp */
#kiosk {letter-spacing: -3px;}
#kiosk #contentArea .titleBox {font-size: 2vw;}
#kiosk #contentArea .titleBox .title {margin-bottom: 1vw;}
#kiosk #contentArea .select_campus select {width: 20vw; padding: 2vw 0; font-size: 2vw; border: 2px solid #eee; border-radius: 0.6vw; padding-left: 1vw; box-sizing: border-box; margin: 4vw auto; display: block;}

/* kiosk.asp */
#kiosk #headerArea {position: fixed; top: 0; width: 70%; background: #a99d8f;}
#kiosk #headerArea .kiosk_header {display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
#kiosk #headerArea .kiosk_header a {display: block; font-size: 2vw; color: #fff; padding: 1.5vw;}
#kiosk #headerArea .kiosk_header a img {width: 2vw; height: 2vw;}
#kiosk #headerArea .menu {display: flex; padding: 0 4vw;}
#kiosk #headerArea .menu p {width: 25%; padding: 0.8vw 0; border-radius: 1vw 1vw 0 0; box-sizing: border-box; font-size: 1.7vw; text-align: center; background-color: #a99d8f; color: #fff; cursor: pointer;}
#kiosk #headerArea .menu p.on {background-color: #fff; color: #a99d8f;}
#kiosk #contentArea {width: 70%; height: calc(100vh - 8.4vw); background: #fff; padding: 1vw 1vw 0; box-sizing: border-box; margin-top: 8.4vw; overflow: scroll;}
#kiosk #contentArea ul.depth2 {display: flex; flex-wrap: wrap;}
#kiosk #contentArea ul.depth2 li {display: none; width: 31%; margin: 1%;}
/* #kiosk #contentArea ul.depth2 li {display: none; width: 23%; margin: 1%;} */
#kiosk #contentArea ul.depth2 li.on {display: block;}
#kiosk #contentArea ul.depth2 li figure {width: 100%; border-radius: 1vw 1vw 1vw 1vw; overflow: hidden; box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
/* #kiosk #contentArea ul.depth2 li figure {width: 100%; aspect-ratio: 1 / 1; border-radius: 1vw 1vw 1vw 1vw; overflow: hidden;} */
#kiosk #contentArea ul.depth2 li figure img {width: 100%;}
#kiosk #contentArea ul.depth2 li .title {font-size: 1.7vw; padding: 1vw 0.5vw; box-sizing: border-box; line-height: 1.2}
/* #kiosk #btnArea {position: fixed; top: 0; right: 0; width: 30%; height: 100%; background: #eee;} */
#kiosk #btnArea {position: fixed; top: 0; right: 0; width: 30%; height: 100%; background: #eee; overflow: scroll;}
#kiosk #btnArea .pf_View {text-align: center;}
#kiosk #btnArea .pf_View .pfSwiper {padding: 2vw 2vw 0; overflow: hidden;}
#kiosk #btnArea .pfSwiper img {width: auto; height: calc(80vh - 10vw); max-height: 36vw; box-shadow: 0 0 1vw rgba(0,0,0,0.3);}
/* #kiosk #btnArea .pf_View .pfSwiper>img {width: 100%; height: auto; max-height: calc(80vh - 10vw); max-width: 100%; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.3);} */
#kiosk #btnArea .pf_View p {font-size: 1.5vw; text-align: center; margin-top: 1.5vw;}
#kiosk #btnArea .swiper-pagination {position: static; width: 100%; margin: 2vw auto 0;}
/* #kiosk #btnArea .swiper-pagination {position: static; width: 100%; margin: 3vw auto 0;} */
#kiosk #btnArea .swiper-pagination .swiper-pagination-bullet {background: #ccc; opacity: 1; margin: 0vw 0.4vw 1vw; width: 0.7vw; height: 0.7vw;}
#kiosk #btnArea .swiper-pagination .swiper-pagination-bullet-active {background: #a99d8f;}
/* #kiosk #btnArea .swiper-slide_02 {width: auto; height: calc(80vh - 10vw); max-height: 36vw; box-shadow: 0 0 1vw rgba(0,0,0,0.3); margin-top: 30px;} */ */
#kiosk #btnArea .swiper-slide_02 {padding-top: 20px; width: 100%; max-width: 300px; height: auto; display: flex; justify-content: center; align-items: center; margin: 20px auto 0; overflow: hidden;}
#kiosk #btnArea .swiper-slide_02>img{width: 100%; height: auto; object-fit: contain; display: block;}
/* #kiosk #btnArea .pf_View .pfSwiper>img {width: auto; height: calc(80vh - 10vw); max-height: 36vw; box-shadow: 0 0 1vw rgba(0,0,0,0.3);} */
/* @media (max-width: 768px) {.swiper-slide_02 {max-width: 200px;}} */
/* #kiosk #btnArea .alcBtn {position: absolute; bottom: 0; width: 100%; text-align: center; padding: 2vw; box-sizing: border-box;} */
#kiosk #btnArea .alcBtn {position: relative; bottom: 0; width: 100%; text-align: center; padding: 2vw; box-sizing: border-box;}
#kiosk #btnArea .alcBtn a {display: block; height: 7vw; line-height: 7vw; font-size: 2vw; color: #fff; background: #a99d8f; border-radius: 1vw;}
#kiosk .popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0,0,0,0.75); overflow: hidden; z-index: 10;}
#kiosk .popup.on {display: block; width: 100%;}
#kiosk .popup .popupSwiper {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; overflow: hidden;}
#kiosk .popup .popupClose {position: absolute; top: 0; right: 0; width: 2vw; height: 2vw; background: url(/images/imgs/kiosk/popup_close.png) no-repeat center/3vw; padding: 3vw; z-index: 20;}
#kiosk .popup .popupImg {width: 100%; height: 100%;}
#kiosk .popup .popupImg img {display: block; height: 100%; margin: 0 auto;}
#kiosk .popup .popupImg img.on {display: block;}
#kiosk .popup .swiper-button-next,
#kiosk .popup .swiper-button-prev {width: 2vw; height: 2vw; background: no-repeat center/4vw; padding: 2vw; margin: 0 2vw; opacity: 0.5;}
#kiosk .popup .swiper-button-next {background-image: url(/images/imgs/kiosk/popup_arrow_right.png);}
#kiosk .popup .swiper-button-prev {background-image: url(/images/imgs/kiosk/popup_arrow_left.png);}
#kiosk .pfPopupSwiper {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0,0,0,0.75); overflow: hidden; z-index: 10;}
#kiosk .pfPopupSwiper.on {display: block; width: 100%;}
#kiosk .pfPopupSwiper .popupSwiper {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; overflow: hidden;}
#kiosk .pfPopupSwiper .popupClose {position: absolute; top: 0; right: 0; width: 2vw; height: 2vw; background: url(/images/imgs/kiosk/popup_close.png) no-repeat center/3vw; padding: 3vw; opacity: 0.5; z-index: 20;}
#kiosk .pfPopupSwiper .popupImg {width: 100%;}
#kiosk .pfPopupSwiper .popupImg img {height: 100%;}
#kiosk .pfPopupSwiper .popupImg img.on {display: block;}
#kiosk .pfPopupSwiper .swiper-slide {width: auto;}
/* #kiosk .pfPopupSwiper .swiper-slide img {height: 300px;} */
#kiosk .pfPopupSwiper .swiper-button-next,
#kiosk .pfPopupSwiper .swiper-button-prev {width: 2vw; height: 2vw; background: no-repeat center/4vw; padding: 2vw; margin: 0 2vw;}
#kiosk .pfPopupSwiper .swiper-button-next::after,
#kiosk .pfPopupSwiper .swiper-button-prev::after {display: none;}
#kiosk .pfPopupSwiper .swiper-button-next {background-image: url(/images/imgs/kiosk/popup_arrow_right.png);}
#kiosk .pfPopupSwiper .swiper-button-prev {background-image: url(/images/imgs/kiosk/popup_arrow_left.png);}

.second_Popup_wrap {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0,0,0,0.75); overflow: hidden; z-index: 10;}
.second_Popup_wrap .second_Popup {margin: 0; padding: 0; height: 100%; overflow: hidden;}
.second_Popup_wrap .second_Popup .popupcontent {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px;max-height: 100%; overflow-y: auto; background-color: #222;border: 2px solid #444;border-radius: 8px;}
.second_Popup_wrap .second_Popup .popupcontent img {width: 100%; height: auto;}
.second_Popup_wrap .second_Popup .popupClose {position: absolute; top: 0; right: 0; width: 2vw; height: 2vw; background: url(/images/imgs/kiosk/popup_close.png) no-repeat center/3vw; padding: 3vw; z-index: 20;} 

/* --------- AET 워크샵 - start --------- */
.workshop_title {font-family: "Poppins", "pretendard"; font-weight: 600; letter-spacing: 2px; font-family: "Poppins", "pretendard"; font-size: 20px; font-weight: 400; margin-right: 11px; color: #a99d8f;}
.workshop_head {display: inline; width: 100%; margin: 0 auto; font-size: 28px;}
.workshop_content .pc_img {
    width: 100%;
    height: auto; /* 가로 크기에 맞춰 자동으로 높이 조정 */
    display: block;
}
.workshop_content .mo_img {
    display: none;
}

@media (max-width: 1400px) {
    .workshop_content .mo_img {
        width: 100%;
        height: auto; /* 가로 크기에 맞춰 자동으로 높이 조정 */
        display: block;
    }
    .workshop_content .pc_img {display: none;}
    .workshop_title {font-family: "Poppins", "pretendard"; font-weight: 600; letter-spacing: 2px; font-family: "Poppins", "pretendard"; font-size: 16px; font-weight: 400; margin-right: 11px; color: #a99d8f;}
    .workshop_head {display: inline; width: 100%; margin: 0 auto; font-size: 20px;}

    .notice_01{
        padding: 20px 0px 0px 0px;
        background-color: #fff;
    }
    
    

}

@media (max-width: 800px){
    .workshop_title {font-family: "Poppins", "pretendard"; font-weight: 600; letter-spacing: 2px; font-family: "Poppins", "pretendard"; font-size: 12px; font-weight: 400; margin-right: 11px; color: #a99d8f;}
    .workshop_head {display: block; width: 100%; margin: 4px 0 auto; font-size: 20px;}
}
/* --------- AET 워크샵 - end --------- */



@media (max-width: 800px) {
    .second_Popup_wrap .second_Popup .popupcontent {
        /* width: calc(100% - 40px); 화면 양쪽 20px씩 여유를 줌 */
        height: auto;
        max-width: 100%; /* 화면 너비의 90% */
        max-height: 100%; /* 화면 높이의 90% */
        /* padding: 10px; */
    }
}

/* kiosk_info_basic.asp */
#kiosk #contentArea.infoArea {height: calc(100vh - 5vw); margin-top: 5.0vw; padding: 2vw;}
#kiosk #contentArea.infoArea .infoBox > li {margin-bottom: 2vw; font-size: 1.7vw; line-height: 2.5vw;}
#kiosk #contentArea.infoArea .infoBox > li > p {position: relative; display: table; font-size: 1.7vw; line-height: 2.5vw;}
#kiosk #contentArea.infoArea .infoBox > li > p.infoImp::after {position: absolute; content: ""; top: 50%; right: -2vw; transform: translateY(-50%); background: url(/images/imgs/kiosk/ico_required.png) no-repeat center/cover; width: 1vw; height: 1vw;}
#kiosk #contentArea.infoArea .infoBox > li .warning {font-size: 1.7vw; color: #b5b5b5; margin-left: 1vw;}
#kiosk #contentArea.infoArea .infoBox input[type="text"], 
#kiosk #contentArea.infoArea .infoBox > li > select {font-size: 2vw; height: 5vw; margin-top: 1vw; border: 2px solid #eee; background: #eee; border-radius: 0.6vw; padding-left: 1vw; box-sizing: border-box; color: #222222;}
#kiosk #contentArea.infoArea .infoBox > li .w130 {width: 13vw;}
#kiosk #contentArea.infoArea .infoBox > li .w200 {width: 20vw;}
#kiosk #contentArea.infoArea .infoBox > li .w230 {width: 23vw;}
#kiosk #contentArea.infoArea .infoBox > li .w330 {width: 33vw;}
#kiosk #contentArea.infoArea textarea {font-size: 1.4vw; height: 20vw; width: 100%; box-sizing: border-box; background-color: #f8f8f8; padding: 1vw;}
#kiosk #contentArea.infoArea .checkbox_label .ad_checkbox,
#kiosk #contentArea.infoArea .checkbox_label .pp_checkbox{display: flex; align-items: center; justify-content: left; margin-top: 2vw;}
#kiosk #contentArea.infoArea .checkbox_label input[type="checkbox"] {display: none;}
#kiosk #contentArea.infoArea .checkbox_label .checkbox_text {position: relative; padding-left: 3vw;}
#kiosk #contentArea.infoArea .checkbox_label .checkbox_text::before {position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); width: 2vw; height: 2vw; background: #fff; border: 1px solid #9da3a5; box-sizing: border-box; border-radius: 0.4vw; cursor: pointer;}
#kiosk #contentArea.infoArea .checkbox_label input:checked+.checkbox_text::before {background: #343434 url(/images/imgs/kiosk/ico_checked.png) no-repeat center/100%;}
#kiosk #contentArea.infoArea .checkbox_label label {font-size: 1.4vw;}

/* kiosk_info_subject.asp */
#kiosk #contentArea.infoArea .select_depth1 {display: flex; justify-content: space-between; margin-top: 1vw;}
#kiosk #contentArea.infoArea .select_depth1 li {width: calc(100% / 3 - 1vw); cursor: pointer;}
#kiosk #contentArea.infoArea .select_depth1 li p {display: block; width: 100%; text-align: center; padding: 1vw 0; border: 1px solid #a99d8f; color: #a99d8f; box-sizing: border-box; border-radius: 0.6vw; font-size: 1.7vw; line-height: 2.5vw;}
#kiosk #contentArea.infoArea .select_depth1 li.on p {background-color: #a99d8f; color: #fff;}
#kiosk #contentArea.infoArea .select_depth2 {padding-top: 1vw;}
#kiosk #contentArea.infoArea .select_depth2 li {display: none; justify-content: space-between; align-items: center; border-bottom: 1px solid #e8e8e8; margin-top: 1vw; box-sizing: border-box; background: #eee; cursor: pointer; flex-wrap: wrap; border-radius: 1vw;}
#kiosk #contentArea.infoArea .select_depth2 li.on {display: flex;}
#kiosk #contentArea.infoArea .select_depth2 li .subject_info {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1.5vw 3vw;}
#kiosk #contentArea.infoArea .select_depth2 li p {position: relative; width: 70%; font-size: 1.7vw; line-height: 1.2;}
#kiosk #contentArea.infoArea .select_depth2 li .subject_price {width: 20%; text-align: right;}
#kiosk #contentArea.infoArea .select_depth2 li select {display: none; width: 100%; height: 5.5vw; font-size: 1.7vw; border: 1px solid #e8e8e8; margin: 0 2vw 1.5vw; padding: 1vw; box-sizing: border-box; background: #fff;}
#kiosk #contentArea.infoArea .select_depth2 li select.on {display: block;}
#kiosk #contentArea.infoArea > li > .lecture-list-select {position: relative; font-size: 2.8vw; height: 6.8vw; margin: 1vw 0 0; width: 100%; padding: 2vw 7vw 2vw 1vw; box-sizing: border-box; box-shadow: 0.2vw 0.2vw 1.2vw 0.2vw rgba(0, 0, 0, 0.10); border-radius: 0.6vw;}
#kiosk #contentArea.infoArea > li > .lecture-list-select::after {display: none;}
#kiosk #contentArea.infoArea > li > .lecture-list-select button {position: absolute; background: none; top: 0; right: 0; padding: 2vw;}
#kiosk #contentArea.infoArea > li > .lecture-list-select button img {display: block; width: 3vw; height: 3vw; opacity: 0.7;}
#kiosk #contentArea.infoArea .price {display: inline-block; font-size: 2vw; height: 5vw; line-height: 5vw; text-align: center; margin: 1vw 1vw 0 0; border: none; background: #eee; border-radius: 0.6vw;}
#kiosk #contentArea.infoArea .check-box {margin-bottom: 1vw;}
#kiosk #contentArea.infoArea .check-box h4 {font-size: 1.7vw; font-weight: 600; margin-bottom: 1vw;}
#kiosk #contentArea.infoArea .check-box li {font-size: 1.4vw; line-height: 2vw;}
#kiosk #contentArea.infoArea .lecture-list {display: none;}
#kiosk #btnArea .infoBox {height: calc(100% - 20vw);}
#kiosk #btnArea .checkbox_label {padding: 2vw;}
#kiosk #btnArea .checkbox_label .ad_checkbox,
#kiosk #btnArea .checkbox_label .pp_checkbox{display: flex; align-items: center; justify-content: left; margin-bottom: 1vw;}
#kiosk #btnArea .checkbox_label input[type="checkbox"] {display: none;}
#kiosk #btnArea .checkbox_label .checkbox_text {position: relative; padding-left: 3vw; word-break: keep-all; line-height: 1.7vw;}
#kiosk #btnArea .checkbox_label .checkbox_text::before {position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); width: 2vw; height: 2vw; background: #fff; border: 1px solid #9da3a5; box-sizing: border-box; border-radius: 0.4vw; cursor: pointer;}
#kiosk #btnArea .checkbox_label input:checked+.checkbox_text::before {background: #343434 url(/images/imgs/kiosk/ico_checked.png) no-repeat center/100%;}
#kiosk #btnArea .checkbox_label label {font-size: 1.4vw;}

#kiosk #btnArea .lecture-select {padding: 2vw 2vw 1vw; font-size: 1.7vw;}
#kiosk #btnArea .lecture-list {padding: 0 2vw; height: calc(100% - 5vw); overflow: scroll;}
#kiosk #btnArea .lecture-list .lecture-list-select {position: relative; padding: 1vw; font-size: 1.7vw; background: #fff; border-radius: 1vw; margin-bottom: 1vw; line-height: 2.5vw;}
#kiosk #btnArea .lecture-list .lecture-list-select button {position: absolute; top: 1vw; right: 1vw; width: 1.5vw; height: 1.5vw; background: none; border: none;}
#kiosk #btnArea .lecture-list .lecture-list-select button img {width: 100%;}
#kiosk #btnArea .lecture-price {padding: 2.5vw 2vw; margin: 2vw; box-sizing: border-box; background: #fff; border-radius: 1vw; font-size: 2vw; position: absolute; width: calc(100% - 4vw); bottom: 8vw; display: flex; justify-content: space-between;}
#kiosk #btnArea .lecture-price span {width: 14vw; text-align: right;}

#kiosk .selectBox2 {display: flex; justify-content: space-between;}
#kiosk .selectBox2 input[type="radio"] {display: none;}
#kiosk .selectBox2 input[type="radio"]+label {display: inline-block; cursor: pointer; width: 49%; margin-top: 1vw; line-height: 6.2vw; text-align: center; background: #eee; color: #666; border: 1px solid rgba(0,0,0,0); border-radius: 0.6vw; box-sizing: border-box;}
#kiosk .selectBox2 input[type="radio"]:checked+label {border: 1px solid #04C22E; background: #EFF8F1; color: #04C22E; box-sizing: border-box;}
#kiosk #btnArea .alcBtn.alcBtn_type2 a {width: 100%}
#kiosk #btnArea .alcBtn.alcBtn_type2 a.abNo {background: #fff; color: #666; margin-bottom: 1vw;}

.kiosk_pl .depth2 {background: #d2d2d1;}
.kiosk_pl .depth2 .swiper-slide img {display: block; width: 90%; box-shadow: 0 0 1vh rgba(0,0,0,0.3); margin: 5vh auto;}
#kiosk .alcBtn_type3 {display: flex; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding: 0.8vh; box-sizing: border-box; box-shadow: 0 0 0.8vh rgba(0, 0, 0, 0.2); z-index: 10; background-color: #fff; border-top: 1px solid #ccc; box-sizing: border-box;}
#kiosk .alcBtn_type3 a {border-radius: 0.8vh; z-index: 10;}
#kiosk .alcBtn_type3 a.abNo {margin-right: 0.8vh; background: #fff; color: #343434; border: 1px solid #343434; box-sizing: border-box;}

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

    #c-ex01{ 
        padding: 0px;
     }
    
     #header .menu-wrap {
         float: right;
         display: flex;
         align-items: center;
         height: 75px;
         width: 78%;
     }

     #header .depth1 .swiper-wrapper .swiper-slide {
         width: auto;
         height: auto;
         margin: 0 18px;
         text-align: center;
         line-height: 1.3;
     }
 }

 @media all and (max-width: 1200px) {
     .adv_cscenter .contents .tel {
         background-size: 104vw;
     }

     #cunsilting-view .visual-context8 table td a {
         width: 100%;
     }
 }

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

  

     .bannerMain #nav {
         display: none;
     }

     #lv-container {
         width: 100%;
         padding: 0 20px
     }

     .step-wrap::before {
         width: 80%;
         left: 10%
     }

     #quick-context-wrap {
         justify-content: flex-end
     }

     #diploma-pilates-context.scolicsis1 .context1 {
         background-image: url(/images/imgs/correction/legs_img.png);
         background-repeat: no-repeat;
         width: 50%;
         /* float: left; */
         height: auto;
         margin-left: 0;
     }

     #quick-context-wrap::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -436.5px;
         width: 83px;
         height: 33px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 0 auto;
         position: relative;
         top: 10px
     }

     #quick-context-wrap .contact-form.quick-context {
         width: 100%
     }

     #quick-context-wrap .contact-form.quick-context .item-wrap {
         flex-direction: column
     }

     #quick-context-wrap .contact-form.quick-context .item-wrap .item {
         margin-right: 0
     }

     #quick-context-wrap .contact-form.quick-context .item-wrap .private {
         flex-basis: initial
     }

     #quick-context-wrap .contact-form .item .label {
         width: auto
     }

     #quick-context-wrap .contact-form {
         position: static;
         border-radius: 0;
         box-shadow: none;
         padding: 20px 10px 30px 10px
     }

     #quick-context-wrap .contact-form form {
         position: relative
     }

     #quick-context-wrap .contact-form .item .req::after {
         transform: scale(0.5);
         transform-origin: left center
     }

     #quick-join {
         width: 100%;
         height: 100%;
         position: fixed;
         background: rgba(0, 0, 0, .8);
         z-index: 10;
         left: 0;
         top: 0;
         padding: 0;
         border: 0;
         border-radius: 0;
         flex-flow: column;
         justify-content: flex-end;
         display: none
     }

     #quick-join::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -436.5px;
         width: 83px;
         height: 33px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 0 auto;
         position: relative;
         top: 10px
     }

     #quick-join .item .req::after {
         transform: scale(0.5);
         transform-origin: left center
     }

     #quick-join .radio-wrap>span {
         flex-basis: 32%
     }

     #quick-join .radio-wrap label {
         width: 100%
     }

     #quick-join form {
         background-color: #fff;
         padding: 20px;
         padding-top: 10px
     }

     #quick-join .item,
     #quick-join .name {
         display: none
     }

     #quick-join .item-wrap .column,
     #quick-join .item-wrap .private {
         display: flex
     }

     #quick-join .item-wrap .private {
         justify-content: center;
         padding-bottom: 58px;
         position: relative
     }

     #quick-join .item-wrap .private .submit {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         margin: 0
     }

     #quick-join .item-wrap .column .label {
         width: 100%
     }

     .card-teacher-items .cate {
         font-size: 11px;
         line-height: 16px
     }

     .card-teacher-items img {
         max-width: 100%
     }

     .step-wrap {
         width: 100%;
         padding: 0 10px 40px 10px
     }

     .step-wrap::before {
         top: 33px
     }

     .step-wrap .picto {
         margin: 0 auto;
         width: 68px;
         height: 68px
     }

     .step-wrap .steps {
         font-size: 12px
     }

     .step-wrap .step-items {
         width: 20%
     }

     .step-wrap .step-items .picto::before {
         transform: scale(0.7);
         transform-origin: center center
     }

     .step-wrap .parag {
         width: 100%;
         margin: 0;
         font-size: 12px;
         letter-spacing: -1px
     }

     .step-wrap .parag br {
         display: none
     }

     .step-wrap .name {
         font-size: 15px;
         white-space: nowrap;
         letter-spacing: -1px
     }

     .card-teacher-items .name {
         font-size: 15px;
         margin: 5px 0
     }

     .card-teacher-items .type {
         font-size: 11px
     }

     .card-teacher-items .type::after {
         transform: scale(0.7);
         margin-left: 0
     }

     .field,
     .select {
         padding: 0 10px
     }

     .check {
         transform: scale(0.7)
     }

     .mdc-dialog-scroll-lock {
         overflow: hidden !important;
         touch-action: none
     }

     .select {
         width: auto;
         min-width: initial
     }

     .select-wrap .select {
         margin: 0;
         width: 40%
     }

     .mo-imgs {
         display: block;
         max-width: 100%;
         width: 100%;
         margin: 0 auto;
     }

     .support-center-intro .mo-imgs {
         display: none;
     }

     #cunsilting-view .visual-context .mo-imgs {
         display: block;
         max-width: 100%;
         width: 100%;
     }

     .br {
         display: inline-block
     }

     .mdc-button,
     .mdc-button__label {
         width: 100%
     }

     body {
         min-width: auto;
         font-size: 14px
     }

     body.lock {
         touch-action: none;
         overflow: hidden
     }

     .sub-header {
         height: auto
     }

     .sub-header #header {
         background-color: #fff
     }

     .sub-header #header .menu-wrap .items,
     .sub-header #header .depth1 a,
     .sub-header #header a {
         color: #555
     }

     .sub-header #header .depth1 .logo {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -154px -78px;
         width: 150px;
         height: 29px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #subNavi {
         overflow: hidden;
         border: solid 1px #e8e8e8
     }

     .sub-navigator {
         align-items: initial;
         justify-content: initial;
         padding: 0;
         border: 0
     }

     .sub-navigator.center {
         justify-content: center
     }

     .sub-navigator li {
         width: auto;
         margin: 0 10px
     }

     .sub-navigator a {
         font-size: 12px;
         margin: 0;
         line-height: 1;
         height: auto;
         padding: 15px 0
     }

     #header .wrap {
         width: 100%
     }

     #header .depth1 .logo {
         background: none;
         /* background-image: url(/images/main/pet_m_logo01.png); */
         /* background-position: -154px -78px; */
         width: 150px;
         height: 30.5px;
         /* background-size: 705px auto; */
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         /* vertical-align: middle */
     }

     #header .depth1 .logo-wrap {
         float: none;
         margin: 0 auto;
         padding: 0;
         width: 150px
     }

     #header .depth1 .menu-wrap {
         border-top: solid 1px #e8e8e8;
         height: auto;
         display: block;
         float: none;
         margin: 0;
         overflow: hidden;
         height: 44px;
         padding-left: 0;
         width: 100%;
     }

     #header .depth1 .swiper-wrapper {
         align-items: initial;
         justify-content: initial
     }

     #header .depth1 .swiper-wrapper .swiper-slide {
         margin: 0 20px;
         line-height: 44px
     }

     #header .depth2 .menu-wrap {
         padding: 0;
         margin: 0;
         background: #fff
     }

     #header .depth2 .menu-wrap .items {
         margin: 0;
         width: 100%;
         position: relative;
         align-items: flex-start
     }

     #header .depth2 .menu-wrap .items .ico {
         margin: 12px 10px
     }

     #header .depth2 .menu-wrap .items::before {
         content: "";
         position: absolute;
         left: 50px;
         top: 15px;
         color: #333
     }

     #header .depth2 .menu-wrap .items::after {
         content: "";
         position: absolute;
         display: block;
         width: 100%;
         height: 1px;
         background: #e8e8e8;
         left: 0;
         top: 48px
     }

     #header .depth2 .menu-wrap .items a {
         background: #f5f5f5;
         border-bottom: solid 1px #e8e8e8;
         display: block;
         width: 100%;
         padding: 12px 10px;
         color: #909090;
         display: none
     }

     #header .depth2 .menu-wrap .items.clicked a {
         display: block
     }

     #header .depth2 .n1 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -597.5px;
         width: 22px;
         height: 25px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n2 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -396.5px;
         width: 26.5px;
         height: 23.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n3 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -365.5px;
         width: 29.5px;
         height: 21px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n4 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -365.5px;
         width: 29.5px;
         height: 21px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n5 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -464px;
         width: 26.5px;
         height: 22.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n6 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -636.5px -479.5px;
         width: 22px;
         height: 24px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n7 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -496.5px;
         width: 24px;
         height: 24px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n8 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -565.5px;
         width: 25.5px;
         height: 22px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n9 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -333px;
         width: 28px;
         height: 22.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n10 .ico {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -296px;
         width: 24px;
         height: 27px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .menu-wrap .items.n1::before {
         content: "아카데미 소개"
     }

     #header .depth2 .menu-wrap .items.n2::before {
         content: "필라테스 교육과정"
     }

     #header .depth2 .menu-wrap .items.n3::before {
         content: "통증/교정 운동"
     }

     #header .depth2 .menu-wrap .items.n4::before {
         content: "요가 교육과정"
     }

     #header .depth2 .menu-wrap .items.n3::after,
     #header .depth2 .menu-wrap .items.n4::after {
         top: 45px
     }

     #header .depth2 .menu-wrap .items.n5::before {
         content: "기구필라테스1:1레슨권 29000"
     }

     #header .depth2 .menu-wrap .items.n6::before {
         content: "필라테스 강사양성과정"
     }

     #header .depth2 .menu-wrap .items.n7::before {
         content: "필라테스 창업과정"
     }

     #header .depth2 .menu-wrap .items.n8::before {
         content: "퍼스트홈핏"
     }

     #header .depth2 .menu-wrap .items.n6-1::before {
         content: "필라테스 창업";
     }

     #header .depth2 .menu-wrap .items.n9::before {
         content: "취업지원"
     }

     #header .depth2 .menu-wrap .items.n7::after,
     #header .depth2 .menu-wrap .items.n8::after {
         top: 46px
     }

     #header .depth2 .menu-wrap .items.n10::before {
         content: "커뮤니티"
     }

     #header .depth2 .menu-wrap .items.n11::before {
         content: "고객상담"
     }

     #header .depth2 .menu-wrap .items.n9::after {
         top: 50px
     }

     .slider-tab {
         width: calc(100% - 20px);
         border: 0
     }

     .slider-tab img {
         width: 100%;
         height: 290px;
         object-fit: cover
     }

     #hambuger {
         display: block;
         position: absolute;
         left: 12px;
         top: 28px;
         border: 0;
         z-index: 3
     }

     #hambuger.open+.wrap .depth2 {
         display: block
     }

     #hambuger.open+.wrap .depth2 .close,
     #hambuger.open+.wrap .depth2 .banner {
         display: none
     }

     #hambuger.open+.wrap .depth2 .menu-wrap {
         position: fixed;
         flex-direction: column;
         width: 100%;
         height: calc(100% - 121px);
         overflow: auto
     }

     #indigator {
         width: 100%;
         position: absolute;
         height: auto;
         overflow: visible
     }

     #indigator .nav {
         position: fixed;
         background: #a99d8f;
         width: 100%;
         left: 0;
         top: 77px;
         padding-left: 10px;
         float: none;
         z-index: 10;
         height: 45px;
         display: none
     }

     #indigator .nav.clicked {
         display: flex
     }

     #indigator .nav .home {
         color: #fff;
         font-size: 15px
     }

     #indigator .nav .ico-home {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -530.5px;
         width: 22.5px;
         height: 25px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         vertical-align: middle;
         margin-right: 17px
     }

     #indigator .menu {
         float: none
     }

     #indigator .menu .tel {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -63px;
         width: 30px;
         height: 31px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         text-indent: -999em;
         position: absolute;
         right: 6px;
         border: 0;
         padding: 0;
         border-radius: 0
     }

     #indigator .link {
         display: none;
         margin: 0 5px
     }

     #indigator .tel {
         position: absolute;
         top: 22px;
         z-index: 3;
         text-indent: -999em;
         transform: scale(0.8)
     }

     .bannerMain .mdc-touch-target-wrapper {
         width: 100%
     }

     .bannerMain {
         width: 100%;
         height: auto;
         overflow: hidden;
     }

     .bannerMain .swiper-button-next,
     .bannerMain .swiper-button-prev {
         display: none
     }

     /* .bannerMain .mdc-touch-target-wrapper {
         height: 105vw;
     } */

     .bannerMain .mdc-button__label {
         height: auto;
         display: block
     }

     .bannerMain .mdc-button__label img {
         width: 100%;
         height: auto;
         object-fit: cover
     }

     .bannerMain .mdc-touch-target-wrapper::before {
         bottom: 55px;
         left: 40px;
         transform: scale(0.5);
         transform-origin: left
     }

     .bannerMain .mdc-touch-target-wrapper::after {
         bottom: 67px;
         left: 57px;
         transform: scale(0.5);
         transform-origin: left
     }

     .adv_cscenter {
         width: 100%;
     }

     .adv_cscenter .contents {
         width: 100%;
         padding: 0 10px;
     }

     .adv_cscenter .contents .opening,
     .adv_cscenter .contents .tel {
         width: 33.3333%;
     }

     .adv_cscenter .contents .tel {
         width: 33.3333%;
     }

     .adv_cscenter .contents .nav {
         margin: 0;
         width: 33.3333%;
         justify-content: space-between;
     }

     .adv_cscenter .contents .nav a {
         margin: 0;
         position: relative;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         flex-basis: 20%;
         font-size: 13px;
         letter-spacing: -1px
     }

     .adv_cscenter .contents .nav a span {
         margin: 0 0 10px 0
     }

     .adv_cscenter .contents .nav a::before {
         content: "";
         display: block;
         width: 1px;
         height: 55px;
         background-color: #f3f3f3;
         position: absolute;
         left: 0;
         top: 0
     }

     .adv_cscenter .contents .nav a:first-child::before {
         display: none
     }

     .adv_cscenter .contents .nav .meet span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -219px;
         width: 29px;
         height: 27px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-top: 3px
     }

     .adv_cscenter .contents .nav .search span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -494px;
         width: 28px;
         height: 28px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-top: 3px
     }

     .adv_cscenter .contents .nav .calendar span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -430px;
         width: 25px;
         height: 24px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-top: 7px
     }

     .adv_cscenter .contents .nav .ico-mquick-04 span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -104px;
         width: 27px;
         height: 30px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .adv_cscenter .contents .nav .ico-mquick-05 span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -256px;
         width: 23px;
         height: 30px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .classAndNotice {
         width: 100%;
         overflow: hidden;
         display: block;
         background: #f5f5f5;
         padding-bottom: 2vw;
     }

     .classAndNotice .text-imgs-title {
         margin-top: 30px
     }

     .classAndNotice .text-imgs-title .ir-notice {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -373px -312px;
         width: 90px;
         height: 10.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: relative;
         top: -1px;
         margin-left: 10px
     }

     .classAndNotice #main-class {
         width: 36%;
         float: left;
     }

     .classAndNotice .main-notice {
         width: 64%;
         float: right;
     }

     .classAndNotice .main-notice .card-items {
         padding-left: 10px;
         display: block;
         width: 100%;
         overflow: hidden;
         padding-right: 10px
     }

     .classAndNotice .main-notice .card-items li {
         width: 31.5%;

         margin-right: 0;
         box-shadow: none;
         display: block;
         border-radius: 0
     }

     .classAndNotice .main-notice .card-items li img {
         width: 100%;
         border-radius: 10px;
         box-shadow: 0 0 5px #ccc
     }

     .classAndNotice .main-notice .card-items li .info {
         margin-top: 10px;
         position: relative;
         display: block;
         width: 180px;
         padding: 0;
         background: none;
         color: #555
     }

     .classAndNotice .main-notice .card-items li .info .date {
         color: #aaa
     }

     .classAndNotice .main-notice .card-items li .info .date::before {
         transform: scale(0.8)
     }

     #main-program {
         width: 100%;
         background: none;
         margin: 0;
         background-color: #fff;
         padding: 20px 0;
         height: 230px;
     }

     #main-program .parag,
     #main-program .ico {
         padding-top: 35px;
     }

     #main-program li a {
         position: relative;
         display: block;
         height: 100px;
         border-left: solid 1px #f3f3f3
     }

     #main-program li:first-child a {
         border-left: none
     }

     #main-program li strong {
         color: #909090;
         font-size: 15px;
         font-weight: 400;
         position: absolute;
         top: 80px;
         left: 0;
         width: 100%
     }

     #main-program li:nth-child(1) a::before,
     #main-program li:nth-child(2) a::before,
     #main-program li:nth-child(3) a::before,
     #main-program li:nth-child(4) a::before,
     #main-program li:nth-child(5) a::before {
         content: "";
         margin: 10px auto 0
     }

     #main-program li:nth-child(1) a::before {
         background: none;
         background-image: url(/images/main/pet_b_m_icon01.png);
         /* background-position: -573px -251px; */
         width: 72px;
         height: 56px;
         /* background-size: 705px auto; */
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         /* vertical-align: middle; */
         /* display: block */
     }

     #main-program li:nth-child(2) a::before {
         background: none;
         background-image: url(/images/main/pet_b_m_icon02.png);
         /* background-position: -573px -317px; */
         width: 72px;
         height: 56px;
         /* background-size: 705px auto; */
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         /* vertical-align: middle; */
         /* display: block */
     }

     #main-program li:nth-child(3) a::before {
         background: none;
         background-image: url(/images/main/pet_b_m_icon03.png);
         /* background-position: -573px -177px; */
         width: 72px;
         height: 56px;
         /* background-size: 705px auto; */
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         /* vertical-align: middle; */
         /* display: block */
     }

     #main-program li:nth-child(4) a::before {
         background: none;
         background-image: url(/images/main/pet_b_m_icon04.png);
         /* background-position: -573px -100px; */
         width: 72px;
         height: 56px;
         /* background-size: 705px auto; */
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         /* vertical-align: middle; */
         /* display: block */
     }

     #main-program li:nth-child(5) a::before {
        background: none;
        background-image: url(/images/main/pet_b_m_icon05.png);
        /* background-position: -573px -100px; */
        width: 72px;
        height: 56px;
        /* background-size: 705px auto; */
        color: transparent;
        font-size: 9px;
        overflow: hidden;
        display: inline-block;
        /* vertical-align: middle; */
        /* display: block */
    }

     #curriculum {
         overflow: hidden
     }

     #curriculum .wrap {
         width: 100%
     }

     #curriculum .tit {
         background: none;
         background-image: url(/images/main/pet_sub_logo02.png);
         /* background-position: 0 0; */
         width: 351px;
         height: 68px;
         /* background-size: 705px auto; */
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 38px auto
     }

     #curriculum .contents li {
         width: 23%;
         height: 300px;
         margin: 0 0 15px 0
     }

     #curriculum .contents li img {
         width: 100%;
         height: 169px;
         object-fit: cover
     }

     #curriculum .contents li .info {
         padding: 10px;
         padding-bottom: 0
     }

     #curriculum .contents li .info .parag {
         height: 72px;
         margin-bottom: 0
     }

     #curriculum .contents li .info .s-tit {
         font-size: 15px
     }

     #curriculum .contents li.label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -420px -224px;
         width: 43px;
         height: 47px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         right: 10px;
         top: 10px
     }

     #curriculum .card-items {
         justify-content: space-around;
         margin-bottom: 5vw;
     }

     .picto-util {
         border-radius: 0;
         display: block
     }

     .picto-util .links .ico {
         display: none
     }

     .picto-util .links .cs-center {
         position: relative;
         padding: 20px 0 20px 70px;
         margin: 0
     }

     .picto-util .links .cs-center::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -361px -224px;
         width: 49px;
         height: 49px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: absolute;
         left: 10px;
         top: 25px
     }

     .picto-util .links .cs-center .cs {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -246px -399px;
         width: 202px;
         height: 17.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-right: 10px
     }

     .picto-util .links .cs-center strong {
         font-size: 26px;
         margin-bottom: 8px
     }

     .picto-util .calendar-notice {
         width: 100%
     }

     .upBtn,
     .downBtn {
         border-radius: 0
     }

     .upBtn::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -645px -317px;
         width: 18px;
         height: 10px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .downBtn::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -632.5px;
         width: 18px;
         height: 10px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .calendar-notice {
         height: 80px
     }

     .calendar-notice .name {
         font-size: 18px
     }

     .calendar-notice a {
         font-size: 15px
     }

     .calendar-notice::before {
         flex-basis: 53px;
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -545px;
         width: 45px;
         height: 48px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin: 0 14px 0 10px
     }

     .calendar-notice .main-calendar {
         width: 100%;
         margin-left: 0;
         overflow: hidden;
     }

     .main-BRANCHES {
         width: 100%;
         margin: 0
     }

     .main-BRANCHES #slider-branches {
         width: 100%;
         float: none
     }

     .main-BRANCHES #slider-branches img {
         width: 100%;
         height: 290px;
         object-fit: cover
     }

     .main-BRANCHES .text {
         text-align: center;
         height: auto
     }

     .main-BRANCHES .text .br {
         margin: 0
     }

     .main-BRANCHES .text .br+strong {
         display: block;
         margin: 5px 0 10px
     }

     .main-BRANCHES .text h5 {
         margin: 0;
         font-size: 18px
     }

     .main-BRANCHES .text .tit {
         margin: 0;
         transform: scale(0.7);
         display: block;
         margin: 20px auto 10px
     }

     .main-BRANCHES .text .tit::before {
         display: none
     }

     .main-BRANCHES .text a {
         margin: 25px auto;
         width: 100px;
         height: 37px
     }

     .main-BRANCHES .slider-branches-pages {
         bottom: initial;
         top: -30px;
         width: 100%;
         z-index: 10
     }

     .main-BRANCHES .slider-branches-pages .dot {
         background: none;
         border: solid 1px #fff
     }

     .main-BRANCHES .slider-branches-pages .swiper-pagination-bullet-active {
         background-color: #fff
     }

     .student-review {
         margin-bottom: 2vw;
         width: 100%;
     }

     .student-review .bg-tit {
         margin: 60px 0 25px;
         width: 100%;
     }

     .student-review .bg-tit .wrap {
         display: none
     }

     .student-review .contents {
         width: 100%;
         margin: 0 auto;
     }

     .student-review .interview {
         float: left;
         width: 66%;
     }

     .student-review .review {
         float: right;
         width: 31%;
         margin-right: 10px;
     }

     .student-review .interview .text-imgs-title {
         margin-bottom: 15px;
         padding-left: 1vw;
     }

     .student-review .card-mdc-wrap {
         width: 100%;
     }

     /*.student-review .interview .card-mdc-wrap {
        width: 100%;
        padding: 0 10px;
        position: relative
    }

    .student-review .interview .card-mdc-wrap .mdc-button__label img {
        height: 225px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px
    }

    .student-review .interview .card-mdc-wrap .card-mdc .plus {
        display: none
    }

    .student-review .interview .card-mdc-wrap .card-mdc {
        width: 48%;
        height: 225px;
        box-shadow: none;
        border-radius: 0;
        border: 0
    }

    .student-review .interview .card-mdc-wrap .card-mdc .small {
        border: 0;
        padding: 0 10px 0 0;
        float: left;
        color: #ead0b1
    }

    .student-review .interview .card-mdc-wrap .card-mdc .fs22 {
        font-size: 15px;
        margin: 0;
        padding: 0;
        color: #eee
    }

    .student-review .interview .card-mdc-wrap .card-mdc .sub-tit {
        display: none
    }

    .student-review .interview .card-mdc-wrap .card-mdc .parag {
        clear: both;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        color: #eee;
        font-size: 13px;
        margin-bottom: 0
    }

    .student-review .interview .card-mdc-wrap .wrap {
        width: 100%;
        display: block;
        top: initial;
        bottom: 0;
        height: 70px;
        padding: 0 10px;
        background: rgba(0, 0, 0, .4);
        border-radius: 0 0 10px 10px
    }

    .student-review .review {
        width: 100%;
        float: none;
        padding: 15px 10px 15px
    }

    .student-review .review .slider-review-prev,
    .student-review .review .slider-review-next {
        top: 43px;
        z-index: 10;
        border: 0;
        transform: scale(0.5) rotate(270deg)
    }

    .student-review .review .slider-review-next {
        right: 5px
    }

    .student-review .review .slider-review-prev {
        right: initial;
        left: 5px
    }

    .student-review .review #slider-review {
        height: auto;
        overflow: visible
    }

    .student-review .review #slider-review a {
        height: 85px;
        padding-right: 20px;
        box-shadow: 0 0 15px #ccc
    }

    .student-review .review #slider-review .date {
        top: 13px
    }

    .student-review .review #slider-review .parag {
        width: 100%
    }

    .student-review .review .swiper-slide {
        width: 100%;
        background-color: #fff
    }

    .student-review .text-imgs-title {
        display: none
    } */

     .photo-review {
         overflow: hidden;
         background-color: #f5f5f5;
         padding-bottom: 40px
     }

     .photo-review .moreview {
         display: none
     }

     .photo-review .bg-tit {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -399px;
         width: 236px;
         height: 36px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 20px auto
     }

     .photo-review .bg-tit .wrap {
         display: none
     }

     .photo-review #slider-photo-review {
         padding-left: 15px
     }

     .photo-review #slider-photo-review .swiper-slide {
         width: 180px
     }

     .photo-review #slider-photo-review .swiper-slide img {
         width: 180px;
         height: 180px;
         border-radius: 10px
     }

     .photo-review #slider-photo-review .tit {
         width: 180px;
         font-weight: 400
     }

     .photo-review #slider-photo-review a {
         width: 100%
     }

     .photo-review #slider-photo-review .date {
         color: #aaa
     }

     .photo-review #slider-photo-review .date::before {
         transform: scale(0.7)
     }

     .photo-review #slider-photo-review,
     .photo-review .slider-photo-wrap {
         width: 100%
     }

     .main-design-banner {
         width: 100%;
         background: none;
         height: auto
     }

     .main-design-banner img {
         width: 100%;
         display: block
     }

     .instructor-wrap .bg-tit {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -112px -287px;
         width: 251px;
         height: 36px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 26px auto
     }

     .instructor-wrap .bg-tit .wrap {
         display: none
     }

     .instructor-wrap .card-teacher-items .wrap {
         left: 60%;
         top: 40px;
         text-align: left;
         width: 160px;
         right: initial;
         margin-left: 40px
     }

     .instructor-wrap #slider-instructor .swiper-slide {
         text-align: center
     }

     .instructor-wrap #slider-instructor .swiper-slide img {
         max-width: 50%
     }

     .instructor-wrap #slider-instructor,
     .instructor-wrap .slider-instructor-wrap {
         width: 100%
     }

     .instructor-wrap .slider-instructor-wrap .swiper-button-next,
     .instructor-wrap .slider-instructor-wrap .swiper-button-prev {
         transform: scale(0.7)
     }

     .instructor-wrap .slider-instructor-wrap .swiper-button-next {
         right: 10px
     }

     .instructor-wrap .slider-instructor-wrap .swiper-button-prev {
         left: 10px
     }

     .main-instagram {
         border-top: solid 1px #333
     }

     .main-instagram .thumb {
         width: 100%
     }

     .main-instagram .thumb img {
         width: 25%
     }

     .main-instagram .thumb img:nth-child(5),
     .main-instagram .thumb img:nth-child(6) {
         display: none
     }

     .main-instagram .banner {
         height: 42px
     }

     .main-instagram h5 {
         white-space: nowrap
     }

     .main-instagram h5 span {
         transform: scale(0.5);
         margin: 0 10px 0 -90px;
         transform-origin: right center
     }

     #foot-menu {
         width: 100%;
         /* background: url("/images/mobile-imgs/main-footmenu-bg.jpg") no-repeat left top #f5f6f7; */
         background-size: auto 100px;
         height: 100px
     }

     #foot-menu .wrap {
         width: 100%;
         height: 100px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row;
         justify-content: flex-end;
         padding-right: 10px
     }

     #foot-menu .tit {
         width: auto;
         float: none;
         padding: 0;
         font-size: 15px
     }

     #foot-menu .tit strong {
         font-size: 15px;
         margin: 10px 0 0 0
     }

     #foot-menu .contact-edu {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -389px;
         width: 90px;
         height: 37.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin: 0 0 0 20px
     }

     #foot-menu .contact-edu span {
         display: none
     }

     #quick {
         transform: scale(0.6);
         right: 0;
         bottom: 0
     }

     #footer .wrap {
         flex-direction: column-reverse;
         width: 100%;
         height: auto
     }

     #footer .logo img {
         /* background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -154px -117px; */
         width: 149px;
         padding-top: 20px;
         /* height: 26px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin: 22px 0 0 0 */
     }
     

     #footer .parag {
         margin-top: 0;
         font-size: 12px;
         color: #555
     }

     #footer .copy {
         margin-bottom: 25px;
         font-size: 12px
     }

     #footer .company-info {
         padding: 0 20px
     }

     #footer .sitemap {
         width: 100%;
         padding: 0 20px;
         justify-content: space-between;
         background-color: #fafafa;
         border-bottom: solid 1px #e8e8e8
     }

     #footer .sitemap ul:nth-child(1) {
         flex-basis: 45%
     }

     #footer .sitemap ul:nth-child(2) {
         flex-basis: 30%
     }

     #footer .sitemap ul:nth-child(3) {
         flex-basis: 25%
     }

     #footer .sitemap li {
         width: auto;
         font-size: 12px;
         letter-spacing: -0.05em
     }

     #footer .sitemap .insta a::before,
     #footer .sitemap .facebook a::before,
     #footer .sitemap .youtube a::before,
     #footer .sitemap .blog a::before,
     #footer .sitemap .kakao a::before {
         transform: scale(0.7);
         margin-right: 5px
     }

     .brand-img01,
     .brand-img05,
     .sub-contents-message,
     .sub-tit-page .head,
     .brand-img02,
     .brand-img03,
     .brand-img04 {
         width: 100%
     }

     .sub-tit-page {
         margin: 30px 0
     }

     .sub-tit-page .parag {
         margin-top: 15px;
         font-size: 13px;
         padding: 0 20px
     }

     .sub-tit-page .parag br {
         display: none
     }

     .sub-tit-page .pagename {
         margin-right: 5px
     }

     .sub-tit-page .head {
         font-size: 18px
     }

     .sub-tit-page .brand {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -154px -153px;
         width: 142px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_ci {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -112px -377px;
         width: 228px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_teacher {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -478px -545px;
         width: 99px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_facilttes {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -350px -377px;
         width: 112px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_partnership {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -219px -545px;
         width: 138px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_location {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -367px -545px;
         width: 101px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #location-table .tbs1 colgroup {
         display: table-column-group
     }

     #location-table td {
         display: table-cell
     }

     .brand-img02,
     .brand-img03,
     .brand-img04,
     .brand-img01 {
         display: block;
         height: auto;
         margin: 0 auto;
         width: 80%;
     }

     .sub-navigator .active a::after {
         height: 2px;
         bottom: -1px
     }

     .brand-img05 {
         margin: 0px 0 40px 0;
         background: none;
         width: 100%;
         /* height: 25vw; */
         padding-top: 0;
     }

     .brand-img05 .adv {
         font-size: 18px
     }

     .brand-img05 .parag {
         font-size: 12px;
         padding: 0 20px
     }

     .brand-img05 .parag br {
         display: none
     }

     .sub-contents-message {
         padding: 23px 0 14px 0
     }

     .sub-contents-message .div {
         display: none
     }

     .sub-contents-message .logo {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -78px;
         width: 144px;
         height: 87px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 0 auto
     }

     .sub-contents-message .parag {
         font-size: 12px;
         padding: 12px 20px 0 20px;
         text-align: center
     }

     .sub-contents-message .parag br {
         display: none
     }

     .ci-concept {
         padding: 0;
         position: relative;
         width: 70%;
         height: auto;
     }

     .ci-concept .parag {
         position: absolute;
         left: 38%;
         top: 18vw;
         font-size: 1.5vw;
         padding-right: 20px;
     }

     .ci-concept .parag br {
         display: none
     }

     .ci-concept h4 {
         position: absolute;
         left: 38%;
         top: 13vw;
         font-size: 2vw;
     }

     .ci-detail {
         padding: 0 0 20px 0;
         background-color: #f5f5f5
     }

     .ci-detail .wrap {
         width: 70%;
     }

     .ci-detail .wrap .box {
         padding: 20px 0 20px 0;
         margin: 15px 0
     }

     .ci-detail .wrap .box strong {
         font-size: 15px
     }

     .ci-detail .wrap .parag {
         padding: 0 10px;
         font-size: 12px;
         letter-spacing: -1px
     }

     .ci-detail .wrap .parag br {
         display: none
     }

     .ci-detail .wrap .left,
     .ci-detail .wrap .right {
         width: calc(50% - 5px)
     }

     .ci-detail .wrap .left .parag,
     .ci-detail .wrap .right .parag {
         height: 75px
     }

     .ci-detail .wrap img {
         width: calc(100% - 20px)
     }

     .ci-detail .wrap .full {
         width: 100%
     }

     .teacher-items {
         padding: 20px 10px
     }

     .teacher-items .contents {
         width: 100%;
         /* justify-content: space-between */
     }

     .teacher-items li {
         width: calc(50% - 5px);
         height: 345px
     }

     .teacher-items li .teacher-info .cont::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -227px;
         width: 13px;
         height: 12px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: relative;
         top: -2px
     }

     .teacher-items li .label {
         font-size: 11px;
         left: 10px;
         top: 10px
     }

     .teacher-items li a::after {
         bottom: 70px;
         width: 25px;
         height: 25px;
         right: 10px;
         line-height: 25px;
         font-size: 15px
     }

     .teacher-items li .teacher-info strong {
         font-size: 18px
     }

     .teacher-items li img {
         border-radius: 5px;
         width: 100%;
         height: 250px;
         object-fit: cover
     }

     .intro_teacher+.sub-navigator+.sub-tit-page+.select-wrap {
         margin-bottom: 25px
     }

     .intro_teacher+.sub-navigator+.sub-tit-page+.select-wrap .select {
         width: 40%
     }

     #teacher-pop .mdc-dialog__container {
         width: 100%
     }

     #teacher-pop .contents {
         flex-direction: column
     }

     #teacher-pop .contents .thumb img {
         width: 100%;
         height: 270px;
         object-fit: cover
     }

     #teacher-pop .contents .thumb::before {
         top: 210px
     }

     #teacher-pop .contents .thumb strong {
         font-size: 27px;
         margin-top: 0
     }

     #teacher-pop .contents .detail {
         padding-left: 0
     }

     #teacher-pop .contents .detail h6:nth-child(1) {
         display: none
     }

     #teacher-pop .contents .detail h6 {
         font-size: 15px;
         margin: 15px 0 10px
     }

     #teacher-pop .contents .detail .link {
         text-align: center;
         margin: 13px 0
     }

     #teacher-pop .contents .detail .link a {
         font-size: 12px
     }

     #teacher-pop .contents .detail .items {
         width: 100%;
         height: auto
     }

     #teacher-pop .contents .detail .items li {
         font-size: 12px
     }

     #teacher-pop .contents .detail .items li::before {
         top: 6px
     }

     #teacher-pop .contents .thumb .label {
         border: 0
     }

     #teacher-pop .contents .thumb .label::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -227px;
         width: 13px;
         height: 12px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: relative;
         top: -2px;
         margin-right: 5px
     }

     #teacher-pop .contents .thumb .label::after {
         content: "";
         display: inline-block;
         width: 1px;
         height: 10px;
         background: #ccc;
         margin-left: 10px
     }

     #teacher-pop .mdc-dialog__surface {
         width: 80%
     }

     .interior-slider-wrap #interior-slider {
         height: auto
     }

     .interior-slider-wrap #interior-slider img {
         height: 350px
     }

     .interior-slider-wrap #interior-slider .swiper-button-next:after,
     .interior-slider-wrap #interior-slider .swiper-button-prev:after {
         color: #a99d8f;
         font-size: 24px
     }

     .interior-slider-wrap #interior-slider .swiper-button-prev,
     .interior-slider-wrap #interior-slider .swiper-button-next {
         margin: -80px 0 0 0
     }

     .interior-slider-wrap {
         width: calc(100% - 20px)
     }

     .interior-slider-wrap img {
         width: 100%
     }

     .interior-slider-pages {
         flex-direction: row;
         margin: 10px 10px 50px
     }

     .interior-slider-pages span {
         border-radius: 0;
         width: 24%;
         margin: 0;
         margin-bottom: 5px;
         margin-right: 5px !important
     }

     .interior-slider-pages span::after,
     .interior-slider-pages span::before {
         border-radius: 2px
     }

     .interior-slider-pages span img {
         border-radius: 2px;
         width: 100%;
     }

     #recruitment textarea {
         padding-left: 10px;
         padding-right: 10px
     }

     .card_partnership .card-items {
         width: 100%;
         flex-wrap: wrap;
         justify-content: space-between;
         padding: 30px 10px 15px
     }

     .card_partnership .card-items li {
         width: 24%;
         margin: 0 0 15px 0;
         background-color: #fff
     }

     .card_partnership .card-items li br {
         display: none
     }

     .card_partnership .card-items li img {
         width: 100%;
         height: 150px;
         object-fit: cover
     }

     .card_partnership .card-items li .info {
         padding: 15px
     }

     .card_partnership .card-items li .step {
         font-size: 12px
     }

     .patnership-form {
         padding: 0
     }

     .patnership-form .wrap {
         width: 100%;
         flex-direction: column;
         padding-bottom: 55px;
         position: relative
     }

     .patnership-form #cp-text {
         width: 100%;
         padding: 10px
     }

     .patnership-form .step1,
     .patnership-form .step2 {
         box-shadow: none;
         border-radius: 0;
         border: 0;
         padding: 20px;
         padding-bottom: 0;
         position: static;
         height: auto
     }

     .patnership-form .step1 h4,
     .patnership-form .step2 h4 {
         font-size: 18px;
         font-weight: 500
     }

     .patnership-form .step1 .notice p::before,
     .patnership-form .step1 .notice p::before,
     .patnership-form .step2 .notice p::before,
     .patnership-form .step2 .notice p::before {
         transform: scale(0.5)
     }

     .patnership-form .select,
     .patnership-form .field {
         width: 100%
     }

     .patnership-form .private {
         padding-bottom: 25px
     }

     .patnership-form .private label {
         font-weight: normal
     }

     .patnership-form label {
         font-weight: bold
     }

     .patnership-form .num {
         padding-bottom: 15px;
         padding-left: 50px
     }
     .patnership-form .num_011 {
        padding-bottom: 15px;
        padding-left: 0px
    }

     .patnership-form .num::before {
         width: 40px;
         height: 40px;
         line-height: 30px;
         font-size: 22px
     }

     .patnership-form .step1 .notice,
     .patnership-form .step2 .notice {
         bottom: 5px;
         left: 20px;
         font-size: 11px
     }

     .patnership-form .select {
         padding: 0 10px
     }

     .patnership-form .req::after {
         transform: scale(0.5);
         margin: 0
     }

     .location-contents {
         width: 100%;
         margin: 30px 0
     }

     .location-contents .map-wrap {
         padding: 0 10px
     }

     .location-contents .map-wrap #map {
         height: 400px
     }

     .location-contents .map-wrap #map .map-layer-custom {
         transform: scale(0.7);
         transform-origin: center bottom
     }

     .location-contents .map-wrap #map .map-layer-custom .arrow {
         display: none
     }

     .location-contents h4 {
         font-size: 15px;
         padding: 0 10px
     }

     .location-contents h4+div {
         padding: 0 10px
     }

     .location-contents h4+div .tbs1 th {
         font-size: 13px
     }

     .location-contents h4+div .tbs1 td {
         line-height: 1.3;
         font-size: 13px;
         padding-left: 10px;
         letter-spacing: -0.05em
     }

     .location-contents h4+div .address-copy {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -473px -400px;
         width: 78px;
         height: 30px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         transform: scale(0.8);
         margin-top: 3px;
         transform-origin: left top
     }

     .location-contents .location-cols1 {
         width: 80px
     }

     .view-quick {
         display: none;
         transition: all 0s
     }

     .program .view-quick {
         display: block;
         position: static;
         margin-top: 20px
     }

     .program .view-quick h5 {
         width: 100%;
         border: 0;
         background-color: #909090;
         border-radius: 0;
         color: #fff;
         font-weight: 500;
         font-size: 13px
     }

     .program .view-quick .item-wrap .items .name {
         font-size: 11px;
         margin-top: 0
     }

     .program .view-quick .item-wrap .items .labels {
         position: relative;
         z-index: 3;
         background-color: #a99d8f;
         color: #fff;
         font-size: 11px;
         top: -10px
     }

     .program .view-quick .item-wrap .items {
         position: relative;
         padding-top: 100px;
         border-bottom: 0
     }

     .program .view-quick .item-wrap .items img {
         transform: scale(0.8);
         position: absolute;
         top: 0;
         transform-origin: center top
     }

     .program .view-quick .item-wrap {
         display: flex;
         flex-direction: row;
         border: 0;
         width: 100%;
         justify-content: space-between;
         border-bottom: 1px solid #e8e8e8
     }

     .view-container .contents-wrap {
         padding-top: 0
     }

     .view-container .contents-wrap+.view-quick {
         display: none
     }

     /* .view-container .contents-wrap .program {
        float: none;
        width: 100%;
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        position: relative;
        margin-bottom: 45px;
        border: 0
    } */

     .contact-form {
         float: none;
         width: 30%;
         position: absolute;
         top: 390px;
         /* left: 10px; */
         padding: 20px 15px 10px 15px;
     }

     .contact-form .name {
         padding-left: 67px;
         padding-bottom: 10px
     }

     .view-container .contents-wrap .parag+.cell {
         margin-top: 40px
     }

     .view-container .contents-wrap .pico-flower {
         display: none
     }

     .ico-0723-01,
     .ico-0723-02,
     .ico-0723-03,
     .ico-0723-04,
     .pico-obj,
     .diploma-ico01,
     .diploma-ico02,
     .diploma-ico03,
     .text-chair,
     .diploma-btn-icon1,
     .diploma-btn-icon2,
     .diploma-ico04,
     #diploma-pilates-context .diploma-target .text-target,
     #diploma-pilates-context .license .wrap dt::before,
     #diploma-pilates-context .license .wrap dd::before,
     .view-container .contents-wrap .pico-star,
     .view-container .contents-wrap .pico-pri,
     .view-container .contents-wrap .pico-inbaby,
     .view-container .contents-wrap .pico-kiz,
     .view-container .contents-wrap .pico-buta2,
     .view-container .contents-wrap .pico-asana,
     .view-container .contents-wrap .pico-hand2,
     .view-container .contents-wrap .pico-hand,
     .view-container .contents-wrap .pico-detail,
     .view-container .contents-wrap .pico-ts,
     .view-container .contents-wrap .pico-ball,
     .view-container .contents-wrap .pico-human3,
     .view-container .contents-wrap .pico-cy {
         transform: scale(0.75)
     }

     #diploma-pilates-context .detail-teacher .left .title {
         display: block
     }

     #diploma-pilates-context .detail-teacher .left .text-instructor,
     .sub-tit-page .pagename,
     .diploma-subtit1 {
         display: block;
         transform: scale(0.65);
         margin: 0 auto 5px;
         transform-origin: center top
     }

     #diploma-pilates-context .detail-teacher .left .parag {
         padding: 0 20px
     }

     #diploma-pilates-context .detail-teacher .right {
         justify-content: space-between
     }

     #diploma-pilates-context .detail-teacher .cc-step {
         display: none
     }

     #diploma-pilates-context.yoga .step-guide .context {
         background: none;
         height: auto
     }

     .text-0723-00,
     .text-0723-02,
     .text-0723-03,
     .text-0723-01,
     .text-0723-04,
     #diploma-pilates-context .detail-teacher .left .text-instructor,
     #diploma-pilates-context .view-process .text-process,
     .view-container .contents-wrap .detail .text-ashtanga,
     .view-container .contents-wrap .detail .text-yoga-level3,
     .view-container .contents-wrap .detail .text-yoga-level1,
     .view-container .contents-wrap .detail .text-yoga-level2,
     .view-container .contents-wrap .detail .text-heal-level3,
     .view-container .contents-wrap .detail .text-heal-level2,
     .view-container .contents-wrap .detail .text-heal-level1,
     .view-container .contents-wrap .detail .text-pilates-expert,
     .view-container .contents-wrap .detail .text-mat-master,
     .view-container .contents-wrap .detail .mat-level1 {
         transform: scale(0.65);
         transform-origin: center top
     }

     .contact-form .name .ico {
         transform: scale(0.65);
         transform-origin: left top
     }

     .view-container .contents-wrap .detail .parag {
         padding: 0 20px
     }

     .view-container .contents-wrap .detail .parag br {
         display: none
     }

     .view-container .contents-wrap .cell .n1,
     .view-container .contents-wrap .cell .n2 {
         position: relative;
         float: none;
         overflow: visible;
         padding: 0 10px 100px 10px
     }

     .view-container .contents-wrap .cell .n1 img,
     .view-container .contents-wrap .cell .n2 img {
         width: 100%;
         height: 245px;
         object-fit: cover;
         border-radius: 10px;
         margin-top: 0
     }

     .view-container .contents-wrap .cell .n1 .ico-cont,
     .view-container .contents-wrap .cell .n2 .ico-cont {
         position: absolute;
         left: 30px
     }

     .view-container .contents-wrap .cell .n1 .ico-cont>span,
     .view-container .contents-wrap .cell .n2 .ico-cont>span {
         flex-shrink: 0
     }

     .view-container .contents-wrap .cell .n1 .ico-cont .detail-info,
     .view-container .contents-wrap .cell .n2 .ico-cont .detail-info {
         padding-right: 20px
     }

     .view-container .contents-wrap .cell .n1 .ico-cont .pico-human,
     .view-container .contents-wrap .cell .n2 .ico-cont .pico-human {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -55px -545px;
         width: 45px;
         height: 45px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .cell .n1 .ico-cont .pico-buta,
     .view-container .contents-wrap .cell .n2 .ico-cont .pico-buta {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -110px -545px;
         width: 45px;
         height: 45px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .pico-wrap {
         display: none
     }

     .view-container .contents-wrap .parag+.cell+.cell {
         margin: 0 auto;
     }

     .view-container .contents-wrap .cell .n1 .ico-cont {
         top: 580px
     }

     .view-container .contents-wrap .cell .n2 .ico-cont {
         top: -85px
     }

     .view-container .contents-wrap .detail .tit {
         font-size: 18px;
         letter-spacing: -1px;
         margin-top: 5px;
         margin-bottom: 15px
     }

     .detail-teacher {
         padding-top: 30px
     }

     #diploma-pilates-context .context1 {
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
         display: block;
     }

     #diploma-pilates-context .context1 img {
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
         display: block;
     }

     #diploma-pilates-context .check-point .wrap {
         padding: 0 10px
     }

     #diploma-pilates-context .check-point .point-wrap .point-box {
         width: 100%;
         height: 90px;
         letter-spacing: -1px;
         margin: 15px 0
     }

     #diploma-pilates-context .check-point .point-wrap .point-box br {
         display: none
     }

     #diploma-pilates-context .check-point .point-wrap .n1 .img,
     #diploma-pilates-context .check-point .point-wrap .n2 .img,
     #diploma-pilates-context .check-point .point-wrap .n3 .img,
     #diploma-pilates-context .check-point .point-wrap .n4 .img {
         display: none
     }

     #diploma-pilates-context .check-point .point-wrap {
         padding-top: 0;
         flex-direction: column;
         margin: 20px 0 0
     }

     #diploma-pilates-context .diploma-target {
         margin: 20px 0 30px
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap {
         float: none;
         text-align: center
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap h4 {
         margin: 5px 0 20px;
         font-size: 18px
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap h4 br {
         display: none
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap h4 strong {
         display: inline
     }

     #diploma-pilates-context .diploma-target .parag-wrap {
         float: none;
         display: flex;
         flex-wrap: wrap;
         padding: 0 10px;
         justify-content: center
     }

     #diploma-pilates-context .diploma-target .parag-wrap>div {
         float: none;
         flex-basis: 50%;
         border-bottom: 1px solid #e8e8e8;
         padding-bottom: 10px;
         position: relative
     }

     #diploma-pilates-context .check-point .title {
         display: block;
         padding: 30px 0 20px
     }

     #diploma-pilates-context .check-point .title .text-check-point {
         display: block;
         margin: 0 auto;
         transform: scale(0.65)
     }

     #diploma-pilates-context .check-point .title h4 {
         font-size: 18px;
         text-align: center;
         margin: 5px 0 0 0
     }

     #diploma-pilates-context .diploma-target .parag-wrap .n1,
     #diploma-pilates-context .diploma-target .parag-wrap .n2 {
         border: 0;
         border-bottom: 1px solid #e8e8e8
     }

     #diploma-pilates-context .diploma-target .parag-wrap .n4::before,
     #diploma-pilates-context .diploma-target .parag-wrap .n2::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 1px;
         height: 100%;
         background-color: #e8e8e8;
         display: block
     }

     #diploma-pilates-context .diploma-target .parag-wrap .n3,
     #diploma-pilates-context .diploma-target .parag-wrap .n4 {
         border: 0
     }

     #diploma-pilates-context .diploma-target .parag-wrap .picto {
         transform: scale(0.7);
         width: auto;
         height: 100px
     }

     #diploma-pilates-context .contact-form {
         top: 320px
     }

     #diploma-pilates-context .tbl-wrap .wrap {
         padding: 25px 10px;
         padding-bottom: 380px
     }

     #diploma-pilates-context .context1 .wrap .parag:last-child {
         color: #a99d8f
     }

     #diploma-pilates-context .context1 .wrap .parag br {
         display: none
     }

     #diploma-pilates-context .context1 .wrap h5 {
         font-size: 20px
     }

     #diploma-pilates-context .tbl-wrap .list-box {
         float: none;
         width: 100%
     }

     #diploma-pilates-context .tbl-wrap .contact-form {
         margin-top: 10px;
     }

     .program#diploma-pilates-context .tbl-wrap .online-form {
         width: 94%;
         float: left;
         margin-top: 10px;
         position: relative
     }

     #diploma-pilates-context .context1 .wrap {
         /* position: static; */
         padding: 0 20px
     }

     #diploma-pilates-context .step-guide .context {
         height: auto;
         background: none;
     }

     #diploma-pilates-context .step-guide .context2 .img {
         display: none
     }

     #diploma-pilates-context .step-guide .context5 .img {
        display: none
    }

     #diploma-pilates-context .pilates .items {
         width: auto;
         flex-basis: calc(50% - 5px);
         margin-bottom: 10px;
         padding: 0
     }

     #diploma-pilates-context .pilates .items:last-child {}

     #diploma-pilates-context .pilates .items:last-child .ico {}

     #diploma-pilates-context .pilates .items:last-child .parag br {}

     #diploma-pilates-context .pilates .card-type .items .ico {
         position: static
     }

     #diploma-pilates-context .pilates .card-type .items {
         width: auto;
         flex-basis: calc(50% - 5px);
         margin-bottom: 0;
         padding: 0;
         text-align: center;
         min-height: 215px
     }

     #diploma-pilates-context .pilates .card-type .items .label {
         margin-top: 0;
         margin-bottom: 10px
     }

     #diploma-pilates-context .pilates .card-type .items .name {
         margin-bottom: 10px
     }

     #diploma-pilates-context .pilates .card-type .items .parag {
         padding: 0 20px
     }

     #diploma-pilates-context .pilates .card-type .items .parag br {
         display: none
     }

     #diploma-pilates-context .pilates .ico {
         transform: scale(0.6);
         margin: 0
     }

     #diploma-pilates-context .links {
         margin: 0;
         top: -85px;
         width: calc(100% - 20px);
         transform: translateX(-50%);
         border-radius: 5px
     }

     #diploma-pilates-context .links .item {
         height: 44px
     }

     #diploma-pilates-context .links a {
         width: auto;
         flex-basis: 50%
     }

     #diploma-pilates-context .links a:last-child {
         display: none
     }

     #diploma-pilates-context .license .wrap .text {
         position: static;
         float: right;
         width: 50%;
     }

     #diploma-pilates-context .license2 .wrap .parag br {
         display: none
     }

     #diploma-pilates-context .license2 .wrap h4 {
         font-size: 12px
     }

     #diploma-pilates-context .license2 .wrap h4 strong {
         font-size: 20px;
         color: #333
     }

     #diploma-pilates-context .license2 .wrap {
         background: #efede8;
         padding: 0 20px;
         width: 100%;
         height: auto;
     }

     #diploma-pilates-context .license2 .wrap::before {
         content: "";
         background: url("/images/mobile-imgs/visual/kpqa.jpg") no-repeat center top;
         background-size: auto 122px;
         display: block;
         margin: 40px auto 20px;
         height: 122px
     }

     #diploma-pilates-context .license2 {
         background-color: #efede8;
         position: relative;
         border-top: solid 1px #e8e8e8;
         border-bottom: solid 1px #e8e8e8
     }

     #diploma-pilates-context .license2 .wrap .text {
         position: relative;
         display: block;
         margin: 0 auto;
         width: 90vw;
         left: 0;
         top: 0;
     }

     #diploma-pilates-context .license2 .wrap h4 {
         font-size: 12px;
         font-weight: 300;
         text-align: center;
         width: 100%;
     }


     #diploma-pilates-context .license2 .wrap h4 strong {
         display: block;
         margin-top: 10px;
         line-height: 1.2;
     }

     #diploma-pilates-context .license2 .wrap .parag {
         margin: 20px 0 25px;
         line-height: 1.3;
         text-align: center;
     }

     #diploma-pilates-context .license2 .wrap dl {
         text-align: center;
     }

     #diploma-pilates-context .license2 .wrap dt::before {
         content: "";
         background: none;
         background-image: url(/images/imgs/sprite.png);
         background-position: -1244px -164px;
         width: 11px;
         height: 11px;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         text-indent: -999em;
         margin-right: 10px
     }

     #diploma-pilates-context .license2 .wrap dt {
         color: #8e8072;
         font-size: 18px;
         font-weight: 500
     }

     #diploma-pilates-context .license2 .wrap dd {
         margin: 15px 0;
         color: #8e8072
     }

     #diploma-pilates-context .license2 .wrap dd::before {
         content: "";
         background: none;
         background-image: url(/images/imgs/sprite.png);
         background-position: -916px -35px;
         width: 18px;
         height: 18px;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         text-indent: -999em;
         vertical-align: middle;
         margin-right: 10px
     }

     #diploma-pilates-context .license .wrap.scolicsis2 {
         background: url("/images/imgs/correction/scoliosis_img2.jpg");
         height: 550px;
     }

     #diploma-pilates-context .tbl-wrap {
         position: relative;
         overflow: hidden
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-tit {
         font-size: 15px
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-items span {
         flex-shrink: 0
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-items .parag {
         margin-left: 10px
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-items .parag br {
         display: none
     }

     #diploma-pilates-context .license .wrap .parag br {
         display: none
     }

     #diploma-pilates-context .license .wrap h4 {
         font-size: 12px
     }

     #diploma-pilates-context .license .wrap h4 strong {
         font-size: 20px;
         color: #333
     }

     #diploma-pilates-context .license .wrap {
         background: #efede8;
         padding: 0 20px
     }

     #diploma-pilates-context .license .wrap::before {
         content: "";
         background: url("/images/mobile-imgs/visual/kpqa.jpg") no-repeat center top;
         background-size: auto 122px;
         display: block;
         margin: 40px auto 20px;
         height: 122px
     }

     #diploma-pilates-context .pilates .box-items-wrap {
         flex-wrap: wrap;
         width: 100%;
         padding: 0 20px
     }

     .view-container .contents-wrap .check-point .point-wrap,
     #diploma-pilates-context .check-point {
         padding-bottom: 10px;
         margin: 0
     }

     #diploma-pilates-context .check-point {
         padding-bottom: 20px
     }

     #diploma-pilates-context .license .wrap dt {
         font-size: 15px
     }

     #diploma-pilates-context .pilates {
         padding-bottom: 40px;
         width: 80%;
         margin: 0 auto;
     }

     #diploma-pilates-context .view-process .title {
         float: none
     }

     #diploma-pilates-context .view-process .step-wrap {
         float: none
     }

     #diploma-pilates-context .view-process .title {
         text-align: center
     }

     #diploma-pilates-context .view-process .title .text-process {
         margin: 0
     }

     #diploma-pilates-context .view-process .title h4 {
         font-size: 18px
     }

     #diploma-pilates-context .view-process .title h4 strong {
         display: inline-block;
         margin-left: 8px;
         margin-top: 5px
     }

     #diploma-pilates-context .view-process .step-wrap .picto {
         margin: 0
     }

     #diploma-pilates-context .view-process .step-wrap {
         margin-top: 30px
     }

     #diploma-pilates-context .view-process .step-wrap .step-items {
         text-align: center;
         width: 20%;
         justify-content: end
     }

     #diploma-pilates-context .view-process .step-wrap .steps {
         font-size: 12px;
         font-weight: 300;
         margin-top: 12px;
         display: block
     }

     #diploma-pilates-context .view-process .step-wrap .step-items .name {
         font-size: 15px;
         white-space: nowrap;
         letter-spacing: -1px
     }

     #diploma-pilates-context .view-process .step-wrap .steps {
         margin: 8px 0 13px
     }

     #diploma-pilates-context .view-process {
         padding-top: 10px
     }

     #diploma-pilates-context .detail-teacher .left .title {
         padding: 0
     }

     #diploma-pilates-context .detail-teacher .list .n1 {
         font-size: 12px;
         width: auto;
         margin-right: 10px
     }

     #diploma-pilates-context .why-first {
         padding: 0
     }

     #diploma-pilates-context .why-first .items>div strong {
         padding-right: 10px
     }

     #diploma-pilates-context .student-review .review #slider-review {
         height: auto
     }

     #diploma-pilates-context .student-review {
         background-color: #fff
     }

     #diploma-pilates-context .student-review .review {
         padding-top: 0
     }

     #diploma-pilates-context .why-first+.student-review .tit-wrap {
         margin: 0;
         padding: 0
     }

     #diploma-pilates-context .student-review .review .swiper-container {
         padding: 0
     }

     #diploma-pilates-context .text-student-review {
         transform: scale(0.65);
         transform-origin: left top;
         margin: 0 0 0 10px
     }

     #diploma-pilates-context .student-review {
         padding-top: 30px
     }

     #diploma-pilates-context .banner {
         height: auto;
         background: none
     }

     #diploma-pilates-context .job-support .moreview {
         top: initial;
         bottom: 0
     }

     #diploma-pilates-context .job-support .tit-wrap {
         display: block;
         padding: 30px 0 15px
     }

     #diploma-pilates-context .job-support .tit-wrap .text-jobsupport {
         display: block;
         margin: 0 auto
     }

     #diploma-pilates-context .job-support .tit-wrap h4 {
         text-align: center;
         margin-top: 7px
     }

     #diploma-pilates-context .job-support {
         padding-bottom: 40px;
         margin-bottom: 30px
     }

     #diploma-pilates-context .job-support .bg {
         height: auto;
         background: url(/images/mobile-imgs/visual/view-job-support-bg.jpg) repeat-x;
         background-size: auto 100%
     }

     #diploma-pilates-context .job-support .bg img {
         display: block;
         max-width: 450px;
         margin: 0 auto;
         width: 100%
     }

     #diploma-pilates-context .student-review .review .swiper-slide {
         flex-direction: column
     }

     #diploma-pilates-context .student-review .review .swiper-slide a {
         width: 100%;
         height: auto;
         margin: 10px 0
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .date {
         position: absolute;
         right: 15px;
         top: 20px;
         width: auto;
         left: initial;
         color: #999
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .name {
         margin-bottom: 10px
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .wrap {
         position: relative;
         padding-top: 20px;
         height: auto
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .parag {
         padding-left: 80px;
         margin-bottom: 10px;
         padding-right: 10px
     }

     #diploma-pilates-context .student-review .review .slider-review-next,
     #diploma-pilates-context .student-review .review .slider-review-prev {
         display: none
     }

     #diploma-pilates-context .student-review .review {
         width: 100%
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs .select {
         background-color: #a99d8f;
         border: 0;
         color: #fff;
         border-radius: 0;
         width: 100%
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs h5 {
         line-height: 43px;
         font-size: 15px;
         font-weight: 400;
         color: #fff;
         text-align: center;
         background-color: #8e8072
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs h5 span {
         letter-spacing: 5px;
         font-size: 13px;
         font-weight: 500
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs .mo-imgs {
         width: 100%
     }

     .program #cc-step-wrap .view-quick {
         margin-top: 0
     }

     #diploma-pilates-context #cc-step-wrap .btn-wrap-cc {
         display: none
     }

     #diploma-pilates-context #cc-step-wrap .list {
         margin-top: -55px;
         width: 50%;
         float: right;
     }

     #diploma-pilates-context.yoga .context1 {
         background: none
     }

     #diploma-pilates-context .context1 .wrap {
         width: 50%;
         margin-top: 0;
     }

     #diploma-pilates-context .context1 .wrap h5 {
         text-align: right;
         font-size: 20px
     }

     #diploma-pilates-context .scoliosis_test .wrap {
         width: 100%;
     }

     #diploma-pilates-context .job-support,
     #diploma-pilates-context .why-first .items>div,
     #diploma-pilates-context .student-review .review .swiper-container,
     #diploma-pilates-context .why-first .items,
     #diploma-pilates-context .why-first .thumb,
     #diploma-pilates-context #cc-step-wrap .btn-wrap-cc,
     #diploma-pilates-context .detail-teacher,
     #diploma-pilates-context .view-process,
     #diploma-pilates-context .view-process .step-wrap,
     #diploma-pilates-context .diploma-target,
     #diploma-pilates-context .tbl-wrap .wrap,
     #diploma-pilates-context .step-guide .context,
     #diploma-pilates-context .license .wrap,
     #diploma-pilates-context .context1,
     #diploma-pilates-context .check-point .wrap,
     .view-container .contents-wrap,
     .view-container .contents-wrap .cell,
     .view-container .contents-wrap .job-info,
     .view-container .contents-wrap .pilates-target,
     .view-container .contents-wrap .check-point .wrap,
     .view-container .contents-wrap .view-process,
     .detail-teacher,
     .why-first .thumb,
     .why-first .items,
     .view-container .contents-wrap .program .tit-wrap,
     .job-support {
         width: 80%;
         margin: 0 auto;
     }

     /* .view-container .contents-wrap .detail {
        padding-top: 80vw;
    } */

     .view-container .contents-wrap .visual {
         border-radius: 0;
         height: 357px
     }

     #check-h {
         margin-left: 26px;
     }

     .view-container .contents-wrap .visual img {
         width: 100%;
         object-fit: cover
     }

     .view-container .contents-wrap .visual .logo {
         display: none
     }

     .contact-form .item .info {
         letter-spacing: -1px
     }

     .contact-form .item .label {
         width: 67px
     }

     .contact-form .item .sticker {
         vertical-align: top;
         position: relative;
         width: 30px;
         font-size: 12px;
         top: -3px;
         margin: 0
     }

     .contact-form .item-wrap li:nth-child(5) {
         border: 0
     }

     .contact-form .item-wrap li:nth-child(n+6) {
         display: flex;
     }

     .contact-form .item-wrap .private label {}

     .contact-form .item-wrap .private .check {
         width: 24px;
     }

     .contact-form .name h3 {
         font-size: 15px
     }

     .view-container .contents-wrap .detail div:last-child .n2 {
         padding-bottom: 0
     }

     .view-container .contents-wrap .detail div:last-child .n2 .detail-info {
         width: 100%;
         position: relative;
         padding-left: 65px
     }

     .view-container .contents-wrap .detail div:last-child .n2 .detail-info::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -603px;
         width: 45px;
         height: 41px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: absolute;
         top: 0;
         left: 0
     }

     .view-container .contents-wrap .detail+.job-info {
         margin: 0;
         width: 100%;
     }

     .view-container .contents-wrap .job-info {
         margin: 0;
         padding: 20px 0 0 30px;
         background: url("/images/mobile-imgs/visual/view-context0104.jpg") no-repeat right top #f4f4f4;
         height: 250px;
         background-size: auto 100%
     }

     .view-container .contents-wrap .job-info .parag {
         text-shadow: 1px 1px 1px #fff
     }

     .view-container .contents-wrap .job-info .text-jobinfo {
         transform: scale(0.6);
         transform-origin: left top;
         margin-top: 10px
     }

     .view-container .contents-wrap .job-info.yoga {
         background: url("/images/mobile-imgs/visual/view-yoga-context.jpg") no-repeat right top #f4f4f4;
         height: 250px;
         background-size: auto 100%;
         margin: 0 auto;
     }

     .view-container .contents-wrap .pilates-target .parag-wrap .picto {
         transform: scale(0.6);
         width: 100%;
         position: absolute;
         display: block;
         top: -20px;
         margin: 0 auto;
     }

     .view-container .contents-wrap .job-info h4 strong {
         margin-top: 5px
     }

     .view-container .contents-wrap .job-info h4 {
         font-size: 18px;
         margin-top: 5px
     }

     .view-container .contents-wrap .pilates-target {
         margin: 20px 0 0 0;
         margin: 0 auto;
     }

     .view-container .contents-wrap .pilates-target .target-tit-wrap {
         float: none;
         text-align: center
     }

     .view-container .contents-wrap .pilates-target .parag-wrap {
         float: none;
         padding: 30px 0;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row
     }

     .view-container .contents-wrap .pilates-target .parag-wrap>div {
         flex-basis: 33%;
         font-size: 13px;
         float: none;
         padding-top: 100px;
         position: relative
     }

     .view-container .contents-wrap .pilates-target .text-target {
         margin-top: 0;
         transform-origin: center top;
         transform: scale(0.6)
     }

     .view-container .contents-wrap .pilates-target h4 {
         margin: 5px 0 0 0;
         font-size: 18px
     }

     .view-container .contents-wrap .pilates-target h4 br {
         display: none
     }

     .view-container .contents-wrap .pilates-target h4 strong {
         display: inline-block;
         margin-top: 0
     }

     .view-container .contents-wrap .check-point {
         padding-bottom: 20px
     }

     .view-container .contents-wrap .view-process .title {
         margin: 30px 0 30px
     }

     .view-container .contents-wrap .view-process .title,
     .view-container .contents-wrap .check-point .title {
         flex-direction: column
     }

     .view-container .contents-wrap .view-process .title .text-process,
     .view-container .contents-wrap .view-process .title .text-check-point,
     .view-container .contents-wrap .check-point .title .text-process,
     .view-container .contents-wrap .check-point .title .text-check-point {
         transform-origin: center top;
         transform: scale(0.6)
     }

     .view-container .contents-wrap .view-process .title h4,
     .view-container .contents-wrap .check-point .title h4 {
         padding: 0;
         font-size: 18px;
         margin-top: 5px
     }

     .view-container .contents-wrap .check-point .wrap {
         padding: 0 10px
     }

     .view-container .contents-wrap .check-point .wrap img {
         max-width: 100%;
         margin: 0 auto;
         display: block;
     }

     .view-container .contents-wrap .check-point .wrap .point-wrap+img {
         display: none
     }

     .view-container .contents-wrap .check-point .point-wrap {
         margin-top: 20px;
         flex-direction: column
     }

     .view-container .contents-wrap .check-point .point-wrap .point-box {
         width: 100%;
         height: 90px;
         letter-spacing: -1px;
         margin: 15px 0
     }

     .view-container .contents-wrap .check-point .point-wrap .point-box br {
         display: none
     }

     #diploma-pilates-context .view-process .step-wrap .steps::after {
         display: none
     }

     #diploma-pilates-context .check-point .point-wrap .n1::before,
     #diploma-pilates-context .check-point .point-wrap .n2::before,
     #diploma-pilates-context .check-point .point-wrap .n3::before,
     .view-container .contents-wrap .check-point .point-wrap .n1::before,
     .view-container .contents-wrap .check-point .point-wrap .n2::before,
     .view-container .contents-wrap .check-point .point-wrap .n3::before {
         background: url("/images/mobile-imgs/visual/point1.jpg") no-repeat #f5f5f5 center top;
         background-size: auto 18px;
         padding: 0 10px;
         width: 86px;
         left: 50%;
         margin-left: -50px
     }

     #diploma-pilates-context .check-point .point-wrap .n2::before,
     .view-container .contents-wrap .check-point .point-wrap .n2::before {
         background-image: url("/images/mobile-imgs/visual/point2.jpg");
         background-size: auto 18px
     }

     #diploma-pilates-context .check-point .point-wrap .n3::before,
     .view-container .contents-wrap .check-point .point-wrap .n3::before {
         background-image: url("/images/mobile-imgs/visual/point3.jpg");
         background-size: auto 18px
     }

     .detail-teacher .list li .text-step01,
     .detail-teacher .list li .text-step02,
     .detail-teacher .list li .text-step03 {
         width: auto
     }

     .detail-teacher .list li .text-step01::after,
     .detail-teacher .list li .text-step02::after,
     .detail-teacher .list li .text-step03::after {
         content: "";
         display: inline-block;
         width: 1px;
         height: 10px;
         background-color: #a99d8f;
         vertical-align: top;
         position: relative;
         top: 2px;
         margin: 0 5px
     }

     .detail-teacher .list li .text-step01::before,
     .detail-teacher .list li .text-step02::before,
     .detail-teacher .list li .text-step03::before {
         background: none;
         color: #a99d8f;
         text-indent: 0;
         font-size: 12px;
         font-weight: 500;
         width: auto
     }

     .detail-teacher .list li .text-step01::before {
         content: "STEP01"
     }

     .detail-teacher .list li .text-step02::before {
         content: "STEP02"
     }

     .detail-teacher .list li .text-step03::before {
         content: "STEP03"
     }

     .detail-teacher .right {
         justify-content: space-between;
         width: 100%;
         padding: 20px 10px 60px
     }

     .detail-teacher .list {
         width: 100%;
         margin-top: 0
     }

     .detail-teacher .list li {
         flex-wrap: wrap;
         padding: 10px 10px;
         height: auto
     }

     .detail-teacher .list li .n2 {
         width: auto;
         flex-shrink: 0;
         color: #333;
         font-weight: 500
     }

     .detail-teacher .list li .n2 br {
         display: none
     }

     .detail-teacher .list li .n3 {
         flex-shrink: 0;
         width: 100%;
         margin-top: 5px;
         line-height: 1.3;
         color: #555
     }

     .detail-teacher .cc-step::before {
         transform: scale(0.5);
         top: 35px;
         left: 50% !important
     }

     .detail-teacher .cc-step.step1::before {
         margin-left: -147px
     }

     .detail-teacher .cc-step.step2::before {
         margin-left: -20px
     }

     .detail-teacher .cc-step.step3::before {
         margin-left: 105px
     }

     #ashtanga-cc .detail-teacher .cc-step::after {
         background-image: url("/images/mobile-imgs/visual/cc-step-bg4.jpg")
     }

     .detail-teacher .cc-step {
         background: url("/images/mobile-imgs/visual/cc-step-bg1.jpg") repeat-x;
         background-size: auto 101px
     }

     .detail-teacher .cc-step img {
         display: none
     }

     .detail-teacher .cc-step::after {
         content: "";
         background: url("/images/mobile-imgs/visual/cc-step-bg2.jpg") no-repeat center top;
         max-width: 375px;
         height: 101px;
         width: 100%;
         background-size: cover;
         display: block;
         margin: 0 auto
     }

     .detail-teacher .right .card-teacher-items {
         box-shadow: 0 0 10px #efefef;
         border-radius: 5px;
         border: 1px solid #eee;
         width: calc(50% - 5px)
     }

     .detail-teacher .right .card-teacher-items .wrap {
         position: static
     }

     .detail-teacher .right .card-teacher-items .cate {
         position: absolute;
         left: 10px;
         top: 10px;
         font-size: 9px
     }

     .detail-teacher .right .card-teacher-items .type,
     .detail-teacher .right .card-teacher-items .name {
         position: absolute;
         bottom: -30px;
         left: 0
     }

     .detail-teacher .right .card-teacher-items .type {
         bottom: -45px
     }

     .detail-teacher .left {
         position: static;
         text-align: center
     }

     .detail-teacher .left .parag {
         padding: 0 20px
     }

     .detail-teacher .left .moreview,
     .detail-teacher .left .parag br {
         display: none
     }

     .detail-teacher .left .title .text-instructor {
         margin: 0;
         transform: scale(0.65)
     }

     .detail-teacher .left h4 {
         font-size: 18px;
         margin-top: 5px
     }

     .why-first h4 {
         font-size: 18px;
         margin-bottom: 25px
     }

     .why-first h4::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -654px;
         width: 38px;
         height: 44px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 20px auto 5px;
         transform: scale(0.8)
     }

     .why-first .thumb {
         display: none
     }

     .why-first .items {
         flex-direction: column;
         margin: 0 auto;
     }

     .why-first .items>div {
         width: 100%;
         background-color: #f5f5f5;
         position: relative;
         padding: 0 10px
     }

     .why-first .items>div .parag {
         margin-bottom: 25px;
         font-size: 13px;
         padding-right: 10px
     }

     .why-first .items>div .parag br {
         display: none
     }

     .why-first .items>div strong {
         font-size: 15px;
         letter-spacing: -1px;
         color: #333;
         margin-top: 60px
     }

     .why-first .items>div strong::before {
         content: "POINT1";
         font-size: 10px;
         display: block;
         color: #a99d8f;
         letter-spacing: 5px;
         margin-bottom: 5px
     }

     .why-first .items>div:nth-child(1),
     .why-first .items>div:nth-child(2),
     .why-first .items>div:nth-child(3) {
         padding-right: 50%;
         text-align: left;
         height: 30vw;
     }

     .why-first .items>div:nth-child(2) strong::before {
         content: "POINT2"
     }

     .why-first .items>div:nth-child(3) strong::before {
         content: "POINT3"
     }

     .why-first .items>div:nth-child(2) {
         padding-right: 0;
         padding-left: calc(50% + 10px)
     }

     .why-first .items>div:nth-child(1)::after,
     .why-first .items>div:nth-child(2)::after,
     .why-first .items>div:nth-child(3)::after {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 50%;
         height: 100%;
         display: block;
         background: url("/images/mobile-imgs/visual/view-why1.jpg") no-repeat;
         background-size: cover
     }

     .why-first .items>div:nth-child(2)::after {
         background-image: url("/images/mobile-imgs/visual/view-why2.jpg");
         right: initial;
         left: 0
     }

     .why-first .items>div:nth-child(3)::after {
         background-image: url("/images/mobile-imgs/visual/view-why3.jpg")
     }

     .why-first.yoga .items>div:nth-child(3)::after {
         background-image: url("/images/mobile-imgs/visual/view-why4.jpg")
     }

     .view-container .contents-wrap .program .student-review {
         background-color: #fff;
         margin: 0;
         padding: 30px 0 0 0
     }

     .why-first+.student-review .tit-wrap {
         border: 0
     }

     .view-container .contents-wrap .program .student-review .review #slider-review,
     .view-container .contents-wrap .program .student-review .review {
         height: auto
     }

     .view-container .contents-wrap .program .student-review .review {
         margin: 0;
         padding: 20px
     }

     .view-container .student-review .review #slider-review a {
         height: auto;
         padding-bottom: 15px;
         margin: 10px 0 0;
         box-shadow: 0 0 6px #efefef;
         padding-right: 0;
         border-radius: 5px
     }

     .view-container .student-review .review #slider-review .date {
         right: 10px;
         top: 20px;
         color: #999
     }

     .view-container .student-review .review #slider-review .wrap {
         height: auto
     }

     .view-container .student-review .review #slider-review .parag {
         padding-left: 60px;
         font-size: 12px;
         padding-right: 30px
     }

     .view-container .contents-wrap .program .student-review .tit-wrap {
         transform: scale(0.7);
         transform-origin: left top;
         margin: 0;
         padding: 0;
         margin-left: 30px
     }

     .view-container .contents-wrap .program .student-review .review .slider-review-next,
     .view-container .contents-wrap .program .student-review .review .slider-review-prev {
         display: none
     }

     .view-container .contents-wrap .program .student-review .review .swiper-slide {
         flex-direction: column
     }

     .view-container .contents-wrap .program .student-review .review .swiper-slide a {
         width: 100%
     }

     .view-container .contents-wrap .program .student-review .review {
         padding-top: 0
     }

     .student-review+div img {
         width: 100%
     }

     .view-container .contents-wrap .program .tit-wrap {
         flex-direction: column;
         padding-top: 30px;
         margin-bottom: 20px
     }

     .view-container .contents-wrap .program .cont {
         background: url("/images/mobile-imgs/visual/view-job-support-bg.jpg") repeat-x;
         background-size: auto 100%
     }

     .view-container .contents-wrap .program .cont img {
         display: block;
         max-width: 450px;
         margin: 0 auto;
         width: 100%
     }

     .job-support {
         position: relative;
         padding-bottom: 35px
     }

     .job-support .tit-wrap {
         position: static
     }

     .job-support .tit-wrap .moreview {
         top: initial;
         bottom: 0;
         width: 100%;
         padding: 0 10px;
         border: 0
     }

     .job-support .tit-wrap .moreview a {
         width: 100%;
         background-color: #a99d8f;
         color: #fff;
         border-radius: 5px;
         font-weight: 500;
         font-size: 12px;
         height: 32px
     }

     .job-support .tit-wrap .text-jobsupport {
         transform: scale(0.65);
         margin: 0 0 10px 0;
         padding: 0
     }

     .job-support .tit-wrap h4 {
         font-size: 18px
     }

     .view-container .contents-wrap .pico-human2 {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -500px -445px;
         width: 40px;
         height: 54px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .pico-doc {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -165px -545px;
         width: 44px;
         height: 44px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .visual img {
         opacity: 0;
         transition: all 1s ease-in
     }

     .view-container .contents-wrap .visual img.loaded {
         opacity: 1;
     }

     .tbs1 colgroup,
     .tbs1 thead {
         display: none
     }

     .tbs1 tbody td:nth-child(2),
     .tbs1 tbody td:nth-child(3) {
         display: block;
         height: auto
     }

     .tbs1 tbody td:nth-child(3) {
         font-size: 12px
     }

     .tbs1 tbody td:nth-child(3)::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -645px -337px;
         width: 10px;
         height: 10px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         vertical-align: top;
         position: relative;
         top: 1px;
         margin-right: 5px
     }

     .tbs1 tbody td:nth-child(1),
     .tbs1 tbody td:nth-child(4) {
         display: none
     }

     #employment {
         width: 100%;
         padding: 0 20px
     }

     #employment .paging {
         padding: 30px 0
     }

     #employment .tbs1 tbody td:nth-child(2) {
         padding: 15px 0 5px;
         border: 0
     }

     #employment .tbs1 tbody td:nth-child(2) a {
         margin: 0;
         line-height: 1.3
     }

     #employment .tbs1 tbody td:nth-child(3) {
         text-align: left;
         padding-bottom: 15px
     }

     #community-interview {
         padding: 0 10px
     }

     #community-interview .qna .q,
     #community-interview .qna .a {
         font-size: 15px;
         padding: 10px 10px 10px 60px;
         line-height: 1.4
     }

     #community-interview .qna li::before {
         width: 30px;
         height: 30px;
         line-height: 30px;
         font-size: 11px !important
     }

     #community-interview .bbs-view .head h3 {
         font-size: 16px;
         line-height: 1.3
     }

     #community-interview .bbs-view .head {
         border-bottom: 1px solid #e8e8e8;
         padding-bottom: 19px;
         margin-bottom: 0
     }

     #community-interview .view-visual {
         height: auto;
         width: 200px !important;
         border: 0
     }

     #community-interview .view-visual .name-wrap {
         right: -80px;
         top: 120px;
         font-size: 15px;
         z-index: 10
     }

     #community-interview .view-visual .name-wrap::before {
         left: -65px;
         top: 9px;
         display: none
     }

     #community-interview .view-visual .name-wrap .name {
         background: none;
         color: #a99d8f;
         padding: 0
     }

     #community-interview .view-visual .name-wrap .po {
         padding: 0
     }

     #community-interview .view-visual .number {
         left: -30%;
         top: 5%;
         background-color: #a99d8f;
         padding: 10px;
         width: 130px;
         border-radius: 10px
     }

     #community-interview .view-visual .number .text-interview2 {
         color: #fff;
         width: auto;
         height: auto;
         font-size: 11px;
         text-indent: 0;
         padding-bottom: 10px;
         border-bottom: 1px solid #fff
     }

     #community-interview .view-visual .number .text-interview2::before {
         content: "INTERVIEW";
         color: #fff;
         letter-spacing: 5px
     }

     #community-interview .view-visual .number strong {
         color: #fff;
         font-size: 15px;
         margin-top: 10px
     }

     #community-interview .view-visual .thumb img,
     #community-interview .view-visual .thumb {
         width: 200px
     }

     #community-interview .teacher-items li {
         height: auto;
         margin-left: 1.5vw;
         display: block;
         margin-right: 0;
     }

     /* #community-interview .teacher-items li:nth-child(1){margin-left:0;}
    #community-interview .teacher-items li:nth-child(5){margin-left:0;} */
     #community-interview .teacher-items li a {
         padding-bottom: 20px
     }

     #community-interview .teacher-items li img {
         height: 250px
     }

     .bbs-view {
         width: 100%
     }

     #community-interview .qna .q::before {
         top: 5px
     }

     #community-interview .qna,
     #community-interview .view-visual {
         width: 100%
     }

     .community_reply+#subNavi+.sub-tit-page+div>img {
         width: 100%
     }

     #inq_online .check-wrap label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -177px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #inq_online .check-wrap input:checked+label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -202px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .home-ck-wrap label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -177px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .home-ck-wrap input:checked+label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -202px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #inq_online {
         position: relative;
         background-color: #fff;
         padding-top: 43px
     }

     #inq_online .check-wrap {
         flex-direction: column;
         align-items: flex-start
     }

     #inq_online .check-wrap li {
         width: 100%;
         border-bottom: 1px solid #e8e8e8
     }

     #inq_online .check-wrap li:last-child {
         border-bottom: 0
     }

     #inq_online .handle-btn-items {
         white-space: nowrap;
         overflow: auto
     }

     #inq_online .inq_nav {
         position: absolute;
         width: 100%;
         top: 0;
         left: 0;
         border-bottom: 1px solid #e8e8e8;
         justify-content: center
     }

     #inq_online .inq_nav li {
         padding: 0 20px
     }

     #inq_online .inq_nav a {
         width: auto;
         padding: 0;
         border: 0;
         border-radius: 0
     }

     #inq_online .inq_nav .active {
         border-bottom: 1px solid #a99d8f
     }

     #inq_online .radio-wrap input:checked+lebel .ico+.text {
         color: #a99d8f
     }

     #inq_online .radio-wrap label[for=rw5] .ico {
         margin-left: -10px
     }

     #inq_online .radio-wrap {
         width: 100%;
         flex-wrap: wrap
     }

     #inq_online .radio-wrap li {
         flex-basis: calc(50% - 5px);
         margin-bottom: 10px
     }

     .program#diploma-pilates-context .tbl-wrap .online-form .radio-wrap label {
         width: 109px;
     }

     #inq_online .radio-wrap label {
         width: 100%;
         flex-direction: row;
         height: 65px;
         justify-content: flex-start;
         border: solid 1px #ccc
     }

     #inq_online .radio-wrap label .ico {
         flex-basis: 70px;
         transform: scale(0.6)
     }

     #inq_online .radio-wrap label .text {
         padding: 0;
         font-size: 14px;
         letter-spacing: -1px;
         font-weight: 400;
         margin-left: -10px
     }

     #customer-online-submit {
         width: 100%;
         box-shadow: none;
         border-radius: 0;
         border: 0;
         margin: 0
     }

     #customer-online-submit img {
         max-width: 80%
     }

     #customer-online-submit h3 {
         font-size: 20px;
         letter-spacing: -1px
     }

     #customer-online-submit .ico-phone,
     #customer-online-submit .ico-home-outline {
         transform: scale(0.8)
     }

     #customer-online-submit .parag2,
     #customer-online-submit .parag1 {
         font-size: 12px;
         line-height: 1.5;
         padding: 0 20px
     }

     .btn-list a {
         height: 35px;
         line-height: 31px;
         width: 80px;
         border-radius: 5px;
         font-weight: 500
     }

     .btn-list a .ico-hamberger2 {
         transform: scale(0.65);
         transform-origin: right center;
         position: relative;
         top: 3px
     }

     #term-service {
         width: calc(100% - 30px)
     }

     #term-service .s-tit {
         font-size: 13px
     }

     #term-service .s-tit::after {
         top: 7px
     }

     #term-service .context {
         font-size: 12px
     }

     #term-service.cost #tbl2>div span:nth-child(1) {
         padding-left: 10px
     }

     #tbl2 .td>span,
     #tbl2 .th>span {
         font-size: 12px
     }

     #cunsilting-view .wrap {
         width: 50%;
         height: calc(50% - 10px)
     }

     #cunsilting-view .visual-context {
         width: 80%;
         margin: 0 auto;
         position: relative;
         height: auto;
         background-size: 100%;
     }

     #cunsilting-view .visual-context h3 {
         font-size: 22px
     }

     #cunsilting-view .visual-context2 {
         background: url("/images/mobile-imgs/visual/cunsulting2-bg.jpg");
         width: 80%;
         height: auto;
         margin: 0 auto;
     }

     #cunsilting-view .visual-context2 .wrap {
         width: 100%;
         padding: 0;
         text-align: center;
         overflow: hidden
     }

     #cunsilting-view .visual-context2 h3 {
         margin-top: 20px;
         font-size: 18px
     }

     #cunsilting-view .visual-context2 .parag {
         padding: 0 20px
     }

     #cunsilting-view .visual-context2 .parag br {
         display: none
     }

     #cunsilting-view .visual-context2 .addon {
         background: none;
         width: 100%;
         height: auto
     }

     #cunsilting-view .visual-context2 .addon .mo-imgs {
         margin: 0 auto;
         width: calc(100% - 40px);
         max-width: 400px
     }

     #cunsilting-view .visual-context2 .join {
         margin: -20px auto 30px
     }

     #cunsilting-view .cunsulting-process {
         width: 80%;
         margin: 0 auto;
     }

     #cunsilting-view .cunsulting-process .text-process {
         display: block;
         margin: 0 auto 10px
     }

     #cunsilting-view .cunsulting-process .text-process {
         display: block;
         margin: 0 auto 10px
     }

     .step-type {
         width: calc(100% - 40px);
         background: none;
         flex-direction: column;
         justify-content: center;
         text-align: left;
         height: auto;
         margin: 20px auto 0;
         padding: 0
     }

     .step-type+.join {
         width: calc(100% - 40px);
         border-radius: 5px;
         margin-top: 10px
     }

     .step-type li {
         position: relative;
         width: 100%;
         padding: 0;
         padding: 20px 20px 20px 70px;
         border-top: 1px solid #e8e8e8
     }

     .step-type li strong {
         text-align: left;
         font-size: 15px
     }

     .step-type li p {
         text-align: left;
         font-size: 13px
     }

     .step-type li p br {
         display: none
     }

     .step-type li::before {
         content: "";
         position: absolute;
         left: 0;
         top: 20px;
         transform: scale(0.6);
         transform-origin: left top
     }

     .step-type li::after {
         content: "";
         position: absolute;
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -314px -78px;
         width: 22.5px;
         height: 22.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         left: 50%;
         bottom: -12px;
         transform: scale(0.8);
         margin-left: -11px
     }

     .step-type li:nth-child(1)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(2)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -100px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(3)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -200px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(4)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -300px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(5)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -400px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(6)::after {
         display: none
     }

     .step-type li:nth-child(6)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px 0;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .faq-context {
         width: 100%;
         padding-top: 30px;
         margin-bottom: 50px
     }

     .faq-context .faq {
         margin: 0 20px;
         padding: 20px;
         width: 80%;
         margin: 0 auto;
     }

     .faq-context .faq .q {
         font-size: 13px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row;
         justify-content: flex-start;
         padding-left: 30px;
         line-height: 1.3;
         position: relative
     }

     .faq-context .faq .q::before {
         transform: scale(0.7);
         transform-origin: left center;
         margin: 0;
         position: absolute;
         left: 0
     }

     .faq-context .faq .a {
         padding-left: 30px;
         font-size: 13px;
         color: #666;
         padding-top: 10px
     }

     .faq-context .faq .a::before {
         transform: scale(0.7);
         transform-origin: left center;
         margin: 0;
         left: 0
     }

     .faq-context .faq .a::after {
         display: none
     }

     .faq-context .left {
         float: none;
         width: 100%;
         text-align: center;
         padding: 0 20px;
         padding-bottom: 30px
     }

     .faq-context .left h4 {
         font-size: 18px;
         margin-bottom: 20px
     }

     .faq-context .left h4 strong {
         display: inline;
         line-height: 1.3
     }

     .faq-context .left .parag {
         display: inline
     }

     .faq-context .left .parag br {
         display: none
     }

     .faq-context .clear {
         display: none
     }

     .faq-context .right {
         width: 80%;
         padding: 0 20px;
         height: auto;
         background: none;
         float: none;
         position: relative;
         margin-bottom: 30px;
         margin: 0 auto;
     }

     .faq-context .right a {
         display: block;
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 18%
     }

     #support-step .process .step-wrap {
         width: 100%;
         flex-wrap: wrap
     }

     #support-step .process .step-wrap .step-items {
         width: 100%;
         flex-basis: 33%;
         margin-bottom: 20px;
         justify-content: flex-start
     }

     #support-step .process .step-wrap::before {
         display: none
     }

     .support-center-intro {
         /* padding-top: 0;
        overflow: hidden;
        padding-bottom: 20px */
         width: 100%;
     }

     .support-center-intro .wrap {
         width: 100%;
         /* height: auto;
        background: none;
        padding: 0 20px */
         background-size: 100%;
         height: 85vw;
     }

     .support-center-intro .wrap .link {
         margin: 15px 0 0 0;
         transform: scale(0.7);
         transform-origin: left top
     }

     /* .support-center-intro .wrap li {
        position: static;
        margin-top: 20px
    } */

     .support-center-intro .wrap h5 {
         width: 100%;
         font-size: 15px;
         padding-left: 50px;
         height: auto;
         flex-direction: row;
         position: relative;
         flex-wrap: wrap;
         justify-content: flex-start;
         min-height: 50px;
         align-items: center;
         margin-bottom: 10px;
         margin-top: 10px
     }

     .support-center-intro .wrap h5 .num {
         transform: scale(0.5);
         transform-origin: left top;
         position: absolute;
         left: 0;
         top: 7px
     }

     .support-center-intro .wrap h5 strong {
         padding: 0;
         display: inline-block
     }

     #homefit .banner {
         font-size: 18px;
         background: url("/images/mobile-imgs/visual/home-fit-bg.jpg");
         background-size: cover
     }

     #homefit .label-box .context {
         width: 100%;
         padding: 0 10px
     }

     #homefit .label-box .context li {
         width: 100%;
         flex-basis: 23%;
         line-height: 1.3;
         height: auto;
         font-size: 13px;
         padding: 20px 10px
     }

     #homefit .label-box .context li::after {
         display: none
     }

     #homefit .label-box .context li::before {
         position: static;
         border-bottom: 1px solid #a99d8f;
         display: block !important;
         margin: 0 auto;
         transform: scale(0.7);
         padding-bottom: 7px;
         margin-bottom: 5px
     }

     #homefit .banner {
         width: 100%
     }

     #homefit .process .step-wrap {
         width: 100%;
         flex-wrap: wrap
     }

     #homefit .process .step-wrap::before {
         display: none
     }

     #homefit .process .step-wrap .step-items {
         width: 30%;
         justify-content: flex-start;
         margin-bottom: 20px
     }

     #homefit .package {
         background: none;
         width: 100%;
         height: auto;
         margin: 0
     }

     #homefit .fit-point {
         border: none;
         width: 100%;
         height: auto;
         background: none;
         padding: 0 20px
     }

     #homefit .fit-point .noti {
         margin-top: 20px;
         font-size: 10px
     }

     #homefit .fit-point .noti::before {
         transform: scale(0.6)
     }

     #homefit .fit-point .n1,
     #homefit .fit-point .n2 {
         margin: 20px 0 30px
     }

     #homefit .fit-point .n1 h4::before,
     #homefit .fit-point .n2 h4::before {
         content: "POINT 01";
         letter-spacing: 5px;
         color: #a99d8f;
         font-size: 10px;
         font-weight: bold;
         display: block;
         margin-bottom: 8px
     }

     #homefit .fit-point .n2 h4::before {
         content: "POINT 02"
     }

     #homefit .fit-point h4 {
         font-size: 18px
     }

     #homefit .fit-point h4 strong {
         font-size: 18px;
         margin: 5px 0 15px
     }

     #homefit .fit-point .parag br {
         display: none
     }

     #homefit .fit-point .n1,
     #homefit .fit-point .n2 {
         position: static
     }

     #homefit .why-first {
         margin-bottom: 40px
     }

     #homefit .why-first .step-type {
         background: none
     }

     #homefit .why-first .step-type li::after {
         display: none
     }

     #homefit .why-first .step-type li:nth-child(1)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -175px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(2)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -112px -175px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(3)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -224px -175px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(4)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -361px 0;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(5)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -361px -112px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(6)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -287px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .card-items {
         width: 100%;
         padding: 20px;
         padding-bottom: 10px;
         flex-direction: column
     }

     #homefit .card-items li {
         width: 100%;
         height: auto;
         position: relative;
         align-items: flex-start;
         padding: 20px 10px 20px 80px;
         margin-bottom: 10px
     }

     #homefit .card-items li strong {
         margin-top: 0;
         font-size: 15px
     }

     #homefit .card-items li .parag br {
         display: none
     }

     #homefit .card-items li .ico {
         position: absolute;
         left: 5px;
         margin-top: -40px;
         top: 50%;
         transform: scale(0.6);
         transform-origin: left top
     }

     #homefit .mission {
         width: 80%;
         margin: 0 auto;
         height: auto
     }

     .card-item-wrap #homefit .mission .wrap-container {
         display: none
     }

     #homefit .card-item-wrap {
         width: 80%;
         margin: 0 auto;
     }

     #homefit .firstfit-context {
         width: 100%;
     }

     #homefit .firstfit-context .items {
         width: 100%;
         margin-right: 1vw;
     }

     #homefit .firstfit-context strong {
         margin-top: 15px;
         font-size: 15px
     }

     .firstfit-context div:nth-child(1) {
         margin-left: 1vw;
     }

     #homefit .firstfit-context .parag {
         margin: 0 0 20px 0
     }

     #homefit .firstfit-context .parag br {
         display: none
     }

     #homefit .firstfit-context img {
         width: 100%
     }

     #cunsilting-view .visual-context4 {
         width: 100%;
         height: auto;
         background: none;
         margin-top: 30px !important
     }

     #cunsilting-view .req::after {
         transform: scale(0.5);
         transform-origin: left top
     }

     #cunsilting-view .visual-context8 .wrap {
         width: 80%;
         margin: 0 auto;
         height: auto;
         background: none
     }

     #cunsilting-view .visual-context8 .cell:nth-child(1) {
         width: 100%;
         text-align: center;
     }

     #cunsilting-view .visual-context8 .cell:nth-child(2) {
         width: 100%;
     }

     #cunsilting-view .visual-context8 .parag {
         margin-bottom: 15px;
         font-size: 10px;
     }

     #cunsilting-view .visual-context8 h3 {
         font-size: 18px;
     }

     #cunsilting-view .visual-context8 h3 br:first-child {
         display: none;
     }

     #cunsilting-view .visual-context8 table {
         width: 100%;
     }

     #cunsilting-view .visual-context8 table th:nth-child(1),
     #cunsilting-view .visual-context8 table th:nth-child(3) {
         width: 25%;
     }

     #cunsilting-view .visual-context8 table br {
         display: none;
     }

     #cunsilting-view .form-wrap {
         padding: 0 20px;
         margin: 0;
     }

     #cunsilting-view .form-wrap .cell {
         float: none
     }

     #cunsilting-view .form-wrap .text-inquiry {
         display: none
     }

     #cunsilting-view .form-wrap h5 {
         width: 100%;
         text-align: center;
         font-size: 18px;
         margin-bottom: 15px
     }

     #cunsilting-view .form-wrap h5 strong {
         display: inline
     }

     #cunsilting-view .form-wrap h5::before {
         content: "INQUIRY";
         letter-spacing: 7px;
         color: #a99d8f;
         display: block;
         font-size: 10px;
         font-weight: bold;
         margin: 40px 0 15px
     }

     #cunsilting-view .form-wrap h5::after {
         display: none
     }

     #cunsilting-view .form-wrap .parag {
         text-align: center;
         margin-bottom: 20px
     }

     #cunsilting-view .form-wrap .parag br {
         display: none
     }

     #cunsilting-view .form-wrap .n3 .private {
         text-align: center
     }

     #cunsilting-view .form-wrap .n3 .submit {
         width: 100%;
         margin: 20px 0 50px 0
     }

     #cunsilting-view .form-wrap .n3 .field {
         padding: 10px
     }

     #cunsilting-view .form-wrap .n3 .checkbox {
         padding: 0;
         overflow: hidden;
     }

     #cunsilting-view .form-wrap .n3,
     #cunsilting-view .form-wrap .n2 {
         width: 100%
     }

     #cunsilting-view .form-wrap,
     #cunsilting-view .visual-context6,
     #cunsilting-view .visual-context7 {
         width: 80%;
         margin: 0 auto;
         height: auto;
         background: none
     }



     #cunsilting-view .visual-context5 {
         width: 80%;
         max-width: initial;
         background: none
     }

     #cunsilting-view .visual-context.visual-context5 .wrap {
         position: absolute;
         height: auto;
         width: 100%;
         text-align: center;
         left: auto;
         margin: 0 0 20px;
         padding: 0 10%;
         background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent);
     }

     #cunsilting-view .visual-context.visual-context5 .wrap h3 {
         color: white;
     }

     #cunsilting-view .visual-context5 .wrap h3::before {
         content: "INTERIOR";
         letter-spacing: 7px;
         color: #fff;
         display: block;
         font-size: 10px;
         font-weight: bold;
         margin: 40px 0 15px
     }

     #cunsilting-view .visual-context5 .wrap h3 strong {
         display: inline
     }

     #cunsilting-view .visual-context5 .wrap .parag {
         padding: 10px 20px 20px 20px;
         color: rgba(255, 255, 255, .7);
     }

     #cunsilting-view .visual-context5 .wrap .parag br {
         display: none
     }

     #cunsilting-view .cunsulting-curriculum .text-curricul {
         display: block
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap {
         width: 80%;
         padding: 0 20px;
         flex-direction: column
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li {
         position: relative;
         padding-left: calc(45% + 10px);
         height: 160px;
         margin: 5px 0
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .parag {
         margin: 5px 0 13px
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .btn-moreview {
         margin: 0 0 0 2px;
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -373px -287px;
         width: 86px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .label {
         margin: 10px 0 0 -30px;
         background-color: #eeebe9;
         color: #8e8072
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .parag {
         text-align: left
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .thumb {
         width: 45%;
         left: 0;
         top: 0;
         height: 100%;
         box-shadow: none;
         border-radius: 0;
         position: absolute;
         z-index: 10
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .thumb img {
         border: 0;
         object-fit: cover;
         width: 100%;
         height: 100%;
         border-radius: 10px
     }

     #indigator .setArea {
         padding: 8px 10px;
         background: #8e8072;
         border: 0;
         color: #fff;
         font-size: 11px;
         border-radius: 5px;
         position: absolute;
         /* right: 10px; */
         /* left: 10px; */
         /* top: 7px; */
         width: 98%;
     }

     .pop-store {
         background: rgba(0, 0, 0, .4);
         position: fixed;
         width: 100%;
         height: 100%;
         z-index: 9999;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         display: none
     }

     .pop-store.on {
         display: flex
     }

     .pop-store .wrap {
         background-color: #fff;
         border-radius: 5px;
         box-shadow: 0 0 20px #333;
         width: 80%;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column
     }

     .pop-store .wrap a {
         padding: 20px 0;
         border-bottom: 1px solid #ccc;
         width: 100%;
         text-align: center;
         font-weight: bold;
         font-size: 15px;
         color: #333
     }

     .pop-store .wrap a:first-child {
         display: none
     }

     .pop-store .wrap a:last-child {
         border: 0
     }

     #inq_online .sub-tit-page h3 .pagename,
     .notice+#subNavi+.sub-tit-page h3 span,
     .community_reply+#subNavi+.sub-tit-page h3 span,
     .community+#subNavi+.sub-tit-page h3 span,
     .recruitment+#subNavi+.sub-tit-page h3 span,
     .employment+#subNavi+.sub-tit-page h3 span,
     .recruit+#subNavi+.sub-tit-page h3 span {
         display: inline-block;
         margin: 0 5px 0 -15%;
         transform-origin: right top;
         top: 1px
     }

     #recruitment .noti {
         flex-direction: column;
         padding: 0 10px;
         align-items: flex-start
     }

     #recruitment .noti>span {
         flex-basis: 100%;
         text-align: left;
         font-size: 12px;
         line-height: 1.3;
         font-weight: 400;
         letter-spacing: -1px;
         margin: 5px 0
     }

     #recruitment .in-right {
         padding-bottom: 30px
     }

     #recruit #employment tr {
         position: relative;
         display: block
     }

     #recruit #employment .bbs-search {
         position: relative
     }

     #recruit #employment .bbs-search .field {
         min-width: 100px;
         width: calc(100% - 30px)
     }

     #recruit #employment .bbs-search .btn {
         position: absolute;
         right: 0;
         top: 0
     }

     #recruitment .radio-wrap>span {
         width: calc(50% - 10px)
     }

     #recruitment .radio-wrap>span label {
         width: 100%
     }

     #recruitment .space {
         display: none
     }

     #recruitment .step3 .in-wrap {
         margin-top: 0;
         flex-direction: column
     }

     #recruitment .patnership-form {
         position: relative
     }

     #recruitment .patnership-form .wrap {
         padding-bottom: 0
     }

     #recruitment .step2 {
         margin-top: 10px;
         padding-bottom: 30px
     }

     #recruitment .patnership-form .wrap+.space+.wrap {
         margin-top: 10px
     }

     #recruitment .patnership-form .private {
         background-color: #fff;
         padding-bottom: 100px
     }

     #recruitment .noti {
         width: 100%;
         position: absolute;
         bottom: 0;
         border: 0;
         box-shadow: none;
         background-color: #f5f5f5;
         border-radius: 0;
         margin: 0;
         height: auto;
         line-height: 1.5;
         padding-top: 10px;
         padding-bottom: 10px
     }

     #recruitment .step1,
     #recruitment .step2,
     #recruitment .in-right,
     #recruitment .in-left {
         float: none;
         width: 100%
     }

     #recruit .rec-options .cell .items:last-child {
         border: 0
     }

     #recruit .btn-list {
         text-align: center
     }

     #recruit .btn-list a {
         height: 40px;
         line-height: 40px
     }

     #recruit .ico-hamberger2 {
         transform: scale(0.7)
     }

     #recruit .bbs-view {
         width: calc(100% - 30px)
     }

     #recruit .bbs-view .cell+.cell {
         border-top: 0
     }

     #recruit .bbs-view .head h3 {
         font-size: 15px;
         line-height: 1.3;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         word-wrap: break-word;
         -webkit-line-clamp: 1
     }

     #recruit .bbs-view .items {
         border-bottom: 1px solid #e8e8e8;
         position: relative
     }

     #recruit .bbs-view .items em {
         line-height: 1.4
     }

     #recruit .bbs-view .items span {
         transform: scale(0.7)
     }

     #recruit .bbs-view .items strong {
         position: absolute;
         left: 100px;
         margin: 0;
         top: 23px
     }

     #recruit .options-wrap .select-type {
         width: 50px
     }

     #recruit .bbs-view .rec-options .cell {
         flex-direction: column
     }

     #recruit .bbs-view .rec-options .items {
         flex-basis: 100%
     }

     #recruit #employment td {
         height: auto
     }

     #recruit #employment td:nth-child(2) {
         padding-top: 40px
     }

     #recruit #employment td:nth-child(1) {
         display: block;
         position: absolute;
         border: solid 1px #a99d8f;
         padding: 3px 8px;
         font-size: 11px;
         left: 0;
         top: 13px;
         border-radius: 10px
     }

     #recruit #employment td:nth-child(3)::before {
         top: 9px
     }

     #recruit #employment td.nodata {
         display: block;
         position: static;
         border: 0;
         font-size: 15px;
         padding: 50px 0;
         text-align: center;
         width: 100%;
         border-radius: 0;
         border-bottom: solid 1px #e8e8e8
     }

     #recruit #employment td .label {
         margin: 0;
         width: 40px;
         text-align: center;
         margin-left: 6px;
         border-radius: 8px
     }

     img[data-mobile] {
         opacity: 0;
         transition: all 1s ease-in
     }

     img[data-mobile].loaded {
         opacity: 1
     }

     .view-container .contents-wrap .pico-ring {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -479.5px;
         width: 53.5px;
         height: 51px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .pico-hand {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px 0;
         width: 32px;
         height: 53px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #view-master .cc-step {
         height: 101px;
         width: auto
     }

     #view-master .cc-step::after {
         content: "";
         background: url("/images/mobile-imgs/visual/cc-step-bg3.jpg") no-repeat center top;
         max-width: 375px;
         height: 101px;
         width: 100%;
         background-size: cover;
         display: block;
         margin: 0 auto;
         position: static
     }

     #teacher-pop .contents .detail .link .label {
         font-size: 12px
     }

     .select-wrap {
         margin-bottom: 20px
     }

     .teacher-items li {
         height: auto;
         padding-bottom: 20px;
         width: 22%;
     }

     .teacher-items li img {
         height: 200px !important
     }

     .view-container .contents-wrap .ico-cont .detail-info br,
     .contact-form .name .parag br,
     .contact-form .item .info br {
         display: none
     } 

     .swiper-wrapper .w_100p .mdc-button__label .p_hide {
         display: inline-block;
     }

     .swiper-wrapper .w_100p .mdc-button__label .m_hide {
         display: none;
     }
     
     /* pilates_diploma_test.asp */
     .pilatesEvent .inner_1170 {padding: 0 20px 40px; box-sizing: border-box;}
     .pilatesEvent .review ul li {margin-bottom: 5vw;}
     .pilatesEvent .review ul li a {padding: 4vw 8vw;}
     .pilatesEvent .review ul li .profile img {width: 10vw;}
     .pilatesEvent .review ul li .profile p {font-size: 1.6vw; margin-top: 1vw;}
     .pilatesEvent .review ul li .review-text {width: 65%;}
     .pilatesEvent .review ul li .review-text p {font-size: 1.6vw;}
     #diploma-pilates-context.pilatesEvent .pilates {width: 100%;}
     .pilatesEvent .license2 {padding-bottom: 40px;}
     .pilatesEvent .Introduction-instructors .inner_1170 {padding: 0 0 40px;}
     .pilatesEvent .Introduction-instructors .swiper {padding: 0 20px;}
     .pilatesEvent .Introduction-instructors .swiper-slide {width: 25vw; padding-right: 20px;}
     .pilatesEvent .Introduction-instructors .swiper-slide > a > img {width: 100%;}
     .pilatesEvent .Introduction-instructors a span.label {font-size: 11px; left: 10px; top: 10px;}
     .pilatesEvent .Introduction-instructors a .teacher-info strong {font-size: 18px;}
     .pilatesEvent .Introduction-instructors a .teacher-info .cont {color: #a99d8f;}
     .pilatesEvent .Introduction-instructors a .teacher-info .cont::before {content: ""; background: none; background-image: url(/images/imgs/sprite.png); background-position: -1244px -195px; width: 11px; height: 10px; color: transparent; font-size: 9px; overflow: hidden; display: inline-block; text-indent: -999em;}
     .pilatesEvent .Introduction-instructors a .teacher-info .cont::before {background-image: url(/images/mobile-imgs/mobile-sprite.png); background-position: -647px -227px; width: 13px; height: 12px; background-size: 705px auto; vertical-align: middle; position: relative; top: -2px;}
     .pilatesEvent .Introduction-instructors a .teacher-info .cont .cate {color: #a99d8f;}
     .pilatesEvent .schedule img {width: 100%;}
 }

 @media all and (max-width: 800px) {
     .profile-content {
        width: 360px;}

     .adv_cscenter .contents .tel_new {
         display: none;
     }

     #community-interview .history .prev,
     #community-interview .history .next {
         height: 56px;
         overflow: hidden;
         line-height: 26px;
         border-top: 1px solid #e8e8e8
     }

     #diploma-pilates-context .context1 .wrap {
         position: static;
         padding: 0 20px;
         width: 100%;
         margin: 0 auto;
     }

     .firstfit-context div:nth-child(1) {
         margin-left: 0;
     }

     .bannerMain #nav {
         display: none;
     }

     #lv-container {
         width: 100%;
         padding: 0 20px
     }

     .step-wrap::before {
         width: 80%;
         left: 10%
     }

     #quick-context-wrap {
         justify-content: flex-end
     }

     #diploma-pilates-context.scolicsis1 .context1 {
         background-image: none;
     }

     #quick-context-wrap::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -436.5px;
         width: 83px;
         height: 33px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 0 auto;
         position: relative;
         top: 10px
     }

     #quick-context-wrap .contact-form.quick-context {
         width: 100%
     }

     #quick-context-wrap .contact-form.quick-context .item-wrap {
         flex-direction: column
     }

     #quick-context-wrap .contact-form.quick-context .item-wrap .item {
         margin-right: 0
     }

     #quick-context-wrap .contact-form.quick-context .item-wrap .private {
         flex-basis: initial
     }

     #quick-context-wrap .contact-form .item .label {
         width: auto
     }

     #quick-context-wrap .contact-form {
         position: static;
         border-radius: 0;
         box-shadow: none;
         padding: 20px 10px 30px 10px
     }

     #quick-context-wrap .contact-form form {
         position: relative
     }

     #quick-context-wrap .contact-form .item .req::after {
         transform: scale(0.5);
         transform-origin: left center
     }

     #quick-join {
         width: 100%;
         height: 100%;
         position: fixed;
         background: rgba(0, 0, 0, .8);
         z-index: 10;
         left: 0;
         top: 0;
         padding: 0;
         border: 0;
         border-radius: 0;
         flex-flow: column;
         justify-content: flex-end;
         display: none
     }

     #quick-join::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -436.5px;
         width: 83px;
         height: 33px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 0 auto;
         position: relative;
         top: 10px
     }

     #quick-join .item .req::after {
         transform: scale(0.5);
         transform-origin: left center
     }

     #quick-join .radio-wrap>span {
         flex-basis: 32%
     }

     #quick-join .radio-wrap label {
         width: 100%
     }

     #quick-join form {
         background-color: #fff;
         padding: 20px;
         padding-top: 10px
     }

     #quick-join .item,
     #quick-join .name {
         display: none
     }

     #quick-join .item-wrap .column,
     #quick-join .item-wrap .private {
         display: flex
     }

     #quick-join .item-wrap .private {
         justify-content: center;
         padding-bottom: 58px;
         position: relative
     }

     #quick-join .item-wrap .private .submit {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         margin: 0
     }

     #quick-join .item-wrap .column .label {
         width: 100%
     }

     .card-teacher-items .cate {
         font-size: 11px;
         line-height: 16px
     }

     .card-teacher-items img {
         max-width: 100%
     }

     .step-wrap {
         width: 100%;
         padding: 0 10px 40px 10px
     }

     .step-wrap::before {
         top: 33px
     }

     .step-wrap .picto {
         margin: 0 auto;
         width: 68px;
         height: 68px
     }

     .step-wrap .steps {
         font-size: 12px
     }

     .step-wrap .step-items {
         width: 20%
     }

     .step-wrap .step-items .picto::before {
         transform: scale(0.7);
         transform-origin: center center
     }

     .step-wrap .parag {
         width: 100%;
         margin: 0;
         font-size: 12px;
         letter-spacing: -1px
     }

     .step-wrap .parag br {
         display: none
     }

     .step-wrap .name {
         font-size: 15px;
         white-space: nowrap;
         letter-spacing: -1px
     }

     .card-teacher-items .name {
         font-size: 15px;
         margin: 5px 0
     }

     .card-teacher-items .type {
         font-size: 11px
     }

     .card-teacher-items .type::after {
         transform: scale(0.7);
         margin-left: 0
     }

     .field,
     .select {
         padding: 0 10px
     }

     .check {
         transform: scale(0.7)
     }

     .mdc-dialog-scroll-lock {
         overflow: hidden !important;
         touch-action: none
     }

     .select {
         width: auto;
         min-width: initial
     }

     .select-wrap .select {
         margin: 0;
         width: 40%
     }

     .mo-imgs {
         display: block;
         max-width: 100%
     }

     .br {
         display: inline-block
     }

     .mdc-button,
     .mdc-button__label {
         width: 100%
     }

     body {
         min-width: auto;
         font-size: 14px
     }

     body.lock {
         touch-action: none;
         overflow: hidden
     }

     .sub-header {
         height: auto
     }

     .sub-header #header {
         background-color: #fff
     }

     .sub-header #header .menu-wrap .items,
     .sub-header #header .depth1 a,
     .sub-header #header a {
         color: #555
     }

     .sub-header #header .depth1 .logo {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -154px -78px;
         width: 150px;
         height: 29px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #subNavi {
         overflow: hidden;
         border: solid 1px #e8e8e8
     }

     .sub-navigator {
         align-items: initial;
         justify-content: initial;
         padding: 0;
         border: 0
     }

     .sub-navigator.center {
         justify-content: center
     }

     .sub-navigator li {
         width: auto;
         margin: 0 10px
     }

     .sub-navigator a {
         font-size: 13px;
         margin: 0;
         line-height: 1;
         height: auto;
         padding: 15px 0
     }

     #header .wrap {
         width: 100%
     }

     /* #header .depth1 .logo {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -154px -78px;
         width: 150px;
         height: 29px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     } */

     #header .depth1 .logo-wrap {
         float: none;
         margin: 0 auto;
         padding: 0;
         width: 150px
     }

     #header .depth1 .menu-wrap {
         border-top: solid 1px #e8e8e8;
         height: auto;
         display: block;
         float: none;
         margin: 0;
         overflow: hidden;
         height: 44px
     }

     #header .depth1 .swiper-wrapper {
         align-items: initial;
         justify-content: initial
     }

     #header .depth1 .swiper-wrapper .swiper-slide {
         margin: 0 10px;
         line-height: 44px
     }

     #header .depth2 .menu-wrap {
         padding: 0;
         margin: 0;
         background: #fff
     }

     #header .depth2 .menu-wrap .items {
         margin: 0;
         width: 100%;
         position: relative;
         align-items: flex-start
     }

     #header .depth2 .menu-wrap .items .ico {
         margin: 12px 10px
     }

     #header .depth2 .menu-wrap .items::before {
         content: "";
         position: absolute;
         left: 20px;
         top: 15px;
         color: #333
     }

     #header .depth2 .menu-wrap .items::after {
         content: "";
         position: absolute;
         display: block;
         width: 100%;
         height: 1px;
         background: #e8e8e8;
         left: 0;
         top: 48px
     }

     #header .depth2 .menu-wrap .items a {
         background: #f5f5f5;
         border-bottom: solid 1px #e8e8e8;
         display: block;
         width: 100%;
         padding: 12px 10px;
         color: #909090;
         display: none
     }

     #header .depth2 .menu-wrap .items.clicked a {
         display: block
     }

     #header .depth2 .n1 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -597.5px;
         width: 22px;
         height: 25px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n2 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -396.5px;
         width: 26.5px;
         height: 23.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n3 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -365.5px;
         width: 29.5px;
         height: 21px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n4 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -655px;
         width: 26px;
         height: 22px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n5 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -464px;
         width: 26.5px;
         height: 22.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n6 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -636.5px -479.5px;
         width: 22px;
         height: 24px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n6-1 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -636.5px -479.5px;
         width: 22px;
         height: 24px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n7 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -496.5px;
         width: 24px;
         height: 24px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n8 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -565.5px;
         width: 25.5px;
         height: 22px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n9 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -333px;
         width: 28px;
         height: 22.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .n10 .ico {
         background: none;
         /* background-image: url(/images/mobile-imgs/mobile-sprite.png); */
         background-position: -673px -296px;
         width: 24px;
         height: 27px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #header .depth2 .menu-wrap .items.n1::before {
         content: "아카데미 소개"
     }

     #header .depth2 .menu-wrap .items.n2::before {
         content: "펫스타일 정규과정"
     }

     #header .depth2 .menu-wrap .items.n3::before {
         content: "펫스타일지도자"
     }

     #header .depth2 .menu-wrap .items.n4::before {
         content: "펫푸드 정규과정"
     }

     #header .depth2 .menu-wrap .items.n3::after,
     #header .depth2 .menu-wrap .items.n4::after {
         top: 45px
     }

     #header .depth2 .menu-wrap .items.n5::before {
         content: "펫푸드지도자"
     }

     #header .depth2 .menu-wrap .items.n6::before {
         content: "원데이 클래스"
     }

     #header .depth2 .menu-wrap .items.n6-1::before {
         content: "커뮤니티"
     }

     #header .depth2 .menu-wrap .items.n7::before {
         content: "상담센터"
     }

     #header .depth2 .menu-wrap .items.n8::before {
         content: "커뮤니티"
     }

     #header .depth2 .menu-wrap .items.n9::before {
         content: "고객상담"
     }

     #header .depth2 .menu-wrap .items.n7::after,
     #header .depth2 .menu-wrap .items.n8::after {
         top: 46px
     }

     #header .depth2 .menu-wrap .items.n10::before {
         content: "고객상담"
     }

     #header .depth2 .menu-wrap .items.n11::before {
         content: "고객상담"
     }

     #header .depth2 .menu-wrap .items.n9::after {
         top: 50px
     }

     .slider-tab {
         width: calc(100% - 20px);
         border: 0
     }

     .slider-tab img {
         width: 100%;
         height: 290px;
         object-fit: cover
     }

     #hambuger {
         display: block;
         position: absolute;
         left: 12px;
         top: 28px;
         border: 0;
         z-index: 3
     }

     #hambuger.open+.wrap .depth2 {
         display: block
     }

     #hambuger.open+.wrap .depth2 .close,
     #hambuger.open+.wrap .depth2 .banner {
         display: none
     }

     #hambuger.open+.wrap .depth2 .menu-wrap {
         position: fixed;
         flex-direction: column;
         width: 100%;
         height: calc(100% - 121px);
         overflow: auto
     }

     #indigator {
         width: 100%;
         position: absolute;
         height: auto;
         overflow: visible
     }

     #indigator .nav {
         position: fixed;
         background: #a99d8f;
         width: 100%;
         left: 0;
         top: 77px;
         padding-left: 10px;
         float: none;
         z-index: 10;
         height: 45px;
         display: none
     }

     #indigator .nav.clicked {
         display: flex
     }

     #indigator .nav .home {
         color: #fff;
         font-size: 15px
     }

     #indigator .nav .ico-home {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -530.5px;
         width: 22.5px;
         height: 25px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         vertical-align: middle;
         margin-right: 17px
     }

     #indigator .menu {
         float: none
     }

     #indigator .menu .tel {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -63px;
         width: 30px;
         height: 31px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         text-indent: -999em;
         position: absolute;
         right: 6px;
         border: 0;
         padding: 0;
         border-radius: 0
     }

     #indigator .link {
         display: none;
         margin: 0 5px
     }

     #indigator .tel {
         position: absolute;
         top: 22px;
         z-index: 3;
         text-indent: -999em;
         transform: scale(0.8)
     }

     .bannerMain .mdc-touch-target-wrapper {
         width: 100%
     }

     .bannerMain {
         width: 100%;
         height: auto;
         overflow: hidden;
     }

     .bannerMain .swiper-button-next,
     .bannerMain .swiper-button-prev {
         display: none
     }

     .bannerMain .mdc-touch-target-wrapper {
         height: auto
     }

     .bannerMain .mdc-button__label {
         height: auto;
         display: block
     }

     .bannerMain .mdc-button__label img {
         width: 100%;
         height: auto;
         object-fit: cover
     }

     .bannerMain .mdc-touch-target-wrapper::before {
         bottom: 55px;
         left: 40px;
         transform: scale(0.5);
         transform-origin: left
     }

     .bannerMain .mdc-touch-target-wrapper::after {
         bottom: 67px;
         left: 57px;
         transform: scale(0.5);
         transform-origin: left
     }

     .adv_cscenter {
         background: #fff;
         position: fixed;
         z-index: 20;
         bottom: 0;
     }

     .adv_cscenter .contents {
         width: 100%;
         padding: 0 10px
     }

     .adv_cscenter .contents .opening,
     .adv_cscenter .contents .tel {
         display: none
     }

     .adv_cscenter .contents .nav {
         margin: 0;
         width: 100%;
         justify-content: space-between
     }

     .adv_cscenter .contents .nav a {
         margin: 0;
         position: relative;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         flex-basis: 20%;
         font-size: 13px;
         letter-spacing: -1px
     }

     .adv_cscenter .contents .nav a span {
         margin: 0 0 10px 0
     }

     .adv_cscenter .contents .nav a::before {
         content: "";
         display: block;
         width: 1px;
         height: 55px;
         background-color: #f3f3f3;
         position: absolute;
         left: 0;
         top: 0
     }

     .adv_cscenter .contents .nav a:first-child::before {
         display: none
     }

     .adv_cscenter .contents .nav .meet span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -219px;
         width: 29px;
         height: 27px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-top: 3px
     }

     .adv_cscenter .contents .nav .search span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -494px;
         width: 28px;
         height: 28px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-top: 3px
     }

     .adv_cscenter .contents .nav .calendar span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -430px;
         width: 25px;
         height: 24px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-top: 7px
     }

     .adv_cscenter .contents .nav .ico-mquick-04 span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -104px;
         width: 27px;
         height: 30px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .adv_cscenter .contents .nav .ico-mquick-05 span {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -256px;
         width: 23px;
         height: 30px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .classAndNotice {
         width: 100%;
         overflow: hidden;
         display: block;
         background: #ffffff;
     }

     .classAndNotice .text-imgs-title {
         margin-top: 30px
     }

     .classAndNotice .text-imgs-title .ir-notice {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -373px -312px;
         width: 90px;
         height: 10.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: relative;
         top: -1px;
         margin-left: 10px
     }

     .classAndNotice #main-class {
         display: none
     }

     .classAndNotice .main-notice {
         width: auto;
         float: none;
     }

     .classAndNotice .main-notice .card-items {
         padding-left: 10px;
         display: block;
         width: 100%;
         overflow: hidden;
         padding-right: 10px
     }

     .classAndNotice .main-notice .card-items li {
         width: auto;
         height: 270px;
         margin-right: 0;
         box-shadow: none;
         display: block;
         border-radius: 0
     }

     .classAndNotice .main-notice .card-items li img {
         width: 180px;
         height: 180px;
         border-radius: 10px;
         box-shadow: 0 0 5px #ccc
     }

     .classAndNotice .main-notice .card-items li .info {
         margin-top: 10px;
         position: relative;
         display: block;
         width: 180px;
         padding: 0;
         background: none;
         color: #555
     }

     .classAndNotice .main-notice .card-items li .info .date {
         color: #aaa
     }

     .classAndNotice .main-notice .card-items li .info .date::before {
         transform: scale(0.8)
     }

     #main-program {
         width: 100%;
         background: none;
         margin: 0;
         background-color: #fff;
         padding: 20px 0;
         height: auto
     }

     #main-program .parag,
     #main-program .ico {
         display: none
     }

     #main-program li a {
         position: relative;
         display: block;
         height: 100px;
         border-left: solid 1px #f3f3f3
     }

     #main-program li:first-child a {
         border-left: none
     }

     #main-program li strong {
         color: #909090;
         font-size: 15px;
         font-weight: 400;
         position: absolute;
         top: 80px;
         left: 0;
         width: 100%
     }

     /* #main-program li:nth-child(1) a::before,
     #main-program li:nth-child(2) a::before,
     #main-program li:nth-child(3) a::before,
     #main-program li:nth-child(4) a::before {
         content: "";
         margin: 10px auto 0
     }

     #main-program li:nth-child(1) a::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -251px;
         width: 72px;
         height: 56px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block
     }

     #main-program li:nth-child(2) a::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -317px;
         width: 62px;
         height: 62px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block
     }

     #main-program li:nth-child(3) a::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -177px;
         width: 64px;
         height: 64px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block
     }

     #main-program li:nth-child(4) a::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -100px;
         width: 73px;
         height: 67px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block
     } */

     #curriculum {
         overflow: hidden
     }

     #curriculum .wrap {
         width: 100%
     }

     #curriculum .tit {
         background: none;
         background-image: url(/images/main/pet_sub_logo02.png);
         /* background-position: 0 0; */
         width: 351px;
         height: 68px;
         /* background-size: 705px auto; */
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 38px auto
     }

     #curriculum .contents li {
         width: 45%;
         height: 300px;
         margin: 0 0 15px 0
     }

     #curriculum .contents li img {
         width: 100%;
         height: 169px;
         object-fit: cover
     }

     #curriculum .contents li .info {
         padding: 10px;
         padding-bottom: 0
     }

     #curriculum .contents li .info .parag {
         height: 72px;
         margin-bottom: 0
     }

     #curriculum .contents li .info .s-tit {
         font-size: 15px
     }

     #curriculum .contents li.label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -420px -224px;
         width: 43px;
         height: 47px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         right: 10px;
         top: 10px
     }

     #curriculum .card-items {
         justify-content: space-around
     }

     .picto-util {
         border-radius: 0;
         display: block
     }

     .picto-util .links .ico {
         display: none
     }

     .picto-util .links .cs-center {
         position: relative;
         padding: 20px 0 20px 70px;
         margin: 0
     }

     .picto-util .links .cs-center::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -361px -224px;
         width: 49px;
         height: 49px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: absolute;
         left: 10px;
         top: 25px
     }

     .picto-util .links .cs-center .cs {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -246px -399px;
         width: 202px;
         height: 17.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin-right: 10px
     }

     .picto-util .links .cs-center strong {
         font-size: 26px;
         margin-bottom: 8px
     }

     .picto-util .calendar-notice {
         width: 100%
     }

     .upBtn,
     .downBtn {
         border-radius: 0
     }

     .upBtn::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -645px -317px;
         width: 18px;
         height: 10px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .downBtn::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px -632.5px;
         width: 18px;
         height: 10px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .calendar-notice {
         height: 80px
     }

     .calendar-notice .name {
         font-size: 18px
     }

     .calendar-notice a {
         font-size: 15px
     }

     .calendar-notice::before {
         flex-basis: 53px;
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -545px;
         width: 45px;
         height: 48px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin: 0 14px 0 10px
     }

     .calendar-notice .main-calendar {
         width: 100%;
         margin-left: 0;
         overflow: hidden;
     }

     .main-BRANCHES {
         width: 100%;
         margin: 0
     }

     .main-BRANCHES #slider-branches {
         width: 100%;
         float: none
     }

     .main-BRANCHES #slider-branches img {
         width: 100%;
         height: 290px;
         object-fit: cover
     }

     .main-BRANCHES .text {
         text-align: center;
         height: auto
     }

     .main-BRANCHES .text .br {
         margin: 0
     }

     .main-BRANCHES .text .br+strong {
         display: block;
         margin: 5px 0 10px
     }

     .main-BRANCHES .text h5 {
         margin: 0;
         font-size: 18px
     }

     .main-BRANCHES .text .tit {
         margin: 0;
         transform: scale(0.7);
         display: block;
         margin: 20px auto 10px
     }

     .main-BRANCHES .text .tit::before {
         display: none
     }

     .main-BRANCHES .text a {
         margin: 25px auto;
         width: 100px;
         height: 37px
     }

     .main-BRANCHES .slider-branches-pages {
         bottom: initial;
         top: -30px;
         width: 100%;
         z-index: 10
     }

     .main-BRANCHES .slider-branches-pages .dot {
         background: none;
         border: solid 1px #fff
     }

     .main-BRANCHES .slider-branches-pages .swiper-pagination-bullet-active {
         background-color: #fff
     }

     .student-review {
         background-color: #f5f5f5;
         overflow: hidden
     }

     .student-review .bg-tit {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -112px -333px;
         width: 261px;
         height: 34px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 23px auto 15px
     }

     .student-review .bg-tit .wrap {
         display: none
     }

     .student-review .contents {
         width: 100%
     }

     .student-review .interview {
         float: none
     }

     .student-review .interview .text-imgs-title {
         display: none
     }

     .student-review .interview .card-mdc-wrap {
         width: 100%;
         padding: 0 10px;
         position: relative
     }

     .student-review .interview .card-mdc-wrap .mdc-button__label img {
         height: 225px;
         width: 100%;
         object-fit: cover;
         border-radius: 10px
     }

     .student-review .interview .card-mdc-wrap .card-mdc .plus {
         display: none
     }

     .student-review .interview .card-mdc-wrap .card-mdc {
         width: 48%;
         height: 225px;
         box-shadow: none;
         border-radius: 0;
         border: 0
     }

     .student-review .interview .card-mdc-wrap .card-mdc .small {
         border: 0;
         padding: 0 10px 0 0;
         float: left;
         color: #ead0b1
     }

     .student-review .interview .card-mdc-wrap .card-mdc .fs22 {
         font-size: 15px;
         margin: 0;
         padding: 0;
         color: #eee
     }

     .student-review .interview .card-mdc-wrap .card-mdc .sub-tit {
         display: none
     }

     .student-review .interview .card-mdc-wrap .card-mdc .parag {
         clear: both;
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         word-wrap: break-word;
         -webkit-line-clamp: 2;
         color: #eee;
         font-size: 13px;
         margin-bottom: 0
     }

     .student-review .interview .card-mdc-wrap .wrap {
         width: 100%;
         display: block;
         top: initial;
         bottom: 0;
         height: 70px;
         padding: 0 10px;
         background: rgba(0, 0, 0, .4);
         border-radius: 0 0 10px 10px
     }

     .student-review .review {
         width: 100%;
         height: 125px;
         float: none;
         padding: 15px 10px 15px
     }

     .student-review .review .slider-review-prev,
     .student-review .review .slider-review-next {
         top: 43px;
         z-index: 10;
         border: 0;
         transform: scale(0.5) rotate(270deg)
     }

     .student-review .review .slider-review-next {
         right: 5px
     }

     .student-review .review .slider-review-prev {
         right: initial;
         left: 5px
     }

     .student-review .review #slider-review {
         height: auto;
         overflow: visible
     }

     .student-review .review #slider-review a {
         height: 85px;
         padding-right: 20px;
         box-shadow: 0 0 15px #ccc
     }

     .student-review .review #slider-review .date {
         top: 13px
     }

     .student-review .review #slider-review .parag {
         width: 100%
     }

     .student-review .review .swiper-slide {
         width: 100%;
         background-color: #fff
     }

     .student-review .text-imgs-title {
         display: none
     }

     .photo-review {
         overflow: hidden;
         background-color: #f5f5f5;
         padding-bottom: 40px
     }

     .photo-review .moreview {
         display: none
     }

     .photo-review .bg-tit {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -399px;
         width: 236px;
         height: 36px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 20px auto
     }

     .photo-review .bg-tit .wrap {
         display: none
     }

     .photo-review #slider-photo-review {
         padding-left: 15px
     }

     .photo-review #slider-photo-review .swiper-slide {
         width: 180px
     }

     .photo-review #slider-photo-review .swiper-slide img {
         width: 180px;
         height: 180px;
         border-radius: 10px
     }

     .photo-review #slider-photo-review .tit {
         width: 180px;
         font-weight: 400
     }

     .photo-review #slider-photo-review a {
         width: 100%
     }

     .photo-review #slider-photo-review .date {
         color: #aaa
     }

     .photo-review #slider-photo-review .date::before {
         transform: scale(0.7)
     }

     .photo-review #slider-photo-review,
     .photo-review .slider-photo-wrap {
         width: 100%
     }

     .main-design-banner {
         width: 100%;
         background: none;
         height: auto;
         margin-top: 0px;
     }

     .main-design-banner img {
         width: 100%;
         display: block
     }

     .instructor-wrap .bg-tit {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -112px -287px;
         width: 251px;
         height: 36px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 26px auto
     }

     .instructor-wrap .bg-tit .wrap {
         display: none
     }

     .instructor-wrap .card-teacher-items .wrap {
         left: 60%;
         top: 40px;
         text-align: left;
         width: 160px;
         right: initial;
         margin-left: 40px
     }

     .instructor-wrap #slider-instructor .swiper-slide {
         text-align: center
     }

     .instructor-wrap #slider-instructor .swiper-slide img {
         max-width: 50%
     }

     .instructor-wrap #slider-instructor,
     .instructor-wrap .slider-instructor-wrap {
         width: 100%
     }

     .instructor-wrap .slider-instructor-wrap .swiper-button-next,
     .instructor-wrap .slider-instructor-wrap .swiper-button-prev {
         transform: scale(0.7)
     }

     .instructor-wrap .slider-instructor-wrap .swiper-button-next {
         right: 10px
     }

     .instructor-wrap .slider-instructor-wrap .swiper-button-prev {
         left: 10px
     }

     .main-instagram {
         border-top: solid 1px #333
     }

     .main-instagram .thumb {
         width: 100%
     }

     .main-instagram .thumb img {
         width: 25%
     }

     .main-instagram .thumb img:nth-child(5),
     .main-instagram .thumb img:nth-child(6) {
         display: none
     }

     .main-instagram .banner {
         height: 42px
     }

     .main-instagram h5 {
         white-space: nowrap
     }

     .main-instagram h5 span {
         transform: scale(0.5);
         margin: 0 10px 0 -90px;
         transform-origin: right center
     }

     #foot-menu {
         width: 100%;
         /* background: url("/images/mobile-imgs/main-footmenu-bg.jpg") no-repeat left top #f5f6f7; */
         background-size: auto 100px;
         height: 100px
     }

     #foot-menu .wrap {
         width: 100%;
         height: 100px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row;
         justify-content: flex-end;
         padding-right: 10px
     }

     #foot-menu .tit {
         width: auto;
         float: none;
         padding: 0;
         font-size: 15px
     }

     #foot-menu .tit strong {
         font-size: 15px;
         margin: 10px 0 0 0
     }

     #foot-menu .contact-edu {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -389px;
         width: 90px;
         height: 37.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin: 0 0 0 20px
     }

     #foot-menu .contact-edu span {
         display: none
     }

     #quick {
         transform: scale(0.6);
         right: 0;
         bottom: 0;
     }

     #footer .wrap {
         flex-direction: column-reverse;
         width: 100%;
         height: auto
     }

     #footer .logo {
         /* background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -154px -117px; */
         width: 149px;
         /* height: 26px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         margin: 22px 0 0 0 */
     }

     #footer .parag {
         margin-top: 0;
         font-size: 12px;
         color: #555
     }

     #footer .copy {
         margin-bottom: 25px;
         font-size: 12px
     }

     #footer .company-info {
         padding: 0 20px
     }

     #footer .sitemap {
         width: 100%;
         padding: 0 20px;
         justify-content: space-between;
         background-color: #fafafa;
         border-bottom: solid 1px #e8e8e8
     }

     #footer .sitemap ul:nth-child(1) {
         flex-basis: 45%
     }

     #footer .sitemap ul:nth-child(2) {
         flex-basis: 30%
     }

     #footer .sitemap ul:nth-child(3) {
         flex-basis: 25%
     }

     #footer .sitemap li {
         width: auto;
         font-size: 12px;
         letter-spacing: -0.05em
     }

     #footer .sitemap .insta a::before,
     #footer .sitemap .facebook a::before,
     #footer .sitemap .youtube a::before,
     #footer .sitemap .blog a::before,
     #footer .sitemap .kakao a::before {
         transform: scale(0.7);
         margin-right: 5px
     }

     .brand-img01,
     .brand-img05,
     .sub-contents-message,
     .sub-tit-page .head,
     .brand-img02,
     .brand-img03,
     .brand-img04 {
         width: 100%
     }

     .sub-tit-page {
         margin: 30px 0
     }

     .sub-tit-page .parag {
         margin-top: 15px;
         font-size: 13px;
         padding: 0 20px
     }

     .sub-tit-page .parag br {
         display: none
     }

     .sub-tit-page .pagename {
         margin-right: 5px
     }

     .sub-tit-page .head {
         font-size: 18px
     }

     .sub-tit-page .brand {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -154px -153px;
         width: 142px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_ci {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -112px -377px;
         width: 228px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_teacher {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -478px -545px;
         width: 99px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_facilttes {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -350px -377px;
         width: 112px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_partnership {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -219px -545px;
         width: 138px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .sub-tit-page .intro_location {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -367px -545px;
         width: 101px;
         height: 9px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #location-table .tbs1 colgroup {
         display: table-column-group
     }

     #location-table td {
         display: table-cell
     }

     .brand-img02,
     .brand-img03,
     .brand-img04,
     .brand-img01 {
         background: none;
         height: auto;
         margin: 0
     }

     .sub-navigator .active a::after {
         height: 2px;
         bottom: -1px
     }

     .brand-img05 {
         padding: 0 0 40px 0;
         background: none;
         height: auto;
     }

     .brand-img05 .adv {
         font-size: 18px
     }

     .brand-img05 .parag {
         font-size: 12px;
         padding: 0 20px
     }

     .brand-img05 .parag br {
         display: none
     }

     .sub-contents-message {
         padding: 23px 0 14px 0
     }

     .sub-contents-message .div {
         display: none
     }

     .sub-contents-message .logo {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -78px;
         width: 144px;
         height: 87px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 0 auto
     }

     .sub-contents-message .parag {
         font-size: 12px;
         padding: 12px 20px 0 20px;
         text-align: center
     }

     .sub-contents-message .parag br {
         display: none
     }

     .ci-concept {
         width: 100%;
         /* max-width: 400px; */
         margin: 0 auto 30px;
         padding: 0;
         background: none;
         height: auto;
         position: relative;
     }

     .ci-concept .parag {
         position: absolute;
         left: 38%;
         top: 19vw;
         font-size: 2vw;
         padding-right: 5vw;
     }

     .ci-concept .parag br {
         display: none
     }

     .ci-concept h4 {
         position: absolute;
         left: 38%;
         top: 14vw;
         font-size: 2.5vw;
     }

     .ci-detail {
         padding: 0 0 20px 0;
         background-color: #f5f5f5
     }

     .ci-detail .wrap {
         width: calc(100% - 20px)
     }

     .ci-detail .wrap .box {
         padding: 20px 0 20px 0;
         margin: 15px 0
     }

     .ci-detail .wrap .box strong {
         font-size: 15px
     }

     .ci-detail .wrap .parag {
         padding: 0 10px;
         font-size: 12px;
         letter-spacing: -1px
     }

     .ci-detail .wrap .parag br {
         display: none
     }

     .ci-detail .wrap .left,
     .ci-detail .wrap .right {
         width: calc(50% - 5px)
     }

     .ci-detail .wrap .left .parag,
     .ci-detail .wrap .right .parag {
         height: 75px
     }

     .ci-detail .wrap img {
         width: calc(100% - 20px)
     }

     .ci-detail .wrap .full {
         width: 100%
     }

     .teacher-items {
         padding: 20px 10px
     }

     .teacher-items .contents {
         width: 100%;
         justify-content: space-between
     }

     .teacher-items li {
         /* width: calc(50% - 5px); */
         width: 48%;
         margin: 0;
         height: 345px
     }

     .teacher-items li .teacher-info .cont::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -227px;
         width: 13px;
         height: 12px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: relative;
         top: -2px
     }

     .teacher-items li .label {
         font-size: 11px;
         left: 10px;
         top: 10px
     }

     .teacher-items li a::after {
         bottom: 70px;
         width: 25px;
         height: 25px;
         right: 10px;
         line-height: 25px;
         font-size: 15px
     }

     .teacher-items li .teacher-info strong {
         font-size: 18px
     }

     .teacher-items li img {
         border-radius: 5px;
         width: 100%;
         height: 250px;
         object-fit: cover
     }

     .intro_teacher+.sub-navigator+.sub-tit-page+.select-wrap {
         margin-bottom: 25px
     }

     .intro_teacher+.sub-navigator+.sub-tit-page+.select-wrap .select {
         width: 40%
     }

     #teacher-pop .mdc-dialog__container {
         width: 100%
     }

     #teacher-pop .contents {
         flex-direction: column
     }

     #teacher-pop .contents .thumb img {
         width: 100%;
         height: 270px;
         object-fit: cover
     }

     #teacher-pop .contents .thumb::before {
         top: 210px
     }

     #teacher-pop .contents .thumb strong {
         font-size: 27px;
         margin-top: 0
     }

     #teacher-pop .contents .detail {
         padding-left: 0
     }

     #teacher-pop .contents .detail h6:nth-child(1) {
         display: none
     }

     #teacher-pop .contents .detail h6 {
         font-size: 15px;
         margin: 15px 0 10px
     }

     #teacher-pop .contents .detail .link {
         text-align: center;
         margin: 13px 0
     }

     #teacher-pop .contents .detail .link a {
         font-size: 12px
     }

     #teacher-pop .contents .detail .items {
         width: 100%;
         height: auto
     }

     #teacher-pop .contents .detail .items li {
         font-size: 12px
     }

     #teacher-pop .contents .detail .items li::before {
         top: 6px
     }

     #teacher-pop .contents .thumb .label {
         border: 0
     }

     #teacher-pop .contents .thumb .label::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -227px;
         width: 13px;
         height: 12px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: relative;
         top: -2px;
         margin-right: 5px
     }

     #teacher-pop .contents .thumb .label::after {
         content: "";
         display: inline-block;
         width: 1px;
         height: 10px;
         background: #ccc;
         margin-left: 10px
     }

     #teacher-pop .mdc-dialog__surface {
         width: 80%
     }

     .interior-slider-wrap #interior-slider {
         height: auto
     }

     .interior-slider-wrap #interior-slider img {
         height: 350px
     }

     .interior-slider-wrap #interior-slider .swiper-button-next:after,
     .interior-slider-wrap #interior-slider .swiper-button-prev:after {
         color: #a99d8f;
         font-size: 24px
     }

     .interior-slider-wrap #interior-slider .swiper-button-prev,
     .interior-slider-wrap #interior-slider .swiper-button-next {
         margin: -80px 0 0 0
     }

     .interior-slider-wrap {
         width: calc(100% - 20px)
     }

     .interior-slider-wrap img {
         width: 100%
     }

     .interior-slider-pages {
         flex-direction: row;
         margin: 10px 10px 50px
     }

     .interior-slider-pages span {
         border-radius: 0;
         width: 12%;
         height: 40px;
         margin: 0;
         margin-bottom: 5px;
         margin-right: 5px !important
     }

     .interior-slider-pages span::after,
     .interior-slider-pages span::before {
         border-radius: 2px
     }

     .interior-slider-pages span img {
         border-radius: 2px;
         width: 100%;
         height: 40px
     }

     #recruitment textarea {
         padding-left: 10px;
         padding-right: 10px
     }

     .card_partnership .card-items {
         width: 100%;
         flex-wrap: wrap;
         justify-content: space-between;
         padding: 30px 10px 15px
     }

     .card_partnership .card-items li {
         width: calc(50% - 5px);
         margin: 0 0 15px 0;
         background-color: #fff
     }

     .card_partnership .card-items li br {
         display: none
     }

     .card_partnership .card-items li img {
         width: 100%;
         height: 150px;
         object-fit: cover
     }

     .card_partnership .card-items li .info {
         padding: 15px
     }

     .card_partnership .card-items li .step {
         font-size: 12px
     }

     .patnership-form {
         padding: 0
     }

     .patnership-form .wrap {
         width: 100%;
         flex-direction: column;
         padding-bottom: 55px;
         position: relative
     }

     .patnership-form #cp-text {
         width: 100%;
         padding: 10px
     }

     .patnership-form .step1,
     .patnership-form .step2 {
         box-shadow: none;
         border-radius: 0;
         border: 0;
         padding: 20px;
         padding-bottom: 0;
         position: static;
         height: auto
     }

     .patnership-form .step1 h4,
     .patnership-form .step2 h4 {
         font-size: 18px;
         font-weight: 500
     }

     .patnership-form .step1 .notice p::before,
     .patnership-form .step1 .notice p::before,
     .patnership-form .step2 .notice p::before,
     .patnership-form .step2 .notice p::before {
         transform: scale(0.5)
     }

     .patnership-form .select,
     .patnership-form .field {
         width: 100%
     }

     .patnership-form .private {
         padding-bottom: 25px
     }

     .patnership-form .private label {
         font-weight: normal
     }

     .patnership-form label {
         font-weight: bold
     }

     .patnership-form .num {
         padding-bottom: 15px;
         padding-left: 50px
     }
     .patnership-form .num_011 {
        padding-bottom: 15px;
        padding-left: 0px
    }

     .patnership-form .num::before {
         width: 40px;
         height: 40px;
         line-height: 30px;
         font-size: 22px
     }

     .patnership-form .step1 .notice,
     .patnership-form .step2 .notice {
         bottom: 5px;
         left: 20px;
         font-size: 11px
     }

     .patnership-form .select {
         padding: 0 10px
     }

     .patnership-form .req::after {
         transform: scale(0.5);
         margin: 0
     }

     .location-contents {
         width: 100%;
         margin: 30px 0
     }

     .location-contents .map-wrap {
         padding: 0 10px
     }

     .location-contents .map-wrap #map {
         height: 400px
     }

     .location-contents .map-wrap #map .map-layer-custom {
         transform: scale(0.7);
         transform-origin: center bottom
     }

     .location-contents .map-wrap #map .map-layer-custom .arrow {
         display: none
     }

     .location-contents h4 {
         font-size: 15px;
         padding: 0 10px
     }

     .location-contents h4+div {
         padding: 0 10px
     }

     .location-contents h4+div .tbs1 th {
         font-size: 13px
     }

     .location-contents h4+div .tbs1 td {
         line-height: 1.3;
         font-size: 13px;
         padding-left: 10px;
         letter-spacing: -0.05em
     }

     .location-contents h4+div .address-copy {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -473px -400px;
         width: 78px;
         height: 30px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         transform: scale(0.8);
         margin-top: 3px;
         transform-origin: left top
     }

     .location-contents .location-cols1 {
         width: 80px
     }

     .view-quick {
         display: none;
         transition: all 0s
     }

     .program .view-quick {
         display: block;
         position: static;
         margin-top: 20px
     }

     .program .view-quick h5 {
         width: 100%;
         border: 0;
         background-color: #909090;
         border-radius: 0;
         color: #fff;
         font-weight: 500;
         font-size: 13px
     }

     .program .view-quick .item-wrap .items .name {
         font-size: 11px;
         margin-top: 0
     }

     .program .view-quick .item-wrap .items .labels {
         position: relative;
         z-index: 3;
         background-color: #a99d8f;
         color: #fff;
         font-size: 11px;
         top: -10px
     }

     .program .view-quick .item-wrap .items {
         position: relative;
         padding-top: 100px;
         border-bottom: 0
     }

     .program .view-quick .item-wrap .items img {
         transform: scale(0.8);
         position: absolute;
         top: 0;
         transform-origin: center top
     }

     .program .view-quick .item-wrap {
         display: flex;
         flex-direction: row;
         border: 0;
         width: 100%;
         justify-content: space-between;
         border-bottom: 1px solid #e8e8e8
     }

     .view-container .contents-wrap {
         padding-top: 0
     }

     .view-container .contents-wrap+.view-quick {
         display: none
     }

     .view-container .contents-wrap .program {
         float: none;
         width: 100%;
         overflow: hidden;
         box-shadow: none;
         border-radius: 0;
         position: relative;
         margin-bottom: 45px;
         border: 0
     }

     .contact-form {
         float: none;
         width: calc(100% - 20px);
         position: absolute;
         top: 390px;
         left: 10px;
         padding: 20px 15px 10px 15px
     }

     .contact-form .name {
         padding-left: 67px;
         padding-bottom: 10px
     }

     .view-container .contents-wrap .parag+.cell {
         margin-top: 40px
     }

     .view-container .contents-wrap .pico-flower {
         display: none
     }

     .ico-0723-01,
     .ico-0723-02,
     .ico-0723-03,
     .ico-0723-04,
     .pico-obj,
     .diploma-ico01,
     .diploma-ico02,
     .diploma-ico03,
     .text-chair,
     .diploma-btn-icon1,
     .diploma-btn-icon2,
     .diploma-ico04,
     #diploma-pilates-context .diploma-target .text-target,
     #diploma-pilates-context .license .wrap dt::before,
     #diploma-pilates-context .license .wrap dd::before,
     .view-container .contents-wrap .pico-star,
     .view-container .contents-wrap .pico-pri,
     .view-container .contents-wrap .pico-inbaby,
     .view-container .contents-wrap .pico-kiz,
     .view-container .contents-wrap .pico-buta2,
     .view-container .contents-wrap .pico-asana,
     .view-container .contents-wrap .pico-hand2,
     .view-container .contents-wrap .pico-hand,
     .view-container .contents-wrap .pico-detail,
     .view-container .contents-wrap .pico-ts,
     .view-container .contents-wrap .pico-ball,
     .view-container .contents-wrap .pico-human3,
     .view-container .contents-wrap .pico-cy {
         transform: scale(0.75)
     }

     #diploma-pilates-context .detail-teacher .left .title {
         display: block
     }

     #diploma-pilates-context .detail-teacher .left .text-instructor,
     .sub-tit-page .pagename,
     .diploma-subtit1 {
         display: block;
         transform: scale(0.65);
         margin: 0 auto 5px;
         transform-origin: center top
     }

     #diploma-pilates-context .detail-teacher .left .parag {
         padding: 0 20px
     }

     #diploma-pilates-context .detail-teacher .right {
         justify-content: space-between
     }

     #diploma-pilates-context .detail-teacher .cc-step {
         display: none
     }

     #diploma-pilates-context.yoga .step-guide .context {
         background: none;
         height: auto
     }

     .text-0723-00,
     .text-0723-02,
     .text-0723-03,
     .text-0723-01,
     .text-0723-04,
     #diploma-pilates-context .detail-teacher .left .text-instructor,
     #diploma-pilates-context .view-process .text-process,
     .view-container .contents-wrap .detail .text-ashtanga,
     .view-container .contents-wrap .detail .text-yoga-level3,
     .view-container .contents-wrap .detail .text-yoga-level1,
     .view-container .contents-wrap .detail .text-yoga-level2,
     .view-container .contents-wrap .detail .text-heal-level3,
     .view-container .contents-wrap .detail .text-heal-level2,
     .view-container .contents-wrap .detail .text-heal-level1,
     .view-container .contents-wrap .detail .text-pilates-expert,
     .view-container .contents-wrap .detail .text-mat-master,
     .view-container .contents-wrap .detail .mat-level1 {
         transform: scale(0.65);
         transform-origin: center top
     }

     .contact-form .name .ico {
         transform: scale(0.65);
         transform-origin: left top
     }

     .view-container .contents-wrap .detail .parag {
         padding: 0 20px
     }

     .view-container .contents-wrap .detail .parag br {
         display: none
     }

     .view-container .contents-wrap .cell .n1,
     .view-container .contents-wrap .cell .n2 {
         position: relative;
         float: none;
         overflow: visible;
         padding: 0 10px 100px 10px
     }

     .view-container .contents-wrap .cell .n1 img,
     .view-container .contents-wrap .cell .n2 img {
         width: 100%;
         height: 245px;
         object-fit: cover;
         border-radius: 10px;
         margin-top: 0
     }

     .view-container .contents-wrap .cell .n1 .ico-cont,
     .view-container .contents-wrap .cell .n2 .ico-cont {
         position: absolute;
         left: 30px
     }

     .view-container .contents-wrap .cell .n1 .ico-cont>span,
     .view-container .contents-wrap .cell .n2 .ico-cont>span {
         flex-shrink: 0
     }

     .view-container .contents-wrap .cell .n1 .ico-cont .detail-info,
     .view-container .contents-wrap .cell .n2 .ico-cont .detail-info {
         padding-right: 20px
     }

     .view-container .contents-wrap .cell .n1 .ico-cont .pico-human,
     .view-container .contents-wrap .cell .n2 .ico-cont .pico-human {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -55px -545px;
         width: 45px;
         height: 45px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .cell .n1 .ico-cont .pico-buta,
     .view-container .contents-wrap .cell .n2 .ico-cont .pico-buta {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -110px -545px;
         width: 45px;
         height: 45px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .pico-wrap {
         display: none
     }

     .view-container .contents-wrap .parag+.cell+.cell {
         margin: 0
     }

     .view-container .contents-wrap .cell .n1 .ico-cont {
         top: 580px
     }

     .view-container .contents-wrap .cell .n2 .ico-cont {
         top: -85px
     }

     .view-container .contents-wrap .detail .tit {
         font-size: 18px;
         letter-spacing: -1px;
         margin-top: 5px;
         margin-bottom: 15px
     }

     .detail-teacher {
         padding-top: 30px
     }

     #diploma-pilates-context .context1 {
         height: auto;
         background: none
     }

     #diploma-pilates-context .context1 img {
         width: 100%;
         max-width: 500px;
         margin: 0 auto;
         display: block
     }

     #diploma-pilates-context .check-point .wrap {
         padding: 0 10px
     }

     #diploma-pilates-context .check-point .point-wrap .point-box {
         width: 100%;
         height: 90px;
         letter-spacing: -1px;
         margin: 15px 0
     }

     #diploma-pilates-context .check-point .point-wrap .point-box br {
         display: none
     }

     #diploma-pilates-context .check-point .point-wrap .n1 .img,
     #diploma-pilates-context .check-point .point-wrap .n2 .img,
     #diploma-pilates-context .check-point .point-wrap .n3 .img,
     #diploma-pilates-context .check-point .point-wrap .n4 .img {
         display: none
     }

     #diploma-pilates-context .check-point .point-wrap {
         padding-top: 0;
         flex-direction: column;
         margin: 20px 0 0
     }

     #diploma-pilates-context .diploma-target {
         margin: 20px 0 30px
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap {
         float: none;
         text-align: center
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap h4 {
         margin: 5px 0 20px;
         font-size: 18px
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap h4 br {
         display: none
     }

     #diploma-pilates-context .diploma-target .target-tit-wrap h4 strong {
         display: inline
     }

     #diploma-pilates-context .diploma-target .parag-wrap {
         float: none;
         display: flex;
         flex-wrap: wrap;
         padding: 0 10px;
         justify-content: center
     }

     #diploma-pilates-context .diploma-target .parag-wrap>div {
         float: none;
         flex-basis: 50%;
         border-bottom: 1px solid #e8e8e8;
         padding-bottom: 10px;
         position: relative
     }

     #diploma-pilates-context .check-point .title {
         display: block;
         padding: 30px 0 20px
     }

     #diploma-pilates-context .check-point .title .text-check-point {
         display: block;
         margin: 0 auto;
         transform: scale(0.65)
     }

     #diploma-pilates-context .check-point .title h4 {
         font-size: 18px;
         text-align: center;
         margin: 5px 0 0 0
     }

     #diploma-pilates-context .diploma-target .parag-wrap .n1,
     #diploma-pilates-context .diploma-target .parag-wrap .n2 {
         border: 0;
         border-bottom: 1px solid #e8e8e8
     }

     #diploma-pilates-context .diploma-target .parag-wrap .n4::before,
     #diploma-pilates-context .diploma-target .parag-wrap .n2::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 1px;
         height: 100%;
         background-color: #e8e8e8;
         display: block
     }

     #diploma-pilates-context .diploma-target .parag-wrap .n3,
     #diploma-pilates-context .diploma-target .parag-wrap .n4 {
         border: 0
     }

     #diploma-pilates-context .diploma-target .parag-wrap .picto {
         transform: scale(0.7);
         width: auto;
         height: 100px
     }

     #diploma-pilates-context .contact-form {
         top: 320px
     }

     #diploma-pilates-context .tbl-wrap .wrap {
         padding: 25px 10px;
         padding-bottom: 380px
     }

     #diploma-pilates-context .context1 .wrap .parag:last-child {
         color: #a99d8f
     }

     #diploma-pilates-context .context1 .wrap .parag br {
         display: none
     }

     #diploma-pilates-context .context1 .wrap h5 {
         font-size: 20px
     }

     #diploma-pilates-context .tbl-wrap .list-box {
         float: none;
         width: 100%
     }

     #diploma-pilates-context .tbl-wrap .contact-form {
         margin-top: 10px;
     }

     .program#diploma-pilates-context .tbl-wrap .online-form {
         width: 94%;
         float: left;
         margin-top: 10px;
         position: relative
     }

     #diploma-pilates-context .context1 .wrap {
         position: static;
         padding: 0 20px
     }

     #diploma-pilates-context .step-guide .context {
         height: auto;
         background: none;
     }

     #diploma-pilates-context .step-guide .context2 .img {
         display: none
     }

     #diploma-pilates-context .step-guide .context5 .img {
        display: none
    }

     #diploma-pilates-context .pilates .items {
         width: auto;
         flex-basis: calc(50% - 5px);
         margin-bottom: 10px;
         padding: 0
     }

     #diploma-pilates-context .pilates .items:last-child {}

     #diploma-pilates-context .pilates .items:last-child .ico {}

     #diploma-pilates-context .pilates .items:last-child .parag br {}

     #diploma-pilates-context .pilates .card-type .items .ico {
         position: static
     }

     #diploma-pilates-context .pilates .card-type .items {
         width: auto;
         flex-basis: calc(50% - 5px);
         margin-bottom: 0;
         padding: 0;
         text-align: center;
         min-height: 215px
     }

     #diploma-pilates-context .pilates .card-type .items .label {
         margin-top: 0;
         margin-bottom: 10px
     }

     #diploma-pilates-context .pilates .card-type .items .name {
         margin-bottom: 10px
     }

     #diploma-pilates-context .pilates .card-type .items .parag {
         padding: 0 20px
     }

     #diploma-pilates-context .pilates .card-type .items .parag br {
         display: none
     }

     #diploma-pilates-context .pilates .ico {
         transform: scale(0.6);
         margin: 0
     }

     #diploma-pilates-context .links {
         margin: 0;
         top: -85px;
         width: calc(100% - 20px);
         transform: translateX(-50%);
         border-radius: 5px
     }

     #diploma-pilates-context .links .item {
         height: 44px
     }

     #diploma-pilates-context .links a {
         width: auto;
         flex-basis: 50%
     }

     #diploma-pilates-context .links a:last-child {
         display: none
     }

     #diploma-pilates-context .license .wrap .text {
         position: static;
         width: 100%;
     }

     #diploma-pilates-context .tbl-wrap {
         position: relative;
         overflow: hidden
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-tit {
         font-size: 15px
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-items span {
         flex-shrink: 0
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-items .parag {
         margin-left: 10px
     }

     #diploma-pilates-context .tbl-wrap .list-box .list-box-items .parag br {
         display: none
     }

     #diploma-pilates-context .license .wrap .parag br {
         display: none
     }

     #diploma-pilates-context .license .wrap h4 {
         font-size: 12px
     }

     #diploma-pilates-context .license .wrap h4 strong {
         font-size: 20px;
         color: #333
     }

     #diploma-pilates-context .license .wrap {
         height: auto;
         background: #efede8;
         padding: 0 20px
     }

     #diploma-pilates-context .license .wrap::before {
         content: "";
         background: url("/images/mobile-imgs/visual/kpqa.jpg") no-repeat center top;
         background-size: auto 122px;
         display: block;
         margin: 40px auto 20px;
         height: 122px
     }

     #diploma-pilates-context .pilates .box-items-wrap {
         flex-wrap: wrap;
         width: 100%;
         padding: 0 20px
     }

     .view-container .contents-wrap .check-point .point-wrap,
     #diploma-pilates-context .check-point {
         padding-bottom: 10px;
         margin: 0
     }

     #diploma-pilates-context .check-point {
         padding-bottom: 20px
     }

     #diploma-pilates-context .license .wrap dt {
         font-size: 15px
     }

     #diploma-pilates-context .pilates {
         padding-bottom: 40px;
         width: 100%;
     }

     #diploma-pilates-context .view-process .title {
         float: none
     }

     #diploma-pilates-context .view-process .step-wrap {
         float: none
     }

     #diploma-pilates-context .view-process .title {
         text-align: center
     }

     #diploma-pilates-context .view-process .title .text-process {
         margin: 0
     }

     #diploma-pilates-context .view-process .title h4 {
         font-size: 18px
     }

     #diploma-pilates-context .view-process .title h4 strong {
         display: inline-block;
         margin-left: 8px;
         margin-top: 5px
     }

     #diploma-pilates-context .view-process .step-wrap .picto {
         margin: 0
     }

     #diploma-pilates-context .view-process .step-wrap {
         margin-top: 30px
     }

     #diploma-pilates-context .view-process .step-wrap .step-items {
         text-align: center;
         width: 20%;
         justify-content: end
     }

     #diploma-pilates-context .view-process .step-wrap .steps {
         font-size: 12px;
         font-weight: 300;
         margin-top: 12px;
         display: block
     }

     #diploma-pilates-context .view-process .step-wrap .step-items .name {
         font-size: 15px;
         white-space: nowrap;
         letter-spacing: -1px
     }

     #diploma-pilates-context .view-process .step-wrap .steps {
         margin: 8px 0 13px
     }

     #diploma-pilates-context .view-process {
         padding-top: 10px
     }

     #diploma-pilates-context .detail-teacher .left .title {
         padding: 0
     }

     #diploma-pilates-context .detail-teacher .list .n1 {
         font-size: 12px;
         width: auto;
         margin-right: 10px
     }

     #diploma-pilates-context .why-first {
         padding: 0
     }

     #diploma-pilates-context .why-first .items>div strong {
         padding-right: 10px
     }

     #diploma-pilates-context .student-review .review #slider-review {
         height: auto
     }

     #diploma-pilates-context .student-review {
         background-color: #fff
     }

     #diploma-pilates-context .student-review .review {
         padding-top: 0
     }

     #diploma-pilates-context .why-first+.student-review .tit-wrap {
         margin: 0;
         padding: 0
     }

     #diploma-pilates-context .student-review .review .swiper-container {
         padding: 0
     }

     #diploma-pilates-context .text-student-review {
         transform: scale(0.65);
         transform-origin: left top;
         margin: 0 0 0 10px
     }

     #diploma-pilates-context .student-review {
         padding-top: 30px
     }

     #diploma-pilates-context .banner {
         height: auto;
         background: none
     }

     #diploma-pilates-context .job-support .moreview {
         top: initial;
         bottom: 0
     }

     #diploma-pilates-context .job-support .tit-wrap {
         display: block;
         padding: 30px 0 15px
     }

     #diploma-pilates-context .job-support .tit-wrap .text-jobsupport {
         display: block;
         margin: 0 auto
     }

     #diploma-pilates-context .job-support .tit-wrap h4 {
         text-align: center;
         margin-top: 7px
     }

     #diploma-pilates-context .job-support {
         padding-bottom: 40px;
         margin-bottom: 30px
     }

     #diploma-pilates-context .job-support .bg {
         height: auto;
         background: url(/images/mobile-imgs/visual/view-job-support-bg.jpg) repeat-x;
         background-size: auto 100%
     }

     #diploma-pilates-context .job-support .bg img {
         display: block;
         max-width: 450px;
         margin: 0 auto;
         width: 100%
     }

     #diploma-pilates-context .student-review .review .swiper-slide {
         flex-direction: column
     }

     #diploma-pilates-context .student-review .review .swiper-slide a {
         width: 100%;
         height: auto;
         margin: 10px 0
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .date {
         position: absolute;
         right: 15px;
         top: 20px;
         width: auto;
         left: initial;
         color: #999
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .name {
         margin-bottom: 10px
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .wrap {
         position: relative;
         padding-top: 20px;
         height: auto
     }

     #diploma-pilates-context .student-review .review .swiper-slide a .parag {
         padding-left: 80px;
         margin-bottom: 10px;
         padding-right: 10px
     }

     #diploma-pilates-context .student-review .review .slider-review-next,
     #diploma-pilates-context .student-review .review .slider-review-prev {
         display: none
     }

     #diploma-pilates-context .student-review .review {
         width: 100%
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs .select {
         background-color: #a99d8f;
         border: 0;
         color: #fff;
         border-radius: 0;
         width: 100%
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs h5 {
         line-height: 43px;
         font-size: 15px;
         font-weight: 400;
         color: #fff;
         text-align: center;
         background-color: #8e8072
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs h5 span {
         letter-spacing: 5px;
         font-size: 13px;
         font-weight: 500
     }

     #diploma-pilates-context #cc-step-wrap .mo-imgs .mo-imgs {
         width: 100%
     }

     .program #cc-step-wrap .view-quick {
         margin-top: 0
     }

     #diploma-pilates-context #cc-step-wrap .btn-wrap-cc {
         display: none
     }

     #diploma-pilates-context #cc-step-wrap .list {
         margin-top: 0
     }

     #diploma-pilates-context.yoga .context1 {
         background: none
     }

     #diploma-pilates-context .context1 .wrap {
         margin-top: -55px;
         width: 100%;
     }

     #diploma-pilates-context .context1 .wrap h5 {
         text-align: right;
         font-size: 20px
     }

     #diploma-pilates-context .job-support,
     #diploma-pilates-context .why-first .items>div,
     #diploma-pilates-context .student-review .review .swiper-container,
     #diploma-pilates-context .why-first .items,
     #diploma-pilates-context .why-first .thumb,
     #diploma-pilates-context #cc-step-wrap .btn-wrap-cc,
     #diploma-pilates-context .detail-teacher,
     #diploma-pilates-context .view-process,
     #diploma-pilates-context .view-process .step-wrap,
     #diploma-pilates-context .diploma-target,
     #diploma-pilates-context .tbl-wrap .wrap,
     #diploma-pilates-context .step-guide .context,
     #diploma-pilates-context .license .wrap,
     #diploma-pilates-context .context1,
     #diploma-pilates-context .check-point .wrap,
     .view-container .contents-wrap,
     .view-container .contents-wrap .cell,
     .view-container .contents-wrap .job-info,
     .view-container .contents-wrap .pilates-target,
     .view-container .contents-wrap .check-point .wrap,
     .view-container .contents-wrap .view-process,
     .detail-teacher,
     .why-first .thumb,
     .why-first .items,
     .view-container .contents-wrap .program .tit-wrap,
     .job-support {
         width: 100%
     }

     .view-container .contents-wrap .detail {
         padding-top: 868px
     }

     .view-container .contents-wrap .visual {
         border-radius: 0;
         height: 357px
     }

     #check-h {
         margin-left: 26px;
     }

     .view-container .contents-wrap .visual img {
         width: 100%;
         height: 357px;
         object-fit: cover
     }

     .view-container .contents-wrap .visual .logo {
         display: none
     }

     .contact-form .item .info {
         letter-spacing: -1px
     }

     .contact-form .item .label {
         width: 67px
     }

     .contact-form .item .sticker {
         vertical-align: top;
         position: relative;
         width: 30px;
         font-size: 12px;
         top: -3px;
         margin: 0
     }

     .contact-form .item-wrap li:nth-child(5) {
         border: 0
     }

     .contact-form .item-wrap li:nth-child(n+6) {
         display: flex;
     }

     .contact-form .item-wrap .private label {}

     .contact-form .item-wrap .private .check {
         width: 24px;
     }

     .contact-form .name h3 {
         font-size: 15px
     }

     .view-container .contents-wrap .detail div:last-child .n2 {
         padding-bottom: 0
     }

     .view-container .contents-wrap .detail div:last-child .n2 .detail-info {
         width: 100%;
         position: relative;
         padding-left: 65px
     }

     .view-container .contents-wrap .detail div:last-child .n2 .detail-info::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -603px;
         width: 45px;
         height: 41px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         position: absolute;
         top: 0;
         left: 0
     }

     .view-container .contents-wrap .detail+.job-info {
         margin: 0
     }

     .view-container .contents-wrap .job-info {
         margin: 0;
         padding: 20px 0 0 30px;
         background: url("/images/mobile-imgs/visual/view-context0104.jpg") no-repeat right top #f4f4f4;
         height: 250px;
         background-size: auto 100%
     }

     .view-container .contents-wrap .job-info .parag {
         text-shadow: 1px 1px 1px #fff
     }

     .view-container .contents-wrap .job-info .text-jobinfo {
         transform: scale(0.6);
         transform-origin: left top;
         margin-top: 10px
     }

     .view-container .contents-wrap .job-info.yoga {
         background: url("/images/mobile-imgs/visual/view-yoga-context.jpg") no-repeat right top #f4f4f4;
         height: 250px;
         background-size: auto 100%
     }

     .view-container .contents-wrap .pilates-target .parag-wrap .picto {
         transform: scale(0.6);
         width: 100%;
         position: absolute;
         display: block;
         top: -20px
     }

     .view-container .contents-wrap .job-info h4 strong {
         margin-top: 5px
     }

     .view-container .contents-wrap .job-info h4 {
         font-size: 18px;
         margin-top: 5px
     }

     .view-container .contents-wrap .pilates-target {
         margin: 20px 0 0 0
     }

     .view-container .contents-wrap .pilates-target .target-tit-wrap {
         float: none;
         text-align: center
     }

     .view-container .contents-wrap .pilates-target .parag-wrap {
         float: none;
         padding: 30px 0;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row
     }

     .view-container .contents-wrap .pilates-target .parag-wrap>div {
         flex-basis: 33%;
         font-size: 13px;
         float: none;
         padding-top: 100px;
         position: relative
     }

     .view-container .contents-wrap .pilates-target .text-target {
         margin-top: 0;
         transform-origin: center top;
         transform: scale(0.6)
     }

     .view-container .contents-wrap .pilates-target h4 {
         margin: 5px 0 0 0;
         font-size: 18px
     }

     .view-container .contents-wrap .pilates-target h4 br {
         display: none
     }

     .view-container .contents-wrap .pilates-target h4 strong {
         display: inline-block;
         margin-top: 0
     }

     .view-container .contents-wrap .check-point {
         padding-bottom: 20px
     }

     .view-container .contents-wrap .view-process .title {
         margin: 30px 0 30px
     }

     .view-container .contents-wrap .view-process .title,
     .view-container .contents-wrap .check-point .title {
         flex-direction: column
     }

     .view-container .contents-wrap .view-process .title .text-process,
     .view-container .contents-wrap .view-process .title .text-check-point,
     .view-container .contents-wrap .check-point .title .text-process,
     .view-container .contents-wrap .check-point .title .text-check-point {
         transform-origin: center top;
         transform: scale(0.6)
     }

     .view-container .contents-wrap .view-process .title h4,
     .view-container .contents-wrap .check-point .title h4 {
         padding: 0;
         font-size: 18px;
         margin-top: 5px
     }

     .view-container .contents-wrap .check-point .wrap {
         padding: 0 10px
     }

     .view-container .contents-wrap .check-point .wrap img {
         max-width: 100%
     }

     .view-container .contents-wrap .check-point .wrap .point-wrap+img {
         display: none
     }

     .view-container .contents-wrap .check-point .point-wrap {
         margin-top: 20px;
         flex-direction: column
     }

     .view-container .contents-wrap .check-point .point-wrap .point-box {
         width: 100%;
         height: 90px;
         letter-spacing: -1px;
         margin: 15px 0
     }

     .view-container .contents-wrap .check-point .point-wrap .point-box br {
         display: none
     }

     #diploma-pilates-context .view-process .step-wrap .steps::after {
         display: none
     }

     #diploma-pilates-context .check-point .point-wrap .n1::before,
     #diploma-pilates-context .check-point .point-wrap .n2::before,
     #diploma-pilates-context .check-point .point-wrap .n3::before,
     .view-container .contents-wrap .check-point .point-wrap .n1::before,
     .view-container .contents-wrap .check-point .point-wrap .n2::before,
     .view-container .contents-wrap .check-point .point-wrap .n3::before {
         background: url("/images/mobile-imgs/visual/point1.jpg") no-repeat #f5f5f5 center top;
         background-size: auto 18px;
         padding: 0 10px;
         width: 86px;
         left: 50%;
         margin-left: -50px
     }

     #diploma-pilates-context .check-point .point-wrap .n2::before,
     .view-container .contents-wrap .check-point .point-wrap .n2::before {
         background-image: url("/images/mobile-imgs/visual/point2.jpg");
         background-size: auto 18px
     }

     #diploma-pilates-context .check-point .point-wrap .n3::before,
     .view-container .contents-wrap .check-point .point-wrap .n3::before {
         background-image: url("/images/mobile-imgs/visual/point3.jpg");
         background-size: auto 18px
     }

     .detail-teacher .list li .text-step01,
     .detail-teacher .list li .text-step02,
     .detail-teacher .list li .text-step03 {
         width: auto
     }

     .detail-teacher .list li .text-step01::after,
     .detail-teacher .list li .text-step02::after,
     .detail-teacher .list li .text-step03::after {
         content: "";
         display: inline-block;
         width: 1px;
         height: 10px;
         background-color: #a99d8f;
         vertical-align: top;
         position: relative;
         top: 2px;
         margin: 0 5px
     }

     .detail-teacher .list li .text-step01::before,
     .detail-teacher .list li .text-step02::before,
     .detail-teacher .list li .text-step03::before {
         background: none;
         color: #a99d8f;
         text-indent: 0;
         font-size: 12px;
         font-weight: 500;
         width: auto
     }

     .detail-teacher .list li .text-step01::before {
         content: "STEP01"
     }

     .detail-teacher .list li .text-step02::before {
         content: "STEP02"
     }

     .detail-teacher .list li .text-step03::before {
         content: "STEP03"
     }

     .detail-teacher .right {
         justify-content: space-between;
         width: 100%;
         padding: 20px 10px 60px
     }

     .detail-teacher .list {
         width: 100%;
         margin-top: 0
     }

     .detail-teacher .list li {
         flex-wrap: wrap;
         padding: 10px 10px;
         height: auto
     }

     .detail-teacher .list li .n2 {
         width: auto;
         flex-shrink: 0;
         color: #333;
         font-weight: 500
     }

     .detail-teacher .list li .n2 br {
         display: none
     }

     .detail-teacher .list li .n3 {
         flex-shrink: 0;
         width: 100%;
         margin-top: 5px;
         line-height: 1.3;
         color: #555
     }

     .detail-teacher .cc-step::before {
         transform: scale(0.5);
         top: 35px;
         left: 50% !important
     }

     .detail-teacher .cc-step.step1::before {
         margin-left: -147px
     }

     .detail-teacher .cc-step.step2::before {
         margin-left: -20px
     }

     .detail-teacher .cc-step.step3::before {
         margin-left: 105px
     }

     #ashtanga-cc .detail-teacher .cc-step::after {
         background-image: url("/images/mobile-imgs/visual/cc-step-bg4.jpg")
     }

     .detail-teacher .cc-step {
         background: url("/images/mobile-imgs/visual/cc-step-bg1.jpg") repeat-x;
         background-size: auto 101px
     }

     .detail-teacher .cc-step img {
         display: none
     }

     .detail-teacher .cc-step::after {
         content: "";
         background: url("/images/mobile-imgs/visual/cc-step-bg2.jpg") no-repeat center top;
         max-width: 375px;
         height: 101px;
         width: 100%;
         background-size: cover;
         display: block;
         margin: 0 auto
     }

     .detail-teacher .right .card-teacher-items {
         box-shadow: 0 0 10px #efefef;
         border-radius: 5px;
         border: 1px solid #eee;
         width: calc(50% - 5px)
     }

     .detail-teacher .right .card-teacher-items .wrap {
         position: static
     }

     .detail-teacher .right .card-teacher-items .cate {
         position: absolute;
         left: 10px;
         top: 10px;
         font-size: 9px
     }

     .detail-teacher .right .card-teacher-items .type,
     .detail-teacher .right .card-teacher-items .name {
         position: absolute;
         bottom: -30px;
         left: 0
     }

     .detail-teacher .right .card-teacher-items .type {
         bottom: -45px
     }

     .detail-teacher .left {
         position: static;
         text-align: center
     }

     .detail-teacher .left .parag {
         padding: 0 20px
     }

     .detail-teacher .left .moreview,
     .detail-teacher .left .parag br {
         display: none
     }

     .detail-teacher .left .title .text-instructor {
         margin: 0;
         transform: scale(0.65)
     }

     .detail-teacher .left h4 {
         font-size: 18px;
         margin-top: 5px
     }

     .why-first h4 {
         font-size: 18px;
         margin-bottom: 25px
     }

     .why-first h4::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -654px;
         width: 38px;
         height: 44px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         display: block;
         margin: 20px auto 5px;
         transform: scale(0.8)
     }

     .why-first .thumb {
         display: none
     }

     .why-first .items {
         flex-direction: column;
         margin: 0
     }

     .why-first .items>div {
         width: 100%;
         background-color: #f5f5f5;
         position: relative;
         padding: 0 10px
     }

     .why-first .items>div .parag {
         margin-bottom: 25px;
         font-size: 13px;
         padding-right: 10px
     }

     .why-first .items>div .parag br {
         display: none
     }

     .why-first .items>div strong {
         font-size: 15px;
         letter-spacing: -1px;
         color: #333;
         margin-top: 30px
     }

     .why-first .items>div strong::before {
         content: "POINT1";
         font-size: 10px;
         display: block;
         color: #a99d8f;
         letter-spacing: 5px;
         margin-bottom: 5px
     }

     .why-first .items>div:nth-child(1),
     .why-first .items>div:nth-child(2),
     .why-first .items>div:nth-child(3) {
         padding-right: 50%;
         text-align: left;
         height: 50vw;
     }

     .why-first .items>div:nth-child(2) strong::before {
         content: "POINT2"
     }

     .why-first .items>div:nth-child(3) strong::before {
         content: "POINT3"
     }

     .why-first .items>div:nth-child(2) {
         padding-right: 0;
         padding-left: calc(50% + 10px)
     }

     .why-first .items>div:nth-child(1)::after,
     .why-first .items>div:nth-child(2)::after,
     .why-first .items>div:nth-child(3)::after {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 50%;
         height: 100%;
         display: block;
         background: url("/images/mobile-imgs/visual/view-why1.jpg") no-repeat;
         background-size: cover
     }

     .why-first .items>div:nth-child(2)::after {
         background-image: url("/images/mobile-imgs/visual/view-why2.jpg");
         right: initial;
         left: 0
     }

     .why-first .items>div:nth-child(3)::after {
         background-image: url("/images/mobile-imgs/visual/view-why3.jpg")
     }

     .why-first.yoga .items>div:nth-child(3)::after {
         background-image: url("/images/mobile-imgs/visual/view-why4.jpg")
     }

     .view-container .contents-wrap .program .student-review {
         background-color: #fff;
         margin: 0;
         padding: 30px 0 0 0
     }

     .why-first+.student-review .tit-wrap {
         border: 0
     }

     .view-container .contents-wrap .program .student-review .review #slider-review,
     .view-container .contents-wrap .program .student-review .review {
         height: auto
     }

     .view-container .contents-wrap .program .student-review .review {
         margin: 0;
         padding: 20px
     }

     .view-container .student-review .review #slider-review a {
         height: auto;
         padding-bottom: 15px;
         margin: 10px 0 0;
         box-shadow: 0 0 6px #efefef;
         padding-right: 0;
         border-radius: 5px
     }

     .view-container .student-review .review #slider-review .date {
         right: 10px;
         top: 20px;
         color: #999
     }

     .view-container .student-review .review #slider-review .wrap {
         height: auto
     }

     .view-container .student-review .review #slider-review .parag {
         padding-left: 60px;
         font-size: 12px;
         padding-right: 30px
     }

     .view-container .contents-wrap .program .student-review .tit-wrap {
         transform: scale(0.7);
         transform-origin: left top;
         margin: 0;
         padding: 0;
         margin-left: 30px
     }

     .view-container .contents-wrap .program .student-review .review .slider-review-next,
     .view-container .contents-wrap .program .student-review .review .slider-review-prev {
         display: none
     }

     .view-container .contents-wrap .program .student-review .review .swiper-slide {
         flex-direction: column
     }

     .view-container .contents-wrap .program .student-review .review .swiper-slide a {
         width: 100%
     }

     .view-container .contents-wrap .program .student-review .review {
         padding-top: 0
     }

     .student-review+div img {
         width: 100%
     }

     .view-container .contents-wrap .program .tit-wrap {
         flex-direction: column;
         padding-top: 30px;
         margin-bottom: 20px
     }

     .view-container .contents-wrap .program .cont {
         background: url("/images/mobile-imgs/visual/view-job-support-bg.jpg") repeat-x;
         background-size: auto 100%
     }

     .view-container .contents-wrap .program .cont img {
         display: block;
         max-width: 450px;
         margin: 0 auto;
         width: 100%
     }

     .job-support {
         position: relative;
         padding-bottom: 35px
     }

     .job-support .tit-wrap {
         position: static
     }

     .job-support .tit-wrap .moreview {
         top: initial;
         bottom: 0;
         width: 100%;
         padding: 0 10px;
         border: 0
     }

     .job-support .tit-wrap .moreview a {
         width: 100%;
         background-color: #a99d8f;
         color: #fff;
         border-radius: 5px;
         font-weight: 500;
         font-size: 12px;
         height: 32px
     }

     .job-support .tit-wrap .text-jobsupport {
         transform: scale(0.65);
         margin: 0 0 10px 0;
         padding: 0
     }

     .job-support .tit-wrap h4 {
         font-size: 18px
     }

     .view-container .contents-wrap .pico-human2 {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -500px -445px;
         width: 40px;
         height: 54px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .pico-doc {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -165px -545px;
         width: 44px;
         height: 44px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .visual img {
         opacity: 0;
         transition: all 1s ease-in
     }

     .view-container .contents-wrap .visual img.loaded {
         opacity: 1
     }

     .tbs1 colgroup,
     .tbs1 thead {
         display: none
     }

     .tbs1 tbody td:nth-child(2),
     .tbs1 tbody td:nth-child(3) {
         display: block;
         height: auto
     }

     .tbs1 tbody td:nth-child(3) {
         font-size: 12px
     }

     .tbs1 tbody td:nth-child(3)::before {
         content: "";
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -645px -337px;
         width: 10px;
         height: 10px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         vertical-align: top;
         position: relative;
         top: 1px;
         margin-right: 5px
     }

     .tbs1 tbody td:nth-child(1),
     .tbs1 tbody td:nth-child(4) {
         display: none
     }

     #employment {
         width: 100%;
         padding: 0 20px
     }

     #employment .paging {
         padding: 30px 0
     }

     #employment .tbs1 tbody td:nth-child(2) {
         padding: 15px 0 5px;
         border: 0
     }

     #employment .tbs1 tbody td:nth-child(2) a {
         margin: 0;
         line-height: 1.3
     }

     #employment .tbs1 tbody td:nth-child(3) {
         text-align: left;
         padding-bottom: 15px
     }

     #community-interview {
         padding: 0 10px
     }

     #community-interview .qna .q,
     #community-interview .qna .a {
         font-size: 15px;
         padding: 10px 10px 10px 60px;
         line-height: 1.4
     }

     #community-interview .qna li::before {
         width: 30px;
         height: 30px;
         line-height: 30px;
         font-size: 11px !important
     }

     #community-interview .bbs-view .head h3 {
         font-size: 16px;
         line-height: 1.3
     }

     #community-interview .bbs-view .head {
         border-bottom: 1px solid #e8e8e8;
         padding-bottom: 19px;
         margin-bottom: 0
     }

     #community-interview .view-visual {
         height: auto;
         width: 200px !important;
         border: 0
     }

     #community-interview .view-visual .name-wrap {
         right: -80px;
         top: 120px;
         font-size: 15px;
         z-index: 10
     }

     #community-interview .view-visual .name-wrap::before {
         left: -65px;
         top: 9px;
         display: none
     }

     #community-interview .view-visual .name-wrap .name {
         background: none;
         color: #a99d8f;
         padding: 0
     }

     #community-interview .view-visual .name-wrap .po {
         padding: 0
     }

     #community-interview .view-visual .number {
         left: -30%;
         top: 5%;
         background-color: #a99d8f;
         padding: 10px;
         width: 130px;
         border-radius: 10px
     }

     #community-interview .view-visual .number .text-interview2 {
         color: #fff;
         width: auto;
         height: auto;
         font-size: 11px;
         text-indent: 0;
         padding-bottom: 10px;
         border-bottom: 1px solid #fff
     }

     #community-interview .view-visual .number .text-interview2::before {
         content: "INTERVIEW";
         color: #fff;
         letter-spacing: 5px
     }

     #community-interview .view-visual .number strong {
         color: #fff;
         font-size: 15px;
         margin-top: 10px
     }

     #community-interview .view-visual .thumb img,
     #community-interview .view-visual .thumb {
         width: 200px
     }

     #community-interview .teacher-items li {
         height: auto;
         /* margin-left: 0; */
     }

     #community-interview .teacher-items li a {
         padding-bottom: 20px
     }

     #community-interview .teacher-items li img {
         height: 250px
     }

     .bbs-view {
         width: 100%
     }

     #community-interview .qna .q::before {
         top: 5px
     }

     #community-interview .qna,
     #community-interview .view-visual {
         width: 100%
     }

     .community_reply+#subNavi+.sub-tit-page+div>img {
         width: 100%
     }

     #inq_online .check-wrap label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -177px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #inq_online .check-wrap input:checked+label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -202px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .home-ck-wrap label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -177px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .home-ck-wrap input:checked+label::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -647px -202px;
         width: 15px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #inq_online {
         position: relative;
         background-color: #fff;
         padding-top: 43px
     }

     #inq_online .check-wrap {
         flex-direction: column;
         align-items: flex-start
     }

     #inq_online .check-wrap li {
         width: 100%;
         border-bottom: 1px solid #e8e8e8
     }

     #inq_online .check-wrap li:last-child {
         border-bottom: 0
     }

     #inq_online .handle-btn-items {
         white-space: nowrap;
         overflow: auto
     }

     #inq_online .inq_nav {
         position: absolute;
         width: 100%;
         top: 0;
         left: 0;
         border-bottom: 1px solid #e8e8e8;
         justify-content: center
     }

     #inq_online .inq_nav li {
         padding: 0 20px
     }

     #inq_online .inq_nav a {
         width: auto;
         padding: 0;
         border: 0;
         border-radius: 0
     }

     #inq_online .inq_nav .active {
         border-bottom: 1px solid #a99d8f
     }

     #inq_online .radio-wrap input:checked+lebel .ico+.text {
         color: #a99d8f
     }

     #inq_online .radio-wrap label[for=rw5] .ico {
         margin-left: -10px
     }

     #inq_online .radio-wrap {
         width: 100%;
         flex-wrap: wrap
     }

     #inq_online .radio-wrap li {
         flex-basis: calc(50% - 5px);
         margin-bottom: 10px
     }

     .program#diploma-pilates-context .tbl-wrap .online-form .radio-wrap label {
         width: 109px;
     }

     #inq_online .radio-wrap label {
         width: 100%;
         flex-direction: row;
         height: 65px;
         justify-content: flex-start;
         border: solid 1px #ccc
     }

     #inq_online .radio-wrap label .ico {
         flex-basis: 70px;
         transform: scale(0.6)
     }

     #inq_online .radio-wrap label .text {
         padding: 0;
         font-size: 14px;
         letter-spacing: -1px;
         font-weight: 400;
         margin-left: -10px
     }

     #customer-online-submit {
         width: 100%;
         box-shadow: none;
         border-radius: 0;
         border: 0;
         margin: 0
     }

     #customer-online-submit img {
         max-width: 80%
     }

     #customer-online-submit h3 {
         font-size: 20px;
         letter-spacing: -1px
     }

     #customer-online-submit .ico-phone,
     #customer-online-submit .ico-home-outline {
         transform: scale(0.8)
     }

     #customer-online-submit .parag2,
     #customer-online-submit .parag1 {
         font-size: 12px;
         line-height: 1.5;
         padding: 0 20px
     }

     .btn-list a {
         height: 35px;
         line-height: 31px;
         width: 80px;
         border-radius: 5px;
         font-weight: 500
     }

     .btn-list a .ico-hamberger2 {
         transform: scale(0.65);
         transform-origin: right center;
         position: relative;
         top: 3px
     }

     #term-service {
         width: calc(100% - 30px)
     }

     #term-service .s-tit {
         font-size: 13px
     }

     #term-service .s-tit::after {
         top: 7px
     }

     #term-service .context {
         font-size: 12px
     }

     #term-service.cost #tbl2>div span:nth-child(1) {
         padding-left: 10px
     }

     #tbl2 .td>span,
     #tbl2 .th>span {
         font-size: 12px
     }

     #cunsilting-view .wrap {
         width: 50%;
         height: calc(50% - 10px)
     }

     #cunsilting-view .visual-context {
         background: none;
         width: calc(100% - 30px);
         max-width: 500px;
         margin: 0 auto;
         position: relative;
         height: auto
     }

     #cunsilting-view .visual-context h3 {
         font-size: 22px
     }

     #cunsilting-view .visual-context2 {
         background: url("/images/mobile-imgs/visual/cunsulting2-bg.jpg");
         width: 100%;
         height: auto;
         margin: 40px 0 0 0
     }

     #cunsilting-view .visual-context2 .wrap {
         width: 100%;
         padding: 0;
         text-align: center;
         overflow: hidden
     }

     #cunsilting-view .visual-context2 h3 {
         margin-top: 20px;
         font-size: 18px
     }

     #cunsilting-view .visual-context2 .parag {
         padding: 0 20px
     }

     #cunsilting-view .visual-context2 .parag br {
         display: none
     }

     #cunsilting-view .visual-context2 .addon {
         background: none;
         width: 100%;
         height: auto
     }

     #cunsilting-view .visual-context2 .addon .mo-imgs {
         margin: 0 auto;
         width: calc(100% - 40px);
         max-width: 400px
     }

     #cunsilting-view .visual-context2 .join {
         margin: -20px auto 30px
     }

     #cunsilting-view .cunsulting-process .text-process {
         display: block;
         margin: 0 auto 10px
     }

     .step-type {
         width: calc(100% - 40px);
         background: none;
         flex-direction: column;
         justify-content: center;
         text-align: left;
         height: auto;
         margin: 20px auto 0;
         padding: 0
     }

     .step-type+.join {
         width: calc(100% - 40px);
         border-radius: 5px;
         margin-top: 10px
     }

     .step-type li {
         position: relative;
         width: 100%;
         padding: 0;
         padding: 20px 20px 20px 70px;
         border-top: 1px solid #e8e8e8
     }

     .step-type li strong {
         text-align: left;
         font-size: 15px
     }

     .step-type li p {
         text-align: left;
         font-size: 13px
     }

     .step-type li p br {
         display: none
     }

     .step-type li::before {
         content: "";
         position: absolute;
         left: 0;
         top: 20px;
         transform: scale(0.6);
         transform-origin: left top
     }

     .step-type li::after {
         content: "";
         position: absolute;
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -314px -78px;
         width: 22.5px;
         height: 22.5px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle;
         left: 50%;
         bottom: -12px;
         transform: scale(0.8);
         margin-left: -11px
     }

     .step-type li:nth-child(1)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(2)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -100px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(3)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -200px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(4)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -300px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(5)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -400px -445px;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .step-type li:nth-child(6)::after {
         display: none
     }

     .step-type li:nth-child(6)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px 0;
         width: 90px;
         height: 90px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .faq-context {
         width: 100%;
         padding-top: 30px;
         margin-bottom: 50px
     }

     .faq-context .faq {
         margin: 0 20px;
         padding: 20px
     }

     .faq-context .faq .q {
         font-size: 13px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row;
         justify-content: flex-start;
         padding-left: 30px;
         line-height: 1.3;
         position: relative
     }

     .faq-context .faq .q::before {
         transform: scale(0.7);
         transform-origin: left center;
         margin: 0;
         position: absolute;
         left: 0
     }

     .faq-context .faq .a {
         padding-left: 30px;
         font-size: 13px;
         color: #666;
         padding-top: 10px
     }

     .faq-context .faq .a::before {
         transform: scale(0.7);
         transform-origin: left center;
         margin: 0;
         left: 0
     }

     .faq-context .faq .a::after {
         display: none
     }

     .faq-context .left {
         float: none;
         width: 100%;
         text-align: center;
         padding: 0 20px;
         padding-bottom: 30px
     }

     .faq-context .left h4 {
         font-size: 18px;
         margin-bottom: 20px
     }

     .faq-context .left h4 strong {
         display: inline;
         line-height: 1.3
     }

     .faq-context .left .parag {
         display: inline
     }

     .faq-context .left .parag br {
         display: none
     }

     .faq-context .clear {
         display: none
     }

     .faq-context .right {
         width: 100%;
         padding: 0 20px;
         height: auto;
         background: none;
         float: none;
         position: relative;
         margin-bottom: 30px
     }

     .faq-context .right a {
         display: block;
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 18%
     }

     #support-step .process .step-wrap {
         width: 100%;
         flex-wrap: wrap
     }

     #support-step .process .step-wrap .step-items {
         width: 100%;
         flex-basis: 33%;
         margin-bottom: 20px;
         justify-content: flex-start
     }

     #support-step .process .step-wrap::before {
         display: none
     }

     .support-center-intro {
         padding-top: 0;
         overflow: hidden;
         padding-bottom: 20px
     }

     .support-center-intro .wrap {
         width: 100%;
         height: auto;
         background: none;
         padding: 0 20px
     }

     .support-center-intro .wrap li:nth-child(1) {
         width: 100%;
         margin: 0 auto;
     }

     .support-center-intro .wrap li:nth-child(2) {
         width: 100%;
         margin: 0 auto;
     }

     .support-center-intro .wrap li:nth-child(3) {
         width: 100%;
         margin: 0 auto;
         left: 0;
         top: 0;
     }

     .support-center-intro .wrap .link {
         margin: 15px 0 0 0;
         transform: scale(0.7);
         transform-origin: left top
     }

     .support-center-intro .wrap li {
         position: static;
         margin-top: 20px
     }

     .support-center-intro .wrap h5 {
         width: 100%;
         font-size: 15px;
         padding-left: 50px;
         height: auto;
         flex-direction: row;
         position: relative;
         flex-wrap: wrap;
         justify-content: flex-start;
         min-height: 50px;
         align-items: center;
         margin-bottom: 10px;
         margin-top: 10px
     }

     .support-center-intro .wrap h5 .num {
         transform: scale(0.5);
         transform-origin: left top;
         position: absolute;
         left: 0;
         top: 7px
     }

     .support-center-intro .wrap h5 strong {
         padding: 0;
         display: inline-block
     }

     #homefit .banner {
         font-size: 18px;
         background: url("/images/mobile-imgs/visual/home-fit-bg.jpg");
         background-size: cover
     }

     #homefit .label-box .context {
         width: 100%;
         padding: 0 10px
     }

     #homefit .label-box .context li {
         width: 100%;
         flex-basis: 23%;
         line-height: 1.3;
         height: auto;
         font-size: 13px;
         padding: 20px 10px
     }

     #homefit .label-box .context li::after {
         display: none
     }

     #homefit .label-box .context li::before {
         position: static;
         border-bottom: 1px solid #a99d8f;
         display: block !important;
         margin: 0 auto;
         transform: scale(0.7);
         padding-bottom: 7px;
         margin-bottom: 5px
     }

     #homefit .banner {
         width: 100%
     }

     #homefit .process .step-wrap {
         width: 100%;
         flex-wrap: wrap
     }

     #homefit .process .step-wrap::before {
         display: none
     }

     #homefit .process .step-wrap .step-items {
         width: 30%;
         justify-content: flex-start;
         margin-bottom: 20px
     }

     #homefit .package {
         background: none;
         width: 100%;
         height: auto;
         margin: 0
     }

     #homefit .fit-point {
         border: none;
         width: 100%;
         height: auto;
         background: none;
         padding: 0 20px
     }

     #homefit .fit-point .noti {
         margin-top: 20px;
         font-size: 10px
     }

     #homefit .fit-point .noti::before {
         transform: scale(0.6)
     }

     #homefit .fit-point .n1,
     #homefit .fit-point .n2 {
         margin: 20px 0 30px
     }

     #homefit .fit-point .n1 h4::before,
     #homefit .fit-point .n2 h4::before {
         content: "POINT 01";
         letter-spacing: 5px;
         color: #a99d8f;
         font-size: 10px;
         font-weight: bold;
         display: block;
         margin-bottom: 8px
     }

     #homefit .fit-point .n2 h4::before {
         content: "POINT 02"
     }

     #homefit .fit-point h4 {
         font-size: 18px
     }

     #homefit .fit-point h4 strong {
         font-size: 18px;
         margin: 5px 0 15px
     }

     #homefit .fit-point .parag br {
         display: none
     }

     #homefit .fit-point .n1,
     #homefit .fit-point .n2 {
         position: static
     }

     #homefit .why-first {
         margin-bottom: 40px
     }

     #homefit .why-first .step-type {
         background: none
     }

     #homefit .why-first .step-type li::after {
         display: none
     }

     #homefit .why-first .step-type li:nth-child(1)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -175px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(2)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -112px -175px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(3)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -224px -175px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(4)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -361px 0;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(5)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -361px -112px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .why-first .step-type li:nth-child(6)::before {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: 0 -287px;
         width: 102px;
         height: 102px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #homefit .card-items {
         width: 100%;
         padding: 20px;
         padding-bottom: 10px;
         flex-direction: column
     }

     #homefit .card-items li {
         width: 100%;
         height: auto;
         position: relative;
         align-items: flex-start;
         padding: 20px 10px 20px 80px;
         margin-bottom: 10px
     }

     #homefit .card-items li strong {
         margin-top: 0;
         font-size: 15px
     }

     #homefit .card-items li .parag br {
         display: none
     }

     #homefit .card-items li .ico {
         position: absolute;
         left: 5px;
         margin-top: -40px;
         top: 50%;
         transform: scale(0.6);
         transform-origin: left top
     }

     #homefit .mission {
         width: 100%;
         height: auto
     }

     #homefit .mission .wrap-container {
         display: none
     }

     #homefit .firstfit-context {
         width: 100%;
         margin: 0;
         flex-direction: column;
         padding: 0 20px
     }

     #homefit .firstfit-context strong {
         margin-top: 15px;
         font-size: 15px;
         text-align: center;
     }

     #homefit .firstfit-context .parag {
         margin: 0 0 20px 0;
         text-align: center;
     }

     #homefit .firstfit-context .parag br {
         display: none
     }

     #homefit .firstfit-context img {
         width: 100%
     }

     #cunsilting-view .visual-context4 {
         width: 100% !important;
         height: 100%;
         background: none;
         margin-top: 30px !important
     }

     #cunsilting-view .req::after {
         transform: scale(0.5);
         transform-origin: left top
     }

     #cunsilting-view .visual-context8 .wrap {
         width: 100%;
     }

     #cunsilting-view .visual-context8 table {
         width: 98%;
         margin: 0 1%;
         word-break: keep-all;
     }

     #cunsilting-view .visual-context8 table th {
         line-height: 1.4;
     }

     #cunsilting-view .visual-context8 table td {
         line-height: 1.4;
         padding: 0 2%;
     }

     #cunsilting-view .visual-context8 table tr td:last-child {
         font-size: 14px;
     }

     #cunsilting-view .visual-context8 table br {
         display: block;
     }

     #cunsilting-view .form-wrap {
         padding: 0 20px;
         margin: 0
     }

     #cunsilting-view .form-wrap .cell {
         float: none
     }

     #cunsilting-view .form-wrap .text-inquiry {
         display: none
     }

     #cunsilting-view .form-wrap h5 {
         width: 100%;
         text-align: center;
         font-size: 18px;
         margin-bottom: 15px
     }

     #cunsilting-view .form-wrap h5 strong {
         display: inline
     }

     #cunsilting-view .form-wrap h5::before {
         content: "INQUIRY";
         letter-spacing: 7px;
         color: #a99d8f;
         display: block;
         font-size: 10px;
         font-weight: bold;
         margin: 40px 0 15px
     }

     #cunsilting-view .form-wrap h5::after {
         display: none
     }

     #cunsilting-view .form-wrap .parag {
         text-align: center;
         margin-bottom: 20px
     }

     #cunsilting-view .form-wrap .parag br {
         display: none
     }

     #cunsilting-view .form-wrap .n3 .private {
         text-align: center
     }

     #cunsilting-view .form-wrap .n3 .submit {
         width: 100%;
         margin: 20px 0 50px 0
     }

     #cunsilting-view .form-wrap .n3 .field {
         padding: 10px
     }

     #cunsilting-view .form-wrap .n3 .checkbox {
         padding: 0;
         overflow: hidden;
     }

     #cunsilting-view .form-wrap .n3,
     #cunsilting-view .form-wrap .n2 {
         width: 100%
     }

     #cunsilting-view .form-wrap,
     #cunsilting-view .visual-context7,
     #cunsilting-view .visual-context6 {
         width: 100%;
         height: auto;
         background: none
     }

     #cunsilting-view .visual-context5 {
         width: 100%;
         max-width: initial;
         background: none
     }

     #cunsilting-view .visual-context.visual-context5 .wrap {
         position: absolute;
         height: auto;
         width: 100%;
         text-align: center;
         left: auto;
         margin: 0 0 10px;
         padding: 0 10%;
         background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent);
     }

     #cunsilting-view .visual-context.visual-context5 .wrap h3 {
         color: white;
     }

     #cunsilting-view .visual-context5 .wrap h3::before {
         content: "INTERIOR";
         letter-spacing: 7px;
         color: #fff;
         display: block;
         font-size: 10px;
         font-weight: bold;
         margin: 40px 0 15px
     }

     #cunsilting-view .visual-context5 .wrap h3 strong {
         display: inline
     }

     #cunsilting-view .visual-context5 .wrap .parag {
         padding: 10px 20px 20px 20px;
         color: rgba(255, 255, 255, .7);
     }

     #cunsilting-view .visual-context5 .wrap .parag br {
         display: none
     }

     #cunsilting-view .cunsulting-curriculum .text-curricul {
         display: block
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap {
         width: 100%;
         padding: 0 20px;
         flex-direction: column
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li {
         position: relative;
         padding-left: calc(45% + 10px);
         height: 160px;
         margin: 5px 0
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .parag {
         margin: 5px 0 13px
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .btn-moreview {
         margin: 0 0 0 2px;
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -373px -287px;
         width: 86px;
         height: 15px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .label {
         margin: 10px 0 0 -30px;
         background-color: #eeebe9;
         color: #8e8072
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .parag {
         text-align: left
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .thumb {
         width: 45%;
         left: 0;
         top: 0;
         height: 100%;
         box-shadow: none;
         border-radius: 0;
         position: absolute;
         z-index: 10
     }

     #cunsilting-view .cunsulting-curriculum .items-wrap li .thumb img {
         border: 0;
         object-fit: cover;
         width: 100%;
         height: 100%;
         border-radius: 10px
     }

     #indigator .setArea {
         padding: 8px 10px;
         background: #8e8072;
         border: 0;
         color: #fff;
         font-size: 11px;
         border-radius: 5px;
         position: absolute;
         right: 10px;
         top: 7px
     }

     .pop-store {
         background: rgba(0, 0, 0, .4);
         position: fixed;
         width: 100%;
         height: 100%;
         z-index: 100;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         display: none
     }

     .pop-store.on {
         display: flex;
         z-index: 999999999999;
     }

     .pop-store .wrap {
         background-color: #fff;
         border-radius: 5px;
         box-shadow: 0 0 20px #333;
         width: 80%;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column
     }

     .pop-store .wrap a {
         padding: 20px 0;
         border-bottom: 1px solid #ccc;
         width: 100%;
         text-align: center;
         font-weight: bold;
         font-size: 15px;
         color: #333
     }

     .pop-store .wrap a:first-child {
         display: none
     }

     .pop-store .wrap a:last-child {
         border: 0
     }

     #inq_online .sub-tit-page h3 .pagename,
     .notice+#subNavi+.sub-tit-page h3 span,
     .community_reply+#subNavi+.sub-tit-page h3 span,
     .community+#subNavi+.sub-tit-page h3 span,
     .recruitment+#subNavi+.sub-tit-page h3 span,
     .employment+#subNavi+.sub-tit-page h3 span,
     .recruit+#subNavi+.sub-tit-page h3 span {
         /* display: inline-block;
         margin: 0 5px 0 -15%;
         transform-origin: right top;
         top: 1px */
         display: block;
         transform: scale(0.65);
         margin: 0 auto 5px;
         transform-origin: center top;
     }

     #recruitment .noti {
         flex-direction: column;
         padding: 0 10px;
         align-items: flex-start
     }

     #recruitment .noti>span {
         flex-basis: 100%;
         text-align: left;
         font-size: 12px;
         line-height: 1.3;
         font-weight: 400;
         letter-spacing: -1px;
         margin: 5px 0
     }

     #recruitment .in-right {
         padding-bottom: 30px
     }

     #recruit #employment tr {
         position: relative;
         display: block
     }

     #recruit #employment .bbs-search {
         position: relative
     }

     #recruit #employment .bbs-search .field {
         min-width: 100px;
         width: calc(100% - 30px)
     }

     #recruit #employment .bbs-search .btn {
         position: absolute;
         right: 0;
         top: 0
     }

     #recruitment .radio-wrap>span {
         width: calc(50% - 10px)
     }

     #recruitment .radio-wrap>span label {
         width: 100%
     }

     #recruitment .space {
         display: none
     }

     #recruitment .step3 .in-wrap {
         margin-top: 0;
         flex-direction: column
     }

     #recruitment .patnership-form {
         position: relative
     }

     #recruitment .patnership-form .wrap {
         padding-bottom: 0
     }

     #recruitment .step2 {
         margin-top: 10px;
         padding-bottom: 30px
     }

     #recruitment .patnership-form .wrap+.space+.wrap {
         margin-top: 10px
     }

     #recruitment .patnership-form .private {
         background-color: #fff;
         padding-bottom: 100px
     }

     #recruitment .noti {
         width: 100%;
         position: absolute;
         bottom: 0;
         border: 0;
         box-shadow: none;
         background-color: #f5f5f5;
         border-radius: 0;
         margin: 0;
         height: auto;
         line-height: 1.5;
         padding-top: 10px;
         padding-bottom: 10px
     }

     #recruitment .step1,
     #recruitment .step2,
     #recruitment .in-right,
     #recruitment .in-left {
         float: none;
         width: 100%
     }

     #recruit .rec-options .cell .items:last-child {
         border: 0
     }

     #recruit .btn-list {
         text-align: center
     }

     #recruit .btn-list a {
         height: 40px;
         line-height: 40px
     }

     #recruit .ico-hamberger2 {
         transform: scale(0.7)
     }

     #recruit .bbs-view {
         width: calc(100% - 30px)
     }

     #recruit .bbs-view .cell+.cell {
         border-top: 0
     }

     #recruit .bbs-view .head h3 {
         font-size: 15px;
         line-height: 1.3;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         word-wrap: break-word;
         -webkit-line-clamp: 1
     }

     #recruit .bbs-view .items {
         border-bottom: 1px solid #e8e8e8;
         position: relative
     }

     #recruit .bbs-view .items em {
         line-height: 1.4
     }

     #recruit .bbs-view .items span {
         transform: scale(0.7)
     }

     #recruit .bbs-view .items strong {
         position: absolute;
         left: 100px;
         margin: 0;
         top: 23px
     }

     #recruit .options-wrap .select-type {
         width: 50px
     }

     #recruit .bbs-view .rec-options .cell {
         flex-direction: column
     }

     #recruit .bbs-view .rec-options .items {
         flex-basis: 100%
     }

     #recruit #employment td {
         height: auto
     }

     #recruit #employment td:nth-child(2) {
         padding-top: 40px
     }

     #recruit #employment td:nth-child(1) {
         display: block;
         position: absolute;
         border: solid 1px #a99d8f;
         padding: 3px 8px;
         font-size: 11px;
         left: 0;
         top: 13px;
         border-radius: 10px
     }

     #recruit #employment td:nth-child(3)::before {
         top: 9px
     }

     #recruit #employment td.nodata {
         display: block;
         position: static;
         border: 0;
         font-size: 15px;
         padding: 50px 0;
         text-align: center;
         width: 100%;
         border-radius: 0;
         border-bottom: solid 1px #e8e8e8
     }

     #recruit #employment td .label {
         margin: 0;
         width: 40px;
         text-align: center;
         margin-left: 6px;
         border-radius: 8px
     }

     img[data-mobile] {
         opacity: 0;
         transition: all 1s ease-in
     }

     img[data-mobile].loaded {
         opacity: 1
     }

     .view-container .contents-wrap .pico-ring {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -573px -479.5px;
         width: 53.5px;
         height: 51px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     .view-container .contents-wrap .pico-hand {
         background: none;
         background-image: url(/images/mobile-imgs/mobile-sprite.png);
         background-position: -673px 0;
         width: 32px;
         height: 53px;
         background-size: 705px auto;
         color: transparent;
         font-size: 9px;
         overflow: hidden;
         display: inline-block;
         vertical-align: middle
     }

     #view-master .cc-step {
         height: 101px;
         width: auto
     }

     #view-master .cc-step::after {
         content: "";
         background: url("/images/mobile-imgs/visual/cc-step-bg3.jpg") no-repeat center top;
         max-width: 375px;
         height: 101px;
         width: 100%;
         background-size: cover;
         display: block;
         margin: 0 auto;
         position: static
     }

     #teacher-pop .contents .detail .link .label {
         font-size: 12px
     }

     .select-wrap {
         margin-bottom: 20px
     }

     .teacher-items li {
         height: auto;
         padding-bottom: 20px
     }

     .teacher-items li img {
         height: 200px !important
     }

     .view-container .contents-wrap .ico-cont .detail-info br,
     .contact-form .name .parag br,
     .contact-form .item .info br {
         display: none
     }
     
     /* pilates_diploma_test.asp */
     .pilatesEvent .pc-imgs {display: none;}
     .pilatesEvent .mo-imgs {display: block;}
     .pilatesEvent .firstacademy-benefits .benefits-contents {flex-wrap: wrap;}
     .pilatesEvent .firstacademy-benefits .benefits-contents .con1,
     .pilatesEvent .firstacademy-benefits .benefits-contents .con2 {width: 48%;}
     .pilatesEvent .firstacademy-benefits .benefits-contents .con3 {width: 100%; margin-top: 4%;}
     .pilatesEvent .firstacademy-benefits .benefits-contents img {width: 100%;}
     .pilatesEvent .inquiry_btn .inner_1170 a {font-size: 18px; padding: 15px 60px;}
     .pilatesEvent .Introduction-instructors .swiper-slide {width: 30vw;}

     /* kiosk.asp */
     #kiosk .popup .popupImg .swiper-slide {position: relative; width: 90%; height: 100%;}
     #kiosk .popup .popupImg .swiper-slide img {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; object-fit: contain;}
     #kiosk .pfPopupSwiper .swiper-slide {position: relative; width: 90%; height: 100%;}
     #kiosk .pfPopupSwiper .swiper-slide img {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; object-fit: contain;}
 }

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

    .profile-content {
        width: 255px;}

    .answer {
        padding: 10px;
        position: absolute;
        right: 20px;
    }
    .profile-content_group{
        padding: 20px 0px;
    }
    .firstfit-icon{
        margin: 20px 0px;
    }
     #cunsilting-view .visual-context h3 {
         font-size: 15px
     }

     #cunsilting-view .visual-context h3 strong {
         margin-top: 5px;
         margin-bottom: 10px
     }

     #cunsilting-view .visual-context .parag {
         font-size: 12px
     }

     #cunsilting-view .visual-context .parag br {
         display: none
     }

     #curriculum .tit {
        background: none;
        background-image: url(/images/main/pet_sub_logo03.png);
        /* background-position: 0 0; */
        width: 351px;
        height: 68px;
        /* background-size: 705px auto; */
        color: transparent;
        font-size: 9px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        display: block;
        margin: 38px auto
    }

     #diploma-pilates-context .pilates .card-type .items {
         min-height: 240px
     }

     #main-program li strong {
         font-size: 10px;
         letter-spacing: -1px
     }

     #curriculum .tit {
         transform: scale(0.8);
         margin: 20px auto
     }

     #curriculum .contents .btn {
         font-size: 11px;
         margin: 0 -10px;
         height: 30px
     }

     #curriculum .contents .cate {
         font-size: 10px
     }

     #curriculum .contents li {
         height: 200px
     }

     #curriculum .contents li .info {
         height: 150px
     }

     #curriculum .contents li .info .s-tit {
         font-size: 13px;
         white-space: nowrap
     }

     #curriculum .contents li .info .parag {
         font-size: 11px;
         height: 66px
     }

     #curriculum .contents li img {
         height: 100px
     }

     #curriculum .contents li.label::before {
         transform: scale(0.7);
         right: 0;
         top: 0
     }

     .picto-util .links .cs-center {
         padding: 20px 0 20px 50px;
         font-size: 11px
     }

     .picto-util .links .cs-center::before {
         transform: scale(0.7);
         transform-origin: left top
     }

     .picto-util .links .cs-center .cs {
         transform: scale(0.7);
         transform-origin: left top;
         position: absolute;
         left: 0;
         top: 5px
     }

     .picto-util .links .cs-center strong {
         position: relative;
         padding-left: 150px;
         font-size: 18px
     }

     .picto-util .links .cs-center .ico-notice {
         transform: scale(0.7);
         transform-origin: left center
     }

     .picto-util .calendar-notice {
         height: 80px
     }

     .picto-util .calendar-notice::before {
         transform: scale(0.7);
         flex-basis: 56px
     }

     .picto-util .calendar-notice .name {
         font-size: 15px
     }

     .picto-util .calendar-notice a {
         font-size: 12px
     }

     .main-BRANCHES .swiper-button-next:after,
     .main-BRANCHES .swiper-button-prev:after {
         display: none
     }

     .student-review .interview .card-mdc-wrap .mdc-button__label img {
         height: 100px
     }

     .student-review .interview .card-mdc-wrap .card-mdc {
         height: 195px
     }

     .student-review .interview .card-mdc-wrap .wrap {
         top: 100px;
         padding: 0;
         background: none
     }

     .student-review .interview .card-mdc-wrap .wrap .small {
         color: #a99d8f;
         float: none
     }

     .student-review .interview .card-mdc-wrap .wrap .fs22 {
         color: #333
     }

     .student-review .interview .card-mdc-wrap .wrap .parag {
         margin-top: 5px;
         color: #555
     }

     #foot-menu .tit {
         font-size: 12px;
         background-color: #f5f6f780
     }

     #foot-menu .tit strong {
         font-size: 12px;
         margin-top: 5px
     }

     #foot-menu .contact-edu {
         transform: scale(0.8);
         margin: 0
     }

     #inq_online .inq_nav li {
         padding: 0 10px
     }

     #pop-privacy .wrap {
         width: 300px;
         height: 400px
     }

     #pop-privacy .wrap .context {
         height: 260px
     }

     .support-center-intro .wrap li:nth-child(1) {
         width: 100%;
     }

     .support-center-intro .wrap li:nth-child(2) {
         width: 100%;
     }

     .support-center-intro .wrap li:nth-child(3) {
         width: 100%;
     }

     #community-interview .teacher-items li {
         width: 48%;
     }

     /* pilates_diploma_test.asp */
     .pilatesEvent .review ul li {margin-bottom: 7vw;}
     .pilatesEvent .review ul li a {padding: 4vw 6vw;}
     .pilatesEvent .review ul li .profile img {width: 10vw;}
     .pilatesEvent .review ul li .profile p {font-size: 2.4vw; margin-top: 1vw;}
     .pilatesEvent .review ul li .review-text {width: 80%;}
     .pilatesEvent .review ul li .review-text p {font-size: 2.4vw;}
     .pilatesEvent .Introduction-instructors .swiper-slide {width: 50vw;}
 }

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

        

    .suggest_body #chatContainer .question-form .justify02 {    
        margin-left: 180px;
    }
    .content-title{ width: 200px;}
    
    .profile-content_group{
        padding: 20px 0px 20px 0px; 
        
    }
    .content-text{
        width: 210px;
    }
    .firstfit-icon{
        margin: 20px 0px 40px 0px;
    }
   
    .question-form{
        width: 192px;
    }

     #indigator .tel,
     #hambuger,
     .logo-wrap {
         transform: scale(0.8)
     }

     #inq_online .inq_nav li {
         padding: 0 5px
     }

     #indigator .link {
         margin: 0
     }

     .calendar-notice::before {
         flex-basis: 58px
     }

     .calendar-notice .name {
         font-size: 14px
     }

     .calendar-notice a {
         font-size: 11px
     }

     .picto-util .links .cs-center .ico-notice {
         display: none
     }

     .view-container .contents-wrap .detail .tit {
         font-size: 16px
     }

     .view-container .contents-wrap .cell .n1 .ico-cont .detail-info,
     .view-container .contents-wrap .cell .n2 .ico-cont .detail-info {
         font-size: 12px
     }

     .view-container .contents-wrap .job-info .parag br {
         display: none
     }

     .view-container .contents-wrap .pilates-target .parag-wrap>div {
         font-size: 11px
     }

     .contact-form .item .info {
         font-size: 12px
     }

     .contact-form .item .label {
         width: 55px;
         font-size: 12px
     }

     #instaform section {
         margin: 0 auto;
         width: 1075px
     }

     #instaform {
         width: 100%
     }
 }

/*/front/inquiry/online_customer_home.asp*/
.wrap2{margin:0 auto;}
.patnership-form{margin:0 auto;text-align:center}
.num-1 {padding-bottom:25px;border-bottom:solid 1px #e8e8e8; margin-bottom:0px}
.patnership-form label.c-ans{margin-right:10px}
.step-1 div{margin-top:1%;}
#cp-whytxt{display:none;}
.c-day-date{display:none;}
.c-day-ext{display:none;}
.patnership-form .c-submit{margin-top:3%;width:7%}
.btn_kakao{background-color:#fae600;display: flex; flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 48px;
    border-radius: 5px;
    text-align: center;
	margin:0 auto;
    border: 1px solid #a99d8f;}
.btn_kakao_icon{background-image:url("/images/imgs/kakao.svg");background-repeat:no-repeat; background-size:cover; background-position:50%;width:24px;height:24px;margin-right:8px;}
.btn_kakao_txt{box-sizing:border-box;
color: #333;}
.btn_kakao_color{background-color: #fff;}

/* 퍼스트핏 질의응답 */

.suggest_body {width: 750px; margin: 0 auto; text-align: left;}
.suggest_body .suggest-chat {padding: 10px;}
.suggest_body .suggest-chat .question-profile {width: 100%; display: inline-flex; gap: 8px; margin-top: 10px;}
.suggest_body .suggest-chat .question-profile .firstfit-icon {display: block; width: 32px; height: 32px; border-radius: 12px;}
.suggest_body .suggest-chat .question-profile .profile-content_group .profile-nickname {margin-bottom: 12px;}

.suggest_body .suggest-chat .question-profile .profile-content_group .profile-content { height: auto; padding: 12px; background-color: #fff; border-radius: 12px;}


.suggest_body .profile-content .content-title {line-height: normal;
    margin-bottom: 12px; word-break: keep-all;}
.suggest_body .profile-content .content-text {line-height: 1.3; word-break: keep-all;}
.suggest_body #chatContainer .question-form .justify {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; min-height: 32px; border-radius: 6px; border: 1px solid #e1e1e1; cursor: pointer; padding: 5px 5px; margin: 10px 0;}

.suggest_body #chatContainer .question-form .justify01 {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 50px; min-height: 32px; border-radius: 6px; border: 1px solid #e1e1e1; cursor: pointer; padding: 9px 0px; margin: 10px 0px 10px 80%;}

.suggest_body #chatContainer .question-form .justify02 {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 109px; min-height: 32px; border-radius: 6px; border: 1px solid #e1e1e1; cursor: pointer; padding: 9px 0px; margin: 10px 0px 10px 58%;}

.suggest_body #chatContainer .question-form .jactive {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; min-height: 32px; border-radius: 6px; cursor: pointer; padding: 9px 9px; margin: 10px 0;}
/* .suggest_body #chatContainer .question-form label[data-v-823166c8] {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; min-height: 32px; border-radius: 6px; border: 1px solid #e1e1e1; cursor: pointer; padding: 9px 9px; margin: 10px 0;} */
/* .suggest_body #chatContainer .question-form .justify input {display: none;} */
/* .suggest_body #chatContainer .question-form .justify .checkbox {
    background-position: -585px -1177px;width: 15px;height: 15px;overflow: hidden;margin: 6px 2px 6px 0;
} */
/* 체크박스 이미지 */
/* background-image: url(/images/imgs/sprite.png); */

.suggest_body #chatContainer .question-form .justify .checkbox-active {background-image: url(/images/imgs/sprite.png);background-position: -550px -1177px;width: 15px;height: 15px;overflow: hidden;margin: 6px 2px 6px 0;}
.suggest_body #chatContainer .question-form .justify span {margin-left: 6px;}

.suggest_body #chatContainer .question-form .completion_btn_01{
    width: 38px;
    float: right;    
}

.suggest_body #chatContainer .question-form .completion_btn_02{
    width: 95px;
      
}
.completion_btn {
    width: 20%;
    float: right;
    
}


.answer {
    background-color: #aaaaaa;
    display: block;
    /* width: 250px;
    height: 47px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    float: right;
    padding: 10px 15px;
}


.answer p{ 
    color: #eee;
    
}

.form-buttons{
    float: right;
    border: 1px #333;
    /* padding: 10px; */
    
}
.form-buttons p{
    border-radius: 6px;
    border: 1px solid #e1e1e1;;
    padding: 9px 20px;
}



 @media all and (max-width: 500px) {
    .profile-content {
        width: 360px;}
.step-1{padding-top:20px;padding-bottom:20px;}
.patnership-form .c-submit{width:24%;}
 }



.btn_kakao{width:65%}




 @media all and (max-width: 2560px) {
    #c-ex01{ 
        padding: 0px;
     }
    .step-1{padding-top:20px;padding-bottom:20px;}
    .profile-content {
        width: 330px;}


.btn_kakao{width:65%}
 }

 @media all and (max-width: 2586px) {
    #c-ex01{ 
        padding: 0px;
     }
    .step-1{padding-top:20px;padding-bottom:20px;}
    .profile-content {
        width: 330px;}


.btn_kakao{width:65%}
 }
 
 
 @media all and (max-width: 1440px) {
    .step-1{padding-top:20px;padding-bottom:20px;}
    .profile-content {
        width: 300px;}

    }

 @media all and (max-width: 1072px) {
    .step-1{padding-top:20px;padding-bottom:20px;}
    .profile-content {
        width: 300px;}


.btn_kakao{width:65%}
 }


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

    

    .suggest_body #chatContainer .question-form .justify01 {
        display: flex
    ;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 50px;
        min-height: 32px;
        border-radius: 6px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        padding: 9px 0px;
        margin: 10px 0px 10px 77%;
    }

    .suggest_body #chatContainer .question-form .justify02 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 109px;
        min-height: 32px;
        border-radius: 6px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        padding: 9px 0px;
            margin: 10px 0px 10px 50%}

    .step-1{padding-top:20px;padding-bottom:20px;}
    .profile-content {
        width: 240px;}
.btn_kakao{width:65%}

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

    .suggest_body #chatContainer .question-form .justify02 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 109px;
        min-height: 32px;
        border-radius: 6px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        padding: 9px 0px;
            margin: 10px 0px 10px 50%}

    .step-1{padding-top:20px;padding-bottom:20px;}
    .profile-content {
        width: 240px;}
.btn_kakao{width:65%}

 }

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

    .patnership-form .select {
        padding: 0px 10px 0px 0px;
    }

    .suggest_body #chatContainer .question-form .justify01 {
        display: flex
    ;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 50px;
        min-height: 32px;
        border-radius: 6px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        padding: 9px 0px;
        margin: 10px 0px 10px 74%;
    }

    .suggest_body #chatContainer .question-form .justify02 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 109px;
        min-height: 32px;
        border-radius: 6px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        padding: 9px 0px;
            margin: 10px 0px 10px 44%}

    .profile-content {
        width: 217px;}

.btn_kakao{width:65%}

 }
 @media all and (max-width: 320px) {
    .suggest_body #chatContainer .question-form .justify01 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 50px;
        min-height: 32px;
        border-radius: 6px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        padding: 9px 0px;
        margin: 10px 0px 10px 74%;
    }

    .suggest_body #chatContainer .question-form .justify02 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 109px;
        min-height: 32px;
        border-radius: 6px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        padding: 9px 0px;
            margin: 10px 0px 10px 44%}

    .profile-content {
        width: 217px;}
    .content-text{ width: 200px;}

.btn_kakao{width:65%}

 }

 

.home_submit{    height: 41px;
    background-color: #a99d8f;
    border: 2px solid #a88d8f;
    font-size: 15px;
    margin: 10px auto;
    display: block;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    width: 50%;}

.patnership-form .wrap.wrap-pay {
	display:inline-block;
    width: 73%;
    margin: 0 auto;
    justify-content: center;}

#inq_online .wrap.wrap-pay .check-wrap{justify-content: space-evenly; border-top:none;border-bottom:none;}
.ocp_p{background-color: #fff0f0; color: #ff0032; width: 35%; text-align: center; margin: 6px auto;}
.ocp_p2{padding: 12px 13px; color: #555; display: inline-flex;border-radius: 21px; background-color: lightgray; margin-top: 7px;}
.ocp_p3 font{text-decoration:line-through;}
.ocp_p3{margin-top: 21px; font-size: 1vw; line-height: 1.3;}
 @media all and (max-width: 500px) {
.ocp_p3{margin-top: 21px; font-size: 4vw; line-height: 1.3; margin-bottom:30px}
 }

.hpay_info li{    display: flex;
    flex-flow: wrap;
    min-height: 40px;
    line-height: 40px;
    justify-content: space-between;
    align-items: center;width:18%;margin:0 auto;}
.hpay_info {    padding-bottom: 25px;
    border-bottom: solid 1px #e8e8e8;}
.hpay_info_p{background-color: #1973e6;
    color: #fff;
    box-sizing: border-box;
    padding: 4px 4px;
    border-radius: 4px;
    width: 4%;
    margin: 8px auto;}
li.hpay_info_ex div{    display: block;
    font-size: 12px;
    color: #555;
    padding: 12px 24px;
    background-color: white;
	text-align:left;
    height: unset;
    line-height: unset;}

.patnership-form .submit.hpay_submit {
    width: 300px;
    height: 45px;
    border: 1px solid #a99d8f;
    font-size: 15px;
	background-color:white;
    margin: 5px auto;
    display: block;
    color: #555;
    border-radius: 8px;
    cursor: pointer;
}
.patnership-form input.submit.hpay_submit.hpay_naver{background-image:url('/images/imgs/icon-naverpay.svg'); background-repeat : no-repeat; background-position:50% 0;}
.patnership-form input.submit.hpay_submit.hpay_toss{background-image:url('/images/imgs/icon-tosspay.svg'); background-repeat : no-repeat; background-position:50% 0;}
.patnership-form input.submit.hpay_submit.hpay_kakao{background-image:url('/images/imgs/icon-kakaopay.svg'); background-repeat : no-repeat; background-position:50% 0;}
.hpay_info_ex p {font-weight:400;}
 @media all and (max-width: 1000px) {
.hpay_info li{width:70%;}
.hpay_info_p{width:21%}

 }


 input.btn_pay {
    display: none; /* 기본 라디오 버튼 숨김 */
  }
  
  .patnership-form label.btn_pay {
    display: inline-block;
    width: 336px; /* 버튼 크기 */
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer; /* 클릭 가능하도록 설정 */
    color: #555;
    font-weight: lighter;
    
  }


  
  .hpay_info .none {display: none;}
  
  label.btn_pay.naver {
    background-image: url('/images/imgs/icon-naverpay.svg');
  }
  label.btn_pay.kakao {
    background-image: url('/images/imgs/icon-kakaopay.svg');
  }
  label.btn_pay.toss {
    background-image: url('/images/imgs/icon-tosspay.svg');
  }

  .btn_pay{
    padding: 15px 0;
    background-color: #fff;
    width: 336px;
    height: 45px;
    border: 1px solid #a99d8f;
    font-size: 15px;
    margin: 5px auto;
    display: block;
    color: #555;
    border-radius: 8px;
    cursor: pointer;
  }
  .patnership-form .btn_pay{
    margin: 4px 0;
  }




  
  input.btn_pay:checked + label.btn_pay {
    border: 2px solid blue; /* 선택된 경우 테두리 표시 */
    background-color: rgba(0, 0, 255, 0.1); /* 선택 효과 */
  }
  
  /* .patnership-form input.btn_pay.toss{background-image:url('/images/imgs/icon-tosspay.svg'); background-repeat : no-repeat; background-position:50% 0;}
  .patnership-form input.btn_pay.kakao{background-image:url('/images/imgs/icon-kakaopay.svg'); background-repeat : no-repeat; background-position:50% 0;} */
  .hpay_info_ex p {font-weight:400;}
.patnership-form .wrap_ocm {
    display: flex;
    width: 50%;
    margin: 0 auto;
    justify-content: center;
}
.patnership-form-ocm{padding: 0px 0 100px 0;}
#inq_online .radio-wrap-ocm{display: flex;
    justify-content: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 0px;
    width: 696px;
    flex-wrap: wrap;}
#inq_online .radio-wrap-ocm li{margin-bottom: 2%;}
 @media all and (max-width: 1400px) {
    .opti_1 {
        width: 50%;
        margin-right: 10px;
    }
   
    
#inq_online .radio-wrap-ocm {width: 100%;}
 }
  @media all and (max-width: 800px) {
    .step-1{padding-top:20px;padding-bottom:20px;}
.patnership-form .wrap_ocm {width: 100%;padding-bottom:0; }
.patnership-form-ocm{padding:0; margin: 0 auto 50px;}
 }


  #inq_online .radio-wrap-ocm label[for=rw2] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico1.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw2] .ico{
	 background-image: url(/images/imgs/ocm-ico1_click.png);
	 background-repeat:no-repeat;
    background-position: top;
}
  #inq_online .radio-wrap-ocm label[for=rw1] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico4.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw1] .ico{
	 background-image: url(/images/imgs/ocm-ico4_click.png);
	 background-repeat:no-repeat;
    background-position: center;
}
  #inq_online .radio-wrap-ocm label[for=rw3] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico3.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw3] .ico{
	 background-image: url(/images/imgs/ocm-ico3_click.png);
	 background-repeat:no-repeat;
    background-position: center;
}
  #inq_online .radio-wrap-ocm label[for=rw4] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico2.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw4] .ico{
	 background-image: url(/images/imgs/ocm-ico2_click.png);
	 background-repeat:no-repeat;
    background-position: center;
}
  #inq_online .radio-wrap-ocm label[for=rw5] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico5.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw5] .ico{
	 background-image: url(/images/imgs/ocm-ico5_click.png);
	 background-repeat:no-repeat;
    background-position: center;
}
  #inq_online .radio-wrap-ocm label[for=rw6] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico6.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw6] .ico{
	 background-image: url(/images/imgs/ocm-ico6_click.png);
	 background-repeat:no-repeat;
    background-position: center;
}
  #inq_online .radio-wrap-ocm label[for=rw7] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico7.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw7] .ico{
	 background-image: url(/images/imgs/ocm-ico7_click.png);
	 background-repeat:no-repeat;
    background-position: center;
}
  #inq_online .radio-wrap-ocm label[for=rw8] .ico {
     background: none;
     background-image: url(/images/imgs/ocm-ico8.png);
	 background-repeat:no-repeat;
     width: 66px;
     height: 52px;
     color: transparent;
     font-size: 9px;
     overflow: hidden;
     display: inline-block;
     text-indent: -999em
 }
#inq_online .radio-wrap-ocm input:checked+[for=rw8] .ico{
	 background-image: url(/images/imgs/ocm-ico8_click.png);
	 background-repeat:no-repeat;
    background-position: center;
}

#c-ex{ margin-right: 10px;
}

.opti{
    display: flex;
    justify-content: space-around;
    
}
.opti_1{
    width: 40%;
    margin-right: 17px;
}
.opti_2{
    width: 80%;
    margin-right: 10px;
}
@media all and (max-width: 1400px) {
    .opti_1 {
        width: 50%;
        margin-right: 10px;
    }
    #inq_online .hf-radio-wrap label{
        width: 394px;
        height: 239px;
        border: solid 5px #ccc;
       
        
    }
    .patnership-form .select_size{
        width: 25%;
        margin: 10px 0px;
    }


}    

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

    #c-ex{
        font-size: 13px;
    }

    #c-ex01{
        font-size: 13px;
    }

    .opti_1 {
        width: 50%;
        margin-right: 1px;
        }
        .suggest_body_move{
            width: 95%;
            margin: 0 auto;
        }
}

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

    #c-ex{
        font-size: 12px;
        padding: 0px 0px 0px 6px;
    }

    #c-ex01{
        font-size: 12px;
    }

    .suggest_body_move{
        width: 95%;
        margin: 0 auto;
    }
 

}

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

    #c-ex{
        font-size: 11px;
    }

    #c-ex01{
        font-size: 11px;
    }
    .opti_1 {
        width: 50%;
        margin-right: 5px;
        }
}


#c-area , #c-area-b , #c-area-c{
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.last_txt{
    color: white;    
}

.last_txt_01{
    background-color: #a49d8f;
    width: 100%;
    height: 43px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.checkbox_txt01 {
    padding: 10px 20px;
}

input[type=text] {
	width: 100%;
	height: 30px;
	font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
}

.mt-12_1{
    display: none;
}
.yoga_txt{
    font-size: 17px;
}
.mt-12_2{
    display: none;
}

/* 회원가입폼 시작*/

input::placeholder {
    color: #a99d8f;;
}

.Background_membership{
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 30px;
}

.Background_membership .Background_membership_01{
    width: 60%;
    height: auto;
    /* background-color: olivedrab; */
    margin: 0 auto;
    padding: 60px 0px 60px 0px;

}

.suggest_body>.id_01>.question-form>.justify{
    width: 60%;
}

.id_01 {
    margin-top: 20px;
}

.id_01>.question-form>.justify input[type=text] {
    width: 50%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    background-color: #fff;
    padding-left: 10px;
}
.id_01>.question-form>.justify_pass input[type=text] {
    width: 70%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    background-color: #fff;
    padding-left: 10px;
    
}

.id_01>.question-form>.justify input[type=password] {
    width: 77%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    padding-left: 10px;
}
.id_01>.question-form>.phone_number>.justify_c input[type=text] {
    width: 100%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    padding-left: 10px;
}

#c-ex-b{
    margin: 10px 0px;
    width: 20%;
    height: 43px;
    border-radius: 5px;
    min-width: 88px;
    font-size: 15px;

}
.justify_b{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 20%;
    min-height: 32px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    padding: 5px 5px;
    margin: 10px 0;

}

.mem_btn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20%;
    min-height: 43px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    padding: 5px 5px;
    margin: 10px 0;
    background-color: #cccccc;
    
    

}
.mem_btn a{
    color: #fff;

}

.id_01>.question-form>.phone_number{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.justify_pass {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 32px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    padding: 5px 5px;
    margin: 0px 0px 10px 0px;
    color: #a99d8f;;
}

#c-ex-s{
    margin: 10px 0px;
    width: 48.8%;
    height: 43px;
    border-radius: 5px;
    min-width: 88px;
    font-size: 15px;
    padding-left: 10px;

}

.c-ex-s-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Personal_info{
    display: flex;
    justify-content: center;
    align-items: center;
    
}

#circle{
    margin: 20px 5px 20px 0px;
}

.Personal_info>span{
    color: #a99d8f;
}

.Sign_up{
    display: flex;    
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 43px;
    border-radius: 6px;
    /* border: 1px solid #e1e1e1; */
    cursor: pointer;
    padding: 5px 5px;
    margin: 10px 0;
    
}
.Sign_up a{
    color: #fff;
    background-color: #cccccc;
    min-height: 43px;
    width: 40%;
    display: flex;    
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    
}

.justify_c{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 78%;
    min-height: 32px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    padding: 5px 5px;
    margin: 10px 0;

}

/* 회원가입 media */

@media (max-width: 600px) {
    .Background_membership{
        width: 80%;
       
        
    }
    .suggest_body_move{
        width: 95%;
        margin: 0 auto;
    }
    
}
@media (max-width: 500px) {
    .Background_membership{
        width: 66%;
       
        
    }
    .Background_membership .Background_membership_01 {
        width: 79%;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }
    .suggest_body_move{
        width: 95%;
        margin: 0 auto;
    }
    
}

@media (max-width: 430px) {
    .Background_membership{
        width: 56%;
       
        
    }
    .Background_membership .Background_membership_01 {
        width: 79%;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }
    
}

@media (max-width: 390px) {
    .Background_membership .Background_membership_01 {
        width: 97%;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }
    .Background_membership{
        width: 51%;    
    }
    
}
@media (max-width: 375px) {
    .Background_membership .Background_membership_01 {
        width: 97%;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }

    .Background_membership{
        width: 49%;
       
        
    }
   
    
}
@media (max-width: 350px) {
    .Background_membership .Background_membership_01 {
        width: 97%;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }

    .Background_membership{
        width: 45%;
       
        
    }
   
    
}

@media (max-width: 320px){
    .mem_btn>a{font-size: 13px;}
    .Background_membership .Background_membership_01 {
        width: 300px;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }

    .Background_membership{
        width: 42%;
       
        
    }
    .question-form {
        width: 300px;
    }
 

}
@media (max-width: 260px){
    #c-ex-b {
        margin: 10px 0px;
        width: 8px;
        height: 43px;
        border-radius: 5px;
        min-width: 58px;
        font-size: 15px;
    }

    .justify_c input[type=text]{
        
        font-size: 5px;
    }

    .Background_membership .Background_membership_01 {
        width: 225px;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }

    .Background_membership{
        width: 33%;
       
        
    }
    .question-form {
        width: 226px;
        
    }
    .id_01>.question-form>.justify input[type=password] {
    width: 100%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    padding-left: 10px;
}
.id_01>.question-form>.justify_pass input[type=text] {
    width: 100%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    background-color: #fff;
    padding-left: 10px;
}

.mem_btn>a{
padding-left: 4px;
}
 

}

@media (max-width: 240px){
    .Background_membership .Background_membership_01 {
        width: 214px;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }

    .Background_membership{
        width: 30%;
       
        
    }
    .question-form {
        width: 215px;
        
    }
 

}

@media (max-width: 220px){
    #c-ex-b {
        margin: 10px 0px;
        width: 8px;
        height: 43px;
        border-radius: 5px;
        min-width: 58px;
        font-size: 15px;
    }

    .justify_c input[type=text]{
        
        font-size: 5px;
    }

    .Background_membership .Background_membership_01 {
        width: 225px;
        height: auto;
        /* background-color: olivedrab; */
        margin: 0 auto;
        padding: 60px 0px 60px 0px;
    }

    .Background_membership{
        width: 27.5%;
       
        
    }
    .question-form {
        width: 226px;
        
    }
    .id_01>.question-form>.justify input[type=password] {
    width: 100%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    padding-left: 10px;
}
.id_01>.question-form>.justify_pass input[type=text] {
    width: 100%;
    height: 30px;
    font-size: 14px;
    border: 0;
    color: #333;
    line-height: 1;
    font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
    outline: none;
    background-color: #fff;
    padding-left: 10px;
}

.mem_btn>a{padding-left: 4px;}

}

.hf_class{margin:20px 0;}
.hf-main-btn{line-height:2.6;}
.hf_img{width:40%; height:auto;}
@media (max-width: 800px){
.hf_img{width:90%;}
.suggest_body_move{
    width: 95%;
    margin: 0 auto;
}
}

.patnership-form2 .wrap{display: ruby;}
.text-sp{background-color: #fff0f0;
    color: #ff0032;
    height: 19px;
    text-align: center;
    line-height: 19px;
    width: 25%;
    margin: 5px 0;
    font-size: 13px;}
#inq_online .hf-radio-wrap .text {
    color: #aaa;
    display: block;
    padding: 10px 0px;
}
#inq_online .hf-radio-wrap label {
    width: 422px;
    height: 235px;
    border: solid 2px #ccc;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px;
    margin-left: 10px;
}
.login_logo{background-image: url(/images/imgs/sprite.png);
    background-position: -116px -282px;
    width: 199px;
    height: 34px;
    color: transparent;
    font-size: 9px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em;margin-bottom: 40px;}
.step-1 div.login_logo{margin-top:-2%;}
.login_point {    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    margin-top: 40px;
    font-size: 13px;}

.hp_top_btn{    display: flex;
    width: 50%;
    margin: 0 auto 30px;
    justify-content: center;}
.hp_top_btn .hp_top_btn1{    width: 20%;
    background-color: #a99d8f; margin-right: 10px;
    text-align: center;
    /* color: white; */
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;}
.hp_top_btn .hp_top_btn2{    width: 20%;
    background-color: #a99d8f; margin-right: 10px;
    text-align: center;
    /* color: white; */
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;}
.hp_top_btn .hp_top_btn3{    width: 20%;
    background-color: #a99d8f;
    text-align: center;
    /* color: white; */
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;}
.hp_top_btn .hp_top_btn1 a{color:white; }
.hp_top_btn .hp_top_btn2 a{color:white; }
.hp_top_btn .hp_top_btn3 a{color:white; }

@media (max-width: 1020px){
.hp_top_btn .hp_top_btn1{width: 30%;}
.hp_top_btn .hp_top_btn2{width: 30%;}
.hp_top_btn .hp_top_btn3{width: 30%;}
}
@media (max-width: 684px){
.hp_top_btn .hp_top_btn1{width: 80%;}
.hp_top_btn .hp_top_btn2{width: 80%;}
.hp_top_btn .hp_top_btn3{width: 80%;}
.hp_top_btn {width:90%;}
}
@media all and (max-width: 1000px) {
    #inq_online .hf-radio-wrap label{
        width: 310px;
    }
    .patnership-form .select_size {
        width: 33%;
        margin: 10px 0px;
    }
    .text-sp{
        width: 32%
    }
}
@media all and (max-width: 700px){
    #inq_online .hf-radio-wrap label{
        width: 230px;
    }
    .patnership-form .select_size {
        width: 46%;
        margin: 10px 0px;
    }
    .text-sp{
        width: 44%
    }

}
@media all and (max-width: 560px){
    #inq_online .hf-radio-wrap label{
        width: 160px;
    }
    .patnership-form .select_size {
        width: 65%;
        margin: 10px 0px;
    }
    .text-sp{
        width: 61%
    }
    #inq_online .radio-wrap label .text{
        margin-left: 0px;
    }

}

@media all and (max-width: 400px){
    #inq_online .hf-radio-wrap label{
        width: 152px;
    }
    .patnership-form .select_size {
        width: 68%;
        margin: 10px 0px;
    }
    .text-sp{
        width: 65%
    }
    #inq_online .radio-wrap label .text{
        margin-left: 0px;
                width: 50%;
        line-height: initial;
    }

}
.hp-id_01 .justify_c input{height:90px;}

.noti>span>a{
    color: #8e8072;
}

.notice_01{
    padding: 10px 0px 0px 0px;
    
}


/* landing page */

.landingbanner{
    width: 100%;
}
.landingbanner>img{
    width: 100%;
    border-radius: 15px;  
}



.radio-wrap-lnading{
    display: flex;
    justify-content: space-around;
   
}




.landing_box_99{
    padding: 20px;
    width: 80%;
    /* background-color: #04C22E; */
    margin: 0 auto;
}

.req_landing{
    /* background-color: pink; */
    padding-top: 10px;
    padding-bottom: 20px;
    
}
@media (max-width: 600px) {
    .landing_box_99{
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .landing_box_99{
        padding: 0;
        width: 100%;
        margin: 0 auto;
    }
    .req_landing{
        padding: 10px 0px 0px 0px;
    }
}

@media (max-width: 450px) {
    .radio-wrap-lnading{
      padding: 0;
      flex-direction: row;
    }
    #recruitment .radio-wrap-lnading label{
        width: 100px;
    }

}
@media (max-width: 1410px) {

.patnership-form .step2.firstc_step2{
    position: relative;
    padding: 70px;
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #e8e8e8;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px #ddd;
    width: 70%;
    height: auto;
    margin-top: 40px;
  }
  .patnership-form .select.firstc_step2-select{width: 30%;}

}
@media (max-width: 702px) {
.patnership-form label.firstc_step2_3-1, .patnership-form label.firstc_step2_1-1 {margin: 15px 19px 8px 15px;}
    .patnership-form .step2.firstc_step2 {
        position: relative;
        padding: 41px;
        background-color: #fff;
        border-radius: 10px;
        border: solid 1px #e8e8e8;
        box-shadow: 0 0 15px #ddd;
        width: 90%;
        height: auto;
        margin-top: 40px;
    }
	.patnership-form .select.firstc_step2-select {width: 54%;}
}

.Group_pet {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subname01 {
    font-size: 40px;
    color: #4C4C4B;
    font-weight: 400;
}
.subname02 {
    font-size: 30px;
    color: #4C4C4B;
    font-weight: 350;
}
.classAndNotice .main-notice-01 {
    width: 90%;
}
.Group_pet_01{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 130px;
}
.Group_pet_01>img{
    width:1379px;
}

.Group_pet_010>img{
    width: 910px;
}

.Group_pet_02 {
   width: 100%;
   margin: 0 auto;
}
.Group_pet_02>img{
    width: 100%
}
.Group_pet_03 {
    width: 100%;
    margin: 0 auto;
 }
 .Group_pet_03>img{
     width: 100%
 }

 .select_step {
    width: 1410px;
    margin: 0 auto;
    /* background-color: pink; */
    padding: 30px;
    margin-top: 100px;
 }
 .select_step_txtbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
 }

 .select_step_txt01 {
    font-size: 30px;
    display: block;
    /* background-color: olive; */
    padding-bottom: 7px;
    color: #191919;
 }

 .select_step_txt02{
    font-size: 18px;
    /* background-color: #04C22E; */
    line-height: 1.5;
    
 }
 .select_step_txtbox01{
    padding: 0px 0px 0px 30px;
    width: 33.3%;
    /* background-color: orange; */
    height: 320px;
    border-right: 1px solid #EDEBEB;
    
 }
 .select_step_txtbox02{
    padding: 0px 0px 0px 30px;
    width: 33.3%;
    /* background-color: violet; */
    height: 320px;
    border-right: 1px solid #EDEBEB;
 }
 .select_step_txtbox03{
    padding: 0px 0px 0px 30px;
    width: 33.3%;
    /* background-color: salmon; */
    height: 320px;
 }

 .select_bt_btn_01 li{
    background-color: #EAEAEA;
    border-radius: 30px;
    width: 80%;
    height: 45px;  
    margin: 5px 0px;
 }

 .select_bt_btn_01 li label:hover {
    background-color: #C37F3A;
    color: #eee;
    border-radius: 50px;
 }

 label:has(input:checked) {
    background-color: #C37F3A;
    color: #eee;
    border-radius: 50px;
 }

 .select_bt_btn_01 li label{
    display: block;
    padding: 15px 120px;
    text-align: center;
 }

.checkbox_011{
    padding: 33px 0px;
    font-size: 16px;  
}
.checkbox_011 input{
    margin-bottom: 9px;
}

.select_bt_btn_021 span{
    display: block;
    padding: 20px 0px;
}



.select_bt_btn_021 .name{
    width: 80%;
    margin: 0 auto;
    height: 45px;
    border: 1px solid #B29980;
    border-radius: 30px;
}
.phone_n{
    width: 25%;
    height: 45px;
    border: 1px solid #B29980;
    border-radius: 30px;
}
.click_btn{
    width: 80%;
    height: 45px;
    border: 1px solid #57391C;
    border-radius: 29px;
    display: block;
    background-color: #57391C;
    color: #eee;
    padding: 13px 100px;
}
.select_step_txtbox01_01{
    display: block;
    padding: 10px 0px;
    
}
.select_step_title{
    padding: 0px 0px 0px 30px;
}
input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid #999;
    appearance: none;
    cursor: pointer;
    transition: background 0.2s;
    margin-bottom: 0px; 
  }

  input[type="checkbox"]:checked {
    background: #C37F3A;
    border: none; 
  }
  .Group_pet_04>img{
    display: none;
  }
  .info_number01 {
    background-color: #C37F3A;
    color: #fff;
    display: block;
    position: absolute;
    width: 80px;
    padding: 10px;
    border-radius: 50px;
    margin-left: 20px;
    margin-top: 200px;
    justify-content: center;
    align-items: center;
    display: flex;  
    z-index: 2;     
  }

  
  .Group_pet_05 {
    display: none;
}

.select_bt_btn_01 .dayclass {
    padding: 15px 126px;
}

.select_bt_btn_01 .dayclass02 {
    padding: 15px 132px;
}
.tuitionTel {
    display: flex;
    width: 80%;
    
}
.tuitionTel .phone_n{
    width: 100%;
}

.phone_n02 {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #B29980;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
}

.tuitionTel li:nth-child(even) {
    width: 12%;
    font-weight: 200;
    height: 2rem;
    line-height: 3rem;
    font-size: 1.2rem;
    text-align: center;
}

.tuitionTel li {
    float: left;
    width: 80%;
}
.phone_n {
    font-size: 16px;
    text-align: center;
  }





/* 펫아카데미 모바일 시작  */



  @media all and (max-width: 1400px) {
    .subname01{
        font-size: 20px;
        color: #4C4C4B;
        font-weight: 400;
    }
    .subname02 {
        font-size: 16px;
        color: #4C4C4B;
        font-weight: 350;
    }
    .Group_pet_01>img {
        display: none;
    }
    .Group_pet_01 {
        padding: 10px;
    }
    .Group_pet_04>img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .card-items li {
        position: relative;
        display: flex;
        width: 35.5%;
        height: 300px;
        border-radius: 10px;
        overflow: hidden;
        margin-right: 30px;
    }
    .Group_pet_02 {
        display: none;
    }
    .Group_pet_05{
        display: block;
    }
    .Group_pet_05>img{
        width: 100%;
    }
  }
  
  @media all and (max-width: 800px){
   
    .swiper-wrapper01 {
        flex-direction: column;
        width: 300px;    
    }

    .swiper-wrapper.swiper-review {
      flex-direction: row !important; 
    }

    .card-items li {
            position: relative;
            display: flex;
            width: 100%;
            margin: 0 auto;
            height: 150px;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 10px;  
            margin-left: 20px;     
    }
    .card-items li img {
        width: 100%;
        margin: 0 auto;
    }
    .info_number01 {
        background-color: #C37F3A;
        color: #fff;
        display: block;
        position: absolute;
        width: 36px;
        padding: 3px;
        border-radius: 50px;
        margin-left: 20px;
        margin-top: 59px;
        justify-content: center;
        align-items: center;
        display: flex;  
        z-index: 2;     
      }
      .classAndNotice .text-imgs-title-01 {
        margin-top: 35px;
        margin-bottom: 25px;
        margin-left: 20px;
        
    }
    .select_step_txtbox {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-top: 30px;
        flex-direction: column;
    }
    .select_step {
        width: 1410px;
        margin: 0 auto;
        /* background-color: pink; */
        padding: 0px;
        margin-top: 100px;
        
    }
    .select_step_txtbox01 {
        padding: 0px 0px 0px 15px;
        width: 33.3%;
        /* background-color: violet; */
        height: 320px;
        border-right: 0px solid #EDEBEB;
    }
    .select_step_txtbox02 {
        padding: 0px 0px 0px 15px;
        width: 33.3%;
        /* background-color: violet; */
        height: 320px;
        border-right: 0px solid #EDEBEB;
    }
    .select_step_txtbox03 {
        padding: 0px 0px 0px 15px;
        width: 33.3%;
        /* background-color: violet; */
        height: 320px;
        border-right: 0px solid #EDEBEB;
    }
    .select_step_title {
        padding: 0px 0px 0px 15px;
    }
    .click_btn {
        width: 80%;
        height: 45px;
        border: 1px solid #57391C;
        border-radius: 29px;
        display: block;
        background-color: #57391C;
        color: #ffffff;
        padding: 13px 118px;
    }
    .select_step_txt02 {
        font-size: 17px;
        /* background-color: #04C22E; */
        line-height: 1.5;
    }
    .select_step_txt01{
        font-size: 28px;
        color: #333;
        font-weight: bold;
    }

    .select_bt_btn_01 li label{
        display: block;
        padding: 15px 120px;
        text-align: center;
     }
    

}

@media all and (max-width: 375px){
    .select_bt_btn_01 li{
        width: 77%;
    }
    .select_bt_btn_01 li label{
        display: block;
        padding: 15px 120px;
        text-align: center;
     }
    
    .click_btn {
        width: 77%;
        height: 45px;
        border: 1px solid #57391C;
        border-radius: 29px;
        display: block;
        background-color: #57391C;
        color: #ffffff;
        padding: 13px 112px;
    }
    .phone_n {
        width: 23.5%;
        height: 45px;
        border: 1px solid #B29980;
        border-radius: 30px;
    }

    .select_bt_btn_021 .name {
        width: 77%;
        margin: 0 auto;
        height: 45px;
        border: 1px solid #B29980;
        border-radius: 30px;
    }
    .select_step_txt02 {
        font-size: 16px;
        line-height: 1.5;
    }

    .tuitionTel {
        
        width: 77%;
    }

}


@media all and (max-width: 375px){
    .select_bt_btn_01 li{
        width: 77%;
    }
    .select_bt_btn_01 li label{
        display: block;
        padding: 15px 120px;
        text-align: center;
     }
    
    .click_btn {
        width: 77%;
        height: 45px;
        border: 1px solid #57391C;
        border-radius: 29px;
        display: block;
        background-color: #57391C;
        color: #ffffff;
        padding: 13px 112px;
    }
    .phone_n {
        width: 23.5%;
        height: 45px;
        border: 1px solid #B29980;
        border-radius: 30px;
    }

    .select_bt_btn_021 .name {
        width: 77%;
        margin: 0 auto;
        height: 45px;
        border: 1px solid #B29980;
        border-radius: 30px;
    }
    .select_step_txt02 {
        font-size: 16px;
        line-height: 1.5;
    }

    .tuitionTel {
        
        width: 77%;
    }

}

.select_bt_btn01{
    line-height: 1.4;
    margin-top: 20px;
}