@charset "utf-8";


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


/*******************공통*******************/


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:695px; min-width:1100px; overflow:hidden;}
.main_visual ul { width:100%; left:0px;top:0px; height:695px; position:absolute;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:695px; background-size:cover;}
.main_visual li a{display:block; height:695px;}

.main_visual .pager_box {position:absolute; bottom:0; left:0; margin-bottom:15px; overflow:hidden; width:100%; text-align:center; z-index:999;}
.main_visual .main_pager span {display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:8px; height:8px; margin:0 6px; border-radius:14px; border:3px solid #fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.2);}
.main_visual .main_pager .cycle-pager-active {background:#fff;}

.main_visual .control {position:absolute; top:315px; width:100%; text-align:center; z-index:9999999 !important; text-indent:-9999px;;}
.main_visual .control a {float:left; width:35px; height:68px; background:url(../images/main/visual_btn.png) left top no-repeat; margin-left:35px}
.main_visual .control a#visual_next {float:right;background-position:right top; margin:0 35px 0 0;}


/*메인바로가기*/
.main_quick {position:relative; overflow:hidden;}
.main_quick li {float:left; width:31.3333%; border-left:1px solid #fff; box-sizing:border-box; height:480px; display:table; margin:2% 1% 0 1%; text-align:center; box-sizing:border-box; background-size:cover; background-position:center top; background-repeat:no-repeat;}
.main_quick li:first-child {border-left:none;}
.main_quick .about {background-image:url(../images/main/main_quick_bg1.jpg);}
.main_quick .technology {background-image:url(../images/main/main_quick_bg2.jpg);}
.main_quick .business {background-image:url(../images/main/main_quick_bg3.jpg);}
.main_quick a {display:block; color:#fff; display:table-cell; vertical-align:middle; font-family:'Arial'; letter-spacing:0.5px; font-size:40px; line-height:41px;}
.main_quick a:hover {color:#9099ff;}


/*메인연구실적*/
.main_research {padding:80px 0; overflow:hidden;}
.main_research .tit {text-align:center; font-size:28px; line-height:29px; padding-top:19px; background:url(../images/main/research_tit_bar.gif) center top no-repeat;}
.main_research .tit a {color:#222;}
.main_research ul {margin-top:45px;}
.main_research li {float:left; width:340px; margin-left:50px;}
.main_research dt {color:#222; font-size:20px;}
.main_research dt span {display:block; color:#999; font-size:15px; margin-bottom:10px;}
.main_research dd {color:#777; font-size:14px; line-height:20px; margin-top:15px;}
.main_research li:hover dd {color:#000;}

.main_research .mroe_btn {display:block; margin-top:20px; text-align:center; width:160px; height:50px; line-height:50px; color:#fff; background:#1b2272;}
.main_research .mroe_btn:hover {background:#00021a;}


/*메인납품실적*/
.main_deliver {padding:80px 0; overflow:hidden; background:#3c4457;}

.main_deliver .tit {text-align:center; font-size:28px; line-height:29px; padding-top:19px; background:url(../images/main/deliver_tit_bar.gif) center top no-repeat;}
.main_deliver .tit a {color:#fff;}

.main_deliver ul {margin-top:45px;}
.main_deliver li {float:left; width:280px; margin:0 10px;}
.main_deliver .one_box {display:block; background:#fff; padding:10px; overflow:hidden;}

.main_deliver .photo {width:260px; height:182px;}
.main_deliver .photo img {width:100%; vertical-align:top;}

.main_deliver dl {padding:0 15px;}
.main_deliver dt {color:#222; font-size:20px; margin-top:15px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_deliver dd {color:#888; font-size:14px; line-height:20px; margin-top:10px; word-break:keep-all; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

.main_deliver .more_btn {color:#888; margin:20px 15px 0 15px; padding:15px 0 5px; border-top:1px solid #eee; background:url(../images/main/deliver_arrow.png) right center no-repeat;}

.main_deliver li:hover .one_box {background:#00a7ac;}
.main_deliver li:hover dt {color:#fff;}
.main_deliver li:hover dd {color:#fff;}
.main_deliver li:hover .more_btn {color:#eee;}


/*메인 cs*/
.main_cs {padding:80px 0; overflow:hidden; background:#f2f0f3;}
.main_cs .board {float:left; margin-right:50px; width:363px;}
.main_cs .board .tit {font-size:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #444;}

.main_cs .tit a {display:block; color:#222;}
.main_cs .tit .btn {float:right; font-size:13px; color:#666;}
.main_cs .tit a:hover .btn {color:#000;}

.main_cs .board li {line-height:35px; height:35px; padding:0 3px; border-bottom:1px solid #ddd;}
.main_cs .board li a {display:block; font-size:14px; color:#777;}
.main_cs .board li .date {float:right; font-size:13px;}
.main_cs .board li a:hover {color:#000;}
.main_cs .board li a:hover .date {color:#000;}

.main_cs .inquiry {float:left; width:364px;}
.main_cs .tit {font-size:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:2px solid #444;}
.main_cs .info {position:relative; height:130px; overflow:hidden; background:#00a7ac;}
.main_cs .info a {display:block; padding:40px 100px 40px 30px; color:#fff; font-size:16px; word-break:keep-all;}
.main_cs .info .ic {position:absolute; right:30px; top:30px; }
.main_cs .info:hover {background:#0d5487;}