/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (custom/*----*/
section.main-banners .banner-container {position:relative;display:flex;overflow:hidden; height:635px; background:#fff;}
section.main-banners .banner-container .hover-img {visibility:hidden;opacity:0;position:absolute;left:0;top:88px;width:100%;
	-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);
	-o-transform:translate3d(-50%, -50%, 0);transform:scale(1);
	-webkit-transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s;-moz-transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s;
	-ms-transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s;-o-transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s;
	transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s;-webkit-transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s .3s ease 0s;
	-moz-transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s .3s ease 0s;-o-transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s .3s ease 0s;
	transition:all .5s cubic-bezier(.82, -0.27, 1, .83) 0s .3s ease 0s}
section.main-banners .banner-container .banner-item-wrapper {width:34%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display: grid;}
section.main-banners .banner-container .banner-item-wrapper img {width:100%;}
section.main-banners .banner-container .banner-item-wrapper.active .hover-img {visibility:visible;opacity:1; }
section.main-banners .banner-container .banner-item-wrapper.active .banner-item {-ms-background-position-x:500px;background-position-x:500px}
section.main-banners .banner-container .banner-item-wrapper.active .banner-item a {border:1px solid #fff}
section.main-banners .banner-container .banner-item-wrapper.non-active .banner-item {-ms-background-position-x:500px;background-position-x:500px}
section.main-banners .banner-container .banner-item-wrapper.non-active .banner-item a {border:1px solid #fff;}
section.main-banners .banner-container .banner-item-wrapper.non-active .item-name {color:#fff}
section.main-banners .banner-container .banner-item-wrapper.non-active .learn-more {border: 1px solid #fff; background:none; color:#fff}
section.main-banners .banner-container .banner-item {position:relative;text-align:left;opacity:1;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .7s eases all ease-in;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;
	-o-transition:all .7s ease;transition:all .7s ease;-webkit-transition:all .7s ease .3s ease 0s;-moz-transition:all .7s ease .3s ease 0s;-o-transition:all .7s ease .3s ease 0s;transition:all .7s ease .3s ease 0s}
section.main-banners .banner-container .banner-item a {height:95vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:60px 40px}
section.main-banners .banner-container .banner-item a:hover {text-decoration:none}
section.main-banners .banner-container .banner-item>* {position:relative;z-index:2}
section.main-banners .banner-container .banner-item:before {content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;}
section.main-banners .banner-container .item-name {position:absolute;top:60px;left:40px;font-size:26px;line-height:32px;color:#ffffff;font-weight:700}
section.main-banners .banner-container .item-description {opacity:0;visibility:hidden;margin-bottom:50px;font-size:18px;font-weight:700;color:#000000;transition:all .5s eases all ease-in;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;
	transition:all .5s ease;-webkit-transition:all .5s ease .3s ease 0s;-moz-transition:all .5s ease .3s ease 0s;-o-transition:all .5s ease .3s ease 0s;transition:all .5s ease .3s ease 0s;
	max-width:550px}
	.mob {display: none;}
section.main-banners .banner-container .arkfit {display:none;}

@media all and (max-width:767px) {
	section.main-banners .banner-container {flex-wrap:wrap}
	section.main-banners .banner-container .banner-item-wrapper {width:50%}
	section.main-banners .banner-container .banner-item a {height:280px}
	section.main-banners .banner-container .item-description {width:100%;margin:50px 0 10px;font-size:12px}
	section.main-banners .banner-container .arkfit {display: inline-block;}

}

@media all and (max-width:767px) and (min-width:451px) {
	section.main-banners .banner-container .item-name {font-size:14px;line-height:18px}
}

@media all and (max-width:1200px) {
	section.main-banners .banner-container .hover-img  {height:100%;width:auto;max-width:none}
	section.main-banners .banner-container .banner-item-wrapper.non-active .banner-item  {-ms-background-position-x:70vh;background-position-x:70vh}
	section.main-banners .banner-container .banner-item a {height:70vh;padding:30px 20px}
	section.main-banners .banner-container .item-name  {top:30px;left:20px;font-size:18px;line-height:24px}
	section.main-banners .banner-container .item-description {font-size:14px}
}

@media all and (max-width:450px) {
	section.main-banners .banner-container .banner-item-wrapper {width:50%}
	section.main-banners .banner-container .banner-item a {height:auto}
	section.main-banners .banner-container .item-name {font-size:26px;line-height:32px}
	section.main-banners .banner-container .item-description {display:none}
	section.main-banners .banner-container .arkfit {display: inline-block;}
	section.main-banners .banner-container .hover-img {height:100%;width:auto;max-width:none; top:0px;}
	.pcpc {display: none;}
.mob {display: inline;}
}izations) */