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

@import url("../css/common.css"); 

/* subVisual */
#subVisual { position:relative; margin-top:100px; height:119px; border-bottom:1px solid #ccc; background:#efefef; }
#subVisual .visual_cont { padding:0 10px; width:980px; margin:0 auto; height:120px; }
#subVisual .visual_cont .sub_title { margin-bottom:5px; padding-top:40px;}
#subVisual .visual_cont.bg1 { background:url("../images/contents/bg_sub_title01.png") top right no-repeat;}
#subVisual .visual_cont.bg2 { background:url("../images/contents/bg_sub_title02.png") top right no-repeat;}
#subVisual .visual_cont.bg3 { background:url("../images/contents/bg_sub_title03.png") top right no-repeat;}
#subVisual .visual_cont.bg4 { background:url("../images/contents/bg_sub_title04.png") top right no-repeat;}

/* ========== [서브레이아웃] ========== */
/* 서브컨텐츠영역 *//* contents */
#contents { position:relative; float:right; padding:10px 10px 50px 0; width:750px;}
#contents h1.pagetitle { padding-left:15px; background:url("../images/contents/h3_title.gif") 0px 4px no-repeat;}
#contents p.path { position:absolute; top:8px; right:12px; color:#666; text-align:right; }
#contents p.path strong { color:#333; font-weight:bold;}
#contents .content-area { margin-top:25px;}

.con1 { margin-bottom:20px;}

/* 회사소개 */
.company { min-height:140px;  }
.company.bg1 { background:url("../images/contents/bg_company01.gif") 0 0 no-repeat;}
.company.bg2 { min-height:110px; background:url("../images/contents/bg_company02.gif") 0 0 no-repeat;}
.company.bg3 { background:url("../images/contents/bg_company03.gif") 0 0 no-repeat;}

.company p.top { margin-bottom:10px; padding-left:200px; line-height:1.8em; }
.company table { margin-top:30px; width:420px; border-top:2px solid #333; border-bottom:1px solid #666; }
.company table th {padding:7px 15px; border-bottom:1px solid #ccc;}
.company table td { padding:7px; border-bottom:1px solid #ccc;}

.history dl { position:relative; margin-bottom:30px;}
.history dl dt { position:absolute; top:0; left:0; }
.history dl dd { padding-left:130px; }
.history dl dd ul li { margin-bottom:7px; }

.partner { border-top:2px solid #2f5180; border-bottom:1px solid #2f5180; }
.partner dl { position:relative; height:130px; border-bottom:1px solid #ccc; }
.partner dl dt { position:absolute; top:0px; left:0px; width:180px; }
.partner dl dt a { display:block;}
.partner dl dd { margin:0 0 0px 210px; padding:7px 10px;   }
.partner dl dd.title { padding:25px 10px 10px 10px; font-size:16px; font-weight:bold;}
.partner dl dd.link { display:inline-block; margin-right:0px; width:400px; background:#eee;}

.esg { border-top:2px solid #2f5180; border-bottom:1px solid #2f5180; }
.esg dl { position:relative; height:70px; border-bottom:1px solid #ccc; }
.esg dl dt { position:absolute; top:0px; left:0px; width:180px; }
.esg dl dt a { display:block;}
.esg dl dd { margin:0 0 0px 210px; padding:7px 10px;   }
.esg dl dd.title { padding:25px 10px 10px 10px; font-size:16px; font-weight:bold;}
.esg dl dd.link { display:inline-block; margin-right:0px; width:400px; background:#eee;}

/*
.contact {}
.contact p.title { font-size:16px; font-weight:bold; margin-bottom:10px; }
.contact p { margin:3px; }
.contact .location { margin-bottom:10px; }
.contact ul { margin-top:20px; padding:10px 20px; background:#eee;}
.contact ul li { margin:5px 0;}
*/

/* 서비스 */
.service_wrap {  }
.service.bg1 { min-height:140px; background:url("../images/contents/bg_service01.gif") 0 0 no-repeat;}
.service.bg2 { min-height:120px; background:url("../images/contents/bg_service02.gif") 0 0 no-repeat;}
.service.bg3 { min-height:110px; background:url("../images/contents/bg_service03.gif") 0 0 no-repeat;}
.service.bg4 { min-height:140px; background:url("../images/contents/bg_service04.gif") 0 0 no-repeat;}

.service p.top { margin-bottom:10px; padding-left:200px; line-height:1.8em; }
.service p.top.small { font-size:11px; }
.service p.top.big { font-size:14px; }

.service_wrap h6 { margin:10px 0; }
.service_wrap .con1 { margin-bottom:20px;}

.service_wrap table { border-top:1px solid #ccc; }
.service_wrap table th, .service_wrap table td { padding:10px 0.62em; border-bottom:1px solid #ccc;}
.service_wrap table th {  color:#fff; background:#999;} 
.service_wrap table td {  border-right:1px solid #ccc;}
.service_wrap table td ul li { margin:5px 0;}

.service_wrap ul { margin:0 0 20px 15px;}
.service_wrap ul li { margin-bottom:10px; padding-left:10px; font-size:14px; font-weight:bold; background:url("../images/common/bul_blue_3.gif") 0 7px no-repeat; }
.service_wrap ul li ul { margin-left:10px;}
.service_wrap ul li ul li { margin:3px 0 3px 0; padding-left:0; font-size:12px; font-weight:normal; background:none; }


/* 주요실적 */
.result {}
.result p.title { margin:10px 0; font-size:16px; font-weight:bold;}
.result .table_wrap { margin-bottom:20px; }
.result table {border-bottom:1px solid #999;}
.result table thead th { color:#111; font-weight:bold; border-top:2px solid #2f5180; border-bottom:1px solid #2f5180; border-left:1px solid #ccc; background:#eee; }
.result table thead th:first-child { border-left:none;}
.result table th, .result table td { padding:10px 0.62em; border-bottom:1px solid #ccc; }
.result table tbody th { padding:5px 10px;}
.result table tbody th p { margin-bottom:5px; }
.result table tbody th img { display:block; }
.result table tbody td { text-align:center; border-left:1px solid #ccc;  }
.result table tbody td.proj {  text-align:left; padding:10px 0.62em 10px 1.62em; }
.result table tbody td.proj ul {}
.result table tbody td.proj ul li { margin:5px 0; padding-left:10px; background:url("../images/common/bul_blue_2.gif") 0 7px no-repeat; }


/* 인재채용 */
.recruit { min-height:140px;  }
.recruit.bg2 { background:url("../images/contents/bg_recruit02.gif") 0 0 no-repeat;}
.recruit p.top { margin-bottom:10px; padding-left:200px; line-height:1.8em; }
.recruit p.top img { display:block; margin-bottom:10px; } 

.recruit ul { padding-top:30px; }
.recruit ul li { position:relative; margin-top:30px; }
.recruit ul li h5 { position:absolute; top:0; left:20px; }
.recruit ul li ul { padding-top:0;  padding-left:230px;}
.recruit ul li ul li { margin:0 0 10px 0; }

.recruit02 { margin-bottom:30px; min-height:80px; }
.recruit02.bg3 { background:url("../images/contents/bg_recruit03.gif") right 20px no-repeat;}
.recruit02.bg4 { background:url("../images/contents/bg_recruit04.gif") right top no-repeat;}
.recruit02 p.title { margin:10px 0; font-size:16px; font-weight:bold;}
.recruit02 table { margin-top:10px; width:70%; border-top:1px solid #ccc; }
.recruit02 table th { padding:10px 0.62em; color:#fff; background:#999;} 
.recruit02 table td { padding:15px 20px; border-right:1px solid #ccc;}
.recruit02 table td ul li { margin:5px 0;}
.recruit02 table th, .recruit02 table td { border-bottom:1px solid #ccc;}
.recruit02 .btn_wrap { margin-top:10px; }
.recruit02 a.btn { display:inline-block; margin-right:5px; padding:10px 20px; color:#fff; font-weight:bold; }
.recruit02 a.btn.b01 { background:#52abca; }
.recruit02 a.btn.b02 { background:#2f5180; }