/* 인덱스 */


/* 메인 비주얼 */
/* .visual {width:100%;height:960px} */
.visual {text-align:center}
.visual .text-inner {position:absolute}

.visual.visual1 {background:url("/_public/images/main/visual1.jpg") center top no-repeat;background-size:cover}
.visual.visual2 {background:url("/_public/images/main/visual2.jpg") center top no-repeat;background-size:cover}
.visual.visual3 {background:url("/_public/images/main/visual3.jpg") center top no-repeat;background-size:cover}
.visual.visual4 {background:url("/_public/images/main/visual4.jpg") center top no-repeat;background-size:cover}
.visual.visual5 {background:url("/_public/images/main/visual5.jpg") center top no-repeat;background-size:cover}
.visual.visual6 {background:url("/_public/images/main/visual6.jpg") center top no-repeat;background-size:cover}
.visual.visual7 {background:url("/_public/images/main/visual7.jpg") center top no-repeat;background-size:cover}
.visual.visual8 {background:url("/_public/images/main/visual8.png") center top no-repeat;background-size:cover}

.visual.visual1 .text-inner, .visual.visual2 .text-inner, .visual.visual3 .text-inner {left:0;right:0;margin:0 auto;top:20%;line-height:1.3}
.visual.visual6 .text-inner {right:20%;top:32%;line-height:1.3;text-align:right;width:80%;}
.visual.visual7 .text-inner {left:0;right:0;margin:0 auto;top:32%;line-height:1.3}
.visual.visual4 .text-inner {right:20%;top:48%;line-height:1.3;text-align:right}
.visual.visual8 .text-inner {left:6%;top:18%;line-height:1.3;text-align:left;}
.text-inner .vsm1, .text-inner .vsm2, .text-inner .vsm3 {color:#282828;}
.visual.visual6 .text-inner .vsmtit::after {margin:2rem 0 1.5rem 30rem;}
.text-inner .vsmtit::after {content:"";width:30px;height:1px;background-color:#fff;display:table;margin:2rem auto 1.5rem auto;border-radius:100px;}
.visual4 .text-inner .vsmtit::after {display:none}
.text-inner .vsm1 {font-size:2.438rem;font-weight:300;margin-bottom:0.7rem;font-weight:bold}
.text-inner .vsm2 {font-size:2.738rem;font-weight:bold}
.text-inner .vsm3 {line-height:1.3;font-size:1.250rem;margin-top:1rem}
.text-inner .vsm3 strong {font-weight:bold}

.visual2 .text-inner em {color:#f73131;font-weight:bold;font-size:2.938rem;}
.visual2 .text-inner .vsm1 {font-size:2.188rem;}
.visual4 .text-inner .vsm2 {margin-bottom:0.7rem}
.visual6 .text-inner span, .visual6 .text-inner strong, .visual6 .text-inner .vsm3,
.visual7 .text-inner span, .visual7 .text-inner strong, .visual7 .text-inner .vsm3 {color:#ffffff;}

.owl-theme .owl-nav .fa {font-size:5.625rem;color:#df7661;opacity:0.7}
.owl-theme .owl-nav:hover .fa {opacity:1}

/* 메인 비주얼 미디어쿼리 */
@media all and (max-width:1023px) {
.visual {width:100%;height:500px;margin-top:60px}
.owl-dots {bottom:2rem}
.visual.visual1 .text-inner, .visual.visual2 .text-inner, .visual.visual3 .text-inner, .visual.visual4 .text-inner {top:16%}
.visual.visual4 .text-inner {left:0;right:0;margin:0 auto;text-align:center}

.text-inner .vsm1,.text-inner .vsm2,.visual2 .text-inner em  {font-size:1.875rem}
.text-inner .vsm3 {display:block;font-size:1.063rem;margin-top:0.7rem;opacity: 1 !important;}

}

/* 메인 사업영역*/
	/* 사업영역 리스트 호버효과 */
.businessarea .bsbox {display: table;margin: 0 auto;}
.businessarea .bsbox::after{content: ""; display: block; clear: both;}
.businessarea .btn4 {line-height:2.9}

/*---------------*/
/***** Sadie *****/
/*---------------*/
.grid {position: relative;margin: 0 auto;text-align: center; float:left;width: 25%;padding: 0 0.5rem;text-align:center}
.grid figure {position: relative;float: left;border-radius:5px;overflow: hidden;display: block;position: relative;width: 100%; min-width:289px;text-align:center;background-color:#50473b}
.grid figure .imgarea {opacity:0.6}
.grid figure .imgarea img {position: relative;display: block;min-height: 100%;max-width: 100%}
.grid figure figcaption {color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none}

.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a {z-index: 1000}

.grid:hover .hvr-sweep-to-top:before {-webkit-transform: scaleY(1); transform: scaleY(1)}
.grid:hover .hvr-sweep-to-top,.grid:hover .hvr-sweep-to-top .fa {color:#f73131}
figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: -webkit-linear-gradient(top, rgba(80,71,59,0.2) 20%, rgba(80,71,59,0.8) 70%);
	background: linear-gradient(to bottom, rgba(80,71,59,0.2) 20%, rgba(80,71,59,0.8) 70%); */
	background-color:rgba(80,71,59,0.7);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie .txtarea {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}
figure.effect-sadie .txtarea strong {
  display:block;font-size:1.750rem;color:#fff;
	font-weight:bold;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0,10%,0);
  transform: translate3d(0,10%,0);
}

figure.effect-sadie .txtarea .iconbox {text-align:center;display:block;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0,-20%,0);
  transform: translate3d(0,-20%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
  font-size:1.063rem;
	padding: 2em;
	width: 100%;
	opacity: 0;
  	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
  line-height:1.5
}

figure.effect-sadie:hover .txtarea strong,
figure.effect-sadie:hover .txtarea .iconbox {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-70px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-70px,0);
}

figure.effect-sadie:hover .txtarea .iconbox {opacity:0}

figure.effect-sadie .txtarea strong::after {
  content:"";display:block;width:70%;margin:0 auto; padding-top:26px;border-bottom:1px solid rgba(255,255,255,0.7);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}

figure.effect-sadie:hover .txtarea strong::after {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}

figure.effect-sadie:hover figcaption::before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  color:#fff;
}
figure.effect-sadie:hover p {
	opacity: 1;
  -webkit-transform: translate3d(0,10px,0) translate3d(0,-100px,0);
	transform: translate3d(0,10px,0) translate3d(0,-100px,0);
  color:#fff;
}

/* 사업영역 화살표 - Sweep To Top */
.grid .hvr-sweep-to-top {
position:absolute;left:21px;bottom:25px;
width:38px;height:38px;
border:1px solid #fff;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
color:#fff;
z-index:888;
font-size:1.875rem
}
.grid .hvr-sweep-to-top .fa {color:#fff;}
.grid .hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

/* 사업영역 미디어쿼리 */
@media all and (max-width:1500px) and (min-width:1025px){
.grid figure {min-width:auto}
figure.effect-sadie .txtarea strong {font-size:1.438rem}
figure.effect-sadie .txtarea .iconbox img {width:90px}
figure.effect-sadie p {font-size:1rem;line-height:1.1;padding:1rem}
figure.effect-sadie p br {display:none}
figure.effect-sadie:hover p {
  -webkit-transform: translate3d(0,10px,0) translate3d(0,-90px,0);
	transform: translate3d(0,10px,0) translate3d(0,-90px,0);}
}
@media all and (max-width:1024px) {
.bsbox {width:96%}
.grid {width:49%;height:200px;padding:0;overflow:hidden;margin-right:2%;margin-bottom:1rem}
.grid:nth-child(2n+2) {margin-right:0}
.grid figure {float:none;min-width:100%;}
.grid figure .imgarea {opacity:0.5}
.grid figure figcaption,
.grid figure figcaption > a,
.grid figcaption {padding:3rem 1rem 3rem 1rem}
.grid figure.effect-sadie {height:200px}
.grid figure.effect-sadie .imgarea {width:100%;position:absolute;left:0}
.grid figure .imgarea img {width:100%;object-fit: cover;}
.grid:nth-child(1) figure.effect-sadie .imgarea {top:-20%}
.grid:nth-child(3) figure.effect-sadie .imgarea {bottom:-30%}
.grid:nth-child(5) figure.effect-sadie .imgarea {top:-75%}

.grid figure.effect-sadie .txtarea {width:35%;height:100%;float:left;position:relative;top:0;}
.grid:nth-child(1) figure.effect-sadie .txtarea,
.grid:nth-child(2) figure.effect-sadie .txtarea,
.grid:nth-child(3) figure.effect-sadie .txtarea,
.grid:nth-child(5) figure.effect-sadie .txtarea {margin-top:0.7rem}

.grid:nth-child(1) figure.effect-sadie .imgarea {top:-20%}
.grid:nth-child(3) figure.effect-sadie .imgarea {bottom:-30%}
.grid:nth-child(5) figure.effect-sadie .imgarea {top:-75%}

.grid figure.effect-sadie .txtarea strong {width:100%;font-size:1.438rem;text-align:center;margin-top:0.6rem}
.grid figure.effect-sadie .txtarea strong::after {display:none}
.grid figure.effect-sadie .txtarea .iconbox{width:100%;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}
.grid figure.effect-sadie .txtarea .iconbox img {width:75px}

.grid figure.effect-sadie p {width:60%;float:right;height:100%;font-size:1.063rem;color:#fff;position:relative;text-align:left;opacity:1;-webkit-transform: none;transform:none;line-height:1.25;padding:1.2rem 1rem 0 0;font-weight:400}
.grid:nth-child(5) figure.effect-sadie p br {display:none}
.grid figure.effect-sadie p br:nth-child(2) {display:none}

.grid figure.effect-sadie:hover .txtarea .iconbox {opacity:1}
.grid figure.effect-sadie .txtarea,
.grid figure.effect-sadie .txtarea strong,
.grid figure.effect-sadie:hover .txtarea strong,
.grid figure.effect-sadie:hover .txtarea .iconbox,
.grid figure.effect-sadie:hover p {-webkit-transform:none;transform:none}
.grid .hvr-sweep-to-top {left:85%;}
.businessarea .btnarea {margin-top:3rem}
}

@media all and (max-width:640px) {
.bsbox {width:96%}
.grid {float:none;width:100%;height:200px;padding:0;overflow:hidden;margin-bottom:0.5rem}

}

/* 동영상 */
.videoarea {width:100%;min-height:800px;overflow:hidden}
.videoarea figure {margin: 0;position: relative}
.videoarea video {width: 100%;max-width: 100%}
.hero-wrapper {position: fixed;bottom: 0;right: 0;height:800px;width: auto;min-height: 100%;min-width: 100%; z-index: -9999; overflow:hidden}
.youtube {position: relative;width: 100%;padding-bottom: 56.25%}
.youtube iframe {position: absolute;width: 100%;height: 100%}

/* 동영상 미디어쿼리 */
@media all and (max-width:1023px) {
.videoarea {min-height:auto}
.hero-wrapper {height:auto;position:relative}
}

/* 메인 제품소개 */
.producttab {margin-bottom:1.250rem;}
.producttab ul::after{content: ""; display: block; clear: both;}
.producttab li {float: left; width:11.1875%;min-width:auto;margin-right:1.5%;text-align: center; overflow: hidden;}
.producttab li a{position: relative; display: block; width: 100%;max-height:132px;padding-top:100%;border-radius:100%; background-color: #b5a899;position:relative}
.producttab li:nth-child(8) {margin-right:0}
.producttab li:nth-child(1) a{background-color:#be9157}
.producttab li:nth-child(1) a:hover{background-color: #b5a899}
.producttab li:nth-child(2) a:hover{background:url("/_public/images/main/business_hoverbg1.png") no-repeat center/100% auto}
.producttab li:nth-child(3) a:hover{background:url("/_public/images/main/business_hoverbg2.png") no-repeat center/100% auto}
.producttab li:nth-child(4) a:hover{background:url("/_public/images/main/business_hoverbg3.png") no-repeat center/100% auto}
.producttab li:nth-child(5) a:hover{background:url("/_public/images/main/business_hoverbg4.png") no-repeat center/100% auto}
.producttab li:nth-child(6) a:hover{background:url("/_public/images/main/business_hoverbg5.png") no-repeat center/100% auto}
.producttab li:nth-child(7) a:hover{background:url("/_public/images/main/business_hoverbg6.png") no-repeat center/100% auto}
.producttab li:nth-child(8) a:hover{background:url("/_public/images/main/business_hoverbg7.png") no-repeat center/100% auto}
.producttab li:nth-child(1) a .content strong {display:block;font-size:1.250rem;line-height:3.3}

.producttab li a .content {position:absolute;left:0;right:0;margin:0 auto;top:2rem}
.producttab li a .content span{display: block; padding-bottom: 0.313rem}
.producttab li a .content strong{display: block;color: #fff;font-size:1.063rem}

/* 메인 제품소개 배너 스와이퍼 */
.productslider{overflow:hidden; position:relative; margin-bottom:1.563rem}
.productslider li{width:100%;height:589px;}
.productslider li a{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100% auto}
.productslider li a .txtwrap{position:absolute; top:18.188rem;left:6.500rem;}
.productslider li a .txtwrap .subtit{margin-bottom:2.500rem;color:#666; line-height:1.250rem;font-weight:300}
.productslider li a .txtwrap .btnmore{float:right;width:139px;height:46px;padding:0.938rem 0 1rem 1.125rem;background-color:#fff;border:1px solid #d6d6d6;color:#666;font-size:0.938rem;font-weight:300}
.productslider li a .txtwrap .btnmore span{display:inline-block;vertical-align: top;margin-left:0.625rem}
.productslider .bg1 a{background-image:url("/_public/images/main/product_mv1.jpg")}
.productslider .bg2 a{background-image:url("/_public/images/main/product_mv1.jpg")}
.productslider .bg3 a{background-image:url("/_public/images/main/product_mv1.jpg")}
.productslider .productpager{position:absolute; bottom: 2.500rem !important; left:50% !important;transform:translateX(-50%);z-index:300;width:auto !important}
.productslider .productpager .swiper-pagination-bullet{width:14px;height:14px;margin:5px 7px;background:transparent;border:2px solid #fff;border-radius:7px;}
.productslider .productpager .swiper-pagination-bullet-active{width:16px;height:16px;border:4px solid #fff;}
.productslider .swiper-button-prev,
.productslider .swiper-button-next
{width:17px;height:31px}
.productslider .swiper-button-prev::before,
.productslider .swiper-button-prev::after,
.productslider .swiper-button-next::before,
.productslider .swiper-button-next::after {width:20px;height:2px;background-color:#df7661;top:0}
.productslider .swiper-button-prev {left:2.125rem}
.productslider .swiper-button-next{right:2.125rem}
  /* 메인 제품소개 미디어쿼리 */
@media all and (max-width:1023px) {
.productslider .productpager {bottom:1.5rem !important}
}
/* 메인 제품소개 상품리스트 스와이퍼 */
.productlist {position:relative}
.productlist .listtitle{display:inline-block; vertical-align:top;margin-bottom:1.750rem;color:#393939;font-size:1.625rem;font-weight:bold}
.productlist .listtitle .txt{color:#393939;font-size:1.625rem;}
.productlist .icontit {display:inline-block; vertical-align:top; width:24px;height:36px;padding-top:0.375rem;float:left;margin-right:1.5rem}
.productlist .icontit svg {width:36px;color: #df7661;margin-top:-14px}
.productlist .icontit svg path, .productlist .icontit svg circle {fill:#df7661;}
.productlist .icontit .svgnew {height:36px;margin-top:0}

.productlist .btn5,
.productlist .btnmore {float:right;font-size:0.938rem;padding:0 0.8rem;line-height:2.8}
.productlist .btn5 > span {padding:0.8rem 0;font-size:0.938rem}

.productlist .listslider{overflow:hidden}
.productlist .listslider .swiper-button-prev,
.productlist .listslider .swiper-button-next {top:55%}
.productlist .listslider .swiper-button-prev{left:-2.125rem;}
.productlist .listslider .swiper-button-next{right:-2.125rem;}
.productlist .listslider a {display:inline-block;max-width:294px;overflow:hidden}
.productlist .listslider a img {width:100%}
.productlist .listslider .listimg {width:100%;min-width:264px;height:226px;display:inline-block;overflow:hidden}
.productlist .listslider .listimg img {width:100%}
.productlist .listslider .listtit {width:100%;max-width:294px;min-height:51px; margin-top:0.438rem; padding:0.938rem 0;border:1px solid rgba(222,222,222,1);text-align:center;font-size:1.063rem;
-webkit-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.productlist .swiper-slide .effect-bubba::before {max-width:294px;top:0}
.productlist .swiper-slide .effect-bubba::after {max-width:292px;top:-3px}
.productlist .swiper-slide:hover .listtit {border:1px solid rgba(222,222,222,0)}

.productlist .slick-prev,
.productlist .slick-next {top:40%}
.productlist .slick-prev {left:-2.125rem;}
.productlist .slick-next {right:-2.125rem;}

.productlist .slick-slide .effect-bubba::before {max-width:294px;top:0}
.productlist .slick-slide .effect-bubba::after {max-width:292px;top:-3px}
.productlist .slick-slide:hover .listtit {border:1px solid rgba(222,222,222,0)}

.bbsprolist {margin-top:3rem}
  /* 메인 제품소개 미디어쿼리 */
@media all and (max-width:768px) and (min-width:320px){
	.productslider li {height:250px !important}
}
@media all and (max-width:1023px) {
.producttab {margin-bottom:1rem}
.producttab li {width:24.1%;margin-right:1.2%;margin-bottom:1.2%;}
.producttab li:nth-child(4n+4) {margin-right:0}
.producttab li:nth-child(5),
.producttab li:nth-child(6),
.producttab li:nth-child(7),
.producttab li:nth-child(8) {margin-bottom:0}
.producttab li a {width: 100%;display:inline-block;padding-top:0;border-radius:5px;padding:1rem 0;height:46px}
.producttab li a .content {position:relative;top:0;}
.producttab li a .content span {display:none}
.producttab li:nth-child(1) a .content strong {font-size:0.938rem;line-height:1.1}
.producttab li a .content strong {font-size:0.875rem}
.productslider .swiper-button-prev {left:0.5rem}
.productslider .swiper-button-next {right:0.5rem}
.productslider li {height:370px}
.productslider li img {width:auto;min-width:100%;height:100%}
  /* 메인 기획전 - 상품리스트 & 스와이퍼 미디어쿼리 */
.productlist .listtitle .txt {font-size:1.250rem}
.productlist .swiper-slide {width:49% !important;margin-right:2%;float:left;min-width:auto}
.productlist .swiper-slide:last-child {margin-right:0}
.productlist .swiper-slide {min-width:auto}
.productlist .listtitle {margin-bottom:1.3rem}
.productlist .btn5 {line-height:2}
.productlist .btn5 > span {padding:0.5rem 0;font-size:0.938rem}

.productlist .listslider .listtit {font-size:1rem;max-width:100%; min-height:31px}
.productlist .listslider .swiper-slide a {max-width:100%}
.productlist .listslider .listimg {min-width:100%;height:auto}

.productlist .listslider .swiper-button-prev{left:0.5rem;}
.productlist .listslider .swiper-button-next{right:0.5rem;}
}

/*고객센터*/
.mcutomer{margin:0 auto;background-color:#fff8e7;clear:both}
.mcutomer .layout {max-width:1226px}
.mcutomer .contentsbox::after{content:"";display:block;clear:both}
.mcutomer .box{float:left;width:33.3%;height:332px;}
.mcutomer .box .boxwrap{padding:0 0.813rem;height:100%}
.mcutomer .box .boxwrap .boxbg{height:332px;background-color:#fff;border-radius:5px;box-shadow: 0 0 6px rgba(0,0,0,0.18)}
.mcutomer .box1 .top{width:100%;height:50%;padding:2.625rem 0 2.5rem 0;border-bottom:1px solid #d9d9d9;text-align:center}
.mcutomer .box1 .top h4{margin-bottom:2.0rem;color:#282828;font-size:1.563rem;}
.mcutomer .box1 .top p a{color:#ad7c47;font-size:2.375rem;letter-spacing:-0.5px;font-weight:500}
.mcutomer .box1 .bottom{width:100%;height:50%;padding:1.875rem 0 1.875rem  0}
.mcutomer .box1 .bottom h4{margin-bottom:1.250rem;margin-top:-10px;text-align:center;color:#282828;font-size:1.125rem;}
.mcutomer .box1 .bottom dl::after{content:"";display:block;clear:both}
.mcutomer .box1 .bottom dl{padding-left:3.125rem;padding-bottom:0.563rem}
.mcutomer .box1 .bottom dl:last-of-type {padding-bottom:0}
.mcutomer .box1 .bottom dt, .mcutomer .box1 .bottom dd{float:left}
.mcutomer .box1 .bottom dt{margin-right:0.875rem;color:#474747;font-size:0.938rem;}
.mcutomer .box1 .bottom dd{text-align:left;color:#666;font-size:0.938rem;font-weight:300}
.mcutomer .box2 .top{width:100%;height:50%;padding:2.5rem 0 1.25rem  0;border-bottom:1px solid #d9d9d9;text-align:center}
.mcutomer .box2 .top h4{margin-bottom:1.875rem;color:#282828;font-size:1.563rem}
.mcutomer .box2 .btn6 {padding:0 3.2rem}
.mcutomer .box2 .bottom{width:100%;height:50%;padding:1.250rem 0}
.mcutomer .box2 .bottom ul{widtH:80%;display:table;margin:0 auto}
.mcutomer .box2 .bottom li{width:50%;float:left;text-align:center}
.mcutomer .box2 .bottom li .caimg, .mcutomer .box2 .bottom li .proimg{margin:0 auto;max-width:79px;margin-bottom:0.313rem}
.mcutomer .box2 .bottom li strong{color:#474747;font-size:0.875rem}
.mcutomer .box3 .moviebox{position:relative;width:100%;height:100%}
.mcutomer .box3 .iconplay{position:absolute;top:1.375rem;right:1.688rem;width:43px;height:46px;}
	/* 고객센터 미디어쿼리 */
@media all and (max-width:1023px) and (min-width:768px) {
.mcutomer .box .boxwrap{padding:0}
.mcutomer .box.box1 {float:none;width:100%;height:auto;margin-bottom:0.8rem}
.mcutomer .box.box2, .mcutomer .box.box3 {width:49%;float:left}
.mcutomer .box.box2 {margin-right:2%}
.mcutomer .box .boxwrap{padding:0}
.mcutomer .box .boxwrap .boxbg {overflow:hidden}
.mcutomer .box.box3 .boxwrap .boxbg img {height:100%;width:120%}
}
@media all and (max-width:767px) {
.mcutomer .box .boxwrap{padding:0}
.mcutomer .box{float:none;width:100%;height:auto;margin-bottom:0.8rem}
.mcutomer .box .boxwrap .boxbg{height:auto}
.mcutomer .box1 .top,
.mcutomer .box2 .top {padding:1.5rem 0 1rem 0;}
.mcutomer .box1 .top h4,
.mcutomer .box2 .top h4 {font-size:1.375rem;margin-bottom: 1.0rem;}
.mcutomer .box1 .top p {font-size:1.750rem}
.mcutomer .box1 .bottom {padding:1.5rem 0 1.5rem 0}
.mcutomer .box3.box {margin-bottom:0;}
.mcutomer .box3.box .boxbg {height:260px;overflow:hidden}
}