@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

#visual-section{width:100%; margin:0 auto; height:908px; overflow:hidden; word-break:keep-all; word-wrap:break-word; position:relative;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; transform: scale(1.2); -webkit-transform: scale(1.2);}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:908px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper .item{width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important; transition: transform 5s; -webkit-transition: -webkit-transform 5s}
#visual-section .owl-carousel .owl-dots{width:100%; max-width:1200px; left:50%; bottom:0; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:10000; text-align:center; position:absolute; display:block;}
#visual-section .owl-carousel .owl-dots .owl-dot{width:33.3333%; height:80px; z-index:1000; position:relative; float:left;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:100%; height:80px; -webkit-transform:translateY(20px); transform:translateY(20px); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; font-weight:600; font-size:18px; line-height:60px; text-align:center; color:#fff; display:block; vertical-align:bottom; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(1) span:after{width:100%; height:100%; top:0; left:0; z-index:10; content:"Professionalism";  background-color:rgba(0,0,0,.8); display:block; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(1) span:before{width:100%; height:100%; top:0; left:0; z-index:1; content:"Professionalism"; display:block; background-image:url("../img/visual01_bg.jpg"); background-repeat:no-repeat; position:absolute;}

#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(2) span:after{width:100%; height:100%; top:0; left:0; z-index:10; content:"People & Training";  background-color:rgba(0,0,0,.8); display:block; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(2) span:before{width:100%; height:100%; top:0; left:0; z-index:1; content:"People & Training"; display:block; background-image:url("../img/visual02_bg.jpg"); background-repeat:no-repeat; position:absolute;}

#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(3) span:after{width:100%; height:100%; top:0; left:0; z-index:10; content:"Management"; background-color:rgba(0,0,0,.8); display:block; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(3) span:before{width:100%; height:100%; top:0; left:0; z-index:1; content:"Management"; display:block; background-image:url("../img/visual03_bg.jpg"); background-repeat:no-repeat; position:absolute;}


#visual-section .owl-carousel .owl-dots .active span{height:80px; line-height:80px; -webkit-transform:translateY(0); transform:translateY(0);}
#visual-section .owl-carousel .owl-dots .active span:after{width:100%; height:100%; top:0; left:0; z-index:99999; background-color:rgba(39,172,226,.8) !important; display:block; position:absolute;}
#visual-section .owl-carousel .owl-nav{}
#visual-section .owl-carousel .owl-prev{width:39px; height:83px; top:50%; left:60px; margin-top:-41.5px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:39px; height:83px; top:50%; right:60px; margin-top:-41.5px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}

#visual-section .visual-txt{width:100%; max-width:1220px; padding:0 10px; top:45%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:10000; text-align:center; color:#fff; position:absolute;}
#visual-section .visual-txt .txt01{font-weight:900; font-family:"Arial"; font-size:90px; -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity: 0;}
#visual-section .visual-txt .txt02{margin-top:30px; font-weight:600; font-size:16px; color:rgba(255,255,255,.6); -webkit-transform:translateX(50px); transform:translateX(50px); opacity: 0;}
#visual-section .visual-txt .line{width:80px; height:4px; margin:30px auto 0; background:#27ace2; -webkit-transform:translateX(50px); transform:translateX(50px); opacity: 0;}
#visual-section .visual-txt .abtn{margin-top:45px; -webkit-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
#visual-section .visual-txt .abtn span{width:160px; height:60px; margin:0 auto; padding-right:20px; font-weight:600; font-size:14px; line-height:54px; text-align:center; border:3px solid #fff; background-image:url("../img/more_bul.png"); background-repeat:no-repeat; background-position:80% center; display:block;}
#visual-section .visual-txt .abtn span:hover{border:3px solid #26ace2; background-color:#26ace2;}

#visual-section .owl-carousel .active .item{transform: scale(1) rotate(.001deg); -webkit-transform: scale(1) rotate(.001deg);}
#visual-section .owl-carousel .active .txt01{-webkit-transform:translateX(0); transform:translateX(0); opacity:1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s;}
#visual-section .owl-carousel .active .txt02{-webkit-transform:translateX(0); transform:translateX(0); opacity:1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s;}
#visual-section .owl-carousel .active .line{-webkit-transform:translateX(0); transform:translateX(0); opacity:1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s;}
#visual-section .owl-carousel .active .abtn{-webkit-transform:translateY(0); transform:translateY(0); opacity:1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s;}

@media screen and (max-width:1160px){
	#visual-section .visual-txt .txt01{font-size:80px;}
}

@media screen and (max-width:1100px){
	#visual-section{height:600px;}
	#visual-section .stretchy_wrapper{padding-bottom:600px;}
}

@media screen and (max-width:1060px){
	#visual-section .visual-txt .txt01{font-size:70px;}
}

@media screen and (max-width:980px){
	#visual-section{height:550px;}
	#visual-section .stretchy_wrapper{padding-bottom:550px;}
}

@media screen and (max-width:920px){
	#visual-section .visual-txt .txt01{font-size:60px;}
}

@media screen and (max-width:880px){
	#visual-section{height:500px;}
	#visual-section .stretchy_wrapper{padding-bottom:500px;}
	#visual-section .visual-txt{top:48%;}
	#visual-section .visual-txt .txt01{font-size:50px;}
	#visual-section .visual-txt .abtn{margin-top:35px;}
	#visual-section .visual-txt .abtn span{width:150px; height:50px; line-height:44px;}
}

@media screen and (max-width:680px){
	#visual-section .visual-txt .txt01{font-size:40px;}
}

@media screen and (max-width:640px){
	#visual-section .owl-carousel .owl-dots .owl-dot{height:70px;}
	#visual-section .owl-carousel .owl-dots .owl-dot span{height:70px; font-size:16px;}
	#visual-section .owl-carousel .owl-dots .active span{height:70px; line-height:70px;}
	#visual-section .visual-txt .abtn{margin-top:25px;}
}

@media screen and (max-width:540px){
	#visual-section .owl-carousel .owl-dots .owl-dot span{font-size:14px;}
	#visual-section .owl-carousel .owl-dots .owl-dot{height:60px;}
	#visual-section .owl-carousel .owl-dots .owl-dot span{height:60px; line-height:40px;}
	#visual-section .owl-carousel .owl-dots .active span{height:60px; line-height:60px;}
	#visual-section .visual-txt{top:50%;}
	#visual-section .visual-txt .txt01{font-size:32px;}
}

@media screen and (max-width:480px){
	#visual-section .owl-carousel .owl-dots .owl-dot span{font-size:13px;}
}

@media screen and (max-width:450px){
	#visual-section .owl-carousel .owl-dots .owl-dot span{font-size:12px;}
}