html, body {width:100%; min-height:100%;}
html {overflow-y:scroll; overflow-x:hidden; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body {background:#fff; overflow-x:hidden; -webkit-text-size-adjust:none;}
#wrap {width:100%; overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:500;}

.inner {position:relative; width:100%; max-width: 1200px; margin:0 auto; box-sizing:border-box;}
.inner:after {display:block; content:""; clear:both;}
.inner02 {position:relative; width:100%; padding: 0 3%; margin:0 auto; box-sizing:border-box;}
.inner02:after {display:block; content:""; clear:both;}
.pc {display:block !important;}
.tablet {display:none !important;}
.mobile {display:none !important;}
.tabmo {display:none !important;}

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 

/*header*/
#header {position: fixed; top: 0; left: 0; width:100%; height:110px; z-index: 500; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap { position:relative; font-size:0; }
.headerWrap h1 {float: left; width:145px; padding-top:30px;   }
.headerWrap h1 a { display:inline-block;  }
.headerWrap h1 a img {width: 100%;}
.headerWrap h1 a img.logo {display: none;}

#header .btn_menu {display:none;}
#allmenu {display: none;}

#topsns {position: absolute; right: 0; top: 45px;}
#topsns ul {padding-left: 32px; border-left: 1px solid #fff; overflow: hidden;}
#topsns ul li {float: left; margin-left: 15px;}
#topsns ul li:first-child {margin-left: 0;}
#topsns ul li .icon {display: inline-block; height: 22px; background-repeat: no-repeat; background-position: center center; background-size: 100%; vertical-align: top;}
#topsns ul li .icon.icon_01 {width: 11px; background-image: url('/images/common/icon/icon_facebook.png');}
#topsns ul li .icon.icon_02 {width: 29px; background-image: url('/images/common/icon/icon_youtube.png');}
#topsns ul li .icon.icon_03 {width: 24px; background-image: url('/images/common/icon/icon_blog.png');}
#topsns ul li .icon.icon_04 {width: 22px; background-image: url('/images/common/icon/icon_instagram.png');}
#topsns ul li .icon.icon_05 {width: 23px; background-image: url('/images/common/icon/icon_kakao.png');}
#topsns ul li:hover .icon.icon_01 {background-image: url('/images/common/icon/icon_sns_01_ov.png') !important;}
#topsns ul li:hover .icon.icon_02 {background-image: url('/images/common/icon/icon_sns_02_ov.png') !important;}
#topsns ul li:hover .icon.icon_03 {background-image: url('/images/common/icon/icon_sns_06_ov.png') !important;}
#topsns ul li:hover .icon.icon_04 {background-image: url('/images/common/icon/icon_sns_04_ov.png') !important;}
#topsns ul li:hover .icon.icon_05 {background-image: url('/images/common/icon/icon_sns_05_ov.png') !important;}
#topsns ul li span {display: none;}

#header:hover,
#header.scroll,
#header.on {background:#fff; border-bottom: 1px solid #dfdfdf;}
#header:hover .headerWrap h1 a img.logo,
#header.scroll .headerWrap h1 a img.logo,
#header.on .headerWrap h1 a img.logo {display: block;}
#header:hover .headerWrap h1 a img.logo_w,
#header.scroll .headerWrap h1 a img.logo_w,
#header.on .headerWrap h1 a img.logo_w {display: none;}

#header:hover #topsns ul,
#header.scroll #topsns ul {border-color: #222;}
#header:hover #topsns ul li .icon.icon_01,
#header.scroll #topsns ul li .icon.icon_01 {background-image: url('/images/common/icon/icon_sns_01.png');}
#header:hover #topsns ul li .icon.icon_02,
#header.scroll #topsns ul li .icon.icon_02 {background-image: url('/images/common/icon/icon_sns_02.png');}
#header:hover #topsns ul li .icon.icon_03,
#header.scroll #topsns ul li .icon.icon_03 {background-image: url('/images/common/icon/icon_sns_06.png');}
#header:hover #topsns ul li .icon.icon_04,
#header.scroll #topsns ul li .icon.icon_04 {background-image: url('/images/common/icon/icon_sns_04.png');}
#header:hover #topsns ul li .icon.icon_05,
#header.scroll #topsns ul li .icon.icon_05 {background-image: url('/images/common/icon/icon_sns_05.png');}

/* GNB */
#topmenu {float: right; margin-right: 200px;}
/* #topmenu ul {} */
#topmenu ul li {position:relative; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; white-space: nowrap;}
#topmenu > ul > li {float: left; line-height: 111px;}
#topmenu > ul > li > a {position: relative; display:block; width:100%; height: 111px; padding: 0 45px; text-align:center; font-size:19px; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#topmenu > ul > li > a > span {position: absolute; top: 0; left: 0; width: 100%; text-align: center; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; transition: all .3s;}
#topmenu > ul > li > a.m_active, 
#topmenu > ul > li:hover > a {color:#cf0121 !important;}
#topmenu > ul > li .kor {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#topmenu > ul > li > a.m_active .eng, 
#topmenu > ul > li:hover > a .eng {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#topmenu > ul > li > a.m_active .kor, 
#topmenu > ul > li:hover > a .kor {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#topmenu ul li.m1 > a {width: 70px;}
#topmenu ul li.m2 > a {width: 50px;}
#topmenu ul li.m3 > a {width: 80px;}
#topmenu ul li.m4 > a {width: 68px;}
#topmenu ul li.m5 > a {width: 68px;}

.submenu {display: none; position: absolute; top: 110px; left: 0; width: 100%; border-top: 1px solid #cf0121; padding: 22px 0; background: #fff; -webkit-box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 8px 7px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 8px 7px 0px rgba(0, 0, 0, 0.2);}
.submenu li {font-size: 17px; font-weight: 300; line-height: 49px; text-align: center;}
.submenu li a {display: block; color: #222; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.submenu li a:hover {color: #cf0121;}

#header.scroll #topmenu > ul > li > a,
#header:hover #topmenu > ul > li > a {color: #000;}

/* quick menu */
#quick {position: fixed; top: 50%; right: 0; width: 90px; margin-top: -203.5px;}
#quick ul li {position: relative; height: 90px; background: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; box-sizing: border-box;}
#quick ul li:before {content:''; position: absolute; top: 0; left: 50%; width: 64px; height: 1px; margin-left: -32px; background: #dfdfdf;}
#quick ul li:first-child {border-top: 1px solid #dfdfdf;}
#quick ul li:first-child:before {display: none;}
#quick ul li:last-child {border-bottom: 1px solid #dfdfdf;}
#quick ul li a {position: relative; display: block; height: 100%; font-size: 14px; color: #666; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 10;}
#quick ul li .icon {display: inline-block; width: 29px; height: 22px; margin-top: 22px; background-repeat: no-repeat; background-position: center center; vertical-align: top;}
#quick ul li .icon.icon_01 {background-image: url('/images/common/icon/icon_sns01.png');}
#quick ul li .icon.icon_02 {background-image: url('/images/common/icon/icon_sns02.png');}
#quick ul li .icon.icon_03 {background-image: url('/images/common/icon/icon_sns03.png');}
#quick ul li .icon.icon_04 {background-image: url('/images/common/icon/icon_sns04.png');}
#quick ul li .icon.icon_05 {background-image: url('/images/common/icon/icon_sns05.png');}
#quick ul li span {display: block; padding-top: 10px; line-height: 1;}
#quick ul li:hover:nth-of-type(1) {border-color: #4267b2;}
#quick ul li:hover:nth-of-type(2) {border-color: #d3161e;}
#quick ul li:hover:nth-of-type(3) {border-color: #30a6df;}
#quick ul li:hover:nth-of-type(4) {border-color: #d43987;}
#quick ul li:hover:nth-of-type(5) {border-color: #f1c01a;}
#quick ul li:hover:nth-of-type(1) a {background: #4267b2; color: #fff;}
#quick ul li:hover:nth-of-type(2) a {background: #d3161e; color: #fff;}
#quick ul li:hover:nth-of-type(3) a {background: #30a6df; color: #fff;}
#quick ul li:hover:nth-of-type(4) a {background: #d43987; color: #fff;}
#quick ul li:hover:nth-of-type(5) a {background: #f1c01a; color: #fff;}
#quick ul li:hover .icon.icon_01 {background-image: url('/images/common/icon/icon_sns01_ov.png');}
#quick ul li:hover .icon.icon_02 {background-image: url('/images/common/icon/icon_sns02_ov.png');}
#quick ul li:hover .icon.icon_03 {background-image: url('/images/common/icon/icon_sns03_ov.png');}
#quick ul li:hover .icon.icon_04 {background-image: url('/images/common/icon/icon_sns04_ov.png');}
#quick ul li:hover .icon.icon_05 {background-image: url('/images/common/icon/icon_sns05_ov.png');}
#quick .btn_q_top {display: block; height: 45px; background: #cf0121; text-align: center; font-size: 14px; color: #fff;}
#quick .btn_q_top span {display: block; padding-top: 20px; background: url('/images/common/icon/icon_top_arrow.png') no-repeat center 10px; line-height: 1;}

/*main contents*/
#mainVisual {position: relative; height: 100vh; overflow: hidden;}
#mainVisual .ImgArea {width: 100%; height: 100%; padding-top: 110px; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box;}
#mainVisual .mainSlider div {vertical-align: top; overflow: hidden;}

/* #mainVisual .mainSlider .ImgArea.pcver {  } */
#mainVisual .mainSlider .ImgArea.mover { display:none; }

@media screen and (max-width:640px){
	#mainVisual .mainSlider .ImgArea.pcver { display:none !important; }
	#mainVisual .mainSlider .ImgArea.mover { display:block; }
}


#mainVisual .VideoArea {position: relative; width: 100%; height: 100%;}
#mainVisual .VideoArea iframe {position: absolute; top: 50%; left: 50%; width: 150%; height: 150%; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); pointer-events:none;}

#mainVisual .mainControl {position: absolute; left: 0; bottom: 0; width: 100%; font-family:'Oswald', Sans-serif; color: #fff; text-align: center; z-index: 50;}
#mainVisual .mainControl .playButton {display: none;}
#mainVisual .mainControl .paging {padding: 42px 0;}
#mainVisual .mainControl .paging span {display: inline-block; font-size: 18px; font-weight: 600; vertical-align: middle;}
#mainVisual .mainControl .paging span.pagingInfo {width: 10px;}
#mainVisual .mainControl .paging span.pagingInfo.pagingInfo02 {margin-left: 35px;}
#mainVisual .mainControl .paging span.slick-arrow {width: 13px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer;}
#mainVisual .mainControl .paging span.slick-arrow.slick-prev {margin-right: 20px; background-image: url('/images/common/btn/btn_prev.png');}
#mainVisual .mainControl .paging span.slick-arrow.slick-next {margin-left: 20px; background-image: url('/images/common/btn/btn_next.png');}
#mainVisual .mainControl .btn_scroll {position: absolute; top: -20px; left: 50%; margin-left: -17.5px; font-size: 12px; line-height: 1;}
#mainVisual .mainControl .btn_scroll:after {content:''; position: absolute; top: 22px; left: 50%; width: 1px; height: 112px; margin-left: -0.5px; background: #fff; opacity: 0.5; filter:alpha(opacity=0.5); -mox-opacity:0.5;}

.main_section {padding: 0 0 160px;}
.main_titleArea {margin-bottom: 60px; text-align: center; color: #222;}
.main_titleArea.w {color: #fff;}
.main_titleArea h2 {font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 60px; line-height: 1;}
.main_titleArea  p {padding-top: 30px; font-size: 20px; font-weight: 400; line-height: 1;}

.mainConWrap #AboutUs {padding-top: 160px;}
.mainConWrap #AboutUs .greeting {display:flex; flex-wrap:wrap; margin-top: 100px;}
.mainConWrap #AboutUs .greeting .ImgArea {display:flex; width: 50%;}
.mainConWrap #AboutUs .greeting .ImgArea img {width: 100%;}
.mainConWrap #AboutUs .greeting .TxtArea {display:flex; width: 50%;}
.mainConWrap #AboutUs .greeting .TxtArea .tb {position: relative; top: 40px; left: -40px; display: table; width: calc(100% + 40px); min-height: 100%; background: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.2); padding: 0 17%; box-sizing: border-box;}
.mainConWrap #AboutUs .greeting .TxtArea .tb .tbc {display: table-cell; padding: 80px 0; vertical-align: middle; word-break:keep-all;}
.mainConWrap #AboutUs .greeting .TxtArea img {display: block; width: 100px; padding-bottom: 14px;}
.mainConWrap #AboutUs .greeting .TxtArea strong {display: block; font-size: 36px; font-weight: 600; color: #000; line-height: 47px;}
.mainConWrap #AboutUs .greeting .TxtArea p {padding-top: 25px; color: #666; line-height: 25px;}

.mainConWrap #Brand {margin-top: 160px;}
.mainConWrap #Brand .brand_wrap {position: relative;}
.mainConWrap #Brand .brandSlider {width: 105%;}
.mainConWrap #Brand .brandSlider div {vertical-align: top;}
.mainConWrap #Brand .brandSlider .slick-list {overflow: visible !important;}
.mainConWrap #Brand .brandSlider .list {display:flex !important; flex-wrap:wrap;}
.mainConWrap #Brand .brandSlider .ImgArea {display:flex; width: 45%;}
.mainConWrap #Brand .brandSlider .ImgArea img {width: 100%;}
.mainConWrap #Brand .brandSlider .TxtArea {display:flex; width: 55%; padding: 0 2%; box-sizing: border-box;}
.mainConWrap #Brand .brandSlider .TxtArea .tb {display: table; width: 100%; height: 100%;}
.mainConWrap #Brand .brandSlider .TxtArea .tbc {display: table-cell; width: 100%; text-align: center; vertical-align: middle;}
.mainConWrap #Brand .brandSlider .TxtArea img {display: inline-block;}
/* 로고 사이즈 조절 */
.mainConWrap #Brand .brandSlider .TxtArea .brand_logo02 {width: auto; height: 65px;}

.mainConWrap #Brand .brandSlider .TxtArea p {min-height: 144px; padding-top: 36px; font-weight: 300; color: #000; line-height: 24px; word-break:keep-all;}
.mainConWrap #Brand .brandSlider .TxtArea .btn_more01 {margin-top: 45px;}
.mainConWrap #Brand .paging_wrap {margin-bottom: 40px;}
.mainConWrap #Brand .paging_wrap .paging_slider {max-width: 1200px; margin: 0 auto; }
.mainConWrap #Brand .paging_wrap .paging_slider .list {cursor: pointer; text-align: center;}
/* .mainConWrap #Brand .paging_wrap .paging_slider .list img {margin: 0 auto;} */
.mainConWrap #Brand .paging_wrap .paging_slider .img_r {display: none;}
.mainConWrap #Brand .paging_wrap .paging_slider .img_g {display: inline-block;}
.mainConWrap #Brand .paging_wrap .paging_slider .slick-current .img_r {display: inline-block;}
.mainConWrap #Brand .paging_wrap .paging_slider .slick-current .img_g {display: none;}
.mainConWrap #Brand .paging_wrap .paging_slider img {height: 42px; }
/* 로고 사이즈 조절 */
.mainConWrap #Brand .paging_wrap .paging_slider .img_r3 {height: 34px; padding-top: 8px;}
.mainConWrap #Brand .paging_wrap .paging_slider .img_g3 {height: 34px; padding-top: 8px;}

.mainConWrap #Brand .paging_wrap .paging_slider .img_r4 {padding-top: 8px;}
.mainConWrap #Brand .paging_wrap .paging_slider .img_g4 {padding-top: 8px;}


.mainConWrap #Brand .Arrows .slick-arrow {position: absolute; top: 50%; display: block; width: 45px; height: 83px; margin-top: -41.5px; background-repeat: no-repeat; background-position: center center; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer; box-sizing: border-box; z-index: 10;}
.mainConWrap #Brand .Arrows .slick-arrow.slick-prev {left: -140px; background-image: url('/images/main/btn_brand_prev.png');}
.mainConWrap #Brand .Arrows .slick-arrow.slick-next {right: -140px; background-image: url('/images/main/btn_brand_next.png');}
.mainConWrap #Brand .Arrows .slick-arrow.slick-prev:hover {background-image: url('/images/main/btn_brand_prev_ov.png');}
.mainConWrap #Brand .Arrows .slick-arrow.slick-next:hover {background-image: url('/images/main/btn_brand_next_ov.png');}

.mainConWrap #Products .prdCon {position: relative;}
.mainConWrap #Products .prdList {width: calc(100% + 10px); margin-left: -5px;}
.mainConWrap #Products .prdList div {vertical-align: top;}
.mainConWrap #Products .prdList .list {padding: 0 5px; box-sizing: border-box;}
.mainConWrap #Products .prdList a {display: block; padding: 15px; background: #f5f5f5; border: 1px solid #dfdfdf;}
.mainConWrap #Products .prdList .ImgArea {position: relative; display: block; width: 100%; border: 1px solid #ddd; padding-bottom: 100%; overflow: hidden; box-sizing: border-box;}
.mainConWrap #Products .prdList .ImgArea:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.mainConWrap #Products .prdList .ImgArea img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mainConWrap #Products .prdList .ImgArea .btn_more01 {position: absolute; top: 50%; left: 50%; width: 210px; margin-left: -105px; margin-top: -26.5px; z-index: 10; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.mainConWrap #Products .prdList .TxtArea {margin-top: 15px; text-align: center;}
.mainConWrap #Products .prdList .TxtArea .title {display: block; width: 100%; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 22px; font-weight: 500; color: #222; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.mainConWrap #Products .prdList .TxtArea .detail {display: -webkit-box; display:-moz-box; width: 100%; height: 48px; padding-top: 10px; font-size: 16px; font-weight: 300; color: #666; line-height: 24px; word-break:keep-all;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden;}
.mainConWrap #Products .prdList .nodata {width:100%; border-top:1px solid #333; border-bottom:1px solid #dfdfdf; font-size: 16px; text-align:center; line-height: 350px;}
.mainConWrap #Products .prdList a:hover .ImgArea:after,
.mainConWrap #Products .prdList a:hover .ImgArea .btn_more01 {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.mainConWrap #Products .Arrows .slick-arrow {position: absolute; top: 50%; display: block; width: 45px; height: 83px; margin-top: -70px; background-repeat: no-repeat; background-position: center center; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer; box-sizing: border-box; z-index: 10;}
.mainConWrap #Products .Arrows .slick-arrow.slick-prev {left: -140px; background-image: url('/images/main/btn_brand_prev.png');}
.mainConWrap #Products .Arrows .slick-arrow.slick-next {right: -140px; background-image: url('/images/main/btn_brand_next.png');}
.mainConWrap #Products .Arrows .slick-arrow.slick-prev:hover {background-image: url('/images/main/btn_brand_prev_ov.png');}
.mainConWrap #Products .Arrows .slick-arrow.slick-next:hover {background-image: url('/images/main/btn_brand_next_ov.png');}

.mainConWrap #Support {background: url('/images/main/main_sport_bg.jpg') no-repeat center top; background-size:cover;}
.mainConWrap #Support .main_titleArea {margin-bottom: 70px;}
.mainConWrap #Support .support {display:flex; flex-wrap:wrap;}
.mainConWrap #Support .support li {position: relative; display:flex; width: 33.333333333333%; padding: 0 1%; text-align: center; box-sizing: border-box;}
.mainConWrap #Support .support li:before {content:''; position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background: #fff; opacity: 0.22; filter:alpha(opacity=0.22); -mox-opacity:0.22;}
.mainConWrap #Support .support li:first-child:before {display: none;}
.mainConWrap #Support .support li div {display: block; width: 100%;}
.mainConWrap #Support .support li .icon {display: inline-block; width: 78px; height: 78px;}
.mainConWrap #Support .support li .icon.icon_01 {background: url('/images/main/icon_support01.png') no-repeat 0 0; background-size: 100%;}
.mainConWrap #Support .support li .icon.icon_02 {background: url('/images/main/icon_support02.png') no-repeat 0 0; background-size: 100%;}
.mainConWrap #Support .support li .icon.icon_03 {background: url('/images/main/icon_support03.png') no-repeat 0 0; background-size: 100%;}
.mainConWrap #Support .support li b {display: block; padding-top: 10px; font-size: 24px; font-weight: 500; color: #fff;}
.mainConWrap #Support .support li b.num {font-family:'Oswald', Sans-serif; font-size: 30px; font-weight: 600;}
.mainConWrap #Support .support li span {display: block; padding-top: 5px; color: #ddd;}
.mainConWrap #Support .btn_more01 {margin-top: 60px;}

.mainConWrap #Sns .snsList {overflow: hidden;}
.mainConWrap #Sns .snsList li {float: left; width: 22.75%; margin-left: 3%;}
.mainConWrap #Sns .snsList li:nth-child(4n-3) {margin-left: 0;}
.mainConWrap #Sns .snsList li img {width: 100%; height: 100%;}

.mainConWrap #Partner .partner_list {margin-bottom: 20px; text-align: center;}
.mainConWrap #Partner .partner_list li {display: inline-block; padding: 0 30px 15px; font-size: 20px; color: #222; vertical-align: top; cursor: pointer;}
.mainConWrap #Partner .partner_list li:first-child {padding-left: 0;}
.mainConWrap #Partner .partner_list li:last-child {padding-right: 0;}
.mainConWrap #Partner .partner_list li.on {color: #cf0121;}
.mainConWrap #Partner .ImgArea {border: 1px solid #ddd;}
.mainConWrap #Partner .ImgArea .partnercon {display: none; padding: 30px 60px; font-size: 0; text-align: center;}
.mainConWrap #Partner .ImgArea .partnercon:first-child {display: block;}
.mainConWrap #Partner .ImgArea .partnercon img {display: inline-block; margin: 20px 0; vertical-align: top; max-width:160px; max-height: 50px;}

.mainConWrap #Location {overflow: hidden;}
.mainConWrap #Location .MapArea {float: left; width: 50%;}
.mainConWrap #Location .MapArea .root_daum_roughmap {width: 100% !important;}
.mainConWrap #Location .MapArea .root_daum_roughmap .wrap_controllers {display: none !important;}
.mainConWrap #Location .SupportArea {float: left; width: 50%; height: 735px; padding: 110px 50px 110px 125px; background: url('/images/main/support_bg.jpg') no-repeat 0 0; background-size: cover; box-sizing: border-box;}
.mainConWrap #Location .SupportArea .main_titleArea {text-align: left;}
.mainConWrap #Location .SupportArea .main_titleArea p {padding-top: 35px; font-weight: 300; line-height: 24px; word-break:keep-all;}
.mainConWrap #Location .SupportArea ul li {margin-top: 35px; color: #ddd; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif;}
.mainConWrap #Location .SupportArea ul li:first-child {margin-top: 0;}
.mainConWrap #Location .SupportArea ul li .IconArea {display: inline-block; vertical-align: middle;}
.mainConWrap #Location .SupportArea ul li .IconArea img {width: 36px; vertical-align: middle;}
.mainConWrap #Location .SupportArea ul li .TxtArea {display: inline-block; padding-left: 24px; vertical-align: middle; box-sizing: border-box;}
.mainConWrap #Location .SupportArea ul li.Phone .num {display: block; font-size: 30px; font-weight: 600; color: #fff;}
.mainConWrap #Location .SupportArea ul li.mail {font-size: 24px; color: #fff;}

/* 서브비주얼 */
#subVisual {position: relative; text-align:center; color: #fff; overflow:hidden;}
#subVisual .visualArea {position: relative; height: 100vh;}
#subVisual .visualArea,
#subVisual .visualArea02 {padding-top: 110px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
#subVisual .visualArea02 {position: relative; height: 390px;}
#subVisual .subVsal03 {background-image: url('/images/common/subvisual_03.jpg');}
#subVisual .subVsal04 {background-image: url('/images/common/subvisual_04.jpg');}
#subVisual .subVsal05 {background-image: url('/images/common/subvisual_05.jpg');}
#subVisual .subVsal06 {background-image: url('/images/common/subvisual_06.jpg');}

#subVisual .visualImg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#subVisual .visualImg div {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover;}
#subVisual .visualVideo {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#subViaual .visualVideo #player,
#subVisual .visualVideo iframe {position: absolute; top: 50%; left: 50%; width: 150%; height: 150%; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); pointer-events:none;}
#subVisual .visualArea02 .visualVideo iframe {width:350%; height: 350%;}

#subVisual .subv_title {position: absolute; top: 40%; left: 0; width: 100%; z-index: 20;}
#subVisual .subv_title h2 {position: relative; font-family:'Oswald', Sans-serif; font-size: 72px; font-weight: 500; line-height: 1;}
#subVisual .subv_title .location {position: relative; padding-top: 35px; font-size: 16px; font-weight: 300; opacity: 0.6; filter:alpha(opacity=0.6); -mox-opacity:0.6; line-height: 1;}
#subVisual .subv_title .location span {padding: 0 7px;}
#subVisual .visualArea02 .subv_title {top: 50%; margin-top: -10px;}

#subVisual .btn_scroll {position: absolute; bottom: 120px; left: 50%; margin-left: -17.5px; font-family:'Oswald', Sans-serif; font-size: 12px; color: #fff; line-height: 1; z-index: 30;}
#subVisual .btn_scroll:after {content:''; position: absolute; top: 22px; left: 50%; width: 1px; height: 112px; margin-left: -0.5px; background: #fff; opacity: 0.5; filter:alpha(opacity=0.5); -mox-opacity:0.5;}

/*sub contents*/
.contentsArea .section {padding: 170px 0;}
.contentsArea .section02 {padding: 120px 0;}
.contentsArea .Inner_section {margin-top: 150px;}

.subcontainer {padding: 110px 0;}

.TitleArea {margin-bottom: 60px;}
.TitleArea h3 {font-size: 40px; font-weight: 500; text-align: center; color: #000; line-height: 1;}

.IntroBox {text-align: center; color: #222; word-break:keep-all;}
.IntroBox .intro_tt,
.IntroBox h3 {display: block; font-size: 60px; font-weight: 600; line-height: 70px;}
.IntroBox p {padding-top: 60px; font-size: 20px; font-weight: 300; line-height: 27px;}

/* 회사소개 */
.contentsArea.Introduction .section_01 {padding-top: 100px;}
.contentsArea.Introduction .brand_list ul {text-align: center;}
.contentsArea.Introduction .brand_list ul li {display: inline-block; margin-left: 8%;}
.contentsArea.Introduction .brand_list ul li:first-child {margin-left: 0;}
.contentsArea.Introduction .brand_list ul li img {height: 60px; vertical-align: middle;}
.contentsArea.Introduction .brand_list ul li:first-child img {height: 65px;}
.contentsArea.Introduction .brand_list ul li .img_r {display: none;}
.contentsArea.Introduction .brand_list ul li .img_g {display: block;}
.contentsArea.Introduction .brand_list ul li:hover .img_r {display: block;}
.contentsArea.Introduction .brand_list ul li:hover .img_g {display: none;}

.contentsArea.Introduction .inform {background: url('/images/company/company_info_bg.jpg') no-repeat center top; background-size: cover;}

.contentsArea.Introduction .greeting_section {padding: 140px 0 100px;}

.contentsArea.Introduction h4 {margin-bottom: 65px; font-size: 40px; font-weight: 500; text-align: center; line-height: 1; color: #222;}
.contentsArea.Introduction .business_info {padding: 130px 0; background: #f5f5f5 url('/images/brand/logo_op.png') no-repeat center center;}
.contentsArea.Introduction .business_info ul {display:flex; flex-wrap:wrap; overflow: hidden;}
.contentsArea.Introduction .business_info ul li {display:flex; width: 48.5%; margin-left: 3%; border-bottom: 1px solid #b5b5b5;}
.contentsArea.Introduction .business_info ul li:nth-child(2n-1) {margin-left: 0;}
.contentsArea.Introduction .business_info ul li:nth-child(-n+2) {border-top: 1px solid #222;}
.contentsArea.Introduction .business_info ul li dl {overflow: hidden; line-height: 26px;}
.contentsArea.Introduction .business_info ul li dl dt {float: left; width: 220px; padding: 20px 0; padding-left: 40px; font-size: 20px; color: #222; box-sizing: border-box;}
.contentsArea.Introduction .business_info ul li dl dd {float: left; width: calc(100% - 220px); padding: 20px 0; padding-right: 20px; box-sizing: border-box;}

.history_con {margin-top: 60px; border-top: 1px solid #222;}
.history_con dl {border-bottom: 1px solid #b5b5b5; overflow: hidden;}
.history_con dl dt {float: left; width: 150px; padding: 20px 0; font-family:'Oswald', Sans-serif; font-size: 20px; color: #222; text-align: center; box-sizing: border-box;}
.history_con dl dd {float: left; width: calc(100% - 150px); padding: 20px 20px 20px 0; box-sizing: border-box;}
.history_con dl dd li {margin-top: 15px; overflow: hidden;}
.history_con dl dd li:first-child {margin-top: 0;}
.history_con dl dd li .month {float: left; width: 50px; font-family:'Oswald', Sans-serif; font-weight: 400; color: #222;}
.history_con dl dd li p {float: left; width: calc(100% - 50px);}
.history_con dl dd li p strong {font-weight: 500; color: #222;}

/* 브랜드_powerplate */
.Brand.PowerPlate .brandInfo01 {position: relative;}
.Brand.PowerPlate .brandInfo01:after {content:''; clear: both; display: block;}
.Brand.PowerPlate .brandInfo01 .TxtArea {position: absolute; top: -60px; left: 0; z-index: 10;}
.Brand.PowerPlate .brandInfo01 .TxtArea .tt {display: block; font-family:'Oswald', Sans-serif; font-size: 80px; font-weight: 600; line-height: 85px; color: #222;}
.Brand.PowerPlate .brandInfo01 .TxtArea p {padding-top: 45px; line-height: 28px; word-break:keep-all;}
.Brand.PowerPlate .brandInfo01 .ImgArea {float: right; width: 82%;}
.Brand.PowerPlate .brandInfo01 .ImgArea img {width: 100%;}

.Brand.PowerPlate .brandInfo02 {position: relative; display: table; width: 100%; table-layout: fixed;}
.Brand.PowerPlate .brandInfo02 .ImgArea {position: relative; display: table-cell; width: 50%; vertical-align: middle;}
.Brand.PowerPlate .brandInfo02 .ImgArea img {float: right; width: 90%; min-width: 877px; padding-right: 10%;}
.Brand.PowerPlate .brandInfo02 .TxtArea {display: table-cell; width: 50%; vertical-align: middle; word-break:keep-all;}
.Brand.PowerPlate .brandInfo02 .TxtArea .txt_wrap {max-width: 600px;}
.Brand.PowerPlate .brandInfo02 .TxtArea .tt {display: block; font-family:'Oswald', Sans-serif; font-size: 60px; font-weight: 600; color: #222; line-height: 1;}
.Brand.PowerPlate .brandInfo02 .TxtArea .tt sup {font-family:'Noto Sans KR', Sans-serif; font-weight: 300; vertical-align: top;}
.Brand.PowerPlate .brandInfo02 .TxtArea p {padding-top: 50px; line-height: 27px;}
.Brand.PowerPlate .brandInfo02 .TxtArea p sup {vertical-align: top;}

.Brand.PowerPlate .brandInfo03 {background: url('/images/brand/brand01_03.jpg') no-repeat center top; background-size: cover;}

.Brand.PowerPlate .cols_wrap {display: table; width: 100%;}
.Brand.PowerPlate .cols_wrap .cols {display: table-cell; width: 50%; padding: 120px 3%; text-align: center; vertical-align: top; box-sizing: border-box;}
.Brand.PowerPlate .brandInfo04 {background: url('/images/brand/brand01_04.jpg') no-repeat center top; background-size: cover;}

.contentsArea.Brand .ttArea {text-align: center; color: #fff;}
.contentsArea.Brand .ttArea .tt {display: block; font-family:'Oswald', Sans-serif; font-size: 44px; font-weight: 600; line-height: 1;}
.contentsArea.Brand .ttArea p {padding-top: 25px; font-size: 20px; line-height: 27px; word-break:keep-all;}
.contentsArea.Brand .ttArea + .btn_more01 {margin-top: 60px;}

.Brand.PowerPlate .brandInfo05 {background: url('/images/brand/brand01_05.jpg') no-repeat center top; background-size: cover;}
.Brand.PowerPlate .brandInfo05 .btn_area {margin-top: 50px;}
.Brand.PowerPlate .brandInfo05 .btn_area a {display: inline-block; max-width: 45%; margin: 0 3px; vertical-align: middle;}

/* 브랜드_skirow */
/* .Brand.PowerPlate .brandInfo06,
.Brand.SkiRow .brandInfo01 {position: relative; display: table; width: 100%; table-layout: fixed;}
.Brand.PowerPlate .brandInfo06 .ImgArea,
.Brand.SkiRow .brandInfo01 .ImgArea {display: table-cell; width: 50%; text-align: right; vertical-align: middle; box-sizing: border-box;}
.Brand.PowerPlate .brandInfo06 .ImgArea img,
.Brand.SkiRow .brandInfo01 .ImgArea img {width: 94%; min-width: 900px;}
.Brand.PowerPlate .brandInfo06 .TxtArea,
.Brand.SkiRow .brandInfo01 .TxtArea {display: table-cell; width: 50%; vertical-align: middle; word-break:keep-all;}
.Brand.PowerPlate .brandInfo06 .TxtArea .txt_wrap,
.Brand.SkiRow .brandInfo01 .TxtArea .txt_wrap {float: right; max-width: 600px;}
.Brand.PowerPlate .brandInfo06 .TxtArea .tt,
.Brand.SkiRow .brandInfo01 .TxtArea .tt {display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 60px; font-weight: 600; color: #222; line-height: 70px;}
.Brand.PowerPlate .brandInfo06 .TxtArea img,
.Brand.SkiRow .brandInfo01 .TxtArea img {padding-top: 45px;} */

.Brand .brandImgBox {margin-bottom: 110px;}
.Brand .brandImgBox:after {content:''; clear: both; display: block;}
.Brand .brandImgBox .ImgArea {position: relative; float: left; width: 50%;}
.Brand .brandImgBox .ImgArea .img_01 {width: 100%;}
.Brand .brandImgBox .ImgArea .img_02 {position: absolute; right: -46%; bottom: -110px; width: 76.5%; -webkit-box-shadow: 11px 11px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:11px 11px 30px 0px rgba(0, 0, 0, 0.3); box-shadow:11px 11px 30px 0px rgba(0, 0, 0, 0.3);}
.Brand .brandImgBox .TxtArea {position: relative; float: left; width: 50%; padding-left: 3vw; padding-top: 11%; box-sizing: border-box;}
.Brand .brandImgBox .TxtArea .tt {display: block; font-family:'Oswald', Sans-serif; font-size: 60px; font-weight: 600; color: #222; line-height: 1;padding-left: 7.5%}
.Brand .brandImgBox .TxtArea p {padding-top: 50px; padding-left: 7.5%;line-height: 27px; word-break:keep-all;}

.Brand.SkiRow .brandInfo03 {background: url('/images/brand/brand02_05.jpg') no-repeat center top; background-size: cover;}
.Brand.SkiRow .brandInfo04 {background: url('/images/brand/brand02_06.jpg') no-repeat center top; background-size: cover;}
.Brand.SkiRow .brandInfo05 {background: url('/images/brand/brand01_05.jpg') no-repeat center top; background-size: cover;}

.Brand.SkiRow .cols_wrap {display: table; width: 100%;}
.Brand.SkiRow .cols_wrap .cols {display: table-cell; width: 50%; padding: 120px 3%; text-align: center; vertical-align: top; box-sizing: border-box; }




/* 브랜드_AlignPilates */

.AlignPilates .brandInfo01 .TxtArea .tt {
    display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; 
    font-size: 68px; font-weight: 600; color: #222; line-height: 80px;
text-align: center;
}
.AlignPilates .brandInfo01 .TxtArea p {width: 100%;
    font-size: 20px;text-align: center; padding-top: 60px;
    font-family:'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; }
.AlignPilates .brandInfo02 .ImgArea {width: 100%; 
position: relative; top: 0; left: 0;}
.AlignPilates .brandInfo02 .inner-fulid {position: relative;}
.AlignPilates .brandInfo02  .bag {position: absolute; max-width: 1560px; width: calc(100% - 10%); height: 400px; background-color:#f3f5f6; left: 0px; top: 40px;}
.AlignPilates .brandInfo02 .ImgArea .img_01 {width: 550px; height: auto; position: absolute; left: 0; top: 0;}
.AlignPilates .brandInfo02 .ImgArea .img_02 {box-shadow: none; max-width: 400px; position: absolute; right: 80px; top: 120px; width: 32vw;}

@media screen and (max-width: 1560px) {
    .AlignPilates .brandInfo02  .bag {width: calc(100% - 3%);}
}

.AlignPilates .brandInfo03 .inner {padding-top: 230px;
position: relative; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.AlignPilates .brandInfo03 .inner .inner_01 {width: 100%; padding-top: 0px; padding-bottom: 50px;}
.AlignPilates .brandInfo03 .inner .inner_02 {width: 100%;padding-top: 50px; padding-bottom: 50px;}
.AlignPilates .brandInfo03 .inner .inner_03 {width: 100%;padding-top: 50px; padding-bottom: 50px;}
.AlignPilates .brandInfo03 .inner .inner_01 p span {display: block;}
.AlignPilates .brandInfo03 .inner .inner_02 p span {display: block;}
.AlignPilates .brandInfo03 .inner .inner_03 p span {display: block;}
.AlignPilates .brandInfo03 .inner .tt_box1 {width: 100%; position: relative; top: 0%; left: 0;}
.AlignPilates .brandInfo03 .inner .tt_line1 {width: calc(100% - 150px); height: 2px; background-color: #82368c; position: absolute; left: 0; top: 50%; transform: translateY(10px);}
.AlignPilates .brandInfo03 .inner .tt_box2 {width: 100%;  position: relative; top: 0%; right: 0%;}
.AlignPilates .brandInfo03 .inner .tt_line2 {width: calc(100% - 350px); height: 2px; background-color: #82368c; position: absolute; right: 0; top: 50%; transform: translateY(10px);}
.AlignPilates .brandInfo03 .inner .tt {font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 60px; color: #222; line-height: 70px; font-weight: 600;}
.AlignPilates .brandInfo03 .inner p {padding-top: 50px; color: #666; font-size: 20px; /* padding-bottom: 0px; */}
.AlignPilates .brandInfo03 .inner_02 {float: right; text-align: right;}
.AlignPilates .brandInfo03 .inner_03 {float: left;}
.AlignPilates .brandInfo03 .inner_03 p {padding-bottom: 0;}
.AlignPilates .brandInfo04 {background: url('/images/brand/brand02_03_03.jpg') no-repeat center top; background-size: cover; padding: 120px 0;}


/* 브랜드메인_AlignPilates  */
.brandInfo06_01 .txt_wrap span{display: inline-block;}
.brandInfo06_01 .TxtArea p {padding-top: 40px; padding-left: 40px;}
.Brand.PowerPlate .brandInfo06,
.Brand.brandInfo06_01 {position: relative; display: table; width: 100%; table-layout: fixed;}
.Brand.brandInfo06_01 .ImgArea {display: table-cell; width: 50%; 
    text-align: right; vertical-align: middle; box-sizing: border-box;}
.Brand.brandInfo06_01 .ImgArea img {width: 100%; min-width: 900px;}
.Brand.PowerPlate .brandInfo06 .TxtArea,
.Brand.SkiRow .brandInfo01 .TxtArea {/* display: table-cell; */ width: 50%; vertical-align: middle; word-break:keep-all;}
.Brand.PowerPlate .brandInfo06_01 .inner-fulid {width: 50%; float: right;}
.Brand.PowerPlate .brandInfo06_01 .logo-wrap {width: 500px; height: auto;}
.Brand.PowerPlate .brandInfo06_01 .img_02 {padding-bottom: 40px; float: right;}
.Brand.PowerPlate .brandInfo06_01 .TxtArea .txt_wrap
 {max-width: 550px; text-align: right; margin-left: auto; margin-right: 100px;}
.Brand.PowerPlate .brandInfo06_01 .TxtArea .tt
 {display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 60px; font-weight: 600; color: #222; line-height: 70px;}
 .Brand.PowerPlate .brandInfo06_01 .TxtArea p {padding-left: 0;}
.Brand.PowerPlate .brandInfo06_01 .TxtArea img
 {padding-top: 45px;}


/* 브랜드_rebar */
.Brand.Rebar .brandInfo02 {background: url('/images/brand/brand03_03.jpg') no-repeat center top; background-size: cover;}

.Brand.Rebar .brandInfo03 .IntroBox .intro_tt {padding-top: 30px;}
.Brand.Rebar .brand_rebar_bg {width: 100%; height: 740px; background: url('/images/brand/brand03_04.jpg') no-repeat center top;}
.Brand.Rebar .big_txt {padding-top: 100px; font-size: 36px; font-weight: 500; color: #000; text-align: center; line-height: 1.4; word-break:keep-all; color: #222;}


/* 브랜드_ZIVA */
.ziva {word-break: keep-all;}
.ziva .brandInfo01 .TxtArea .tt {
display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 68px; font-weight: 600; color: #222; line-height: 1.2; text-align: center; padding-bottom: 65px;}
.ziva .ziva_img01 {max-width: 822px; width: 100%; margin: 0 auto;}
.ziva .brandInfo04 {background: url('/images/brand/brand04_04_03.png') no-repeat center top; background-size: cover; padding: 120px 0;}
.ziva .brandInfo01 .TxtArea p {width: 100%;font-size: 20px;text-align: center; padding-top: 60px;font-family:'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothicSans-serif; word-break: keep-all; padding-bottom: 70px;}

.ziva .brandInfo02 {background-color: #000000; color: #ffffff;}
.ziva .brandInfo02 .inner {
    position: relative; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/* .ziva .brandInfo02 .inner .inner_01 {width: 100%; padding-top: 0px; padding-bottom: 50px;} */
.ziva .brandInfo02 .inner .inner_01 {width: 100%;padding-top: 30px; padding-bottom: 50px;}
.ziva .brandInfo02 .inner .inner_02 {width: 100%;padding-top: 30px; padding-bottom: 70px;}
/* .ziva .brandInfo02 .inner .inner_01 p span {display: block;} */
.ziva .brandInfo02 .inner .inner_01 p span {display: block;}
.ziva .brandInfo02 .inner .inner_02 p span {display: block;}
.ziva .brandInfo02 .inner .tt_box1 {width: 100%; position: relative; top: 0%; left: 0;}
.ziva .brandInfo02 .inner .tt_line1 {width: calc(100% - 150px); height: 2px; background-color: #ffee00; position: absolute; left: 0; top: 50%; transform: translateY(10px);}
.ziva .brandInfo02 .inner .tt_box2 {width: 100%;  position: relative; top: 0%; right: 0%;}
.ziva .brandInfo02 .inner .tt_line2 {width: calc(100% - 200px); height: 2px; background-color: #ffee00; position: absolute; right: 0; top: 50%; transform: translateY(10px);}
.ziva .brandInfo02 .inner .tt {font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 60px; line-height: 70px; font-weight: 600;}
.ziva .brandInfo02 .inner p {padding-top: 50px; font-size: 20px;}
.ziva .brandInfo02 .inner_01 {float: right; text-align: right;}
.ziva .brandInfo02 .inner_02 {float: left;}
.ziva .brandInfo02 .inner_02 p {padding-bottom: 0;}
.ziva .brandInfo03 .ziva_img02 {max-width: 504px; margin: 0 auto; padding-top: 170px; padding-bottom: 90px;}
.ziva .brandInfo03 p {font-size: 20px; text-align: center;}

/* 브랜드_zero i */
.zeroi {word-break: keep-all;}
.zeroi .brandInfo01 .TxtArea .tt {
display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 68px; font-weight: 600; color: #222; line-height: 1.2; text-align: center; padding-bottom: 65px;}
.zeroi .ziva_img01 {max-width: 822px; width: 100%; margin: 0 auto;}
.zeroi .brandInfo04 {background: url('/images/brand/brand05_02.png') no-repeat center top; background-size: cover; padding: 120px 0;}
.zeroi .brandInfo01 .TxtArea p {width: 100%;font-size: 20px;text-align: center; font-family:'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothicSans-serif; word-break: keep-all; padding-bottom:170px;}

.zeroi .brandInfo02 {background-color: #000000; color: #ffffff;}
.zeroi .brandInfo02 .inner {
    position: relative; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/* .zeroi .brandInfo02 .inner .inner_01 {width: 100%; padding-top: 0px; padding-bottom: 50px;} */
.zeroi .brandInfo02 .inner .inner_01 {width: 100%;padding-top: 30px; padding-bottom: 50px;}
.zeroi .brandInfo02 .inner .inner_02 {width: 100%;padding-top: 30px; padding-bottom: 70px;}
/* .zeroi .brandInfo02 .inner .inner_01 p span {display: block;} */
.zeroi .brandInfo02 .inner .inner_01 p span {display: block;}
.zeroi .brandInfo02 .inner .inner_02 p span {display: block;}
.zeroi .brandInfo02 .inner .tt_box1 {width: 100%; position: relative; top: 0%; left: 0;}
.zeroi .brandInfo02 .inner .tt_line1 {width: calc(100% - 600px); height: 2px; background-color: rgb(184, 155, 11); position: absolute; left: 0; top: 50%; transform: translateY(10px);}
.zeroi .brandInfo02 .inner .tt_box2 {width: 100%;  position: relative; top: 0%; right: 0%;}
.zeroi .brandInfo02 .inner .tt_line2 {width: calc(100% - 200px); height: 2px; background-color: #ffee00; position: absolute; right: 0; top: 50%; transform: translateY(10px);}
.zeroi .brandInfo02 .inner .tt {font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 60px; line-height: 70px; font-weight: 600;}
.zeroi .brandInfo02 .inner p {padding-top: 50px; font-size: 20px;}
.zeroi .brandInfo02 .inner_01 {float: right; text-align: right;}
.zeroi .brandInfo02 .inner_02 {float: left;}
.zeroi .brandInfo02 .inner_02 p {padding-bottom: 0;}
.zeroi .brandInfo03 .ziva_img02 {max-width: 504px; margin: 0 auto; padding-top: 170px; padding-bottom: 90px;}
.zeroi .brandInfo03 p {font-size: 20px; text-align: center;}

/* 브랜드메인_ZIVA  */
.section.section_ziva {padding-top: 0; }
.section.section_ziva .inner {display: flex;}
.section.section_ziva .TxtArea {padding-right: 3vw;padding-left: 0;}
.section.section_ziva .brandImgBox .TxtArea { padding-top: 0;}
.section.section_ziva .brandImgBox .TxtArea .tt {text-align: right;padding-right: 7.5%;}
.section.section_ziva .brandImgBox .TxtArea p {padding-left: 0; padding-right: 7.5%; text-align: right;}


/* PRODUCT */
.prdList { margin-top: -100px; font-size: 0; overflow: hidden;}
.prdList li {display: inline-block; width: 23.875%; margin-left: 1.5%;  margin-top: 100px; text-align: center; vertical-align: top;}
.prdList li:nth-child(4n-3) {margin-left: 0;}
.prdList li a {display: block;}
.prdList li .ImgArea {position: relative; display: block; width: 100%; padding-bottom: 100%; overflow: hidden; box-sizing: border-box;}
.prdList li .ImgArea:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.prdList li .ImgArea img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.prdList li .ImgArea .btn_more01 {position: absolute; top: 50%; left: 50%; width: 210px; margin-left: -105px; margin-top: -26.5px; z-index: 10; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.prdList li .TxtArea {margin-top: 35px;}
.prdList li .TxtArea .title {display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 22px; font-weight: 500; color: #222;}
.prdList li .TxtArea .detail {display: -webkit-box; display:-moz-box; width: 100%; height: 48px; padding-top: 10px; font-size: 16px; font-weight: 300; color: #666; line-height: 24px; word-break:keep-all;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden;}
.prdList li.nodata {width:100%; border-top:1px solid #333; border-bottom:1px solid #dfdfdf; font-size: 16px; text-align:center; line-height: 350px;}
.prdList li:hover .ImgArea:after,
.prdList li:hover .ImgArea .btn_more01 {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

.mainConWrap .prdList { margin-top:0; }
.mainConWrap .prdList li {  margin-top:0;}

#Product.list .pageArea {margin-top: 80px;}

#Product.view .PrdTop {margin-bottom: 100px; overflow: hidden;}
#Product.view .PrdTop .ThumbArea {float: left; width: 54%;}
#Product.view .PrdTop .ThumbArea .PrdSlider {width: 100%; overflow: hidden;}
#Product.view .PrdTop .ThumbArea .PrdSlider div {vertical-align: top;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-list {float: left; width: 83%;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-list .list {position: relative; width: 100%; padding-bottom: 100%;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-list .list img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-dots {float: right; width: 15.5%;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-dots li {position: relative; padding-bottom: 100%; margin-top: 9%; cursor: pointer;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-dots li:first-child {margin-top: 0;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-dots li:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); box-sizing: border-box;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-dots li.slick-active:after {border: 1px solid #cf0121; background: none;}
#Product.view .PrdTop .ThumbArea .PrdSlider .slick-dots li img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#Product.view .PrdTop .InfoArea {float: left; width: 46%; padding-left: 4.5%; box-sizing: border-box;}
#Product.view .PrdTop .InfoArea .infoCon {min-height: 435px; margin-bottom: 50px;}
#Product.view .PrdTop .InfoArea .ttArea {padding-bottom: 25px; border-bottom: 1px solid #555;}
#Product.view .PrdTop .InfoArea .ttArea .tt {display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 60px; font-weight: 500; color: #000; word-break:keep-all;}
#Product.view .PrdTop .InfoArea .ttArea p {padding-top: 20px; font-size: 22px; line-height: 30px; word-break:keep-all;}
#Product.view .PrdTop .InfoArea .detailInfo {padding: 18px 0; border-bottom: 1px solid #dfdfdf;}
#Product.view .PrdTop .InfoArea .detailInfo dl {font-size: 17px; overflow: hidden; line-height: 40px;}
#Product.view .PrdTop .InfoArea .detailInfo dl dt {float: left; width: 100px; padding-left: 10px; font-weight: 300; box-sizing: border-box;}
#Product.view .PrdTop .InfoArea .detailInfo dl dd {float: left; width: calc(100% - 100px); font-weight: 300; color: #222;}
#Product.view .PrdTop .InfoArea .btn_naver_store {display: block; width: 100%; height: 53px; background: #04cf5c; font-size: 17px; font-weight: 600; text-align: center; color: #fff; border-radius: 30px; line-height: 51px;}

#Product.view .PrdDetail .prd_detail_section:first-child {margin-top: 0;}
#Product.view .PrdDetail .prd_detail_section:last-child {border-bottom: 1px solid #dfdfdf;}
#Product.view .PrdDetail .prd_detail_con {padding: 30px 40px 75px; font-weight: 300; line-height: 27px;}

#Product.view #Prdrel {margin-top: 110px; margin-bottom: 60px;}

#Prdrel .PrdrelList .slick-list {width: calc(100% + 20px); margin-left: -10px;}
#Prdrel .PrdrelList .slick-slide {padding: 0 10px;}
#Prdrel .PrdrelList .list a {display: block;}
#Prdrel .PrdrelList .list .ImgArea {position: relative; width: 100%; padding-bottom: 100%;}
#Prdrel .PrdrelList .list .ImgArea:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#Prdrel .PrdrelList .list .ImgArea img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#Prdrel .PrdrelList .list .ImgArea .btn_s_more01 {position: absolute; top: 50%; left: 50%; margin-left: -80px; margin-top: -22.5px; z-index: 10; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#Prdrel .PrdrelList .list .TxtArea {margin-top: 15px; text-align: center;}
#Prdrel .PrdrelList .list .TxtArea .title {display: block; font-family:'Oswald', 'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 22px; font-weight: 500; color: #000;}
#Prdrel .PrdrelList .list:hover .ImgArea:after,
#Prdrel .PrdrelList .list:hover .ImgArea .btn_s_more01 {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#Prdrel .PrdrelList .slick-arrow {position: absolute; top: 115px; width: 27px; height: 50px; border: none; background: none; background-repeat: no-repeat; background-position: center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; z-index: 10;}
#Prdrel .PrdrelList .slick-arrow.slick-prev {left: -125px; background-image: url('/images/common/btn/btn_prev03.png');}
#Prdrel .PrdrelList .slick-arrow.slick-next {right: -125px; background-image: url('/images/common/btn/btn_next03.png');}

/* 회원단 공통 */
#MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;}
#MemBody caption {display:none;}
#MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;}

/* 로그인 */
.login #MemBody {padding:50px 0;}
.login #MemBody .login_title {margin-bottom:25px; padding-top:145px; background:url('/images/member/icon_login02.png') no-repeat center 0; text-align:center;}
.login #MemBody .login_title h4 {font-size:36px; font-weight:600; color:#222; letter-spacing:-0.25px;}
.login #MemBody .login_title p {padding-top:20px; font-size:18px; font-weight:300; letter-spacing:-0.2px;}
.login #MemBody .login_con {width:440px; margin:0 auto;}
.login #MemBody .login_con table {width:100%;}
.login #MemBody .login_con table input.text {width:285px; height:38px; background:#f9f9f9;}
.login #MemBody .login_con .login_util {border-top:1px solid #bfbfbf; margin-top:20px; padding-top:20px; overflow:hidden;}
.login #MemBody .login_con .login_util ul {float:left;}
.login #MemBody .login_con .login_util ul li {display:inline-block; padding-left:11px; margin-left:10px; background:url('/images/member/login_gap.gif') no-repeat 0 center; font-size:14px; letter-spacing:-0.2px; line-height:30px;}
.login #MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0; background:none;}
.login #MemBody .login_con .login_util ul li:hover a {text-decoration:underline;}
.login #MemBody .login_con .login_util .btn_black {float:right;}
.login .save {margin-top:-3px; margin-right:6px;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:30px 20px; border:1px solid #cccccc; background:#f3f3f3; text-align:center;}
#MemBody.join_agree .join_agree_box {margin-top:30px;}
#MemBody.join_agree .info_check_box input.mem_name {width:100px;}
#MemBody.join_agree .info_check_box input.mem_email {width:200px;}
#MemBody.join_agree .join_agree_box .title {position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:17px;}
#MemBody.join_agree .join_agree_box .title:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:18px; margin-top:-9px; background:#977b5d;}
#MemBody.join_agree .join_agree_box .agree_check {padding:10px; background:#f5f5f5;}

/* 아이디/비번 찾기 */
#findIdpw {overflow:hidden;}
#findIdpw h4 {margin-bottom:20px; font-size:18px; font-weight:600; text-align:left; color:#222;}
#findIdpw .over {overflow:hidden;}
#findIdpw .find { display:inline-block; width:440px; height:260px; background:#f5f5f5; padding:40px 50px; border:1px solid #cfcfcf;}
#findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:15px; color:#393939; line-height:22px; letter-spacing:-0.8px;}
#findIdpw .find p .blue {text-decoration:underline;}
#findIdpw .findTable {width:100%;}
#findIdpw .findTable th, 
#findIdpw .findTable td {padding:2px 2px;}
#findIdpw .findTable td input.text {width:310px; height:40px;}
#findIdpw .btn_idpw01 {width:104px; height:88px; line-height:88px;}
#findIdpw .btn_idpw02 {width:104px; height:134px; line-height:134px;}
#findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;}
#findIdpw.idpw_result .find {padding-bottom:20px;}
#findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;}

/*개인정보 / 이용약관*/
.rule-txt-area { max-width:1100px; width:100%; margin:0 auto 100px; }
.rule-txt-area textarea { width:100%; height:500px;  padding:10px 15px; border:1px solid #ddd; box-sizing:border-box; font-size:16px; color:#222; font-weight:400; line-height:1.5;}	
.rule-txt-area .rul-btn-box { margin-top:50px; text-align:center;  }

/*전자결제(pay)*/
.pay {background:#fff; width:94%; padding:3%; margin-bottom:0px; margin-left:0; margin-right:0; margin-top:0;}
.pay h3 {position:relative; font-size:22px; margin-bottom:20px;  padding-left:15px; font-weight:600; color:#222;}
.pay h3:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:20px; margin-top:-10px; background:#977b5d;}
.pay h4 {font-size:16px; margin-bottom:10px; color:#222;}
.pay .mgB30 {margin-bottom:30px;}
.pay #Board .privacy .textarea {font-size:13px; line-height:20px;}
.pay .btnArea {text-align:center; margin-top:25px}

/*foot*/
#foot {width:100%; background:#000; text-align: center;}
#foot .footWrap {padding: 60px 0;}
#foot .footWrap .f_sns {font-size: 0;}
#foot .footWrap .f_sns li {display: inline-block; padding: 0 17px; vertical-align: top;}
#foot .footWrap .f_sns li img {height: 23px;}
#foot .footWrap address {padding-top: 50px; font-size: 15px; font-weight: 300; color: #ccc;}
#foot .footWrap address span {display: inline-block; padding: 0 8px; vertical-align: top;}
#foot .footWrap .copy {padding-top: 15px; font-size: 12px; font-weight: 300; color: #888;}




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




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

/*main contents*/
.mainConWrap #AboutUs .greeting .TxtArea .tb {padding: 0 10%;}

.mainConWrap #Brand .brandSlider {width: 100%;}
.mainConWrap #Brand .Arrows .slick-arrow.slick-prev {left: -100px;}
.mainConWrap #Brand .Arrows .slick-arrow.slick-next {right: -100px;}

.mainConWrap #Products .Arrows .slick-arrow.slick-prev {left: -100px;}
.mainConWrap #Products .Arrows .slick-arrow.slick-next {right: -100px;}


/* 브랜드메인_AlignPilates  */
.Brand.PowerPlate .brandInfo06_01 .TxtArea .txt_wrap
 {margin-right: 70px;}



}





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

/*main contents*/
.mainConWrap #Brand .brandSlider .TxtArea p br {display: none;}

/* PRODUCT */
#Prdrel .PrdrelList .slick-arrow.slick-prev {left: -15px;}
#Prdrel .PrdrelList .slick-arrow.slick-next {right: -15px;}


}


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

/*main contents*/
.mainConWrap #Brand .Arrows .slick-arrow.slick-prev {left: -30px;}
.mainConWrap #Brand .Arrows .slick-arrow.slick-next {right: -30px;}

.mainConWrap #Products .Arrows .slick-arrow.slick-prev {left: -30px;}
.mainConWrap #Products .Arrows .slick-arrow.slick-next {right: -30px;}

}


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

.inner {max-width: 100%; padding: 0 3%;}

/*header*/
#topmenu ul li.m5 > a {padding: 0 40px;}

#topsns {right: 3vw;}

/*main contents*/
.mainConWrap #Brand .brandSlider .TxtArea img {height: 50px;}
.mainConWrap #Brand .brandSlider .TxtArea p {min-height: 96px;}

.mainConWrap #AboutUs .greeting {display: block; flex-wrap:inherit;}
.mainConWrap #AboutUs .greeting:after {content:''; clear: both; display: block;}
.mainConWrap #AboutUs .greeting .ImgArea {float: left; display: block;}
.mainConWrap #AboutUs .greeting .TxtArea {float: left; display: block;}
.mainConWrap #AboutUs .greeting .TxtArea .tb {padding: 10%;}
.mainConWrap #AboutUs .greeting .TxtArea .tb .tbc {padding: 0;}
.mainConWrap #AboutUs .greeting .TxtArea p {word-break:keep-all;}

.mainConWrap #Location .SupportArea {padding: 110px 30px 110px 80px;}

/* 회사소개 */
.contentsArea.Introduction .business_info ul li dl dt {width: 200px; padding-left: 30px;}
.contentsArea.Introduction .business_info ul li dl dd {width: calc(100% - 200px);}

/* 브랜드_powerplate */
.Brand.PowerPlate .brandInfo01 .inner {padding-right: 0;}
.Brand.PowerPlate .brandInfo01 .TxtArea {left: 3%;}
.Brand.PowerPlate .brandInfo01 .ImgArea {position: relative; width: calc(100% - 220px); margin-left:220px; box-sizing: border-box; z-index: -1;}
.Brand.PowerPlate .brandInfo01 .ImgArea img {max-width: inherit; width: 1020px;}
.Brand.PowerPlate .brandInfo02 .TxtArea {padding-right: 3%; box-sizing: border-box;}

/* 브랜드_skirow */
/* .Brand.PowerPlate .brandInfo06 .TxtArea,
.Brand.SkiRow .brandInfo01 .TxtArea {padding: 0 3%; box-sizing: border-box;}

.Brand .brandImgBox .inner {padding: 0;}
.Brand .brandImgBox .TxtArea {padding: 10% 3% 0;}


} */

/* 브랜드메인_AlignPilates  */
.Brand.PowerPlate .brandInfo06_01 .inner-fulid .inner {padding: 0;}


}


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

/*header*/
#topmenu > ul > li > a,
#topmenu ul li.m5 > a {padding: 0 35px;}

#topsns ul {padding-left: 28px;}

/* 브랜드메인_AlignPilates  */
/* .Brand.PowerPlate .brandInfo06_01 .TxtArea .txt_wrap {max-width: 500px;} */


}


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

/*header*/
#topmenu {margin-right: 145px;}
#topmenu > ul > li > a,
#topmenu ul li.m5 > a {padding: 0 32px;}

#topsns {top: 47px;}
#topsns ul {padding-left: 15px;}
#topsns ul li {margin-left: 10px;}
#topsns ul li .icon {height: 20px;}
#topsns ul li .icon.icon_01 {width: 7px;}
#topsns ul li .icon.icon_02 {width: 25px;}
#topsns ul li .icon.icon_03 {width: 20px;}
#topsns ul li .icon.icon_04 {width: 18px;}
#topsns ul li .icon.icon_05 {width: 19px;}

/* 브랜드메인_AlignPilates  */

.Brand.PowerPlate .brandInfo06_01 .TxtArea .txt_wrap {padding-left: 4%; margin-right: 9%;}
.Brand.PowerPlate .brandInfo06_01 .TxtArea p {padding-left: 3%;}
/* .Brand.PowerPlate .brandInfo06_01 .TxtArea p span {display: inline;} */

/* 브랜드_ZIVA */

.ziva .brandInfo01 .TxtArea p br {display: none;}
}

/* 브랜드_zeroi */

.zeroi .brandInfo01 .TxtArea p br {display: none;}



/* 메인의 아트지소식 더보기 링크 */

.notic-link-btn {float: right;}
.notic-link-btn:hover {color: #cf0121;}




