@charset "utf-8";



#container {position:relative; z-index:0; }


/*메인비주얼*/
#main_visual_box{ height:370px;}



/*사이드 포커스*/
/*메인비주얼*/
#slider{position:relative;width:100%; height:370px; overflow: hidden;}
#sl-view{clear: both;position: relative;margin: 0 auto;}

#sl-wrap{position:absolute;margin: 0 auto;}
.sl-div{float:left; }

#sl-nav{position: absolute;z-index:999999;}
#sl-nav>li{font-size: 20px;float: left;margin: 0 10px;color: #aaa;cursor: pointer; text-indent:-999999px;}
#sl-nav>li:hover{color: #eee;text-shadow: 0px 1px 0px #333;}
#sl-nav>li.hit{color: #0080FF;}
#sl-nav>li.hit:hover{color: #eee;}

/*사이드 포커스*/
.visual_shadow {position:absolute; top:0px; left:0; width:100%; height:370px; background:url(../images/main/visual_shadow.png) center top no-repeat; z-index:99;} 

/*비주얼박스*/
.visual_info {position:absolute;top:0px; left:0px; width:100%;height:370px; z-index:100;}
.visual_info .box{width:1100px; margin:0 auto; position:relative;}
.visual_info .box .depths{float:left; width:360px; background:rgba(201,36,42,0.94) url(../images/main/visual_info_bg.png) right top no-repeat;;  height:370px; position:relative; color:#fff; z-index:1;}
.visual_info .box .depths dl{padding:35px;}
.visual_info .box .depths dl dt{font-size:35px; background:url(../images/main/visual_info_dt_title.jpg) 5px top no-repeat; margin-top:10px; letter-spacing:-1px;padding-top:17px; color:#ffffff; font-weight:bold;}
.visual_info .box .depths dl dd{font-size:16px; color:rgba(255,255,255,0.6); margin-top:55px; line-height:20px;}

.visual_info .box .depths .btn { position:absolute; font-size:0px; bottom:20px; right:25px;  z-index: 5000;   border-right:1px #5b494e solid;}
.visual_info .box .depths .btn a{display:inline-block; text-indent:-9999px; width:30px; height:29px; background:#262427 url(../images/main/main_visual_btn.png) left top no-repeat; border:1px #5b494e solid;  border-right:0px;}
.visual_info .box .depths .btn a.sl-stop{ background-position:-30px top;}
.visual_info .box .depths .btn a.sl-next{background-position:-60px top}
.visual_info .box .depths .btn a.sl-play{background-position:-90px top}

.visual_info .box .depths_bg{position:absolute; top:0px; left:0px; width:275px; height:370px;  background:url(../images/sm_common/visual_info_bg.jpg);  z-index:0;}


#slider-outline .side_btn {position:absolute;top:157px; left:0px; width:100%;z-index:100;}
#slider-outline .side_btn .box{width:1240px; margin:0 auto; position:relative;}
#slider-outline .side_btn .box a{float:left; text-indent:-9999px; width:24px; height:47px; background:url(../images/main/main_visual_side_btn) left top no-repeat;}
#slider-outline .side_btn .box a.sl-next{float:right; background-position:right top;}



/*메인퀵*/
.main_quick {height:185px; background:#fff; border-bottom:1px #e1e1e1 solid; border-top:1px #e1e1e1 solid;}
.main_quick ul {text-align:center; padding-top:40px;}
.main_quick li {display:inline-block; margin:0 50px; }
.main_quick li .icon{display:inline-block;text-align:center;  position:relative; width:75px; height:75px; overflow:hidden; line-height:75px; border-radius:20px; background:#cccccc; }
.main_quick li .icon img {vertical-align:middle; position:relative; z-index:1;}
.main_quick li .text{margin-top:5px; font-size:15px; color:#666666;}


.main_quick li .icon .bg_up {position:absolute; transition:all 1s; left:0px; bottom:0; width:75px; height:0px; z-index:0;}

.main_quick li:hover .icon .bg_up{ height:75px;  background:#c9242a; transition:all 0.3s; bottom:0px;}
.main_quick li:hover .text{color:#c9242a; ; transition:all 0.4s;}



/*뉴스박스*/
.news_box {background:#fafafa; overflow:hidden; padding:30px 0px 50px;}
.news_box .common_box{border-top:3px #646265 solid; padding:30px 39px 0;   position:relative; }
.news_box .common_title{position:relative; font-size:16px; color:#222222; line-height:16px; margin-bottom:28px;}
.news_box .common_line{position:absolute;left:0px; top:-3px; background:#ed0017; height:3px; width:70px;}
.news_box .common_more{float:right;}

/*공지*/
.news_box .notice{float:left; width:367px; height:277px; background:#fff; }
.news_box .notice ul li{position:relative;}
.news_box .notice .photo{display:none;}
.news_box .notice .text .t1{coloR:#666666; font-size:14px; padding-left:9px; background:url(../images/main/notice_dot.jpg) left 50% no-repeat; line-height:20px; }
.news_box .notice ul li.n_list .t1 {overflow:hidden;white-space:nowrap; text-overflow:ellipsis; padding-right:90px;}
.news_box .notice .text .t2{display:none;}
.news_box .notice .date {position:absolute; right:0px; top:0px; font-size:13px; color:#999999;  line-height:20px;}

.news_box .notice ul li.first {border-bottom:1px #e7e6e8 dashed; overflow:hidden; margin-bottom:23px; padding-bottom:23px;}
.news_box .notice ul li.first .photo{float:left; display:block;}
.news_box .notice ul li.first .photo img {width:120px; vertical-align:top; height:90px;}
.news_box .notice ul li.first .text {margin-left:128px; margin-top:4px;}
.news_box .notice ul li.first .text .t1{padding-left:0px; background:none; color:#222222; font-weight:bold; }
.news_box .notice ul li.first .text .t2{display:block; font-size:14px; color:#555555; line-height:18px; margin-top:10px;}
.news_box .notice ul li.first .date{display:none;}


/*기술현황*/
.news_box .technology{float:left; width:365px; height:277px; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; background:#dde4e4 url(../images/main/technology_bg.png) 218px bottom no-repeat;;}
.news_box .technology .info{line-height:18px;; font-size:14px;; color:#666666;}
.news_box .technology .btn{margin-top:25px;}
.news_box .technology .btn a{display:inline-block; width:130px; height:40px; line-height:40px; font-weight:bold; background:#fff; text-align:center; font-size:14px; color:#222222; }



/*기술현황*/
.news_box .factory{float:left; width:366px; height:277px;text-align:center; background:#fff;}
.news_box .factory h3{text-align:left;}
.news_box .factory .where{line-height:18px;; font-size:14px;; color:#666666; text-align:left;}
.news_box .factory .world_map {background:url(../images/main/world_map.png) center top no-repeat;; width:252px; height:120px; overflow:hidden; display:inline-block; position:relative; margin-top:10px;}
.news_box .factory .world_map .common_cursor{background:url(../images/main/world_map_cursor.png) center top no-repeat; width:12px; height:17px; position:absolute; 
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.news_box .factory .world_map .cursor1{left:111px; top:27px; animation-name:cursor1; animation-delay: 1s;}
.news_box .factory .world_map .cursor2{left:100px;; top:44px; animation-name:cursor2; animation-delay: 2s;}
.news_box .factory .world_map .cursor3{left:96px; top:68px; animation-name:cursor3; animation-delay: 3s;}



@keyframes cursor1{from{top:27px;}to{top:22px;}}
@keyframes cursor2{from{top:44px;}to{top:39px;}}
@keyframes cursor3{from{top:68px;}to{top:63px;}}


.news_box .factory .btn{margin-top:10px; position:absolute; width:100%; left:0px; top:224px; border-top:1px #e1e1e1 solid;;text-align:center; }
.news_box .factory .btn a{display:inline-block; line-height:42px;font-size:13px; color:#333333; background:url(../images/main/factory_btn_line.png) right 50% no-repeat; padding:0 13px 0 7px; }
.news_box .factory .btn a.last{background:none;}