@charset "utf-8";

/*font + */
@import url('https://fonts.googleapis.com/css?family=Muli:600');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/*font-family: 'Montserrat', sans-serif;*/

/* mainVisual */
#mainVisual { width:100%; height:650px; margin-top:119px; transition:all .3s; font-family:notokrM;  position:relative; }
.visual { width:100%; }
.visual li { height:650px; overflow:hidden; position:relative;  }
.visual li > div { width:100%; height:100%; text-indent:-9999px;}
.visual li.vs1 > div { background:url("/img/main_visual01.jpg") no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs2 > div { background:url("/img/main_visual02.jpg") no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs3 > div { background:url("/img/main_visual03.jpg") no-repeat center center;  animation:vsImg 3s ease-in-out; }

.visual h2, .visual p { width:100%; /*text-align:center;*/ position:absolute; z-index:56; /*text-shadow:2px 2px 2px rgba(0,0,0,.2);*/ }

.visual h2 {font-family:notokrM; left:350px; font-size:30px; text-transform:none; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards;text-shadow: rgba(0,0,0,.7) 0px 0px 3px;text-shadow: rgba(0,0,0,.7) 0px 0px 3px 3px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=5);}
.visual p {font-family:notokrM; left:350px ;font-size:20px; animation:vsTxt 1s 2s; opacity:0; letter-spacing:-0.1px;line-height:30px; animation-fill-mode:forwards;text-shadow: rgba(0,0,0,.7) 0px 0px 3px;text-shadow: rgba(0,0,0,.7) 0px 0px 3px 3px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=5);}

.visual li.vs1 h2,.visual li.vs2 h2,.visual li.vs3 h2{top:160px;}
.visual li.vs1 p,.visual li.vs2 p,.visual li.vs3 p{top:215px;}


/*.visual li.vs2 p, .visual li.vs3 p, .visual li.vs4 p{top:210px;}
.visual li.vs3 h2{}
.visual li.vs3 h2{top:160px;}
.visual li.vs3 p, .visual li.vs4 p{}
.visual li.vs4 h2, .visual li.vs4 p{color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.2);}*/


/* 버튼 */
#mainVisual .bx-pager {  position:absolute; bottom:10px; width:1100px; left:50%; margin-left:-560px; z-index:100; text-align:center; }
#mainVisual .bx-pager div { display:inline-block; zoom:1; *display:inline; margin:0 3px; }
#mainVisual .bx-pager a {display: block;width:12px; height:12px; text-indent:-9999px; background:#fff; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; 
                        -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
#mainVisual .bx-pager a:hover, #mainVisual .bx-pager a.active { background:#0d63fc; filter: alpha(opacity=100); opacity: 1 ;}

#mainVisual .bx-controls-direction { position:absolute; z-index:99; top:50%; margin-top:-25px; left:50%; margin-left:-550px;  min-width:1100px; }
#mainVisual .bx-controls-direction a { position:absolute; width:61px; height:53px; display:block; cursor:pointer; text-indent:-9999px;}
#mainVisual .bx-prev { left:-350px; margin-left:0; background:url("/img/btn_prev.png") no-repeat center center; }
#mainVisual .bx-prev:hover { background:url("/img/btn_prev_hover.png") no-repeat center center; }
#mainVisual .bx-next { right:-350px; margin-right:0;  background:url("/img/btn_next.png") no-repeat center center; }
#mainVisual .bx-next:hover { background:url("/img/btn_next_hover.png") no-repeat center center; }


/*animation*/

/*--mainVisual*/
@keyframes vsImg {
	0% { transform:scale(1.15,1.15); }
	100% {transform:scale(1,1); }
}
@keyframes vsTxt {
	0% { opacity:0; margin-top:200px;}
	100% { opacity:1; margin-top:0;  }
}
/*--Exhibitions & Conference*/
@keyframes rotate {
	0% {  }
	80%, 100% { transform:rotateY(360deg); }
}



/* animated elements */
.animateblock {
  opacity: 0;
  -webkit-transition: all 0.55s linear;
  -moz-transition: all 0.55s linear;
  transition: all 0.55s linear;
}

.animateblock.animated {
  opacity: 1;
}

/* animation transition styles */
.animateblock.leftS { left: -10%; }
.animateblock.leftS.animated { left: 0; }
.animateblock.rightS { right: -10%; }
.animateblock.rightS.animated { right: 0; }

/*제자리 opacity*/
.animateblock.alpha { opacity:0; }
.animateblock.alpha.animated { opacity:1; }

.animateblock.topS { padding-top:20%; }
.animateblock.topS.animated { padding-top:0; }

@media screen and (min-width:1400px) {
	/* mainVisual */
	#mainVisual .bx-prev { margin-left:-50px; }
	#mainVisual .bx-next { margin-right:-50px; }
}

@media screen and (max-width:1151px) {
	/* mainVisual */
	#mainVisual, .visual li { height:300px; }
	.visual li.vs1 > div { background-size:auto 300px; }
	.visual li.vs2 > div { background-size:auto 300px; }
	.visual li.vs3 > div { background-size:auto 300px; }
	.visual li.vs4 > div { background-size:auto 300px; }
	.visual h2 {left:100px; width:100%; box-sizing:border-box; font-size:2.3em; }
	.visual p {left:100px; width:100%; box-sizing:border-box; font-size:1.3em;  }

	.visual li.vs1 h2,.visual li.vs2 h2,.visual li.vs3 h2{top:150px;}
    .visual li.vs1 p,.visual li.vs2 p,.visual li.vs3 p{top:190px;}
    .visual li.vs1 h2,.visual li.vs2 h2,.visual li.vs3 h2{font-size:2.3em;}
	.visual li.vs1 p,..visual li.vs2 p,.visual li.vs3 p{font-size:1.3em}

	#mainVisual .bx-controls-direction { top:200px; left:0; margin-left:0;  width:100%; }
	#mainVisual .bx-controls-direction a { width:50px; height:50px;}
	#mainVisual .bx-prev { left:15px; }
	#mainVisual .bx-next { right:15px; }


	/*Exhibitions & Conference*/
	.ecCon { width:100%;  }
	.ecCon:before { font-size:60px; top:20px; line-height:90%; text-align:center;/* animation:rotate 7s 3s infinite;*/}
	.ecCon h3 {margin-top:50px;  }
	.ecCon ul { height:135px; }
	.ecCon li a { width:95%; }
	.ecCon li h4 { width:110px; }
	.ecCon li p { width:calc(100% - 120px); padding-left:10px; }
}

@media screen and (max-width:768px) {
	/* mainVisual */
	/* #mainVisual, .visual li { height:250px; } */
	.visual li.vs1 > div { background:url("/img/main_visual01_m.jpg") no-repeat left center;}
	.visual li.vs2 > div { background:url("/img/main_visual02_m.jpg") no-repeat left center;}
	.visual li.vs3 > div { background:url("/img/main_visual03_m.jpg") no-repeat left center;}

	.visual h2 {left:20px; font-size:2.2em; }
	.visual p {left:20px;  font-size:1.1em; }
	#mainVisual .bx-controls-direction { display:none; }

	.visual li.vs1 h2,.visual li.vs2 h2,.visual li.vs3 h2{top:80px;}
	.visual li.vs1 p,.visual li.vs2 p,.visual li.vs3 p{top:105px;}
	.visual li.vs1 h2,.visual li.vs2 h2,.visual li.vs3 h2{font-size:2.2em;}
	.visual li.vs1 p,.visual li.vs2 p,.visual li.vs3 p{font-size:1.1em}


	/*Exhibitions & Conference*/
	.ecCon:before { font-size:45px; top:10px; }
	.ecCon h3 {margin-top:30px;  }
	.ecCon > a { display:block; position:absolute; left:50%; margin:15px 0 0 -20px; width:40px; height:40px; line-height:40px; font-size:20px; }
	.ecCon ul { height:auto; box-sizing:border-box; padding:0 15px; margin-top:35px; }
	.ecCon li { width:100%; padding:0 0 15px;  }
	.ecCon li:first-child { border:none; border-bottom:1px solid #dedfe1; margin-top:10px; }
	.ecCon li a { width:100%; margin-top:15px; height:auto; }
	.ecCon li h4 { width:110px; font-size:15px; height:45px; line-height:45px;  }
	.ecCon li p { width:calc(100% - 120px); padding-left:10px; font-size:14px; height:45px; }


	/*about banner*/
	.bn_about { height:auto; box-sizing:border-box; padding:0 15px 30px; background-position:center -100px;}
	.bn_about h3 {  margin-top:30px; }
	.bn_about p { font-size:14px; margin-top:10px; }
	.bn_about p span { display:block; }
	.bn_about a {margin:15px auto 0; }

}