/* common */ #sv { background-size: cover; width: 100%; height: 550px; color: #fff; position: relative; overflow: hidden; } #sv .sub-bg {width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0;/* animation: bgScale 3s; */} .sv01 {background: url("/img/sub/sv01.jpg") no-repeat center top;} /*.sv02 {background: url("/img/sub/sv02.jpg") no-repeat center top;}*/ .sv02 {background: url("/img/sub/sv03.jpg") no-repeat center top;} .sv03 {background: url("/img/sub/sv04.jpg") no-repeat center top;} .sv04 {background: url("/img/sub/sv05.jpg") no-repeat center top;} .sv05 {background: url("/img/sub/sv06.jpg") no-repeat center top;} .sv06 {background: url("/img/sub/sv07.jpg") no-repeat center top;} .sv08 {background: url("/img/sub/sv07.jpg") no-repeat center top;} #sv > .inner1400 {width: 100%; height: 100%;} #sv .tit {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;color: #fff;} #sv .tit h3 {overflow: hidden;} #sv .tit h3 > span {display: block; font-size: 48px; font-weight: bold; animation: txt-btm 1s both; line-height: 1.4;} #sv .tit p {overflow: hidden;} #sv .tit p > span {font-size: 20px; margin-top: 25px; line-height: 1.3; display: block; animation: txt-btm 1s 0.3s both; word-break: keep-all;} #sv .tit p br {display: none;} #sv .top-location {position: absolute; bottom: 130px; left: 0; width: 100%; text-align: center; animation: fadein-txt 1s 1s both; } #sv .top-location span {display: inline-block; position: relative; padding: 0 8px; font-size: 15px; font-weight: 300; } #sv .top-location span:first-chid {padding-left: 0;} #sv .top-location span:last-child {padding-right: 0;} #sv .top-location span:after {content:''; width: 6px; height: 6px; background: url(/img/sub/link-arrow.png) no-repeat center; position: absolute; right: -5px; top:50%; transform: translateY(-50%);} #sv .top-location span:last-child:after {background: none;} #sv .top-location .current-page {/* font-family: 'Josefin Sans', sans-serif; */} #lnb {width: 100%; height: 65px; border-bottom: 1px solid #e0e0e0;} #lnb > div {max-width: 1400px; margin: 0 auto; height: 100%;} #lnb .depth2 {display: flex; align-items: center; height: 100%; justify-content: center;} #lnb .depth2 li {text-align: center; /* width: 100%; */ height: 100%;} #lnb .depth2 li a {font-size: 16px; color: #333; font-weight: 400; display: block; /* padding: 24px 0 25px; */ transition: 0.4s; margin: 0 60px;position: relative; height: 100%;} #lnb .depth2 li a:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #0e5b93; display: block;} #lnb .depth2 li a br {display: none;} #lnb .depth2 li a span {display: block; position: relative; top:50%; transform: translateY(-50%);} #lnb .depth2 li.on a {font-weight: 500; color: #055c9b; } #lnb .depth2 li.on a:after {width: 120%; } #lnb .depth2 li:hover a { color: #055c9b; position: relative;} #lnb .depth2 li:hover a:after {width: 120%; transition: 0.4s; } #lnb .depth2.n6 li a {margin: 0 45px;} @keyframes bgScale{ 0%{transform:scale(1.1); } 100%{ transform:scale(1); } } /* 서브페이지 */ #subContents {padding: 90px 0 110px;} #subContents > .inner1400 {} #subContents .pageTit {margin-bottom: 55px;} #subContents .pageTit .page-tit {overflow: hidden;} #subContents .pageTit .page-tit > span {display: block;font-size: 40px; color: #0e5a93; font-weight: bold; /* animation: txt-btm 1s 0.9s both; */ line-height: 1.35;} #subContents .pageTit .page-txt {display: block; /* font-family: 'Josefin Sans', sans-serif; */font-size: 18px; color: #0e5a93; margin-top: 22px; opacity: 1; font-weight:500; /* animation: txt-btm 1s 1.2s both; */ } .sub-content-new { margin-top:180px; } .location-content.sub-content-new { margin-top:120px; } @keyframes txt-btm{ 0%{transform: translateY(100px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;} } @keyframes fadein-txt{ 0%{ opacity: 0;} 100%{opacity: 1;} } /* 서브페이지 공통 */ .sub-content {letter-spacing: -0.3px;} h3.h3-tit {font-size: 30px; color: #333; font-weight: bold; letter-spacing: -0.3px; line-height: 1.5; word-break: keep-all;} h4.h4-tit {font-size: 22px; color: #333; font-weight: 500; letter-spacing: -0.3px; line-height: 1.5; word-break: keep-all;} .c-blue {color: #0e5b93 !important;} .sub-content .s-txt {display: block; /* font-family: 'Josefin Sans', sans-serif; */ color: #333; font-size: 13px; position: relative; text-indent: 43px; margin-bottom: 20px;} .sub-content .s-txt em {color: #666; } .sub-content .s-txt:before {content: ''; position: absolute; width: 30px; height: 1px; background: #0e5a93; top: 50%; left: 0; margin-top: -2px;} ul.dot-list {} ul.dot-list li {font-size: 16px;color: #666666; line-height: 1.4; margin-bottom: 15px; position: relative; padding-left: 11px; box-sizing: border-box; } ul.dot-list li:before {content: ''; position: absolute; left: 0; /* top: 50%; transform: translateY(-50%); */ top: 10px;width: 3px ; height: 3px ; background: #0e5a93;} .l-en {/* font-family: 'Josefin Sans', sans-serif; */} /* 탭 */ .tab2 {display: flex; align-items: center; margin: 68px 0 50px; } .tab2 li {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;text-align: center;font-size: 16px; font-weight: 500; height: 50px; } .tab2 li:last-child {border-right: 1px solid #e0e0e0;} .tab2 li a {color: #333; display: block; width: 100%; height: 100%; line-height: 1.1; display:flex; align-items:center; justify-content:center; } .tab2 li.on {background: #f7f7f7;} .tab2 li.on a { color: #0e5a93;} .tab2.m2 li {width: 150px;} .tab2.m5 li {width: 20%;} /* input form */ .form-control {display: inline-block; width: 200px; height: 50px; font-size: 14px; color: #666666; border: 1px solid #dddddd; padding: 0 20px; line-height: 50px; border-radius: 0; box-sizing: border-box;} .form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)} select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;} select::-ms-expand{display:none;/*for IE10,11*/} select {background:url('/img/sub/down-arrow.png') no-repeat 89% center;} input::placeholder {color: #999999;} /* 공지사항 form */ .notice-content .tbl-con {margin-top: 14px;} .notice-content .tbl-con .tbl {} .ntb-list li {display:table; width:100%; padding:0; box-sizing: border-box; font-size:16px; font-size: 16px; } .ntb-list li .td {display:table-cell; text-align:center; vertical-align:middle; letter-spacing: -0.3px; } .ntb-list li .col_no {width: 15%; } .ntb-list li .col_title {} .ntb-list li .col_title a {line-height: 1.4;} .ntb-list li .col_date {width: 23%;} .list-head li .td {padding: 24px 5px; box-sizing: border-box; font-weight: 500; background: #f7f7f7; color: #333; border-top: 2px solid #333; border-bottom: 1px solid #e0e0e0;} .list-body li {border-bottom: 1px solid #e0e0e0;} .list-body li .td {padding: 21px 5px 16px; box-sizing: border-box; color: #666; line-height: 1.3; word-break: keep-all;} .list-body li .col_title {text-align: left; } .list-body li .col_title a {font-family: 'Noto Sans KR', sans-serif; font-weight: 300; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .list-body li .col_date {font-weight: 300;} /* 버튼group */ .btn-group {display: flex; align-items: center; margin-top: 60px;} .btn-group.btn-center {justify-content: center;} .btn-group .btn {display: flex; align-items: center; justify-content: center; width: 200px; height: 60px; border: 1px solid #4a83ae; border-radius: 30px; color: #0e5a93; text-align: center; font-size: 12px; /* font-family: 'Josefin Sans', sans-serif; */ text-transform: uppercase; font-weight: bold; line-height: 60px; margin-right: 20px; position: relative; overflow: hidden;} .btn-group .btn:before {content: ''; position: absolute; left: 0px ; bottom: 0px ; z-index: -1; width: 100%; height: 100%; background: #fff; box-shadow: inset 0px 0px 0px #0e5a93; display: block; -webkit-transition: all 0.4s; transition: all 0.5s;} .btn-group .btn:last-child {margin-right: 0;} .btn-group .btn img {display: inline-block; margin-left: 18px; margin-bottom: 3px;} .btn-group .btn:hover {color: #fff;} .btn-group .btn:hover:before {box-shadow: inset 300px 0px 0px #0e5a93; } .btn-group .btn:hover i {color: #fff;} .btn-group .download-btn:hover img {content: url('/img/sub/btn-download_on.png');} /*===================== 회사소개 =====================*/ /* ceo인사말 */ #greeting {} #greeting .gre-con {display: flex; justify-content: space-between;} #greeting .gre-con .gre-txt {} #greeting .gre-con .gre-txt.show {animation: txt-left 1s 0.5s both;} #greeting .gre-con .gre-txt h3 {margin-bottom: 30px; } #greeting .gre-con .gre-txt h3 strong { font-weight: bold;} #greeting .gre-con .gre-txt .txt {font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #333; font-weight: 300; line-height: 1.7; word-break: keep-all;} #greeting .gre-con .gre-txt .name {display: block; font-size: 16px; color: #333; font-weight: bold; line-height: 1.3; margin-top: 30px;} #greeting .gre-con .gre-img {position: relative;} #greeting .gre-con .gre-img.show {opacity: 1;} #greeting .gre-con .gre-img:after {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; } #greeting .gre-con .gre-img.show:after {content: ''; animation: fadeBg 1s 0.7s both;} #greeting .gre-con .gre-img img {} @keyframes txt-left{ 0%{transform: translateX(-80px); opacity: 0;} 100%{transform: translateX(0); opacity: 1;} } @keyframes fadeBg { 0% {width: 100%; } 100% {width: 0; } } /* 연혁 */ #history {} #history .top-con {position: relative; padding-bottom: 50px; box-sizing: border-box; } #history .top-con .bg {background: url(/img/sub/bg-history.png) no-repeat right center; position: absolute; right: 0; top: 0; width: 100%; height: 100%;} #history .top-con .pageTit {max-width: 1400px; margin: 0 auto;} #history .top-con .pageTit .page-tit {} #history .top-con .pageTit .page-txt {} #history .top-con .pageTit h3 {margin-top: 67px;} #history .history-con {letter-spacing: -0.3px;} #history .history-con .tabs {display: flex; align-items: center;} #history .history-con .tabs li {width: 25%; height: 120px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background-color: #fff; background-repeat: no-repeat; background-position: right 50px center; transition: background 0.2s;} #history .history-con .tabs li:last-child {border-right: 1px solid #e0e0e0;} #history .history-con .tabs li.on {background-color: #0e5b93; } #history .history-con .tabs li > a {display: block; width: 100%; height: 100%; padding: 34px 0 35px 40px; box-sizing: border-box;} #history .history-con .tabs li .tit {font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px;} #history .history-con .tabs li .txt { display: block; font-size: 15px; color: #666; font-weight: 300;} #history .history-con .tabs li.on .tit, #history .history-con .tabs li.on .txt {color: #fff;} #history .history-con .tabs li:nth-child(1) {background-image: url(/img/sub/history_tab01.png);} #history .history-con .tabs li:nth-child(1).on {background-image: url(/img/sub/history_tab01_on.png);} #history .history-con .tabs li:nth-child(2) {background-image: url(/img/sub/history_tab02.png);} #history .history-con .tabs li:nth-child(2).on {background-image: url(/img/sub/history_tab02_on.png);} #history .history-con .tabs li:nth-child(3) {background-image: url(/img/sub/history_tab03.png);} #history .history-con .tabs li:nth-child(3).on {background-image: url(/img/sub/history_tab03_on.png);} #history .history-con .tabs li:nth-child(4) {background-image: url(/img/sub/history_tab04.png);} #history .history-con .tabs li:nth-child(4).on {background-image: url(/img/sub/history_tab04_on.png);} #history .history-con .tab_container {overflow: hidden;} #history .history-con .tab_content {} #history .history-con .tab_content .list-con {position: relative; margin-top: 83px;} #history .history-con .tab_content .list-con .line {position: absolute; left: 50%; width: 1px ; height: calc(100% + 80px ); background: #e0e0e0; top: 0 ; z-index: -1;} #history .history-con .tab_content .list-con .line:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 7px; height: 7px; background: #e0e0e0; border-radius: 100%; } #history .history-con .tab_content .list-con .line span {width: 1px ; background: #0e5a93; display: block; position: absolute; left: 0; top: 0; height: 0;} #history .history-con .tab_content .list-con > ul {position: relative;} #history .history-con .tab_content .list-con > ul::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 7px; height: 7px; background: #e0e0e0; border-radius: 100%; } #history .history-con .tab_content .list-con > ul.on::after{background: #0e5a93; transition-delay: 1s;} #history .history-con .tab_content .list-con > ul > li {position: relative; width: 100%; padding-bottom: 60px;} #history .history-con .tab_content .list-con > ul > li:after {content: ""; display: block; clear: both;} #history .history-con .tab_content .list-con > ul > li::before{content:""; position: absolute; top: 0; left: 50%; transform:translateX(-50%); width: 1px ; background: #0e5a93; height: 0; transition:1s} #history .history-con .tab_content .list-con > ul > li.on02::before{height: 100%; transition:1s 0.1s} #history .history-con .tab_content .list-con > ul > li > div {width: 50%;} #history .history-con .tab_content .list-con > ul > li .circle-svg {position: relative;} #history .history-con .tab_content .list-con > ul > li .circle {display: inline-block; text-align: center; line-height: 120px; font-size: 28px; font-family: 'Roboto', sans-serif; color: #aaa; font-weight: bold; letter-spacing: -0.3px; z-index: 2; max-width: 122px; width: 100%; position: absolute; left: 0; top: 0; margin-left: -61px;} #history .history-con .tab_content .list-con > ul > li.on .circle {color: #0e5a93; /* border: 1px solid rgba(14, 90, 147, 0.3); */ } #history .history-con .tab_content .list-con > ul > li .list {padding-left: 70px; box-sizing: border-box; margin-top: 20px;} #history .history-con .tab_content .list-con > ul > li .list li { line-height: 1.3; /* margin-bottom: 25px; */ /* display: flex; */ padding: 12.5px 0 ;} #history .history-con .tab_content .list-con > ul > li .list li:after {content: ''; display: block; clear: both;} /* #history .history-con .tab_content .list-con > ul > li .list li:last-child {margin-bottom: 0;} */ #history .history-con .tab_content .list-con > ul > li .list li .month {display: inline-block; font-size: 18px; color: #333; font-weight: 500; font-family: 'Roboto', sans-serif; width: 50px;} #history .history-con .tab_content .list-con > ul > li .list li .txt {width: calc(100% - 50px); word-break: keep-all; font-size: 16px; color: #666;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1) {} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) {} #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1) > div {float: right;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1) .list li .month {float: left;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1) .list li .txt {float: right;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) > div {text-align: right;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .circle {margin-left: 0; margin-right: -61px;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list {padding-right: 50px; padding-left: 0;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list li .month {float: right;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list li .txt {float: left;} #history .circle-svg svg {width: 122px; height: 122px; margin-left:-61px;} #history .circle-svg .bg { fill: #fff; stroke: #e0e0e0; stroke-width: 1; /* stroke-dashoffset: 0px; */ /* cx: 62; cy: 62; r: 61; */ } #history .circle-svg .progress { fill: #fff; stroke: rgba(14, 90, 147, 0.7); stroke-width: 1; /* cx: 62; cy: 62; r: 61; */ stroke-dasharray: 383px; stroke-dashoffset: 383px; } /* #history .history-con .list-con > ul li.on .circle-svg .progress{stroke-dashoffset: 0; } */ #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .circle-svg .circle {right: 0; left: initial;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) svg {margin-left: 0; margin-right: -61px;} /* #history .history-con .tab_content .list-con > ul > li .list {opacity: 0;} #history .history-con .tab_content .list-con > ul > li.on .list {opacity: 0;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1).on .list {opacity: 1; animation: txt-right 0.8s 2s both; } #history .history-con .tab_content .list-con > ul > li:nth-child(2n).on .list {opacity: 1; animation: txt-left2 0.8s 2s both; } */ @keyframes txt-right{ 0%{transform: translateX(50px); opacity: 0;} 100%{transform: translateX(0); opacity: 1;} } @keyframes txt-left2{ 0%{transform: translateX(-50px); opacity: 0;} 100%{transform: translateX(0); opacity: 1;} } /* 목표 및 사명 */ #mission {} #mission .circle-con {display: flex; justify-content: center; margin-top: 130px;} #mission .circle1 {display: inline-block; max-width: 220px; width: 100%;} #mission .circle1 .circle {background: #0e5b93; color: #fff; width: 220px; height: 220px; border-radius: 100%; position: relative; margin: 0 auto;} #mission .circle-con .cir1 {opacity: 0; } #mission .circle-con .cir2 {opacity: 0;} #mission .circle1 .circle .img-con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #mission .circle1 .circle .img-con img {margin: 0 auto; display: block;} #mission .circle1 .circle .img-con span {display: block; /* font-family: 'Josefin Sans', sans-serif; */ font-size: 20px; margin-top: 15px;} #mission .circle1 .line {width: 1px; height: 40px; margin: 20px auto; position: relative;} #mission .circle1 .line:after {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #e0e0e0; } #mission .circle1 .txt-con {text-align: center; color: #333; word-break: keep-all;} #mission .circle1 .txt-con .tit { font-size: 18px; margin-bottom: 20px;} #mission .circle1 .txt-con .txt {display: block; font-size: 16px; font-weight: 300; line-height: 1.5; word-break: keep-all;} #mission .circle2 {width: 220px; height: 220px; background: #fff url("/img/sub/mission-logo.png")no-repeat center; border-radius: 100%; position: relative; /* margin: 0 150px; */ border: 1px solid #eee;} #mission .circle2:before, #mission .circle2:after {content:''; position: absolute; left: 50%; top: 50%; width:460px; height: 460px; background: #f7f7f7; border-radius: 100%; animation: circleScale 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) both; z-index: -2; margin: -230px 0 0 -230px;} #mission .circle2:after { width: 580px; height: 580px; margin: -290px 0 0 -290px; background: #fcfcfc; z-index: -3;} #mission .circle2 .bg1 {width: 340px; height: 340px; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin: -170px 0 0 -170px; background: #eee; z-index: -1; animation: circleScale 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) both; } #mission .circle-con.show {opacity: 1;} #mission .circle-con.show .cir1 {margin-right: 110px; opacity: 1; transition: all 1s 0.8s ; } #mission .circle-con.show .cir2 {margin-left: 110px; opacity: 1; transition: all 1s 0.8s;} /* #mission .circle-con.show .circle1 .line:after {height: 40px; transition: all 0.4s 0.8s ;} #mission .circle-con.show .circle1 .txt-con .tit {animation: txt-top 0.5s 1.2s both; } #mission .circle-con.show .circle1 .txt-con .txt {animation: txt-top 0.5s 1.5s both;} */ @keyframes circleScale { 0% {transform: scale(0.5) ; opacity:0;} 100% {transform: scale(1); opacity:1;} } @keyframes txt-top{ 0%{transform: translateY(-30px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;} } @keyframes txt-btm2{ 0%{transform: translateY(30px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;} } #mission .circle-list {margin-top: 120px;} #mission .circle-list h3 {/* font-family: 'Josefin Sans', sans-serif; */ font-size: 36px; margin-bottom: 40px;} #mission .circle-list ul {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} #mission .circle-list ul li { width: calc(16.66666% - 11px); height: auto; /*padding-bottom: 15.9%; */ position: relative; margin-right: 10px; max-width:225px;} #mission .circle-list ul li:last-child {margin-right: 0;} #mission .circle-list ul li:after {content: '';} #mission .circle-list ul li .circle {width: 226px; height: 226px;border-radius: 100%; border: 1px solid #e0e0e0; box-sizing:border-box} #mission .circle-list ul li .circle .line {} #mission .circle-list ul li .circle .txt-con {text-align: center; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); max-width: 225px; width: 80%;} #mission .circle-list ul li .circle .txt-con .tit {font-size: 18px; color: #0e5a93; font-weight: 500; letter-spacing: -0.3px; margin-bottom: 15px;} #mission .circle-list ul li .circle .txt-con span {display: block; font-size: 15px; color: #666666; font-weight: 400; letter-spacing: -0.3px; line-height: 1.5; word-break: keep-all;} /* 조직도 */ #organ {} #organ .organ-con {} #organ .organ-con img {margin: 0 auto;} #organ .organ-con .pc-img {} #organ .organ-con .m-img {display: none;} #organ .tab-con {margin-top: 150px; } #organ .tab-con .tabs {display: flex; flex-wrap:wrap; margin-bottom: 40px;} #organ .tab-con .tabs > li { width: calc(9.090909% - 2px); text-align: center; border: 1px solid #fff; border-bottom: 1px solid #e0e0e0; } #organ .tab-con .tabs > li.on {background: #f7f7f7; border:1px solid #e0e0e0; } #organ .tab-con .tabs > li > a {display: block; padding: 20px 0; font-size: 16px; color: #666666; letter-spacing: -0.3px; } #organ .tab-con .tabs > li.on a {color: #0e5a93; } #organ .tab_content {} #organ .tab_content .organ-list {display: flex; align-items: center; flex-wrap: wrap;} #organ .tab_content .organ-list > li {border: 1px solid #cccccc; margin-right: 33px; width: calc(33.333% - 24px); margin-bottom: 40px; transition: 0.5s; position: relative;} #organ .tab_content .organ-list > li:nth-child(3n) {margin-right: 0;} /* #organ .tab_content .organ-list > li:hover {border: 1px solid #0e5a93; } */ #organ .tab_content .organ-list > li > a {display: block; padding: 50px 0 50px 50px; box-sizing: border-box; } #organ .tab_content .organ-list > li .line-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #organ .tab_content .organ-list > li .line-box span {position:absolute;display:inline-block;z-index: 5;} #organ .tab_content .organ-list > li .line-box .line01 {top: 0;left: 0;width: 0;height: 1px;background: #0e5a93;} #organ .tab_content .organ-list > li .line-box .line02 {top: 0; right: 0; width: 1px; height: 0; background: #0e5a93;} #organ .tab_content .organ-list > li .line-box .line03 {bottom: 0; right: 0; width: 0; height: 1px; background: #0e5a93;} #organ .tab_content .organ-list > li .line-box .line04 {bottom: 0; left: 0; width: 1px; height: 0; background: #0e5a93;} #organ .tab_content .organ-list > li:hover .line-box .line01{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;} #organ .tab_content .organ-list > li:hover .line-box .line02{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;} #organ .tab_content .organ-list > li:hover .line-box .line03{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;} #organ .tab_content .organ-list > li:hover .line-box .line04{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;} #organ .tab_content .organ-list > li .txt-con {letter-spacing: -0.3px;} #organ .tab_content .organ-list > li .txt-con .name span {display: inline-block; font-size: 18px; color: #666666; font-weight: 400;} .sub-content .txt-con .h-info {font-size: 20px; color: #333; /* font-family: 'Josefin Sans', sans-serif; */ line-height: 1.2; margin-bottom: 10px;} .sub-content .txt-con .h-info span {font-family: 'Roboto', sans-serif; color: #0e5a93;} .sub-content .txt-con .h-info span img {display: inline-block; vertical-align: baseline;} .sub-content .txt-con .name {font-size: 30px; color: #333333; font-weight: 500; line-height: 1.5; margin-bottom: 20px; font-family: 'Noto Sans KR', sans-serif; } #organ .tab_content .organ-list > li .txt-con .tel {} #organ .tab_content .organ-list > li .txt-con .mail {margin-bottom: 40px;} #organ .tab_content .organ-list > li .txt-con .link {display: block; font-size: 13px; color: #333333; position: relative; text-indent: 50px;} #organ .tab_content .organ-list > li .txt-con .link:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 30px; height: 1px; background: #333;} #organ .tab_content .organ-list > li:hover .txt-con .link {color: #0e5a93;} #organ .tab_content .organ-list > li:hover .txt-con .link:before {background: #0e5a93;} #organ .division {} #organ .division .s-txt {} #organ .division .txt-con {/* padding-left: 43px; box-sizing: border-box; */} #organ .division .txt-con > div {margin-bottom: 70px;} #organ .division .txt-con .con1 {letter-spacing: -0.3px;} #organ .division .txt-con .con1 h3 {/* font-size: 30px; */color: #333333; font-weight: 500; margin-bottom: 30px;} #organ .division .txt-con .con1 .txt {font-size: 16px; color: #555555; font-weight: 300; line-height: 1.6;} #organ .division .txt-con .con2 {} #organ .division .txt-con .con2 h4 {margin-bottom: 15px;} #organ .division .txt-con .con2 ul {} #organ .division .txt-con .con2 ul li {font-size: 16px; color: #666; line-height: 1.4; margin-bottom: 10px; position: relative; padding-left: 12px; box-sizing: border-box; display: flex; } #organ .division .txt-con .con2 ul li:last-child {margin-bottom: 0;} #organ .division .txt-con .con2 ul li:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #0e5a93; } #organ .division .txt-con .con2 ul li span {display: inline-block; } #organ .division .txt-con .con2 ul li .tit {font-weight: 500; width: 220px;} #organ .division .txt-con .con2 ul li .txt {font-weight: 300; width: calc(100% - 80px);} #organ .tbl-con {} #organ .tbl-con .organ-tbl {border-top: 2px solid #666666; margin-top: 24px; min-width: 560px;} #organ .tbl-con .organ-tbl th, .organ-tbl td {border-bottom: 1px solid #cccccc; padding: 17px 5px; box-sizing: border-box; text-align: center; word-break: keep-all; } #organ .tbl-con .organ-tbl th {font-size: 18px; color: #333; } #organ .tbl-con .organ-tbl td {font-size: 16px; color: #666; font-weight: 300; line-height: 1.4;} #organ .tbl-con .organ-tbl th:nth-child(1), #organ .tbl-con .organ-tbl td:nth-child(1) {width: 12%;} #organ .tbl-con .organ-tbl th:nth-child(2), #organ .tbl-con .organ-tbl td:nth-child(2) {width: 12%;} #organ .tbl-con .organ-tbl th:nth-child(3), #organ .tbl-con .organ-tbl td:nth-child(3) {} #organ .tbl-con .organ-tbl th:nth-child(4), #organ .tbl-con .organ-tbl td:nth-child(4) {width: 20%;} #organ .tbl-con .organ-tbl th:nth-child(5), #organ .tbl-con .organ-tbl td:nth-child(5) {width: 13%;} #organ .contactUs-table { width:100%; margin-top:50px; } #organ .contactUs-table thead th { padding: 24px 5px; box-sizing: border-box; font-weight: 500; background: #f7f7f7; font-size: 16px; color: #333; border-top: 2px solid #333; border-bottom: 1px solid #e0e0e0; } #organ .contactUs-table tbody td { text-align:center; padding: 24px 5px; box-sizing: border-box; font-weight: 400; font-size: 16px; color: #333; border-bottom: 1px solid #e0e0e0; } #organ .contactUs-table tbody tr:nth-child(even) td { } /* 조직도 임원뷰페이지 */ #organView {} #organView .organ-info {display: flex; } #organView .organ-info .img-con {width: 28%;} #organView .organ-info .img-con img {max-width: 100%; display: inline-block;} #organView .organ-info .txt-con {width: 72%; padding-left: 100px; box-sizing: border-box; letter-spacing: -0.3px;} #organView .organ-info .txt-con .name-con {display: flex; align-items: center; padding: 50px 0; box-sizing: border-box; border-top: 2px solid #333333; border-bottom: 1px solid #cccccc;} #organView .organ-info .txt-con .name-con .name {width: 50%; padding-left: 50px; box-sizing: border-box; font-size: 40px; color: #333333; font-weight: bold; line-height: 1.2;} #organView .organ-info .txt-con .name-con .name span {display: inline-block; font-size: 20px; color: #666; font-weight: 500; } #organView .organ-info .txt-con .name-con .info {width: 50%; padding-left: 75px; box-sizing: border-box; } #organView .organ-info .txt-con .name-con .info > p {} #organView .organ-info .txt-con .name-con .info > p span {} #organView .organ-info .txt-con .name-con .info > p span img {} #organView .organ-info .txt-con .cv {padding: 50px 0 50px 50px ; box-sizing: border-box; } #organView .organ-info .txt-con .cv > div {margin-bottom: 70px;} #organView .organ-info .txt-con .cv > div .tit {font-size: 20px; color: #333; font-weight: 500; line-height: 1.1; margin-bottom: 25px;} #organView .organ-info .txt-con .cv > div ul {} /* 오시는 길 */ #location {} #location h3 {} #location .map-con {margin-top: 50px;} #location .map-con .mapBox {width: 100%; height: 500px; } #location .map-con .mapBox > div, #location .map-con .mapBox > div > div {width: 100%; height: 100%;} #location .map-con .mapBox iframe {width: 100%; height: 100%;} #location .info-list {margin-bottom: 75px;} #location .info-list li {display: flex; align-items: center; flex-wrap: wrap; padding: 45px 0; box-sizing: border-box; border-bottom: 1px solid #eeeeee; } #location .info-list li:last-child {border-bottom: 0;} #location .info-list li > div {width: 100%;} #location .info-list li .icon-box {display: flex; align-items: center;} #location .info-list li .icon-box > span {display: inline-block; background: #f7f7f7 url(/img/sub/location_icon01.png) no-repeat center; width: 60px; height: 60px; border-radius: 100%; max-width: 60px;} #location .info-list li > div .txt-con {display: flex; width: calc(100% - 60px); } #location .info-list li .icon-box .txt {width: 50%; color: #333333; font-size: 18px; padding-left: 25px; box-sizing: border-box;} #location .info-list li .icon-box .txt span {display: block; font-weight: 500; line-height: 1.2; margin-bottom: 10px;} #location .info-list li .icon-box .txt p {font-weight: 300; line-height: 1.3; word-break: keep-all;} #location .info-list li .icon-box .tel {background: #f7f7f7 url(/img/sub/location_icon02.png) no-repeat center; } #location .info-list li .icon-box .bus {background: #f7f7f7 url(/img/sub/location_icon03.png) no-repeat center;} #location .info-list li .icon-box .subway {background: #f7f7f7 url(/img/sub/location_icon04.png) no-repeat center;} #location .info-list li .icon-box .car {background: #f7f7f7 url(/img/sub/location_icon05.png) no-repeat center;} #location .traffic-info {} #location .traffic-info h3 {padding-bottom: 50px; border-bottom: 2px solid #333;} #location .traffic-info .info-list {margin-bottom: 0;} #location .traffic-info .info-list li {} #location .traffic-info .traffic-list li > div {width: 50%;} #location .traffic-info .traffic-list li .icon-box .txt {width: calc(100% - 60px );} #location .traffic-info .info-list .con1 {} #location .traffic-info .info-list .con1 > div {width: 100%; align-items: flex-start;} #location .traffic-info .info-list .con1 .icon-box {} #location .traffic-info .info-list .con1 .icon-box span {} #location .traffic-info .info-list .con1 .icon-box .txt {width: calc(100% - 60px);} #location .traffic-info .info-list .con1 .icon-box .txt .tit {} #location .traffic-info .info-list .con1 .icon-box .txt .list-con {} #location .traffic-info .info-list .con1 .icon-box .txt li {padding: 20px 0 15px 0; border-bottom: 0; display: block;} #location .traffic-info .info-list .con1 .icon-box .txt li span {font-weight: 400; border-bottom: none; display: block; margin-bottom: 10px;} #location .traffic-info .info-list .con1 .icon-box .txt li span strong {font-weight: 500;} #location .traffic-info .info-list .con1 .icon-box .txt li p {color: #666; font-weight: 300; line-height: 1.7; word-break: keep-all;} #ci * { box-sizing:border-box; } #ci h4 { color: #000; font-weight: 700; line-height: 1.3; font-size:30px; letter-spacing:-0.02em } #ci .type-1 .box { margin-top:50px; border:1px solid #e9e9e9; width:100%; height:324px; display:flex; align-items:center; justify-content:center; background: url(/img/sub/ci_bg.png) left top repeat;} #ci .type-1 .btn_down { margin-top:40px; display:flex; justify-content:flex-end;} #ci .type-1 .btn_down a { width:250px; height:62px; display:flex; align-items:center; justify-content:center; border:1px solid #4a83ae; border-radius:60px; } #ci .type-1 .btn_down a span { color:#4a83ae; font-weight:700; font-size:18px; line-height:1.3; } #ci .type-1 .btn_down a i { display:inline-block; margin-left:10px; } #ci .type-1 .btn_down a:hover { background:#4a83ae; } #ci .type-1 .btn_down a:hover span { color:#fff } #ci .type-2 { margin-top:100px; } #ci .type-2 .box { margin-top:50px; border:1px solid #e9e9e9; width:100%; padding:57px 0; display:flex; align-items:center; justify-content:center; gap:0 90px; } #ci .type-2 .box .color { display:flex; align-items:center; gap:0 35px; } #ci .type-2 .box .color .c-box { width:105px; height:105px; border-radius:105px; background:#235897 } #ci .type-2 .box .color-2 .c-box { background:#1a96d4 } #ci .type-2 .box .color dt { color:#4a83ae; font-weight:700; font-size:26px; line-height:1.3; } #ci .type-2 .box .color-2 dt { color:#1a96d4; } #ci .type-2 .box .color dd { margin-top:15px; color:#555; font-weight:400; font-size:18px; line-height:1.3; } #ci .type-2 .box .color dd li:not(:last-child) { margin-bottom:8px; } #ci .type-2 .box .color dd li { color:#555; font-weight:400; font-size:18px; line-height:1.3; } #ci .type-2 .box .color dd li span { font-weight:400; display:inline-block; width:64px; } #ci .type-2 .box .color dd li span strong { display:inline-block; width:20px; font-weight:400; color:#222; } /*===================== 기업 ir =====================*/ /* 인증·면허 */ #license {} #license .tab_container {} .search-con {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;} .search-con p {font-size: 16px; color: #333;} .search-con p strong {font-size: 20px; font-weight: 500;/* font-family: 'Josefin Sans', sans-serif; */} .search-form {} .search-form > form {display: flex; align-items: center; } .search-form select {width: 114px; } .search-form input {height: 50px; border-left: none; width: 360px;} .search-form button {width: 100px; height: 50px; background: #0e5a93; color: #fff; font-size: 16px; line-height: 1.2; text-align: center; border: none; } #license .tab_content { } #license .tab_content .list-con {display: flex; /* align-items: center; */flex-wrap: wrap; padding-top: 50px; box-sizing: border-box; border-top: 2px solid #333; border-bottom: 1px solid #ccc; margin-bottom: 80px;} #license .tab_content .list-con li {width: calc(25% - 25px);margin-right: 33px; margin-bottom: 80px; text-align: center;} #license .tab_content .list-con li:nth-child(4n) {margin-right: 0;} #license .tab_content .list-con li > a {width: 100%; display: block; /* height: 100%; */ } #license .tab_content .list-con li .img-con {width: 100%; border: 1px solid #e0e0e0; height: auto; padding-bottom: 142%; position: relative;} #license .tab_content .list-con li .img-con img {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: 100%; height: 100%;} #license .tab_content .list-con li p {font-size: 16px; color: #666; line-height: 1.4; letter-spacing: -0.3px; margin-top: 20px; word-break: keep-all;} /* 주요발주처 */ #partner .tab_container {border-top: 2px solid #333; border-bottom: 1px solid #ccc; padding: 50px 0 20px; box-sizing: border-box;} #partner .tab_container .tab_content {} #partner .tab_content ul {display: flex; /* align-items: center; */ flex-wrap: wrap;} #partner .tab_content ul li {border: 1px solid #e0e0e0; width: calc(20% - 26px); margin-right: 30px; margin-bottom: 30px; height: 126px; overflow: hidden;} #partner .tab_content ul li:nth-child(5n) {margin-right: 0;} #partner .tab_content ul li a {width: 100%; height: 100%; /* padding-bottom: 50%; */ display: block; position: relative;} #partner .tab_content ul li.txt a {font-size: 18px; color: #444; font-weight: 500; text-align: center; line-height: 124px;} #partner .tab_content ul li a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;/* height: 100%; */} /* 학술·연구자료 */ #academic {} #academic .search-con {justify-content: end;} #academic .search-form > form {justify-content: flex-end;} /* 회사소개서 */ #profile {} #profile h3.h3-tit {} #profile .profile-con {display: flex; padding: 50px 0; box-sizing: border-box; border-top: 2px solid #333; border-bottom: 1px solid #ccc; margin-top: 50px;} #profile .profile-con.show {opacity: 1; transition: all 0.5s; transition-delay: 0.5s;} #profile .profile-con .img-con {width: 30%;} #profile .profile-con .img-con img {max-width: 100%; border: 10px solid #f7f7f7; border-radius: 10px; width: calc(100% - 20px);} #profile .profile-con .txt-con {width: 70%; padding-left: 100px; box-sizing: border-box;} #profile .profile-con .txt-con .tit {font-size: 36px; color: #333; /* font-family: 'Josefin Sans', sans-serif; */} #profile .profile-con .txt-con ul.dot-list {margin: 37px 0 50px;} #profile .profile-con .txt-con .en-list {} #profile .profile-con .txt-con .en-list li {font-size: 16px; color: #666; line-height: 1.1; margin-bottom: 20px;} #profile .profile-con .txt-con .en-list li span {font-size: 20px; font-weight: 300; display: inline-block; width: 30px; /* font-family: 'Josefin Sans', sans-serif; */} #profile .profile-con .txt-con .en-list li:last-child {margin-bottom: 0;} .ir-popup {display: none; position: fixed; background: rgba(0,0,0, 0.8); width: 100%; height: 100%; top: 0; left: 0; z-index: 1000;} .ir-popup .box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 520px; width: 100%;} .ir-popup .box .img {width: 100%; height: 100%;} .ir-popup .box .img img {width: 100%; height: 100%;} .ir-popup .box .close-btn {position: absolute; top: -35px; right: -7px; border: none; background: none;} .ir-popup .box .close-btn i {font-size: 25px; font-weight: 600; color: #fff;} /*===================== 사업분야 =====================*/ /* 수환경 보전 */ #conserve {} #conserve .txt-box {letter-spacing: -0.3px;} #conserve .txt-box > .inner1400 {display: flex; justify-content: space-between; } #conserve .txt-box .tit {width: 40%; font-size: 30px; color: #333; font-weight: bold; line-height: 1.6; word-break: keep-all;} #conserve .txt-box .txt {width: 60%; font-size: 18px; color: #333; font-weight: 300; line-height: 1.5; word-break: keep-all;} #conserve .list-con {background: #f1f7fb; margin-top: 100px; padding: 120px 0; box-sizing: border-box; z-index: -1;} #conserve .list-con > .inner1400 {} #conserve .list-tit {font-size: 36px; color: #222; font-weight: bold; /* font-family: 'Josefin Sans', sans-serif; */} #conserve .list-con ul {margin-top: 45px;} #conserve .list-con ul li {margin-bottom: 55px;} #conserve .list-con ul li:last-child {margin-bottom: 0;} #conserve .list-con ul li > div {display: flex; } #conserve .list-con ul li .img-con {width: 40%;} #conserve .list-con ul li .img-con img {max-width: 100%;} #conserve .list-con ul li .txt-con {width: 60%; /* padding: 50px 0 0 80px; */ padding-left: 0; box-sizing: border-box;} #conserve .list-con ul li .txt-con .tit {font-size: 24px; color: #333; font-weight: 500; line-height: 1.3; position: relative; /* padding-left: 50px; */ box-sizing: border-box; word-break: keep-all;} /* #conserve .list-con ul li .txt-con .tit:before {content: ''; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 30px; height: 1px; background: #055c9b; }*/ #conserve .list-con ul li .txt-con .txt {font-size: 16px; color: #666; font-weight: 300; line-height: 1.8; /*overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-left: 50px; */box-sizing: border-box; word-break: keep-all; margin: 20px 0 20px;} #conserve .list-con ul li .txt-con .btn-group {margin-top: 0;} #conserve .list-con ul li .txt-con .more-btn {width: 160px; height: 50px; border-radius: 35px; border: 1px solid rgba(14, 90, 147, 0.7); /* margin-left: 50px; */background: #f1f7fb;} #conserve .list-con ul li .txt-con .more-btn:hover:before {z-index: 5;} #conserve .list-con ul li .txt-con .more-btn span {color: #0e5a93; } #conserve .list-con ul li .txt-con .more-btn:hover span {color: #fff; z-index: 6;} #conserve .list-people {margin-top: 120px;} #conserve .list-people > .inner1400 {} #conserve .list-people .list-tit {margin-bottom: 30px;} #conserve .list-people ul {display: flex; flex-wrap: wrap;} #conserve .list-people ul li {margin-right: 33px; width: calc(33.3333% - 33px); border: 1px solid #ccc; margin-bottom: 35px; padding: 50px 0 50px 50px; box-sizing: border-box;} #conserve .list-people ul li:nth-child(3n) {margin-right: 0; } #conserve .list-people ul li .txt-con {} #conserve .list-people ul li .txt-con > p {} #conserve .list-people ul li .txt-con .name {font-size: 30px; color: #333; font-weight: 500; line-height: 1.6; } #conserve .list-people ul li .txt-con .tel {} #conserve .list-people ul li .txt-con .mail {} #conserveView {} #conserveView .h3-tit {text-align: center;} #conserveView .slide-con {display: flex; margin-top: 80px; align-items: end;} #conserveView .slide-con .img-con {width: 60%;} #conserveView .slide-con .img-con > div {} #conserveView .slide-con .img-con > div img {} #conserveView .slide-con .txt-con {width: 40%; padding-left: 100px; box-sizing: border-box;} #conserveView .slide-con .txt-con .txt {padding-bottom: 50px; border-bottom: 1px solid #e0e0e0; } #conserveView .slide-con .txt-con .btn-group {margin-top: 50px;} #conserveView .slide-con .txt-con .btn-group a {font-family: 'Noto Sans KR', sans-serif; font-size: 13px; position: relative; overflow: hidden;} /* #conserveView .slide-con .txt-con .btn-group a:before {content: ''; position: absolute; left: 0px ; bottom: 0px ; z-index: -1; width: 100%; height: 100%; background: #fff; box-shadow: inset 0px 0px 0px #0e5a93; display: block; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.5s cubic-bezier(.5, .24, 0, 1);} */ #conserveView .slide-con .txt-con .btn-group a i {margin-right: 9px; display: inline-block;} /* #conserveView .slide-con .txt-con .btn-group a:hover {color: #fff;} #conserveView .slide-con .txt-con .btn-group a:hover:before {box-shadow: inset 300px 0px 0px #0e5a93; } #conserveView .slide-con .txt-con .btn-group a:hover i {color: #fff;} */ #conserveView .slide-con .txt-con .nav-slide { margin-top: 110px ; display: flex; flex-wrap: wrap;} #conserveView .slide-con .txt-con .nav-slide .nav-con {margin-right: 10px ; width: calc(25% - 8px ); cursor: pointer;} #conserveView .slide-con .txt-con .nav-slide .nav-con img {max-width: 100%; } #conserveView .slide-con .txt-con .nav-slide .nav-con:last-child {margin-right: 0;} #conserveView .slide-con .txt-con .nav-slide .nav-con.on {box-shadow: 0 0 0 5px #d3e4ec inset; /* z-index: 5; */ transition: box-shadow 0.3s;} #conserveView .slide-con .txt-con .nav-slide .nav-con.on img {z-index: -1; position: relative;} #conserveView .slide-con .txt-con .nav-slide .no-img {background: #f5f5f5 url(/img/sub/no-img2.png) no-repeat center; } #conserveView .info {margin-top: 90px;} #conserveView .info .info-tit {font-size: 26px; color: #333; font-weight: 500; line-height: 1.5; padding-bottom: 20px; box-sizing: border-box; border-bottom: 2px solid #222; margin-bottom: 50px;} #conserveView .business-info .txt-con {} #conserveView .business-info .txt-con .txt {font-size: 18px; color: #666; font-weight: 300; line-height: 1.6; word-break: keep-all; text-align: justify;} #conserveView .business-info .txt-con .list-con {margin-top: 50px; display: flex;} #conserveView .business-info .txt-con .list-con .list {width: 50%;} #conserveView .business-info .txt-con .list-con .list .s-txt {margin-bottom: 0;} #conserveView .business-info .txt-con .list-con .list .main-tit {font-size: 20px; color: #333; line-height: 1.3; margin: 0 0 30px; padding-left: 42px; box-sizing: border-box; position: relative;} #conserveView .business-info .txt-con .list-con .list .main-tit:before {content: ''; position: absolute; width: 30px; height: 1px; background: #0e5a93; top: 50%; left: 0; margin-top: -2px;} #conserveView .business-info .txt-con .list-con .list ul {padding-left: 42px; box-sizing: border-box;} #conserveView .business-content {} #conserveView .business-content .content {font-size: 16px; line-height: 1.5;} #conserveView .business-content .content .box-con {background: #ffffff; width: 100%; height: auto; padding: 20px 0px 0px 0; font-size: 16px; line-height: 1.7; box-sizing: border-box; } #conserveView .business-content .content .box-con p {} #conserveView .business-content .btn-group {justify-content: center;} #conserveView .field-con {} #conserveView .field-con ul {width: 100%; display: flex; flex-wrap: wrap;} #conserveView .field-con ul li {width: calc(50% - 20px); margin-right: 40px; border: 1px solid #e0e0e0; padding: 30px ; box-sizing: border-box; margin-bottom: 35px;} #conserveView .field-con ul li:nth-child(2n) {margin-right: 0;} #conserveView .field-con ul li > a {width: 100%; height: auto; display: block;} #conserveView .field-con ul li > a > div {width: 100%; display: flex; align-items: center; } #conserveView .field-con ul li .img-con {width: 42%;} #conserveView .field-con ul li .img-con img {max-width: 100%; width: 100%;} #conserveView .field-con ul li .txt-con {width: 58%; padding-left: 40px; box-sizing: border-box; } #conserveView .field-con ul li .txt-con .tit {font-size: 22px; color: #333; font-weight: 500; line-height: 1.3;} #conserveView .field-con ul li .txt-con .txt {font-size: 16px; color: #666; font-weight: 300; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; margin: 25px 0 30px;} #conserveView .field-con ul li .txt-con button {font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #333; border: none; font-weight: 400; background: none;} #conserveView .field-con ul li .txt-con button .line {display: inline-block; width: 30px; height: 1px; background: #333; margin-bottom: 4px; margin-right: 10px;} /*===================== 주요실적 =====================*/ #achieve {} #achieve .search-con {} #achieve .search-con .search-form .years {margin-right: 8px;/* font-family: 'Josefin Sans', sans-serif; */} /* #achieve .search-con .search-form .years.on {border: 1px solid rgba(14, 90, 147, 0.7); color: #0e5a93; background:url('/img/sub/down-arrow_on.png') no-repeat 89% center;} */ #achieve .list-head li .col_title, #achieve .list-head li .col_date {font-family: 'Noto Sans KR', sans-serif;} #achieve .list-body li .col_date {font-family: 'Noto Sans KR', sans-serif;} #achieve .search-form .form-con {display: flex; align-items: center;} #achieve .search-form .search-box {display: flex; align-items: center;} #achieve .search-con .cate-group {margin-right: 8px; display: flex; align-items: center;} #achieve .search-con .cate-group select {width: 170px;} /*===================== 보유장비 =====================*/ /* 조사장비 */ #equipment {} #equipment .search-con {} .list-content .list-con {} .list-content .list-con > a {display: block; width: 100%; height: 100%;} .list-content .list-con ul {display: flex; flex-wrap: wrap; width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #cccccc; padding-top: 50px; box-sizing: border-box;} .list-content .list-con ul li {border: 1px solid #e0e0e0; margin-right: 48px; margin-bottom: 50px; width: calc(33.3333% - 34px);} .list-content .list-con ul li:nth-child(3n) {margin-right: 0;} .list-content .list-con ul li .img-con {width: 100%; height: auto; padding-bottom: 75%; position: relative; border-bottom: 1px solid #e0e0e0; overflow: hidden;} .list-content .list-con ul li .img-con img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* width: 100%; height: 100%; */ width: auto; height: auto; max-width: 100%; max-height: 100%;} .list-content .list-con ul li .txt-con {letter-spacing: -0.3px; padding: 40px 20px 45px 40px; box-sizing: border-box;} .list-content .list-con ul li .txt-con .tit {font-size: 18px; color: #333; font-weight: 500; /* font-family: 'Josefin Sans', sans-serif; */ margin-bottom: 20px; line-height: 1.4; word-break: keep-all;} .list-content .list-con ul li .txt-con .txt {display: block; font-size: 16px; color: #666; line-height: 1.5; word-break: keep-all;} #equipment .list-con {margin-bottom: 50px;} #equipment .list-con ul {/* gap: 50px 20px; */ border-bottom: none;} #equipment .list-con ul li {width: calc(25% - 15px);margin: 0; border: none; margin-right: 20px; margin-bottom: 50px;} #equipment .list-con ul li:nth-child(4n) {margin-right: 0;} #equipment .list-con ul li .img-con {padding-bottom: 57%; background: #f7f7f7; border: 1px solid #e0e0e0;} #equipment .list-con ul li .img-con img {mix-blend-mode: multiply; /* padding: 5px; */ box-sizing: border-box; } #equipment .list-con ul li .txt-con {padding: 15px 0 0; box-sizing: border-box;} #equipment .list-con ul li .txt-con .tit {font-size: 18px; margin-bottom: 3px; font-weight: bold; font-family: 'Noto Sans KR'; line-height: 1.3;} #equipment .list-con ul li .txt-con .txt {font-size: 16px;} #equipmentView {} #equipmentView .view-con {padding-bottom: 80px; box-sizing: border-box; border-bottom: 1px solid #ccc;} #equipmentView .info-con {display: flex; } #equipmentView .info-con .img-con {width: 40%; /* height: 100%; */ /* height: fit-content; */ height: 320px; border: 1px solid #e0e0e0;} #equipmentView .info-con .img-con .img {width: 100%; position: relative; height: 100%;/* height: auto; padding-bottom: 61%; */} #equipmentView .info-con .img-con .img img {position: absolute; margin: auto; max-width: 100%; max-height: 100%; left: 50%; transform: translate(-50%, -50%); top: 50%; mix-blend-mode: multiply;} #equipmentView .slick-slider .slick-track, #equipmentView .slick-slider .slick-list {height: 100%;} /* #equipmentView .info-con .img-con .img img {margin: 0 auto; top: 50%; transform: translateY(-50%); position: relative;} */ #equipmentView .info-con .img-con .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px;} #equipmentView .info-con .img-con .slick-dots li {display: inline-block; margin-right: 12px;} #equipmentView .info-con .img-con .slick-dots li:last-child {margin-right: 0;} #equipmentView .info-con .img-con .slick-dots li button {width: 8px; height: 8px; border-radius: 100%; border: 1px solid #e2e2e2; background: none; text-indent: -99999px; padding: 0;vertical-align: middle;} #equipmentView .info-con .img-con .slick-dots li.slick-active button {border: 2px solid #0e5a93; } #equipmentView .info-con .txt-con {width: 60%; margin-left: 100px; /* border-top: 2px solid #333; border-bottom: 1px solid #ccc; */} #equipmentView .info-con .txt-con .top-txt {padding: 0 0 48px; box-sizing: border-box; /* border-bottom: 1px solid #ccc; */} #equipmentView .info-con .txt-con .top-txt span {display: block; font-size: 14px; font-weight: bold; line-height: 1.1;} #equipmentView .info-con .txt-con .top-txt .tit {font-size: 40px; font-weight: 500; color: #222; /* font-family: 'Josefin Sans', sans-serif; */ line-height: 1.1; margin-bottom: 40px; margin-top: -4px; } #equipmentView .info-con .txt-con .top-txt .tit > span {display: block; font-size: 20px; color: #666; font-weight: 500; margin-top: 10px;} #equipmentView .info-con .txt-con .info-list {} #equipmentView .info-con .txt-con .info-list p {color: #333; font-size: 16px; padding: 6px 0; display: flex; word-break: keep-all; line-height: 1.4;} #equipmentView .info-con .txt-con .info-list p::before {content: ''; margin: 9px 8px 0 0; display: inline-block; width: 3px; height: 3px; border-radius: 100%; background: #333; } #equipmentView .info-con .txt-con .btm-txt {/* padding: 50px 0; */ box-sizing: border-box; } #equipmentView .info-con .txt-con .btm-txt .line {display: flex; align-items: center; margin-bottom: 30px; line-height: 1.2;} #equipmentView .info-con .txt-con .btm-txt .line:last-child {margin-bottom: 0;} #equipmentView .info-con .txt-con .btm-txt .line dt {width: 130px; font-size: 20px; color: #333; font-weight: 500;} #equipmentView .info-con .txt-con .btm-txt .line dd {font-size: 15px; color: #666; } #equipmentView .info-con .txt-con .btm-txt .line2 {border-top: 1px solid #ccc; padding: 19px 0 45px; box-sizing: border-box; display: flex; font-size: 16px; line-height: 1.3; position: relative;} #equipmentView .info-con .txt-con .btm-txt .line2::before {content: ''; position: absolute; left: 0; top: -1px; width: 130px; height: 1px; background: #0e5a90;} #equipmentView .info-con .txt-con .btm-txt .line2 dt {width: 130px; color: #0e5a90;} #equipmentView .info-con .txt-con .btm-txt .line2 dd {width: calc(100% - 130px); color: #333; word-break: keep-all;} #equipmentView .detail-con {padding: 50px 0; width: 100%; /* background: #eee; */ margin-top: 60px; box-sizing: border-box; /* height: 800px; */} #equipmentView .btn-group {text-align: center;width: 100%;display: block; } #equipmentView .btn-group a {font-size: 18px; text-transform: none; font-weight: 500; display: inline-block;} /*===================== 채용 =====================*/ /* 복리후생 */ #benefits .bg {width: 100%; height: 500px; background: url(/img/sub/benefit_bg.jpg) no-repeat center; text-align: center; position: relative; z-index: -1;} #benefits .bg.show {opacity: 1;} #benefits .bg:after {content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff; } #benefits .bg.show:after {content: ''; right: 0; width: 0; transition: all 1s;} #benefits .bg .txt-box {position: relative; top: 33%; transform: translateY(-50%);} /* #benefits .bg.show .txt-box {transition-delay: 5s; transition: 0.5s;} */ #benefits .bg .tit {font-size: 30px; color: #fff; font-weight: 200; line-height: 1.2; margin-bottom: 25px;} #benefits .bg .tit strong {font-weight: bold; } #benefits .bg .txt {display: block; font-size: 20px; color: #fff; font-weight: 300; line-height: 1.1; word-break: keep-all;} #benefits .list {max-width: 1400px; margin: 0 auto; padding-top: 80px; box-sizing: border-box; background: #fff; margin-top: -190px; z-index: 10;} #benefits .list.show {opacity: 1; animation: txt-btm 1s 0.8s both;} #benefits .list ul {display: flex; flex-wrap: wrap;} #benefits .list ul li {text-align: center; width: 20%; margin-bottom: 80px;} #benefits .list ul li > div {} #benefits .list ul li > div .circle {display: inline-block; position: relative;} #benefits .list ul li > div .circle:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #e0e0e0; width: 40px; height: 2px; } #benefits .list ul li > div .circle span {display: block; width: 120px; height: 120px; border-radius: 100%; border: 1px solid rgba(14, 90, 147, 0.5); margin-bottom: 30px; position: relative;} #benefits .list ul li > div .circle span img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #benefits .list ul li > div .txt {font-size: 16px; color: #333; letter-spacing: -0.3px; margin-top: 30px; line-height: 1.5; /* height: 80px; */ word-break: keep-all;} #recruitment {} #recruitment .search-con { justify-content: end;} #recruit * { box-sizing:border-box; } #recruit h4 { color:#000; font-weight: 700; line-height: 1.3; font-size:30px; letter-spacing:-0.02em } #recruit .re-box:nth-child(2) { margin-top:100px; } #recruit .re-box { padding:100px 0; } #recruit .re-box.bg { background:rgba(14, 90, 147, 0.05); } #recruit .re-box.bg1 { background:#f9f9f9; padding-bottom:200px; margin-bottom:-200px; } #recruit .re-box .table-box { position: relative; margin-top:50px; overflow:hidden; border-radius:10px 10px 0px 0px; border-top:1px solid #cbcbcb; } #recruit .re-box .table-box:before { content:""; display:block; position: absolute; top: 0; left: 0; background:#cbcbcb; width:1px; height:80px; } #recruit .re-box .table-box:after { content:""; display:block; position: absolute; top: 0; right: 0; background:#cbcbcb; width:1px; height:80px; } #recruit .re-box .table-box thead th { height:80px; overflow:hidden; border-bottom:1px solid #cbcbcb; background:rgba(14, 90, 147, 0.10); color:#333; font-weight: 700; line-height: 1.3; font-size:23px; letter-spacing:-0.02em } #recruit .re-box .table-box thead th:first-child { border-radius:10px 0 0px 0px;} #recruit .re-box .table-box thead th:last-child { border-radius:0 10px 0px 0px; border-left:1px solid #cbcbcb;} #recruit .re-box .table-box tbody th { height:80px; border:1px solid #efefef; background:#fff; color:#333; font-weight: 700; line-height: 1.3; font-size:20px; letter-spacing:-0.02em } #recruit .re-box .table-box tbody td { border:1px solid #efefef; background:#fff; padding:30px 10px 30px 60px; } #recruit .re-box .table-box tbody td ul li:not(:last-child) { margin-bottom:10px; } #recruit .re-box .table-box tbody td ul li { position: relative; padding-left:10px; color:#000; font-weight: 400; line-height: 1.3; font-size:18px; letter-spacing:-0.02em } #recruit .re-box .table-box tbody td ul li:before { content:""; display:block; position: absolute; top: 10px; left: 0; background:#000; width:3px; height:3px; border-radius:3px; } #recruit .re-box .list > ul > li:not(:last-child) { margin-bottom:100px; } #recruit .re-box .list > ul > li dl { display:flex; flex-wrap:wrap; } #recruit .re-box .list > ul > li dt { position: relative; padding-left:20px; width:270px; color:#0e5a93; font-weight: 600; line-height: 1.3; font-size:22px; letter-spacing:-0.02em } #recruit .re-box .list > ul > li dt:before { content:""; display:block; position: absolute; top: 5px; left: 0; background:#0e5a93; width:3px; height:19px; opacity:0.4 } #recruit .re-box .list > ul > li dd { width:calc(100% - 270px); } #recruit .re-box .list > ul > li dd li:not(:last-child) { margin-bottom:20px; } #recruit .re-box .list > ul > li dd li { position: relative; padding-left:10px; color:#222; font-weight: 400; line-height: 1.8; font-size:18px; letter-spacing:-0.02em } #recruit .re-box .list > ul > li dd li:before { content:""; display:block; position: absolute; top: 14px; left: 0; background:#222; width:3px; height:3px; border-radius:3px; } #recruit .re-box .list > ul > li dd .btn { margin-top:30px; } #recruit .re-box .list > ul > li dd .btn a { width:160px; height:50px; display:flex; align-items: center; justify-content: center; border:1px solid #0e5a93; border-radius:50px; } #recruit .re-box .list > ul > li dd .btn span { color:#0e5a93; font-weight: 700; line-height: 1.3; font-size:16px; letter-spacing:-0.02em } #recruit .re-box .list > ul > li dd .btn span i { display:inline-block; margin-left:8px; } #recruit .re-box .list > ul > li dd .btn a:hover { background:#0e5a93; } #recruit .re-box .list > ul > li dd .btn a:hover span { color:#fff } #recruit .re-box .listbox { margin-top:50px; } #recruit .re-box .listbox ul { display:flex; flex-wrap:wrap; gap:25px; } #recruit .re-box .listbox ul li { position: relative; width:calc((100% - 100px) / 5); } #recruit .re-box .listbox ul li:before { content:""; display:block; padding-bottom:100%; } #recruit .re-box .listbox ul li .box { padding:0 5px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; position: absolute; top: 0; left: 0; width:100%; height:100%; border-radius: 10px; background: #fff; box-shadow: 0px 0px 5px 0px rgba(14, 90, 147, 0.15);} #recruit .re-box .listbox ul li .box .icon { margin:0 auto; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border:1px solid #e8e8e8; border-radius:100px; } #recruit .re-box .listbox ul li .box .txt { margin-top:25px; color:#333; font-weight: 500; line-height: 1.3; font-size:19px; letter-spacing:-0.02em; min-height:50px; } /*===================== 소식 =====================*/ /* 공지사항 */ #notice .search-con {justify-content: flex-end;} /* 뷰페이지 */ #viewPage {} #viewPage .view-con {} #viewPage .view-con .tit-con {display: flex; align-items: center; justify-content: space-between; padding: 48px 50px 50px; box-sizing: border-box; border-top: 1px solid #333; border-bottom: 1px solid #e0e0e0; background: #f7f7f7;} #viewPage .view-con .tit-con .tit {font-size: 24px; color: #333; font-weight: 500; line-height: 1.2; width: 90%; word-break: keep-all;} #viewPage .view-con .tit-con .date {font-size: 16px; color: #666; font-weight: 300; line-height: 1.1; /* font-family: 'Josefin Sans', sans-serif; */ width: 10%; text-align: right;} #viewPage .view-con .txt-con {padding: 80px 50px; box-sizing: border-box; border-bottom: 1px solid #ccc; } #viewPage .view-con .txt-con p {line-height: 1.5; font-size: 16px; color: #666; } #viewPage .view-con .txt-con .txt-box {width: 100%; height: 600px; background: #eeeeee; text-align: center;} #viewPage .view-list {} #viewPage .view-list > div {padding: 22px 0 24px; box-sizing: border-box; border-bottom: 1px solid #ccc; display: flex; align-items: center; } #viewPage .view-list > div span {display: inline-block; font-size: 16px; color: #333; width: 15%; font-weight: 400; width: 185px; text-align: center;} #viewPage .view-list > div p {font-size: 16px; color: #666; width: calc(100% - 185px); font-weight: 300; } #viewPage .view-list {} #viewPage .view-list .tbl-btn {} #viewPage .view-list .tbl-btn th, #viewPage .view-list .tbl-btn td {padding: 22px 0 24px; box-sizing: border-box; border-bottom: 1px solid #ccc;} #viewPage .view-list .tbl-btn th {font-size: 16px; color: #333; width: 15%; font-weight: 400;} #viewPage .view-list .tbl-btn td {font-size: 16px; color: #666; width: 85%; font-weight: 300;} /* 보도자료 */ #press .search-con {justify-content: flex-end;} #press .list-con ul {} #press .list-con ul li {} #press .list-con ul li > a {} #press .list-con ul li .img-con {padding-bottom: 60%;} /* #press .list-con ul li .img-con img {width: 100%; height: 100%;} */ #press .list-con ul li .txt-con .tit {font-family: 'Noto Sans KR', sans-serif; font-size: 20px; margin-bottom: 45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #press .list-con ul li .txt-con .date {/* font-family: 'Josefin Sans', sans-serif; */ font-size: 16px; color: #666;} /* 뉴스레터 */ #letter {} #letter .letter-con {display: flex; width: 100%; height: 100%; } #letter .letter-con .img-con {width: 34%; height: 100%;} #letter .letter-con .img-con img {max-width: 100%; width: 100%;} #letter .letter-con .tbl-con {width: 66%; padding-left: 60px; box-sizing: border-box;} #letter .letter-con .tbl-con .list-body li .col_title a {-webkit-line-clamp: 1;} /*===================== 반응형 =====================*/ @media screen and (max-width: 1400px) { #subContents .pageTit {padding-left: 0;} #greeting .gre-con .gre-txt {padding-left: 0; width: 70%;} #greeting .gre-con .gre-img {width: 30%;} #history .top-con .pageTit {padding: 0 2%;} #history .history-con .tabs li {background-position: right 30px center;} #history .history-con .tabs li > a {padding: 34px 0 35px 25px;} #mission .circle-list ul li .circle {width: 100%; height: auto; padding-bottom: 100%;} #organ .tab-con .tabs {flex-wrap: wrap;} #organ .tab-con .tabs > li > a {font-size: 16px;} #benefits .list {max-width: 1200px;} /* 사업분야 */ #conserve .list-con ul li .txt-con {padding-left: 60px;} #conserveView .slide-con .txt-con {padding-left: 70px;} /* 보유장비 */ #achieve .search-con {flex-flow: column;} #achieve .search-con p {width: 100%; order: 2;} #achieve .search-form {order:1; margin-bottom: 15px; width: 100%;} #achieve .search-form > form {justify-content: end; width: 100%;} } @media screen and (max-width: 1200px) { /* #subContents .pageTit {text-align: center;} */ h3.h3-tit {font-size: 28px;} /* 회사소개 */ #greeting .gre-con {flex-flow: column; } #greeting .gre-con .gre-txt {order: 1; width: 93%; padding: 0 40px 70px; box-sizing: border-box; margin: 0 auto -80px; z-index: 15; background: #fff;} #greeting .gre-con .gre-txt .txt br.br-n {display: none;} #greeting .gre-con .gre-img {order: 2; width: 100%; height: 350px; background: url(/img/sub/bg-greeting-img.jpg) no-repeat center -185px;} #greeting .gre-con .gre-img img {display: none;} /* #greeting .gre-con .gre-txt .txt br.br-n {display: none;} */ #history .history-con .tabs li {height: 100px; background-position: right 20px center; background-size: 43px;} #history .history-con .tabs li > a {padding: 23px 0 21px 20px;} /* #mission .circle2 {margin: 0 110px;} */ #mission .circle-con.show .cir1 {margin-right: 110px;} #mission .circle-con.show .cir2 {margin-left: 110px;} #mission .circle-list ul {max-width: 800px; margin: 0 auto;} #mission .circle-list ul li {width: calc(33.333% - 20px); margin-right: 20px; margin-bottom: 20px; } #mission .circle-list ul li:nth-child(3n) {margin-right: 0;} #organ .tab-con {margin-top: 100px;} #organ .tab-con .tabs {margin-bottom: 50px;} #organ .tab-con .tabs > li {width: calc(16.66667% - 2px);} #organ .tab-con .tabs > li > a {padding: 15px 0;} #organ .tab_content .organ-list > li {margin-right: 28px; width: calc(33.333% - 21px);} #organ .tab_content .organ-list > li > a {padding: 30px 0 30px 25px;} #organ .tab_content .organ-list > li .txt-con .name {font-size: 26px;} #organ .division .txt-con {padding-left: 0;} #organView .organ-info .img-con {width: 30%;} #organView .organ-info .txt-con {width: 70%; padding-left: 50px;} #organView .organ-info .txt-con .name-con {padding: 40px 0;} #organView .organ-info .txt-con .name-con .name {padding-left: 40px;} #organView .organ-info .txt-con .name-con .info {padding-left: 40px;} #organView .organ-info .txt-con .cv {padding: 50px 0 50px 40px;} #location .map-con {margin-top: 30px;} #location .map-con .mapBox {height: 400px;} #location .traffic-info .info-list .con1 .icon-box .txt li p br {display: none;} /* 기업 IR */ #partner .tab_content ul li {height: 100px;} #partner .tab_content ul li.txt a {line-height: 100px;} /* 사업분야 */ #conserve .txt-box .tit {width: 35%;} #conserve .txt-box .txt {width: 65%; padding-left: 50px; box-sizing: border-box;} #conserve .list-con ul li .txt-con {padding-left: 50px;} #conserve .list-con ul li .txt-con .txt {margin: 28px 0 30px;} #conserve .list-con ul li .txt-con .more-btn {height: 45px;} #conserve .list-people ul li {padding: 30px 0 30px 25px; margin-right: 28px; width: calc(33.333% - 21px);} #conserve .list-people ul li .txt-con .name {font-size: 28px;} #conserveView .slide-con .txt-con {padding-left: 50px; } #conserveView .slide-con .txt-con .txt {padding-bottom: 10px;} #conserveView .slide-con .txt-con .btn-group {margin-top: 30px;} #conserveView .slide-con .txt-con .nav-slide {margin-top: 80px;} #conserveView .field-con ul li {padding: 20px;} #conserveView .field-con ul li {width: calc(50% - 15px); margin-right: 30px; margin-bottom: 30px;} #conserveView .field-con ul li .img-con {width: 48%;} #conserveView .field-con ul li .txt-con {width: 52%; padding-left: 30px;} #conserveView .field-con ul li .txt-con .txt {margin: 15px 0 20px;} /* 주요실적 */ #achieve .search-con .cate-group select {width: 130px;} #achieve .form-control {padding: 0 15px;} #achieve .search-form input {width: 320px;} /* 보유장비 */ .list-content .list-con ul li {margin-right: 25px; width: calc(33.3333% - 19px);} .list-content .list-con ul li .txt-con {padding: 30px 15px 30px 20px;} #press .list-con ul li .txt-con .tit {margin-bottom: 40px;} #equipment .search-con {flex-wrap: wrap;} #equipment .search-con p {width: 100%; order: 2;} #equipment .search-form {width: 100%; order: 1; margin-bottom: 15px;} #equipment .search-form > form {justify-content: end;} #equipment .list-con ul li {width: calc(33.3333% - 15px);} #equipment .list-con ul li:nth-child(4n) {margin-right: 20px;} #equipment .list-con ul li:nth-child(3n) {margin-right: 0;} #equipment .list-con ul li .img-con {padding-bottom: 60%;} #equipment .list-con ul li .txt-con .tit {font-size: 22px;} /* 채용 */ #benefits .bg {height: 400px;} #benefits .list {width: 88%; margin-top: -150px;} #benefits .list ul li {margin-bottom: 70px;} #benefits .list ul li {text-align: center; width: 25%; } #recruit .re-box .listbox ul li { position: relative; width:calc((100% - 75px) / 4); } } @media screen and (max-width: 1024px) { .sub-content-new { margin-top:120px; } .location-content.sub-content-new { margin-top:60px; } #sv {height: 500px;} #sv .top-location { bottom: 100px;} #subContents .pageTit .page-tit {font-size: 35px;} #lnb .depth2 li a {margin: 0 40px;} #lnb .depth2.n6 li a {margin: 0 27px;} /* 회사소개 */ #greeting .gre-con .gre-txt {padding: 0 30px 65px; width: 95%;} #greeting .gre-con .gre-txt .tit {font-size: 27px;} #greeting .gre-con .gre-img {height: 300px;} #history .history-con .tabs {flex-wrap: wrap; } #history .history-con .tabs li {width: calc(50% - 2px);} #history .history-con .tabs li:nth-child(2) {border-right: 1px solid #e0e0e0;} #history .history-con .tab_content .list-con > ul > li .list {padding-left: 45px;} #mission .circle1 .circle {width:180px; height: 180px; max-width: 200px;} #mission .circle2 {/* margin: 0 50px; */margin-top: -20px;} #mission .circle-con.show .cir1 {margin-right: 0;} #mission .circle-con.show .cir2 {margin-left: 0;} #mission .circle2 .bg1 {width: 140%; height: 140%; margin: -70% 0 0 -70%;} #mission .circle2:before {width: 170%; height: 170%; margin: -85% 0 0 -85%;} #mission .circle2:after {width: 200%; height: 200%; margin: -100% 0 0 -100%;} #organ .tab_content .organ-list > li {margin-right: 30px; width: calc(50% - 17px); margin-right: 30px;} #organ .tab_content .organ-list > li > a {padding: 30px 0 30px 28px;} #organ .tab_content .organ-list > li:nth-child(3n) {margin-right: 30px;} #organ .tab_content .organ-list > li:nth-child(2n) {margin-right: 0;} #organ .tab_content .organ-list > li .txt-con .mail {margin-bottom: 35px;} #organ .tbl-con .organ-tbl th {font-size: 17px;} #organ .tbl-con .organ-tbl td {font-size: 15px;} #organ .tbl-con .organ-tbl th:nth-child(1), #organ .tbl-con .organ-tbl td:nth-child(1) {width: 9%;} #organ .tbl-con .organ-tbl th:nth-child(2), #organ .tbl-con .organ-tbl td:nth-child(2) {width: 9%;} #organ .tbl-con .organ-tbl th:nth-child(4), #organ .tbl-con .organ-tbl td:nth-child(4) {width: 38%;} #organ .tbl-con .organ-tbl th:nth-child(5), #organ .tbl-con .organ-tbl td:nth-child(5) {width: 15%;} #organ .contactUs-table { margin-top:40px; } #organ .contactUs-table thead th, #organ .contactUs-table tbody td { padding: 18px 5px; font-size: 15px; } #organView .organ-info .txt-con .name-con .name {padding-left: 10px;} #organView .organ-info .txt-con .name-con .info {padding-left: 10px;} #organView .organ-info .txt-con .cv {padding: 40px 0 40px 10px;} #location .info-list li {padding: 40px 0;} #location .info-list li > div .txt-con {flex-wrap: wrap; } #location .info-list li .icon-box .txt {width: 100%;} #location .info-list li .icon-box .txt .m-hide {display: none;} #location .info-list li .icon-box .txt p {margin-top: 10px;} #location .traffic-info h3 {padding-bottom: 30px;} #location .traffic-info .traffic-list li > div {width: 100%;} #location .traffic-info .traffic-list li > div:first-child {padding-bottom: 40px; box-sizing: border-box; border-bottom: 1px solid #eeeeee;} #location .traffic-info .traffic-list li > div:last-child {padding-top: 40px; box-sizing: border-box; } #location .traffic-info .info-list .con1 .icon-box {padding-top: 0;} #ci h4 { font-size:22px; } #ci .type-1 .box { margin-top:30px; height:250px; } #ci .type-1 .box img { max-width:60%; } #ci .type-1 .btn_down { margin-top:30px; } #ci .type-1 .btn_down a { width:200px; height:50px; } #ci .type-1 .btn_down a span { font-size:16px; } #ci .type-1 .btn_down a i { margin-left:8px; } #ci .type-2 { margin-top:70px; } #ci .type-2 .box { margin-top:30px; padding:40px 10px; flex-wrap:wrap; gap:40px; } #ci .type-2 .box .color { gap:20px; width:100%; justify-content:center; } #ci .type-2 .box .color .c-box { width:75px; height:75px; } #ci .type-2 .box .color dt { font-size:18px; } #ci .type-2 .box .color dd { margin-top:10px; font-size:16px; } #ci .type-2 .box .color dd li:not(:last-child) { margin-bottom:5px; } #ci .type-2 .box .color dd li { font-size:16px; } #ci .type-2 .box .color dd li span { width:55px; } #ci .type-2 .box .color dd li span strong { width:17px; } /* 기업IR */ #license .search-con {flex-flow: column;} #license .search-con p {width: 100%;order: 2;} #license .search-form {width: 100%; order: 1; margin-bottom: 15px;} #license .search-form > form {justify-content: end; } #license .tab_content .list-con li {width: calc(33.333% - 18px); margin-right: 27px;} #license .tab_content .list-con li:nth-child(4n) {margin-right: 27px;} #license .tab_content .list-con li:nth-child(3n) {margin-right: 0;} #partner .tab_container {padding: 50px 0 25px;} #partner .tab_content ul li {width: calc(25% - 21px); margin-right: 25px; margin-bottom: 25px;} #partner .tab_content ul li:nth-child(5n) {margin-right: 25px;} #partner .tab_content ul li:nth-child(4n) {margin-right: 0;} #profile .profile-con .img-con {width: 35%; } #profile .profile-con .txt-con {width: 65%; padding-left: 50px;} #profile .profile-con .txt-con ul.dot-list li {line-height: 1.5;} #profile .profile-con .txt-con ul.dot-list li:before {top: 10px; transform: initial;} /* 사업분야 */ #conserve .txt-box > .inner1400 {flex-wrap: wrap; } #conserve .txt-box .tit {width: 100%; line-height: 1.4;} #conserve .txt-box .txt {width: 100%; padding-left: 0; margin-top: 30px;} #conserve .list-con {padding: 80px 0;} #conserve .list-con ul li {margin-bottom: 50px;} #conserve .list-con ul li > div {align-items: flex-start;} #conserve .list-con ul li .img-con {width: 45%;} #conserve .list-con ul li .txt-con {padding-left: 30px; width: 55%;} #conserve .list-con ul li .txt-con .tit {padding-left: 0;} #conserve .list-con ul li .txt-con .txt {margin: 20px 0 25px; padding-left: 0;} #conserve .list-con ul li .txt-con .more-btn {margin-left: 0;} #conserve .list-people ul li {width: calc(50% - 17px); margin-right: 30px;} #conserve .list-people ul li:nth-child(3n) {margin-right: 30px;} #conserve .list-people ul li:nth-child(2n) {margin-right: 0;} #conserve .list-people ul li .txt-con .name {font-size: 26px;} #conserveView .slide-con .txt-con .btn-group {} #conserveView .slide-con .txt-con .btn-group a {width: 50%; height: 45px; line-height: 45px;} #conserveView .field-con ul li {margin-right: 25px; margin-bottom: 25px;} #conserveView .field-con ul li .txt-con .tit {font-size: 20px;} /* 주요실적 */ #achieve .search-form > form {flex-wrap: wrap;} #achieve .search-form .form-con {width: 100%; margin-bottom: 15px;} #achieve .search-form .search-box {width: 100%;} #achieve .search-con .cate-group select {width: 160px;} #achieve .search-form input {width: calc(100% - 214px);} /* 보유장비 */ #equipmentView .info-con .txt-con {margin-left: 50px;} #equipmentView .info-con .txt-con .top-txt .tit {font-size: 32px;} /* #equipmentView .info-con .txt-con .btm-txt {padding: 35px 0;} */ /* 채용 */ #benefits .bg {height: 300px;} #benefits .list {margin-top: -100px; padding-top: 60px;} /* #benefits .list ul li {width: 33.33333%;} */ #benefits .list ul li > div .txt {margin-top: 25px;} #recruit h4 { font-size:22px; } #recruit .re-box { padding:80px 0; } #recruit .re-box.bg1 { padding-bottom:150px; margin-bottom:-150px; } #recruit .re-box .table-box { margin-top:30px; } #recruit .re-box .table-box:before, #recruit .re-box .table-box:after { height:60px; } #recruit .re-box .table-box thead th { height:60px; font-size:19px; } #recruit .re-box .table-box tbody th { height:60px; font-size:17px; padding:0 5px; } #recruit .re-box .table-box tbody td { padding:20px 10px 20px 20px; } #recruit .re-box .table-box tbody td ul li:not(:last-child) { margin-bottom:5px; } #recruit .re-box .table-box tbody td ul li { font-size:16px; } #recruit .re-box .list > ul > li:not(:last-child) { margin-bottom:60px; } #recruit .re-box .list > ul > li dt { padding-left:16px; width:180px; font-size:20px; } #recruit .re-box .list > ul > li dd { width:calc(100% - 180px); } #recruit .re-box .list > ul > li dd li:not(:last-child) { margin-bottom:15px; } #recruit .re-box .list > ul > li dd li { font-size:16px; } #recruit .re-box .list > ul > li dd .btn { margin-top:25px; } #recruit .re-box .list > ul > li dd .btn a { width:130px; height:45px; } #recruit .re-box .list > ul > li dd .btn span { font-size:15px; } #recruit .re-box .listbox { margin-top:30px; } #recruit .re-box .listbox ul { display:flex; flex-wrap:wrap; gap:20px; } #recruit .re-box .listbox ul li { position: relative; width:calc((100% - 40px) / 3); } #recruit .re-box .listbox ul li .box .icon { width:80px; height:80px; } #recruit .re-box .listbox ul li .box .txt { margin-top:20px; font-size:16px; min-height:45px; } /* 소식 */ #letter .search-form > form {justify-content: end;} #letter .search-form {width: 100%; order: 1; margin-bottom: 15px;} #letter .search-con { flex-flow: column;} #letter .search-con p {width: 100%; order: 2;} #letter .letter-con .tbl-con {padding-left: 50px;} #press .list-con ul li .txt-con .tit {font-size: 18px;} #viewPage .view-con .tit-con {padding: 35px 25px;} #viewPage .view-con .txt-con {padding: 50px 25px;} #viewPage .view-list > div span {width: 150px;} #viewPage .view-list > div p {width: calc(100% - 150px);} } @media screen and (max-width: 960px) { #organView .organ-info .txt-con .name-con {flex-wrap: wrap; } #organView .organ-info .txt-con .name-con .name {width: 100%;} #organView .organ-info .txt-con .name-con .info {width: 100%; padding-top: 30px;} #organView .organ-info .txt-con .name-con .info > p {margin-bottom: 6px;} #mission .circle1 .circle {width: 150px; height: 150px; max-width: 160px;} /* #mission .circle1 .circle .img-con img {width: 30px;} */ #mission .circle2 {margin: -35px 30px 0 30px;} #organ .organ-con .pc-img {display: none;} #organ .organ-con .m-img {display: block;} /* 사업분야 */ #conserveView .slide-con {flex-wrap: wrap;} #conserveView .slide-con .img-con {width: 100%;} #conserveView .slide-con .txt-con {width: 100%; display: flex; flex-flow: column; margin-top: 30px; padding-left: 0;} #conserveView .slide-con .txt-con .txt {order: 2; margin-top: 30px;} #conserveView .slide-con .txt-con .btn-group {order: 3;} #conserveView .slide-con .txt-con .btn-group a {width: 30%;} #conserveView .slide-con .txt-con .nav-slide {order: 1; margin-top: 0;} #conserveView .business-info .txt-con .list-con {flex-wrap: wrap;} #conserveView .business-info .txt-con .list-con .list {width: 100%;} #conserveView .business-info .txt-con .list-con .list:first-child {margin-bottom: 30px;} #conserveView .field-con ul li .img-con {width: 45%;} #conserveView .field-con ul li .txt-con {width: 55%; padding-left: 22px;} #conserveView .field-con ul li .txt-con .tit {font-size: 18px;} #conserveView .field-con ul li .txt-con .txt {font-size: 15px;} /* 보유장비 */ .list-content .list-con ul li .txt-con {padding: 25px 15px;} #equipmentView .info-con {flex-wrap: wrap;} #equipmentView .info-con .img-con {width: 100%; /* height: 379px; */} #equipmentView .info-con .img-con .img {/* padding-bottom: 36%; */} #equipmentView .info-con .txt-con {width: 100%; margin-left: 0; margin-top: 50px;} } @media screen and (max-width: 767px) { #sv {height: 380px;} /* #sv .tit h3 {font-size: 40px;} */ #sv .tit h3 > span {font-size: 40px;} #sv .tit p {font-size: 16px; margin-top: 20px;} #sv .tit p > span {font-size: 16px;} #sv .top-location { bottom: 60px;} #lnb {height: 55px; bottom: -55px; } #lnb .depth2 li a {/* padding: 20px 0 21px; */ font-size: 15px; margin: 0 20px; font-weight: 400;} #lnb .depth2 li a:after {height: 2px;} #lnb .depth2 li.on a:after {width: 100%;} #lnb .depth2.n6 li {width: 16.666%;} #lnb .depth2.n6 li a {margin: 0;} #subContents {padding: 50px 0 60px;} #subContents .pageTit {margin-bottom: 40px;} #subContents .pageTit .page-tit {font-size: 32px;} #subContents .pageTit span {font-size: 15px;} #subContents .pageTit .page-tit > span {font-size: 36px;} #subContents .pageTit .page-txt {margin-top: 18px;} h3.h3-tit {font-size: 25px;} .page {margin-top: 50px;} .tab2 {margin: 50px 0; } .search-form {width: 100%;} /* 공지사항 table */ .list-head li .td {padding: 21px 5px 19px;} .ntb-list li .col_no {width: 13%;} .ntb-list li .col_date {width: 19%;} /* 회사소개 */ #greeting {padding-top: 40px;} #greeting .gre-con .gre-txt {width: 96%; padding: 0px 15px 55px; margin: 0 auto -65px;} #greeting .gre-con .gre-txt .tit {font-size: 22px; margin-bottom: 35px;} #greeting .gre-con .gre-txt .txt {font-size: 16px;} #greeting .gre-con .gre-img {height: 220px; width: calc(100% + 10%); margin-left: -5%;} #history .top-con {padding-bottom: 40px;} #history .top-con .bg {background-size: 80%;} #history .top-con .pageTit h3 {margin-top: 50px;} #history .history-con .tabs li .tit {font-size: 20px;} #history .history-con .tab_content .list-con {margin-top: 50px;} #history .history-con .tab_content .list-con .line {left: 45px; height: calc(100% + 50px);} #history .history-con .tab_content .list-con > ul > li > div {width: 100%;} #history .history-con .tab_content .list-con > ul > li::before {left: 45.5px;} #history .history-con .tab_content .list-con > ul::after {left: 45px;} /* #history .history-con .tab_content .list-con > ul.on::after {left: 45px;} */ #history .history-con .tab_content .list-con > ul > li .circle {margin-left: 0; /* width: 80px; height: 80px; */line-height: 90px; width: 90px; font-size: 24px; } #history .history-con .tab_content .list-con > ul > li .list {padding-left: 65px; margin: 15px 0 40px;} #history .history-con .tab_content .list-con > ul > li .list li .month {width: 40px;} #history .history-con .tab_content .list-con > ul > li .list li .txt {width: calc(100% - 40px);} /* #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1) .list li .month {float: left;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1) .list li .txt{float: right;} */ #history .history-con .tab_content .list-con > ul > li:nth-child(2n) > div {text-align: left;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list {padding-right: 0; padding-left: 65px;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list li .month {float: left;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list li .txt {float: right;} #history .circle-svg svg {width: 90px; height: 90px; margin-left: 0;} /* #history .circle-svg .bg {cx:41; cy: 41; r: 40.5;} #history .circle-svg .progress {cx:41; cy: 41; r: 40.5;} */ /* #history .history-con .tab_content .list-con > ul > li:nth-child(2n-1).on .list {opacity: 1; animation: txt-right 0.8s 1.2s both; } #history .history-con .tab_content .list-con > ul > li:nth-child(2n).on .list {opacity: 1; animation: txt-right 0.8s 1.2s both; } */ #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .circle-svg .circle {left: 0; right: initial;} #mission .circle-con {flex-flow: column; width:100%; margin-top: 30px;} #mission .circle1 {z-index: 5; margin: 0 auto;} #mission .circle1 .circle .img-con img {width: 24px;} #mission .circle1 .circle {width: 120px; height: 120px; max-width: 150px;} #mission .circle1 .line {margin: 15px auto;} #mission .cir1 {display: flex; flex-flow: column;} #mission .cir1 .circle {order: 3;} #mission .cir1 .circle .img-con img {width: 30px;} #mission .cir1 .line {order: 2;} #mission .cir1 .txt-con {order: 1;} #mission .circle2 {margin: -20px auto;} #mission .circle-con .cir1 .line:after {bottom: 0; top: initial;} #mission .circle-con.show .cir1 .line:after {} #mission .circle-con.show .cir1 .txt-con .tit {animation: txt-btm2 0.5s 1.1s both;} #mission .circle-con.show .cir1 .txt-con .txt {animation: txt-btm2 0.5s 0.8s both;} /* #mission .circle-con .cir1 {margin: 0 auto -110px;} */ #mission .circle-con.show .cir1 {margin: 0 auto;} /* #mission .circle-con .cir2 {margin: -110px auto 0;} */ #mission .circle-con.show .cir2 {margin: 0 auto;} #mission .circle-list ul li {margin-right: 10px; margin-bottom: 10px; width: calc(33.333% - 7px);} #organ .tab-con {margin-top: 80px;} #organ .tab-con .tabs > li {width: calc(25% - 2px); } #organ .tab-con .tabs > li > a {font-size: 15px; padding: 12px 0;} #organ .tab_content .organ-list > li {margin-right: 25px; width: calc(50% - 15px); margin-bottom: 25px;} #organ .tab_content .organ-list > li:nth-child(3n) {margin-right: 25px;} #organ .tab_content .organ-list > li:nth-child(2n) {margin-right: 0;} #organ .tab_content .organ-list > li > a {padding: 20px 5px 20px 20px;} #organ .tab_content .organ-list > li .txt-con .name span {font-size: 16px;} /* .sub-content .txt-con .h-info {} */ #organ .tab_content .organ-list > li .txt-con .h-info {font-size: 16px;} #organ .tab_content .organ-list > li .txt-con .mail {margin-bottom: 30px;} #organ .tab_content .organ-list > li .txt-con .name {font-size: 22px; margin-bottom: 20px;} #organ .division .txt-con > div {margin-bottom: 50px;} #organ .division .txt-con > .tbl-con .scroll-con {overflow-x: scroll; overflow-y: hidden;} #organ .division .txt-con .con1 .txt {font-size: 16px;} #organ .division .txt-con .con2 ul li {font-size: 16px;} #organ .tbl-con .organ-tbl th, #organ .tbl-con .organ-tbl td {padding: 12px 5px;} #organ .tbl-con .organ-tbl th {font-size: 16px; font-weight: 500;} #organ .tbl-con .organ-tbl th:nth-child(1), #organ .tbl-con .organ-tbl td:nth-child(1) {width: 12%;} #organ .tbl-con .organ-tbl th:nth-child(2), #organ .tbl-con .organ-tbl td:nth-child(2) {width: 10%;} #organ .tbl-con .organ-tbl th:nth-child(4), #organ .tbl-con .organ-tbl td:nth-child(4) {width: 35%;} #organ .tbl-con .organ-tbl th:nth-child(5), #organ .tbl-con .organ-tbl td:nth-child(5) {width: 15%;} #organView .organ-info {flex-wrap: wrap;} #organView .organ-info .img-con {width: 100%; text-align: center;} #organView .organ-info .txt-con {width: 100%; padding-left: 0; margin-top: 50px;} #organView .organ-info .txt-con .name-con {padding: 25px 0;} #organView .organ-info .txt-con .name-con .name {font-size: 35px;} #organView .organ-info .txt-con .name-con .info > p {font-size: 16px;} #organView .organ-info .txt-con .cv {padding: 25px 0;} #organView .organ-info .txt-con .cv > div {margin-bottom: 50px;} #organView .organ-info .txt-con .cv > div:last-child {margin-bottom: 0} #location .map-con .mapBox {height: 320px;} #location .info-list {margin-bottom: 50px;} #location .info-list li {padding: 25px 0;} #location .info-list li .icon-box > span {width: 56px; height: 56px;} #location .info-list li .icon-box .txt {font-size: 15px; padding-left: 22px;} #location .info-list li .icon-box .txt span {font-size: 17px;} #location .info-list li .icon-box .txt p {margin-top: 7px; line-height: 1.5;} #location .traffic-info h3 {padding-bottom: 20px;} #location .traffic-info .traffic-list li > div:first-child {padding-bottom: 25px;} #location .traffic-info .traffic-list li > div:last-child {padding-top: 25px;} #location .traffic-info .info-list .con1 .icon-box .txt li {padding: 15px 0;} /* 기업IR */ .search-form > form {} .search-form select {width: 18%;} .search-form input {width: 64%;} .search-form button {width: 18%;} #license .search-form {margin-bottom: 25px;} #license .tab_content .list-con {margin-bottom: 50px;} #license .tab_content .list-con li {width: calc(50% - 11px); margin-right: 22px; margin-bottom: 50px;} #license .tab_content .list-con li:nth-child(3n) {margin-right: 22px;} #license .tab_content .list-con li:nth-child(2n) {margin-right: 0;} #license .tab_content .list-con li p {margin-top: 15px;} #partner .tab2 {flex-wrap: wrap;} #partner .tab2 li:nth-child(1) {width: calc(50% - 2px);} #partner .tab2 li:nth-child(2) {width: calc(50% - 2px); border-right: 1px solid #e0e0e0;} #partner .tab2 li:nth-child(3) {width: calc(33.33334% - 2px); border-top: 0;} #partner .tab2 li:nth-child(4) {width: calc(33.33334% - 2px); border-top: 0;} #partner .tab2 li:nth-child(5) {width: calc(33.45% - 2px); border-top: 0;} #partner .tab_content ul li {width: calc(33.33333% - 16px); margin-right: 20px; height: 80px;} #partner .tab_content ul li:nth-child(4n) {margin-right: 20px;} #partner .tab_content ul li:nth-child(5n) {margin-right: 20px;} #partner .tab_content ul li:nth-child(3n) {margin-right: 0;} #partner .tab_content ul li.txt a {line-height: 80px; font-size: 16px;} #profile .profile-con {flex-wrap: wrap; } #profile .profile-con .img-con {width: 100%; text-align: center;} #profile .profile-con .img-con img {width: calc(60% - 20px);} #profile .profile-con .txt-con {width: 100%; padding-left: 10px; margin-top: 50px;} #profile .profile-con .txt-con .tit {font-size: 30px;} #profile .profile-con .txt-con ul.dot-list {margin: 30px 0 40px;} /* 사업분야 */ #conserve .txt-box .txt {font-size: 16px;} #conserve .list-tit {font-size: 30px;} #conserve .list-con {padding: 50px 0; margin-top: 60px;} #conserve .list-con ul {margin-top: 25px;} #conserve .list-con ul li > div {flex-wrap: wrap;} #conserve .list-con ul li .img-con {width: 100%; margin: 0 auto 30px; } #conserve .list-con ul li .img-con img {width: 100%;} #conserve .list-con ul li .txt-con {width: 100%; padding-left: 0;} #conserve .list-con ul li .txt-con .tit {font-size: 22px; padding-left: 0;} #conserve .list-con ul li .txt-con .tit:before {width: 25px; } #conserve .list-con ul li .txt-con .txt {font-size: 15px; padding-left: 0; } #conserve .list-people {margin-top: 60px;} #conserve .list-people .list-tit {margin-bottom: 25px;} #conserve .list-people ul li {padding: 20px 5px 20px 20px; width: calc(50% - 15px); margin-right: 25px; margin-bottom: 25px;} #conserve .list-people ul li:nth-child(3n) {margin-right: 25px;} #conserve .list-people ul li .txt-con .name {font-size: 22px;} .sub-content .txt-con .h-info {font-size: 16px;} #conserveView .slide-con {margin-top: 50px;} #conserveView .slide-con .txt-con .btn-group a {width: 50%;} #conserveView .info {margin-top: 50px;} #conserveView .info .info-tit {margin-bottom: 30px; font-size: 24px;} #conserveView .list-con .list .s-txt {text-indent: 38px;} #conserveView .list-con .list .s-txt:before {width: 25px;} #conserveView .list-con .list ul.dot-list li {margin-bottom: 12px;} #conserveView .business-info .txt-con .txt {font-size: 16px; line-height: 1.8;} #conserveView .business-info .txt-con .list-con {margin-top: 40px;} #conserveView .business-info .txt-con .list-con .list .main-tit {margin: 20px 0; padding-left: 38px; font-size: 19px;} #conserveView .business-content .content .box-con {padding: 22px;} #conserveView .business-content .btn-group {margin-top: 40px;} #conserveView .field-con ul li {padding: 15px;} #conserveView .field-con ul li .txt-con button .line {width: 20px; margin-right: 7px; } #conserveView .field-con ul li .txt-con .tit {margin-bottom: 20px; font-size: 16px;} #conserveView .field-con ul li .txt-con .txt {display: none;} /* 주요실적 */ #achieve .ntb-list li .col_title a {font-size: 15px;} #achieve .ntb-list li .col_date {font-size: 15px;} #achieve .search-form > form { flex-wrap: wrap;} #achieve .search-con .search-form .years {width: 18%;} /* 보유장비 */ .list-content .list-con ul li {width: calc(50% - 12px); margin-right: 20px; margin-bottom: 30px;} .list-content .list-con ul li:nth-child(3n) {margin-right: 20px;} .list-content .list-con ul li:nth-child(2n) {margin-right: 0;} .list-content .list-con ul li .txt-con {padding: 25px 15px;} .list-content .list-con ul li .txt-con .tit {font-size: 16px;} .list-content .list-con ul li .txt-con .txt {font-size: 15px; line-height: 1.6;} #press .list-con ul li .txt-con .tit {-webkit-line-clamp: 1; word-break: break-all; margin-bottom: 30px; font-size: 16px;} #equipment .list-con {margin-bottom: 50px;} #equipment .search-form {margin-bottom: 25px;} #equipment .list-con ul li .img-con img {/* max-width: 80%; max-height: 80%; */} #equipment .list-con ul li {width: calc(50% - 10px); } #equipment .list-con ul li:nth-child(3n) {margin-right: 20px;} #equipment .list-con ul li:nth-child(2n) {margin-right: 0;} #equipment .list-con ul li .img-con {padding-bottom: 65%;} #equipment .list-con ul li .txt-con {padding: 20px 0 0;} #equipment .list-con ul li .txt-con .tit {font-size: 20px;} #equipment .list-con ul li .txt-con .txt {font-size: 15px;} #equipmentView .info-con .img-con .img {/* padding-bottom: 57%; */} #equipmentView .info-con .img-con .img img {max-width: 100%; max-height: 100%;} #equipmentView .info-con .txt-con .top-txt .tit {font-size: 28px; margin-bottom: 30px;} #equipmentView .info-con .txt-con .btm-txt .line2 {padding: 18px 0 38px;} #equipmentView .info-con .txt-con .btm-txt .line dt {font-size: 18px; width: 100px;} #equipmentView .info-con .txt-con .btm-txt .line dd {width: calc(100% - 100px);} #equipmentView .detail-con {margin-top: 50px;} #equipmentView .btn-group {margin-top: 50px;} /* 채용 */ #benefits .bg {height: 250px;} #benefits .bg .tit {font-size: 25px;} #benefits .bg .txt {font-size: 18px;} #benefits .list {padding-top: 40px; width: 90%; padding-top: 35px; margin-top: -75px;} #benefits .list ul li {width: 33.33333%; margin-bottom: 45px;} #benefits .list ul li > div .circle span {width: 100px; height: 100px; margin-bottom: 20px;} #benefits .list ul li > div .circle span img {width: 80%; max-width: 40px;} #benefits .list ul li > div .txt {margin-top: 20px; } /* 소식 */ #letter .letter-con {flex-wrap: wrap; } #letter .letter-con .img-con {width: 50%; margin: 30px auto; } #letter .letter-con .tbl-con {width: 100%; padding-left: 0;} #viewPage .view-con .tit-con {flex-wrap: wrap; padding: 20px 15px;} #viewPage .view-con .tit-con .tit {width: 100%; font-size: 20px;} #viewPage .view-con .tit-con .date {width: 100%; text-align: left; margin-top: 20px;} #viewPage .view-con .txt-con {padding: 25px 15px;} #viewPage .view-con .txt-con p {font-size: 15px;} #viewPage .view-list > div {padding: 15px 5px;} #viewPage .view-list > div span {width: 100px; font-size: 15px;} #viewPage .view-list > div p {width: calc(100% - 150px); font-size: 15px;} .ir-popup .box {width: 65%; max-width: initial;} } @media screen and (max-width: 640px) { #subContents .pageTit .page-tit > span {font-size: 32px;} #subContents .pageTit .page-txt {margin-top: 15px;} .page ul li {width: 32px; height: 32px;} .form-control {padding: 0 9px; height: 40px; line-height: 40px;} .search-form select {width: 26%; } .search-form input {height: 40px; width: 53%;} .search-form button {width: 21%; font-size: 14px; height: 40px;} /* 공지사항 table */ .notice-content .tbl-con {margin-top: 25px;} .ntb-list.list-head {border-top: 2px solid #333;} .ntb-list.list-head li{display:none} /* .ntb-list.lst-body li .inf {color: #999; font-size:12px; border-right:1px solid #ccc; float: left; padding:0 10px; margin:10px 0; letter-spacing:-1px; } */ .ntb-list li .col_no {display:none} .ntb-list li .col_title {display:block; width: 100%; padding: 15px 5px 5px;} .ntb-list li .col_title a {font-size: 15px; font-weight:normal; text-align:left;} .ntb-list li .col_date {width:auto; display: inline-block; padding: 10px 5px 15px; font-size: 13px; } #mission .circle-list ul li {width: calc(50% - 7px);} #mission .circle-list ul li:nth-child(3n) {margin-right: 10px;} #mission .circle-list ul li:nth-child(2n) {margin-right: 0;} #mission .circle-list ul li .circle .txt-con .tit {font-size: 17px; margin-bottom: 12px;} #mission .circle-list ul li .circle .txt-con span {font-size: 14px;} #organ .contactUs-table { margin-top:30px; } #organ .contactUs-table thead th, #organ .contactUs-table tbody td { padding: 15px 5px; font-size: 14px; } #location .info-list li .icon-box {align-items: flex-start; } #location .info-list li .icon-box > span {width: 45px; height: 45px; background-size: 15px;} #location .info-list li .icon-box .txt {font-size: 15px; padding-left: 12px;} #location .info-list li .icon-box .txt span {font-size: 16px;} #location .info-list li .icon-box .txt p {margin-top: 13px;} /* #location .info-list li .icon-box .address p {margin-top: 0;} */ #location .traffic-list li .icon-box .txt p {margin-top: 0;} /* 기업 IR */ #partner .tab_container {padding: 40px 0 25px;} #partner .tab_content ul li {width: calc(50% - 10px); margin-right: 15px; margin-bottom: 15px;} #partner .tab_content ul li:nth-child(3n) {margin-right: 15px;} #partner .tab_content ul li:nth-child(5n) {margin-right: 15px;} #partner .tab_content ul li:nth-child(2n) {margin-right: 0;} /* 사업분야 */ /* #equipment .list-con ul {gap: 20px;} */ #equipment .list-con ul li .img-con {padding-bottom: 70%;} #equipment .list-con ul li .txt-con .tit {font-size: 17px;} /* 주요실적 */ #achieve .search-con .search-form .years {width: 25%;} #achieve .search-con .cate-group {width: 75%; margin-right: 0;} #achieve .search-con .cate-group select {width: 50%;} #achieve .search-form input {width: 58%;} /* 주요장비 */ .list-content .list-con ul li {margin-right: 15px; margin-bottom: 25px; width: calc(50% - 10px);} .list-content .list-con ul li .txt-con {padding: 20px 15px;} .list-content .list-con ul li:nth-child(3n) {margin-right: 15px;} .list-content .list-con ul li:nth-child(2n) {margin-right: 0;} #press .list-con ul li .img-con {padding-bottom: 50%;} #press .list-con ul li .txt-con .tit {margin-bottom: 20px;} #press .list-con ul li .txt-con .date {font-size: 14px;} #recruit .re-box .list > ul > li:not(:last-child) { margin-bottom:50px; } #recruit .re-box .list > ul > li dt { width:100%; } #recruit .re-box .list > ul > li dd { width:100%; margin-top:40px; } #recruit .re-box .listbox ul { display:flex; flex-wrap:wrap; gap:10px; } #recruit .re-box .listbox ul li { width:calc((100% - 10px) / 2); } /* 소식 */ #letter .letter-con .img-con {width: 80%;} } @media screen and (max-width: 560px) { #lnb .depth2 li {width: 100%;} #lnb .depth2 li a {margin: 0; font-size: 14px;} #lnb .depth2 li.on a:after {width: 100%;} .btn-group .btn {height: 45px; line-height: 45px;} #history .top-con .pageTit {padding: 0 4%;} #history .history-con .tabs {align-items: stretch;} #history .history-con .tabs li {height: 78px; background-image: none !important ; height: auto;} #history .history-con .tabs li > a {padding: 15px; } #history .history-con .tabs li .tit {font-size: 17px; margin-bottom: 12px;} #history .history-con .tabs li .txt {font-size: 14px;} /* #history .history-con .tab_content .list-con .line {left: 40px;} */ #history .history-con .tab_content .list-con > ul > li .circle {/* width: 80px; height: 80px; line-height: 80px; */ font-size: 19px;} #history .history-con .tab_content .list-con > ul > li .list {padding-left: 60px; margin: 10px 0 20px;} #history .history-con .tab_content .list-con > ul > li .list li {margin-bottom: 13px; line-height: 1.5; padding: 0;} #history .history-con .tab_content .list-con > ul > li .list li .month {width: 35px;} #history .history-con .tab_content .list-con > ul > li .list li .txt {width: calc(100% - 35px);} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list {padding-left: 60px;} #organ .tab_content .organ-list > li {width: 100%; margin-right: 0;} #organ .tab_content .organ-list > li:nth-child(3n) {margin-right: 0;} /* 기업IR */ #profile .profile-con .txt-con {padding-left: 0;} #profile .btn-group a {width: 37%; height: 45px; line-height: 45px;} /* 사업분야 */ #conserve .list-people ul li {width: 100%; margin-right: 0 !important;} #conserveView .field-con ul li {width: 100%; margin-right: 0 !important;} #conserveView .field-con ul li .txt-con .tit {margin-bottom: 30px;} #equipment .list-con ul {/* gap: 20px 10px; */} #equipment .list-con ul li {width: calc(50% - 5px); margin-right: 10px; } #equipment .list-con ul li:nth-child(3n) {margin-right: 10px;} #equipment .list-con ul li:nth-child(2n) {margin-right: 0;} #equipment .list-con ul li .img-con img {padding: 5px; } #equipment .list-con ul li .txt-con .tit {font-size: 16px; line-height: 1.2;} #equipment .list-con ul li .txt-con .txt {font-size: 14px;} #equipmentView .info-con .img-con {height: 280px;} #equipmentView .info-con .txt-con .info-list p {font-size: 15px;} #equipmentView .info-con .txt-con .btm-txt .line2 {flex-wrap: wrap; padding: 15px 0 30px; font-size: 15px;} #equipmentView .info-con .txt-con .btm-txt .line2 dt {width: 100%;} #equipmentView .info-con .txt-con .btm-txt .line2 dd {width: 100%; margin-top: 5px;} #equipmentView .detail-con {padding: 30px 0;} /* 보유장비 */ .list-content .list-con ul li .txt-con {padding: 10px; } .list-content .list-con ul li .txt-con .txt {font-size: 14px;} /* 주요실적 */ #achieve .search-form {margin-bottom: 25px;} /* 채용 */ #benefits .bg .tit {font-size: 22px;} #benefits .bg .txt {font-size: 16px; line-height: 1.5; padding: 0 10px;} #benefits .list ul li {width: 50%;} #benefits .list ul li > div .circle span {margin-bottom: 17px;} #benefits .list ul li > div .txt {font-size: 15px; padding: 0 10px; margin-top: 15px;} /* 소식 */ #viewPage .view-con .tit-con .tit {font-size: 18px;} #viewPage .view-list > div span {width: 23%;} #viewPage .view-list > div p {width: 77%;} #viewPage .view-list > div p a {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.2;} .ir-popup .box {width: 75%;} } @media screen and (max-width: 460px) { #sv {height: 320px;} #sv .tit {padding: 0 4%; box-sizing: border-box;} #sv .tit h3 {font-size: 33px;} #sv .tit h3 > span {font-size: 28px;} #sv .tit p {font-size: 13px; line-height: 1.5;} #sv .tit p br {display: block;} #sv .top-location {bottom: 40px;} #sv .top-location span {font-size: 14px;} #lnb {height: 50px; bottom: -50px;} #lnb .depth2 li a {padding: 0; line-height: 1.2; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 13px;} #lnb .depth2 li a span {position: initial; top: initial; transform: initial;} #lnb .depth2 li a br {display: block;} #subContents {padding: 50px 0 50px;} #subContents .pageTit .page-tit {font-size: 28px;} #subContents .pageTit .page-txt {font-size: 16px; margin-top: 10px;} #subContents .pageTit .page-tit > span {font-size: 28px;} #subContents .pageTit span {margin-top: 0;} h3.h3-tit {font-size: 22px;} ul.dot-list li {font-size: 15px; line-height: 1.4; margin-bottom: 10px;} .tab2 li {font-size: 15px;} .form-control {padding: 0 10px !important;} /* 회사소개 */ #greeting {padding-top: 50px;} #greeting .gre-con .gre-txt {width: 100%; padding: 0 0 40px; margin: 0 auto;} #greeting .gre-con .gre-txt .tit {font-size: 19px; line-height: 1.4;} #greeting .gre-con .gre-txt .txt {font-size: 15px;} #greeting .gre-con .gre-txt .name {margin-top: 20px;} #greeting .gre-con .gre-img { background: url(/img/sub/bg-greeting-img.jpg) no-repeat center bottom; background-size: cover; } #history .top-con {padding-bottom: 30px;} #history .top-con .pageTit h3 br {display: none;} /* #history .history-con .tab_content .list-con .line {left: 35px;} */ /* #history .history-con .tab_content .list-con > ul > li .circle {width: 70px; height: 70px; line-height: 70px;} */ /* #history .history-con .tab_content .list-con > ul > li .list {padding-left: 50px;} */ #history .history-con .tab_content .list-con > ul > li .list li {margin-bottom: 10px;} #history .history-con .tab_content .list-con > ul > li .list li .month {font-size: 16px;} #history .history-con .tab_content .list-con > ul > li .list li .txt {font-size: 15px;} #history .history-con .tab_content .list-con > ul > li:nth-child(2n) .list {padding-left: 70px;} #mission .circle1 .txt-con .tit {font-size: 16px;} #mission .circle1 .txt-con .txt {font-size: 15px;} #mission .circle-list ul li {width: 80%; margin: 0 auto 15px !important;} #mission .circle-list ul li .circle .txt-con .tit {font-size: 16px;} #organ .tab-con .tabs > li > a {font-size: 14px;} #organ .division .txt-con .con1 .txt {font-size: 15px;} #organ .division .txt-con .con2 ul li {font-size: 15px;} #organ .tbl-con .organ-tbl td {font-size: 15px;} #organView .organ-info .img-con {width: 80%; margin: 0 auto;} #organView .organ-info .txt-con .name-con .name {font-size: 27px;} #location .map-con .mapBox {height: 250px;} /* 기업IR */ .search-con p {font-size: 15px; } .search-con p strong {font-size: 20px;} #license .tab_content .list-con {padding-top: 35px;} #license .tab_content .list-con li {margin-right: 10px; margin-bottom: 35px; width: calc(50% - 5px);} #license .tab_content .list-con li:nth-child(3n) {margin-right: 10px;} #license .tab_content .list-con li:nth-child(2n) {margin-right: 0;} #license .tab_content .list-con li p {font-size: 14px;} /* #partner h3.h3-tit br {display: none;} */ #profile .profile-con {padding: 40px 0; margin-top: 40px;} #profile .profile-con .img-con img {width: calc(100% - 20px);} #profile .profile-con .txt-con .tit {font-size: 24px;} #profile .profile-con .txt-con ul.dot-list li {font-size: 15px;} #profile .profile-con .txt-con .en-list li {font-size: 15px;} #profile .profile-con .txt-con .en-list li span {font-size: 17px; width: 20px;} #profile .btn-group a {width: 50%;} .btn-group .btn img {margin-left: 5px;} /* 주요장비 */ /* .list-content .list-con ul li {width: 100%; margin-right: 0 !important; } */ }