@charset "utf-8";
/* @import url("../css/reset.css"); */

body{
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-use-select: none;
 user-select: none;
 overflow-x:hidden;
}

.loading { position: fixed; left: 0; top: 0; z-index:99999; width: 100vw; height: 100vh; background:#090e12 }

.loadTitle { padding:0 0 0 9vw; display: flex; flex-direction: column; justify-content: center; height: 100%;}
.loadTitle p {  margin:2vw 0; letter-spacing: -3px;}
.loadTitle p strong { color:#97271d;font-family:'Helvetica LT Std Black'; font-weight:900; font-size:7vw; opacity: 1; position: relative; }
.loadTitle p span { font-family:'Helvetica LT Std Black'; font-weight:900; font-size:7vw; color: #fff; opacity: 1; position: relative;}
.loadTitle p:nth-child(2) { padding-left:11.2vw;}
.loadTitle p:nth-child(3) { padding-left:21.5vw}

.loadTitle p strong.abs { position:absolute; }
.loadTitle p span.abs { position:absolute; }

.loadTitle p:nth-child(1) { white-space: nowrap;}
.loadTitle p:nth-child(2) { white-space: nowrap;}
.loadTitle p:nth-child(3) { white-space: nowrap;}

.load_h1 { 
  opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color:#fff; font-weight:900; font-size:10vw; transition: all 0.5s ease-out; color:#97271d; 
}
.load_h1.on { font-size:2.7vw; transform: translate(auto,auto); }



/* main */
#wrap { position:relative; width:100%; height:100%; }
#header {  position:relative; z-index:100; }
.logo { position:absolute; left:2vw; top:1.4vw; }
.logo a { 
	font-size:2.7vw;
	color: #97271d;
	font-family:'Helvetica LT Std Black'; font-weight:bold;
}

/* pc menu */
#gnb {  padding-top:0; }
.gnb { display:flex; justify-content:center; align-items:center; }
.gnb > li { flex:0 0 150px; position: relative;  display:flex; justify-content:center; }
.gnb > li > a { font-size:24px; padding:35px 0 19px; color:#777676; font-weight:700; letter-spacing:-2px; }

.gnb > li.on:after { content:"";display:block; position:absolute; bottom:-8px; left:0; width:100%; height:8px; background:#00c2f0;   }
.gnb > li.on > a { color:#00c2f0; }

.gnb div { display:none; }

.subMn { 
	position: fixed; top:86px;
	left:0;
	background:#00c3f1;
	height:50px; 
	width:100%; 
}

.snb1 { position:absolute; left:50%; top:0; margin-left:-450px; }
.snb2 { position:absolute; left:50%; top:0; margin-left:-300px;}
.snb3 { position:absolute; left:50%; top:0; margin-left:-150px;}
.snb4 { position:absolute; left:50%; top:0; margin-left:0;}
.snb5 { position:absolute; left:50%; top:0; margin-left:150px;}
.snb6 { position:absolute; left:50%; top:0; margin-left:300px;}



.subMn li { float:left; padding:0 0; }
.subMn li a { font-size:18px; line-height:1; padding:15px 0 15px; display: block; text-align:center; color:#666464; color:#fff; font-weight:600; width:150px; letter-spacing:-1px; }
.subMn li a:hover { color:#ffea00 }

.sns { position:absolute; right:50px; top:25px; }
.sns li { float:left; margin-left:13px; }
.sns li a { display:block; width:40px; height:40px; }
.sns li a img { width:100%; }


.scroll { position: absolute; right: 2vw; bottom: 2vw; display: flex;}
.scroll strong { font-weight: 900; color:#fff; font-size:42px; margin-right: 15px; padding-bottom:8px;}
.scroll span { display: flex; flex-direction: column; position: relative; width:40px; justify-content: center; align-items: center;  height:70px; }

.scroll span i:nth-child(1) {
	opacity: 0;
	width: 100%; position: relative; height: 23px; width:40px;display: block;
	animation: fade1 1s ease 0.4s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	position: relative; top:0; margin-top:-25px;
	background:url(/img/i-scroll-a.png) no-repeat; background-size:100%;
}

.scroll span i:nth-child(2) { 
  opacity: 0;
  width: 100%; position: relative; height: 23px; width:40px;display: block;
  animation: fade1 1s ease 0.55s;
    animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  position:relative; top:0; margin-top:-5px;
  background:url(/img/i-scroll-a.png) no-repeat; background-size:100%;
}

.scroll.black { z-index:999; }
.scroll.black strong {color:#000; }
.scroll.black span i:nth-child(1) { background:url(/img/i-scroll-a-black.png) no-repeat; background-size:100%;}
.scroll.black span i:nth-child(2) { background:url(/img/i-scroll-a-black.png) no-repeat; background-size:100%;}


@keyframes fade1 {
  0% { opacity:0;  }
  100% { opacity:1; top:0;}
}



.menuDiv2 { position:absolute; right:2vw; top:2vw; z-index:9999; }
.menuDiv2 a { color:#fff; font-size:1.45vw;  display:inline-flex; transition:all 0.3s; align-items:center; align-items:center; }
.menuDiv2 a strong { margin-right:15px; font-weight:500; line-height:1; padding-top:3px;}
.menuDiv2 a span { width:24px;position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center;  }
.menuDiv2 a span i { width:100%; height:2px; background:#fff; transition:all 0.3s; position:relative;  } 
.menuDiv2 a span i:nth-child(2) { margin:12px 0; }
.menuDiv2 a:hover span i:nth-child(1) { transform:translateY(14px);}
.menuDiv2 a:hover span i:nth-child(3) { transform:translateY(-14px);}
.menuDiv2 a.on { color:#090e12;}
.menuDiv2 a.on span i { background:#090e12; } 

.menuDiv { position:absolute; right:2vw; top:2vw; z-index:9999; }
.menuDiv a { color:#fff; font-size:1.45vw;  display:inline-flex; transition:all 0.3s; align-items:center; align-items:center; }
.menuDiv a strong { margin-right:15px; font-weight:500; line-height:1; padding-top:3px;}
.menuDiv a span { width:24px;position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center;  }
.menuDiv a span i { width:100%; height:2px; background:#fff; transition:all 0.3s; position:relative;  } 
.menuDiv a span i:nth-child(2) { margin:12px 0; }
.menuDiv a:hover span i:nth-child(1) { transform:translateY(14px);}
.menuDiv a:hover span i:nth-child(3) { transform:translateY(-14px);}
.menuDiv a.on { color:#090e12;}
.menuDiv a.on span i { background:#090e12; } 

#header.sHeader { position:fixed; z-index:1000; width:100%; height:0; }
#header.sHeader.on { /* background:rgba(0,0,0,0.3); */ }

#header.sHeader.on .menuDiv a { color:#090e12;}
#header.sHeader.on .menuDiv a span i { background:#090e12; } 


@media(max-width:1024px){
  #header.sHeader { height:0; }
  .logo { left:4vw; top:3.5vw; }
  .logo a { font-size:6vw; }
  .menuDiv { right:4vw; top:4.5vw; }
  .menuDiv a { font-size:3vw;  }
  .menuDiv a span i { height:1px; }
  .menuDiv a span i:nth-child(2) { margin:0 0; }

  .menuDiv a span i:nth-child(1) { transform:translateY(12px);}
  .menuDiv a span i:nth-child(3) { transform:translateY(-12px);}

  .menuDiv a:hover span i:nth-child(1) { transform:translateY(12px);}
  .menuDiv a:hover span i:nth-child(3) { transform:translateY(-12px);}

  .scroll { right: 4vw; bottom: 4vw; }
  .scroll strong { font-size:26px; margin-right: 15px; padding-top:4px; }
  .scroll span { width:20px; height:60px; }
  .scroll span i:nth-child(1) { height: 20px; width:25px; margin-top:-20px;}
  .scroll span i:nth-child(2) { height: 20px; width:25px; margin-top:-8px;}
}

@media(max-width:400px){
	.logo { top:3.7vw; }
	.logo a { font-size:7vw; }
	.menuDiv { right:4vw; top:5vw; }
	.menuDiv a strong { margin-right:10px; padding-top:4px; }
	.menuDiv a span { width:18px; }
	.menuDiv a span i:nth-child(1) { transform:translateY(8px);}
	.menuDiv a span i:nth-child(3) { transform:translateY(-8px);}
	.menuDiv a:hover span i:nth-child(1) { transform:translateY(8px);}
	.menuDiv a:hover span i:nth-child(3) { transform:translateY(-8px);}

	.scroll strong { font-size:3.5vw; margin-right: 10px; padding-top:6px; }
	.scroll span { width:16px; height:50px; }
	.scroll span i:nth-child(1) { height: 16px; width:18px; margin-top:-20px;}
	.scroll span i:nth-child(2) { height: 16px; width:18px; margin-top:-8px;}
}


#menuWrap { position:fixed; right:0; top:0; width:100%; height:100vh; z-index:99999; background:#fff; }

.insMenu { width:70vw; position:absolute; right:0; top:0; height:100%; background:#090e12; }
.menuBox { padding:0 0; position:relative; height:100%; }
.menuBox nav { width:100%; height:100%; }
.m_nav { padding:0 0 0 5.5vw; display:flex; flex-direction:column; justify-content:center; height:100vh; }
.m_nav > li { margin-top:2vh; }
.m_nav > li:nth-child(1) { margin-top:0;}
.m_nav > li > a { display:inline-flex; align-items:center; }
.m_nav > li > a span { 
	font-size:3.6vw; 
	position:relative; 
	color: #090e12;
	font-family:'Helvetica LT Std Black'; font-weight:bold;
      	text-stroke: 1px rgba(255,255,255,1);
	-webkit-text-stroke: 1px rgba(255,255,255,1);
	transition:all 0.3s ease-in 0.07s;
	padding:0.7vw 1.2vw 0.7vw 0;  
}
.m_nav > li > a::before { 
	content:"";display:block; width:1.5vw; height:1.45vw; border:1px solid #fff; background:transparent; 
	transition:all 0.3s ease-out;margin-right:1.9vw;
}

.m_nav > li > a:hover span {
	color: #fff;

}
.m_nav > li > a:hover::before { 
	background:#fff;
	transform:rotate(45deg);
}

.m_nav > li.on > a span { 	
	color: #fff;

}
.m_nav > li.on > a::before { 
	background:#fff;
	transform:rotate(45deg);
}

.m_nav > li > ul { display:flex; padding-left:3.6vw; }
.m_nav > li > ul > li { flex:0 0 auto;  position:relative; }
.m_nav > li > ul > li > a:before { content:""; display:block; width:4px; height:4px; background:#fff; border-radius:2px; position:absolute; left:0; top:50%; margin-top:-2px; }
.m_nav > li > ul > li > a {
	position:relative;
	padding:0.4vw 1.2vw; color:#fff;
	display:block; width:100%; font-size:1.4vw; font-weight:700;
	font-family:'Helvetica LT Std '; transition: all 0.5s ease-out;
}
.m_nav > li > ul > li > a:hover {	color: #97271d; }
.m_nav > li > ul > li:nth-child(1) > a:before { display:none; }
.m_nav > li > ul > li:nth-child(1) > a { padding-left:0; }
.countNum { 
	position:absolute; right:-0.9vw; top:0; border-radius:30px; 
	padding:0.2vw 0.8vw; color:#fff;	background:rgba(151,39,29,.7); 
	font-size:1vw; font-weight:700; font-family:'Helvetica LT Std'; text-align:center; 

}
.closeDiv { position:absolute; right:2vw; top:2vw; z-index:9999; }
.closeDiv a { color:#fff; font-size:1.5vw;  display:inline-flex; align-items:center;}
.closeDiv a strong { margin-right:15px; font-weight:500; }
.closeDiv a span { width:20px;position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.closeDiv a span i { width:100%; height:2px; background:#fff; display:block; transition:all 0.3s; } 
.closeDiv a span i:nth-child(1) { transform:translateY(13px);}
.closeDiv a span i:nth-child(2) { margin:11px 0; }
.closeDiv a span i:nth-child(3) { transform:translateY(-13px);}

.closeDiv a:hover span i:nth-child(1) { transform:translateY(0);}
.closeDiv a:hover span i:nth-child(3) { transform:translateY(0);}

@media(max-width:1024px){
	/*#fp-nav.fp-right {
		right: 5px;
	}*/
	#fp-nav { display:none; }
	#menuWrap { width:100vw; height:100vh; }
	.insMenu { width:100vw; position:absolute; right:0; top:0; height:100%; background:#090e12; }
	.m_nav > li > a span { font-size:6vw; }
	.m_nav > li > ul > li > a {font-size:3.2vw; padding:2vw 2.5vw;}
	.countNum {  padding:0.5vw 1.2vw; font-size:1.8vw;  right:0vw; }
	.closeDiv { right:4vw; top:4.5vw;}
    .closeDiv a { font-size:3vw;  }
	.closeDiv a span i { height:1px; }
	.closeDiv a span i:nth-child(1) { transform:translateY(11px);}
	.closeDiv a span i:nth-child(2) { margin:10px 0; }
	.closeDiv a span i:nth-child(3) { transform:translateY(-11px);}

	.closeDiv a:hover span i:nth-child(1) { transform:translateY(11px);}
	.closeDiv a:hover span i:nth-child(3) { transform:translateY(-11px);}
}




.stInner1 { display:flex; align-items:flex-start; justify-content:center; height:100vh; width:100%; padding-left:5vw; flex-direction:column; }

.mainTitle1 { display:flex; flex-direction:column; font-size:5.6vw; line-height:1.3; }
.mainTitle1 span { 
	position:relative; 
	color: #090e12;
	/* ../: -1px 0 rgba(255,255,255,1), 0 1px rgba(255,255,255,1), 1px 0 rgba(255,255,255,1), 0 -1px rgba(255,255,255,1); */
	text-stroke: 1px rgba(255,255,255,1);
	-webkit-text-stroke: 1px rgba(255,255,255,1);
	transition:all 0.3s ease-in 0.07s;
	display:inline-flex; padding-right:30px;
}
.mainTitle1 span em { letter-spacing:-1px; font-weight:900;}
.mainTitle1 span em i { border:1px solid #fff; width:20px; height:20px; transform:rotate(45deg); margin-left:20px; display:inline-flex; position:relative; top:5px; }
.mct span { display:block; }

.mainTitle2 { display:flex; align-items:center; flex-direction:column; padding-top:2vh; }
.mainTitle2 > strong { font-weight:900; font-size:11.5vw; color:#fff; font-family:'Helvetica LT Std Black'; position: relative; left:-3vw;}
.mainTitle2 > strong i:hover { color:#97271d; }

.mainTitle2 p { margin-top:3vh; }
.mainTitle2 p span { display:block;font-size:1.4vw; color:#fff; line-height:1.3; font-weight:400; position: relative; left:0; opacity:0;}
.mainTitle2 p span:nth-child(2) { margin:1.2vw 0; }
.mainTitle2 p span strong { transition:all 0.5s ease-out; }
.mainTitle2 p span strong:hover { color:#92271d; }

.mainTitle1 span { overflow: hidden; }
.mainTitle2 > strong { overflow: hidden; }
.mainTitle2 span { overflow: hidden; }

.mainTitle1 em { font-style: normal; }
.mainTitle2 em { font-style: normal; }

.mainTitle1 span em { top:200px; position: relative; transition: all 0.5s ease-out; }
.mainTitle2 > strong em { top:0; position: relative; }
.mainTitle2 > strong em i { top:300px; position:relative; transition: all 0.4s ease-out; font-style:normal; }
.mainTitle2 p span { position: relative; transition: all 0.7s ease-out 0.3s;}
.mainTitle2 p span strong { font-size:1.8vw; font-weight:700; }


@media (max-width:1024px){
  .mainTitle1 { font-size:7vw; line-height:1.3 }
  .mainTitle2 { flex-wrap:wrap; }
  .mainTitle2 > strong { width:100%; font-size:18vw;}
  .mainTitle2 p { margin-left:0; width:100%; margin-top:3vh;}
  .mainTitle2 p span { font-size:2.5vw; line-height: 1.3;}
  .mainTitle2 p span strong { font-size:2.7vw; line-height: 1.3;}

.mainTitle1 span { 
	text-stroke: 0.7px rgba(255,255,255,1);
	-webkit-text-stroke: 0.7px rgba(255,255,255,1);
}
  .mainTitle1 span em i  { width:7px; height:7px; margin-left:6px; }
}



.section1 { background:#090e12; height:100vh; position: relative; }
.section2 { background:#fff; height:100vh; position: relative;}
.section3 { background:#fff; height:100vh; position: relative;}
.section4 { background:#fff; height:100vh; position: relative;}
.section5 { background:#fff; height:100vh; position: relative;}
.section6 { background:#fff; height:100vh; position: relative;}

.s2_cont { display: flex; justify-content: center; align-items: center; height:100vh; position: relative;}
.s2_space { margin-right:5vw; position: relative; }
.sImg2 { margin-right:0; display: flex; justify-content: center; align-items: center;  position: relative; } 
.sImg2 div { width:25vw; height:70vh; background:url(../img/bg-about.png) no-repeat center / cover; position: relative; z-index: 1; overflow: hidden;}
.sImg2 div span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.7); }

.sImg2 p { 
	display:flex; justify-content: center; align-items: center; display: inline-flex; 
	position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); color:#fff; font-size:25px; 
	padding:10px 30px; flex-direction: column; line-height:1.5; z-index: 10;
}
.sImg2 p i.first { position: absolute; left: 50%; top: 0; width:3px; height:100%; background:#fff;  opacity: 0;}
.sImg2 p i.first::before { content:"";display:block;position: absolute; height:3px; width:15px; background:#fff;left:0;top:0; }
.sImg2 p i.first::after { content:"";display:block; position: absolute; height:3px; width:15px; background:#fff;left:0;bottom:0; }

.sImg2 p i.last { position: absolute; right: 50%; top: 0; width:3px; height:100%; background:#fff; opacity: 0;}
.sImg2 p i.last::before { content:"";display:block; position: absolute; height:3px; width:15px; background:#fff;right:0;top:0; }
.sImg2 p i.last::after { content:"";display:block; position: absolute; height:3px; width:15px; background:#fff;right:0;bottom:0; }
.sImg2 p span {display:block; opacity: 0;}


.s2_title { display:flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-top:5vh;}
.s2_title h2 { color:#97271d; font-weight:900; font-size:6.5vw; font-family:'Helvetica LT Std Black'; padding-bottom:1vh; }
.s2_title p { font-size:1.6vw; padding:1.2vh 0 1vh; } 
.s2_title p span { display:block; margin:2.5vw 0;}
.s2_title a.more { display: inline-flex; align-items: center; padding:0.8vw 1.5vw; background:#090e12; transition: all 0.5s ease-out; }
.s2_title a.more span { margin-right:1vw; font-size:1vw; color:#fff; transition: all .2s ease-out;}

.ico-go { background:url(../img/arr-1.png) no-repeat; width:26px; height:20px; display:inline-block; background-size:100% auto; margin-left:5px; transition:all 0.5s ease; }

.circleTxt { 
	position: absolute; left:-89px; top:0; margin-top:-89px; z-index:999; width:178px; height:178px; background:url(../img/rotateText1.png) no-repeat;
	animation: rotate_image 12s linear infinite;transform-origin: 50% 50%; background-size:100%;
}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}


.s3_cont { display:flex; justify-content: center; align-items: flex-start; flex-direction: column; height:100%;}
.s3_title { padding:0 0 0 9vw;}
.s3_title h2 p {  margin:2vw 0; letter-spacing: -4px;}
.s3_title h2 p strong { color:#97271d;font-family:'Helvetica LT Std Black'; font-weight:900; font-size:7vw;}
.s3_title h2 p span { color:#090e12; font-family:'Helvetica LT Std Black'; font-weight:900; font-size:7vw;}
.s3_title h2 p:nth-child(2) { padding-left:11.2vw;}
.s3_title h2 p:nth-child(3) { padding-left:21.5vw}
.s3_title h2 p:nth-child(1) { padding-left:20vw;  white-space: nowrap;}
.s3_title h2 p:nth-child(2) { padding-left:28vw; white-space: nowrap;}
.s3_title h2 p:nth-child(3) { padding-left:10vw; white-space: nowrap;}

.s3_title_m { display:none; }

.s3_space { position: relative; padding:6vh 0 0 4vw; margin-left:9vw; margin-top:1.5vh; opacity: 0;}
.s3_space i.diagonal { position: absolute; left: 0;top:4vh; width:8vw; height:1px; background:#090e12; transform: rotate(-45deg); }
.s3_space h3 { font-size:2.1vw; font-weight:700; font-style: italic;}
.s3_space p { font-size:1.3vw; line-height: 1.6; padding: 30px 0 0; letter-spacing:-1px;}
.s3_space h3 span { display: inline; }
.s3_space p > span { display: block;}

@media (max-width:1024px){
  .s2_cont { width:100%; position:relative; }


  .circleTxt { 
	left:-70px; margin-top:-70px; z-index:999; width:140px; height:140px; background:url(../img/rotateText2.png) no-repeat;
	}
}

@media (max-width:768px){
  .sImg2 p { font-size:14px; padding:6px 20px; }
  .circleTxt { display: none;}
  .s2_space {  height:68vh; }
  .s2_title { padding-bottom:14vh; }
  .s2_title h2 { font-size:11vw; }
  .s2_title p { font-size:3.2vw; padding:1.5vh 0 3vh; } 
  .s2_title a.more { padding:1vh 3vw; }
  .ico-go { width:14px; height:10px; background-size:100% auto;}
  .s3_title h2 p {  letter-spacing: -2px;}
  .s3_title h2 p strong { font-size:11vw;}
  .s3_title h2 p span {  font-size:11vw;}
  
  .s3_title h2 p:nth-child(1) { transform: rotate(90deg); position: relative; left: 8vw; top:50vw; }
  .s3_title h2 p:nth-child(2) { transform: rotate(90deg); position: relative; left:-16.5vw; top:-1vw;}
  .s3_title h2 p:nth-child(3) { transform: rotate(90deg); position: relative;left: -42vw; top:20vw; }
  .s3_space { position: relative; left: 33vw; top: 118px;}

  .s3_space h3 { font-size:4vw; line-height: 1.4; }
  .s3_space p { font-size:2.2vw; padding-top:8px; }
  .s3_space h3 span { display: block; }
  .s3_space p span { display: block;}
  .s3_space i.diagonal { left: 3vw;top:3.5vh; }

	/* 모바일 */
	.s3_title { display:none; }

	.s3_title_m { padding:0 0 0 9vw; display:block; }
	.s3_title_m h2 p {  margin:2vw 0; letter-spacing: -3px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-60px; transform:rotate(90deg);}
	.s3_title_m h2 p strong { color:#97271d;font-family:'Helvetica LT Std Black'; font-weight:900; font-size:42px;}
	.s3_title_m h2 p span { color:#090e12; font-family:'Helvetica LT Std Black'; font-weight:900; font-size:42px;}
	.s3_title_m h2 p:nth-child(1) { white-space: nowrap; margin-left:-30px; margin-top:-126px; }
	.s3_title_m h2 p:nth-child(2) { white-space: nowrap; margin-left:-73px; margin-top:-121px; }
	.s3_title_m h2 p:nth-child(3) { white-space: nowrap; margin-left:-255px; margin-top:-112px; }

	.s3_space { margin-left:8.7vw; margin-top:50px; opacity: 0;}
	.s3_space p { font-size:1.4vw; line-height: 1.7; letter-spacing:0;}
}

@media (max-width:500px){
	.s3_space p { font-size:11px; line-height: 1.7; letter-spacing:0;}
}

@media (max-width:340px){
	.s3_space p { font-size:9px; }
}

@media (max-width:640px) {
	.s2_cont { display:block; padding:100px 0 0; }
	.s2_space { height:40vh; width:60vw; margin-left:auto; margin-right:auto; margin-bottom:30px;}
	.sImg2 { height:40vh; width:60vw;}
	.sImg2 div { height:40vh; width:60vw;}
	.s2_title { height:35vh; padding-bottom:0; text-align:center; width:100%; padding-bottom:30px;}
	.s2_title h2 { text-align:center; width:100%; }
	.s2_title p { text-align:center; width:100%; }
}

@media (max-width:350px) {
	.s3_title_m h2 p:nth-child(1) { margin-left:-50px; margin-top:-126px; }
	.s3_title_m h2 p:nth-child(2) { margin-left:-100px; margin-top:-121px; }
	.s3_title_m h2 p:nth-child(3) { margin-left:-320px; margin-top:-112px; }
	.s3_space { position: relative; padding:6vh 0 0 4vw; margin-left:0; margin-top:1.5vh; opacity: 0;}
}



.s_cont_c { display: flex; justify-content: center; align-items: center; height:100%;}
.s_title_c { 
  flex:0 0 50%;display: flex; justify-content: space-between; 
  align-items: flex-start; flex-direction: column; height:100%; 
  padding:12vh 0 12vh 8vw; overflow: hidden; position: relative;
}
.s_title_c h2 em { font-size: 1.37vw; font-style: normal; font-weight: 500; display: block; letter-spacing:-1px;}
.s_title_c h2 > span { display: block; padding-top:1vw;letter-spacing: -2px; font-size:4.1vw;}
.s_title_c h2 > span strong { color:#95271d; font-family:'Helvetica LT Std Black'; font-weight: 900;}
.s_title_c h2 > span span { color:#090e12; font-family:'Helvetica LT Std Black'; font-weight: 900;}

.s_title_c .sCon_c h3 { 
	font-size:2.7vw; font-weight:900; 
	text-stroke: 1px rgba(0,0,0,1);
	-webkit-text-stroke: 1px rgba(0,0,0,1);
	color:#fff; letter-spacing:-0.5px; display:inline-flex; align-items:flex-end;
}
.s_title_c .sCon_c h3 i.sq45 { font-size:1vw; font-style:normal; }  

.s_title_c .sCon_c div { display: inline-flex; padding-top:2vw; align-items:center;}
.s_title_c .sCon_c div p { margin-right:4.6vw; line-height:1.5; font-size:1.22vw; font-weight:600; letter-spacing:-1px;}
.s_title_c .sCon_c div p span { display:block;}

.s_title_c .sCon_c div a.more { display: inline-flex; align-items: center; padding:0 1.5vw; background:#090e12; transition: all 0.5s ease-out; justify-content: space-between; height:52px; border:1px solid #000;}
.s_title_c .sCon_c div a.more span { margin-right:0.5vw; font-size:1.1vw; color:#fff; transition: all .2s ease-out;}

@media (max-width:1024px){
	.s_title_c .sCon_c div a.more span { font-size:14px; }
}


@media (max-width:500px){
	.s_title_c .sCon_c h3 { 
		font-size:2.7vw; font-weight:900; 
		text-stroke: 1px rgba(0,0,0,1);
		-webkit-text-stroke: 1px rgba(0,0,0,1);
		color:#fff; letter-spacing:-0.5px; display:inline-flex; align-items:flex-end;
		text-indent:-9999px;
		text-stroke: none;
		
	}
	.s_title_c .sCon4 h3 { background:url(/img/s4_txt.png) no-repeat; width:243px; height:28px; background-size:100%;}
	.s_title_c .sCon5 h3 { background:url(/img/s5_txt.png) no-repeat; width:300px; height:28px; background-size:100%;}
	.s_title_c .sCon6 h3 { background:url(/img/s6_txt.png) no-repeat; width:220px; height:32px; background-size:100%;}
}

@media (max-width:350px){
	.s_title_c .sCon4 h3 { width:210px; height:28px; }
	.s_title_c .sCon5 h3 { width:250px; height:28px; }
	.s_title_c .sCon6 h3 { width:190px; height:28px; }
}

a.more:hover { background:#fff !important; border:1px solid #000; }
a.more:hover span { color:#000 !important; }
a.more:hover .ico-go { background:url(../img/arr-1-ov.png) no-repeat; width:26px; height:20px; display:inline-block; background-size:100% auto; margin-left:5px; }

@media (max-width:1024px){
  .s_title_c { padding:8vh 9vw 5vh; }
  .s_title_c h2 em { font-size: 2.4vw; letter-spacing:0;}
  .s_title_c h2 > span { letter-spacing: -1px; font-size:6vw;}
}

@media (max-width:1024px){
  .s_title_c h2 em { font-size: 3vw; }
  .s_title_c h2 > span { font-size:9vw;}
  .s_title_c .sCon_c h3 { font-size:5vw; }
  .s_title_c .sCon_c div p { font-size:2.5vw;}
}

@media (max-width:540px){
	.s_title_c .sCon_c div a.more { height:42px; }
	.s_title_c .sCon_c h3 { font-size:6.2vw; letter-spacing:-0.5px; }
	.s_title_c .sCon_c div p { font-size:3.5vw; line-height:1.4;}
	.s_title_c .sCon_c div a.more { padding:8px 10px; }
	.s_title_c .sCon_c div a.more span { margin-right:0.5vw; font-size:3vw; color:#fff; transition: all .2s ease-out;}

}

.s4_title h2 { position: relative; left: -3vw; opacity: 0;}
.s4_title .sCon4 { position: relative; left: -3vw; opacity: 0;}
.s5_title h2 { position: relative; right: -3vw; opacity: 0;}
.s5_title .sCon5 { position: relative; right: -3vw; opacity: 0;}
.s6_title h2 { position: relative; left: -3vw; opacity: 0;}
.s6_title .sCon6 { position: relative; left: -3vw; opacity: 0;}

.s4_title h2 { position: relative; left: 0; opacity: 1;}
.s4_title .sCon4 { position: relative; left: 0; opacity: 1;}
.s5_title h2 { position: relative; right: 0; opacity: 1;}
.s5_title .sCon5 { position: relative; right: 0; opacity: 1;}
.s6_title h2 { position: relative; left: 0; opacity: 1;}
.s6_title .sCon6 { position: relative; left: 0; opacity: 1;}


.s_space_c { flex:0 0 50%; height:100vh; overflow:hidden; }

.sImg_c { position: relative; overflow: hidden; }
div.blankSpace4 { position: absolute; left:0; top:0; width:50vw; height:100vh; z-index:99; background:rgba(255,255,255,1); display: block; z-index:2; }
div.blankSpace5 { position: absolute; right:0; top:0; width:50vw; height:100vh; z-index:99; background:rgba(255,255,255,1); display: block; z-index:2; }
div.blankSpace6 { position: absolute; left:0; top:0; width:50vw; height:100vh; z-index:99; background:rgba(255,255,255,1); display: block; z-index:2; }


.sImg4 { background:url(../img/s4-bg.png) no-repeat center / cover; width:100%; height:100vh; transform:scale(1.5); transition:all 2s ease-out; opacity:0; }
.sImg5 { background:url(../img/s5-bg.png) no-repeat center / cover; width:100%; height:100vh; transform:scale(1.5); transition:all 2s ease-out; opacity:0;}
.sImg6 { background:url(../img/s6-bg.png) no-repeat center / cover; width:100%; height:100vh; transform:scale(1.5); transition:all 2s ease-out; opacity:0;}

.s5_cont .s5_title { order: 2;}
.s5_cont .s5_space { order: 1;}


@media (max-width:1024px){
  .s_cont_c { flex-wrap:wrap; }
  .s_title_c { flex:0 0 100%; height:50vh }
  .s_space_c { flex:0 0 100%; height:50vh; }

  div.blankSpace4 { width:100vw;}
  div.blankSpace5 { width:100vw;}
  div.blankSpace6 { width:100vw;}

  .s5_cont .s5_title { order: 2; height:50vh}
  .s5_cont .s5_space { order: 1; height:50vh;}
  .sImg4, .sImg6, 
  .sImg5 { height:50vh;}

}
@media (max-width:500px){
	 .s4_cont .s4_title { padding-top:80px; padding-bottom:50px; }
  .s5_cont .s5_title { padding-top:70px; padding-bottom:70px; }
  .s6_cont .s6_title { padding-top:80px; padding-bottom:50px; }
}


.section7 { background: #090e12; height:100vh; position:relative; }
.s7_cont { padding:5vw 4vw;}
.s7_cont h2 { 
  font-size:5vw; font-weight:900;font-family:'Helvetica LT Std Black';
  	text-stroke: 1px rgba(255,255,255,1);
	-webkit-text-stroke: 1px rgba(255,255,255,1);
  color:#090e12; font-style: italic; padding-bottom:30px;
}
.contact { display: flex; padding:0 0 2vw;}
.contact article { flex: 0 0 50%;}
.contact article:nth-child(2) { border-left:1px solid rgba(255,255,255,.3); padding-left:4vw;}
.contact article h3 { font-size:24px; font-weight:500; color:#fff;}
.contact article ul li { margin-top: 20px;}
.contact article ul li label { display: block; line-height: 1.3; font-size:18px; font-weight:400; color:#b4b4b4;}
.contact article ul li p { font-size:20px; font-weight:400; color:#fff; line-height: 1.3;}

a.btnInq { border:1px solid #fff; display:inline-flex; font-size:18px; font-weight:700; color:#fff; padding:13px 30px; transition: all 0.5s ease-out;}
a.btnInq:hover { background:#fff; color:#090e12;}

a.btnInq_close { position:absolute; right:60px; top:50px; width:30px; height:30px; background:url(../img/close.png) no-repeat center ; background-size:100% auto; }

.footer { padding:2vw 4vw 2vw;}
.footTop p { color:#fff; font-size:20px; font-weight:900;}
.footTop p strong { display:inline-block; }
.footTop p span { 
  display:inline-block; margin-left:12px; padding-left:13px; 
  position: relative; 
}
.footTop p span::before { 
  content:""; position: absolute; left: 0; top: 4px; height: 14px; width:1px; background:#fff; 
} 
.footTop em { display: block; font-size:14px;color:#fff; padding-top:12px; font-weight:300;}

.footBottom { display: flex; padding: 40px 0 0;}
.footBottom article { flex: 0 0 auto; margin-right: 50px;}
.footBottom article p { font-size:13px; color: #fff; line-height: 1.5; font-weight:300;}
.footBottom article p span { display: block;}
.footBottom article em { font-size:13px; display: block; padding-top:12px; color: #fff; font-weight:300;}

.footer.bright { padding:2vw 0 2vw;}
.footTop.bright p { color:#111;}
.footTop.bright p span::before { background:#111; } 
.footTop.bright em { color:#111; }
.footBottom.bright article p {color: #111; }
.footBottom.bright article em { color: #111; }

/* 문의하기 */
#inquiry-box { position:absolute; z-index:999; width:100%; }
.inqWrap { background:#090e12; padding:3vw 4vw 3vw; position:absolute; margin-top:0; z-index:10; left:0; top:0; background:#fff; width:100%; height:100vh; top:-100vh;}


@media (max-width:1024px){
	.inqWrap { -webkit-top:-70vh; }
}

/*@media screen and (-webkit-min-device-pixel-ratio:0){
	.inqWrap { top:-100vh; }
}*/




.inqWrap.on { background:#fff;}
.inqBlankBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:2; background: #090e12;}
.inqInner h3 { font-size:25px; font-weight:900; }
.inqChkList { display: flex; padding:30px 0 20px; position:relative; z-index:99999;}
.inqChkList li { margin-right:50px; }
.inqChkList li label { font-size:20px; font-weight:700; }
.inqChkList li label span { margin-left:10px;}

.inqDetail { width:50vw; }
.inqDetail li { display: flex; border-top:1px solid #090e12; padding:15px 0; }
.inqDetail li:nth-child(1) { border-top:none; }
.inqDetail li label { flex:0 0 150px; font-weight:700; font-size:20px; line-height: 1.5; }
.inqDetail li input[type="text"] { font-weight:700; font-size:20px; border: none; background: none; line-height: 1.5; }
.inqDetail li input[type="text"]::placeholder { color:rgba(0,0,0,.4);}
.inqDetail li textarea { 
		font-weight:700; font-size:20px; border: none; background: none; line-height: 1.5; width: 100%; height: 100px;
}
.inqDetail li textarea::placeholder { color:rgba(0,0,0,.4); font-size:20px;}

.agree { font-size:14px;  padding:0 0 30px; }
.agree span { margin-left:10px; font-weight: 700; font-size:16px;}
.btnReal_inq { border:2px solid #090e12; padding:7px 30px; display:inline-flex; background:none; font-weight:700; font-size:20px; transition: all 0.5s ease-out;}
.btnReal_inq:hover { background:#090e12; color:#fff;}


.btnPop1 { border:2px solid #090e12; padding:7px 30px; display:inline-flex; background:none; font-weight:500; font-size:16px; transition: all 0.5s ease-out;}
.btnPop1:hover { background:#090e12; color:#fff;}
.btnPop2 { border:2px solid #090e12; padding:7px 30px; display:inline-flex; background:none; font-weight:500; font-size:16px; transition: all 0.5s ease-out;}
.btnPop2:hover { background:#090e12; color:#fff;}



@media (max-width:1024px){
  .s7_cont { padding:16vw 7vw 5vw;}
  .s7_cont h2 { 
	font-size:8vw; 
	text-stroke:0.3px rgba(255,255,255,1);
	-webkit-text-stroke: 0.3px rgba(255,255,255,1);
  }
  .contact { display: flex; padding:0 0 0; flex-wrap: wrap;}
  .contact article { flex: 0 0 100%;}
  .contact article:nth-child(2) { border-left: 0; padding-left: 0; border-top:1px solid rgba(255,255,255,.3); padding-top:20px; margin-top:20px; margin-bottom:25px; }
  .contact article h3 { font-size:12px; }
  .contact article ul li { margin-top: 10px;}
  .contact article ul li label {  font-size:11px; }
  .contact article ul li p { font-size:12px; padding-top:2px; color:#fff; }
  a.btnInq { border:1px solid #fff; display:inline-flex; font-size:12px; font-weight:700; color:#fff; padding:8px 22px; transition: all 0.5s ease-out;}

  .footer { padding:6vw 7vw 6vw;}
  .inqWrap {  padding:17vh 5vw 20vh; }
  /*.inqWrap {  padding:30vw 5vw 7vw; }*/
  .inqDetail { width:80vw;  }
  .inqDetail li label { flex:0 0 100px; font-size:14px;  }
  .inqDetail li input[type="text"] { font-size:14px; }
  .inqDetail li textarea { font-size:14px; }
  .inqChkList li { margin-right:10px; }
  .inqChkList li label { font-size:14px; font-weight:700; }  
  .inqDetail li textarea::placeholder { font-size:14px;}
  .agree { font-size:14px;  padding:0 0 20px; }
  .agree span { font-size:14px;}
  .btnReal_inq { border:1px solid #090e12;  font-size:16px; padding:15px 0; width:100%; justify-content: center; align-items: center; background:#090e12; color:#fff;}
  .btnReal_inq:hover { background:#090e12; color:#fff;}

	a.btnInq_close { 
		position:absolute; right:20px; top:120px; width:20px; height:20px; 
		background-size:100% auto; 
	}

  .btnPop1 { border:1px solid #090e12;  font-size:14px; padding:15px 0; width:48%; justify-content: center; align-items: center; background:#090e12; color:#fff;}
  .btnPop1:hover { background:#090e12; color:#fff;}
  .btnPop2 { border:1px solid #090e12;  font-size:14px; padding:15px 0; width:48%; justify-content: center; align-items: center; background:#090e12; color:#fff;}
  .btnPop2:hover { background:#090e12; color:#fff;}
}

@media (max-width:768px) { 
  .footTop p { font-size:12px; }

  .footTop p span::before { 
    top: 0; height: 10px;
  } 
  .footTop em { display: block; font-size:12px;padding-top:6px; font-weight:300;}

  .footBottom { padding: 20px 0 0; }
  .footBottom article { flex: 0 0 50%; margin-right: 0; margin-bottom: 10px;}
  .footBottom article p { font-size:8px; }
  .footBottom article p span { display:inline; }
  .footBottom article em { font-size:8px; }

  .inqChkList { padding:15px 0 5px; }
  .inqDetail li { padding:11px 0; border-top:1px solid rgba(9,14,18,0.3); }
  .inqDetail li label { flex:0 0 90px; font-size:13px;  }
  .inqDetail li input[type="text"] { font-size:13px; }
  .inqDetail li textarea { font-size:13px; }
  .inqChkList li { margin-right:10px; }
  .inqChkList li label { font-size:13px; font-weight:700; }  
  .inqDetail li textarea::placeholder { font-size:13px;}

  .inqDetail li textarea { 
		line-height:1.3; height: 60px;
	}
	.agree { font-size:13px;  padding:0 0 15px; }
	.agree span { margin-left:6px; font-weight: 700; font-size:13px;}
	 .btnReal_inq { font-size:14px; padding:7px 0; margin-bottom:10px; }
 }

@media (max-width:360px) { 
	.footTop p,
	.footTop em  { font-size:10px; }
	.footTop p span { margin-left:7px; padding-left:8px; }
}

.inqChkList li label span { margin-left:5px;}
.inqChkList li { display: flex; align-items: center;}
.inqChkList input[type="checkbox"]{
display: none;
}
.inqChkList input[type="checkbox"] + label i{
display: inline-flex;
width: 15px;
height: 15px;
position: relative;
border:1px solid #333;
margin-top:2px;
transition: all 0.3s ;

}
.inqChkList input[type='checkbox']:checked + label i{
transform: rotate(45deg);
background:#333;
}

.agree { display: flex; align-items: center;}
.agree input[type="checkbox"]{
display: none;
}
.agree input[type="checkbox"] + label i{
display: inline-flex;
width: 13px;
height: 13px;
position: relative;
border:1px solid #333;
margin-top:6px;
transition: all 0.3s ;

}
.agree input[type='checkbox']:checked + label i{
transform: rotate(45deg);
background:#333;
}


/**************************  //start:마우스 커서관련   *************************/

.cursor .cursor--small,
.cursor .cursor--large,
.cursor .cursor--text {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  /* border-radius: 50%; */
  width: var(--cursor-size);
  height: var(--cursor-size);
  /*mix-blend-mode: difference;*/
  pointer-events: none;
  user-select: none;
  z-index:99999;
}
.cursor .cursor--large { opacity:0; display:none; }
.cursor .cursor--text {
  --cursor-size: fit-content;
  font-size: 0.75rem;
  color: #fff;
  opacity: 0;
}
.cursor .cursor--text .text {
  font-family: sans-serif;
  font-weight: bold;
  opacity:0;
}
.cursor .cursor--small {
  --cursor-size: 20px;
  background: #d1d1d1;
}
.cursor .cursor--large {
  --cursor-size: 60px;
  border: 2px solid rgba(255,255,255,0.3);
}

@media (max-width:1024px){
  .cursor .cursor--small,
  .cursor .cursor--large,
  .cursor .cursor--text { display: none; }

}
/**************************  //end:마우스 커서관련   *************************/



#creat2 { display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fff; z-index:100; position:relative; opacity:1;}
.circleBox { width:820px; height:700px; position:relative; margin:0 auto; display:flex;  justify-content:space-between; align-items:center; flex-direction:column }
.circleBox div { width:360px; height:360px; border-radius:50%; border:1px solid #000; display:flex;  justify-content:center; align-items:center; flex-direction:column  }
.circleBox div span { line-height:1.5; font-size:28px;}
#c1 { left:50%; top:0; margin-left:-180px; position:absolute;}
#c2 { left:0; bottom:0; position:absolute;}
#c3 { right:0; bottom:0; position:absolute;}
#c4 { left:50%; top:50%; margin-left:-180px; margin-top:-130px; position:absolute; opacity:0; display:flex;  justify-content:center; align-items:center; flex-direction:column}
#c4 strong { line-height:1.5; font-size:32px; }

#creat2_m { opacity:0; display:none; }


@media (max-width:800px){
	.circleBox { width:160px; height:500px; position:relative; margin:0 auto; justify-content:space-between; }
	.circleBox div { width:160px; height:160px; }
	.circleBox div span { line-height:1.3; font-size:16px;}
	#c1 { left:0; top:0; margin-left:0; position:relative;}
	#c2 { left:0; bottom:0; margin-left:0; position:relative;}
	#c3 { right:0; bottom:0; margin-right:0;position:relative;}
	#c4 { margin-left:-80px; margin-top:-80px; }
	#c4 strong { line-height:1.3; font-size:18px; }
}



/*** sub page ***/
.subCreat { background:#fff;position:relative;z-index:10; }

.creat1 { height:100vh; background:#fff;}
.creat1_top { height:70vh; position:relative; overflow:hidden; }
.creat1_top > div { background:url(../img/creat101.png) no-repeat center bottom / cover; width:100%; height:100%; transform:scale(1.15); transition:all 1s ease-out; }
.creat1_top > div.on { transform:scale(1); }
.creat1_bottom { height:30vh; position:relative; display:flex; flex-direction:column; justify-content:center; padding-left:7vw; }
.creat1_bottom h2 { font-size:3.7vw; font-weight:900; line-height:1; position:relative; left:-20px; opacity:0; font-family:'Helvetica LT Std Black'; }
.creat1_bottom h2 strong { color:#95271d; font-family:'Helvetica LT Std Black'; }
.creat1_bottom h3 { font-size:2.2vw; font-weight:800; padding:0.8vw 0 0.4vw; position:relative; left:-20px; opacity:0;}
.creat1_bottom p { font-size:1.1vw; position:relative; left:-20px; opacity:0;}
.creat1_bottom p strong { font-weight:700; }
.creat1_bottom p span { font-weight:400; line-height:1.4; }


.creat2 { height:100vh;  background:#fff;}
.smboxWrap { width:800px; height:700px; position:relative; margin:0 auto; transform:translateY(-50%); top:50%; }
.smbox { 
	display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:20px; color:#979797; 
	 width:300px; height:300px; border-radius:50%; border:1px solid #0f0f0f; font-family:'Helvetica LT Std';
}
.smbox span { font-family:'Helvetica LT Std'; }
.smbox1 { position:absolute; left:50%; top:0; margin-left:-150px; }
.smbox2 { position:absolute; left:0; bottom:0; top:auto; right:auto; margin:0 0 0; }
.smbox3 {  position:absolute; right:0; bottom:0; top:auto; left:auto; }
.smboxLast { position:absolute; left:240px; bottom:220px; opacity:0; flex-direction:column; color:#000000; font-size:30px; font-weight:700; transition:all 0.3s ease-out; }
.smboxLast.on { transform:scale(1.5); }
.smboxLast strong { font-family:'Helvetica LT Std Black'; }

.creat3 { height:100vh; position:relative; overflow:hidden;}
.creat3_inner { 
	width:100%; height:100%; display:flex; flex-direction:column; align-item:flex-start; justify-content:center; 
	padding-left:7vw; background:url(../img/creat105.png) no-repeat center right / cover; position:relative; transform:scale(1.1);
	transition:all 1s ease-out; 
}
.creat3_inner.on { transform:scale(1); }
.creat3 h2 { color:#fff; font-weight:900; font-size:3.8vw; line-height:1.2; position:relative; top:0; left:-30px; opacity:0; font-family:'Helvetica LT Std Black'; }
.creat3 h2 span { display:block;}
.creat3 h3 { color:#6b6b6b; font-weight:500; font-size:2.6vw; padding:0.5vw 0 2vw 0.5vw; position:relative; top:0; left:-30px; opacity:0; font-weight:800;}
.creat3 p { color:#fff; font-weight:500; font-size:1.5vw; line-height:1.8; position:relative; top:0; left:-30px; opacity:0; padding-left:0.5vw;}
.creat3 p span { display:block; }


@media (max-width:800px){

	.creat1_top { height:55vh; }
	.creat1_bottom { height:45vh; padding-left:7vw; }
	.creat1_bottom h2 { font-size:7.6vw; }
	.creat1_bottom h3 { font-size:4.5vw; padding:10px 0 15px; }
	.creat1_bottom p { font-size:3.2vw; padding:0 30px 0 0; line-height:1.6; word-break:keep-all;}

	.creat3_inner { padding-left:0; }
	.creat3_inner.on { transform:scale(1); }
	.creat3 h2 { text-align:center; font-size:5.8vw; }
	.creat3 h3 { text-align:center; font-size:4.3vw; padding:20px 0 30px 0;}
	.creat3 p { text-align:center;font-size:3.5vw; }


	.smboxWrap { width:160px; height:580px; position:relative; margin:0 auto; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
	.smbox { 
		flex:0 0 100%;
		display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:16px; color:#979797; 
		 width:160px; height:160px; border-radius:50%; border:1px solid #0f0f0f; font-family:'Helvetica LT Std';
	}
	.smbox span { font-family:'Helvetica LT Std'; text-align:center; line-height:1.5; }
	.smbox1 { position:relative; left:0; top:0; margin-left:auto;  }
	.smbox2 { position:relative; left:0; bottom:auto; top:0; margin:20px 0; }
	.smbox3 { position:relative; right:auto; left:0; bottom:auto; top:0; }

	.smboxLast { position:absolute; left:0; bottom:auto; top:50%; transform:auto; margin-top:-100px; opacity:0; flex-direction:column; color:#000000; font-size:16px; font-weight:700; transition:all 0.3s ease-out; line-height:1.3; }
	.smboxLast.on { transform:scale(1.3); }

}

.con_header { height:24vh; position:relative; opacity:1; text-align:center; z-index:2; background:#fff; }
.tabCont { overflow:hidden; position:relative; z-index:1;}
.workTab { display:inline-flex; align-items:flex-end; padding-bottom:60px; justify-content:center; height:100%; list-style:none; position:relative; z-index:9999;}
.workTab li { margin:0 30px; list-style:none; }
.workTab li a { font-size:2vw; color:#cfcfcf; text-decoration:none; font-family:'Helvetica LT Std Black';}
.workTab li a.on { font-weight:900; color:#000; border-bottom:5px solid #000; }

.creat4_inner { background:#000; padding:80px 5vw 150px; position:relative; overflow:hidden; }
.creat4_inner h2 { font-size:1.6vw; color:#b6b6b6; display:inline-flex; padding-right:30px; position:relative; line-height:1; z-index:2; opacity:1; left:0; font-weight:700;}
.creat4_inner h2:after { content:"";width:4px; height:76%; background:#b6b6b6; position:absolute; right:0; top:4px; }
.creat4_inner h3 { font-size:4vw; color:#fff; line-height:1.1; z-index:2; position:relative; opacity:1; left:0;}
.creat4_inner h3 span { display:block; font-family:'Helvetica LT Std Black';}
.creat_behind_text { 
	position:fixed; left:0; top:50%; width:100%; font-size:6.5vw; color:#292929; display:flex; flex-direction:column;	align-items:center; line-height:1.4; z-index:1; font-style:italic; font-weight:900; justify-content:center; font-family:'Helvetica LT Std ';
	opacity:1; top:50%; transform:translateY(-50%); z-index:0;
}

@media (max-width:768px){
	.creat4_inner {  padding:40px 5vw 50px;  }
	.creat4_inner h2 { font-size:2.6vw; font-size:14px; margin-bottom:10px; padding-right:12px;}
	.creat4_inner h2:after { width:3px; top:1px; }
	.creat4_inner h3 { font-size:24px; }
}

@media (max-width:600px){
	.creat1_bottom p span { display:block; }
}


.creatWork { position:relative; z-index:10; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:-100px; }
.creatWork article { flex:0 0 48%; opacity:1; top:100px; position:relative; }
.creatWork article:nth-child(odd) { margin-top:15vw; }

.creatWork article a { display:block; }
.creatWork article a div { overflow:hidden; }
.creatWork article a div img { width:100%; transition:all 0.5s ease-out; }
.creatWork article a h4 { font-size:1.2vw; color:#fff; font-weight:700; padding:20px 0; }
.creatWork article a:hover div img { transform:scale(1.05); }

.verLine { position:absolute; left:0; top:70px; width:100%; height: calc(100% - 70px); display:flex; justify-content:center; z-index:1;}
.verLine i { position:absolute; left:20%; height:100%; display:block; width:1px; background:rgba(255,255,255,0.3); display:block; }
.verLine i:nth-child(1) { left:20%; }
.verLine i:nth-child(2) { left:40%; }
.verLine i:nth-child(3) { left:60%; }
.verLine i:nth-child(4) { left:80%; }

.work_inner { background:#ffffff; border-top:1px solid #c3c3c3; }
.chamcom_inner { background:#f2f2f2; }
.work_inner h3 { color:#1d1d1b; }
.work_behind_text { color:#e6e6e6; }
.conWork article a h4 { color:#000; }
.verLineGray i { background:#c3c3c3; }


@media(max-width:1024px){
	.workTab li { margin:0 15px; }
	.workTab li a { font-size:3vw; }
	.workTab li a.on { border-bottom:4px solid #000; }

	.creatWork { flex-wrap:wrap; margin-top:0; }

}

@media (max-width:768px){
	.creatWork article a h4 { font-size:16px; }

	.creatWork { position:relative; z-index:10; display:block; margin-top:40px; }
	.creatWork::after { content:"";display:block;clear:both; }
	.creatWork article { float:left; opacity:1; top:0; position:relative; width:80%; margin-bottom:30px; }
	.creatWork article:nth-child(odd) { margin-top:auto; width:80%; float:left; }
	.creatWork article:nth-child(even) { margin-top:auto; width:80%; float:right; }

}


/* work 상세 */
.viewWrap { padding:150px 0; position:relative; }
.view_header { text-align:center; }
.view_header h2 { 
	font-size:1.8vw; font-weight:900; color:#cfcfcf; 
	padding-bottom:4px; border-bottom:5px solid #cfcfcf; font-family:'Helvetica LT Std Black';
	display:inline-flex; justify-content:center;
}
.view_header h3 { font-size:3vw; font-weight:900; color:#000; padding:0px 0 0px; text-align:center;}
.view_header p { display:inline-flex; justify-content:center; text-align:center; align-items:center; }
.view_header p i { width:20px; height:20px; background:#a5a5a5; transform:rotate(45deg); margin-right:10px; }
.view_header p span { font-size:1.7vw; font-weight:300; color:#a5a5a5; }

.viewSlideWrap { width:80vw; margin:0 auto; position:relative; padding:85px 0px 20px; }

.fxb1 { display:flex; justify-content:space-between; }
.fxb2 { display:flex; justify-content:center; }

.viewCon { width:80vw; margin:0 auto; position:relative;  }
.viewCon div { flex:0 0 50%; }
.viewCon div h4 { display:flex; align-items:center; }
.viewCon div h4 i { width:13px; height:13px; background:#3d3c3b; transform:rotate(45deg); margin-right:12px; }
.viewCon div h4 span { font-size:1.7vw; font-weight:500; color:#3d3c3b; }

.viewCon div h5 { font-size:1.9vw; font-weight:700; color:#3d3c3b; padding:30px 0 0; }
.viewCon div p { padding:30px 0; font-size:1.3vw; line-height:1.5; font-weight:300; }
.viewCon div p span { display:block; }

.viewCon div.fx100 { flex:0 0 100%; }
.viewCon div.fx100 h4 { justify-content:center; }
.viewCon div.fx100 h5 { text-align:center; }
.viewCon div.fx100 p { text-align:center; }

.viewPicWrap > div{ margin-top:40px;text-align:center; }
.viewPicWrap > div:nth-child(1) { margin-top:0; }
.viewPicWrap img { width:100%; }

.viewBtn { text-align:center; padding:80px 0; }
a.btnWorkList { display:inline-flex; justify-content:space-between; align-items:center; border:1px solid #3d3c3b; border-radius:30px; padding:20px 25px; transition:all 0.5s ease-out; }
a.btnWorkList i { display:inline-flex; width:32px; height:21.5px; background:url(../img/arr-1_dark.png) no-repeat; background-size:100% auto; transition:all 0.3s ease-out; position:relative;}
a.btnWorkList span { font-size:22px; font-weight:400; margin-left:20px; transition:all 0.5s ease-out;}
a.btnWorkList:hover { background:#3d3c3b; border:1px solid #3d3c3b;}
a.btnWorkList:hover i { background:url(../img/arr-1_bright.png) no-repeat; background-size:100% auto;}
a.btnWorkList:hover span { color:#fff;}


@media (max-width:1024px){
	.viewWrap { padding:70px 0; position:relative; }
	.view_header h2 { 
		font-size:2.7vw; 
		padding-bottom:3px; border-bottom:2px solid #cfcfcf;
	}
	.view_header h3 { font-size:5vw; font-weight:900; color:#000; padding:60px 0 30px; text-align:center;}
	.view_header p { display:inline-flex; justify-content:center; text-align:center; align-items:center; }
	.view_header p i { width:10px; height:10px; background:#a5a5a5; transform:rotate(45deg); margin-right:10px; }
	.view_header p span { font-size:3vw; font-weight:300; color:#a5a5a5; }

	.viewCon div h4 span { font-size:3.8vw; }
	.viewCon div h5 { font-size:3.2vw; padding:30px 0 0; }
	.viewCon div p { padding:30px 0; font-size:3.2vw; line-height:1.5; }

	.viewSlideWrap { width:100vw; padding:55px 0px 20px; height:auto; }
	.viewPicWrap > div{ margin-top:20px; }

	.viewBtn { text-align:center; padding:40px 0; }
	a.btnWorkList { padding:10px 18px; }
	a.btnWorkList i { width:22px; height:15px; background-size:100% auto; }
	a.btnWorkList span { font-size:13px; }
	a.btnWorkList:hover i { background-size:100% auto;}
	a.btnWorkList:hover span { color:#fff;}

	.fxb1 {  flex-wrap:wrap; }
	.fxb2 { display:flex; justify-content:center; }
	.fxb1 > div { flex:0 0 100%; margin-bottom:25px; }
}



.swiper-pagination {
  position: absolute;
  left:0; 
  top:90%;
  width:150px;
  height:26px;
	text-align:center;
  display:block;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 9999;
}
.newSlider { position:relative; }
.newSlider img { width:100%; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: auto;
  left: 0;
  width: 100%;
  margin:0 15px;
  margin-left:0;
  margin-top:auto;
  text-align:center;
}

.swiper-pagination-bullet {
  width: 26px;
  height: 26px;
  border:3px solid #fff;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  opacity: 0.7;
  margin:0 10px !important;

}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
  border:4px solid #fff;
}
.swiper-pagination.swPaging { z-index:99999; }

.btnPrev { background:url(../img/creat_prev.png) no-repeat; width:40px; height:74.6667px; left:3%; background-size:100% auto; }
.btnNext { background:url(../img/creat_next.png) no-repeat; width:40px; height:74.6667px; right:3%; background-size:100% auto; }


.cham_hd_inner { display:flex; justify-content:center; padding:60px 0 0; width:80vw; margin:0 auto; }
.cham_hd_inner h3 { padding-right:30px; flex: 0 0 50%; }
.cham_hd_inner h3 img { width:100%; }
.cham_hd_inner ul { position:relative; padding-left:3.5vw; flex:1; }
.cham_hd_inner ul::before { position:absolute; left:0; top:0px; height:150px; background:#ccc; width:0px; content:""; }

.cham_hd_inner ul.creatDark::before { background:#fff; height:85px }

.cham_hd_inner ul li { margin:1vh 0; display:flex; width:100%; }
.cham_hd_inner ul li em { flex: 0 0 auto; margin-right:10px; font-style:normal; font-size:1.3vw; color:#a5a5a5; display:inline-block; line-height:1.4;}
.cham_hd_inner ul li strong { flex:0 0 70%; font-size:1.3vw; justify-content:flex-start; text-align:left; line-height:1.4; }
.midTxt { font-size:1.3vw; text-align:center; color:#fff; padding:70px 0 0; line-height:1.6; }

@media (max-width:1024px){
	.cham_hd_inner { padding:40px 20px 0; align-items:center; width:100%; margin:0 auto; flex-wrap:wrap;}
	.cham_hd_inner h3 { padding-right:auto; flex:0 0 100%; padding: 0 0 15px; }
	.cham_hd_inner h3 img { max-width:100%;  }
	.cham_hd_inner ul { 
		border-left:none; padding-left:auto; width:100%; 
		text-align:left; 
	}
	.cham_hd_inner ul.gray { border-top:1px solid rgba(0,0,0,0.2); }
	.cham_hd_inner ul.white { border-top:1px solid rgba(255,255,255,0.5); }
	.cham_hd_inner ul::before { display:none; }
	.cham_hd_inner ul li { margin:2vh 0; display:flex;  }
	.cham_hd_inner ul li em { flex: 0 0 auto; margin-right:5px; font-style:normal; font-size:2.8vw; color:#a5a5a5; display:block; }
	.cham_hd_inner ul li strong { flex:0 0 70%; font-size:2.8vw; display:block;}
	

	.midTxt { font-size:2.8vw; padding:40px 40px 0; }

	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets {
	  bottom: auto;
	  left: 0;
	  width: 100%;
	  margin:0 10px;
	  margin-left:0;
	  margin-top:auto;
	  text-align:center;
	}
	.swiper-pagination-bullet {
	  width: 16px;
	  height: 16px;
	  border:2px solid #fff;
	  margin:0 7px !important;

	}
	.swiper-pagination-bullet-active {
	  border:2px solid #fff;
	}

	.btnPrev {  width:20px; height:37.33333px; left:3%; }
	.btnNext {width:20px; height:37.3333px; right:3%; }
}

@media (max-width:500px){
	.cham_hd_inner ul li { margin:10px 0;  }
	.cham_hd_inner ul li em { font-size:15px; font-weight:700; }
	.cham_hd_inner ul li strong { font-size:15px; }
}

@media (max-width:400px){
	.cham_hd_inner ul li em { font-size:13px; }
	.cham_hd_inner ul li strong { font-size:13px; }
}


.cleverWrap { height:100vh; position:relative; z-index:10; background:#fff; }
.clever1 { height:100vh; width:100vw; position:relative; display:flex; justify-content:center; align-items:center; overflow:hidden; z-index:8; background:#fff; }

.clever1.fixed { position:fixed; }

.clever1 div { display:flex; justify-content:center; font-size:5vw; position:relative; word-wrap:nowrap; transition:all 0.5s ease-out;}
.clever1 div.on1 { transform:scale(1.3); }
.clever1 div.on2 { transform:scale(2); }
.clever1 div.on3 { transform:scale(3); }
.clever1 div span { font-weight:900; }
.clever1 div strong { color:#0099e1; font-weight:900;}

.clever2 { height:100vh; width:100vw; position:relative; background:#0099e1; display:flex; justify-content:center; align-items:center; flex-direction:column;  z-index:9; padding-bottom:25px;}
.clever2 h3 { font-size:3.4vw; text-align:center; font-weight:900; color:rgba(255,255,255,.5); transition:all 0.5s ease-out; transform:scale(0.5); padding:10px 0 10px; opacity:0.5;}
.clever2 div { position:relative; width:40vw; height:30vh; margin:4vh auto 6vh; display:flex; justify-content:center; align-items:center; background:url(../img/clever104.png) no-repeat center / cover;   transition:all 0.5s ease-out; opacity:0.5;}
.clever2 div h2 { transform:scale(0.5); font-size:7vw; color:#fff; font-weight:900; transition:all 0.5s ease-out; opacity:0.5;}
.clever2 p { text-align:center; font-size:1.5vw; color:#fff; line-height:1.6; transition:all 0.5s ease-out; transform:scale(0.5);  opacity:0.5; }
.clever2 p > span { display:block; }

.clever2 h3.on { transform:scale(1); }
.clever2 div.on { width:50vw; height:50vh;  }
.clever2 div.on h2 { transform:scale(1.2); }
.clever2 p.on { opacity:1; }


@media (max-width:1024px){
	.clever1 div { flex-wrap:wrap; }
	.clever1 div span { flex:0 0 100%; display:flex; justify-content:center; margin:15px 0; transform:scale(1.6);}
	.clever1 div strong { transform:scale(1.6); margin:15px 0;}

	.clever2 h3 { font-size:4vw; padding:20px 0 0;}
	.clever2 h3 span { display:block; text-align:center; line-height:1.5; }
	.clever2 div { position:relative; width:40vw; height:40vh; margin:4vh auto 6vh; }
	.clever2 div h2 { transform:scale(0.5); font-size:7vw; color:#fff; font-weight:900; transition:all 0.5s ease-out;}
	.clever2 p { font-size:3vw; padding:0 40px; word-break:keep-all;}
	.clever2 p span { display:inline; }
}

@media (max-width:640px){
	.clever2 p > span span { display:block; }
}


.agreeLayer { position:absolute; left:0; top:0; width:100%; height:100%; display:none; z-index:99999; }
.a_shadow { background:rgba(0,0,0,0); position:relative; width:100%; height:100%; cursor:pointer; }
a.btnAgreePolicy { cursor:pointer; text-decoration:underline; font-weight:500;}
a.btnAgreePolicy:hover { font-weight:500; }
.a_con { position:absolute; left:50%; top:50%; width:70vw; height:40vh; transform:translate(-35vw, -35vh); background:#fff; padding:35px;}
.a_con h2 { font-size:22px; font-weight:700; padding-bottom:20px; height:50px; }
.policyWrap { height: calc(100% - 80px); overflow-y:auto; padding-right:30px; font-size:14px; -webkit-overflow-scrolling:touch;}
.policyWrap p {line-height:1.7;}
a.btnPolicy_close { position:absolute; right:40px; top:35px; width:25px; height:25px; background:url(../img/close.png) no-repeat center ; background-size:100% auto; }

.agreeBtn {display:block; height:30px; padding:10px 0 0;}

@media (max-width:768px){
	
	.a_con { position:absolute; width:98vw; height:66vh; transform:translate(-50%, -65%);  padding:25px 10px 25px;}
	.a_con h2 { font-size:16px; padding-bottom:20px; height:auto; }
	.policyWrap {  padding-right:10px;}
	.policyWrap p {line-height:1.5; font-size:12px; }

	a.btnPolicy_close { position:absolute; right:15px; top:15px; width:20px; height:20px; }
}

.chamcom { height:100vh; overflow:hidden; background:#fff; position:relative; z-index:10; }
.chamcom1 { white-space: nowrap; height:100vh; background:#ebebeb; position:relative; z-index:100;  }
.chamcom1 ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; padding:0 5vw; position:relative; }
.chamcom1 ul li { height: 100%; flex:50%; }
.item { 
	width:100%;
	overflow:hidden;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.item img { max-width:100%; }
.item1.on { animation:moveSlideShow1 12s linear infinite; margin-top:20vh; width:40vw; }
.item2.on { animation:moveSlideShow2 12s linear infinite; margin-top:50vh; width:40vw; text-align:right;  }
.item3.on { animation:moveSlideShow3 12s linear infinite; margin-top:20vh; margin-left:4vw;width:32vw; }

.chamcomTxt { position:absolute; left:0; top:0; padding:15vh 7vw; width:100%; height:100%; z-index:10; display:flex; flex-direction:column; justify-content:center; }
.chamcomTxt h2 { font-size:2.5vw; font-weight:700; font-style:italic; }
.chamcomTxt h2 span { }
.chamcomTxt h3 { 
	line-height:1.3;
	padding:2vh 0 3vh;
	font-size:4.8vw;
	letter-spacing:0px;
	color: #ebebeb;
	font-weight:bold;
      	text-stroke: 1px rgba(0,0,0,1);
	-webkit-text-stroke: 1px rgba(0,0,0,1);
}
.chamcomTxt h3 > span { display:flex; align-items:flex-end;}
.chamcomTxt h3 > span i { font-size:1vw; font-style:normal; padding-bottom:15px; margin-left:5px; }  
.chamcomTxt p { font-size:1.6vw; line-height:1.5; letter-spacing:-1px; font-weight:500;  }
.chamcomTxt p span { display:block;}


@keyframes moveSlideShow1 {
	0% { opacity: 0; }
	20% { opacity: 1;}
	100% { transform: translateY(-300%); }
}
@keyframes moveSlideShow2 {
	0% { opacity: 0; }
	30% { opacity: 1;}
	100% { transform: translateY(-250%); }
}
@keyframes moveSlideShow3 {
	0% { opacity: 0; }
	30% { opacity: 1;}
	100% { transform: translateY(-110%); opacity: 0; }
}


@keyframes moveSlideShow1_m {
	0% { opacity: 0; }
	20% { opacity: 1;}
	100% { transform: translateY(-500%); opacity:0; }
}
@keyframes moveSlideShow2_m {
	0% { opacity: 0; }
	30% { opacity: 1;}
	100% { transform: translateY(-500%); opacity:0; }
}
@keyframes moveSlideShow3_m {
	0% { opacity: 0; }
	30% { opacity: 1;}
	100% { transform: translateY(-250%); opacity: 0; }
}


@media (max-width:1024px) {
	.item3.on img { width:50%; }

	.item1.on { animation:moveSlideShow1_m 10s linear infinite; }
	.item2.on { animation:moveSlideShow2_m 10s linear infinite; }
	.item3.on { animation:moveSlideShow3_m 50s linear infinite; }
}


@media (max-width:768px){
	.chamcomTxt { display:flex; flex-direction:column; justify-content:center; }
	.chamcomTxt h2 { font-size:5vw; }
	.chamcomTxt h2 span { display:inline; line-height:1.3; }
	.chamcomTxt h3 { 
		font-size:11vw;
		font-weight:1000;
	}
	.chamcomTxt h3 > span { display:block;}
	.chamcomTxt h3 > span > span { display:block;}
	.chamcomTxt p { font-size:3vw; line-height:1.4;  }
}

@media (max-width:500px){
	.chamcom1 ul { display:block; position:relative;}
	.chamcom1 ul li { display:block; height:auto; position:relative;}
	.item1.on { animation:moveSlideShow1_m 20s linear infinite; position:absolute; left:30px; top:-30px; width:60vw; z-index:11; }
	.item2.on { animation:moveSlideShow2_m 20s linear infinite; position:absolute; right:30px; top:15px; width:60vw; text-align:right;   }
	.item3.on { animation:moveSlideShow3_m 20s linear infinite; position:absolute; left:50px; top:450px; margin-left:auto;width:100vw; }
}


#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 9px;
    width: 9px;
    border: 0;
    background: #ccc;
    left: 50%;
    top: 50%;
    margin: -4.5px 0 0 -4.5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 20px;
    width: 20px;
    margin: -10px 0 0 -10px;
    border-radius: 100%;
    background: none;
    border: 5px solid #666;
}

@media(max-width:640px){
	#fp-nav { display:none; }
}


/* z폴더 */
@media (max-height:600px) {
	.s2_cont { display:flex; justify-content: center; align-items: center; }
	.s2_space { height:60vh; }
	.sImg2 { height:60vh; }
	.sImg2 div { height:60vh; }
	.s2_title { height:60vh; padding-bottom:0;}

	.s2_title { padding-top:0;}
	.s2_title h2 { font-size:7.5vw; padding-bottom:0; }
	.s2_title p { font-size:14px; padding:10px 0 0; } 
	.s2_title p span { display:block; margin:12px 0;}

	.s3_title_m h2 p:nth-child(1) { margin-left:-30px; margin-top:-126px; }
	.s3_title_m h2 p:nth-child(2) { margin-left:-73px; margin-top:-121px; }
	.s3_title_m h2 p:nth-child(3) { margin-left:-290px; margin-top:-112px; }
	#fp-nav { display:none; }
    .circleTxt { display: block;}

	.circleTxt { 
		left:-55px; margin-top:-55px; z-index:999; width:110px; height:110px; 
		background:url(../img/rotateText2.png) no-repeat;
		background-size:100%;
	}
	.cursor { display:none; }

	.s_title_c h2 > span { font-size:48px;}
	.inqWrap { top:-90vh; }

	a.btnInq_close { 
		right:30px; top:50px;
	}
}


.video {
  width: 100%;
  max-width: 1050px;
  margin: 30px auto;
  border-radius: 30px;
  padding: 30px 0px;
  /*
  background-color: #f0f0f0;
  box-sizing: border-box;
  box-shadow: 0px 8px 33px #999;
  */
}

.video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}


iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}