@charset "utf-8";


/*메인비주얼*/
#pro_area{width:1400px; margin:80px auto;}
#pro_area .pro_txt{margin-top:65px; font-size:13px; line-height:1.5em; color:#fff; }
#pro_area .pro_txt h2{font-size:27px; font-weight:lighter; line-height:1.3em; letter-spacing:-0.8px;}
#pro_area .pro_txt .con{margin-top:40px; font-size:14px; line-height:1.4em; }
#pro_area .pro_txt .howgo{display:block; width:130px; padding:8px 0; background:#e7991c; font-size:11px; color:#fff; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; margin-top:30px;}
#pro_area .pro_txt .howgo:hover{ background:#ce8612; transition:all 0.5s;}
#pro_area .pro_txt .sc_down{display:inline-block; color:#fff; margin-top:110px; position:relative; padding:10px 30px 10px 0; font-family:Tahoma, Geneva, sans-serif; letter-spacing:0.4px; font-size:15px; }
#pro_area .pro_txt .sc_down span{position:absolute; top:14px; right:0; display:inline-block; }
#pro_area .pro_txt .sc_down:hover span{top:20px; color:#fff43c; transition:all 0.7s;}
#pro_area .pro_txt .sc_down:hover{color:#fff43c; transition:all 0.7s;}
#pro_area .tx_list{margin-top:40px;}
#pro_area .tx_list li{margin:20px 0 0 18px; list-style-type:square; padding-left:0;}
.main_pro{margin:20px 0 0 60px}
.main_pro li{margin-right:15px; text-align:center;}
.main_pro li p{margin-top:10px; color:#fff; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; }
.main_pro .nav>li>a{ background:#F5F5F5; color:#e7991c;}
.main_pro .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:#e7991c;}
.main_pro .nav>li>a{padding:15px 18px; border-radius:10px;}
.main_pro li .over{display:none;}
.main_pro li.active .basic{display:none}
.main_pro li.active .over{display:block}
.main_pro .under img{width:30px; height:auto;}
.main_pro .a{position:relative}
.main_pro .a .a3 .photo{position:absolute; top:0; left:50%; margin-left:-431px;}
.a3 .photo li{display:none;}
.a3 .photo .active{display:block;}
.a3 .pager{height:20px; position:absolute; top:540px; left:0;}
.a3 .pager li{width:14px; height:14px; border-radius:50%; text-indent:-9999px; background:#ccc; float:left; margin:0 3px; cursor:pointer;}
.a3 .pager .active{background:#e7991c;}

@media (max-width:991px) {
#pro_area{width:100%; margin:10px auto;}
#pro_area .row{margin-left:0; margin-right:0;}
#pro_area .pro_txt{margin-top:15px;}
#pro_area .pro_txt .howgo{width:100%; margin-top:30px;}
#pro_area .pro_txt h2{font-size:23px;}
#pro_area .pro_txt .sc_down{margin-top:30px;}
.main_pro{margin:40px 0 0 0}
.main_pro .under{width:277px; margin:0 auto;}
.main_pro .under li:last-child{margin-right:0;}
.main_pro img{width:100%; height:auto;}
.main_pro .nav>li>a{padding:10px 13px;}
.main_pro .a .a3{display:none;}
}



/*스토리*/
#story{width:100%; background:#636363; padding:210px 0;}
#story #inst{width:1400px; margin:0 auto;}
#story #inst .inst_txt{margin-top:300px; font-size:15px; line-height:1.5em; color:#fff; }
#story #inst .inst_txt h2{font-size:28px; font-weight:lighter; line-height:1.3em; letter-spacing:-0.8px;}
#story #inst .inst_txt .con{margin-top:40px;}
.vp-center{display: block!important}
@media (max-width:991px) {
#story{padding:40px 0;}
#story #inst{width:100%;}
#story #inst .inst_txt{margin-top:10px; margin-bottom:50px;}
}