@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2018-01-16
******************************************************** */


/* ****************** 공통 ********************** */
#subCon{margin-bottom:100px;}
#subCon.type2{margin-bottom:0;}
.comm-tit{font-size:36px; color:#3a3a3a; font-weight:500; text-align:center; margin-bottom:35px;}
.comm-sub-tit{display:block; font-family: 'Poppins', sans-serif; font-size:18px; color:#b8b8b8; letter-spacing:5px; text-align:center;}
.comm-sub-tit:before{display:block; content:""; width:1px; height:63px; background-color:#d8d8d8; margin:0px auto; margin-bottom:10px;}
.comm-sub-tit:after{display:block; content:""; width:1px; height:24px; background-color:#d8d8d8; margin:10px auto 15px;}
.comm-tit.white, .comm-sub-tit.white{color:#fff;}
.comm-sub-tit.white:before, .comm-sub-tit.white:after{background-color:#fff;}
.comm-section-tit{font-size:28px; line-height:36px; color:#3a3a3a; font-weight:500; letter-spacing:-0.45px; text-align:center; margin-bottom:20px;}
.comm-section-tit:before{display:block; content:""; width:6px; height:6px; background-color:#3a3a3a; margin:0px auto; margin-bottom:14px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}

@media all and (max-width:800px){
	#subCon{padding-top:30px; margin-bottom:30px;}
}

/* ------ 터치 스크롤  ------- */
.custom-scrollbar-cover{display:none;}

@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}


/* ************* 회사소개 ************** */
/* ------------- 인사말 ---------------- */
.greeting-titlebox{background:no-repeat center; background-image:url("/images/content/greeting_img.jpg"); padding:11% 5.38%; max-height:430px; margin-bottom:50px}
.greeting-titlebox h4{font-size:38px; line-height:1.37em; letter-spacing:-0.75px; color:#000; font-weight:500;}
.greeting-titlebox h4 b{color:#0b486d; font-weight:bold;}
.greeting-titlebox h4 span{display:block; font-size:18px; line-height:1.66em; letter-spacing:-0.5px; color:#666; font-weight:500; margin-top:20px;}
.greeting-txt .txt{margin-bottom:23px; font-size:16.5px; line-height:1.51em; letter-spacing:-0.5px; color:#555;}
.greeting-ceo-wrap{padding-top:10px;}
.greeting-txt .greeting-ceo{float:left; font-size:17px; line-height:1.88em; letter-spacing:-0.5px; color:#222; font-weight:500;}
.greeting-txt .greeting-sign{float:left; margin-left:30px;}

/* ------------- 회사소개 ---------------- */
.table-wrap{display:flex; width:100%; flex-wrap:wrap;border-top:2px solid #0b486d;}
.table-list{display:table; width:50%; border-bottom:1px solid #ddd; word-break: break-all;}
.table-list dt{display:table-cell; width:25.27%; background:#f9f9f9; font-size:16.5px; line-height:1.93em; letter-spacing:-0.5px; color:#333; text-align:left; padding:25px 5px 25px 5.44%; vertical-align:top; box-sizing:border-box;}
.table-list dd{display:table-cell; width:74.73%; font-size:16.5px; line-height:1.93em; letter-spacing:-0.5px; color:#666; text-align:left; padding:25px 5px 25px 5.44%; vertical-align:top;box-sizing:border-box;}

/* ------------- 연혁 ---------------- */
.history-page .company-history-info-box::after{border: 2px solid #fe984a;}

/* ------------- 조직도 ---------------- */

.org-img img{max-width:100%;}

/* ------------- 오시는 길 ---------------- */
.location-tit{font-size:30px; line-height:1.73em; letter-spacing:-0.75px; color:#222; padding:15px;}
/* 오시는길 :: 상단 */
.map-iframe-wrapper{position:relative; border:1px solid #ddd; margin:0px auto; }
.map-iframe-wrapper .map-iframe-con{padding-top:41.66%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* 오시는길 :: 하단정보1 */
.map-tbl-con{margin-bottom:70px;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:15px; /* letter-spacing:-0.3px; */ /* font-size:15px; */ line-height:1.5; font-size:17px; line-height:1.38em; letter-spacing:-0.45px; color:#181818;}
.map-tbl th{width:140px; border-bottom:1px solid #000; color:#333; text-align:left; font-weight:600; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#999; font-weight:300; }
.map-tbl td p{margin-top:5px; color:#999;}
.map-tbl td p:first-child{margin-top:0}





/* ****************** 주요실적 ********************** */
/* -------- 주요실적 :: LIST -------- */
.main-works-menu-list.works{text-align:center;}
.main-works-menu-list.works .works-menu-item{float:none; width:25%; display:inline-block; margin-left:-3px;}

/* -------- 주요실적 :: VIEW -------- */
.view-con-inner{margin:0 -1%}
.view-con-inner > div{float:left; width:48%; margin:0 1%}
.view-con-inner > div.lf-img .view-img span{position:relative; display:block; padding-top:70%}
.view-con-inner > div.lf-img .view-img span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%}
.view-con-inner > div.lf-img .main-img .slick-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:99; width:45px; height:45px; text-align:center; color:#fff; font-size:25px; background-color:rgba(0,0,0,0.7)}
.view-con-inner > div.lf-img .main-img .slick-arrow.slick-prev{left:0}
.view-con-inner > div.lf-img .main-img .slick-arrow.slick-next{right:0}
.view-con-inner > div.lf-img .main-img .slick-arrow i{margin-top:8px}
.view-con-inner > div.lf-img .sub-img{margin:8px -4px 0}
.view-con-inner > div.lf-img .sub-img .view-img{position:relative; margin:0 4px; cursor:pointer}
/*.view-con-inner > div.lf-img .sub-img .view-img.slick-current:after{position:absolute; display:inline-block; content:""; width:100%; height:100%; border:2px solid #f99500; box-sizing:border-box; top:0; left:0; z-index:9}*/

.view-con-inner > div.rt-info .view-tit{font-weight:500; font-size:23px; letter-spacing:-0.65px; color:#000; line-height:1.4; margin-bottom:25px}
.view-con-inner > div.rt-info .info-list li{border-bottom:1px solid #dfdfdf; padding:16px 0}
.view-con-inner > div.rt-info .info-list li:first-child{border-top:1px solid #2e2e2e}
.view-con-inner > div.rt-info .info-list li strong,
.view-con-inner > div.rt-info .info-list li p{display:inline-block; margin:0 -1px; vertical-align:middle; font-size:16px; line-height:1.5; letter-spacing:-0.6px}
.view-con-inner > div.rt-info .info-list li strong{width:130px; font-weight:500; color:#000; text-align:center}
.view-con-inner > div.rt-info .info-list li p{width:calc(100% - 130px); font-weight:400; color:#6d6d6d}
.view-con-inner > div.rt-info .info-list li img{max-width:100%}
.list-btn{text-align:center; border-top: 1px solid #ddd;}
.list-btn a{display:inline-block;width:240px; height:55px; line-height:55px; text-align:center; margin-top:40px; background:#333; color:#fff; font-size:16px;}
.info-list-detail{margin-top:60px; line-height: 1.5em;}
.info-list-detail strong{font-weight:500; font-size:18px; color:#000; display:block; margin-bottom:20px}
.info-list-detail img{max-width:100%}


/* ************* 협력업체 ************** */
/* 상단배너 */
.cooperation-top{display:table; width:100%; height:350px}
.cooperation-top > div{display:table-cell; vertical-align:middle}
.cooperation-top .lf-img{background:url("/images/content/cooperation_top_img.jpg") no-repeat 50% 0; background-size:cover}
.cooperation-top .rt-txt{/*width:450px;*/width:41%; background-color:#0b486d; box-sizing:border-box; padding:3% 6%}
.cooperation-top .rt-txt h3{font-weight:300; font-size:38px; letter-spacing:-0.5px; color:#fff; line-height:1.4}
.cooperation-top .rt-txt h3 b{font-weight:600;}
.cooperation-top .rt-txt p{font-weight:300; font-size:18px; letter-spacing:-0.5px; color:#fff; opacity:0.8; line-height:1.66; margin-top:50px; position:relative}
.cooperation-top .rt-txt p:before{position:absolute; content:""; width:25px; height:3px; background-color:#fe984a; top:-27px; left:0}


/* ************* 채용정보 ************** */
/* --------------- 인재상&인사제도 --------------- */
/* 상단 */
.talent-top{background:url("/images/content/talent_bg.jpg") no-repeat 50% 0; background-size:cover; text-align:center; padding:4.5%; word-break:keep-all}
.talent-top .top-inner{position:relative}
.talent-top .telent-item{}
.talent-top .telent-item li{}
.talent-top .telent-item li.ps-ab{position:absolute; bottom:8%}
.talent-top .telent-item li.item02{left:0; text-align:right; width:29%}
.talent-top .telent-item li.item03{right:0; text-align:left; width:29%}
.talent-top .telent-item li strong{display:block; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#fff}
.talent-top .telent-item li p{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#fff; opacity:0.9; line-height:1.5; margin-top:10px}
.talent-top .talent-img{display:inline-block; width:37.3%; margin-top:1%}
.talent-top .talent-img img{max-width:100%}
/* 하단 */
.talent-detail{margin-top:80px; border-top:1px solid #ddd; word-break:keep-all}
.talent-detail .detil-item{border-bottom:1px solid #ddd; padding:45px 0}
.talent-detail .detil-item .lf-tit{float:left; width:27.3%; font-weight:600; font-size:30px; letter-spacing:-0.5px; color:#222}
.talent-detail .detil-item .rt-inner{float:left; width:72.7%}
/* 하단 :: 직급체계 */
.talent-detail .detil-item .position-con .position-circle{margin:0 -13px}
.talent-detail .detil-item .position-con .position-circle li{display:inline-block; margin:0 13px; width:calc(14.28% - 29px); padding-top:calc(14.28% - 29px); position:relative; border-radius:50%}
.talent-detail .detil-item .position-con .position-circle li:after{position:absolute; content:"\e93f"; font-family:"xeicon"; right:-28px; top:50%; width:25px; height:25px; border:1px solid #f8f8f8; border-radius:50%; text-align:center; line-height:25px; font-size:18px; color:#787878; transform:translateY(-50%); box-sizing:border-box}
.talent-detail .detil-item .position-con .position-circle li:last-child:after{display:none}
.talent-detail .detil-item .position-con .position-circle li span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:600; font-size:18px; letter-spacing:-0.5px; color:#fff}
.talent-detail .detil-item .position-con .gr-box-txt{text-align:center; background-color:#f3f3f3; margin-top:30px; font-weight:400; font-size:16.5px; letter-spacing:-0.5px; color:#555; line-height:1.5; padding:14px}
/* 하단 :: 보상제도 */
.talent-detail .detil-item .compensation-con .txt{font-weight:400; font-size:20px; letter-spacing:-0.5px; color:#222; line-height:1.5}
.talent-detail .detil-item .compensation-con .txt b{font-weight:500; color:#0b486d}
.talent-detail .detil-item .compensation-con .box-list{display:flex; flex-wrap:wrap; margin:25px -1.2% 0}
.talent-detail .detil-item .compensation-con .box-list li{border:1px solid #ddd; box-sizing:border-box; width:30.9333%; margin:0 1.2%; text-align:center}
.talent-detail .detil-item .compensation-con .box-list li .inner{padding:24px 4%}
.talent-detail .detil-item .compensation-con .box-list li .inner dt{position:relative; display:inline-block; font-weight:500; font-size:18px; letter-spacing:-0.5px; color:#222; padding-bottom:8px; margin-bottom:20px}
.talent-detail .detil-item .compensation-con .box-list li .inner dt:after{position:absolute; content:""; width:100%; height:2px; background-color:#fe984a; bottom:0; left:0}
.talent-detail .detil-item .compensation-con .box-list li .inner dd{font-weight:400; font-size:16.5px; color:#555; letter-spacing:-0.5px; line-height:1.45}


/* --------------- 채용안내 --------------- */
/* 채용안내 :: 이미지 */
.notice-img img{width:100%; max-width:1100px;}
/* 채용안내 :: 컨텐츠01 */
.notice-table{margin-top:29px;}
.notice-table .table-sec{display:table; width:100%; border-bottom:1px solid #ddd; padding:38px 0;}
.notice-table .table-sec.sec01{display:block;}
.notice-table .sec04{padding:38px 0;}

.table-recruit{width:100%; border-top:2px solid #0b486d;}
.table-recruit th{background:#f9f9f9; font-size:16.5px; line-height:1.93em; letter-spacing:-0.5px; color:#333; padding:20px 0; box-sizing:border-box; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table-recruit td{font-size:16.5px; line-height:1.93em; letter-spacing:-0.5px; color:#666; text-align:left; padding:10px 15px; box-sizing:border-box; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table-recruit td:last-child, .table-recruit th:last-child{border-right:none;}
.table-recruit td .table-list-inner{text-align:left;}
.table-recruit td .table-list-inner li{position: relative; padding-left:15px;}
.table-recruit td .table-list-inner li:before{content:''; position: absolute; top:14px; left:5px; width:3px; height:3px; background:#666;}
.table-recruit td.k1{color:#0b486d}

.notice-table .table-sec .tit{display:table-cell; width:27.27%; vertical-align:top;}
.notice-table .table-sec .txt{/* display:table-cell; */ /*width:72.72%;*/ font-size:16.5px; line-height:1.51em; letter-spacing:-0.5px;}
.notice-table .table-sec .txt dl{margin-bottom:20px}
.notice-table .table-sec .txt dl:last-child{margin-bottom:0}
.notice-table h5{font-size:30px; line-height:1.33em; letter-spacing:-0.75px; color:#222; font-weight:600; margin-bottom:25px}
.notice-table .table-sec .txt dt{position: relative; float:left; color:#222; font-weight:500; width:100px; padding-left:7px; box-sizing:border-box}
.notice-table .table-sec .txt dt:before{content:''; position:absolute; display:block; width:3px; height:3px; background:#000; top:11px; left:0; transform:translateY(-50%);}
.notice-table .table-sec .txt dd{float:left; color:#555; font-weight:400; width:calc(100% - 100px)}
.notice-table .table-sec .txt dd p{margin-bottom:14px}
.notice-table .table-sec .txt dd p:last-child{margin-bottom:0}
.notice-table .table-sec .download{margin-top:15px;}
.notice-table .table-sec .download dt{top:10px}
.notice-table .table-sec .download a{display:inline-block; color:#fff; padding:10px 28px; background:#0b486d; border-radius:50px;}
.notice-table .table-sec .download dd{}
.notice-table .table-sec .download dd i{margin-right:10px;}
/* 채용안내 :: 컨텐츠02 */
.notice-table .table-sec .txt .list li{position: relative; font-size:16.5px; line-height:1.51; letter-spacing:-0.5px; color:#555; padding:0 7px; margin-bottom:15px}
.notice-table .table-sec .txt .list li:last-child{margin-bottom:0}
.notice-table .table-sec .txt .list li:before{content:''; position: absolute; top:11px; left:0; /* transform:translateY(-50%); */ width:4px; height:1px; background:#555;}
.notice-table .table-sec .txt .list.no-dot li{padding-left:0}
.notice-table .table-sec .txt .list.no-dot li:before{display:none}
.notice-table .table-sec .txt .inner-box{background:#f3f3f3; width:100%; padding:26px; box-sizing:border-box; margin-bottom:10px;}
.notice-table .table-sec .txt .inner-box li{float:left; width:50%; box-sizing:border-box;}
/* 채용안내 :: 컨텐츠04 */
.recruit-process .list{margin:0 -2%;}
.recruit-process .list li {float:left; width:16%; margin:0 2%; position:relative; }
.recruit-process .list li:before {content:'\e93f'; display:block; font-family:'xeicon'; color:#747474;font-weight: 600; text-align:center; line-height:25px; width: 25px; height:25px; position:absolute; top:50%; right:50%; transform:translateX(50%); margin-top:-12px; margin-right:-62.5%; border:1px solid  #eeeeee; border-radius:50%;}
.recruit-process .list li:last-child:before {display:none;}
.recruit-process .list .list-inner { padding: 25px 0;  text-align:center; border:1px solid #ddd; box-sizing: border-box; }
.recruit-process .list .list-inner dt img{height:58px}
.recruit-process .list .list-inner dl dd .txt-box {display:table; width:100%; height: 60px; position:relative; margin-top:10px;}
.recruit-process .list .list-inner dl dd .txt-box .bg-num {position:absolute; font-size: 65px; color: #f0f0f0; font-weight:bold; letter-spacing:-0.25px; width:100%; top:0; z-index:-1;}
.recruit-process .list .list-inner dl dd .txt-box .txt {display:table-cell; padding-top: 10px; vertical-align:middle; font-size:16.5px; line-height:1.33em; font-weight:500; color: #222; letter-spacing:-0.5px; }
/* -------- 채용절차 :: step 디테일 -------- */
.recruit-process .step {margin-top:40px;}
.recruit-process .step li {border-bottom: 1px solid #ddd; }
.recruit-process .step li:first-child {border-top: 1px solid #ddd; }
.recruit-process .step li dl {padding: 30px 0; }
.recruit-process .step li dl dt {float:left; width: 18.33%; text-align:center; }
.recruit-process .step li dl dt .num {font-size: 20px; letter-spacing:-0.5px; color: #ccc; font-weight:600; font-style: italic;} 
.recruit-process .step li dl dd {float:left; width: 81.67%;}
.recruit-process .step li dl dd p {font-size: 16.5px; letter-spacing:-0.5px;}
.recruit-process .step li dl dd p span {color: #222; display:inline-block; padding-left:30px; font-weight:bold;}
.recruit-process .step li dl dd p em {color: #555; display:inline-block; padding-left: 20px; line-height:1.4; font-weight:300;}

/* 채용안내 :: 베너 */
.recruit-banner{background:no-repeat #0b486d; background-position:right 35px top -7px; background-image:url('/images/content/recruit_banner_img2.png');}
.recruit-banner p{font-size:20px; line-height:1.72em; letter-spacing:-0.3px; color:#fff; padding:40px 40px;}



/* --------------- 복리후생 --------------- */
/* 배너 */
.welfare-top{position:relative; display:table; width:100%; height:350px; background:url("/images/content/welfare_top_bg.jpg") no-repeat 42% 0; background-size:cover}
.welfare-top .txt{display:table-cell; vertical-align:middle; font-weight:400; font-size:30px; letter-spacing:-0.75px; color:#222; line-height:1.4; padding:0 5.2%}
.welfare-top .txt b{font-weight:600; color:#0b486d}
/* 리스트 */
.welfare-list{display:flex; flex-wrap:wrap; margin:80px -1% -6.7%}
.welfare-list li{width:31.333%; margin:0 1% 6.7%}
.welfare-list li img{max-width:100%}
.welfare-list li .txt-con{margin-top:20px;}
.welfare-list li .txt-con dt{position:relative; font-weight:500; font-size:22px; letter-spacing:-0.5px; color:#222; line-height:1.4; border-bottom:1px solid #ddd; padding-bottom:15px}
.welfare-list li .txt-con dt .num{display:inline-block; font-weight:700; font-size:26px; color:#ccc; font-style:italic; margin-right:8px}
.welfare-list li .txt-con dd{margin-top:20px; font-size:16.5px; font-weight:400; letter-spacing:-0.5px; color:#555; line-height:1.45}


/* ************* 사업소개 ************** */
/* --------------- 상단탭 --------------- */
.gray-tab-wrapper{max-width:1100px; margin:0 auto}
.gray-tab-list-wrap{position: relative; margin-bottom:70px;}
.gray-tab-list-wrap ul{display:block; width:100%; text-align:center;}
.gray-tab-list-wrap li{display:inline-block; width:20%; text-align:center; background:#f3f3f3; border:1px solid #ddd; border-right:none; box-sizing:border-box; vertical-align:middle; margin-left:-3px; margin-bottom:5px;}
.gray-tab-list-wrap li:first-child{border-right:1px solid #ddd;}
/* .gray-tab-list-wrap li:nth-child(5n){border-right:1px solid #ddd;} */
.gray-tab-list-wrap li:last-child{border-right:1px solid #ddd;}
.gray-tab-list-wrap li a{display:table; width:100%; height:65px; font-size:16.5px; line-height:1.3em; letter-spacing:-0.5px; color:#777; font-weight:400; /* padding:18px 10px; */ box-sizing:border-box;}
.gray-tab-list-wrap li a em{display:table-cell; vertical-align:middle;}
.gray-tab-list-wrap li.selected{background:#0b486d;}
.gray-tab-list-wrap li.selected a{color:#fff;}
.gray-tab-m{display:none;}
/* --------------- 공사실적 --------------- */
/* 셀렉트박스 */
.bussiness-list{position: relative;}
.category-list{position: absolute; top:-50px; right:70px; width:150px; height:34px; border:1px solid #ddd;}
/* 컨텐츠 */
.business-list-page .main-works-menu-list{margin-left:1px;}
.business-list-page .main-works-menu-list.works .works-menu-item{width:20%;}
/* --------------- 주택분야/분양정보 --------------- */
/* 리스트형 게시판 */
.bbs-list-style03{}
.bbs-list-style03 .bbs-list-item{
	position:relative; display:table; width:100%; border:1px solid #ddd; margin-top:5px; background-color:#fff;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; 
}
.bbs-list-style03 .bbs-list-item:before{
	position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:1px solid transparent; content:"";
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; 
}
.bbs-list-style03 .bbs-list-item,
.bbs-list-style03 .bbs-list-item:before{-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.bbs-list-style03 .bbs-list-item:first-child{margin-top:0}
.bbs-list-style03 .bbs-list-item:hover{z-index:1;}
.bbs-list-style03 .bbs-list-item a{display:table; width:100%; table-layout:fixed }
.bbs-list-row-item{position:relative; display:table-row; }
.bbs-list-row-item .column{display:table-cell; vertical-align:middle; padding:16px 0; color:#848484; font-size:14px; letter-spacing:-0.5px; text-align:center; }
.bbs-list-row-item .column1 {width:80px; }
.bbs-list-row-item .column2 {text-align:left; color:#222; font-size:14px;}
.bbs-list-row-item .column3 {width:110px; }
.bbs-list-row-item .column4 {width:100px; }
.bbs-list-row-item .column5 {width:100px;  }
.bbs-list-row-item .column i{position:relative; top:-1px; margin-right:5px; font-size:18.5px;}
/* 제목부분 */
.bbs-list-row-item .bbs-title{text-align:left;}
.bbs-list-row-item .notice-tit{display:inline-block; height:20px; line-height:20px; padding:0px 10px; background-color:#333; color:#fff; font-size:11px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.bbs-list-row-item .bbs-subject-box{display:block; position:relative; padding:0 30px 0 0; } 
.bbs-list-row-item .bbs-subject-txt-box{display:inline-block; position:relative; max-width:100%; }
.bbs-list-row-item .bbs-subject-txt{display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:16px; font-weight:400; line-height:18px; vertical-align:middle; }
.bbs-list-row-item .bbs-subject-txt .category{font-weight:500; color:#000; margin-right:5px; }
.bbs-list-row-item .bbs-subject-txt .category .category-box{width:150px; font-size:15px; font-weight:500; color:#000; margin-right:5px;}
.bbs-list-row-item .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-9px; text-align:left; display: inline-block; }
.bbs-list-row-item .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
 /* 공지글 */
.bbs-list-row-item.notice-row .notice-tit{display:inline-block; padding:3px 10px; background-color:#333; color:#fff; font-size:11px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.bbs-list-row-item.notice-row .column2{font-weight:600 !important;}
.bbs-top-list-box{margin-bottom:30px}
.total-list-con{float:left; line-height:40px; color:#333; font-size:14px; letter-spacing:-0.25px;}
.total-list-con b{color:#000}
.total-list-con i{font-size:16px; margin-right:2px; position:relative; top:1px;}
.total-list-con b, .new-icon-v2{color:#eb8500 !important;}
.top-search-box{float:right; margin-bottom:20px;}
.top-search-box select{width:200px; height:34px; border:1px solid #ccc; vertical-align:top; }

.cm-btn-controls .btn-style01.business-btn{background:#0b486d;}

/* ************* 홍보,고객센터 ************** */
/* --------------- 재무정보 --------------- */
.wid75p{width:75% !important;}
.ir-page .notice-table .table-sec{border-bottom:none;}
.ir-page .notice-table .table-sec .tit{width:100%;}
.ir-page .table-recruit th{word-break: break-word;}
/* --------------- 한울뉴스 --------------- */
.news-page .cm-btn-controls .btn-style01{background:#fe984a;}
/* --------------- 자료실 --------------- */
.download-list-con-style01 .download-item{overflow:hidden; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e4e4e4; padding:12px 30px; }
.download-list-con-style01 .download-item:first-child{border-top:2px solid #474747;}
.download-list-con-style01 .download-item .download-tit{float:left; padding-left:25px; position:relative;  width:calc(100% - 500px); color:#848484; font-size:14.5px; letter-spacing:-0.5px; font-weight:400; line-height:1.3}
.download-list-con-style01 .download-item .download-tit a{color:inherit;line-height: 1.5em;font-size: 16px;}
.download-list-con-style01 .download-item .download-tit:before{position:absolute; left:0; top:0; content: "\eb74"; font-family:"xeicon"; font-size:16px; color:#a9a9a9;}
.download-list-con-style01 .download-item .download-tit .download-prd-name{font-weight:500; color:#333; margin-right:5px;}
.download-list-con-style01 .download-item .download-controls{float:right; font-size:14.5px; letter-spacing:-0.5px; text-align:right; width:400px;}
.download-list-con-style01 .download-item .download-controls dl{display:inline-block; vertical-align:middle;}
.download-list-con-style01 .download-item .download-controls dl dt,
.download-list-con-style01 .download-item .download-controls dl dd{float:left;}
.download-list-con-style01 .download-item .download-controls dl{color:#848484;}
.download-list-con-style01 .download-item .download-controls dl dt{padding-left:40px; position:relative;}
.download-list-con-style01 .download-item .download-controls dl dt:before{position:absolute; top:0px;  bottom:0px; left:20px;  width:1px; content:""; background-color:#eee;}
.download-list-con-style01 .download-item .download-controls dl dt:first-of-type{padding-left:0}
.download-list-con-style01 .download-item .download-controls dl dt:first-of-type:before{display:none;}
.download-list-con-style01 .download-item .download-controls dl dd{width:30px; white-space:nowrap; text-align:left; margin-left:3px;}
.download-list-con-style01 .download-item .download-controls .file-size{color:#b9b9b9;}
.download-list-con-style01 .download-item .download-btn{margin-left:45px; display:inline-block; vertical-align:middle; width:122px; height:35px; line-height:35px;  padding:0 20px; box-sizing:border-box; background-color:#9f9f9f;  color:#fff; border-radius:30px; transition:all 0.3s}
.download-list-con-style01 .download-item .download-btn span{float:left;}
.download-list-con-style01 .download-item .download-btn i{float:right; position:relative; top:1px; line-height:30px; }
.download-list-con-style01 .download-item .download-btn:hover{background-color:#474747; }
/* --------------- 고객문의 --------------- */
.kind-fieldset{font-size:14px; padding:10px 8px;}
.kind-fieldset label{vertical-align:middle;}
.kind-fieldset .label-fieldset{display:inline-block; width:25%;}
.inquiry-page .cm-btn-controls .btn-style01{background:#fe984a;}
/* --------------- 사업제안 --------------- */
/* 컨텐츠01 ::  */
.proposal-img{position: relative; text-align:center; border-bottom:1px solid #ddd; padding-bottom:90px; margin-bottom:70px;}
.proposal-img:before{content:'';position: absolute; display:block; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); background:no-repeat center top; background-image:url('/images/content/customer_suggestion_bg.png'); background-size:100%; z-index:-2;}
.proposal-img .proposal-icon{position: relative; display:inline-block; margin:0 8.09%; vertical-align:top;}
.proposal-img .proposal-icon .icon{position: relative; width:123px; height:123px; background:no-repeat center ;  border-radius:100%; box-shadow: 8px 13px 15px 0px rgba(221, 220, 220, 1); margin-bottom:25px;}
.proposal-img .proposal-icon .icon:before{content:''; position: absolute; top:50%; left:50%; display:block; width:150px; height:150px; transform:translate(-50%, -50%); background:#fff; border:3px solid #ddd; opacity:0.3; border-radius:100%; z-index:-1;}
.proposal-img .proposal-icon.icon01{margin-top:70px;}
.proposal-img .proposal-icon.icon03{margin-bottom:100px;}
.proposal-img .proposal-icon.icon02{margin-top:70px;}
.proposal-img .proposal-icon.icon01 .icon{background-image:url('/images/content/customer_suggestion_icon01.png'); background-color:#0b486d;}
.proposal-img .proposal-icon.icon03 .icon{background-image:url('/images/content/customer_suggestion_icon02.png'); background-color:#f9a462;}
.proposal-img .proposal-icon.icon02 .icon{background-image:url('/images/content/customer_suggestion_icon03.png'); background-color:#88888a;}
.proposal-img .proposal-icon dd{text-align:center; font-size:20px; line-height:1.3em; letter-spacing:-0.5px; color:#222; font-weight:bold;}
.proposal-img .hanul-logo{text-align:center;}
.proposal-img .hanul-logo .txt{font-size:18px; line-height:1.66em; letter-spacing:-1px; color:#555; font-weight:400; margin-top:27px; padding:0 10%;}
/* 컨텐츠02 ::  */
.suggestion-tit{font-size:30px; line-height:1.33em; letter-spacing:-0.5px; color:#222; font-weight:blod; text-align:center; margin-bottom:43px;}
.suggestion-page .cm-btn-controls .btn-style01{background:#044166;}

/* -------- 한울CI -------- */
/* CI소개 :: 레이아웃 */
.ci-detail-wrapper{padding:50px 0; border-top:1px solid #eee;}
.ci-detail-wrapper:first-child{padding-top:0; border-top:0}
.ci-detail-wrapper:last-child{border-bottom:1px solid #eee;}
.ci-detail-wrapper .ci-detail-tit {float:left; width:250px; font-size:30px; line-height: 1.2em; letter-spacing:-0.5px; color:#222; font-weight:bold; }
.ci-detail-wrapper .ci-detail-tit span {font-size:16px; margin-top:10px;  display:block; font-weight:300; color: #696969;  }
.ci-detail-wrapper .ci-detail-container{float:left; width:calc(100% - 250px);}
/* CI 소개 :: 워드마크 */
.ci-logo-txt {font-size: 16.5px; line-height:1.51em; letter-spacing:-1px; color: #555; font-weight: 400; margin-bottom:25px; line-height:1.5}
.ci-logo-txt .blue-txt {color: #1d98d3}
.ci-logo-txt .green-txt {color: #b2cc00}
.ci-logo-img {display:table; width:100%; padding:57px 0; border:1px dotted #ededed; margin-bottom:15px; text-align:center; background:#fff url(/images/content/customer_ci_bg.jpg) repeat; }
.ci-logo-img span{display:table-cell; width:50%; vertical-align:middle;}
.ci-logo-img span.wid100{width:100%;}
.ci-logo-download-con ul li {float:left; margin-left:15px; box-shadow:0px 2px 0px #eee;}
.ci-logo-download-con ul li:first-child {margin-left:0;}
.ci-logo-download-con ul li a {display:block; padding: 18px 40px; text-align:center; border:1px solid #e1e1e1; }
.ci-logo-download-con ul li a:hover {border-color:#000;}
.ci-logo-download-con ul li p {position:relative;font-size:16px; color:#616161; letter-spacing:-0.55px;}
.ci-logo-download-con ul li p b{color: #000;}
.ci-logo-download-con ul li i {color:#222; font-size:18px; margin-right:5px; position:relative; top:2px;}
/* CI 소개 :: 컬러시스템 */
.ci-logo-color-system {margin-top: 57px;}
.ci-logo-color-system .ci-logo-color-system-tit {font-size:20px; line-height:2em; letter-spacing:-0.25px; color:#555;}
.ci-logo-color-system .ci-logo-color-system-tit b{letter-spacing:-0.5px; color:#222;}
.ci-logo-color-system ul{margin: 15px -1% 0;}
.ci-logo-color-system ul li {float:left; width:46%; margin:0 1%;}
.ci-logo-color-system ul li dl dt{width:120px; height:85px; float:left; margin-right: 17px;}
.ci-logo-color-system ul li:nth-child(1) dl dt{background-color: #0b426d;}
.ci-logo-color-system ul li:nth-child(2) dl dt{background-color: #f9a462;}
.ci-logo-color-system ul li dl dd {float:left; width:calc(100% - 140px); }
.ci-logo-color-system ul li dl dd .color-system-txt {font-size:16px; line-height:1.37em; color:#222;  /* margin-top:5px; */}
.ci-logo-color-system ul li dl dd .color-system-txt span {font-size:14px; }
/* CI 소개 :: 심볼마크 */
.logo-cannot-con .logo-cannot-con-tit {float:left; font-size:20px; line-height:2em; letter-spacing:-0.5px; /* margin-bottom:13px; */ color:#222; font-weight:bold;}
.logo-cannot-con .logo-cannot-con-sub {float:right; font-size:16px; line-height:2.5em; letter-spacing:-0.50px; /* margin-bottom:13px; */ color:#555; }
.logo-cannot-con ul {margin:0 -2%;}
.logo-cannot-con ul li {float:left; width:46%; margin:0px 2%;}
.logo-cannot-con ul li .logo-img {display:block; padding:42px 0; text-align:center; border:1px dotted #ededed; margin-bottom:15px; text-align:center; background:#fff url(/images/content/customer_ci_bg.jpg) repeat; }
.logo-cannot-con ul li .logo-img  img {max-width:100%;}


/* -------- 한울BI -------- */
/* Bi소개 :: 레이아웃 */
.bi-detail-wrapper{padding:50px 0; border-top:1px solid #eee;}
.bi-detail-wrapper:first-child{padding-top:0; border-top:0}
.bi-detail-wrapper:last-child{border-bottom:1px solid #eee;}
.bi-detail-wrapper .bi-detail-tit {float:left; width:250px; font-size:30px; line-height: 1.2em; letter-spacing:-0.5px; color:#222; font-weight:bold; }
.bi-detail-wrapper .bi-detail-tit span {font-size:16px; margin-top:10px;  display:block; font-weight:300; color: #696969;  }
.bi-detail-wrapper .bi-detail-container{float:left; width:calc(100% - 250px);}
/* Bi 소개 :: 워드마크 */
.bi-logo-txt {font-size: 16.5px; line-height:1.51em; letter-spacing:-1px; color: #555; font-weight: 400; margin-bottom:25px; line-height:1.5}
.bi-logo-txt .blue-txt {color: #1d98d3}
.bi-logo-txt .green-txt {color: #b2cc00}
.bi-logo-img {display:table; width:100%; padding:57px 0; border:1px dotted #ededed; margin-bottom:15px; text-align:center; background:#fff url(/images/content/customer_ci_bg.jpg) repeat; }
.bi-logo-img span{display:table-cell; width:50%; vertical-align:middle;}
.bi-logo-img span.wid100{width:100%;}
.bi-logo-download-con ul li {float:left; margin-left:15px; box-shadow:0px 2px 0px #eee;}
.bi-logo-download-con ul li:first-child {margin-left:0;}
.bi-logo-download-con ul li a {display:block; padding: 18px 40px; text-align:center; border:1px solid #e1e1e1; }
.bi-logo-download-con ul li a:hover {border-color:#000;}
.bi-logo-download-con ul li p {position:relative;font-size:16px; color:#616161; letter-spacing:-0.55px;}
.bi-logo-download-con ul li p b{color: #000;}
.bi-logo-download-con ul li i {color:#222; font-size:18px; margin-right:5px; position:relative; top:2px;}
/* Bi 소개 :: 컬러시스템 */
.bi-logo-color-system {margin-top: 57px;}
.bi-logo-color-system .bi-logo-color-system-tit {font-size:20px; line-height:2em; letter-spacing:-0.25px; color:#555;}
.bi-logo-color-system .bi-logo-color-system-tit b{letter-spacing:-0.5px; color:#222;}
.bi-logo-color-system ul{margin: 15px -1% 0; display:flex; flex-wrap:wrap}
.bi-logo-color-system ul li {float:left; width:31%; margin:0 1% 2% ;}
.bi-logo-color-system ul li dl dt{width:120px; height:85px; float:left; margin-right: 15px;}

.bi-logo-color-system ul li:nth-child(1) dl dt{background-color: #064864;}
.bi-logo-color-system ul li:nth-child(2) dl dt{background-color: #FFC60B;}
.bi-logo-color-system ul li:nth-child(3) dl dt{background-color: #EE761F;}
.bi-logo-color-system ul li:nth-child(4) dl dt{background-color: #0094BC;}
.bi-logo-color-system ul li:nth-child(5) dl dt{background-color: #4DC4CF;}
.bi-logo-color-system ul li:nth-child(6) dl dt{background-color: #F37C92;}
.bi-logo-color-system ul li:nth-child(7) dl dt{background-color: #A36AAC;}
.bi-logo-color-system ul li:nth-child(8) dl dt{background-color: #0078A8;}
.bi-logo-color-system ul li:nth-child(9) dl dt{background-color: #56C2B6;}
.bi-logo-color-system ul li.gradient dl dt{		
	width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dccb13+0,a8841e+100 */
	background: #dccb13; /* Old browsers */
	background: -moz-linear-gradient(left,  #dccb13 0%, #a8841e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #dccb13 0%,#a8841e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #dccb13 0%,#a8841e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dccb13', endColorstr='#a8841e',GradientType=1 ); /* IE6-9 */
}
.bi-logo-color-system ul li.gradient-01 dl dt{background-color: #DCCB13;}
.bi-logo-color-system ul li.gradient-02 dl dt{background-color: #A8841E;}


.bi-logo-color-system ul li dl dd {float:left; width:calc(100% - 135px); }
.bi-logo-color-system ul li dl dd .color-system-txt {font-size:15px; line-height:1.4em; color:#222;  /* margin-top:5px; */}
.bi-logo-color-system ul li dl dd .color-system-txt span {font-size:14px; }
/* BI 소개 :: 심볼마크 */
.logo-cannot-con .logo-cannot-con-tit {float:left; font-size:20px; line-height:2em; letter-spacing:-0.5px; /* margin-bottom:13px; */ color:#222; font-weight:bold;}
.logo-cannot-con .logo-cannot-con-sub {float:right; font-size:16px; line-height:2.5em; letter-spacing:-0.50px; /* margin-bottom:13px; */ color:#555; }
.logo-cannot-con ul {margin:0 -2%;}
.logo-cannot-con ul li {float:left; width:46%; margin:0px 2%;}
.logo-cannot-con ul li .logo-img {display:block; padding:42px 0; text-align:center; border:1px dotted #ededed; margin-bottom:15px; text-align:center; background:#fff url(/images/content/customer_ci_bg.jpg) repeat; }
.logo-cannot-con ul li .logo-img  img {max-width:100%;}



/* ******* 에디터 표 스타일 ********* */
.editor .solution-box{width:100%; margin-bottom:6%;}
.editor .solution-box .solution-list-container{width:100%; display:table; padding:0}
.editor .solution-box .solution-list-container > li{width:25%; display:table-cell; vertical-align:top; border:1px solid #ddd; border-top:2px solid #0b486d; border-left:0;}
.editor .solution-box .solution-list-container > li:last-child{border-right:0;}
.editor .solution-box .solution-list-container.menu3 > li{width:33.3%;}
.editor .solution-box .solution-list-container > li dl{width:100%; margin:0}
.editor .solution-box .solution-list-container > li dt{padding:20px 0; border-bottom:1px solid #939393; background-color:#f9f9f9; display:table; width:100%;}
.editor .solution-box .solution-list-container > li dt h4{font-size:16.5px; line-height:1.93em; color:#333; font-weight:600; letter-spacing:-0.5px; text-align:center; display:table-cell; vertical-align:middle; margin:0}
.editor .solution-box .solution-list-container > li dd{padding:20px 20px;text-align:center; margin:0;  font-size:16.5px; line-height:1.93em; color:#666; letter-spacing:-0.25px;}
.editor .solution-box .solution-list-container > li dd p{padding-left:10px; font-size:16.5px; line-height:1.93em; color:#666; letter-spacing:-0.25px;text-align:center; word-break:keep-all; position:relative; margin-bottom:30px;}
.editor .solution-box .solution-list-container > li dd p:before{display:inline-block; content:""; width:5px; height:5px; background-color:#282828; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; left:0; top:12px;}
.editor .solution-box .solution-list-container > li dd p > b, .solution-list-container > li dd p > strong{color:#0a0a0a; font-weight:500;}
.editor .solution-box .solution-list-container > li dd p > strong{display:block;}


/* ******* 20220112 MJ ********* */
.safety-page .bbs-top-list-box{margin-bottom:10px;}
.safety-page .bbs-list-row-item .column i{vertical-align:middle;}
.safety-page .bbs-list-row-item .bbs-subject-txt .category{color:#eb8500 ;}
/* ******* 안전보건경영 ********* */
.system-top-box{margin-bottom:38px;}
.system-top-box img{width:100%;}
/* 경영방침 */
.system-tit{font-size:30px; line-height:1.73em; letter-spacing:-0.75px; color:#222; font-weight:600; margin-bottom:18px;}
.policy-con-box{display: table; width:100%; table-layout:fixed; border-bottom:1px solid #ddd; padding-bottom:50px; margin-bottom:38px;}
.policy-con-box .system-tit{display: table-cell; width:27.27%; vertical-align:top; }
.policy-con-box .system-txt-box{display: table-cell; width:72.73%; vertical-align:top;}
.policy-con-box .system-txt-box .txt{font-size:16.5px; line-height:1.69em; letter-spacing:-0.5px; color:#555;}
.policy-con-box .system-txt-box > .txt{margin-bottom:30px;}
.txt-light{font-weight:300;}
.policy-con-box .system-txt-box .txt b{font-weight:500;}
.policy-con-box .system-txt-box dl{position: relative; margin-bottom:15px;}
.policy-con-box .system-txt-box dl:last-child{margin-bottom:0;}
.policy-con-box .system-txt-box dl .num{position: absolute; top:-2px; width:31px; height:31px; background:#fe984a; -webkit-border-radius:50%;border-radius:50%; font-size:14px; line-height:31px; color:#fff; font-weight:600; text-align:center;}
.policy-con-box .system-txt-box dl dd{padding-left:40px;}

/* 운영체계 */
.system-gray-box{position: relative; background: rgba(244,246,248,0.8); padding:60px 15px 170px; box-sizing:border-box;}
.system-gray-box:before{position: absolute; content:''; display: block; width:167px; height:166px; bottom:0; left:46px; background:no-repeat center; background-image:url('/images/content/system_box_bg.png')}
.system-gray-box .img-box{width:100%; text-align:center; }
.system-gray-box .img-box img{width:100%; max-width:451px; }
.system-gray-box .txt-con{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:200px;}
.system-gray-box .txt-con dt span{font-size:20px; line-height:1.25em; letter-spacing:-0.5px; color:#333; font-weight:500;}
.system-gray-box .txt-con dt strong{font-size:26px; line-height:1.53em; margin-right:8px;}
.system-gray-box .txt-con dd span{display: inline-block; position: relative; font-size:16px; line-height:1.56em; letter-spacing:-0.5px; color:#666; font-weight:300; padding-left:10px;}
.system-gray-box .txt-con dd span:before{position: absolute; content:''; width:4px; height:4px; border-radius:50%; background:#666; left:0; top:10px;}

.system-gray-box .txt-con.txt-con-01{margin-left:386px; margin-top:-227px;}
.system-gray-box .txt-con.txt-con-02{margin-left:386px; margin-top:-10px;}
.system-gray-box .txt-con.txt-con-03{margin-top:250px; width:270px;}
.system-gray-box .txt-con.txt-con-03 dt{position: absolute; top:-8px; left:0;}
.system-gray-box .txt-con.txt-con-03 dd{margin-left:120px;}
.system-gray-box .txt-con.txt-con-04{margin-left:-386px; margin-top:-35px;}
.system-gray-box .txt-con.txt-con-05{margin-left:-386px; margin-top:-202px;}

/********** 24-07-19 인사말 유지보수 **********/
.greeting-bottom{display: flex; align-items:flex-start;}
.greeting-bottom .greeting-ceo-img{width:37.6%; margin-right:3.8%;}
.greeting-bottom .greeting-ceo-img img{max-width:100%;}
.greeting-bottom .greeting-txt{width:58.6%; margin-top:10px;}
.greeting-txt .txt{font-size:20px; margin-bottom:35px;}
.greeting-ceo-wrap{display: flex; align-items:center; padding-top:30px;}
.greeting-txt .greeting-ceo{font-size:26px;}
.greeting-txt .greeting-sign{margin-left:50px;}