@charset "utf-8";

@media (min-width:1260px) {

/* 인덱스 */
#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/main/mainVisual1.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs2 > div { background:url(../img/main/mainVisual2.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs3 > div { background:url(../img/main/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,.3); }

.visual h2 {top:170px;font-weight:600; font-size:4.3em; text-transform:none;letter-spacing:-2px; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards; }
.visual li h2 span {font-weight:300;color:#fff;}

.visual p {font-family:"Roboto";top:320px;font-size:2.2em; font-weight:300; animation:vsTxt 1s 2s; opacity:0; animation-fill-mode:forwards;
letter-spacing:-0.1px;line-height:130%; text-shadow:2px 2px 2px rgba(255,255,255,.5);}




}



@media (max-width:1259px) and (min-width:748px) {

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


/* mainVisual */
#mainVisual { width:100%; height:450px;transition:all .3s; font-family: 'Montserrat' , 'Roboto'; position:relative; }
.visual { width:100%; margin:0; padding:0; }
.visual li { height:450px; overflow:hidden; position:relative; /*margin-left:-50px;*/}
.visual li > div { width:100%; height:100%; text-indent:-9999px; }
.visual li.vs1 > div { background:url(../img/main/mainVisual1.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs2 > div { background:url(../img/main/mainVisual2.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
.visual li.vs3 > div { background:url(../img/main/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:120px;font-weight:600; font-size:3.3em; text-transform:none;letter-spacing:-2px; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards; }
.visual li h2 span {font-weight:300;color:#fff;}

.visual p {font-family:"Roboto";top:220px;font-size:1.7em; font-weight:300; animation:vsTxt 1s 2s; opacity:0; animation-fill-mode:forwards;letter-spacing:-0.1px;line-height:130%}


}





@media (max-width:747px) {



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


/* mainVisual */
#mainVisual { width:100%; height:300px;transition:all .3s; font-family: 'Montserrat' , 'Roboto'; position:relative; }
.visual { width:100%; margin:0; padding:0; }
.visual li { height:300px; overflow:hidden; position:relative; /*margin-left:-50px;*/}
.visual li > div { width:100%; height:100%; text-indent:-9999px; }
.visual li.vs1 > div { background:url(../img/main/mainVisual1.jpg) no-repeat 60% center;  animation:vsImg 3s ease-in-out; }
.visual li.vs2 > div { background:url(../img/main/mainVisual2.jpg) no-repeat 30% center;  animation:vsImg 3s ease-in-out; }
.visual li.vs3 > div { background:url(../img/main/mainVisual3.jpg) no-repeat 30% 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:90px;font-weight:600; font-size:2.3em; text-transform:none;letter-spacing:-2px; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards; }
.visual li h2 span {font-weight:300;color:#fff;}

.visual p {font-family:"Roboto";top:170px;font-size:1.2em; font-weight:300; animation:vsTxt 1s 2s; opacity:0; animation-fill-mode:forwards;letter-spacing:-0.1px;line-height:130%}


}





#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:100%; 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:#0072bc; 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); }
}




/* 이미지 아래 배너 */
/*
#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:0px; width:100%; height:auto;  background:#2c318f; border-bottom:1px solid #4e4e4e;}
#btn_wrap:after{ content:""; display:block; clear:both;}
#btn_wrap > div{ width:100%; max-width:1200px; height:100%; margin:0px auto; background:#2c318f; }
#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:80px; color:#000; font-weight:600; 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:16.66%;  height:80px; padding:0; cursor:pointer;border-right: 2px dotted 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:last-child {border-right:0;}
#btn_wrap li div { display:inline-block; float:left; text-align:center;  margin:0; }
#btn_wrap li div i { width:100%; height:80px; line-height:80px; text-align:center; font-size:2.4em; color:#aaa; padding:0 10px 0 20px;	opacity: 0.4;}
#btn_wrap li .txt_tit {    height: 80px;
    line-height: 80px;
    color: #eee;
    font-size: 1.2em;
    font-weight: 400;
    padding-left: 80px;
}
#btn_wrap li:hover {background:#324ab2 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 all and (max-width:992px){

#btn_wrap { position:relative; top:0px; width:100%; min-width:320px;margin:0px auto; padding:0;}
#btn_wrap li {width:33.33%; 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 #4e4e4e;}

#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:#aaa; padding-left:10px; font-size:18px;}
#btn_wrap li .txt_tit { height:50px; line-height:50px; color:#aaa; font-weight:500;font-size:13px;padding-left:10px;}

}