﻿@charset "utf-8";

.basic_font{font-family:Dotum,"돋움",Gulim , Arial;}
a.btn_download{display:inline-block;background-color:#019de6;height:34px;line-height:34px;border-radius:16px;padding: 0 25px;letter-spacing:-1px;color:#fff;font-weight:bold;font-size:12px;}

#tab_cate{height:40px;border-bottom:1px solid #019de6;margin-bottom:40px;}
#tab_cate li{float:left;margin-right:2px;height:39px;border:1px solid #ddd;background-color:#fcfcfc;border-bottom:1px solid #019de6;border-radius:5px 5px 0 0;}
#tab_cate li a{display:block;height:39px;font-size:15px;line-height:39px;width:150px;font-weight:bold;text-align:center;}
#tab_cate li a:hover{color:#019de6;}
#tab_cate li.selected{background-color:#fff;border:1px solid #019de6;border-bottom:1px solid #fff;}
#tab_cate li.selected a{color:#019de6;}



#tab_cate2{height:36px;border-bottom:1px solid #019de6;margin-bottom:25px;}
#tab_cate2 li{float:left;margin-right:2px;height:35px;border:1px solid #ddd;background-color:#fcfcfc;border-bottom:1px solid #019de6;width:150px;border-radius:5px 5px 0 0;}
#tab_cate2 li.last{width:152px;margin-right:0;}
#tab_cate2 li a{display:block;height:35px;width:100%;font-size:13px;line-height:35px;font-weight:600;text-align:center;}
#tab_cate2 li a:hover{color:#019de6;}
#tab_cate2 li.selected{background-color:#fff;border:1px solid #019de6;border-bottom:1px solid #fff;}
#tab_cate2 li.selected a{color:#019de6;}

/*common*/
.tb_info{width:100%;}
.tb_info th{border-top:2px solid #0b81d3;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background-color:#fcfcfc;text-align:center;padding:10px 0;color:#555;font-weight:bold; line-height:16px;}
.tb_info th.th2{border-top:none; font-weight:normal;line-height:15px;}
.tb_info th.last{border-right:none;}
.tb_info td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:8px 0px;text-align:center;color:#666;font-size:12px;}
.tb_info td.last{ border-right:none;}
.tb_info td.end{border-bottom:1px solid #ccc;} 
.tb_info td.tal{text-align:left;;padding:8px 0px 8px 8px;}

ul.ul2{width:100%;}
ul.ul2 li{float:left;line-height:17px;padding:2px 0 2px 9px;background:url(../img/icon_spot.gif) no-repeat 0 9px;}
ul.ul2 li.first{width:39%;}
ul.ul2 li.second{width:27%;}
ul.ul2 li.third{width:30%;}

div.zine_box{position:relative;border-top:1px solid #f1f1f1;padding-top:30px;min-height:145px;}
div.zine_box .img{position:absolute;top:34px;left:0;}
div.zine_box .text{padding:0 0 0 210px;}

table.tb_spot{width:100%;}
table.tb_spot td{line-height:20px;padding:1px 0 1px 8px;background:url(../img/icon_spot.gif) no-repeat 0 9px;}


/*인사말*/
.greeting .ceo_pic{position:absolute;top:7px;left:0;}
.greeting .t_greeting{padding-left:320px;}

/*연혁*/
#history{background:url(../img/about/img2.jpg) no-repeat  480px 150px;}
table.tb_history{margin-left:22px;}
table.tb_history th{text-align:left;padding:1px 0;color:#2ba1d9;font-size:14px;vertical-align:top;}
table.tb_history td{line-height:17px;padding:1px 0 1px 9px;background:url(../img/icon_spot.gif) no-repeat 0 10px;letter-spacing:-1px;}

/*제휴업체*/
ul.partner{}
ul.partner li{float:left;width:177px;margin-right:20px;}
ul.partner li.last{margin-right:0;}
ul.partner li p{font-weight:bold;padding:10px 0 20px;text-align:center;}

/*판매대리점*/
#map_area{position:relative;}
#map_area .map_info{position:absolute;top:180px;left:3px;border-top:1px solid #ededed;width:200px;padding:25px 0 0 0;display:none;}

/*인증현황*/
ul.certi{}
ul.certi li{float:left;width:232px;margin-right:37px;}
ul.certi li.last{margin-right:0;}
ul.certi li p{font-weight:bold;padding:10px 0 30px;text-align:center;}

/*제작실적*/
#actual{background:url(../img/service/service4_bg.png) no-repeat  420px 100px;}
table.tb_actual{}
table.tb_actual th{text-align:left;padding:4px 0;color:#2ba1d9;font-size:14px;vertical-align:top;}
table.tb_actual td{line-height:19px;padding:4px 0 4px 9px;background:url(../img/icon_spot.gif) no-repeat 0 13px;letter-spacing:-1px;vertical-align:top;}

/*해양주제도*/
ul.service_map_list{height:100%;overflow:hidden;}
ul.service_map_list li{float:left;position:relative;width:365px;height:200px;border-top:1px solid #e5e5e5;padding:30px 0 0;margin-right:40px;}
ul.service_map_list li.last{margin-right:0;}
ul.service_map_list li .img{position:absolute;top:34px;left:0;}
ul.service_map_list li .text{padding-left:150px;}

/*디지털해도.서지*/
.btn_example{position:absolute;top:15px;right:15px;display:block;
background-color:#fcfcfc;height:20px;line-height:18px;border:1px solid #e1e1e1;font-size:11px;letter-spacing:-1px;border-radius:9px;color:#666;width:80px;text-align:center;}


/*서비스안내*/
ul.ul3{width:100%;}
ul.ul3 li{float:left;line-height:17px;padding:2px 0 2px 9px;background:url(../img/icon_spot.gif) no-repeat 0 9px;}
ul.ul3 li.first{width:30%;}
ul.ul3 li.second{width:30%;}
ul.ul3 li.third{width:36%;}

/*항해용품*/
div.pro_box{position:relative;border-top:1px solid #f1f1f1;padding-top:40px;min-height:145px;}
div.pro_box .img{position:absolute;top:43px;left:0;}
div.pro_box .text{padding:0 0 0 380px;}

#surge{}
#surge li{float:left;width:30%; margin:0 1.5% 3%;text-align:center;}

/*새소식*/
#case_list{border-top:1px solid #aaa;padding-top:10px;}
#case_list li{position:relative;float:left;margin-top:35px;margin-right:50px;width:360px;}
#case_list li.last{margin-right:0;}
#case_list li .img_area{position:absolute;top:2px;left:0;width:120px;height:160px;z-index:100;}
#case_list li .content_area{position:relative;padding:0 0 0 145px;min-height:162px;}
#case_list li .content_area h3{font-size:14px; font-weight:400; line-height:15px; padding-bottom:10px; color:#444;}
#case_list li .content_area p.article span{font-weight:bold;}
.btn_selected_cart{position:absolute;bottom:0;left:145px;display:block;background-color:#fcfcfc;height:26px;line-height:24px;border:1px solid #e1e1e1;font-size:12px;letter-spacing:-1px;border-radius:13px;color:#666;width:120px;text-align:center;}


/*사이트맵*/
#sitemap{}
#sitemap>ul{height:100%;overflow:hidden;margin-bottom:35px;}
#sitemap>ul>li{float:left;width:22%;margin-right:4%;}
#sitemap>ul>li.last{margin-right:0;}
#sitemap>ul>li>a{display:block;background-color:#005aaa;height:36px;line-height:36px;font-size:15px;font-weight:600;color:#fff;text-align:center;letter-spacing:-1px;border-radius:2px;}


#sitemap>ul>li>ul{padding-top:7px;}
#sitemap>ul>li>ul>li{border-bottom:1px solid #ededed;}
#sitemap>ul>li>ul>li.last{border-bottom:none;}
#sitemap>ul>li>ul>li>a{display:block;padding:6px 0 6px 23px;background:url(../img/icon_spot.gif) no-repeat 15px 16px;}



















