@charset "utf-8";

.container{
	max-width:1300px !important;
	width:100% !important;
}
/* floating box style */
.banner {
  position: absolute;
  top: 320px;
  overflow:hidden;
  z-index:9;
 
}

#banner_l { left: 5%; }
@media only screen and (min-width: 1025px) {
	#banner_l { left: 7%; }
}
.bn-wrap{
	position:relative;
	
	left:-250px;
	
}
.bn-wrap:after{
	content:'';
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
.bn-body{
	float:left;
	
	border:#6e8195 1px solid;
    box-sizing:border-box;
	background:#FFF;
	padding:3px;	
	
	
}
.bn-body .body-inner{
	border:#3f5062 1px solid;
	width:242px;
	padding:1em;
	text-align:center;
}
.bn-body .body-inner span{
	display:block;
	text-align:center;
	font-weight:600;
	margin-top:0.5em;
}
.bn-body .body-inner span:after{
	content:'';
	display:block;
	width:1em;
	height:2px;
	background:#039;
	margin:0.3em auto;
}
.bn-body .body-inner p{
	padding:0.5em 1.5em;
	color:#6e6e6e;
}
.bn-body a.cms{
	display:inline-block;
	padding:0.5em 1.2em;
	color:#FFF;
	background:#3f5062;
	margin-top:1.0em;
}
.bn-body .tail-inner{
	margin-top:3px;
	border:#3f5062 1px solid;
	padding:1em;
	text-align:center;
}
.bn-body .tail-inner b{
	display:inline-block;
}
.bn-body .tail-inner b:first-child{
	margin-bottom:0.6em;
}
.bn-btn{
float:left;
display:inline-block;
padding:3px;
border:#3f5062 1px solid;
background:#FFF;	

}
.bn-btn .btn-inner{
	text-align:center;
	padding:1em;
	background:#6e8195;
	color:#FFF;
}

.bn-btn .btn-inner small{
	color:#cecece;
}
.bn-btn .btn-inner .closed, .bn-btn .btn-inner .open{
	color:#CC6;
	font-size:1.18em;
}
.bn-btn.toshow .closed{
	display:none;
}
.bn-btn.toshow .open{
	display:inline-block;
}

.bn-btn.tohide .open{
	display:none;
}
.bn-btn.tohide .closed{
	display:inline-block;
}
.one{
	position:relative;
	
	height:100%;
	padding-top: 250px;
	min-height:450px !important;

}

@media only screen and (max-width: 768px) {
	.banner{
		display:none;
	}
	.one{
		padding-top:0;
	}
}

@media only screen and (max-width: 1024px) {
	.one{
		padding:0;
	}
}
.item{	
	width:100%;
	height:100%;
	min-height:400px;	
}
.content-slider{
	
	width:100%;
	height:100%;
	margin:0em;
	overflow-x:hidden;
	
	
}
@media only screen and (max-width: 1023px) {
	.item{
		height:100%;
	}
}
.content-slider li{
	
	text-align:center;
	width:100%;
	height:100%;

	overflow:hidden;
	
}
@media only screen and (max-width: 778px) {
	.content-slider li{
		min-height:100%;
	}
}
.item .lSSlideOuter .lSPager.lSpg {
	text-align:right;
	bottom:-15px;
	
}
@media only screen and (max-width: 1024px) {
	.item .lSSlideOuter .lSPager.lSpg {
	bottom:15px;
	
}
}
.item  .lSSlideOuter .lSPager.lSpg > li a{
	 display:inline-block;
	 display: -moz-inline-stack;/*safari용 inline-block*/
	 cursor: pointer;
	 width:0.68em;	
	 height:0.20em;
	 background:#333;  
	 margin-right:0px;  
	 margin-top:0px; 
	 margin-left:0px;
	 overflow:hidden; 
	 text-indent:-3000em;      *display:inline;   *zoom:1;  
}
.ismobile .item  .lSSlideOuter .lSPager.lSpg > li a{
	background:#999;
}
.item  .lSSlideOuter .lSPager.lSpg > li:hover a, .item  .lSSlideOuter .lSPager.lSpg > li.active a {
	 background:#903;
}
.ismobile .item  .lSSlideOuter .lSPager.lSpg > li:hover a, .ismobile .item  .lSSlideOuter .lSPager.lSpg > li.active a {
	 background:#FFF;
}
.sticky-menu-activate .item .lSSlideOuter .lSPager.lSpg{
	display:none !important;
}
.item-content{
	width:100%;
	height:100%;
	background:#993;
}



.item  a.isPrev, .item  a.isNext{
	position:absolute;
	top:50%;
	margin-top:-40px;
	display:inline-block;
	width: 25px;
    height: 80px;
	background:#FFF;
    cursor: pointer;
	color:#000;
	line-height:82px;    
	z-index:99;
	
	transition: width 1s;
    -webkit-transition: width 1s; /* Safari 3.1 to 6.0 */
	-moz-transition: width 1s;
	-o-transition: width 1s;
	-ms-transition: width 1s;;
	
}
.item  a.isPrev{
	left:20px;
	opacity: 0.5;
	padding-left:8px;
	text-align:left;

	
	
}
.item  a.isNext{
	right:20px;
	opacity: 0.5;
	padding-right:8px;
	text-align:right;
       direction: rtl;
	
	
}
.item  a.isPrev i, .item  a.isNext i{
	
	color:#000;

	font-size:1.88em;
	font-weight:600;
}


.item  a.isPrev:hover, .item  a.isNext:hover{
	
	width:105px;
	
}
.item  a.isPrev:hover{
	background-position:25px 0;
}
.item  a.isNext:hover{
	background-position:right 25px top;
}

.item.it-1  a.isPrev:hover{
	background-image:url(../img/s-thumb03.jpg);
	background-repeat:no-repeat;
	background-size:80px 80px;
      opacity: 1;
	
	
}
.item.it-1  a.isNext:hover{
	background-image:url(../img/s-thumb02.jpg);
	background-repeat:no-repeat;
	background-size:80px 80px;
	opacity: 1;
	
	
	
}
.item.it-2  a.isPrev:hover{
	background-image:url(../img/s-thumb01.jpg);
	background-repeat:no-repeat;
	background-size:80px 80px;
	opacity: 1;
	
}
.item.it-2  a.isNext:hover{
	background-image:url(../img/s-thumb03.jpg);
	background-repeat:no-repeat;
	background-size:80px 80px;
	opacity: 1;
	
	
}
.item.it-3  a.isPrev:hover{
	background-image:url(../img/s-thumb02.jpg);
	background-repeat:no-repeat;
	background-size:80px 80px;
	opacity: 1;
	
}
.item.it-3  a.isNext:hover{
	background-image:url(../img/s-thumb01.jpg);
	background-repeat:no-repeat;
	background-size:80px 80px;
	opacity: 1;
	
}
/*
.item  a.isPrev:hover,.item  a.isNext:hover{
	opacity: 1;
	-webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
*/
@media only screen and (min-width: 769px) {
	.item .lSAction > .lSPrev, .item .lSAction > .lSNext{
		display:none;
	}
}

@media only screen and (max-width: 768px) {
	/*
	.item .lSAction > .lSPrev, .item .lSAction > .lSNext{
		display:none;
	}
	*/
	.item  a.isPrev, .item  a.isNext{
		display:none;
	}
}
.ls-layer{
	width:100%;
	height:100%;
	background:rgba(49,84,155,.0);
}

.hidden{
	visibility:hidden;
}
.slider-overlay{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	/*
	background:url(../img/blackbold.png);
	*/
	background:rgba(255,255,255,0.3);
	backface-visibility:hidden;
	z-index:1;
}

.caption-wrap{
	position:absolute;
	top:-60px;
	left:0;
	z-index:3;
	display:table;
	width:100%;
	height:100%;
	/* for dissapearing in Android */
	-webkit-backface-visibility: hidden;
	
	
}
.caption-child{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.hasIframe .slider-overlay, .hasIframe .caption-wrap{
	display:none;
}
		
.centered {
 position: relative;
  display: inline-block;
 
 padding-left:0;
  width:100%;
  color:#FFF;
}
@media only screen and (max-width: 778px) {
	.centered {
		padding-left:0;
		
	}
}

.active .centered .td-square:after, .active .centered .td-square:before{
	width:5em;
}
@media only screen and (max-width: 778px) {
	.s-one .left-upper{
		position:absolute;
		background:rgba(0,0,0,.4);
		z-index:3;
		width:100%;
		height:100%;
		left:0;
		top:0;
	}
	.centered{
		padding-left:10%;
	}
	.active .centered .td-square:after, .active .centered .td-square:before{
	width:3em;
}
}

.cover_title{
	width:100%;
	
	text-align:left;
	margin:0 auto;
	padding-top:4em;
	padding-left:5%;
	
	
}
.s-one .cover_title{
	text-align:left;
}

@media screen and (max-width: 768px){

	.cover_title{
		text-align:left;
		padding-left:5%;
		padding-top:0;
	}
	
	/*.s-one .cover_title{
		text-align:right;
		padding-right:5%;
	}
	.s-two .cover_title{
		display:none;
	}
	*/
}
.cover_title small{
	font-size:0.92em !important;
}
.cover_title small.small-divider{
	display:inline-block;
	position:relative;
	font-size:0.6em;
	color:#e5e5e5;
	margin: 0.2em 0 1.5em;
}

.cover_title small.small-divider:after{
	content: "";
	position: absolute;
	width:0;
	height: 1px;
	background:#c5c5c5;
	top: 50%;
	-webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.ken-burn03{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	visibility:hidden;
	z-index:0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.s3 .ken-burn03{
	visibility:visible;
	-webkit-transition: all 8s;
	-moz-transition: all 8s;
	-o-transition: all 8s;
	transition: all 8s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* for dissapearing in Android */
	-webkit-backface-visibility: hidden;
	background-position:left center !important;
}
.hidden{
	visibility:hidden;
}
.s-three .cover_title small.small-divider{
	color:#333;
}
.s-three .cover_title small.small-divider:after{
	background:#333;
}
.cover_title small.small-divider:before{
	right: 100%;
	margin-right: 10px;
}
.cover_title small.small-divider:after{
	left: 100%;
	margin-left: 10px;
}

.active .cover_title small.small-divider:before, .active .cover_title small.small-divider:after{
	width:18em;
}
@media only screen and (max-width: 778px) {
	.active .cover_title small.small-divider:before, .active .cover_title small.small-divider:after{
		width:10em;
	}
}
.cover_title h1{
	font-family:'Lustria',"Sawarabi Mincho",'Nanum Myeongjo', serif;
	font-size:3.28em;
	letter-spacing:2px;
	margin-top:2em;
	
}
.cover_title .ttl{
	display:inline-block;
	width:14.5em;
	margin-bottom:1em;
	
}
.cover_title .ttl img{
	width:100%;
	height:auto;
}
 
@media only screen and (max-width: 778px) {
	.cover_title h1{
		margin-top:3em;
	}
	.cover_title .ttl{
	display:inline-block;
	width:13em;
	
}
}
.cover_title h1.ttl:after{
	content:'';
	display:block;
	width:0.6em;
	height:2px;
	background:#CC3;
	margin:0.4em auto;
}





.s-three .cover_title h1{
	color:#ffffff;
}
.cover_title h5{
	font-family:'Montserrat',sans-serif, arial,'MalgunGothic';
	color:#e5e5e5;
	font-size:1.08em !important;
	letter-spacing:3px;
}
.cover_title small{
	font-size:0.78em;
	color:#ffffff;
	letter-spacing:2px;
}
.cover_title .title-txt{
	width:16em;
	margin:0 auto;
	text-align:left;
}
.cover_title  p{
	
}

.cover_title span{
	
	display:inline-block;
	/*
	padding:0.2em 0.8em;
	border:#ffffff 1px solid;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:1em 0 0.5em;
	*/
}
.cover_title span:hover{
	
}
.cover_title span a{
	color:#ffffff;
}
.cover_title span a:hover{
	color:#903;
}
.cover_title .cover_title-primary{
	font-size:1.0em;
	opacity:1;
}
.cover_title .cover_title-primary h1{
	font-size:4.24em !important;
	font-weight:bold;
}
.centered span.en-txt{
	margin-left:0.5em;
	padding:0 0.5em ;
	border-left:#CC6 solid 5px;
	font-size:2.21em;
	font-weight:bold;
	color:#FF0;
	line-height:1.0;
	
	}



.s-one .sl-link, .s-two .sl-link, .s-three .sl-link{
	display:inline-block;
	width:20em;
	word-break:break-all;
	text-align:left;
	padding: 0.3em 0;
	text-transform:uppercase;
	font-size:0.80em;
	color:#4d4d4d !important;
	margin-bottom:1em;
	
}
.btn-info{
	position:relative;
	color:#ffffff !important;
	background:#999 !important;
	border:#999 1px solid !important;
}
 a.dot-link{
	 display:inline-block;
	 
 }
 a.dot-link span{
	display:inline-block;
	vertical-align:middle;
	margin-right:0.4em;
	margin-left:0;
	transition: all ease 0.5s;
}
 a.dot-link:hover{
	color:#000000;
}
 a.dot-link span.dots{
	width:0.5em;
	height:0.5em;
	background:#000000;
	border-radius:50%;
	
}
 a.dot-link span:hover{
	margin-left:0.4em;
}
.arrow-btn{
	display:inline-block;
}
.arrow-btn span{
	display:inline-block;
	height:38px;
	line-height:38px;
	vertical-align:middle;
	border:#9d9d9d 2px solid;
	font-size:0.94em;
	font-weight:700;
}
.arrow-btn span.spl{
	padding:0em 2em;
	
	color:#4d4d4d;
	border-right:none;
	margin-left:0.5em;
	}
	.arrow-btn span.spr{
	padding:0em 0.6em;
	background:#9d9d9d;
	
	color:#ffffff;
	margin-left:0;
	transition: all ease 0.2s;
	}
	.arrow-btn:hover span.spl{
		border-right:#9d9d9d 2px solid;
	}
	.arrow-btn:hover span.spr{
		margin-left:0.5em;
	}
.btn-info:hover{
	color:#ffffff !important;
	background:#666 !important;
	border:#666 1px solid !important;
}
.ttl-txt img{
	width:100%;
	height:auto;
	
}

.s-one .container{
		background-position:50% 60% !important;
	}
	.s-two .container{
		background-position:50% 60% !important;
	}
@media screen and (max-width: 768px) {
	.s-one{
	background-position:30% 50% !important;
}
	.s-one .container{
		background-position:57% top !important;
	}
	
	.s-two .container{
		background-position:57% top !important;
	}
	/*
	.s-two .container{
		background-position:85% 60% !important;
	}
	*/
}
.s1 .cover_title .ani1{
	opacity: 0;
	-webkit-animation: fadeInDown 1s ease-in both;
	-moz-animation: fadeInDown 1s ease-in both;
	-o-animation: fadeInDown 1s ease-in both;
	animation: fadeInDown 1s ease-in both;
	animation-delay: 1s;
}
.s1 .cover_title .sns.ani1{
	opacity: 0;
	-webkit-animation: fadeInUp 2s ease-in both;
	-moz-animation: fadeInUp 2s ease-in both;
	-o-animation: fadeInUp 2s ease-in both;
	animation: fadeInUp 2s ease-in both;
	animation-delay: 1s;
}
.s2 .cover_title .ani2{
	opacity: 0;
	-webkit-animation: fadeInLeft 1s ease-in both;
	-moz-animation: fadeInLeft 1s ease-in both;
	-o-animation: fadeInLeft 1s ease-in both;
	animation: fadeInLeft 1s ease-in both;
	animation-delay: 1s;
}
.s2 .cover_title .sl-link.ani2{
	opacity: 0;
	-webkit-animation: fadeInRight 1s ease-in both;
	-moz-animation: fadeInRight 1s ease-in both;
	-o-animation: fadeInRight 1s ease-in both;
	animation: fadeInRight 1s ease-in both;
	animation-delay: 1s;
}
.s3 .cover_title .ani3{
	opacity: 0;
	-webkit-animation: fadeInDown 1s ease-in both;
	-moz-animation: fadeInDown 1s ease-in both;
	-o-fadeInDown 1s ease-in both;
	animation: fadeInDown 1s ease-in both;
	animation-delay: 1s;
}
.s3 .cover_title .sl-link.ani3{
	opacity: 0;
	animation: fadeInUp 2s ease-in both;
	animation-delay: 1s;
}
.s1 .cover_title .ani4, .s2 .cover_title .ani4{
	opacity: 0;
	-webkit-animation: fadeInLeft 1s ease-in both;
	-moz-animation: fadeInLeft 1s ease-in both;
	-o-animation: fadeInLeft 1s ease-in both;
	animation: fadeInLeft 1s ease-in both;
	animation-delay: 1s;
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		-moz-transform: translate3d(0, -50%, 0);
		-o-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80%, 0);
		-moz-transform: translate3d(0, 80%, 0);
		-o-transform: translate3d(0, 80%, 0);
		transform: translate3d(0, 80%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		-moz-transform: translate3d(-30%, 0, 0);
		-o-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		-moz-transform: translate3d(30%, 0, 0);
		-o-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.arrow-text{
	position:absolute;
	text-align:center;
	width:250px;
	bottom:38px;
	left:50%;
	margin-left:-125px;
	color:#ffffff;
	
	font-family: 'Montserrat', sans-serif;
	
	z-index:10;

}
.arrow-text small{
   font-size:0.72em;
   letter-spacing:1px;
}
.arrow-text b{
	font-size:0.82em;
	letter-spacing:2px;
}
@media only screen and (max-width: 1024px) {
 .arrow-text{
	color:#FFF;
}
}
.arrow-text:after{
	content:'';
	display:block;
	width:1px;
	height:1.5em;
	background:#ffffff;
	margin:0 auto;
}
.scroll-down-button,
.filling {
  display: block;
  width: 30px;
  height: 62px;
  background-image:url(../img/scrolldown.png);
  background-repeat:no-repeat;
  z-index:10;
  /*
  border-radius: 9px;
  border: 2px solid #fff;
  */
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
  background-position: center center;
  -webkit-transition-property: border;
  transition-property: border;
}
@media only screen and (max-width: 768px) {
.scroll-down-button,
.filling {
	background-image:url(../img/scrolldown-w.png);
}
}

.scroll-down-button span,
.filling span {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  position: absolute;
  top: 7px;
  left: 8px;
  width: 3px;
  height: 8px;
  background: #fff;
  border-radius: 3px;
  -webkit-animation: scrollDown 2.5s ease-in-out infinite;
  -o-animation: scrollDown 2.5s ease-in-out infinite;
  animation: scrollDown 2.5s ease-in-out infinite;
}
.scroll-down-button.black,
.filling.black {
  border-color: #3a3a3a;
}
.scroll-down-button.black span,
.filling.black span {
  background: #3a3a3a;
}
@media (max-width:768px){
.item .lSSlideOuter .lSPager.lSpg {
	display:none;
}
.content-slider li{
	font-size:0.9em;
}
}

#sns-echo a{
	display:inline-block;
	margin:0.2em 0.4em;
	width:25px;
	height:25px;	
	
}
#sns-echo a.short-cut{
	width:111px;
}
@media (max-width: 768px) {
	#sns-echo  a{
		margin:0.2em 0.5em;
	}
}
#sns-echo  a.tweeter-i{
	background-image:url(../img/main-tw.png) ;
	background-repeat:no-repeat;
	background-size:25px 25px;
}
#sns-echo  a.tweeter-i:hover{
	background-image:url(../img/main-twOn.png) ;
}
#sns-echo  a.facebook-i{
	background-image:url(../img/main-fb.png) ;
	background-repeat:no-repeat;
	background-size:25px 25px;
}
#sns-echo  a.facebook-i:hover{
	background-image:url(../img/main-fbOn.png) ;
}
#sns-echo  a.google-i{
	background-image:url(../img/main-goo.png) ;
	background-repeat:no-repeat;
	background-size:25px 25px;
}
#sns-echo  a.google-i:hover{
	background-image:url(../img/main-gooOn.png) ;
}
#sns-echo  a.kakao-i{
	background-image:url(../img/main-kakao.png) ;
	background-repeat:no-repeat;
	background-size:25px 25px;
}
#sns-echo a.kakao-i:hover{
	background-image:url(../img/main-kakaoOn.png) ;
}
#sns-echo  p{
	color:#000;
	font-weight:700;
}
#sns-echo  a.short-cut{
	background-image:url(../img/shortcut.png) ;
	background-repeat:no-repeat;
	background-size:111px 25px;
}
@media (max-width: 800px) {
	#sns-echo  .mob-hidden{
		display:none;
	}
}
/*GLOBAL SECTION*/
.icon-ko, .icon-us, .icon-cn, .icon-th, .icon-vn{
	display:inline-block;
	padding-left:16px !important;
	background-size:13px 13px;
	background-repeat:no-repeat;
	background-position:left top;
	font-size:0.82em !important;
	font-weight:600;
	

}
.icon-ko{
	background-image:url(../img/flag-ko.png);
}
.icon-us{
	background-image:url(../img/flag-us.png);
}
.icon-cn{
	background-image:url(../img/flag-cn.png);
}
.icon-th{
	background-image:url(../img/flag-th.png);
}
.icon-vn{
	background-image:url(../img/flag-vn.png);
}
.indexContainer{
	position:relative;
	width:75%;
	margin:0 auto;
	padding:1em 36px ;
	text-align:center;
}
.indexContainer h1, .container h1{
	font-family:'Reem Kufi', sans-serif,"Playfair Display","Open Sans Condensed", serif;
	color:#444;
	font-size:2.82em;
	margin:1em 0 0;
	padding:0;
	line-height:1.0;
	text-transform:uppercase;
	
	
}
.indexContainer .main-title, .lay-title .main-title{
	line-height:1.2;
	
}
/*
.indexContainer h1:before{
	content:'';
	display:block;
	width:1px;
	height:0.8em;
	background:#333;
	margin:1em auto 0.5em;
}
*/
.indexContainer small.sub-ttl, .container small.sub-ttl{
	color:#c8aa1b;
	letter-spacing:2px;
}

.indexContainer small.sub-ttl:after, .container small.sub-ttl:after{
	content:'';
	display:block;
	width:2em;
	height:2px;
	background:#ffffff;
	margin:0.7em auto 3em;
}

/*
.indexContainer b{
	font-family:"Open Sans Condensed", serif;
	color:#222222;
	font-size:2.68em;
	text-transform:uppercase;
}
*/
@media (max-width: 1024px) {
	.indexContainer{
		width:90%;
	padding:3em 1em;
}
}
@media (max-width: 768px) {
	.indexContainer{
		width:100%;
	padding:1em 0;
}

}
/*
.light .indexContainer .long-letter:after,
.light .indexContainer .long-letter:before {
  content: '';
  width: 45px;
  height: 1px;
  display:inline-block ;
  vertical-align:super;
  background:#999;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.dark .indexContainer .long-letter:after,
.dark .indexContainer .long-letter:before {
  content: '';
  width: 45px;
  height: 1px;
  display:inline-block ;
  vertical-align:super;
  background:#CCC;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.lay-title .long-letter:after, .lay-title .long-letter:before {
	 content: '';
  width: 45px;
  height: 1px;
  display:inline-block ;
  vertical-align:super;
  background:#CCC;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.light .indexContainer .long-letter:before, .dark .indexContainer .long-letter:before{
position: relative;
  right: 10px;	

}
.light .indexContainer .long-letter:after, .dark .indexContainer .long-letter:after{
position: relative;
  left: 10px;
}
*/
.indexContainer .title-bottom img{
	width:7em;
	height:auto;
}
.indexContainer .long-letter{
	font-family:"Poppins", serif;
	font-size:0.80em;
	color:#666;
	letter-spacing:1px;
	text-transform:uppercase;
}
.inner-container{
	padding: 0;
}
a.view-more{
	display:inline-block;
	color:inherit;
	border-color:inherit;
	border: 1px solid;
	padding:0.3em 0.6em;
	margin:2em 0;
}
.inners{
	padding:1em;
}
.more-read{
	display:inline-block;
	color:#FFF !important;
	background:#9BA78A;
	margin:2em 0;
	padding:0.3em 1em;
	
}
.more-wrap{
	text-align:right;
}
.more-read:hover{
	background:#6f7763;
}
a.more-link{
	display:inline-block;
}
a.more-link small{
	text-transform:uppercase;
	color:#435061;
	font-size:0.94em;
}
a.more-link  i{
	color:#435061;
}
a.more-link:hover small,a.more-link:hover i{
	color:#FC3;
}
.l-section {
	padding-right:2em !important;
}

/* ---------------------------------------- section two    --------------------------------- */


.two{
	padding-top:5em;
	padding-bottom:5em;
	
	}
a.lay-href{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background:none;
}

/* ---------------------------------------- float-container    --------------------------------- */
.float-container{
	position:relative;
	top:-150px;
	left:0;
	z-index:999;
	padding: 0 !important;
	background:#010101;
	
	
}
.float-wrap{
}
.three-upper, .three-down{
	position:relative;
	height:150px;
	background:#010101;
}
/* ---------------------------------------- section three    --------------------------------- */
.three{
position:relative;
width:100%;
background:#010101;
	
	
	
}
.three .container{
	 padding:6em 1em ;
	 background-position:50% 50%;
}
@media screen and(max-width: 768px){
	.three .container{
	 padding:6em 0 ;
	 background-position:50% 50%;
}
}
.three h5{
	font-family:'Noto Sans Japanese','Nanum Gothic', sans-serif;
	font-weight:500;
	font-size:1.18em;
	margin-bottom:1.5em;
	letter-spacing:2px;
}
.three h4{
	color:#e5e5e5;
	letter-spacing:2px;
	font-weight:300;
	font-size:1.48em;
	
}
.three h1{
	color:#cacaca;
	font-size:2.88em;
	
}
.three p{
	color:#999;
	font-size:0.94em;
	padding-top:1em;
}
.upper-wave{
	width:100%;
	height:150px;
	position:absolute;
	top:0;
	
}
.down-wave{
	width:100%;
	height:150px;
	position:absolute;
	bottom:-2px;
	
}
.upper-wave svg, .down-wave svg{
	width:100%;
	height:100%;
	margin:0;
	
}
.down-wave svg{
	-webkit-transform: scaleY(-1);
  transform: scaleY(-1);

}
.playing .vid-cover{
	display:none !important;
}
.vid-cover{
	position:absolute;
	background-image:url(../img/vide-bg03.jpg);
	width:100%;
	height:100%;
	/* for safari */
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	backface-visibility:hidden;
	z-index:1;
	
}
.cover-outer{
	width:100%;
	height:100%;
	display:table;
}
.cover-coverInner{
	display:table-cell;
	vertical-align:middle;
	background:rgba(0,0,0,.3);
	color:#FFF;
}
.cover-coverInner p{
	font-size:1.14em;
}
/*
.cover-coverInner a{
	display:inline-block;
	width:4em;
	height:4em;
	margin-top:1em;
	background-image:url(../img/wplay_overON.png);
	background-size:4em 4em;
	background-repeat:no-repeat;
}
.cover-coverInner a:hover{
	background-image:url(../img/wplay_overOFF.png);
}
*/
@media (max-width: 768px) {
.side-wrap{
	padding-top:2em !important;
}
}

/* -----------------------           section four        --------------------------------- */



.four{
	
	
}
@media screen and (max-width: 768px){
	.l-section , .c-section, .r_section{
		margin-bottom:1.5em !important;
	}
}
.four  {
	
	text-align:center;
}

.abs-inner{
	width:100%;
	position:absolute;
	top:-100px;
	background:#435061;
	min-height:100px;
	z-index:90;
	padding:10px 30px;
	
}
.abs-inner .row ,.abs-inner .row .col-sm-4{
	height:100%;
}

.abs-inner .row .col-sm-4:first-child, .abs-inner .row .col-sm-4:nth-child(2){
	border-right:#516175 1px solid;}
@media (max-width: 768px) {
	.abs-inner{
		position:relative;
		top:0;
		z-index:0;
	}
	.abs-inner .row .col-sm-4:first-child, .abs-inner .row .col-sm-4:nth-child(2){
	border-bottom:#516175 1px solid;}
}
.compo{
	text-align:left;
	padding:28px 0;
	
}
.compo-icon, .compo-ad{
	color:#FFF;
	font-size:1.2em;
font-family: 'Quicksand', sans-serif;
	
	display:inline-block;
	vertical-align:middle;
}
.compo-icon i{
	font-size:1.2em;
	margin-right:0.5em;
	margin-left:0.5em;
	color:#9eaec1;
}
.compo-ad a{
	color:#ffffff;
	line-height:1;
}
.compo-ad a:hover{
	color:#6CF;
}
.compo-ad{
	text-align:left;
}
.four .container .inner-container{
	padding:0 0 2em;
}
.four .container .inner-container h1{
	font-size:2.42em;
	white-space:pre-line !important;
}
.four .container .inner-container h3{
	color:#7d7d7d;
	margin-bottom:2em;
	font-size:1.24em;
}
.four .container small.sub-ttl:after{
	background:#333;
}
.four .container .inner-container span.sponcer{
	display:inline-block;
	vertical-align:middle;
	margin:0.5em;
	border:#8d8d8d 1px solid;
	padding:0.5em;
}
.four .container .inner-container span a img{
	width:15em;
	height:auto;
}
.q-link{
	background:#CCC;
}
.q-outer{
	margin:0.5em;
	display:table;
	border:#999 1px solid;
	width:100%;
	height:6em;
}
/*--------------------------------------- latest section -----------------------------*/
.grey-container{
	padding:0 1.0em;
	border-bottom:#ccc 1px solid;
}
@media (max-width: 768px) {
	.grey-container{
	padding:0;
}
}

.grey-box{
	/*
	background:#e5e5e5;
	*/
	padding:0  ;
	
	text-align:left;
	font-size:0.98em;
	border-bottom:#e5e5e5 1px solid;
	margin-bottom:1em;
}
.grey-box .box-title{
	position:relative;
	text-align:left;
}
.grey-box .box-title p{
	color:#7d7d7d;
	padding-bottom:0.5em;
	padding-top:0;
}
.grey-box .box-title h4, .box-title span{
	display:inline-block;
}
.grey-box .box-title h4{
	display:inline-block;
	font-family:"Open Sans Condensed", serif;
	background:#FFF;
	font-size:1.12em !important;
	
	font-weight:600;
	margin-right:0.3em;
	padding-right:1em;
	color:#000;
	letter-spacing:3px;
	line-height:1;
	margin:0;
}
.grey-box  span.date{
	color:#7d7d7d;
	text-transform:lowercase;
	
}
.grey-box  .box-title small{
	font-size:0.94em;
	color:#7d7d7d;
}
.grey-box  span.date:before{
	content:'';
	display:block;
	width:1.0em;
	height:3px;
	background:#e53164;
	margin:0.3em 0;
	
}
/*
.grey-box .box-title:after{
	content:'';
	position:absolute;
	display:block;
	background:#999;
	width:100%;
	height:1px;
	bottom:12px;
	z-index:-1;
}

.box-title span{
	margin-left:0.3em;
	padding-left:0.5em;
	border-left:#a60505 1px solid;
	line-height:1;
}
*/
/* img responsive */
.grey-box .box-img{
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.26%;
	
	overflow:hidden;
}
.grey-box .box-img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box-img .bi-layer{
	position:relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.26%;
	background:rgba(0,0,0,.3);
}
.grey-box .box-content{
	position:relative;
	padding:0 0.5em;
	text-align:left;
	
}

.grey-box .box-content b{
	font-size:1.0em;
	font-family:'Droid Sans', Arial, Helvetica, Sans-serif,"MalgunGothic","NanumGothic", "Gullim" ;
	line-height:2.5;
}
.grey-box  b.bold-title{
	display:inline-block;
	padding:0.2em 0.5em;
	color:#435061 !important;
	margin-top:2px;
	margin-bottom:0.3em;
	text-transform:uppercase;
	border:#435061 1px solid !important;
}
.grey-box .bi-layer b.bold-title{
	position:absolute;
	top:10px;
	left:10px;
	display:inline-block;
	padding:0.2em 0.5em;
	color:#ffffff;
	margin-top:2px;
	margin-bottom:0.3em;
	text-transform:uppercase;
	border:#ffffff 1px solid;
}
.grey-box .grey-sub{
	display:inline-block;
	margin-bottom:0.5em;
	margin-top:0.5em;
	color:#7d7d7d;
}
.grey-box .box-content p.author{
	text-align:left;
	
	font-size:0.84em;
	color:#9d9d9d;
}
.grey-box .box-content p.author i{
	margin-right:0.5em;
}
.grey-box .box-content p.honbun{
	padding:0 ;
}
.grey-box .box-content .btn-more{
	padding: 0.5em 0;
	text-align:right;
	
}
.grey-box .box-content  a{
	
	font-size:0.84em !important;
	display:inline-block;
	
	color:#7d7d7d;
	text-transform:uppercase;
	

}
.grey-box .box-content  a:hover{
	color:#990033;
}
@media (max-width: 768px) {
	.grey-box .box-title{
		padding-left:1em;
	}
	.grey-box .box-content{
	padding:1em 2em;
	
}
.grey-box .box-content  a{
	right:1em;
}
}

.small-titleBox{
	
	padding:0.2em 0 1em;
	/*
	border-top:#666 1px solid;
	text-align:right;
	*/
	
}
.small-titleBox span{
	display:inline-block;
	margin-right:0.3em;
}
.small-titleBox span.left-border{
	
	padding-left:0.6em;
}
.small-titleBox h4{
	font-family:"Montserrat", san-serif;
	font-weight:400;
	text-transform:uppercase;
	margin-right:0.3em;
}
/*-----------------------// latest section -----------------------------*/
.call-link{
	padding:1em 0;
	margin:0 0 2em;
}
.call-link a, .call-link phone{
	display:block;
	padding:0.7em;
	text-align:center;
	color:#435061;
	font-weight:600;
	border:#435061 1px solid;
}
.call-link a:hover,.call-link a:focus{
	background:#435061;
	color:#ffffff;
}
.call-wrap{
	
	margin-bottom:1em;
	text-align:left;
	
}
.dn-top{
	background:#f1f4f8;
	padding:1.0em 0;
	text-align:center;
}
.dn-top h4{
	display:inline-block;
	color:#7d7d7d;
	vertical-align:middle;
	line-height:1;
	font-size:1.24em;
}
.dn-top i{
	font-size:2em;
	color:#18d1ae;
	margin-right:0.5em;
}
.dn-bot{
	padding:0.6em 0;
	background:#f8fafc;
	text-align:center;
	
}
.dn-bot h3{
	font-family: 'Quicksand', sans-serif;
}
.call-wrap .kakao-link,.phone{
	display:inline-block;
	width:100%;
	padding:3px;
	background:#e5e5e5;
	
}
.phone{
	margin-top:1em;
	text-align:left;
}
.call-wrap .kakao-link:hover{
	background:#036EB8;
}
.call-wrap .kakao-link span, .phone span {
	display:inline-block;
	vertical-align:middle;
	
}

.call-wrap .kakao-link span.img-sp, .phone span.img-sp{
	padding:0.7em;
	background:#FFF;
}
.call-wrap .kakao-link span.img-sp img, .phone span.img-sp img{
	width:3em;
	height:auto;
}
.call-wrap .kakao-link span.txt-sp,  .phone span.txt-sp{
	padding-left:1em;
}
.call-wrap .kakao-link span.txt-sp b, .phone span.txt-sp b{
	color:#7d7d7d;
}
.call-wrap .kakao-link:hover span.txt-sp b{
	color:#ffffff;
}
.phone span b.time{
	font-size:0.82em; display:inline-block; color:#8d8d8d; margin-right:0.3em;
}

.tube-widget{
	text-align:left;
	width:100%;
	background:#e5e5e5;
	margin-top:1em;
	padding:0.5em;
}
.phone .txt-sp h4{
	display:inline-block;
	font-family: 'Quicksand', sans-serif;
	color:#5d5d5d;
	margin:0;
	line-height:1;
	font-size:1.56em;
}
/*
.cw-layer{
	width:100%;
	height:100%;
	padding:4px;
	
}

.call-inner{
	color:#3d3d3d;
	border:#d5d5d5 1px solid;
	padding:1em;
	font-size:0.94em;
	
}
.call-inner h4{
	letter-spacing:1px;
	color:#ffffff;
}
.call span{
	display:inline-block;
	margin:0.2em 0.5em;
	vertical-align:middle;
	
}
.call .cs-l img{
	width:3.5em;
	height:auto;
}
.call .cs-r {
	margin-left:1em;
}
.call .cs-r  b.lg-f{
	display:inline-block;
	font-size:1.12em;
	margin-bottom:0.5em;
}
.call span i{
	font-size:1.24em;
}
*/
.c-section{
	text-align:left;
}
.c-section .grid-sizer, .c-section .grid-item{
	width:50%;
}
@media (max-width: 768px) {
	.c-section .grid-item{
		float:none;
		width:100%;
	}
}
.info-box{
	padding:5px;
	margin-bottom:1em;
}
.info-inner{
	border:#CCC 3px solid;
	padding:2em 1em;
	color:#ffffff;
	text-align:center;
	background:rgba(0,0,0,.3);
}
.info-inner a.join-info{
	display:inline-block;
	padding:0.5em 1em;
	border:#e5e5e5 1px solid;
	color:#ffffff;
	font-size:1.08em;
	font-weight:600;
}

.info-inner a.join-info i{
	color:#ffffff;
}
.info-inner a.join-info small{
	font-size:0.82em;
	font-weight:500;
}
.info-inner a.join-info:hover{
	background:rgba(255,255,255,.7);
	color:#333;
}
.info-inner a.join-info:hover i{
	color:#333;
}
.info-inner a.join-info:hover small{
	color:#333;
}
.info-icon{
	text-align:center;
}
 .info-icon .icon{
	display:inline-block;
	padding:3px;
	width:30%;
	max-width:5.2em;
	height:5.2em;
	border-radius:50%;
	border:#435061 2px dotted;
	
}
.info-icon .icon a{
	color:#435061;
	font-size:16px;
	
}
.info-icon .icon a svg{
	width:23px;
	height:23px;
	
}
.info-icon .icon a small{
	display:inline-block;
	margin-top:0.6em;
}
.info-icon .icon a:hover, info-icon .icon a:focus{
	color:#333;
}
.info-icon .icon:nth-child(2){
	margin:0 5px !important;
}
.info-icon .icon .table{
	
	
}
.info-icon .icon a img{
	width:2.3em;
	height:auto;
}
.info-icon .icon a:hover img{
	width:3.0em;
	height:auto;
}

.latest-ttl{
	display:inline-block;
	margin-bottom:1em;
	font-size:1.12em;
	font-weight:600;
	color:#7d7d7d;
	
	padding:0.6em 1.2em;
}
.latest-ttl img{
	width:1.5em;
	height:auto;
	margin-right:1em;
}
.latest-more{
	display:inline-block;
	margin-top:1em;
	
}
.ancer{
	height:200px ;
}
.slv01{
	background:#f1f4f8;
}
.slv02{
	background:#f8fafc;
}
.dot-wrap{
	padding:1.5em;
}
.dot-wrap em{
	color:#7d7d7d;
	font-size:1.12em;
}
.dot-wrap p{
	padding-top:1em;
	color:#8d8d8d;
}
.dot-btn-wrap{
	
	padding-top:2em;
}
.dot-btn{
	display:inline-block;
	padding:0.6em 0.8em;
	color:#ffffff;
	background:rgb(22, 181, 151);
	}
	.dot-btn i{
		color:#ffffff;
		margin-right:0.5em;
	}
.five{
	color:#ffffff;
	text-align:center;
	position:relative;
	
}
.layer{
	position:relative;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	padding:9em 0;
}
.five .upper-wave{
	width:100%;
	height:9em;
	position:absolute;
	top:0;
	
}
.five .inner-container h1{
	color:#ffffff;
}
.five .container small.sub-ttl{
	color:#ffffff;
}
.schedule-wrap{
	background:rgba(0,0,0,.5);
	padding:1em 0 !important;
}
.schedule table, .schedule tr, .schedule td{
	border:none;
	background:none;
}
.schedule-wrap:second-child{
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
}
@media screen and (max-width: 768px){
	.schedule-wrap:second-child{
	border-left:none;
	border-right:none;
	border-top:#e5e5e5 1px solid;
	border-bottom:#e5e5e5 1px solid;
	margin:1em 0;
}
}
.schedule {
	text-align:;
}
.schedule span{
	display:inline-block;
	vertical-align:baseline;
}
.schedule span.day h2{
	color:#FFF;
	margin:0;
	font-size:2.44em;
	font-family:'Reem Kufi', sans-serif,"Playfair Display","Open Sans Condensed", serif;
}
.schedule span.month{
	color:#FFF;
	font-size:0.92em;
}
.schedule p{
	color:#FFF;
	padding-top:1.5em;
}
.schedule span.month b{
	color:#FFF;
	margin-right:0.5em;
}
.schedule p b{
	margin-right:1em;
}
.schedule.side-border{
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
}
@media screen and (max-width: 768px){
	.schedule.side-border{
	border-left:none;
	border-right:none;
	border-top:#e5e5e5 1px solid;
	border-bottom:#e5e5e5 1px solid;
	margin:1em 0;
}
}
.six{
	text-align:center;
	padding-bottom:3em;
}

.l-pic img{
	width:100%;
	height:auto;
	
}
.r-txt p{
	text-align:left;
	color:#7d7d7d;
	
}
.r-txt h2{
	font-weight:500;
	font-style:italic;
}
.seven{
	position:relative;
	text-align:center;
	color:#ffffff;
	margin-top:2em;
	
}
.seven .layer .upper-wave{
	width:100%;
	height:9em;
	position:absolute;
	top:-2px;
	left:0;
}
.seven .layer .down-wave{
	
}
.seven h1{
	color:#ffffff;
}
.seven .container small.sub-ttl{
	color:#ffffff;
}
.seven .container small.sub-ttl:after{
	margin-bottom:0;
}
.pro-wrap{
	width:100%;
	margin-bottom:2em;
}

#pro-slider{
	width:100%;
	position:relative;
}
#pro-slider li{
	width:100%;
}
.logos{
	display:inline-block;
	width:12em;
	margin:0 1em;
}
.logos img{
	width:100%;
	height:auto;
}
.eight{
	text-align:center;
}
#instafeed .grid-item{
	
}
#instafeed .grid-sizer, #instafeed .grid-item{
	width:25%;
}
#instafeed .view-first:hover .mask a{
	 pointer-events:auto;
}
@media screen and (max-width: 768px) {
	#instafeed .grid-item{
		
		width:50%;
	}
}
@media screen and (max-width: 560px) {
	#instafeed .grid-item{
		float:none;
		width:100%;
	}
}
#instafeed .view a.info{
	border:none;
	font-family:"Nanum Gothic","MalgunGothic", "Gullim",selif ;
	color:#ffffff;
}
#instafeed .view p{
	font-family:"Nanum Gothic","MalgunGothic", "Gullim",selif ;
	color:#ffffff;
	font-size:1em;
	font-style:normal;
}
#instafeed .view .mask span{
	color:#ffffff;
	margin:0 0.3em;
}
#instafeed .view .mask span i{
	color:#f3b01f;
}

.nine{
	text-align:center;
}
.para-container{ 
   position:relative;
   padding:0;
   margin:0;
   overflow-x:hidden;
}
.lay-title{
	position:absolute;
	width:100%;
	left:0; 
	top:30px;
	text-align:center;
	color:#FFF;
	-webkit-backface-visibility:hidden;
	z-index:2;
}
 .lay-title h1{
	font-family:"Open Sans Condensed";
	color:#ffffff;
	font-size:2.58em;
	margin:0;
	padding:0;
	line-height:1.0;
	text-transform:uppercase;
}
.lay-title .main-title:before{
position: relative;
  right: 10px;	

}
.lay-title .main-title:after{
position: relative;
  left: 10px;
}
.para-container.no-margin .col-md-6:first-child {
    padding-right: 0;
}
.para-container.no-margin .col-md-6:last-child {
    padding-left: 0;
}

.central{
	display:table;
	width:100%;
	height:100%;
}
.central-child{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.central-center{
	display:inline-block;
	 text-align:center;
  width: 100%;
  padding:0 1.5em;
}

/*-------------------------------------------------------------------------*/
/* page section
/*-------------------------------------------------------------------------*/
.side-banner{
	
}
.side-banner  .banner-head{
	padding:3px;
	border:#6e8195 1px solid;
}
.side-banner  .banner-head .head-inner{
	background:#3f5062;
	text-align:center;
	padding:1.5em 0;
	
}
.side-banner  .banner-head small{
	color:#ccc;
}
.side-banner  .banner-head h4{
	color:#FFF;
}
.side-banner .banner-body{
	margin-top:6px;
	border:#6e8195 1px solid;
	padding:3px;
	text-align:center;
}
.side-banner .banner-body .body-inner{
	border:#3f5062 1px solid;
	padding:1em;
}
.side-banner .banner-body .body-inner p{
	padding:0.5em 1.5em;
	color:#6e6e6e;
}
.side-banner .banner-body a.cms{
	display:inline-block;
	padding:0.5em 1.2em;
	color:#FFF;
	background:#3f5062;
	margin-top:1.0em;
}
.side-banner .banner-tail{
	margin-top:6px;
	border:#6e8195 1px solid;
	padding:3px;
	text-align:center;
}
.side-banner .banner-tail .tail-inner{
	border:#3f5062 1px solid;
	padding:1em;
}
.side-container{
	width:100%;
	 height:600px; 
	 background:#963;
	min-height:400px;
}
.item-head .dark-gold{
	color:#B39700;
	font-size:0.92em;
	
}
.page-heading{
	display:none;
}
.page .page-heading{
	display:block;
}
.page-heading p {
	margin-top:30px !important;
	letter-spacing:8px;
	font-weight:500;
}
.page-heading .title-block{
	margin-bottom:0.5em;
}
.page-heading .title-block span{
	display:inline-block;
	line-height:1;
	vertical-align:middle;
}
.page-heading .title-block span img{
	width:15px;
	height:auto;
	margin:0;
	vertical-align:middle;
}
.page-heading .title-block span h4{
	margin:0em 0.5em !important;
	line-height:1;
	font-size:1.54em;
	letter-spacing:5px;
	text-transform:uppercase;
}
.page-heading .title-block:before, .page-heading .title-block:after {
	content:"";
	width:7em;
	height:1px;
	background:#666;
	display:inline-block;
	vertical-align:middle;

}
@media only screen and (max-width:767px) {
	.page-heading .title-block:before, .page-heading .title-block:after {
		width:2em;
	}
}
.page-heading .title-block:before{
	position:relative;
	right:10px;
}
.page-heading .title-block:after{
	position:relative;
	left:10px;
}
.detail h3{
	font-size:22px;
}
.detail h4{
	font-size:16px;
}
.detail .tab-inner h5.detail-title{
	font-size:1.18em !important;
	padding:0.6em 2em !important;
}
.z-headline em{
	font-size:1.12em !important;
}
#bo_v_title {
	font-size:1.12em !important;
}
.pro-container{
	position:relative;
	width:100%;
}
.pro-container:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
}
.pro-container h4{
	margin-bottom:0.2em;
}
#pro-slider{
	width:100%;
	position:relative;
}
#pro-slider li{
	width:100%;
	
	
}

#pro-slider li .gall_text_href a{
	display:inline-block;
	padding:0.3em;
	height:45px;
	-webkit-border-radius:0 0 5px 5px ;
	-moz-border-radius:0 0 5px 5px ;
	-o-border-radius:0 0 5px 5px ;
	-ms-border-radius:0 0 5px 5px ;
	border-radius:0 0 5px 5px ;
}
.yb #pro-slider li .gall_text_href a:hover{
	background:#F30;
	color:#FFF !important;
	
}
.vita #pro-slider li .gall_text_href a:hover{
	background:#036;
	color:#FFF !important;
	
}
.the #pro-slider li .gall_text_href a:hover{
	background:#030;
	color:#FFF !important;
	
}
.pro-container .sl-nav h4, .pro-container .sl-nav a{
	display:inline-block;
	vertical-align:middle;
}
.pro-container .sl-nav a{
	width: 28px;
    height: 28px;
    background-image: url('../img/controls05_small.png');
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
	margin:0 ;
	
}
.pro-container .sl-nav a.isPrev{
	background-position:0 0;
}
.pro-container .sl-nav a.isNext{
	background-position:-28px 0;
}
.pro-container .sl-nav a:hover{
	opacity: 1;
}
.pro-container h4{
	font-family: "Slabo 27px", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.pro-container  #current{
	font-size:1.14em;
}
.pro-container  #current, #pro-slider li.active .gall_text_href a{
	color:#060;
}
.heading .center-it{
	
	/* for android 4.0 below */
	-webkit-backface-visibility: hidden;
}
.sub-logo img{
	width:15em;
}
.board-head{
	margin:3em 0 4em;
}
.iboard-head h1{
	margin-bottom:2em;
	text-transform:uppercase;
}
.board-head span{
	display:inline-block;
}
.board-head span img{
	width:2.0em;
	vertical-align:text-bottom;
}
.space{}
.quick span{
	display:inline-block;
	margin-right:1em;
	vertical-align:middle;
}
/*------------------bottom cection----------------*/
.bottom{
	
	text-align:center;
	
	
	
	
}
.bot-layer{
	position:relative;
	width:100%;
	height:100%;
	padding:1.5em 0;
	background:#435061;
}
.no-index .bottom{
	margin-top:2.5em;
	
	
}
.color-bg{
	background:#0e0e0e;
}
.contact-info{
	
	text-align:left;
	color:#ffffff;
	padding:2em 3em;
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
}
@media screen and(max-width: 768px){
	.contact-info{
		padding:1em;
	}
}
.contact-info h4{
	color:#e5e5e5;
	
	font-family: 'Quicksand', sans-serif;
	font-weight:600;
	margin-bottom:0.3em;
	font-size:1.24em;
}
.contact-info b{
	font-family: 'Quicksand', sans-serif;
	display:inline-block;
	margin-bottom:1.5em;
	color:#c5c5c5;
}
.contact-info span{
	color:#ffffff;
	
	
}
.contact-info .uk-icon{
	text-align:left;
	}
.contact-info .uk-detail{
	word-break:break-all;
}
.contact-info .uk-detail span{
word-break:break-all;
	box-sizing:border-box;
	font-size:0.94em;
	color:#d5d5d5;

}
.contact-info .uk-detail span.addr{
	font-size:0.90em;
}
.bottom .container img{
	width:15em;
	height:auto;
}
.bot-link{
	
}
.bot-link a{
	display:inline-block;
	line-height:1;
	color:#ffffff;
	padding:0 0.5em;
	border-right:#7d7d7d 1px solid;
	font-size:0.94em;
}
.bot-link a:hover, .bot-link a:focus{
	color:#b8991f;
}
.bot-link a small{
	font-size:0.88em;
}
.bot-link a:last-child{
	border-right:none;
}
.bot-link span{
	color:#ffffff;
	display:inline-block;
	margin-top:10px;
	font-size:0.94em;
}
.center-shoe {
	padding:1.7em 0 1.3em;
}
.center-shoe small{
	color:#8d8d8d;
}

.center-shoe small.powered{
	color:#000;
}
.center-shoe small.powered a{
	color:#9e9e9e;
}
.center-shoe small.powered a:hover, .center-shoe small.powered a:focus{
	color:#b8991f;
}
.quick-link {
	text-align:left;
	color:ffffff;
	padding:0 0 1em 3em;
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
}
.quick-link a{
	line-height:1.5;
}
.quick-link a:hover, .quick-link a:focus{
	color:#b8991f;
}
@media screen and(max-width: 768px){
	.quick-link {
		padding:1em;
	}
}
.quick-link a.bot-logos{
	display:inline-block;
	margin:0.5em;
	vertical-align:middle;
}
.quick-link a.bot-logos img{
	width:2.2em;
	height:auto;
}
.quick-link a.bot-logos.tube img{
	width:4.5em;
	height:auto;
}
.quick-link a.bot-logos.engage img{
	width:6.5em;
	height:auto;
}
.quick-link a.bot-logos.zoom01 img{
	width:4.5em;
	height:auto;
}
.quick-link h4{
	color:#FFF;
	font-family: 'Quicksand', sans-serif;
	font-weight:600;
	margin-bottom:1em;
}
#clock{
	font-weight:500;
	font-size:2.42em;
	color:#ffffff;

}
#clock:after{
	content:'DAY HOUR MIN SEC';
	display:block;
	margin:0 auto;
	font-size:11px;
	color:#e5e55;
	word-spacing:24px;
	font-weight:500;
}
.sns-wrap h4{
	letter-spacing:2px;
}
.sns-wrap h4:after{
	content:'';
	display:block;
	width:0.7em;
	height:1px;
	background:#CCC;
	margin:0.6em auto;
}
.bottom-credit{
	padding:2em 0;
}
.bottom-credit p{
	padding-bottom:1em;
}
.bottom-credit a{
	color:#FFF;
}
.bottom-credit img.bot-logo{
	width:12em;
	height:auto;
	
	margin-bottom:2em;
}
.bottom-credit span{
	display:inline-block;
	line-height:1;
	padding:0 0.6em;
	border-right:#FFF 1px solid;
}
.bottom-credit span.last{
	border-right:none;
}
.bottom-nav{
	text-align:center;
	padding:3em 0 1em;
}
.bottom-nav span{
	display:inline-block;
	padding:0 1em;
}
.bottom-nav span.right-border{
	border-right:#6e6e6e 1px solid;
}
.bottom-nav span a{
	margin:0;
	line-height:1;
	color:#333;
	font-size:1.0em;
	text-transform:uppercase;
}
.bottom-nav span a:hover{
	color:#903;
}
.bottom-nav span a i{
	color:#903;
	margin-right:0.5em;
}
.ebm-wrap span{
	display:inline-block;
	vertical-align:middle;
	margin:0 0.8em;
}
.ebm-wrap span.ebm03{
	background:#fefefe;
	padding:0.3em 0.2em;
	border-radius:5px;
}
.ebm-wrap span img.ebm-big{
	width:2.7em;
	height:auto;
}
.ebm-wrap span img.ebm-small{
	width:4.5em;
	height:auto;
}
.adr-wrap img{
	width:17em;
	height:auto;
}
.adr-wrap span b{
	color:#b1d197;
}
.adr-wrap span:before, .adr-wrap span:after
{
	content:'';
	display:inline-block;
	width:1px;
	height:1em;
	background:#b1d197;
	vertical-align:text-bottom;
	margin:0 0.5em;
}
.adr-wrap p{
	padding:0.6em 0;
}
.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #ffffff !important;
  background: rgba(52, 58, 64, 0.5);
  line-height: 45px;
  z-index:9; }
  .scroll-to-top i{
	  color:#FFF;
  }
  .scroll-to-top:focus, .scroll-to-top:hover {
    color: white; }
  .scroll-to-top:hover {
    background: #343a40; }
  .scroll-to-top i {
    font-weight: 800; }
/*-------------------------------------------------------------------------*/
/* footersection
/*-------------------------------------------------------------------------*/

.shoe{
	height:32px;
	background:#1e1e1e;
	text-align:center;
	line-height:32px;
	color:#CCC;
}
.powered {
	color:#ccc;
}
.powered  a{
	color:#ffffff;
}
.powered  a:hover{
	color:#fbc533;
}
/*-------------------------------------------------------------------------*/
/* modal- cookie
/*-------------------------------------------------------------------------*/

.modal-wrap{
	width:100%;
	height:100%;
}
/*ie8 warning modal과 구분 */
.modal-container{
	position:relative;
	text-align:center;
	width:100%;
	height:100%;
	
	
}
.modal{
	z-index:10500 !important;
}
.modal-container .modal{
	z-index:10000 !important;
	
	
}

.modal-container .modal-body{
	padding:0;
}
.modal-container .modal-footer{
	padding:0 1em;
}