/*===============================================================*/
/*======================= Mobile 640 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:640px){
.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}

.inner,
.inner02 {padding: 0 4%;}

/* header */
#header {height: 62px;}
.headerWrap h1 {width: 100px; padding-top: 12px;}


/* allmenu */
#header .btn_menu {width:28px; height:24px; top:20px;}
#header .btn_menu .bar {height: 3px;}
#header .btn_menu .bar.bar2 {width: 22px; top:10px;}
#header .btn_menu .bar.bar3 {top:20px;}

#allmenu {top: 63px;}
#allmenu dl dt {padding: 0 4%; background-position: 96% center; background-size: 18px; font-size: 17px; line-height: 60px;}
#allmenu dl dd li {font-size: 15px; line-height: 55px;}
#allmenu dl dd li a {padding: 0 5.5%;}

#allmenu .topsns {margin-top: 35px;}
#allmenu .topsns ul li .icon {height: 20px;}
#allmenu .topsns ul li .icon.icon_01 {width: 9px;}
#allmenu .topsns ul li .icon.icon_02 {width: 25px;}
#allmenu .topsns ul li .icon.icon_03 {width: 20px;}
#allmenu .topsns ul li .icon.icon_04 {width: 19px;}
#allmenu .topsns ul li .icon.icon_05 {width: 20px;}

/*main contents*/
#mainVisual .ImgArea {padding-top: 62px;}
#mainVisual .VideoArea iframe {width: 360%;}
#mainVisual .mainControl .paging {padding: 30px 0;}
#mainVisual .mainControl .paging span {font-size: 14px;}
#mainVisual .mainControl .paging span.pagingInfo.pagingInfo02 {margin-left: 25px;}
#mainVisual .mainControl .paging span.slick-arrow {width: 9px; height: 18px;}
#mainVisual .mainControl .paging span.slick-arrow.slick-prev {margin-right: 15px;}
#mainVisual .mainControl .paging span.slick-arrow.slick-next {margin-left: 15px;}

.main_section {padding: 0 0 20%;}
.main_titleArea {margin-bottom: 35px;}
.main_titleArea h2 {font-size: 40px;}
.main_titleArea p {padding-top: 25px; font-size: 14px;}

.mainConWrap #AboutUs {padding: 15% 0;}
.mainConWrap #AboutUs .greeting {margin-top: 40px;}
.mainConWrap #AboutUs .greeting .TxtArea .tb {padding: 8%;}
.mainConWrap #AboutUs .greeting .TxtArea img {width: 70px; padding-bottom: 10px;}
.mainConWrap #AboutUs .greeting .TxtArea strong {font-size: 26px; line-height: 35px;}
.mainConWrap #AboutUs .greeting .TxtArea p {padding-top: 15px; line-height: 20px;}

.mainConWrap #Brand {margin-top: 0; padding-top: 20%;}
.mainConWrap #Brand .paging_wrap {margin-bottom: 5%;}
.mainConWrap #Brand .paging_wrap .paging_slider img {height: 8vw;}
.mainConWrap #Brand .paging_wrap .paging_slider .img_g3 {height: 7vw;}
.mainConWrap #Brand .paging_wrap .paging_slider .img_r3 {height: 7vw;}
.mainConWrap #Brand .brandSlider .TxtArea {padding: 35px 3%;}
.mainConWrap #Brand .brandSlider .TxtArea p {min-height: 85px; padding-top: 35px; line-height: 20px; font-weight: 400;}
.mainConWrap #Brand .brandSlider .TxtArea .btn_more01 {margin-top: 40px;}

.mainConWrap #Products .prdList a {padding: 2vw;}
.mainConWrap #Products .prdList .ImgArea .btn_more01 {width: 150px; margin-left: -75px; margin-top: -24px;}
.mainConWrap #Products .prdList .TxtArea {margin-top: 12px;}
.mainConWrap #Products .prdList .TxtArea .title {font-size: 16px;}
.mainConWrap #Products .prdList .TxtArea .detail {height: 36px; padding-top: 8px; font-size: 13px; line-height: 18px;}
.mainConWrap #Products .prdList .nodata {line-height: 250px;}
.mainConWrap #Products .slick-slider .slick-dots {margin-top: 40px;}
.mainConWrap #Products .slick-slider .slick-dots li {margin-left: 6px;}
.mainConWrap #Products .slick-slider .slick-dots li button {width: 10px; height: 10px;}
.mainConWrap #Products .slick-slider .slick-dots li.slick-active button {width: 28px;}

.mainConWrap #Support {background-image: url('/images/main/main_sport_bg_m.jpg');}
.mainConWrap #Support .support li .icon.icon_01 {background-image: url('/images/main/icon_support01_m.png');}
.mainConWrap #Support .support li .icon.icon_02 {background-image: url('/images/main/icon_support02_m.png');}
.mainConWrap #Support .support li .icon.icon_03 {background-image: url('/images/main/icon_support03_m.png');}
.mainConWrap #Support .support li b {font-size: 18px;}
.mainConWrap #Support .support li b.num {font-size: 25px;}
.mainConWrap #Support .support li span {padding-top: 3px;}

.mainConWrap #Partner .partner_list {margin-bottom: 4%;}
.mainConWrap #Partner .partner_list li {padding: 0 2% 1%; font-size: 3.5vw;}
.mainConWrap #Partner .ImgArea .partnercon {padding: 20px 5px;}
.mainConWrap #Partner .ImgArea .partnercon img {height: 25px; margin: 10px 0; max-height: 25px; max-width: 80px;}

.mainConWrap #Location .MapArea .root_daum_roughmap {height: 350px !important;}
.mainConWrap #Location .SupportArea {padding: 15% 4%;}
.mainConWrap #Location .SupportArea .main_titleArea p {padding-top: 30px; line-height: 20px;}
.mainConWrap #Location .SupportArea ul li {margin-top: 25px;}
.mainConWrap #Location .SupportArea ul li .IconArea img {width: 25px;}
.mainConWrap #Location .SupportArea ul li .TxtArea {width: calc(100% - 30px); padding-left: 15px;}
.mainConWrap #Location .SupportArea ul li.Phone .num {font-size: 22px;}
.mainConWrap #Location .SupportArea ul li.mail {font-size: 20px;}

/* 서브비주얼 */
#subVisual .visualArea,
#subVisual .visualArea02 {padding-top: 62px;}
#subVisual .subVsal03 {background-image: url('/images/common/subvisual_03_m.jpg');}
#subVisual .subVsal05 {background-image: url('/images/common/subvisual_05_m.jpg');}
#subVisual .subVsal06 {background-image: url('/images/common/subvisual_06_m.jpg');}
#subVisual .subv_title h2 {font-size: 50px;}
#subVisual .subv_title .location {padding-top: 25px; font-size: 13px;}
#subVisual .btn_scroll {bottom: 90px;}
#subVisual .visualArea .visualVideo iframe {width: 360%;}

/*sub contents*/
.contentsArea .section {padding: 28% 0;}
.contentsArea .section02 {padding: 18% 0;}
.contentsArea .Inner_section {margin-top: 20%;}

.subcontainer {padding: 28% 0;}

.TitleArea {margin-bottom: 10%;}
.TitleArea h3 {font-size: 28px;}

.IntroBox .intro_tt  {font-size: 24px; line-height: 1.3;}
.IntroBox h3 {font-size: 32px; line-height: 1.3;}
.IntroBox p {padding-top: 10%; font-size: 14px;}

/* 회사소개 */
.contentsArea.Introduction .section_01 {padding-top: 20%;}
.contentsArea.Introduction .brand_list {width: 108%; margin-left: -4%;}
.contentsArea.Introduction .brand_list ul li:first-child {margin-left: 4vw;}
.contentsArea.Introduction .brand_list ul li:last-child {margin-right: 4vw;}
.contentsArea.Introduction .brand_list ul li img {height: 8vw;}
.contentsArea.Introduction .brand_list ul li:first-child img {height: 8.5vw;}

.contentsArea.Introduction .inform {background-image: url('/images/company/company_info_bg_m.jpg');}

.contentsArea.Introduction .greeting_section {padding: 15% 0 12%;}

.contentsArea.Introduction h4 {margin-bottom: 10%; font-size: 25px;}
.contentsArea.Introduction .business_info {padding: 12% 0;}
.contentsArea.Introduction .business_info ul li dl {line-height: 20px;}
.contentsArea.Introduction .business_info ul li dl dt {width: 130px; padding: 15px 0; padding-left: 10px; font-size: 15px;}
.contentsArea.Introduction .business_info ul li dl dd {width: calc(100% - 130px); padding: 15px 0; padding-right: 10px;}

.history_con {margin-top: 10%;}
.history_con dl dt {width: 80px; padding: 15px 0; font-size: 17px; text-align: left; text-indent: 10px;}
.history_con dl dd {width: calc(100% - 80px); padding: 15px 15px 15px 0;}
.history_con dl dd li {margin-top: 10px;}
.history_con dl dd li .month {width: 35px;}
.history_con dl dd li p {float: left; width: calc(100% - 35px);}

/* 브랜드_powerplate */
.Brand.PowerPlate .brandInfo01 .TxtArea {top: -40px; left: 4%;}
.Brand.PowerPlate .brandInfo01 .TxtArea .tt {font-size: 40px; line-height: 45px;}
.Brand.PowerPlate .brandInfo01 .TxtArea p {width: 200px; padding-top: 20px; line-height: 20px;}
.Brand.PowerPlate .brandInfo01 .ImgArea {width: calc(100% - 100px); margin-left: 100px;}
.Brand.PowerPlate .brandInfo01 .ImgArea img {width: 180%;}

.Brand.PowerPlate .brandInfo02 .ImgArea img {width: 96%;}
.Brand.PowerPlate .brandInfo02 .TxtArea {padding: 0 4%; margin-top: 10%;}
.Brand.PowerPlate .brandInfo02 .TxtArea .tt {font-size: 42px;}
.Brand.PowerPlate .brandInfo02 .TxtArea p {padding-top: 10%; line-height: 20px;}

.Brand.PowerPlate .brandInfo03 {background-image: url('/images/brand/brand01_03_m.jpg');}

.Brand.PowerPlate .cols_wrap .cols {padding: 18% 4%;}

.contentsArea.Brand .ttArea .tt {font-size: 30px;}
.contentsArea.Brand .ttArea p {font-size: 14px; line-height: 20px;}

.Brand.PowerPlate .brandInfo04 {background-image: url('/images/brand/brand01_04_m.jpg');}
.Brand.PowerPlate .brandInfo05 {background-image: url('/images/brand/brand01_05_m.jpg');}
.Brand.PowerPlate .brandInfo05 .btn_area a {max-width: 48%; margin: 0 2px;}

.Brand.PowerPlate .brandInfo07 {margin-top: 28%;}

/* 브랜드_skirow */
.Brand.PowerPlate .brandInfo06 .TxtArea,
.Brand.SkiRow .brandInfo01 .TxtArea {padding: 0 4%;}
.Brand.PowerPlate .brandInfo06 .TxtArea .tt,
.Brand.SkiRow .brandInfo01 .TxtArea .tt  {font-size: 38px; line-height: 42px;}
.Brand.PowerPlate .brandInfo06 .ski_row_logo, 
.Brand.SkiRow .brandInfo01 .ski_row_logo {width: 92%; padding-top: 10%;}
.Brand.PowerPlate .brandInfo06 .ImgArea,
.Brand.SkiRow .brandInfo01 .ImgArea {margin-top: 60px;}
.Brand.PowerPlate .brandInfo06 .ImgArea img,
.Brand.SkiRow .brandInfo01 .ImgArea img {width: 96%;}

.Brand.SkiRow .brandInfo02 {margin-top: 28%;}

/* .Brand .brandImgBox .ImgArea .img_02 {right: 4%; width: 51%;} */
.Brand .brandImgBox .TxtArea {padding-top: 24%;}
.Brand .brandImgBox .TxtArea .tt {font-size: 42px;}
.Brand .brandImgBox .TxtArea p {padding-top: 35px; line-height: 20px;}

.Brand.SkiRow .brandInfo03 {background-image: url('/images/brand/brand02_05_m.jpg');}
.Brand.SkiRow .brandInfo04 {background-image: url('/images/brand/brand02_06_m.jpg');}
.Brand.SkiRow .brandInfo05 {background-image: url('/images/brand/brand01_05_m.jpg');}

.Brand.SkiRow .cols_wrap .cols {padding: 18% 4%;}


/* 브랜드_AlignPilates */

.AlignPilates .brandInfo01 .TxtArea .tt {
    font-size: 42px;}
.AlignPilates .brandInfo01 .TxtArea p {
    font-size: 14px; width: 94%; margin: 0 auto;}
.AlignPilates .brandInfo01 .txt_wrap p span {display: inline-block;}
.AlignPilates .brandInfo03 .inner .tt {font-size: 42px;}
.AlignPilates .brandInfo03 .inner p {padding-top: 35px; font-size: 14px;}
.AlignPilates .brandInfo03 span {display: inline-block;}
.AlignPilates .brandInfo02 .bag {height: 200px;}
.AlignPilates .brandInfo03 .inner .tt_line1 {width: calc(100% - 100px);}
.AlignPilates .brandInfo03 .inner .tt_line2 {width: calc(100% - 240px);}

/* 브랜드메인_AlignPilates  */
.Brand.PowerPlate .brandInfo06_01 .ImgArea{margin-top: 0;}
.Brand.PowerPlate .brandInfo06_01 .ImgArea .img_01 {width: 100%;}
.Brand.PowerPlate .brandInfo06_01 .TxtArea .txt_wrap {padding-left: 0; margin-right: 3%;}
.Brand.PowerPlate .brandInfo06_01 .logo-wrap {width: 300px;}
.Brand.PowerPlate .brandInfo06_01 .TxtArea p {padding-right: 3%;}


/* 브랜드_rebar */
.Brand.Rebar .brandInfo02 {background-image: url('/images/brand/brand03_03_m.jpg');}

.Brand.Rebar .brandInfo03 .IntroBox .intro_tt {padding-top: 0;}
.Brand.Rebar .brand_rebar_bg {height: 50vw;}
.Brand.Rebar .big_txt {padding-top: 15%; font-size: 18px;}

/* 브랜드_ZIVA */
.ziva .brandInfo01 .TxtArea .tt {font-size: 42px;}
.ziva .brandInfo02 .inner .tt {font-size: 42px;}
.ziva .brandInfo02 .inner .tt_line1 {width: calc(100% - 100px);}
.ziva .brandInfo02 .inner .tt_line2 {width: calc(100% - 140px);}
.ziva .brandInfo01 .TxtArea p {font-size: 16px;}
.ziva .brandInfo02 .inner p {font-size: 14px;}

/* 브랜드_zeroi */
.zeroi .brandInfo01 .TxtArea .tt {font-size: 42px;}
.zeroi .brandInfo02 .inner .tt {font-size: 42px;}
.zeroi .brandInfo02 .inner .tt_line1 {width: calc(100% - 420px);}
.zeroi .brandInfo02 .inner .tt_line2 {width: calc(100% - 140px);}
.zeroi .brandInfo01 .TxtArea p {font-size: 16px;}
.zeroi .brandInfo02 .inner p {font-size: 14px;}


/* 브랜드메인_ZIVA */
.section.section_ziva {padding-top: 0;}  


/* PRODUCT */
.prdList li {margin-top: 40px;}
.prdList li .ImgArea .btn_more01 {width: 150px; margin-left: -75px; margin-top: -24px;}
.prdList li .TxtArea {margin-top: 12px;}
.prdList li .TxtArea .title {font-size: 16px;}
.prdList li .TxtArea .detail {height: 36px; padding-top: 8px; font-size: 13px; line-height: 18px;}
.prdList li.nodata {line-height: 250px;}

#Product.view .PrdTop {margin-bottom: 30%;}
#Product.view .PrdTop .InfoArea .infoCon {margin-bottom: 30px;}
#Product.view .PrdTop .InfoArea .ttArea {padding-bottom: 20px;}
#Product.view .PrdTop .InfoArea .ttArea .tt {font-size: 40px;}
#Product.view .PrdTop .InfoArea .ttArea p {font-size: 17px; line-height: 23px;}
#Product.view .PrdTop .InfoArea .detailInfo {padding: 12px 0;}
#Product.view .PrdTop .InfoArea .detailInfo dl {font-size: 14px; line-height: 28px;}
#Product.view .PrdTop .InfoArea .detailInfo dl dt {width: 90px;}
#Product.view .PrdTop .InfoArea .detailInfo dl dd {width: calc(100% - 90px);}
#Product.view .PrdTop .InfoArea .btn_naver_store {height: 48px; font-size: 14px; line-height: 46px;}

#Product.view .PrdDetail .prd_detail_con {padding: 20px 0 20%;}

#Product.view #Prdrel {margin-top: 20%; margin-bottom: 0;}

#Prdrel .PrdrelList .slick-list {width:calc(100% + 12px); margin-left: -6px;}
#Prdrel .PrdrelList .slick-slide {padding: 0 6px;}
#Prdrel .PrdrelList .list .TxtArea {margin-top: 10px;}
#Prdrel .PrdrelList .list .TxtArea .title {font-size: 16px;}
#Prdrel .PrdrelList .list .ImgArea .btn_s_more01 {margin-left: -70px; margin-top: -20px;}
#Prdrel .PrdrelList .slick-arrow {width: 20px; height: 40px; margin-top: -20px;}
#Prdrel .PrdrelList .slick-arrow.slick-prev {left: -12px;}
#Prdrel .PrdrelList .slick-arrow.slick-next {right: -12px;}

/* footer */
#foot .footWrap {padding: 12% 0;}
#foot .footWrap address {padding-top: 30px; font-size: 13px;}
#foot .footWrap .copy {padding-top: 10px; font-size: 10px;}

/* 관리자 로그인 */
div#box {width:90%; left:5%; padding:6% 5%; margin-bottom:-50%; border-width:3px; margin-left:0; box-sizing:border-box;}
div#p_input span.label {width:24%; font-size:3.4vw;}
div#box .login_center {padding:6% 0;}
div.login_foot {margin-top:6%;}
.divbox .text {width:50%;}

}


/*===============================================================*/
/*======================= Mobile 590 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:590px){


/* 브랜드메인_AlignPilates  */
.Brand.PowerPlate .brandInfo06_01 .TxtArea p {
    padding-right: 4%;
}

}

/*===============================================================*/
/*======================= Mobile 470 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:470px){

    /* 브랜드_AlignPilates */
    .AlignPilates .brandInfo02 .bag {height: 190px;}
    /* 브랜드메인_AlignPilates  */
.Brand.PowerPlate .brandInfo06_01 .TxtArea p {
    padding-right: 5%;
}
    
    }
/*===============================================================*/
/*======================= Mobile 380 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:380px){

/* 회사소개 */
.history_con dl dt {float: none; width: 100%; padding-bottom: 5px; text-indent: 0;}
.history_con dl dd {float: none; width: 100%; padding: 10px 0 20px;}
.history_con dl dd li .month {width: 25px;}
.history_con dl dd li p {float: left; width: calc(100% - 25px);}

/* PRODUCT */
.prdList li .ImgArea .btn_more01,
.mainConWrap #Products .prdList .ImgArea .btn_more01,
#Prdrel .PrdrelList .list .ImgArea .btn_s_more01 {left: 10%; width: 80%; height: 11vw; margin-left: 0; margin-top: -5.5vw; font-size: 3.8vw; line-height: 11vw;}



/* 브랜드_AlignPilates */
.AlignPilates .brandInfo01 .TxtArea .tt {
    font-size: 38px;}
.AlignPilates .brandInfo02 .bag {height: 200px;}
/* .AlignPilates .brandInfo02 .ImgArea .img_02 {
    width: 250px; right: 50%; margin-right: -125px; top: 390px;} */
/* .AlignPilates .brandInfo03 .inner .inner_01 {margin-top: 115px;} */
.AlignPilates .brandInfo03 .inner .tt {font-size: 38px;}
.AlignPilates .brandInfo03 .inner .tt_line1 {width: calc(100% - 90px);}
.AlignPilates .brandInfo03 .inner .tt_line2 {width: calc(100% - 220px);}


/* 브랜드_ZIVA */
.ziva .brandInfo03 .ziva_img02 {padding-top: 90px;}

}

/*===============================================================*/
/*======================= Mobile 350 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:350px){

/*main contents*/
.main_titleArea h2 {font-size: 36px;}

/* 회사소개 */
.contentsArea.Introduction .business_info ul li dl dt {display: block; width: 100%; padding-bottom: 8px;}
.contentsArea.Introduction .business_info ul li dl dd {display: block; width: 100%; padding-top: 0; padding-left: 10px;}


/* 브랜드_powerplate */
.Brand.PowerPlate .brandInfo02 .TxtArea .tt {font-size: 38px;}

/* 브랜드_skirow */
.Brand.SkiRow .brandInfo01 .TxtArea .tt {font-size: 34px; line-height: 40px;}

.Brand .brandImgBox .TxtArea .tt {font-size: 38px;}



/* 브랜드_AlignPilates */
.AlignPilates .brandInfo02 .ImgArea .bag {height: 180px;}
/* .AlignPilates .brandInfo02 .ImgArea .img_02 {
 top: 370px;} */
.AlignPilates .brandInfo03 .inner .inner_01 {margin-top: 0px;}
.AlignPilates .brandInfo03 .inner .tt {font-size: 38px;}


/* 브랜드_rebar */
.Brand.Rebar .big_txt {font-size: 17px;}

}

/*===============================================================*/
/*======================= Mobile 320 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:320px){

/* 브랜드_skirow */
.Brand.SkiRow .brandInfo01 .TxtArea .tt {font-size: 32px; line-height: 38px;}

/* 브랜드_AlignPilates */
.AlignPilates .brandInfo02 .ImgArea .bag {height: 140px;}
/* .AlignPilates .brandInfo02 .ImgArea .img_02 {
 top: 330px;} */
/* .AlignPilates .brandInfo03 .inner .inner_01 {margin-top: 55px;} */
.AlignPilates .brandInfo03 .inner .tt {font-size: 38px;}

/* 브랜드_rebar */
.Brand.Rebar .big_txt {font-size: 16px;}

}