@charset "utf-8";
/* CSS Document */

/*=======================================
UI&UX design consuting - (주)세인인포테크  - UX 디자인팀
=======================================*/

/* Main Contents */
#main_contents{ clear:both; width:100%; margin:0 auto;}
#main_contents_outline{ width:100%; height:330px; margin:0 auto; padding-top:20px;}
#main_contents_bottom_01{ width:989px; margin:0 auto;}
.main_contents_bottom01{float:left; width:392px; height:565px;margin-right:1px;margin-top:10px;overflow:hidden; position:relative; zoom: 1;} /*롤링이미지 영역*/
.main_contents_bottom01 .flex-viewport {max-height: 565px;}
.main_contents_bottom01 .slides {zoom: 1;margin: 0; padding: 0; overflow:hidden;}
.main_contents_bottom01 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.main_contents_bottom01 .slides img {display: block; padding:0; margin:0;}
.main_contents_bottom01 .slides li div{background-color:transparent;background-color: rgba(0, 0, 0, 0); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */bottom: 0;color: #000;display: block;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* IE6–IE9 */left: 15px;top:211px;padding: 1em; position: absolute;width: 100%;}
.main_contents_bottom01 .flex-control-nav { position: relative; top:-30px; left:300px ;margin: 0; padding: 0; list-style: none; width:100%; z-index:200;}
.main_contents_bottom01 .flex-control-nav li {display: inline-block; zoom: 1; *display: inline;}
.main_contents_bottom01 .flex-control-paging li a {margin: 0 3px; width: 12px; height: 12px; display: block; background-color:#fff; opacity:0.8; border:2px solid rgba(118,171,29,0.8);cursor: pointer; text-indent: -9999px; -ms-border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.main_contents_bottom01 .flex-control-paging li a:hover { background: #7e9ac0; background: rgba(84,131,38,0.8); }
.main_contents_bottom01 .flex-control-paging li a.flex-active { background: #6788b6; background: rgba(83,133,34,0.9); cursor: default; }

.main_contents_bottom02{ width:197px; height:565px; float:left; margin-right:1px; background:url('../images/main_visual02.png') no-repeat center;margin-top:60px;opacity:0.8;transition:all .6s linear;}
.main_contents_bottom02:hover{opacity:1.0;}
.main_contents_bottom03{ width:197px; height:565px; float:left; margin-right:1px; background:url('../images/main_visual03.png') no-repeat center; margin-top:20px;opacity:0.8;transition:all .6s linear;}
.main_contents_bottom03:hover{opacity:1.0;}
.main_contents_bottom04{ width:197px; height:565px; float:left; margin-right:1px; background:url('../images/main_visual04.png') no-repeat center; margin-top:90px;opacity:0.8;transition:all .6s linear;}
.main_contents_bottom04:hover{opacity:1.0;}
#main_contents_bottom_02{ width:989px; margin:0 auto; }
.main_contents_bottom_02_01{ float:left; width:328px; height:173px; overflow:hidden; margin-right:2px; background:url('../images/ico_tree.png')  no-repeat 182px 33px;}
.about_us ul li{ padding:2px; 0; line-height:21px; font-size:13px; color:#757575;}
.about_title, .contact_title{margin-bottom:10px;}
.company{ font-size:14px; padding-left:40px; padding-top:210px; float:left; width:120px; font-weight:normal;font-family:'NanumBarunGothic','sans-serif','Verdana';}
.company li{ padding:6px 3px; border-bottom:1px solid #eaeaea; background:url('../images/ico_company_arrow.png') no-repeat right; width:120px;}
.company li a{ color:#817e7e;}
.company li a:hover{color:#78cfce;}

/* Notice */
.notice_title{margin-bottom:8px;}
.main_contents_bottom_02_02{ float:left; width:328px; height:173px; overflow:hidden; margin-right:2px; background:url('../images/ico_nav_map.png')  no-repeat 135px 55px;}
.contact_us ul li{ padding:2px; 0; line-height:21px; font-size:13px; color:#757575;}
.main_contents_bottom_02_03{ float:left; width:326px; height:173px; overflow:hidden; margin-right:2px;}
.notice ul li{ padding:4px; font-size:13px; color:#757575;}
.notice li.n_list{ font-size:13px; position:relative;background:url('../images/list_bullet.png')no-repeat 4px 9px; color:#181616;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:200px; padding-left:10px;}
.notice li.n_list1{ float:right;position:relative; top:-20px;}
.notice li a{text-decoration:none;font-family:'NanumBarunGothic','sans-serif','Verdana';font-size:13px;color:#757575;}
.notice li a.more{float:right; margin-top:5px; padding-right:4px; background:url('../images/ico_more.png') no-repeat bottom ;width:38px; height:33px ;color:#8a8a8a; cursor:pointer;}
.notice li a:hover{text-decoration:none;font-size:13px;color:#ed8307;}
.notice li span.date{color:#7c7b7b;font-family:'NanumBarunGothic','sans-serif','Verdana';font-size:12px; }

/* Notice & Customer */
.customer {float:left;width:512px;height:254px;border:1px solid #e9e7e7; background:url('../images/ico_teleph.png') no-repeat 90% 80%;}
.customer ul { font-size:22px; font-weight:bold; color:#292929; padding: 30px 30px 18px 34px;}
.customer ul li{ border-bottom:1px solid  #eeebeb; padding-bottom:10px;}
.customer li a{text-decoration:none;font-family:'NanumBarunGothic','sans-serif','Verdana';font-size:16px;color:#181616;}
.customer li a.more{float:right; margin-top:5px; padding-right:4px; background:url('../images/more1.png') no-repeat 44px 3px; width:45px; color:#8a8a8a;}
.customer li a:hover{text-decoration:none;font-size:16px;color:#ed8307;}
.customer li.n_list{ font-size:16px; position:relative;background:url('../images/list_bullet1.png')no-repeat 22px 8px;padding:4px 0 4px 34px;color:#181616;overflow:hidden; margin: 4px 6px; width:350px;}
.board {float:left;margin-top:4px; width:100%; height:344px;}
.board a.blank{float:left; width:23px; height:10px;}