/* ¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö */
/*
 * jQuery FlexSlider v2.7.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
.main_visual {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0;}
/****** ¿©±â¼­ºÎÅÍ visual.html ÆÄÀÏÀÇ css ÀÔ´Ï´Ù.******/
/* ¸ÞÀÎÀ̹ÌÁö */


#DB_tab16 ul, #DB_tab16 li{list-style:none;margin:0;padding:0}
#DB_tab16 img{border:none}
 #DB_tab16 {width:100%;height:950px;/*À̹ÌÁö³ôÀÌÁöÁ¤*/position:relative;}
 #DB_tab16 .DB_img{position:relative;width:100%;height:100vh;}
 #DB_tab16 .DB_img li{position:absolute;width:100%;transform: translateX(-50%); top:0; left:50%;/*À̹ÌÁöÀÇ Àý¹Ý*/;}
 #DB_tab16 .DB_img li img{min-width:100%;min-height:100%;}
 #DB_tab16 .DB_img li .first {z-index:2;}
 #DB_tab16 .DB_img .slide_img { position:absolute; width:100%;min-width:2000px;  transform: translateX(-50%); top:0; left:50%; opacity:1; filter:alpha(opacity=100); }
 #DB_tab16 .DB_img .slide_img img {min-width:100%;min-height:100%;}
 #DB_tab16 .DB_img .slide_img:first-child { opacity:1; filter:alpha(opacity=100); }
 #DB_tab16 .DB_img .flex-active-slide img{ opacity:1; filter:alpha(opacity=100); z-index:2; } 
 #DB_tab16 .DB_img .flex-active-slide .slide_img { opacity:1; filter:alpha(opacity=100); } 
 #DB_tab16 .DB_menu{position:absolute;bottom:10px;width:100%;text-align:center}
 #DB_tab16 .DB_menu li{display:inline;cursor:pointer;margin:0px}


#DB_tab16 .DB_dirBtn{position:absolute;width:100%;top:1%;/*È­»ìÇ¥³ôÀÌÁ¶Á¤*/}
#DB_tab16 .DB_dirBtn .DB_prev{position:absolute;left:10px;cursor:pointer; opacity:0.2;filter:alpha(opacity=20);    padding: 20% 0; }
#DB_tab16 .DB_dirBtn .DB_next{position:absolute;right:10px;cursor:pointer;opacity:0.2;filter:alpha(opacity=20);    padding: 20% 0; }
#DB_tab16 .DB_dirBtn .DB_prev:hover ,#DB_tab16 .DB_dirBtn .DB_next:hover {opacity:1;filter:alpha(opacity=100); }
 
/** text_box ½ºÅ¸ÀÏ1¹ø **/
#DB_tab16 .vi-w{padding: 0 4%;}




#DB_tab16 .DB_img .text_box.ver1 {position:absolute;top:330px;width:100%;z-index:3; opacity: 0; animation: fadeInText 1s 0.5s ease-out forwards;}
@keyframes scaleImage { 
100%{ 
transform: scale(1);
 }
}




@keyframes fadeInText {
    100% {
        opacity: 1;
    }
}
/* ¸ÞÀÎÀ̹ÌÁö ÅؽºÆ® ¼ø¼­´ë·Î */ 
#DB_tab16 .DB_img .text_box.ver1 .txt1 { font-size:32px; line-height:1.2; font-weight:bold; color:#fff; } 
#DB_tab16 .DB_img .text_box.ver1 .txt2 { font-size:30px; line-height:1; font-weight:200; color:#fff; text-transform:uppercase; letter-spacing:-3px; }
#DB_tab16 .DB_img .text_box.ver1 .txt3 { font-size:16px; font-weight:bold; color:#fff; margin-top:20px;}
/* ¸ÞÀÎÀ̹ÌÁö ¹öÆ° */
#DB_tab16 .DB_img .text_box.ver1 .btn_more { position:relative; display:block; width:200px; height:32px; margin:50px 0; box-sizing:border-box; text-align:center; line-height:30px; font-size:13px; color:#fff; border:1px solid #fff; }
#DB_tab16 .DB_img .text_box.ver1 .btn_more:hover { color:#fff; border:1px solid #000; background:#000; }




/** text_box ½ºÅ¸ÀÏ2¹ø **/
#DB_tab16 .DB_img .text_box.ver2 {position:absolute; top:300px; width:50%; margin:0 10% 0 10%; z-index:3; opacity: 0; animation: fadeInText 1s 0.5s ease-out forwards;}
@keyframes scaleImage { 
100%{ 
transform: scale(1);
 }
}




@keyframes fadeInText {
    100% {
        opacity: 1;
    }
} 
/* ¸ÞÀÎÀ̹ÌÁö ÅؽºÆ® ¼ø¼­´ë·Î */
#DB_tab16 .DB_img .text_box.ver2  .txt1 { font-size:32px; font-weight:400; color:#fff; } 
#DB_tab16 .DB_img .text_box.ver2  .txt2 { font-size:60px; line-height:1.2; font-weight:500; color:#fff; text-transform:uppercase; letter-spacing:-3px; }
#DB_tab16 .DB_img .text_box.ver2  .txt3 { font-size:17px; font-weight:400; color:#fff; }
/* ¸ÞÀÎÀ̹ÌÁö ¹öÆ° */
#DB_tab16 .DB_img .text_box.ver2  .btn_more { position:relative; display:block; width:200px; height:32px; margin:50px 0; box-sizing:border-box; text-align:center; line-height:30px; font-size:13px; color:#fff; border:1px solid #000; background:#000; }
#DB_tab16 .DB_img .text_box.ver2  .btn_more:hover { background:none; border:1px solid #fff; }









/* ============= 
 * RESPONSIVE
 * ============*/
@media (min-width:2000px) {  
    #DB_tab16 {width:100%;height:0;/*À̹ÌÁö³ôÀÌÁöÁ¤*/position:relative;padding-bottom :47.5%;overflow: hidden;}
    #DB_tab16 .DB_img{}


    }




@media (max-width:1300px) {  
#DB_tab16 .DB_img .text_box.ver1 {width:90%;margin:0 10% 0 10%z-index:3; }
 #DB_tab16 .DB_dirBtn .DB_prev{ padding: 35% 0; }
#DB_tab16 .DB_dirBtn .DB_next{ padding: 35% 0; }  






}




 @media (max-width:740px) {  


#DB_tab16{height:700px;}
#DB_tab16 .DB_img .slide_img {  top:-11rem; left:1rem; }
 #DB_tab16 .DB_dirBtn .DB_prev{ padding: 60% 0; }
#DB_tab16 .DB_dirBtn .DB_next{ padding: 60% 0; }  
 #DB_tab16 .DB_img .text_box.ver1 {top:15rem;}
 #DB_tab16 .DB_img .text_box.ver1 .txt1 { font-size:19px; line-height:1.5; } 
 #DB_tab16 .DB_img .text_box.ver1 .txt2 { font-size:19px;line-height:1.5;  } 

#DB_tab16 .DB_img .text_box.ver1 .txt3{display:none;} 

 }