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


/* ****************** 회사소개 :: 인사말 ********************** */
.ceo-top-container{height:396px; background:#fff url(/images/content/ceo_img01.png) no-repeat center top; text-align:center; margin-bottom:80px;}
.ceo-top-container > p{font-size:18px; line-height:30px; color:#555; letter-spacing:-0.75px; padding-top:77px; margin-bottom:41px;}
.ceo-top-container > h3{font-size:25px; line-height:40px; color:#2c2c2c; letter-spacing:-0.75px; font-weight:400;}
.ceo-bottom-container{margin-bottom:50px;}
.ceo-bottom-container > div{float:left;}
.ceo-bottom-txt-con{padding-left:68px;}
.ceo-bottom-txt-con h3{font-size:32px; line-height:48px; color:#333; font-weight:400; letter-spacing:-1.5px; margin-bottom:26px; padding-top:20px;}
.ceo-bottom-txt-con h3 b{font-weight:600;}
.ceo-bottom-txt-con p{font-size:18px; line-height:35px; color:#555; letter-spacing:-1px;}
.ceo-bottom-txt-con p.type2{font-weight:500; color:#232323;}
.ceo-bottom-txt-con p span{color:#0a2779;}
.ceo-bottom-txt-con strong{display:block; font-size:25px; line-height:35px; color:#303030; font-weight:400; letter-spacing:-1.5px; padding:33px 0 25px}

/* ****************** 회사소개 :: 회사연혁 ********************** */
#historyContent{position:relative; padding-top:60px; padding-bottom: 150px;}
.history-tab{position:absolute; top:0; left:0;right:0;width:100%;max-width:1200px;margin:0 auto;overflow:hidden; z-index:1000;}
.history-tab.fixed{position:fixed; top:0;}
.history-tab ul{width:100%;overflow:hidden;}
.history-tab ul li{float:left;  width:367px; font-weight:500; font-size:15px;  margin-left:-1px; text-align:center;}
.history-tab ul li:first-child{margin-left:0;width:368px;}
.history-tab ul li a{display:block; background-color:#fff; height:55px; line-height:55px;color:#333;border:1px solid #ccc; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s }
.history-tab ul li a:hover,.history-tab ul li.selected a{background-color:#FC971F; color:#fff; border:1px solid #FC971F;}

.product-tab-2col.history-tab ul li{width:50%;}
.product-tab-4col.history-tab ul li {width:25%;}
.product-tab-5col.history-tab ul li{width:50%;}

.history-content ul:first-child li{font-size:35px; line-height: 28.05px; letter-spacing: -0.25px; color:#555555; background:url("/images/content/history_title.png") no-repeat right center; height:28px; padding-right: 170px;}
.history-content ul:first-child .history-1 {line-height: 15px; color:#fda800; }
.history-content ul:first-child .history-10 {line-height: 15px;}
.history-content ul:first-child li.history-1, .history-content ul:first-child li.history-10 {height:15px;}

.history-2{margin-top: 120px;}
.history-3{margin-top: 168px;}
.history-4{margin-top: 216px;}
.history-5{margin-top: 118px;}
.history-6{margin-top: 216px;}
.history-7{margin-top: 218px;}
.history-8{margin-top: 317px;}
.history-9{margin-top: 314px;}

.history-11{margin-top: 220px;}
.history-12{margin-top: 270px;}
.history-13{margin-top: 265px;}
.history-14{margin-top: 415px;}
.history-15{margin-top: 320px;}
.history-16{margin-top: 215px;}
.history-17{margin-top: 270px;}


.history-content {margin-top: 65px;}
.history-content ul {float:left;}
.history-content ul li.ma95 {margin-top: 95px;}


.history-content .history-list {background:url("/images/content/history_bg.png") repeat-y; }
.history-content .history-list li {background:url("/images/content/history_list.png") no-repeat left center; height:50px; padding-left: 15px;}
.history-content .history-list li:first-child {background:url("/images/content/history_list.png") no-repeat left top; height:30px;}
.history-content .history-list li:first-child p{line-height:15px;}
.history-content .history-list li:first-child span{line-height: 15px;}
.history-content .history-list li:last-child {background:url("/images/content/history_list.png") no-repeat left bottom; height:30px;}
.history-content .history-list li:last-child p{line-height:45px;}
.history-content .history-list li:last-child span{line-height: 45px;}
.history-content .history-list li span {display:inline-block; margin:0 0 0 40px;width:40px; font-size:18px; line-height: 50px; letter-spacing: -0.5px; color:#454545; font-weight: 500;}
.history-content .history-list li p {display:inline-block; font-size:18px; line-height: 50px; letter-spacing: -0.5px; color:#676767; }
.history-content .history-list li p.long-txt {line-height:24px;}

/* ****************** 회사소개 :: 조직도 ********************** */
.org-img{display:block; margin:0px auto 115px; max-width:100%;}
.org-tbl{width:100%; border-top:1px solid #757575;}
.org-tbl th, .org-tbl td{border-bottom:1px solid #ddd; padding:17px 0; text-align:left;}
.org-tbl th{font-size:16px; line-height:24px; color:#333; font-weight:400; letter-spacing:-0.75px; padding-left:20px; background-color:#f4f4f4;}
.org-tbl td{padding-left:32px; font-size:16px; line-height:35px; color:#555; letter-spacing:-0.75px;}
.org-tbl td > ul{}
.org-tbl td > ul li{float:left; margin-right:45px;}
.org-tbl td > ul li dl{line-height:27px; margin-bottom:14px;}
.org-tbl td > ul li dl dt, .org-tbl td > ul li dl dd{display:inline-block; color:#555;}
.org-tbl td > ul li dl dt{font-size:16px; line-height:27px; min-width:88px;}
.org-tbl td > ul li dl dt.long{min-width:88px;}
.org-tbl td > ul li dl dd{font-size:16px; line-height:25px; border:1px solid #6e6e6e; text-align:center; width:41px;}

/* ****************** 회사소개 :: 지적재산권 ********************** */
.property-comm-box{margin-bottom:120px;}
.property-comm-tit{font-size:28px; line-height:68px; color:#2c2c2c; font-weight:500; letter-spacing:-0.5px;}
.property-comm-tit:before{display:inline-block; content:""; width:23px; height:3px; background-color:#fda800; margin-right:20px; vertical-align:middle;}
.property-comm-box .property-comm-btn{display:block; width:245px; height:61px; text-align:center; font-size:18px; line-height:61px; color:#fff; margin:0px auto; background-color:#fda800;}
.property-list-con{}
.property-list-con > ul{}
.property-list-con > ul li{float:left; width:220px; margin-left:25px; margin-bottom:70px;}
.property-list-con > ul li.mal0{margin-left:0;}
.property-gallery-img-thumb{position:relative; padding-top:309px; border:1px solid #dadad9;}
.property-gallery-img-thumb > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.property-gallery-img-thumb > span img{width:100%; height:100%;}
.property-gallery-img-thumb .over-thum{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #fda800; background:url(/images/icon/property_over_icon.png) no-repeat center center; opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.property-list-con > ul li:hover .property-gallery-img-thumb .over-thum{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.property-gallery-tit{font-size:16px; line-height:22px; color:#444; font-weight:400; letter-spacing:-0.5px; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:17px;}
.mfp-bg{opacity:0.6 !important;filter:Alpha(opacity=60) !important;}
.mfp-counter{display:none;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{top:4px !important; right:0px !important; padding-right:0 !important; background:url(/images/button/property_close_btn.png) no-repeat right top; opacity:1.0;filter:Alpha(opacity=100); font-size:0; text-indent:-9999px;}
.mfp-title{padding-right:0 !important;}
.mfp-arrow-left, .mfp-arrow-right{left:50% !important; opacity:1.0 !important;filter:Alpha(opacity=100) !important;}
.mfp-arrow:before, .mfp-arrow:after{display:none !important;}
.mfp-arrow-left{background:url(/images/button/property_prev_btn.png) no-repeat center center !important; margin-left:-325px !important;}
.mfp-arrow-right{background:url(/images/button/property_next_btn.png) no-repeat center center !important; margin-left:235px !important;}
.property-img-tit{font-size:16px; line-height:24px; text-align:center; color:#eee; padding:12px 0; background-color:#2f2f2f; letter-spacing:-0.25px; font-weight:400;}

/* ****************** 회사소개 :: 오시는길 ********************** */
#mapWrapper{overflow:hidden; position:relative; width:100%; margin:0px auto; height:500px; border:1px solid #ddd;}
#mapWrapper #mapCon{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin-left:-600px; margin-top:-250px;}
.map-tbl-con{margin-bottom:70px;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:15px;}
.map-tbl th{width:110px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; font-weight:600; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-weight:400; line-height:14px;}


/* ****************** 공법소개 :: 공통 ********************** */
.mt85 {margin-top: 85px;}
.mt40 {margin-top: 40px;}

.ips-comm-box{padding:24px 44px; margin-bottom:10px; background-color:#f1f1f1;}
.ips-comm-box p{font-size:18px; line-height:30px; color:#555; letter-spacing:-1.3px; word-break:keep-all;}
.ips-comm-box p span{color:#222;}
.ips-comm-box p b{color:#222; font-weight:600;}

.ips-img-bx {border:1px solid #ddd;}
.ips-img-bx img {max-width:100%;}
.ips-img-bx .ips-img-bx-inner {float:left; margin-bottom: 30px;}
.ips-img-bx .ips-img-bx-inner:first-child {margin-right:30px;}
.ips-img-bx p {height:45px; border:1px solid #ddd; border-top: 0; text-align:Center; font-size:18px; line-height: 45px; letter-spacing: -0.25px; color:#fff; background-color:#353535;}

/* -------- 공법소개 :: IPS공법개요 -------- */
.ips-intro-tit {padding:0 45px; height:60px; background-color:#FDA800; margin-top: 10px;}
.ips-intro-tit h4 {font-size:22px; line-height: 60px; letter-spacing: -0.25px; color:#fff; font-weight: 500;}

.ips-intro-list {padding:15px 10px; background:url("/images/content/ips_intro_img2.jpg") no-repeat center right; border-bottom: 2px solid #E4E4E4;}
.ips-intro-list ul li {font-size:18px; line-height: 28px; letter-spacing: -0.25px; color:#444444; padding:15px 0;}
.ips-intro-list ul li span {color:#fd940d; font-weight: 600;}
.ips-intro-list ul li i {color:#FDA800; font-size:20px; vertical-align: middle;}


/* -------- 공법소개 :: IPS공법원리 -------- */
.principle-img-bx-inner {float:left; border:1px solid #E0E0E0; margin-bottom: 17px;}
.principle-img-bx-inner:first-child {margin-right:18px;}
.principle-img-bx-inner p {height:40px; line-height: 40px; text-align:center; border-top: 1px solid #E0E0E0; font-size:16px; letter-spacing: -0.25px; color:#555555; background-color:#F3F3F3}

.principle-img-list ul:last-child {margin-top:30px;}
.principle-img-list li {float:left; margin-left: 9px; border:1px solid #ddd;margin-right: 30px;}
.principle-img-list li:first-child {margin-left: 0;}
.principle-img-list li p {height:39px; line-height: 39px; text-align:center; background-color:#F3F3F3; border-top: 1px solid #ddd; font-size:15px; color:#555; letter-spacing: -0.25px;}

.principle-process {position:relative; border:1px solid #ddd; padding:70px 0; text-align:center;}
.principle-yl {margin:0 auto; width:345px; height:74px; line-height: 74px; background:url("/images/content/ips_yl_bx.jpg") no-repeat; font-size:18px;letter-spacing: -0.25px; color:#fff; font-weight: 500; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);}

.principle-bl {margin:0 auto; width:345px; height:74px; line-height: 74px; background:url("/images/content/ips_bl_bx.jpg") no-repeat; font-size:18px;letter-spacing: -0.25px; color:#fff; font-weight: 500; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);}

.principle-line {margin:0 auto; width:345px; height:74px; line-height: 74px; background:url("/images/content/ips_line_bx.jpg") no-repeat; font-size:18px;letter-spacing: -0.25px; color:#999999; font-weight: 500;}
.principle-line:first-child {margin-bottom: 50px;}

.principle-sub {position:absolute; right:20px; bottom:500px; background:url("/images/content/principle-sub.png") no-repeat; width:339px; height:74px; line-height: 74px; padding-left: 195px; font-size:18px; letter-spacing: -0.25px; color:#999999; font-weight: 500;}


.principle-process-list {padding:70px 0; border:1px solid #ddd; text-align:center;}
.principle-process-list ul {display:inline-block;}
.principle-process-list ul li {float:left; width:345px; min-height:1px; margin-left: 43px;}
.principle-process-list ul:first-child li:last-child {margin-left: 10px;}
.principle-process-list ul li:first-child {margin-left: 0;}
.principle-process-list ul:last-child .principle-yl {margin-top: 50px;}

.principle-txt {margin-top: 5px; border:1px solid #DDDDDD; border-radius:10px; background-color:#F1F1F1; padding:25px 30px; height:140px; text-align:left;}
.principle-txt  p {font-size:16px; line-height: 20px; letter-spacing: -0.25px; color:#555555; margin-top: 20px;}
.principle-txt  p:first-child {margin-top: 0;}


/* -------- 공법소개 :: 공법안전성 -------- */
.safety-img-bx .safety-img-bx-inner {float:left; margin-top: 30px; border:1px solid #ddd; margin-left: 32px;}
.safety-img-bx .safety-img-bx-inner:first-child {margin-left: 0;}

.safety-bx {margin-bottom: 30px;}
.safety-bx dl {display:table; width:1140px; padding:25px 30px; background-color:#F1F1F1;}
.safety-bx dt {display:table-cell; vertical-align: middle; width:175px;}
.safety-bx dt span {display:inline-block; width:140px; height:105px; line-height: 105px; text-align:center; background-color:#FDA800; font-size:20px; letter-spacing: -0.75px; color:#fff; font-weight: 500; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.15);}
.safety-bx dd {display:table-cell; vertical-align: middle; font-size:18px; line-height: 30px; letter-spacing: -1px; color:#555555; word-break:keep-all; font-weight: 300;}

.table-caption {text-align:right; font-size:14px; line-height: 30px; letter-spacing: -0.75px; color:#999999; font-weight: 300; margin-bottom: 5px;}
.safety-table table {width:100%; border-top: 1px solid #888888;}
.safety-table table thead th {border:1px solid #ddd; border-left: 0; border-top: 0; background-color:#FDA800; color:#fff; font-weight: 400; font-size:18px; letter-spacing: -0.75px; height:60px;}
.safety-table table thead td {font-size:18px; letter-spacing: -0.75px; color:#555555; font-weight: 300; background-color:#F1F1F1; border-bottom:1px solid #DDDDDD; height:49px; text-align:center; border-left:1px solid #ddd}

.safety-table table tbody td {height:29px; text-align:center; border:1px solid #ddd; border-right: 0; font-size:18px; letter-spacing: -0.75px; color:#555555; font-weight: 300; line-height: 25px; padding:10px 0;}
.safety-table table tbody th {border-bottom:1px solid #ddd;  background-color:#FDA800; color:#fff; font-weight: 400; font-size:18px; letter-spacing: -0.75px;}

.safety-table.left-table tbody td {text-align:left; padding:10px 20px;}
.safety-table.left-table tbody tr:first-child td {border-top: 1px solid #888888;}

.safety-table.bl-table tbody tr td:first-child {border-left: 0;}

.safety-txt {margin-bottom: 30px; padding:25px 40px; background-color:#F1F1F1}
.safety-txt p {font-size:18px; line-height: 36px; letter-spacing: -0.75px; color:#555555}

.safety-txt-bx {margin-top: 15px; margin-bottom: 35px;}
.safety-txt-bx dl {display:table; width:100%;}
.safety-txt-bx dt {display:table-cell; width:230px; height:115px; background-color:#FDA800; text-align:center; font-size:18px; line-height: 22px; letter-spacing: -0.25px; color:#fff;vertical-align: middle;}
.safety-txt-bx dt span {display:block;}
.safety-txt-bx dd {display:table-cell;vertical-align: middle;}
.safety-txt-bx dd p {margin-left: 5px; border:1px solid #ddd; padding:0 30px; background-color:#F4F3F3; font-size:18px; line-height: 22px; letter-spacing: -0.75px; color:#555555; height:68px; padding-top: 45px;}

.safety-table-bx .safety-table {float:left; margin-right:15px; width:600px;}
.safety-table-bx .safety-table tbody td {border-left: 0;}
.safety-table-bx .safety-table thead td {border-left: 0;}

/* -------- 공법소개 :: 공법경제성 -------- */
.economics-img-bx {position:relative; margin-bottom: 25px;}
.economics-img-bx .economics-img-inner {float:left; border:1px solid #ddd;}
.economics-img-bx .economics-img-inner:first-child {margin-right:28px}
.economics-img-bx .economics-img-inner p {border-top: 1px solid #ddd; height:45px; text-align:center; font-size:18px; line-height: 45px; letter-spacing: -0.75px; color:#555555; font-weight: 500; background-color:#F0F0F0;}

.economics-center {position:absolute; left:50%; top:50%; margin-left: -105.5px; margin-top: -125px;}
.economics-tit p {margin-bottom: 20px; padding:0 40px; height:60px; font-size:22px; line-height: 60px; letter-spacing: -0.25px; color:#fff; font-weight: 500; background-color:#FDA800}

.economic-content .ips-img-bx {padding-bottom: 50px; border-bottom: 1px solid #ddd;}