@charset "utf-8";

/* CSS Document */
@import "common.css";
@import "button.css";

.subtitle_img_wrap{ background:url(../00_Main/images/company_top_bg.jpg) repeat-x; width:100%}
.subtitle_sub_img{width:1000px; margin:0 auto; /*background:url(../00_Main/images/company_top_img.jpg) no-repeat;*/ height:118px}

.sub_contents_wrap{width:1100px; margin:0 auto; overflow:hidden; text-align:left}
.left_menu{float:left;width:180px; margin:30px 0;}
.sub_con{ margin-left:70px; float:left; width:750px; overflow:hidden; line-height:170%; color:#666}


.left_menu{text-align:left}
.left_menu dt{font-size:27px; font-weight:bold; color:#0053a7;letter-spacing:-2px}
.left_menu dt p{padding:0px 0 20px 0; width:180px; background:url(../01_Company/images/sub_Left_m_line.jpg) no-repeat bottom;}
.left_menu dd{padding:15px 0; border-bottom:1px solid #CCC; font-size:14px; color:#999; font-weight:bold; letter-spacing:-1px}

.left_menu a:hover{color:#0065ac}



.navi{ text-align:right; margin:20px; width:700px}
.sub_title{ clear:both; font-size:40px; font-weight:bold; letter-spacing:-3px; color:#464646; margin-bottom:50px;}

/* 01_CEO인사말*/
.com_left{float:left; width:400px; line-height:170%; font-size:13px; color:#666;}
.com_right{float:right; margin:70px 0 0 15px;  line-height:150%; font-size:13px; color:#666;}

/* 02_사업소개*/
.bussi_01{background:url(../02_Business/images/2-1.jpg) no-repeat right top; width:750px; vertical-align:text-top }
.bussi_lefttext{ width:370px; height:160px; padding-top:20px; font-size:14px}
.bussi_con01{ width:750px; margin-bottom:25px }
.bussi_con01 p{float:left; width:440px; margin-right:30px}

.bussi_02{background:url(../02_Business/images/2-2.jpg) no-repeat right top; width:750px; overflow:hidden }
.bussi_con02{ width:750px; margin-bottom:45px }
.bussi_con02 p{float:left; width:360px; margin-right:30px}

.crew_photo{ width:356px; float:left}
.crew_photo img{margin-top:10px}

.map_left{float:left; margin:0 10px 30px 0}
.map_left p{margin-top:5px; text-align:right}
.map_right{float:right; width:300px}

.map_right thead th{border-bottom:2px #0066CC solid; padding:5px 5px 5px 20px; text-align:left; width:80px}
.map_right thead td{border-bottom:2px #EAEAEA solid;}
.map_right tbody th{border-bottom:1px #EAEAEA solid;padding:5px}
.map_right tbody td{border-bottom:1px #EAEAEA solid}
.blt{background:url(../01_Company/images/blt_01.gif) no-repeat 0 50%}

.map_public{padding:15px 0 0 10px;}
.map_public span{margin-left:20px; }
#map_canvas{clear:both; padding:10px; border:1px solid #999}


/* 지속가능경영 */
.sub_03_3_left_t{ font-size:23px; color:#666; font-weight:bold; letter-spacing:-2px; padding-left:20px }
.sub_03_3_right_t{float:right; padding-bottom:10px; padding-right:30px}
.code{clear:both; margin:0 auto}
.code_01{margin-bottom:70px}


/* 선대정보 */
.f_I{margin:50px 0}
.f_I li a{color:#333}
.f_I_title{font-size:22px; color:#333; font-weight:bold; margin:10px 0; float:left}
.f_I_top{float:right}
.f_l_table{width:750px; margin-bottom:40px; clear:both}
.f_l_table thead td{background:#F8F8F5;padding:3px; border-bottom:1px #999 solid; border-top:2px #999 solid; text-align:center; font-weight:bold}
.f_l_table td{ border-bottom:1px #999 solid; padding:5px}


.board_wrap{padding-top:50px; clear:both;color:#666; line-height:150%}
.board_wrap table{margin-bottom:10px}
.board_wrap table td{padding:10px; border-bottom:1px #CCCCCC solid; text-align:center; }
.board_wrap a:hover{color:#06C}
.board_wrap table th{ background:#F8F8F5;padding:10px; border-bottom:1px #999 solid; border-top:2px #999 solid;}
.board_wrap table .subject{text-align:left; width:400px}



.number{text-align:center; color:#666; font-weight:bold; overflow:hidden; }
.number a{ padding:3px; text-align:center; display:inline-block; width:23px; border:1px #EEE solid; vertical-align:top; text-align:center; line-height:20px; padding-top:4px; padding-bottom:4px}
.number strong{ padding:3px; background:#2f9ec9; color:#FFF; text-align:center; display:inline-block; width:23px; border:1px #EEE solid; vertical-align:top; text-align:center; line-height:20px; padding-top:4px; padding-bottom:4px}
.number a:hover{color:#06C}
.arrow{color:#666; font-size:10px}



.btn_w{float:right; text-align:center; font-weight:bold}
.search_wrap{width: 750px; text-align:right; padding-bottom:10px; overflow:hidden}
.search{width:200px; padding:3px 2px 0 3px; height:18px; border:1px #ccc solid; margin-right:5px; vertical-align:top}
.search_wrap select{padding:2px; vertical-align:top; width:70px;}

.text_left{text-align:left !important}
.text_center{text-align:center !important}
.text_right{text-align:right !important}

.board_wrap lable{ display:none}


.board_write table{margin-top:50px}
.board_write td{padding:10px;border-bottom:1px #CCCCCC solid;border-top:1px #CCCCCC solid;}
.board_write th{ background:#F8F8F5; font-weight:bold; text-align:center; vertical-align:top;border-bottom:1px #CCCCCC solid;border-top:1px #CCCCCC solid; padding:10px;}
.board_write .btn_w{float:right; text-align:center; font-weight:bold; padding:10px}
.board_write .in_style{ border:1px #CCCCCC solid; padding:5px 5px 4px 5px;}

.photo_board{clear:both;color:#666; line-height:150%; margin-bottom:50px;}
.photo_board td{padding:20px 10px; text-align:center}
.text_center{text-align:center}
.p_left{float:left}
.p_right{float:right}
.p_left span,.p_right span{padding:10px}


.com_text{ margin-top:20px}
strong{color:#06C}
.font14{font-size:14px}



/* 연혁 */
.history_warp{width:750px; background:url(../01_Company/images/3_bg1.jpg) no-repeat right bottom; }
.history_warp table{width:600px}
.history_warp th, .history_warp td{padding:15px;}
.history_warp th{color:#0080C0; font-size:20px; font-weight:bold; border-bottom:1px #EAEAEA solid; width:120px;}
.history_warp td{ border-bottom:1px #EAEAEA solid;font-size:15px;font-weight:bold}
.orange{color:#F60; font-size:11px}

.history_warp thead th{border-bottom:2px #0066CC solid;width:120px;}
.history_warp thead td{border-bottom:2px #EAEAEA solid}


.rec_staff{line-height:170%; background:url(../04_Recruit/images/4-2_bg1.gif) no-repeat right top}
.tit{padding:7px 0 10px 16px; background:url(../04_Recruit/images/4-2_blt1.gif) no-repeat  0 45%; margin-top:20px; font-size:15px; color:#666; font-weight:bold}
.rec_staff  table{color:#666; margin-bottom:40px}

/* 해상직원 */
.rec_crew{background:url(../04_Recruit/images/4-2_bg1.gif) no-repeat right bottom; line-height:170%;}
.rec_crew p{ color:#666; font-size:13px; width:700px; margin-top:20px}
.rec_crew table{width:550px; margin-top:20px}
.rec_crew td{color:#666; padding:10px; border-bottom:1px #CCCCCC solid }
.rec_crew th{color:#666; padding:10px; border-bottom:1px #CCCCCC solid; width:150px; text-align:left }
.rec_crew table thead th{border-top: 2px #0066CC solid}
.rec_crew table thead td{border-top: 2px #09C solid}
.rec_crew table th{background:#F7F7F7}
.rec_crew table tfoot th{border-bottom: 2px #0066CC solid}
.rec_crew table tfoot td{border-bottom: 2px #09C solid}

/* 해상직원_ENG */
.rec_crew_eng{background:url(../04_Recruit/images/4-2_bg1.gif) no-repeat right bottom;}
.rec_crew_eng p{ color:#666; font-size:13px; width:700px; margin-top:20px}
.rec_crew_eng table{width:590px; margin-top:20px}
.rec_crew_eng td{color:#666; padding:8px; border-bottom:1px #CCCCCC solid }
.rec_crew_eng th{color:#666; padding:10px; border-bottom:1px #CCCCCC solid; width:110px; text-align:left }
.rec_crew_eng table thead th{border-top: 2px #0066CC solid}
.rec_crew_eng table thead td{border-top: 2px #09C solid}
.rec_crew_eng table th{background:#F7F7F7}
.rec_crew_eng table tfoot th{border-bottom: 2px #0066CC solid}
.rec_crew_eng table tfoot td{border-bottom: 2px #09C solid} 

/* sitemap */
.sitemap table{background:url(../06_Sitemap/images/sitemap.jpg) no-repeat right bottom}
.sitemap table td{padding:1px 3px 10px 1px;/* border:1px #CCCCCC dashed; */}
.m_01{font-weight:bold; font-size:17px; color:#039; margin-bottom:20px; background:#F2F2F2; padding:5px 0 5px 15px; border-left:3px solid #09F;}
.sitemap li{padding:5px 0;font-size:15px;  list-style:inside disc }
.sitemap a:hover{text-decoration:none; color:#06C}
.sitemap a:hover{text-decoration:none; color:#06C}