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

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

/* Main Visual */
#container{ width:100%;}
#sub_visual {background:url('../images/img_visual3.jpg') no-repeat 50% 50% #e6e8e7;height:184px;}
#visual_in{ display:block; padding-top:42px; margin:0 auto; width:1200px; /*position:relative; left:20px;*/}
#visual_in p{ margin:10px 0 0 3px; line-height:22px; color:#fff; font-size:13px; letter-spacing:3px; padding-left:23px; font-weight:400;}
#visual_in p.s_title1{ padding-left:23px; font-size:36px; font-weight:normal; color:#fff; letter-spacing:-1px; }

/* Path Area */
#sub_header{ float:left; width:100%;}
#sub_header ul li ul.location {float:left; padding-top:28px;}
#sub_header ul li ul.location li {font-size:14px;margin-right:14px;background:url('../images/ico_arrow.png') no-repeat 0 3px;padding-left:18px;}
#sub_header ul li ul li.home {background:url('../images/ico_home.png') no-repeat 0px 0px !important; }
#sub_header ul li ul li.current {color:#eaa123;margin-right:0 !important;}
#sub_header ul li{ float:left;}
#sub_header ul li h3.sub_title{position:relative; display:block; line-height:30px; padding-top:12px; text-align:left; font-size:28px; color:#333; font-weight:600; background:url('../images/title_point.gif') top left no-repeat; font-family:'NanumBarunGothic','sans-serif','Verdana'; width:445px; }

/* Content Area*/
.cont_wrap{*zoom:1; margin:0 auto; width:985px; height:1000px; padding-top:30px;}
.cont_wrap .lnb{ width:220px; float:left; margin-right:0px; background:#607aa2; padding-bottom:100px;}
#overview_content{ width:722px; min-height:800px; float:right; font-family:'NanumBarunGothic','sans-serif','Verdana'; color:##5a5656; }
.right_space{ float:left; width:100%; height:30px;}
.vision{float:left;  border:1px solid #e9e9e9; width:100%; text-align:center; border-radius:13px;}
.global{ float:left; width:100%; margin-top:20px;}
.global ul li{float:left; margin:0 auto; width:300px; text-align:center; padding-left:40px;}
.global ul li.glo{ width:600px;}
.global ul li.glo dl dd.txt{ text-align:left;list-style-type:none;line-height:22px; font-size:13px; color:#5a5656;}
.cont_subtitle{ display: block; text-align:left; font-size:14px; font-weight:bold;line-height:26px; margin-top:15px; margin-bottom:14px; letter-spacing:0px; color:#1a8eac;}
.ceo_con{line-height:22px; margin-bottom:14px; margin-top:15px; letter-spacing:0px; color:#5a5656; background:url('../images/img_ceo.png') no-repeat 0% 15%; padding-top:253px; font-size:13px;}
.sign{ float:right; vertical-align:top;}
.part{clear:both;}
.part li.title{ font-size:16px; font-weight:bold; padding:5px 0px; background:url('../images/icon_arrow.png') no-repeat 0px 9px; padding-left:15px;}
.part li.title2{ font-size:16px; font-weight:bold; padding:5px 0px; background:url('../images/icon_arrow.png') no-repeat 0px 9px; padding-left:15px; color:#607aa2;}
.part li.title3{ float:left; font-size:16px; font-weight:bold; padding:5px 0px; background:url('../images/icon_arrow.png') no-repeat 0px 9px; padding-left:15px; color:#607aa2; border-bottom:1px solid #eae8e8; width:100%; margin-bottom:14px;}
.part li{ line-height:22px; font-size:13px; padding-left:25px; background:url('../images/ico_point.png') no-repeat 16px 8px; color:#5a5656;}
.part li.solution{float:left; margin:0 auto;width:184px; height:90px; margin-right:1px; background:none; border-right:1px solid #ededed; font-weight:bold;}
.part li.solution ul li{ margin:0; padding:0; background:url('../images/ico_point.png') no-repeat 0px 8px; padding-left:10px; font-weight:normal;}
.txt_color{color:#e47c3b;}
.lims{}
.lims li.title{ font-size:16px; font-weight:bold; padding:5px 0px; background:url('../images/icon_arrow.png') no-repeat 0px 77px; padding-left:15px; color:#607aa2;}
.lims li{ line-height:22px; font-size:13px; padding-top:30px; color:#5a5656;}
.lims li.lims_img{ line-height:22px; font-size:12px; padding-left:15px; float:left; margin:0 auto; background:url('../images/lims_spoid.png') no-repeat 0 14px; width:103px; height:133px;}
.she_img{ line-height:22px; font-size:12px; padding-left:15px; float:left; margin:0 auto; background:url('../images/she_house.png') no-repeat 0 14px; width:144px; height:133px;}
.cont_right{ line-height:22px; color:#5a5656; padding:10px; list-style:none; font-size:13px;}
.customer_tip{ line-height:25px;background:url('../images/img_customer.png') no-repeat 0% 15%; min-height:600px; font-size:13px; color:#5a5656;}
.tbl_she{ border-collapse:collapse; border-spacing:0; width:100%;}
#sub_content{ width:722px min-height:800px;  margin-bottom:30px; line-height:25px; font-family:'NanumBarunGothic','sans-serif','Verdana'; color:#5a5656;}

/*유지보수*/
.scope{ width:101px; height:66px;float:left;text-align:center; padding-right:5px;padding-top:10px;}
.scope_text{height:123px;width:700px; border-bottom:1px solid #e7e7e7;}
.scope_text dt{}
dt.s_title{ font-size:16px; font-weight:bold; color:#0751a0; padding-top:20px; padding-bottom:17px;}
dt.s_text{ line-height:1.5;}

/* She Box*/
.she_box{ float:left; width:158px; padding-bottom:30px; margin-right:20px; display:block; line-height:2.0; border-right:1px solid #e6e8e7;height:800px;}
.she_box h3{ font-weight:500;}

/* 사업실적 */
.tbl_style1{width:100%;}
.tbl_style1 tr td{ border:none;border-collapse:collapse; text-align:left; margin:0; padding:0;}
.tbl_style1 tr td.top{ padding-top:1px;}
.business_box{line-height:30; overflow:hidden; width:100%}
.business_box dl{ float:left; padding: 10px 0 10px 0; /*background:url('../images/img_line.gif') no-repeat left bottom*/;}
.business_box dt{float:left; width:172px; padding:6px 0 0 0 ;}
.business_box dd{float:left;width:450px; padding:0 0 0 34px;line-height:1.8; font-size:13px;}

/* Space Area*/
.space0{height:10px; clear:both;}
.space01{height:25px; clear:both;}
.space02{height:15px; clear: both;}
.space03{height:35px; clear: both;}
.space03{height:100px; clear: both;}

/* Top Menu */
#tabUI{ float:left;width:100%;margin:0px auto;}
ul.tab{padding:0; padding-top:30px;}
ul.tab li{list-style-type:none;width:206px;height:40px;float:left; background:url('../images/ui_tap1.png') no-repeat bottom;font-size: 16px;}
ul.tab li a{display:block;color:#8e8e8e;font-weight:bold;line-height:40px;text-align:center;}
ul.tab li a.selected{text-decoration:none;color:#000;cursor:default;  background:url('../images/ui_tap1_over.png') no-repeat bottom;}
ul.panel{clear:both;padding:0;}
ul.panel li{list-style-type:none;padding:10px 0;color:#333; line-height:25px;}
ul.panel li img{padding:0;}

#overview_content .company-txt{padding:5px 10px 15px 10px; line-height:22px;}
.cont_wrap .lnb .l_title{font-size:24px; line-height:34px; font-weight:700; letter-spacing:-0.05em; color:#fff; padding-left:20px; padding-top:35px; font-family:'NanumBarunGothic','sans-serif' !important; background:url('../images/bg_lnb_topline.png') no-repeat; top right;}
.cont_wrap .lnb .s_title{font-size:16px; font-weight:600; color:#fff; padding-left:20px; padding-bottom:12px; font-family:'NanumBarunGothic','sans-serif'; color:#9baac5;}
.cont_wrap .lnb ul { padding:10px 20px;}
.cont_wrap .lnb ul li{ cursor:pointer; width:180px; border-bottom:1px solid #8597b3;}
.cont_wrap .lnb ul.step1 li p{ display:inline-block; width:10px; height:10px; margin-left:-5px;}
.cont_wrap .lnb ul.step1 li.active p.round{display:inline-block; background:url('../images/ico_bullet.png') no-repeat 7px 10px; float:right;height:27px; width:22px;}
.cont_wrap .lnb ul.step1 li.active span.s1{ color:#a7d9e0;}
.cont_wrap .lnb ul li span.s1{ font-size:15px; color:#fff; font-weight:normal; line-height:35px;}
.cont_wrap .lnb ul li .unline{ border-bottom:1px solid #e2e2e2;}
.img_service{ width:220px; float:left; padding-top:33px; }

/* History */
.history{ width:700px; border:none; overflow:auto;}
.his_visual{ width:220px; background:url('../images/img_history.png') no-repeat top left;}
.year1{width:100px; background:url('../images/year_nmall.png') no-repeat left top ;height:448px;}
.year2{width:100px; background:url('../images/year_nmall2.png') no-repeat left top ;height:463px;}
.year3{width:100px; background:url('../images/year_nmall3.png') no-repeat left top ;height:;}
table.history tr td.list{ line-height:20px; border:none; font-size:13px; background:url('../images/ico_history.png') no-repeat 0 15px; padding-left:10px; color:#5a5656; vertical-align: top;}
table.history tr td{ border:none; padding: 8px;}

/* Table */
.top_b{border:none;font-size:13px; padding:10px; text-align:left;}
.top_b ul li a{ color:#5a5656;}
.top_b ul li a:hover{ color:#F93;}
.top_c{ border:none; font-size:13px;padding:0px; text-align:left;}
.top_c ul li a{ color:#5a5656;}
.top_c ul li a:hover{ color:#F93;}
td ul li{ line-height:16px; list-style:disc; margin-left:20px;}
td ul li.logotxt{ list-style:disc; margin-left:20px;; text-align:left; padding:5px 0; }
#private{width:722px; }
#private tr td.top_b{border-top: solid 1px #e2e2e2; font-size:13px; color:#333; padding:10px; text-align:left;  border-bottom:1px solid #e2e2e2;}
#private tr td.top_c{border-top:1px solid  #e2e2e2; border-right:1px solid #e2e2e2; font-size:13px; color:#333; padding:20px; text-align:left; border-bottom:1px solid #e2e2e2;}
#private tr td.top_d{border-top: solid 1px #e2e2e2; font-size:16px; font-weight:bold; color:#333; background:#fafafa; padding:20px; text-align:center;}
#private tr td.top_e{ border-right:1px solid #e2e2e2;border-top: solid 1px #e2e2e2; font-size:16px; font-weight:bold; color:#333; background:#fafafa; padding:20px; text-align:center;}
#private tr td.top_b_bottom{border-top: solid 1px #e2e2e2;border-bottom: solid 1px #e2e2e2; font-size:13px; color:#333; padding:10px; text-align:left; background:#fff;}

/* Map */
#map{height: 400px;width: 100%; border:1px solid #e2e2e2; }
.hdline{ width:100%; font-size:16px; color:#000; padding-top:20px; padding-bottom:20px; font-weight:600;}
li.ad1{ background:url('../images/icon_map1.gif') no-repeat 0 0; line-height:37px; padding-left:40px; color:#5a5656;}
li.ad2{ background:url('../images/icon_map2.gif') no-repeat 0 0; line-height:37px; padding-left:40px; color:#5a5656;}
li.ad3{ background:url('../images/icon_map3.gif') no-repeat 0 0; line-height:37px; padding-left:40px; color:#5a5656;}
li.ad4{ background:url('../images/icon_map4.gif') no-repeat 0 0; line-height:37px; padding-left:40px; color:#5a5656;}

/* Sitemap */
.sitemap{ float:left; width:201px; padding-bottom:30px; margin-right:20px;}
.sitemap h3{padding-bottom:10px; font-size:18px; font-weight:bold; border-bottom:1px solid #dedede; }
.sitemap ul {line-height:44px; padding-top:11px; padding-left:20px;}
.sitemap li{padding: 5px 0 5px 0px; font-weight:normal; list-style:disc;}
.sitemap li a{ color:#3F3F3F;}
.sitemap li a:hover{color:#C60;}

/* Link */
.site_root{float:left; width:100%; margin-right:10px;}
.link_site{padding: 9px 13px; }
.link_site a{color:#333; background:url('../images/ico_arrow.gif') no-repeat 0px 7px; padding-left:10px;}
.link_site a:hover{ color:#F93;}

/* Menu_depth2 */
.l_menus ul li ul li.l2{ font-size:15px; color:#333; font-weight:normal; line-height:47px; padding:0 15px 0 18px; margin: -20px 0;}
.l_menus ul li ul li.l2 a {font-size:15px; color:#333; font-weight:normal; line-height:47px; margin-left:-5px;}
.l_menus ul li ul li.l2 a:hover{ color:#f36f20;}
.l_menus ul li ul.step2 li.l2.active {display:block; background:url('../images/ico_bullet.png') no-repeat 3px center;}
.l_menus ul li ul.step2 li.l2.active a{ color:#0b8f6a;}
.l_menus ul li ul.step2{display:block;}

/* Font */
dt.txt_effect{ font-weight:bold; padding-bottom:10px; color:#f36f20; padding-left:14px; font-size:13px;}
dt.txt_1{color:#5a5656; padding-left:14px;line-height:2.0; font-size:13px;}

/* 공지사항 */
#board_list{ width:100%; margin:0 auto; }
#board_list .table_board{ width:100%; font-size:13px; line-height:20px; color:#2B2C37;}
#board_list .table_board th{ border-top:2px solid #1f88ca; border-bottom:1px solid #e2e2e2; font-size:14px; text-align:center; color:#363636; height:38px;}
#board_list .table_board td{ border-bottom:1px solid #e2e2e2; font-size:13px; text-align:center; color:#363636; padding:12px 0;}
#board_list .table_board td a{color:#363636;}
#board_list .table_board td a:link, #board_list .table_board td a:visited{ text-decoration:none; }
#board_list .table_board td a:hover{ text-decoration:underline; color:#f36f20}
#board_list .table_board  tr:hover{ background:#faf9f9;}
#board_list .table_board .td_num{ font-size:13px;}
#board_list .table_board .td_num img{ padding: 0px 0px; margin:0; }
#board_list .table_board .td_left{ text-align:left; padding-left:15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; }
#board_top{}
#board_top .search_info{float:right; text-align:right; padding-bottom:5px;}
#board_top .select_search{padding: 0 0 0 0px; height:32px; border:1px solid #ddd; color:363636; font-size:13px; min-width:130px;}
#board_top .input_search{padding: 0 10px; height:32px; border:1px solid #ddd; color:363636; font-size:14px;}
input, textarea, select, img{ vertical-align:middle;}
#board_top .search-btn{border:0; background:#CED0D2; color:fff; height:32px; padding:0px 15px; cursor:pointer;}

/* 게시판(공지사항) */
#board_read{ padding-bottom:20px; padding-top:20px;}
#board_read .table_board_read{ float:left;font-size:13px; line-height:18px; color:#656565; border-top:2px solid #1f88ca; width:100% }
#board_read .table_board_read caption {display:none;}
#board_read .table_board_read thead th{border-bottom:1px solid #dcdcdc; text-align:center; height:40px;}
#board_read .table_board_read .th_bold{ border-bottom:1px solid #dcdcdc;}
#board_read .table_board_read th{font-size:14px; #363636; height:32px;}
#board_read .table_board_read th .input_search{padding: 0 10px; height:32px; border:1px solid #ddd; color:363636; font-size:13px; width:830px;}
#board_read .table_board_read .td_left_num{font-family: NanumBarunGothic; text-align:left;}
#board_read .table_board_read .td_left_num .input_search{padding: 0 10px; height:32px; border:1px solid #ddd; color:363636; font-size:13px; width:540px;}
#board_read .table_board_read td{font-size:13px; text-align:center; padding:15px 15px 15px 0; border-bottom:1px solid #dcdcdc;}
#board_read .table_board_read .td_left{ text-align:left; padding:15px; }
#board_read .table_board_read1{width:100%; font-size:14px; line-height:18px; color:#656565; border-top:2px solid #1f88ca; }
#board_read .table_board_read1 caption {display:none;}
#board_read .table_board_read1thead th{border-bottom:1px solid #dcdcdc; text-align:center; height:40px;}
#board_read .table_board_read1 .th_bold1{ border-bottom:1px solid #dcdcdc; padding-left:11px;}
#board_read .table_board_read1 th{font-size:13px; #363636;  padding:15px 0 15px 0;}
.input_search1{padding: 0 10px; height:32px; border:1px solid #ddd; color:363636; font-size:13px; width:700px;}
.select_search1{padding: 0 0 0 0px; height:32px; border:1px solid #ddd; color:363636; font-size:13px; min-width:130px;}
#board_read .table_board_read1 .td_left_num1{font-family: NanumBarunGothic; text-align:left;  border-bottom:1px solid #d2d2d2;}
#board_read .table_board_read1.td_left_num1 .input_search1{padding: 0 10px; height:32px; border:1px solid #ddd; color:363636; font-size:13px; width:620px;}
#board_read .table_board_read1 td{font-size:14px; padding:0px; border-bottom:none;}
#board_read .table_board_read1 .td_left1{ text-align:left; padding:15px; }
#boardContents{font-size:13px; padding:0; border-bottom:none; line-height:1.5;}
#boardContents .textarea{padding: 10px 10px; height:300px; border:1px solid #ddd; color:363636; font-size:13px; width:540px; }
.bg-color td, .bg-color th{ background:#fafafa}
tbody th, tbody td{ text-align:left;/* border-top:1px solid #d2d2d2;*/padding-left:11px; border-bottom:1px solid #d2d2d2}
.border-list-type{ border-top:1px solid #a9a9a9;  margin-top:20px;}
.text_right{text-align:right; width:722px; clear:both; padding-top:7px; }
.btn_right{ float:right; position:relative; top:-31px;}
.btn_board{font-weight: bold;display:inline-block; padding:6px 11px; color:#fff; border:1px solid #1f88ca; background:#1f88ca; width:55px; text-align:center;}
.text_right a:hover{ background:#4aa4dc;}
.border-list-type li {background:#fafafa; border-bottom:1px solid #c7c7c7;}
.border-list-type li a{display:block; padding:10px 10px; color:#666; }
.border-list-type li a .list-up-bg{font-weight:bold; width:80px; color:#222; padding-left:15px;}
.border-list-type li a .list-down-bg{ font-weight: bold;width: 80px;padding-left: 15px;color: #656565;}
.border-list-type li a .list-title{ font-weight:bold; color:#656565; }
.left{ float:left;}
.clearfix:before, .clearfix:after{display: table;content: '';}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}

/* 페이징 */
.paging-area{ position:relative; margin-top:30px;}
.paging-area ul{ margin:0; padding:0; list-style:none; text-align:center;}
.paging-area ul li{ display:inline; margin-left:5px; padding:0;}
.paging-area ul li a.prev-first{ background:url('../images/prev-first.png') no-repeat;}
.paging-area ul li a.prev{ background:url('../images/prev.png') no-repeat;}
.paging-area ul li a.next{ background:url('../images/next.png') no-repeat;}
.paging-area ul li a.next-last{ background:url('../images/next-last.png') no-repeat;}
.paging-area ul li a{display:inline-block; width:35px; height:23px; padding:6px 0; color:#666; background:#fff; background:url('../images/paging.png') no-repeat 0 0px;}
.paging-area ul li a span{ display:inline-block; text-indent:-9999px;}
.paging-area ul li a p{ width:35px; height:23px; padding-top:5px }
.paging-area ul li a.active{text-decoration:none; color:#fff; background:#1f88ca;}