@charset "UTF-8";

/** 메인 **/
.section-main .main-visual .slide-visual {overflow:hidden; position:relative; width:100%; height:100%}
.section-main .main-visual .slide-visual:after {content:""; display:block; clear:both}
.section-main .main-visual .slide-visual .visual {float:left; position:relative}
.section-main .main-visual .slide-visual .visual .cont {display:block; position:absolute; top:0; left:50%; z-index:3; width:1024px; height:100%; margin-left:-512px; padding-top:100px; box-sizing:border-box}
.section-main .main-visual .slide-visual .visual .cont:before {content:""; display:inline-block; height:100%; vertical-align:middle} 
.section-main .main-visual .slide-visual .visual .cont .inner {display:inline-block; vertical-align:middle}
.section-main .main-visual .slide-visual .visual .cont .inner strong.tit {display:block; font-size:52px; color:#fff}
.section-main .main-visual .slide-visual .visual .cont .inner p.desc {padding-top:25px; line-height:1.67em; font-size:26px; color:#fff}
.section-main .main-visual .slick-dots {position:absolute; left:0; right:0; bottom:75px; text-align:center}
.section-main .main-visual .slick-dots li {display:inline-block}
.section-main .main-visual .slick-dots li ~ li {margin-left:20px}
.section-main .main-visual .slick-dots li button {width:14px; height:14px; border-radius:100%; font-size:0; text-indent:-9999em; background:#fff; cursor:pointer}
.section-main .main-visual .slick-dots li.slick-active button {background:#ff6a21}

/** 회사소개 **/
.section-intr .header-section .bg {background:url(/new/images/content/bg-head-intro.jpg) center center no-repeat; background-size:cover}
/* CEO 인사말 */
.section-intr.intr-gre .content-section header.cont-head {padding:80px 0 35px}
.section-intr.intr-gre .intro-greeting p.desc {line-height:1.8em; text-align:center; font-size:18px; word-wrap:break-word; word-break:keep-all}
.section-intr.intr-gre .intro-greeting strong.ceo {display:block; padding-top:35px; line-height:1.7em; text-align:center; font-weight:bold; font-size:20px}
/* 연혁 */
.section-intr.intr-his .content-section header.cont-head {padding:80px 0 0}
.section-intr.intr-his .list-intro-history > ul > li {position:relative; padding:40px 0 40px 145px; border-bottom:1px solid #bcbcbc}
.section-intr.intr-his .list-intro-history > ul > li strong.year {position:absolute; top:50%; left:0; margin-top:-20px; font-size:40px; color:#003a8f}
.section-intr.intr-his .list-intro-history > ul > li > .list-dotted ul li {position:relative; padding-left:8px; line-height:1.8em; font-size:18px}
.section-intr.intr-his .list-intro-history > ul > li > .list-dotted ul li:after {content:""; position:absolute; top:15px; left:0; width:3px; height:3px; border-radius:100%; background:#373737}
/* 오시는길 */
.section-intr.intr-map .guide-intro-map ul {margin-top:45px}
.section-intr.intr-map .guide-intro-map ul li {position:relative; width:100%; padding-left:12px; font-size:18px; color:#373737}
.section-intr.intr-map .guide-intro-map ul li ~ li {margin-top:23px}
.section-intr.intr-map .guide-intro-map ul li:after {content:""; display:block; position:absolute; top:50%; left:4px; width:3px; height:3px; margin-top:-2px; border-radius:100%; background:#373737}
.section-intr.intr-map .guide-intro-map ul li strong.tit {font-weight:bold}
.section-intr.intr-map .guide-intro-map ul li a {color:inherit}
/* CI */
.section-intr.intr-ci .intro-ci .logo-mark {background:url(/new/images/content/bg-logo-mark.jpg) center center no-repeat}
.section-intr.intr-ci .intro-ci .logo-mark .inner {display:table; width:100%}
.section-intr.intr-ci .intro-ci .logo-mark .inner span {display:table-cell; vertical-align:middle; width:50%; height:217px; text-align:center}
.section-intr.intr-ci .intro-ci p.desc {margin-top:40px; line-height:1.8em; text-align:center; font-size:18px; word-wrap:break-word; word-break:keep-all}
.section-intr.intr-ci .intro-ci .list-logo-color {margin-top:70px; text-align:center}
.section-intr.intr-ci .intro-ci .list-logo-color > ul {display:inline-block}
.section-intr.intr-ci .intro-ci .list-logo-color > ul:after {content:""; display:block; clear:both}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li {float:left; position:relative; width:250px}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li ~ li {margin-left:-25px}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li:first-child + li {z-index:2}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li strong.tit {display:block; width:100%; height:250px; line-height:250px}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li strong.tit span {display:inline-block; vertical-align:middle; line-height:1.18em; font-size:22px; color:#fff}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li.orange strong.tit {background:url(/new/images/content/bg-logo-clr1.png) center center no-repeat}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li.blue strong.tit {background:url(/new/images/content/bg-logo-clr2.png) center center no-repeat}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li.grey strong.tit {background:url(/new/images/content/bg-logo-clr3.png) center center no-repeat}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li .cont {padding-top:23px}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li .cont ul {display:inline-block}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li .cont ul:after {content:""; display:block; clear:both}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li .cont ul li {float:left; line-height:1.33em; font-size:18px}
.section-intr.intr-ci .intro-ci .list-logo-color > ul > li .cont ul li ~ li {padding-left:15px}

/** 사업소개 **/
.section-busi .header-section .bg {background:url(/new/images/content/bg-head-business.jpg) center center no-repeat; background-size:cover}
/* 사업분야 */
.section-busi.busi-field .content-section .cont-area h4 {padding-bottom:20px; line-height:1.33em; font-size:30px}
.section-busi.busi-field .content-section .cont-area .sub-section h4 {padding-bottom:22px; border-bottom:1px solid #aaaaaa; box-sizing:border-box}
.section-busi.busi-field .content-section .cont-area p.desc {line-height:1.8em; font-size:18px; word-wrap:break-word; word-break:keep-all}
.section-busi.busi-field .content-section .cont-area strong.tit-type1 {display:block; position:relative; padding:0 0 7px 12px; font-size:20px; color:#003a8f}
.section-busi.busi-field .content-section .cont-area strong.tit-type1:after {content:""; display:block; position:absolute; top:9px; left:3px; width:4px; height:4px; border-radius:100%; background:#003a8f}
.section-busi.busi-field .content-section .cont-area strong.tit-type2 {display:block; padding-bottom:18px; font-size:18px}
.section-busi.busi-field .content-section .cont-area ul.list-type1 li {padding-left:12px; line-height:1.8em; font-size:18px; text-indent:-11px}
.section-busi.busi-field .content-section .cont-area ul.list-type1 li span {display:block; line-height:inherit}
.section-busi.busi-field .content-section .cont-area .sub-intro img {display:block; margin-top:23px}
.section-busi.busi-field .sub-section {margin-top:65px}
.section-busi.busi-field .list-core-tech {padding-top:35px}
.section-busi.busi-field .list-core-tech > ul > li {height:115px; padding-left:140px}
.section-busi.busi-field .list-core-tech > ul > li ~ li {margin-top:60px}
.section-busi.busi-field .list-core-tech > ul > li:before {content:""; display:inline-block; height:100%; margin-left:-5px; vertical-align:middle} 
.section-busi.busi-field .list-core-tech > ul > li .cont {display:inline-block; vertical-align:middle}
.section-busi.busi-field .tab-cont.special .list-core-tech > ul > li.li1 {background:url(/new/images/content/bg-core-tech1.png) 6px center no-repeat}
.section-busi.busi-field .tab-cont.special .list-core-tech > ul > li.li2 {background:url(/new/images/content/bg-core-tech2.png) 6px center no-repeat}
.section-busi.busi-field .tab-cont.special .list-core-tech > ul > li.li3 {background:url(/new/images/content/bg-core-tech3.png) 10px center no-repeat}
.section-busi.busi-field .tab-cont.connected .list-core-tech > ul > li.li1 {background:url(/new/images/content/bg-core-tech7.png) 8px center no-repeat}
.section-busi.busi-field .tab-cont.connected .list-core-tech > ul > li.li2 {background:url(/new/images/content/bg-core-tech5.png) 8px center no-repeat}
.section-busi.busi-field .tab-cont.connected .list-core-tech > ul > li.li3 {background:url(/new/images/content/bg-core-tech6.png) 8px center no-repeat}
.section-busi.busi-field .tab-cont.connected .list-core-tech > ul > li.li4 {background:url(/new/images/content/bg-core-tech7.png) 8px center no-repeat}
.section-busi.busi-field .tab-cont.connected .list-core-tech > ul > li .cont strong.tit-type1 {padding:0 0 8px 12px}
.section-busi.busi-field .list-actual-result {padding-top:30px}
.section-busi.busi-field .list-actual-result .result ~ .result {margin-top:90px}
.section-busi.busi-field .list-actual-result .result strong.tit-type1 {padding:0 0 8px 12px}
.section-busi.busi-field .list-actual-result .result .list-img {padding-top:30px}
.section-busi.busi-field .list-actual-result .result .list-img > ul > li {display:table}
.section-busi.busi-field .list-actual-result .result .list-img > ul > li ~ li {margin-top:50px}
.section-busi.busi-field .list-actual-result .result .list-img > ul > li:after {content:""; display:block; clear:both} 
.section-busi.busi-field .list-actual-result .result .list-img > ul > li .img {display:table-cell; vertical-align:middle}
.section-busi.busi-field .list-actual-result .result .list-img > ul > li .img img {display:block}
.section-busi.busi-field .list-actual-result .result .list-img > ul > li .cont {display:table-cell; vertical-align:middle}
.section-busi.busi-field .list-actual-result .result.result1 .list-img > ul > li .img {width:145px}
.section-busi.busi-field .list-actual-result .result.result2 .list-img > ul > li .img {width:375px}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul > li .img {width:145px}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul:after {content:""; display:block; clear:both}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul > li {float:left; width:50%; height:180px}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul > li ~ li {margin-top:0; border-left:2px solid #e9e9e9}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul > li ~ li .img {width:260px; text-align:center}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul > li ~ li .img img {display:inline-block}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul:first-child + ul {margin-top:45px}
.section-busi.busi-field .list-actual-result .result.result3 .list-img > ul:first-child + ul > li ~ li .cont {padding-top:44px; vertical-align:top}
/* 파트너 */
.section-busi.busi-partner .list-partner strong.tit {display:block; position:relative; text-align:center; font-size:20px}
.section-busi.busi-partner .list-partner strong.tit ~ strong.tit {margin-top:55px}
.section-busi.busi-partner .list-partner strong.tit:before {content:""; display:block; position:absolute; top:50%; left:0; width:375px; height:1px; background:#bcbcbc}
.section-busi.busi-partner .list-partner strong.tit:after {content:""; display:block; position:absolute; top:50%; right:0; width:375px; height:1px; background:#bcbcbc}
.section-busi.busi-partner .list-partner .inner {display:table; width:100%}
.section-busi.busi-partner .list-partner .inner ul {display:table-row}
.section-busi.busi-partner .list-partner .inner ul li {display:table-cell; vertical-align:middle; width:20%; height:135px; text-align:center}

/** 인재채용 **/
.section-recr .header-section .bg {background:url(/new/images/content/bg-head-recruit.jpg) center center no-repeat; background-size:cover}
/* 인재상 */
.section-recr.recr-info .content-section .cont-area {width:100%; padding:0 40px}
.section-recr.recr-info .list-recr-info ul:after {content:""; display:block; clear:both}
.section-recr.recr-info .list-recr-info ul li {float:left; width:255px; text-align:center}
.section-recr.recr-info .list-recr-info ul li ~ li {margin-left:-26px}
.section-recr.recr-info .list-recr-info ul li .img {position:relative; width:255px; height:255px; border-radius:100%}
.section-recr.recr-info .list-recr-info ul li:nth-child(odd) .img {border:1px solid #ffd5c1}
.section-recr.recr-info .list-recr-info ul li:nth-child(even) .img {border:1px solid #e5e5e5}
.section-recr.recr-info .list-recr-info ul li .img img {position:absolute; top:50%; left:50%; z-index:2; margin:-105px 0 0 -105px}
.section-recr.recr-info .list-recr-info ul li strong.tit {display:inline-block; padding-top:27px; font-weight:bold; font-size:28px; color:#373737}
.section-recr.recr-info .list-recr-info ul li p.cont {padding:15px 25px 0; line-height:1.8em; font-size:18px; color:#373737; word-wrap:break-word; word-break:keep-all}
/* 직무소개 */
.section-recr.recr-duty .tab-cont h5.tit {padding-bottom:15px; font-size:28px}
.section-recr.recr-duty .tab-cont p.desc {line-height:1.8em; font-size:18px; word-wrap:break-word; word-break:keep-all}
.section-recr.recr-duty .tab-cont strong.tit {display:block; position:relative; padding-left:10px; line-height:1.8em}
.section-recr.recr-duty .tab-cont strong.tit:after {content:""; display:block; position:absolute; top:14px; left:3px; width:4px; height:4px; border-radius:100%; background:#373737}
.section-recr.recr-duty .tab-cont .info-desc-area ~ .info-desc-area {margin-top:50px}
.section-recr.recr-duty .tab-cont .list-info-duty {margin-top:20px}
.section-recr.recr-duty .tab-cont .list-info-duty ul li {line-height:1.7em; word-wrap:break-word; word-break:keep-all}
.section-recr.recr-duty .tab-cont .list-info-duty ul li strong {font-weight:normal; color:#ff6a21}
/* 복리후생 */
.section-recr.recr-compe .list-recr-compe {padding-bottom:10px}
.section-recr.recr-compe .list-recr-compe ul:after {content:""; display:block; clear:both}
.section-recr.recr-compe .list-recr-compe ul li {float:left; width:50%; padding-left:80px}
.section-recr.recr-compe .list-recr-compe ul li:nth-child(n+3) {margin-top:75px}
.section-recr.recr-compe .list-recr-compe ul li strong.tit {display:block; font-size:20px}
.section-recr.recr-compe .list-recr-compe ul li p {margin-top:15px; word-wrap:break-word; word-break:keep-all}
.section-recr.recr-compe .list-recr-compe ul li.li1 {background:url(/new/images/content/bg-recr-compe1.png) 3px center no-repeat}
.section-recr.recr-compe .list-recr-compe ul li.li2 {background:url(/new/images/content/bg-recr-compe2.png) 3px center no-repeat}
.section-recr.recr-compe .list-recr-compe ul li.li3 {background:url(/new/images/content/bg-recr-compe3.png) 3px center no-repeat}
.section-recr.recr-compe .list-recr-compe ul li.li4 {background:url(/new/images/content/bg-recr-compe4.png) 3px center no-repeat}
.section-recr.recr-compe .list-recr-compe ul li.li5 {background:url(/new/images/content/bg-recr-compe5.png) 3px center no-repeat}
.section-recr.recr-compe .list-recr-compe ul li.li6 {background:url(/new/images/content/bg-recr-compe6.png) 3px center no-repeat}
.section-recr.recr-compe .list-recr-compe ul li.li7 {background:url(/new/images/content/bg-recr-compe7.png) 3px center no-repeat}