@charset "utf-8";

/* 인덱스 */
#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden; padding-top:114px;}
#main_visual:after{ content:""; display:block; clear:both;}


/* mainVisual */
#mainVisual { width:100%; height:700px;transition:all .3s; font-family: 'Montserrat' , 'Roboto'; position:relative; }
.visual { width:100%; margin:0; padding:0; }
.visual li { height:700px; overflow:hidden; position:relative; /*margin-left:-50px;*/}
.visual li > div { width:100%; height:100%; text-indent:-9999px; }
.visual li.vs1 > div { background:url(../img/mainVisual1.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs2 > div { background:url(../img/mainVisual2.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs3 > div { background:url(../img/mainVisual3.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
/*
.visual li.vs4 > div { background:url(../img/mainVisual4.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; line-height:100%; /*text-shadow:2px 2px 2px rgba(0,0,0,.2);*/ }
.visual h2 {top:280px;left:50%;font-weight:700; font-size:4.3em; text-transform:none;letter-spacing:-2px; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards; }
.visual p {font-family:"Roboto";top:360px;left:50.2%;font-size:2.2em; font-weight:400; animation:vsTxt 1s 2s; opacity:0; animation-fill-mode:forwards;letter-spacing:-0.1px;line-height:130%}
.visual li h2 span {font-weight:400;color:#fff;}


.visual li.vs1 h2{font-size:4.3em; color:#fff;}
.visual li.vs1 h2 span {font-weight:400;}

.visual li.vs1 p{font-size:2.2em;}
.visual li.vs1 h2 {text-align:left; top:200px; margin-left:-450px; }
.visual li.vs1 p{text-align:left; margin-left:-450px; }


.visual li.vs2 h2{top:240px; text-align:left; margin-left:-150px;}
.visual li.vs2 p{top:330px; text-align:left; margin-left:-150px;}


.visual li.vs3 h2{font-size:4.3em; color:#00aeef;}
.visual li.vs3 p{font-size:2.2em;}

.visual li.vs3 h2 {top:180px; text-align:left; margin-left:-100px; }
.visual li.vs3 p{top:340px; text-align:left; margin-left:-100px; }


#mainVisual .bx-controls-direction { position:absolute; z-index:99; top:300px; left:50%; margin-left:-550px;  width:1100px; }
#mainVisual .bx-controls-direction a { position:absolute; width:67px; height:67px; display:block; cursor:pointer; text-indent:-9999px; box-sizing:border-box;/* border:1px solid #c3b9b3; */border-radius:50%; }
#mainVisual .bx-prev { left:0; margin-left:0; background:/*rgba(0,0,0,.2)*/ url(../img/main/btn_prev.png) no-repeat center center; }
#mainVisual .bx-next { right:0; margin-right:0;  background:/*rgba(0,0,0,.2)*/ url(../img/main/btn_next.png) no-repeat center center; }

#mainVisual .bx-pager {  position:absolute; bottom:20px; width:1200px; 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:#a5a5a5; 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:#0095da; filter: alpha(opacity=100); opacity: 1 ;}


/*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); }
}




/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){

#main_visual{margin-top:-55px;}

/* mainVisual */
#mainVisual, .visual li { height:100%; }
.visual li.vs1 > div { background-size:auto 450px; }
.visual li.vs2 > div { background-size:auto 450px; }
.visual li.vs3 > div { background-size:auto 450px; }
.visual li.vs4 > div { background-size:auto 450px; }

.visual h2 {top:180px;left:10%; font-size:2.8em;font-weight:700;  }
.visual p {top:200px;left:10.2%;font-size:1.2em; font-weight:400;}

.visual li.vs1 h2{font-size:2.8em; color:#fff;}
.visual li.vs1 h2 span {font-weight:400;}

.visual li.vs1 p{font-size:1.2em;}
.visual li.vs1 h2 {text-align:left; top:100px; margin-left:10%; }
.visual li.vs1 p{text-align:left; margin-left:10%; }

.visual li.vs2 h2{top:80px !important;font-size:2.8em;text-align:left; margin-left:10%;}
.visual li.vs2 p{top:150px !important;font-size:1.2em;text-align:left; margin-left:10%;}

.visual li.vs3 h2{font-size:2.8em; color:#00aeef;}
.visual li.vs3 p{font-size:1.2em;}

.visual li.vs3 h2 {top:80px !important;text-align:left; margin-left:10%; }
.visual li.vs3 p{top:180px !important;text-align:left; margin-left:10%; }

#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; }

	}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	

#mainVisual .bx-pager { display:none; }



	}


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





/* 이미지 아래 배너 */
/*
#m_bnr {position:relative;  width:100%;  max-width:100%; margin:0px auto;  z-index:99;}
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr div {position:relative; top:0; width:100%; height:300px;}
#m_bnr div a {display:block; height:100%;}
#m_bnr div .btn_go1 a {display:block; color:#333; text-align:left;  font-size:0.85em; width:120px; height:40px; line-height:40px; margin-top:20px;  background:url('/theme/daontheme_business06/html/image/btn_view2.png') no-repeat 0% 100%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#m_bnr div .btn_go1 a:hover {color:#C53528; background:url('/theme/daontheme_business06/html/image/btn_view2.png') no-repeat 50% 100%;}

#m_bnr div .btn_go2 a {display:block; color:#fff; text-align:center;  font-size:0.85em; width:120px; height:40px; line-height:40px; margin:25px auto; border:1px solid #fff; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#m_bnr div .btn_go2 a:hover {color:#000; background-color:#fff; }

#m_bnr div .hover_area em { display:block; color:#fff;  font-size:0.85em; padding-top:50px; text-align:center; letter-spacing:0.3em; font-style: normal; opacity:0.7; }
#m_bnr div .hover_area i { display:none; position:absolute; top:10%; left:50%; text-align:center; transform:translate(-50%,0); margin-left:0px; color:#fff;  font-size:2em; opacity:1; }
#m_bnr div .hover_area strong { display:block; color:#fff; font-size:1.8em; font-weight:400; padding:25px 0 ;}
#m_bnr div .hover_area p { color:#fff; font-size:0.9em; font-weight:200;}
#m_bnr div .hover_area span.btn_view { display:inline-block; width:30px; height:30px; line-height:30px; margin-top:30px; background:url('/theme/daontheme_business06/html/image/btn_view.png') no-repeat 50% 50%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#m_bnr div .hover_area:hover span.btn_view{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}

#m_bnr .con_box1 {float:left; width:16.66%;  text-align:center; background:#01395C; overflow:hidden;  url('/theme/daontheme_business06/html/image/con_box1_back.jpg')no-repeat right center; }
*/

/*
#m_bnr .con_box1 strong{display:block; color:#000; font-size:1.8em; font-weight:400; line-height:1.25em;}
#m_bnr .con_box1 p { color:#333; font-size:1em; padding-top:20px; }
*/


/*
#m_bnr .con_box2 {float:left; width:16.66%; text-align:center; background:#7C96A8; overflow:hidden; }

#m_bnr .con_box3 {float:left; width:16.66%; text-align:center; background:#8AC6BF url('/theme/daontheme_business06/html/image/copy_bnr_back.png')no-repeat; background-size:cover; overflow:hidden; }
#m_bnr .con_box4 {float:left; width:16.66%; text-align:center; background:#F0E5D6; overflow:hidden; }
#m_bnr .con_box5 {float:left; width:16.66%; text-align:center; background:#F28C81; overflow:hidden; }

#m_bnr .con_box6 {float:left; width:16.66%; text-align:center; background:#01395C; overflow:hidden; }



@media all and (max-width:992px){

#m_bnr { top:0px;}
	#m_bnr .con_box1 {width:33.33333%;}
	#m_bnr .con_box2 {width:33.33333%;}
	#m_bnr .con_box3 {width:33.33333%;}
	#m_bnr .con_box4 {width:33.33334%;}
	#m_bnr .con_box5 {width:33.33333%;}
	#m_bnr .con_box6 {width:33.33333%;}
}



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

	#m_bnr div .hover_area em { display:none;  }
	#m_bnr div .hover_area i { display:block;}
	#m_bnr div .hover_area strong { padding-top:70px; font-size:1.2em; ;}
	#m_bnr div .hover_area p { display:none;}
	#m_bnr div .hover_area span.btn_view { display:none; }

	#m_bnr .con_box2 {height:120px;}
	#m_bnr .con_box3 {display:none;}
	#m_bnr .con_box4 {height:120px;}
	#m_bnr .con_box5 {height:120px; }

}

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

	#m_bnr .con_box1 { padding:30px 0 0 30px; }	
	
}
*/






#btn_wrap { position:relative; top:-60px; width:100%; height:auto; /* background:#555;*/ border-bottom:0px solid #4e4e4e; z-index:99999;}
#btn_wrap:after{ content:""; display:block; clear:both;}
#btn_wrap > div{ width:100%; max-width:1240px; height:100%; margin:0px auto; /*  background:rgba(0,0,0,1); background:#166ADC; */}
#btn_wrap > div:after{ content:""; display:block; clear:both;}
/*
#btn_wrap > div > ul .bw1{}
*/
#btn_wrap .tit p { text-align:center; font-size:2em;  line-height:60px; color:#000; font-weight:700; padding:0 10px; margin:0px auto;  }
#btn_wrap .tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#btn_wrap:after{ content:""; display:block; clear:both;}
#btn_wrap li { float:left; width:25%;  height:120px; padding:0; cursor:pointer; border-right:1px solid rgba(255, 255, 255, .2); box-sizing:border-box; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; 
	background:url('../img/bnr_arrow_off.png') no-repeat 95%50%; 
}

#btn_wrap li:first-child{ border-left:1px solid rgba(255, 255, 255, .2); }
#btn_wrap li:last-child{ border-right:1px solid rgba(255, 255, 255, .2); }


/*
#btn_wrap li:nth-child(1) { background:rgba(86, 154, 184,1.9); }
#btn_wrap li:nth-child(2) { background:rgba(176, 196, 222,1.9);  }
#btn_wrap li:nth-child(3) { background:rgba(184, 86, 115,1.9);  }
#btn_wrap li:nth-child(4) { background:rgba(184, 175, 86,1.9);  }


#btn_wrap li:nth-child(1) { background:rgba(100, 149, 237,1.9); }
#btn_wrap li:nth-child(2) { background:rgba(59, 174, 218,1.9);  }
#btn_wrap li:nth-child(3) { background:rgba(4, 149, 205,1.9);  }
#btn_wrap li:nth-child(4) { background:rgba(120, 200, 230,1.9);  }

*/

#btn_wrap li:nth-child(1) { background:rgba(0, 24, 65,1.9); }
#btn_wrap li:nth-child(2) { background:rgba(0, 47, 126,1.9);  }
#btn_wrap li:nth-child(3) { background:rgba(0, 47, 126,1.9);  }
#btn_wrap li:nth-child(4) { background:rgba(0, 47, 126,1.9);  }




#btn_wrap li div { display:inline-block; float:left; text-align:center;  margin:0; }

#btn_wrap li div i { width:100%; height:120px; line-height:120px; text-align:center; font-size:5em; color:#fff; padding:0 20px 0 40px;  filter: alpha(opacity=30); opacity: 0.3 ;}
#btn_wrap li .txt_tit { height:120px; line-height:120px; color:rgba(255, 255, 255,0.7); font-size:1.2em; font-weight:500; padding-left:90px;}

#btn_wrap li .b5{ line-height:20px !important; }

#btn_wrap li:hover {background:#0095da url('../img/bnr_arrow_on.png') no-repeat 95% 50%; }
#btn_wrap li:hover i{color:#fff;}
#btn_wrap li:hover .txt_tit{color:#fff;}


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

#btn_wrap { position:relative; top:0px; width:100%; min-width:320px;margin:0px auto; padding:0;}
#btn_wrap li {width:50%; height:50px; border-bottom:0px solid #4e4e4e; font-size:0.9em;}
#btn_wrap li:nth-child(1), #btn_wrap li:nth-child(2), #btn_wrap li:nth-child(3){border-bottom:1px solid #ccc;}




#btn_wrap li div { display:inline-block; float:left; text-align:center;  margin:0; }
#btn_wrap li div i { width:100%; height:50px; line-height:50px; text-align:center; color:#fff; padding-left:10px; font-size:1.3em;}
#btn_wrap li .txt_tit { height:50px; line-height:50px; color:#fff; font-weight:400; font-size:1.0em; padding-left:0px;} 
#btn_wrap li .b5{ margin-top:-15px; line-height:20px !important; }

}