@import url("common.css");

html, body {overflow:hidden; color:rgba(255,255,255,0.6);}
#header {opacity:0; visibility:hidden;}
#header {animation: 1s forwards fadeIn; animation-delay:1s;}

@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

#intro {position:fixed; width:100%; height:100vh; top:0; left:0;  z-index:9999999; min-width:320px;}
#intro .tv {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; transform: matrix(1, 0, 0, 0, 0, 0);}
#intro.action .tv {animation: 0.3s forwards fadeOut; animation-delay:1s;}
#intro .tv_off {position:absolute; bottom:0; left:0; width:100%; height:100%; /* background:#111; */  opacity:0;}
#intro .tv_off .back_top {position:absolute; top:0; left:0; width:100%; height:63%; background:#000; transition:all 1.5s;}
#intro .tv_off .back_bot {position:absolute; bottom:0; left:0; width:100%; height:calc(37% - 90px); background:#000; transition:all 1.5s;}
#intro.action .tv_off {animation: 0.3s forwards fadeIn; animation-delay:0.5s;}

#intro.none .tv_off .back_top {height:0; transition:all 1.5s; transition-delay:1s;}
#intro.none .tv_off .back_bot {height:0; transition:all 1.5s; transition-delay:1s;}


#intro .intro_line {background:#141414; height:90px; width:0; opacity:0; position:absolute; top:63%; left:0; z-index:20; cursor:pointer;}
			#intro .intro_line .scroll_bar {position:absolute; top:50%; transform:translateY(-50%); right:5%; opacity:0; z-index:99; }
			#intro.action .intro_line .scroll_bar {animation: 0.5s forwards fadeIn; animation-delay:2s;}
			#intro.action .intro_line .scroll_bar .bar::after {margin-top:-2px;}
#intro h1 {position:absolute; top:35%; left:50%; margin-left:-675px; z-index:30; margin-top:-60px; opacity:0; }
#intro.action h1 {margin-top:0; opacity:1; transition-delay:2s !important; transition:all 1s;}
#intro .imgCont {position:absolute; top:50%; right:50%; margin-right:-400px; z-index:30; padding-left:120px; box-sizing:border-box; text-align:right; transform:translateY(-45%);}
#intro .imgCont img {margin-right:100px; opacity:0;}
#intro .imgCont .shadow {position:absolute; top:0; left:0; z-index:-1; }
#intro.action .imgCont .people {margin-right:0; opacity:1; transition: 1s; transition-delay:1s;}
#intro.action .imgCont .shadow {margin-right:0; opacity:1; transition: 1s; transition-delay:1.2s;}

#intro.action .intro_line {width:100%; opacity:1; transition:all 1.2s;}
#intro.none .intro_line { animation: 1.2s forwards line_ani;}

#intro.none .imgCont .people {animation: 1s forwards people_ani; animation-delay:0.5s;}
#intro.none .imgCont .shadow {animation:1s forwards people_ani; animation-delay:0.7s;}
#intro.none h1 {animation:1.2s forwards logo_ani; animation-delay:0.6s;}
#intro.none {overflow:hidden; height:0; transition-delay:2.5s;}


@keyframes fadeIn {
0% {opacity:0; visibility:hidden;}
100% {opacity:1; visibility:visible;}
}
@keyframes fadeOut {
0% {opacity:1; visibility:visible;}
100% {opacity:0; visibility:hidden;}
}
@keyframes line_ani {
0% {width:100%; opacity:1;}
100% {width:0; opacity:0;}
}
@keyframes people_ani {
0% {margin-right:0; opacity:1;}
100% {margin-right:100px; opacity:0;}
}
@keyframes logo_ani {
0% {margin-top:0; opacity:1;}
100% {margin-top:-60px; opacity:0;}
}


/* 스와이퍼 */
.swiper-container {margin: 0 auto; position: relative; overflow:hidden; padding: 0; z-index: 1; box-sizing:border-box; height: 100%; opacity:0; visibility:hidden; background: linear-gradient(-45deg, #0b132b,
#1c2541,
#3a506b,
#1f7a8c); background-size: 400% 400%; animation: gradient 15s ease infinite; min-width:320px;}
.swiper-container.visible {opacity:1; visibility:visible;}
.swiper-wrapper {position: relative; width: 100%; height: 100%;  z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform;
transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; box-sizing:border-box; display: flex; align-items: center;}

.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-container, .swiper-wrapper {position:relative; width:100%; display: flex; align-items: center; height: 100vh; box-sizing:border-box;}
.swiper-slide {position:relative; display:flex; align-items: center; min-width: 100vw; height:100vh; box-sizing:border-box; overflow:hidden;}
.swiper-pagination {position: absolute; text-align: left; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;}


/* 네비게이션 */
.pagination {position:absolute; bottom:40px; left:5%; z-index:1000; width:300px;}
.swiper-pagination span {display:inline-block; width:10px; height:10px; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; margin-right:7px; transition:all 0.3s; cursor:pointer; transition:all 0.3s;}
.swiper-pagination span:hover {border:1px solid #fff; transition:all 0.3s;}
.swiper-pagination span:last-child {margin-right:0;}
.swiper-pagination span.swiper-pagination-bullet-active {background:#fff; border:1px solid #fff; transition:all 0.3s;}
			.scroll_bar {padding-right:85px; box-sizing:border-box; color:#fff; display:inline-block; position:absolute; top:-1px; right:0; letter-spacing:0.8pt; line-height:1; font-size:12px; font-weight:500;}
			.scroll_bar .bar {width:70px; height:1px; background:rgba(255,255,255,0.3); position:absolute; top:50%; right:0; margin-top:-1px;}
			.scroll_bar .bar::before {content:''; width:100%; height:1px; background:#fff; position:absolute; top:0; left:0; animation: 1.6s linear infinite scroll_bar;}
			.scroll_bar .bar::after {content:''; width:5px; height:5px; background:#fff; position:absolute; top:50%; margin-top:-3px; left:0;  animation: 1.6s linear infinite scroll_ani;}
/* 스와이퍼 */


@keyframes scroll_ani {
0%, 100% {left:0;}
50% {left:65px;}
}

@keyframes scroll_bar {
0%,100%  {width:0;}
50% {width:100%;}
}



.tab_cont {}
.tab_cont li {margin:0 0 25px;}
.tab_cont li:last-child {margin:0;}
.tab_cont li a {position:relative; display:inline-block; color:rgba(255,255,255,0.3); font-weight:200; letter-spacing:-1pt; font-size:3.235rem; line-height:1; z-index:10; transition:all 0.5s;}
.tab_cont li a:hover {color:#fff; transition:all 0.5s;}
.tab_cont li a::after {content:''; width:0; height:90%; background:rgba(255,255,255,.15); position:absolute; bottom:-10px; left:0; z-index:-1; transition:all 0.5s;}
.tab_cont li.tab_up a {font-weight:400; color:#fff; }
.tab_cont li.tab_up a::after {width:calc(100% + 13px); transition:all 0.5s;}

.textCont h3 {font-size:4.412rem; letter-spacing:0.5pt; line-height:1; font-weight:500; color:#fff;}
.textCont p {font-size:1.176rem; color:rgba(255,255,255,0.5); font-weight:200; line-height:1.8; margin:13px 0 65px; letter-spacing:-0.5pt;}
.textCont p.eng {letter-spacing:0.3pt !important;}


.moreBtn {position:relative; overflow:hidden; display:inline-block; width:135px; border:2px solid #fff; z-index:31; border-radius:5px; transition: all 0.3s; text-align:left !important;}
.moreBtn span{font-family:'urbane', sans-serif; display:block; position:relative; z-index:10; letter-spacing:0.8pt; line-height:50px; color:#fff; transition: all 0.3s; padding:0 23px; box-sizing:border-box;  background:url('/storage/img/moreArrow.png')no-repeat top 48% right 20px; font-size:12px; font-weight:500;}
.moreBtn.kor {margin-left:4px;}
.moreBtn.kor span {font-family:'Noto Sans KR', sans-serif; font-size:15px; letter-spacing:-0.5pt;}
.moreBtn:hover {border:2px solid #ea0000; transition: all 0.3s;}
.moreBtn:hover span{color:#fff; transition: all 0.3s;}
.moreBtn::before {content: '';width: 0%;height: 100%;display: block;background: #ea0000;position: absolute;-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg); transform: skewX(-20deg);   left: -10%;opacity: 1;top: 0; z-index:2;
-moz-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
box-shadow:2px 0px 14px rgba(0,0,0,.6);
}

.moreBtn::after {content: '';width: 0%;height: 100%;display: block; background: #fff; position: absolute;-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg); transform: skewX(-20deg);   left: -10%;opacity: 0;top: 0; z-index:1;
-webkit-transition: all .3s cubic-bezier(.2,.95,.57,.99);
-moz-transition: all .3s cubic-bezier(.2,.95,.57,.99);
-o-transition: all .3s cubic-bezier(.2,.95,.57,.99);
transition: all .3s cubic-bezier(.2,.95,.57,.99);
box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.moreBtn:hover::before{opacity:1; width: 116%;}
.moreBtn:hover::after{ opacity:1; width: 120%;}

.moreBtn.red {border:2px solid #ea0000; }
.moreBtn.red span {color:#ea0000; background:url('/storage/img/moreArrow_R.png')no-repeat top 48% right 20px;}
.moreBtn.red:hover {border:2px solid #fff; transition: all 0.3s;}
.moreBtn.red:hover span{color:#ea0000; transition: all 0.3s;}
.moreBtn.red::before {background: #fff;}
.moreBtn.red::after {background: #ea0000;}



/*** 텍스트 효과 ***/
.visual-tit .word {display:inline-block;}
.visual-tit,.sub-txt{overflow:hidden; opacity:0;}
.visual-tit .char,.sub-txt .word{display:inline-block; opacity:0;}
.visual-tit.splitting, .sub-txt.splitting{opacity:1.0;}
.action .visual-tit.splitting .char {animation: slide-up 1s cubic-bezier(.5,.2,0,1); animation-fill-mode: both; animation-delay: calc(0.05s + (.05s * var(--char-index)) );}

@keyframes slide-up {
	from{opacity:0; transform: translateY(125%);}
	to{opacity:1.0; transform: translateY(0);}
}
/*** 텍스트 효과 ***/


/* CURSOR */
#cursor {position:absolute; width:95px; height:47px; transition:all 0.1s linear; pointer-events: none; z-index:9999999999999999999999 !important; opacity:0; visibility:hidden; transform:scale(0.5); /* transition:all 1s; */}
#cursor::before {content:''; width:16px; height:12px; background:url('/storage/img/cursor_left.png')no-repeat center; position:absolute; left:0; top:50%; margin-top:-6px;}
#cursor::After {content:''; width:16px; height:12px; background:url('/storage/img/cursor_right.png')no-repeat center; position:absolute; right:0; top:50%; margin-top:-6px;}
#cursor span {display:block; width:47px; height:47px; border:2px solid rgba(255,255,255,0.5); border-radius:100%; margin:0 auto;}
#cursor.on { opacity:1; visibility:visible;transform:scale(1);  /* transition:all 1s; */}
/* CURSOR */



#about {background:url('/storage/img/about_bg.jpg')no-repeat center / cover;}
#about .about {width:885px; margin:0 auto; text-align:center;}
#about .about ul {font-size:0; }
#about .about ul li {display:inline-block; vertical-align:middle; overflow:hidden;}
#about .about ul li.center {margin:0 110px;}
#about .about ul li.logo img {position:relative; transform:translateY(100%); transition:all 1.5s;}
#about .about ul li.txt {font-size:4.412rem; color:#fff; line-height:1; letter-spacing:0.5pt; font-weight:300;}
#about .about h4 {position:relative; top:-80px; opacity:0; font-size:1.176rem; color:#fff; font-weight:500; color:#fff; margin:75px 0 5px;}
#about .about p {position:relative; top:-80px; opacity:0; font-size:0.882rem; line-height:1.8; font-size:400; letter-spacing:-0.3pt; color:rgba(255,255,255,0.7)}

#about.action .visual-tit.splitting .char {animation: slide-up 1.5s cubic-bezier(.5,.2,0,1) forwards;}
#about.action .about ul li.logo img {transform:translateY(0); transition:all 1.5s;}
#about.action .about h4 {animation: 1.2s forwards txt_ani; animation-delay:1s;}
#about.action .about p {animation: 1.2s forwards txt_ani; animation-delay:1.2s;}

@keyframes txt_ani {
0%  {position:relative; top:-50px; opacity:0;}
100% {position:relative; top:0; opacity:1;}
}



.dot_cont {font-size:0;}
.dot_cont.w50 li{display:inline-block; width:50%;}
.dot_cont li {position:relative; letter-spacing:-0.5pt; color:#fff; line-height:1.8; padding-left:30px; box-sizing:border-box; margin:0 0 10px; font-size:1rem;}
.dot_cont li::after {content:''; width:16px; height:18px; background:url('/storage/img/check_icon.png')no-repeat center; position:absolute; top:6px; left:0;}
.scroll_wrap {height:100%;}

#company .tab_cont {position:relative; top:-50px; opacity:0; width:470px;}
#company.action .tab_cont {animation: 1.2s forwards txt_ani; animation-delay:0.3s;}
#company .company_cont {width:calc(95% - 470px); position:absolute; top:0; right:0;  height:100vh; padding:150px 80px; box-sizing:border-box;}
#company .company_cont::After {content:''; width:100%; height:0; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; z-index:-1;}
#company.action .company_cont::After {height:100%; transition:all 1.5s; transition-delay:0.3s;}
#company .company_in {height:100%; opacity:0; visibility:hidden; overflow:hidden;}
#company.action .company_in  {animation:1s forwards fadeIn; animation-delay:1.2s;}
		#company .company_cont .overview {}
		#company .company_cont .cont {border-bottom:1px solid rgba(255,255,255,0.15); margin:0 0 30px; padding:0 0 23px;}
		#company .company_cont .cont:last-child {border-bottom:0;}
		#company .company_cont .cont h4 {font-size:1.765rem; color:#fff; font-weight:bold; letter-spacing:-0.7pt; line-height:1.4; margin:0 0 17px;}
		#company .company_cont .cont h4 .deco {position:relative; font-style:normal; letter-spacing:inherit; line-height:inherit;}
		#company .company_cont .cont h4 .deco::after {content:''; width:15px; height:16px; background:url('/storage/img/sns02.png')no-repeat center; position:absolute; top:2px; right:-9px;}
		#company .company_cont .cont h4.eng {letter-spacing:0;}
		#company .company_cont .cont h4 img {margin-left:7px;}
		#company .company_cont .cont .thin {font-weight:200; letter-spacing:inherit; line-height:inherit;}
		#company .company_cont .cont p {font-size:1rem; color:#fff; letter-spacing:-0.5pt; line-height:1.8; }
		#company .company_cont .cont p b {font-weight:bold; letter-spacing:-0.5pt; text-decoration:underline;}
		#company .company_cont .cont dl {width:790px; display:flex; flex-wrap:wrap; justify-content: space-between; margin:50px 0 0;}
		#company .company_cont .cont dl dd {position:relative; width:220px; height:220px; border-radius:100%; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; text-align:center; z-index:10; line-height:1.5;}
		#company .company_cont .cont dl dd::before {content:''; width:22px; height:18px; background:url('/storage/img/overviewArrow.png')no-repeat center; position:absolute; top:50%; right:-41px; margin:-9px 0 0;}
		#company .company_cont .cont dl dd::after {content:''; width:calc(100% - 15px); height:calc(100% - 15px); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:100%; background:#fff; z-index:-1;}
		#company .company_cont .cont dl dd div {width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); color:#111;}
		#company .company_cont .cont dl dd span {position:relative; font-family:'urbane', sans-serif; display:block; color:#fff; font-size:0.882rem; font-weight:bold;}
		#company .company_cont .cont dl dd span::After {content:'+'; font-size:1rem; color:rgba(255,255,255,0.5); line-height:1; position:absolute; bottom:-18px; left:50%; transform:translateX(-50%); font-weight:300;}
		#company .company_cont .cont dl dd span:last-child::After {display:none;}
		#company .company_cont .cont dl dd span:nth-child(2) {margin:20px 0;}
		#company .company_cont .cont dl dd.red::after {background:#ea0000; }
		#company .company_cont .cont dl dd:last-child::before {display:none;}

		#company .company_cont .media {font-size:0;}
		#company .company_cont .media img {margin-right:39px;}
		#company .company_cont .media .dot_cont {display:inline-block; vertical-align:top; width:calc(100% - 115px);}

		#company .mCSB_scrollTools .mCSB_draggerRail {width:4px !important; background:rgba(255,255,255,0.2) !important;}


		.history  {}
		.tableWrap {padding-left:10px; box-sizing:border-box;}
		.tableWrap ul {border-left:1px solid rgba(255,255,255,0.2); padding:0 0 50px 20px; box-sizing:border-box;}
		.tableWrap ul:first-child {padding:50px 0 50px 20px;}
		.tableWrap ul::after {content:''; display:block; clear:both;}
		.tableWrap ul li.year {position:relative; font-family:'urbane', sans-serif; float:left; width:130px; color:#fff; font-size:1.765rem; font-weight:bold; line-height:1; }
		.tableWrap ul li.year::after {content:''; width:13px; height:13px; border:2px solid #fff; box-sizing:border-box; position:absolute; left:-27px; top:9px; border-radius:100%; z-index:10;}
		.tableWrap ul li.days {float:left; width:calc(100% - 130px); }
		.tableWrap ul li.days dl {color:rgba(255,255,255,0.7); letter-spacing:-0.6pt; line-height:1.8; margin:0 0 5px;}
		.tableWrap ul li.days dl:last-child {margin:0;}

		.partner {}
		.partner ul {font-size:0;}
		.partner ul li {display:inline-block; width:calc((100% - 44px) / 3); margin:0 22px 22px 0 ;}
		.partner ul li:nth-child(3n) {margin:0 0 22px 0;}
		.partner ul li img {width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}






#management {position:relative; }
#management::before {content:''; width:0; height:100%; background:#111; position:absolute; top:0; left:0; z-index:-1;  transition:all 1s;}
#management.action::before {width:50%; transition:all 1s;}
#management::after {content:''; width:45%; height:100%; background:url('/storage/img/roseBg_left.jpg')no-repeat center right / cover; position:absolute; top:0; left:0; z-index:-1; opacity:0; transition:all 1s;}
#management.action::after {left:5%; opacity:1; transition:all 1s; transition-delay:0.6s;}
#management .textCont {position:relative; top:-50px; opacity:0; width:570px; position:relative; z-index:90;}
#management.action .textCont {animation: 1.2s forwards txt_ani; animation-delay:0.3s;}
#management .manageWrap {width:calc(90% - 510px); position:absolute; top:0; right:5%; height:100%; opacity:0; visibility:hidden; }
#management.action .manageWrap {animation: 1s forwards fadeIn; animation-delay:1.2s;}
#management .management_list {width:100%; display:flex; flex-wrap:wrap; }
#management .management_list dl {position:relative; margin:0 0 20px;}
#management .management_list dl:last-child {margin:0 0 0px;}
#management .management_list dl a {display:block; z-index:999; position:relative; }
#management .management_list dl dt {background:#000; overflow:hidden;}
#management .management_list dl dt img {width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0.8; transition:all 0.8s;}
#management .management_list dl dd {position:absolute; width:100%; top:0; right:0; font-weight:bold; letter-spacing:0.3pt; font-family:'urbane', sans-serif; color:#fff; line-height:1.2; padding:20px; box-sizing:border-box; text-align:right; transition:all 0.8s;}

#management .management_list dl:hover img {opacity:0.4; transition:all 0.8s; transform:scale(1.15);}
#management .management_list dl:hover dd {color:#ea0000; transition:all 0.8s;}


.tab_list {font-size:0; margin:23px 0 70px;}
.tab_list li {margin-right:40px; display:inline-block; vertical-align:middle;}
.tab_list li:last-child {margin-right:0;}
.tab_list li a {position:relative; font-size:1.176rem; color:rgba(255,255,255,0.5); letter-spacing:-0.5pt; line-height:1; transition:all 0.5s;}
.tab_list li a:hover {color:#fff; transition:all 0.5s;}
.tab_list li a::after {content:''; width:0; height:60%; background:rgba(255,255,255,.15); position:absolute; bottom:-1px; left:0; z-index:-1; transition:all 0.5s;}
.tab_list li.up a {font-weight:500; color:#fff;}
.tab_list li.up a::after {width:calc(100% + 6px); transition:all 0.5s;}


.marquee__content:hover .marquee__list {
 -webkit-animation-play-state:paused;
 animation-play-state:paused
}
.marquee__wrapper {
 padding:0;
 position:relative;
width:calc((100% - 20px) / 2);
}
.marquee__wrapper+.marquee__wrapper {margin-left:20px;}
.marquee__list {
padding-top:20px;
-webkit-animation:marquee 50s linear infinite;
 animation: marquee 50s linear infinite;
 }
.marquee__list.down {
 position:relative;
 -webkit-animation:marquee_down 50s linear infinite;
 animation:marquee_down 50s linear infinite;}


@-webkit-keyframes marquee {
 0% {
  -webkit-transform:translateY(0);
 transform:translateY(0)
 }
 to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
@keyframes marquee {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}


/@-webkit-keyframes marquee_down {
 0% {
   -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 to {
 -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes marquee_down {
 0% {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}


.textCont p, .btnWrap  {position:relative; top:-50px; opacity:0;}
.action .textCont p, .action .btnWrap  {top:0; opacity:1; transition:1s; transition-delay:0.3s;}
.action .btnWrap {transition-delay:0.6s;}

.back {}
.back::after {transform:scale(1.2); transition:all 2s;}
.action.back::after {transform:scale(1); transition:all 2s;}

#ads {overflow:hidden;}
#ads::before {content:''; width:0; height:100%; background:#000; position:absolute; top:0; right:0; z-index:-1; transition:all 1s;}
#ads.action::before {width:50%; transition:all 1s; transition-delay:0.3s;}
#ads::after {content:''; width:45%; height:100%; background:url('/storage/img/roseBg_right.jpg')no-repeat center left / cover; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all 1s;}
#ads.action::after {right:5%; opacity:1; transition:all 1s; transition-delay:1s;}
#ads .textCont {width:460px; position:absolute; top:50%; right:5%; transform:translateY(-50%);}
#ads .ads_list {width:calc(100% - 460px); position:absolute; top:50%; left:-5%; transform:translateY(-50%); margin-left:-40px; overflow:hidden; opacity:0; visibility:hidden;}
#ads.action .ads_list {animation: 1s forwards fadeIn;}
#ads .ads_list dl {position:relative; overflow:hidden; margin-left:40px;}
#ads .ads_list dl dt {overflow:hidden;}
#ads .ads_list dl dt img {width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
#ads .ads_list dl dd {position:absolute; top:100%; left:0; background:rgba(0,0,0,0.9); width:100%; height:100%; opacity:0; transition:all 0.5s;}
#ads .ads_list dl dd p {font-family:'urbane','Noto Sans KR', Malgun Gothic,'Malgun Gothic',  sans-serif; font-weight:500; color:#fff; letter-spacing:0.2pt; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; line-height:1.3; padding:0 15px; box-sizing:border-box; text-align:center;}
#ads .ads_list dl:hover dd {top:0; opacity:1; transition:all 0.5s;}



#service {background:#111;}
#service .service {font-size:0; position:relative; z-index:10; width:100%;}
#service .service li {display:inline-block;  text-align:center; position:relative; width:50%; height:100vh; box-sizing:border-box; transition:all 1s; z-index:10;}
#service .service li.on {width:60%; transition:all 1s;}
#service .service li.off {width:40%; transition:all 1s;}
#service .service li::before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#service .service li.production {padding-left:5%;}
#service .service li.production::before {background:url('/storage/img/production_bg.jpg')no-repeat center / cover; opacity:0.3;}
#service .service li.commerce {padding-right:5%;}
#service .service li.commerce::before {background:url('/storage/img/commerce_bg.jpg')no-repeat center / cover; opacity:0.6;}
#service .service li.on::before {opacity:0.7; transition:all 1s;}
#service .service li.on.commerce::before {opacity:0.9; transition:all 1s;}
#service .service li > div {position:absolute; top:50%; transform:translateY(-50%); width:100%;}
#service .service li > div h3 {font-family:'urbane', sans-serif; font-size:2.941rem; color:#fff; letter-spacing:0.5pt; line-height:1; letter-spacing:0.5pt; margin:0 0 50px; font-weight:500;}





#event {position:relative; overflow:hidden;}
#event::after {content:''; width:100%; height:100%; background:url('/storage/img/event_bg.jpg')no-repeat center / cover; position:absolute; top:0; left:0; z-index:-1;}
#event .textCont {margin:0 0 55px;}
#event .textCont h3 {display:inline-block;}
#event .textCont p {display:inline-block; margin:0; color:rgba(255,255,255,0.7); margin-left:15px;}
#event .textCont .moreBtn {float:right;}
.event_list {opacity:0; margin-left:-40px; padding-bottom:90px;}
#event.action .event_list {animation: 1.2s forwards fadeIn; animation-delay:1s;}
.event_list::after {content:''; display:block; clear:both;}
.event_list dl {position:relative; margin-left:40px; box-shadow:0 10px 30px rgba(0,0,0,0.39); opacity:0.5; transition: all .4s ease-in-out;}
.event_list dl.slick-active { opacity:1; transition: all .4s ease-in-out;}
.event_list dl dt {background:#000; overflow:hidden;}
.event_list dl dt img {width:100%; opacity:0.7; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 0.5s;}
.event_list dl dd {position:absolute; top:0; left:0; padding:20px 15px; box-sizing:border-box; width:100%; height:100%;}
.event_list dl dd span {font-family:'urbane', sans-serif;  display:block; text-align:right; font-size:0.882rem; color:#fff; font-weight:bold; letter-spacing:0.5pt; transition:all 0.5s;}
.event_list dl dd h4 {position:absolute; bottom:0; left:0; font-family:'urbane', 'Noto Sans KR', sans-serif; font-weight:bold; color:#fff; letter-spacing:0.3pt; font-size:0.882rem; line-height:1.8; transition:all 0.5s; padding:15px 20px; box-sizing:border-box; width:100%;}

#event.action .textCont p {top:-12px;}
.event_list dl:hover dt img {transform:scale(1.1); opacity:0.5; transition:all 0.5s;}
.event_list dl:hover dd span {color:#ea0000; transition:all 0.5s;}
.event_list dl:hover dd h4 {color:#ea0000; transition:all 0.5s;}


.progress {width:90%; height:4px; border-radius: 5px; background:rgba(255,255,255,0.2); display:block; position: absolute; left: 5%; bottom: 0; z-index: 90; overflow: hidden;  opacity:0; }
#event.action .progress {animation: 1s forwards fadeIn; animation-delay:1.2s;}
.progress .progressbar{width:20%; height:4px; border-radius: 5px; background: #fff; display:block; transition: all .4s ease-in-out; position:absolute; left:0; top:0; z-index:1;}
.sr-only {position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0,0,0,0);  border: 0;}



#press {position:relative; }
#press::after {content:''; width:100%; height:100%; background:url('/storage/img/press_bg.jpg')no-repeat center / cover; position:absolute; top:0; left:0; z-index:-1;}
#press .basicCont {font-size:0;}
#press .textCont {display:inline-block; vertical-align:top; width:470px; padding-top:110px; box-sizing:border-box;}
#press .textCont p {color:rgba(255,255,255,0.7);}
#press .press_list {display:inline-block; vertical-align:top; width:calc(100% - 470px); background:rgba(0,0,0,0.5); border-radius:20px; padding:45px 50px; box-sizing:border-box;opacity:0; visibility:hidden;}
#press.action .press_list {animation: 1s forwards fadeIn; animation-delay:1.2s;}
#press .press_list li {padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.15); box-sizing:border-box;}
#press .press_list li:last-child {border-bottom:0;}
#press .press_list li a {display:block; font-size:1rem; letter-spacing:-0.3pt; line-height:1.5; color:#fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 1.8rem; transition:all 0.3s;}
#press .press_list li a span {font-family:'urbane', sans-serif;  font-weight:bold; font-size:0.882rem; color:#fff; letter-spacing:0.3pt !important; display:inline-block; margin-right:30px; line-height:inherit; transition:all 0.3s;}
#press .press_list li a:hover {color:rgba(255,255,255,0.7); transition:all 0.3s;}
#press .press_list li a:hover span {color:#ea0000; transition:all 0.3s;}



#contact {}
#contact::after {content:''; width:100%; height:100%; background:url('/storage/img/contact_bg.jpg')no-repeat center / cover; position:absolute; top:0; left:0; z-index:-1;}
.contact_list {width:1040px; display:flex; flex-wrap:wrap;}
.contact_list li {width:calc((100% - 40px) / 2); margin-right:40px; background:#006dea; overflow:hidden; text-align:center; transition:all 0.4s; position:relative; top:50px; opacity:0;}
.contact_list li:last-child {margin-right:0;}

.contact_list li a {display:block; padding:135px 20px 90px; box-sizing:border-box;}
.contact_list li h4 {font-family:'urbane', sans-serif;  color:#fff; font-weight:bold; letter-spacing:0.5pt; font-size:2.353rem; line-height:1; transition:all 0.3s;}
.contact_list li p {color:rgba(255,255,255,0.5); font-size:1.176rem; letter-spacing:-0.5pt; line-height:1.8; margin:10px 0 50px; transition:all 0.3s;}
.contact_list li span {display:inline-block; width:46px; height:46px; border-radius:100%; border:2px solid rgba(255,255,255,0.4); background:url('/storage/img/moreArrow.png')no-repeat center; transition:all 0.3s;}

.contact_list li.inquiry {border-radius:150px 50px 150px 50px;}
.contact_list li.location {border-radius:50px 150px 50px 150px; background:#fff;}
.contact_list li.location h4 {color:#ea0000;}
.contact_list li.location p {color:#888;}
.contact_list li.location span {border:2px solid rgba(234,0,0,0.4); background:url('/storage/img/moreArrow_R.png')no-repeat center;}

.contact_list li:hover {border-radius:50px; transition:all 0.4s;}
.contact_list li:hover p {color:#fff; transition:all 0.3s;}
.contact_list li:hover span {border:1px solid #fff; background:#fff url('/storage/img/moreArrow_R.png')no-repeat center; transition:all 0.3s;}

.contact_list li.location:hover p {color:#222; transition:all 0.3s;}
.contact_list li.location:hover span {border:1px solid #ea0000; background:#006dea url('/storage/img/moreArrow.png')no-repeat center; transition:all 0.3s;}

#contact.action .contact_list li {animation:shape_ani 1s forwards; animation-delay:0.3s;}
#contact.action .contact_list li.location {animation-delay:0.6s;}


@keyframes shape_ani {
0% {position:relative; top:50px; opacity:0;}
100% {position:relative; top:0; opacity:1;}
}

.scrollTop {font-family:'urbane', sans-serif; position:absolute; right:5%; top:50%; transform:translateY(-50%); font-size:2.353rem; color:#fff; font-weight:bold; letter-spacing:0.5pt; padding-left:65px; background:url('/storage/img/topArrow.png')no-repeat center left; display: inline-block;}
.scrollTop:after{content: ""; display: block; height: 2px; left: 0; position: absolute;  width:0; z-index: 1; bottom:0px; background:#fff;  transition:all 0.5s;}
.scrollTop:hover {letter-spacing:2pt;  transition:all 0.5s;}
.scrollTop:hover:after {width:100%; transition:all 0.5s;}






/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) {

#intro h1 {left:5%; margin-left:0;}


#company .company_cont {padding:150px 40px;}
#company .company_cont .cont dl {width:620px;}
#company .company_cont .cont dl dd {width:180px; height:180px;}
#company .company_cont .cont dl dd::before {width:18px; background-size:100%; right:-30px;}

#management .manageWrap {width:calc(90% - 395px);}



#ads .textCont {width:400px;}
#ads .ads_list {width:calc(100% - 400px); margin-left:-20px;}
#ads .ads_list dl {margin-left:20px;}


#event .textCont {position:relative; padding-right:150px; box-sizing:border-box;}
#event .textCont .moreBtn {float:none; position:absolute; top:50%; right:0; transform:translateY(-50%);}
#event.action .textCont p {display:block; top:0; margin:5px 0 0;}

.contact_list {width:900px; margin:0 auto 60px;}
.scrollTop {position:relative; right:auto; display:inline-block; left:50%; transform:translate(-50%,0);}

}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1400px) {


}
/*******************************************************************************
	@media ~1200px
*******************************************************************************/
@media all and (max-width:1200px) {


#intro h1 img {width:320px;}
#intro .imgCont img {width:500px;}


.dot_cont li {margin:0 0 8px;}

#company .tab_cont {width:300px;}
#company .company_cont {width:calc(95% - 300px); padding:150px 50px;}
#company .company_cont .cont h4 {font-size:1.5rem;}

#ads .textCont {width:300px;}
#ads .ads_list {width:calc(100% - 300px); margin-left:-20px;}
#ads .ads_list dl {margin-left:20px;}




#press .textCont { width:300px; padding-top:80px; }
#press .press_list {width:calc(100% - 300px);}



}
/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) {

}

/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) {

/* #intro  {height:-webkit-fill-available;} */
#intro h1 {top:15%;}
#intro h1 img {width:250px;}

#intro .imgCont {top:auto; bottom:5%; right:50%; margin-right:-240px; transform:translateY(0); padding-left:80px;}
#intro .imgCont img {width:400px;}
#intro .intro_line {height:70px;}
#intro .tv_off .back_bot {height:calc(37% - 70px);}


#cursor {display:none !important;}


/* 스와이퍼 */
.swiper-container {overflow:visible; height:-webkit-fill-available;}
.swiper-wrapper {display: block; overflow-y:visible; display: -webkit-inline-box;}

.swiper-container-android .swiper-slide,
.swiper-wrapper {transform:none;}
.swiper-container, .swiper-wrapper {position:relative; display:block;}
.swiper-wrapper {position:relative; display:block;}
.swiper-slide {position:relative; display: block; box-sizing:border-box;}


/* 네비게이션 */
.pagination {position:absolute; bottom:320px; left:2%; z-index:1000; width:auto;}
.pagination:after {padding-left:0; top:155px; right:-34px; transform:rotate(90deg);}

.swiper-pagination {position: absolute; text-align: center; margin:0 0 0 7px;}
.swiper-pagination span {display:block; margin:0 0 8px;}


.scroll_bar {padding-right:75px; top: 220px; right: -71px; font-size:10px; transform: rotate(90deg);}
/* 스와이퍼 */


.moreBtn {width:110px;}
.moreBtn span{line-height:44px;  padding:0 15px; box-sizing:border-box;  background:url('/storage/img/moreArrow.png')no-repeat top 48% right 15px; background-size:14px;}
.moreBtn.red span {background:url('/storage/img/moreArrow_R.png')no-repeat top 48% right 15px;}
.moreBtn.kor span {font-size:14px;}


.textCont h3 {font-size:3.2rem;}
.textCont p {margin:15px 0 40px;}


#about {height:-webkit-fill-available;}
#about .about {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:630px; }
#about .about ul li.txt {font-size:3rem;}
#about .about ul li.center {margin:0 60px;}
#about.action .about ul li.logo img {width:250px;}
#about.action .about h4 {margin:50px 0 5px;}


.tab_cont li a {font-size:2.6rem;}

#company {height:auto;}
#company .tab_cont {width:100%; padding:100px 0 35px;}
#company .tab_cont li {display:inline-block; margin-right:30px;}
#company .tab_cont li:last-child {margin-right:0;}
#company .company_cont {position:relative; width:100%; height:500px; padding:60px 40px;}
#company .company_cont .cont h4 {font-size:1.4rem; margin:0 0 15px;}

#company .company_cont .cont dl dd {width:180px; height:180px;}

.tableWrap ul li.year::after {width:11px; height:11px; top:5px;}
.tableWrap ul li.year {width:100px; font-size:1.5rem;}
.tableWrap ul li.days {width:calc(100% - 100px);}


.tab_list {margin:15px 0 40px;}
.tab_list li {margin-right:20px;}
.tab_list li a {font-size:1rem;}


#management {height:910px;}
#management .basicCont {padding:100px 5% 60px;}
#management .textCont {width:100%;}
#management .manageWrap {position:relative; width:90%; height:auto; right:0; margin:0 auto; overflow:hidden;}

#management::before {height:100%;}
#management.action::before {width:100%;}
#management::after {width:100%; height: 100%;}

#ads {height:auto; padding:0 0 100px;}
#ads::before {height:100%; display:none;}
#ads.action::before {width:100%;}
#ads::after {width:100%; height: 100%; display:none;}
#ads .textCont {width:90%; position:relative; right:auto; left:5%; top:0; transform:translateY(0); padding:100px 0 60px; margin:0 0 28vw;}
#ads .ads_list {width:90%; position:absolute; left:5%; top:auto; bottom:100px; transform:translateY(0); overflow:hidden; margin-left:0;}
#ads .ads_list dl {margin-left:20px;}




#service  {height:800px;}
#service .service li {width:100% !important; height:400px; padding:0 5%; box-sizing:border-box;}
#service .service li.on {height:500px; transition:all 1s;}
#service .service li.off {height:300px; transition:all 1s;}
#service .service li > div {width:90%;}


#event {height:auto; padding:100px 0;}
#event .basicCont {padding:0 5% 26vw; box-sizing:border-box;}
.eventWrap {position:absolute; bottom:0; left:0; width:100%;}
.event_list {margin-left:-15px; padding:0 5% 45px;}
.event_list dl {margin-left:15px;}



#press {height:auto; padding:100px 0;}
#press .textCont { width:100%; padding-top:0px; margin:0 0 55px;}
#press .textCont br {display:none;}
#press .press_list {width:100%; padding:30px 35px;}
#press .press_list li {padding:10px 0;}



#contact {height:auto; padding:100px 0;}
.contact_list {width:100%; margin:0 auto 60px;}
.contact_list li {width:calc((100% - 20px) / 2);}
.contact_list li.inquiry {margin-right:20px;}
.contact_list li h4 {font-size:2rem;}
.contact_list li a {padding:95px 20px 60px}
.contact_list li p {margin:10px 0 30px;}

.contact_list li.inquiry {border-radius:100px 30px 100px 30px;}
.contact_list li.location {border-radius:30px 100px 30px 100px; background:#fff;}

.scrollTop {position:relative; right:auto; display:inline-block; left:50%; transform:translate(-50%,0); padding:50px 0 0; background:none;}
.scrollTop::before {content:''; width:27px; height:22px; background:url('/storage/img/topArrow.png')no-repeat center; position:absolute; top:4px; left:50%; transform:rotate(90deg); margin-left:-15px;}



}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) {



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {



#intro h1 {top:20%; left:50%; margin-left:-90px;}
#intro h1 img {width:180px;}

#intro .imgCont {bottom:auto; top:40%; right:50%; margin-right:-175px; transform:translateY(0); padding-left:50px;}
#intro .imgCont img {width:300px;}
/* #intro .intro_line {height:50px;}
#intro .tv_off .back_bot {height:calc(37% - 50px);} */

#intro .intro_line {top:30%;}
#intro .tv_off .back_top {height:30%;}
#intro .tv_off .back_bot {height:calc(70% - 50px);}


#about {height:100%;}
#about .about {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:400px; }
#about .about br {display:none;}
#about .about ul li {display:block;}
#about .about ul li.center {margin:20px 0;}
#about .about ul li.txt {font-size:2rem;}
#about .about ul li.center img {width:25px;}
#about.action .about ul li.logo img {width:150px;}
#about.action .about h4 {margin:40px 0 5px; font-size:1.3rem;}



.textCont h3 {font-size:2.4rem;}
.textCont p {margin:5px 0 20px; font-size:1rem;}

.tab_list  {}

.tab_cont li a {font-size:1.4rem;}
.tab_cont li a::after {bottom:-5px;}
.tab_cont li.tab_up a::after {width:calc(100% + 8px);}

.dot_cont li {padding-left:25px; margin:0 0 5px;}
.dot_cont.w50 li {width:100%;}
.dot_cont li::after {width:14px; background-size:100% !important; top:3px;}


.moreBtn {width:90px;}
.moreBtn span{line-height:38px;  padding:0 10px; box-sizing:border-box;  background:url('/storage/img/moreArrow.png')no-repeat top 48% right 10px; background-size:12px;}
.moreBtn.red span {background:url('/storage/img/moreArrow_R.png')no-repeat top 48% right 10px;}
.moreBtn.kor span {font-size:13px;}



#company {height:100%;  box-sizing:border-box;}
#company.action .company_cont::After {height:100% !important;}
#company .tab_cont {width:100%; padding:60px 0 10px;}
#company .tab_cont li {display:inline-block; margin-right:20px;}
#company .tab_cont li:last-child {margin-right:0;}
#company .company_cont {position:relative; width:100%; height:calc(100% - 110px); padding:30px 20px;}
#company .company_cont .cont {margin:0 0 20px; padding:0 0 15px;}
#company .company_cont .cont h4 {font-size:1.2rem; margin:0 0 10px;}
#company .company_cont .cont h4 .deco::after {width:10px; background-size:100%; top:-3px;}
#company .company_cont .cont h4 img {width:17px;}
#company .company_cont .media img {width:50px; margin-right:20px;}
#company .company_cont .media .dot_cont {width:calc(100% - 70px);vertical-align:middle;}
#about .about p {font-size:1rem;}

#company .company_cont .cont dl {width:160px; display:block; margin:30px auto 0;}
#company .company_cont .cont dl dd {width:160px; height:160px; margin-bottom:30px;}
#company .company_cont .cont dl dd::before {bottom:-25px; right:50%; margin-right:-7px; transform:rotate(90deg); background-size:100%; top:auto; width:15px;}



.tableWrap ul {padding:0 0 30px 15px;}
.tableWrap ul:first-child {padding:30px 0 30px 15px;}
.tableWrap ul li.year::after {width:8px; height:8px; top:5px; left:-20px;}
.tableWrap ul li.year {float:none; width:100%; font-size:1.3rem; margin:0 0 10px;}
.tableWrap ul li.days {float:none; width:100%;}

.partner ul li {display:inline-block; width:calc((100% - 20px) / 3); margin:0 10px 10px 0 ;}
.partner ul li:nth-child(3n) {margin:0 0 10px 0;}


#management {height:100%;}
#management .basicCont {padding:60px 5% 30px;}


#ads {height:100%; padding:0 0 60px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
#ads > div {position:relative; width:100%;}
#ads .textCont {padding:60px 0 30px; padding:0 0 53vw; margin:0;}
#ads .ads_list {bottom:0;}
#ads .ads_list dl {margin-left:10px;}


#service {height:100%; box-sizing:border-box;}
#service .service {height:100%;}
#service .service li > div h3 {font-size:2rem; margin:0 0 20px;}
#service .service li {height:50%;}
#service .service li.on {height:60%; transition:all 1s;}
#service .service li.off {height:40%; transition:all 1s;}


#event {height:100%; padding:60px 0; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
#event .basicCont {padding:0 5% 73vw;}
#event .textCont {padding:0; text-align:center;}
#event .textCont p {margin:5px 0 20px !important;}
#event .textCont .moreBtn {position:relative; top:0; right:0; transform:translate(0,0);}
.event_list {margin-left:-10px; padding-bottom:40px;}
.event_list dl {margin-left:10px;}



#press {height:100%; padding:60px 0; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
#press .textCont {margin:0 0 30px; text-align:center;}
#press .press_list {padding:20px;}
#press .press_list li {padding:8px 0;}
#press .press_list li a span {margin-right:15px;}



#contact {height:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
.contact_list {width:100%; margin:0 auto 30px;}
.contact_list li {width:100%; margin:0 0 20px;}
.contact_list li.inquiry {margin-right:0; margin-bottom:20px;}
.contact_list li h4 {font-size:2rem;}
.contact_list li a {padding:55px 20px 35px;}
.contact_list li p {margin:10px 0 20px;}
.contact_list li span {width:30px; height:30px; background-size:12px !important;}

.contact_list li.inquiry {border-radius:70px 30px 70px 30px;}
.contact_list li.location {border-radius:30px 70px 30px 70px;}

.scrollTop {font-size:1.8rem; padding-left:0; background-size:20px !important; padding:35px 0 0;}



}
/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) {

#intro h1 {top:10%; margin-left:-65px;}
#intro h1 img {width:130px;}

#intro .intro_line {top:20%;}
#intro .tv_off .back_top {height:20%;}
#intro .tv_off .back_bot {height:calc(80% - 50px);}

#intro .imgCont {bottom:20%; right:50%; margin-right:-120px; transform:translateY(0); padding-left:50px;}
#intro .imgCont img {width:230px;}
#intro .intro_line {height:50px;}



#about {height:-webkit-fill-available;}
#about .about {width:280px; }
#about .about ul li.txt {font-size:1.5rem;}
#about.action .about ul li.logo img {width:110px;}
#about.action .about h4 {margin:30px 0 5px; font-size:1.06rem;}




.tab_cont li a {font-size:1.2rem;}
#company .tab_cont li {margin-right:20px;}


}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) {

.partner ul li {width:calc((100% - 10px) / 2);}
.partner ul li:nth-child(3n) {margin:0 10px 10px 0;}
.partner ul li:nth-child(2n) {margin:0 0 10px 0;}

}