@charset "utf-8";

/* CSS Document */

button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer}
.clearfix:after {display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear:both;}
.hide {display:none;}
.skip,.blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;background:transparent !important;}


.w1400{width:1400px; margin:0 auto;}
.w1230{width:1230px; margin:0 auto;}
.mainbg{/* background:url(../img/main/mainbg.png) no-repeat center; *//* height:1000px; */background-size:cover;width:100%;box-sizing: border-box;position: relative; background-color: #2c2c2c;}
.msection{color:rgba(255,255,255,1);/* padding-top: 260px; */text-align:center;/* position: absolute; */z-index: 10;width: 100%;}
.msection .stitlet{font-size: 62px;color:#fff;font-weight:700;letter-spacing:-2px;padding-bottom: 10px;}
.msection .stitlet .c1{ color: #ff530f}
.msection .stitlet .c2{ color: #ff860f}
.msection .stitle{font-size:16px;}
.msection .stitle p{line-height:110%; text-transform:uppercase; }
.msection .stitle-t{color:#f8f8f8; padding-top:10px; font-size:17px; padding-bottom:15px}
.msection .s-more a{display:inline-block; color:#ffb933; font-size:20px; font-weight:600; border:1px solid #ffb933; width:145px; height:45px; line-height:45px; text-align:center}
.stitle-line{width:50px;height:1px;margin: 20px auto 60px;background: rgb(255 255 255 / 80%);}

.global-search-input {
 
    height: 50px;
    background-color: #fff;
    background-color: transparent;
 
    box-sizing: border-box;
    margin: 0 auto;
    color: #000;
    font-size: 24px;
    padding-left: 20px;
    position: relative;
    width: 100%;
    border: 0;
    background: rgb(255 255 255 / 50%);
}


.global-search-input-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    height: 50px;
    transform: translateY(-50%);
    /* background:url("../img/main/search.png") no-repeat center; */
    background: #1a1a1a url(../img/main/search.png) no-repeat center;
}

.global-search-container {text-align: center;position: relative;width: 580px;margin: 0 auto;}
.hashtag{color: #fff; text-align: center; margin-top: 20px}
.hashtag span{padding: 0 10px}

.sw0 .swiper-pagination-bullet {  font-size: 0;    line-height: 0;   width: 50px;    height: 2px;    background: #cfcfcf;    opacity: 0.5;    cursor: pointer;    color: transparent;    border: 0; border-radius: 100%}
.sw0 .swiper-pagination-bullet-active{opacity: 1;    background: #d26428;}
.swiper-container.sw0 {/* padding-bottom:20px; */position: absolute;width: 100%;z-index: 2;padding-top: 300px;}

.sw0 .swiper-container-horizontal > .swiper-pagination-bullets{position:relative; left:inherit;}
.sw0-next{background:url(../img/main/sw_next.png) no-repeat; width:65px; height:65px; position:absolute; right:0;top:5px; cursor:pointer; z-index: 1;}
.sw0-prev{background:url(../img/main/sw_prev.png) no-repeat;  width:65px; height:65px;position:absolute; left:0;top:5px; cursor:pointer; z-index: 1;}
.more a{text-transform: uppercase;color: rgba(255,255,255,1.00);font-family: 'Futura-Medium';border: 1px solid rgba(255,255,255,0.8);padding: 5px 20px;font-size: 14px;display: inline-block;margin-bottom: 20px; }


/* slick 플러그인 */
.slick-slider .slick-list {display:block;position:relative;}
.slick-slider .slick-list.dragging {cursor:pointer}
.slick-slider .slick-list .slick-track {display:block; position:relative; top:0; left:0}
.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after {display:table; content:''}
.slick-slider .slick-list .slick-track:after {clear:both}
.slick-slider .slick-list.slick-loading .slick-track {visibility:hidden}
.slick-slider .slick-list .slick-track .slick-slide {display:none; float:left}
.slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide {float:right}
.slick-slider .slick-list .slick-track .slick-slide img {}
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img {display:none}
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide {display:block}
.slick-slider .slick-list .slick-track.slick-loading .slick-slide {visibility:hidden}
.slick-slider .slick-arrow.slick-hidden {display:none}
.slick-dots {  display: flex;  justify-content: center;  margin: 0;  padding: 1rem 0;  }
.slick-dots li {  margin: 0 0.25rem;}
.slick-dots button {  display: block; width: 12px;    height: 12px;  padding: 0; border: none;  border-radius: 100%; background: #9f9f9f; }
.slick-dots li.slick-active button { background: #24dfb2;}


.comBg {  opacity: 0;}
.slick-slider {
	display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent; 
}

.fbanner .slick-slider {
width: 400px;
    margin: 40px auto;}

.slick-list {margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative;}

.slick-list.dragging {	cursor: pointer;}
.slick-slider .slick-track {	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-track {
	left: 0px; top: 0px; display: block; position: relative;
}
.slick-track::before {
	display: table; content: "";
}
.slick-track::after {
	display: table; content: "";
}
.slick-track::after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	 float: left; display: none; min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	border: 1px solid transparent; border-image: none; height: auto; display: block;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slider {
	transition:opacity 0.3s; opacity: 0; -webkit-transition: opacity 0.3s;
}
.slider::after {
	clear: both; display: block; content: "";
}
.slider.slick-initialized {
	opacity: 1;
}

.slider > :not(:first-of-type).item {
	position: absolute; opacity: 0;
}

.pages-s .slick_slider {
	transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;
}
.pages-s .slick-initialized {
	left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0px; display: block; position: relative; max-width: none; opacity: 1;
}
.pages-s .slick-list {
	z-index: 1;
}
.pages-s .slick-list {
	width: 100%; height: 100%;
}
.pages-s .slick-track {
	width: 100%; height: 100%;
}
.pages-s .slick-slide {
	width: 100%; height: 100%;
}
.slick_slider .page {
	width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;
}
.slick_slider .page .bg {
	background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick_slider.ani .page.slick-active .bg {
	opacity: 1; transform: scale(1) rotate(0.001deg); transition-delay: 0s; -webkit-transform: scale(1, 1) rotate(.001deg); -webkit-transition-delay: 0s;
}
.slick_slider .page .bg .bg_area {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 9990;
}
.slick_slider .page .bg img {
	
}
.slick_slider .page.page_01 .bg {
	background-image: url("../img/main/mainbg_new01.jpg");
}
.slick_slider .page.page_02 .bg {
	background-image: url("../img/main/mainbg_new02.jpg");
}


.slick_slider .intro {
	padding: 550px 60px 150px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: table; position: absolute; box-sizing: border-box;
}
.slick_slider .intro .text_box {
	text-align: center; vertical-align: middle; display: table-cell;
}
.slick_slider .intro .title {
	letter-spacing: -2.5px; padding-bottom: 25px; position: relative;
}
.slick_slider .intro .title em {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 110px; font-size: 90px; font-weight: bold; display: block; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px);
}
.slick_slider.ani .page.slick-active .intro .title em {
	transition:transform 1s; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}

.slick_slider .intro .desc {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; margin-top: 26px; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.slick_slider.ani .page.slick-active .intro .desc {
	transition:transform 1s; opacity: 0.8; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .intro .desc .br {
	display: block;
}
.slick_slider .intro a.btn_box {
	border: 2px solid rgb(255, 255, 255); border-image: none; width: 156px; height: 56px; text-align: center; margin-top: 50px; display: inline-block; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);
}
.slick_slider .intro a.btn_box:hover {
	border-color: rgb(0, 174, 239); background-color: rgb(0, 174, 239);
}
.slick_slider.ani .page.slick-active .intro a.btn_box {
	transition:transform 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}


.pages-s {
	 padding-top: 0px;
	 display: block;
	 position: relative;
	 min-height: 320px;
	 min-width: 320px;
	 height: 810px;
	 /* padding-top: 260px; */
	 /* display: none; */
	 box-sizing: border-box;
}
.pages-s .slick_slider {
	transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;
}
.pages-s .slick-initialized {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	display: block;
	position: relative;
	max-width: none;
	opacity: 1;
}
.pages-s .slick-list {
	z-index: 1;
}
.pages-s .slick-list {
	width: 100%; height: 100%;
}
.pages-s .slick-track {
	width: 100%; height: 100%;
}
.pages-s .slick-slide {
	width: 100%; height: 100%;
}
.slick_slider .page {
	width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box; overflow: hidden;
}
.slick_slider .page .bg {
	background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}

.divider-w{padding-top:250px;}

	
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
     width: 70px !important;
    height: 70px !important;
   background: none;
    z-index: 8;
    cursor: pointer;
      background-size: auto !important;
    background-position: center;
    background-repeat: no-repeat;
	border:none; text-indent:-99999px; display: none !important;
}


.slick-prev{background-image: url(/img/btn-slider-prev.png) !important; }	
.slick-next{  background-image: url(/img/btn-slider-next.png) !important;  right:0; }



.w1545{width: 1545px; margin: 0 auto}
.tabmenu{text-align:center; margin-bottom: 50px;}
.tabmenu ul li{display:inline-block;}
.tabmenu ul li a{border:1px solid #cfcece;height: 55px;line-height: 54px;font-weight: 500;cursor:pointer;display:inline-block;/* width:180px; */text-align:center;padding: 0 30px;box-sizing:border-box;font-size: 17px;color: #292929;letter-spacing: 0;cursor:pointer;text-transform: uppercase;margin-left: -4px;min-width: 200px;}

.tabmenu ul li.on a, .tabmenu ul li a:hover{color: #ffffff;background: #000000;}
.skinlistboxw{display: flex}
.skinlistbox{flex: 1; margin-right: 40px; margin-bottom: 70px; }
.skinlistbox:last-child{margin-right: 0}



.sklistxt{position: relative; border-left:1px solid rgba(199,199,199,1.00);  padding-left: 10px; margin-top: 20px;}
.sklistcate{border: 1px solid #ae1525; color: #ae1525; padding: 0 5px; position: absolute; right: 0; top: 0; font-size: 12px;}
.skliststit{font-size: 13px; color: #ae1525; padding-bottom: 0px}
.sklistit{font-size: 27px;color: #010000; font-weight: 700;     white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.sklistimg{overflow: hidden}
.sklistimg img{width: 100%; transition: all 0.5s; min-height:311px; max-height:311px;}
.sectit{font-size: 45px; color: #000000; text-align: center; padding-bottom: 30px; font-weight: 700; padding-top: 40px}
.sectit span{font-size: 18px;position: relative;top: -10px;padding-left: 20px;}
.skinlistbox:hover .sklistimg img{-webkit-transform: scale(1.15); transform: scale(1.1);}

@media only all and (max-width:1545px){
.w1545{width: 100%; padding: 0 10px; box-sizing: border-box}
}

@media only all and (max-width:1024px){
.msection .stitlet{font-size: 50px}
.tabmenu ul li a{font-size: 15px; padding: 0 10px; margin-bottom: -1px;}
.skinlistbox{margin-right: 20px; margin-bottom: 20px}
.sklistit{font-size: 20px}
.mainbg{display: none}
.tablist{padding-top: 50px}
}

@media only all and (max-width:760px){
.sklistcate{position: relative; display: inline-block}
.global-search-container{width: 90%}
.msection .stitle p{display: inline}
.msection .stitlet{font-size: 35px}
.msection .stitlet span{display: block}
.mainbg, .pages-s{height: 600px}
.msection{ padding-top: 160px}
.skliststit{letter-spacing: 0; font-size: 12px}
.skinlistbox{margin-right: 0}
.sklistimg img{min-height: auto; max-height: auto}
}


@media only all and (max-width:540px){
.msection .stitle{padding:  0 10px}
.stitle-line{margin-bottom: 20px}
.skinlistboxw{display: block} 
.skinlistw:last-child{margin-bottom: 50px}
.tabmenu ul li a{height: auto;line-height: inherit;padding: 5px 10px;font-size: 14px;width: auto;min-width: auto;}
.sectit{font-size: 31px;padding: 20px 0;}
.global-search-input{height: 35px}
.global-search-input-button{    height: 36px;     background-size: 22px;}
.hashtag{padding: 0 10px}
.hashtag span{padding: 0 5px}

}