.common_banner.sub_banner {}
.common_banner.sub_banner .con{width:1400px; margin:0 auto; position:relative; z-index:2; height:385px; }
.common_banner.sub_banner .sb_txt {text-align:left; position:absolute; left:0; bottom:37px;}
.common_banner.sub_banner .sb_txt h1 {font-size:32px; font-weight:700; color:#fff; line-height:40px;}
/*.common_banner.sub_banner.location .con {height:170px;}*/
/* sub1 */
.common_banner.sub_banner.message {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.organization {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.history {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.location {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center bottom; background-size:cover;}
.banner_movie {width:100%; height:100%; position:absolute; overflow:hidden; z-index:1;}
.banner_movie iframe {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:180%;}
.movie-cover {width:100%; height:100%; position:absolute; overflow:hidden; z-index:2; background:rgb(0 0 0 / 15%);}
/* sub2 */
.common_banner.sub_banner.sub_model {background:#FBFBFB; background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
/*.common_banner.sub_banner.sub_model .location-navi > span {color:#444;} */
/*.common_banner.sub_banner.sub_model .location-navi > div a {color:#444;}*/
/*.common_banner.sub_banner.sub_model .sb_txt h1 {color:#444;}*/
.common_banner.sub_banner.sub_model .con {height:245px;}
.common_banner.sub_banner.aft-body {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.bottom {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.deck {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.engine-room {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.fore-body {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.hopper {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.side-shell {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.t-block {background:url("/assets/sub-banner/sub-aft-body.jpg") no-repeat center center; background-size:cover;}
/*sub3*/
.common_banner.sub_banner.semi-rig {background:url("/assets/sub-banner/sub-semi-rig.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.heater {background:url("/assets/sub-banner/sub-semi-rig.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.oneshore {background:url("/assets/sub-banner/sub-semi-rig.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.offshore {background:url("/assets/sub-banner/sub-semi-rig.jpg") no-repeat center center; background-size:cover;}
/*sub4*/
.common_banner.sub_banner.layout {background:url("/assets/sub-banner/sub-layout.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.faciliteis-process {background:url("/assets/sub-banner/sub-layout.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.certification {background:url("/assets/sub-banner/sub-layout.jpg") no-repeat center center; background-size:cover;}
.common_banner.sub_banner.safety-regulation {background:url("/assets/sub-banner/sub-layout.jpg") no-repeat center center; background-size:cover;}
/*sub5*/
.common_banner.sub_banner.gallery {background:url("/assets/sub-banner/sub-gallery.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.gallery-view {background:url("/assets/sub-banner/sub-board-view.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.notice {background:url("/assets/sub-banner/sub-gallery.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.notice-view {background:url("/assets/sub-banner/sub-board-view.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.partner {background:url("/assets/sub-banner/sub-gallery.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.board-view {background:url("/assets/sub-banner/sub-board-view.jpg") no-repeat center bottom; background-size:cover;}
/* 404 */
.common_banner.sub_banner.error-404 {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center center; background-size:cover;}
/*sub6*/
.common_banner.sub_banner.block {background:url("/assets/sub-banner/sub-performance.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.plant {background:url("/assets/sub-banner/sub-performance.jpg") no-repeat center bottom; background-size:cover;}
.common_banner.sub_banner.r-d {background:url("/assets/sub-banner/sub-performance.jpg") no-repeat center bottom; background-size:cover;}
.subpage-content {text-align:left;}
.subpage-content img {}
/* 로케이션 */
.location-navi {position:absolute; right:0; bottom:41px; display:flex;display: flex; align-items: center; align-content: center; flex-wrap: nowrap;}
.location-navi > div {display: inline-block;}
.location-navi > div a {padding:0 10px; display: inline-block; font-size:16px; color:#fff; }
.location-navi > div.home {}
.location-navi > span {color:#fff; padding:0 10px; display: inline-block; font-size:16px;}
.error-404 .location-navi {display:none;}
/* rnb */
.rnb {border-bottom:2px solid #999999; padding-bottom:10px;}
.rnb dt {font-size:18px; font-weight:700; color:#444444; line-height:24px; padding:16px 15px 16px 32px; border-top:2px solid #999999; border-bottom:1px solid #DDDDDD; margin-bottom:10px;}
.rnb dd {background:#fff; padding-left:32px;}
.rnb dd > a {font-size:16px; font-weight:600; color:#666666; line-height:24px; padding:8px 10px 8px 30px; display: inline-block; position:relative;}
.rnb dd > a span.ic {color:#999999; position:absolute; left:0; top:12px;}
.rnb dd > a span.img {position:absolute; left:0; top:9px;}
.rnb dd.on > a {color:#444444;}
.rnb dd.on > a span.ic {color:#357E9F;}
.rnb dd.on > a span.img img {filter: invert(42%) sepia(56%) saturate(505%) hue-rotate(154deg) brightness(92%) contrast(88%);}
.rnb dd:hover {background:#F8F8F8;}
.rnb dd ul {padding-left:40px;}
.rnb dd ul li {margin-bottom:12px;}
.rnb dd ul li a {font-weight:600; font-size:14px; line-height:1.7; display: inline-block; color:#999999;}
.rnb dd ul li a:hover {color:#444444;}
/* 네비 */
#navi {background:#fff; border-bottom:1px solid #bababa;}
#navi .con {text-align:right;}
#navi .navi-box {font-size:0; display: inline-block; text-align:left; vertical-align: top;}
#navi .navi-box > div {border-right:1px solid #bababa; display: inline-block; vertical-align: top; height:60px; position:relative;}
#navi .navi-box > div.home {border-left:1px solid #bababa; text-align:center;}
#navi .navi-box > div.home a {display: inline-block; width:100%; height:100%; padding:0 20px; font-size:16px; line-height:60px;}
#navi .navi-box > div.home img {padding-top:18px;}
#navi .navi-box > div .name {font-size:16px; font-weight:700; color:#000; line-height:60px; padding-left:30px; width:100%; cursor:pointer; position:relative; transform: skew(-0.1deg);}
#navi .navi-box > div:after {content:"\f107"; font-family: "Font Awesome 5 Pro"; font-weight:300; position:absolute; top:19px; right:18px; font-size:20px; color:#CCCCCC;}
#navi .navi-box > div.on:after {content:"\f106";}
#navi .navi-box > div.home:after {content:none;}
#navi .navi-box > div.depth-1 {width:250px;}
#navi .navi-box > div.depth-2 {width:300px; background:#2C3141;}
#navi .navi-box > div.depth-2 .name {color:#fff;}
/*#navi .navi-box > div.depth-2:after {color:#fff;}*/
.plus-minus{ position: absolute; width: 16px; height: 16px; right: 15px; top:16px; }
/*.plus-minus:before, .plus-minus:after{ content: ""; position: absolute; background-color: black; transition: transform 0.25s ease-out; }*/
/* vertical line */
/*.plus-minus:before{ top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; }*/
/* horizontal line */
/*.plus-minus:after{ top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; }*/
/*.plus-minus:hover{cursor: pointer;}*/
#navi .navi-box > div.depth-2.on .plus-minus:before{transform: rotate(90deg);}
#navi .navi-box > div.depth-2.on .plus-minus:after{transform: rotate(180deg);}
#navi .navi-box > div .style-depth {display:none; position:absolute; left:0; top:60px; z-index:20; width:100%; background:#fff; border-left:1px solid #bababa; border-right:1px solid #bababa; border-top:1px solid #bababa; border-bottom:1px solid #bababa;}
#navi .navi-box > div .style-depth li {display: inline-block; width:100%;}
#navi .navi-box > div .style-depth li a {display: inline-block; width:100%; line-height:60px; font-size:16px; color:#000; border-bottom:1px solid #ddd; padding-left:30px;}
#navi .navi-box > div .style-depth li a:hover {background:#eee;}
#navi .navi-box > div .style-depth li:last-child a {border-bottom:none;}
.pc {}
.mobile {display:none;}
/* 서브시작 */
.sub-page-wrap {min-height:600px; padding-top:60px;}
.sub-page-wrap .con {position:relative; padding-right:280px;}
.sub-page-wrap .page-left {width:100%; padding-right:60px;}
.sub-page-wrap .page-right {position:absolute; right:0; top:0; bottom:0; width:280px; height:100%;}
.sub-page-wrap .page-right.fixed .rnb {position:fixed; top:120px; width:280px;}
.sub-page-wrap .page-right.fixed.fixedbot .rnb {position:absolute; top:auto; bottom:0;}
.sub-page-wrap.ver-board .con {padding-right:0;}
.message-wrap {}
.message-wrap .section {margin-bottom:55px;}
.message-wrap .section .tit { display: flex; align-items: center;}
.message-wrap .section .tit .ic {color:#444444; font-size:22px;}
.message-wrap .section .tit .txt {font-weight:700; font-size:18px; color:#444444; padding-left:15px;}
.message-wrap .section .contxt {margin-top:20px; font-size:16px; line-height:1.5;}
.organization-wrap {padding-bottom:100px;}
.history-wrap {}
.history-wrap .yymmdd:first-child { margin-top: 0; }
.history-wrap .yymmdd::before {content: ""; width: 1px; height: 100%; background: #16678B; display: inline-block; position: absolute; left: 67px; top: 24px;}
.history-wrap .yymmdd { width: 100%; display: inline-block; text-align: left; padding-bottom: 35px; margin-top: 10px; z-index: 99; position: relative; }
.history-wrap .yymmdd:last-child { }
.history-wrap .yymmdd:last-child::before {content:none;}
.history-wrap .yymmdd .year-txt {color:#0A4C6A; display: inline-block; float:left; font-family: "Noto Sans KR",sans-serif; font-weight:700; font-size:18px; line-height: 2.2; }
.history-wrap .yymmdd .year { float: left; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #16678B; text-align: left; position: relative; margin-right: 30px; margin-left:20px; margin-top:14px;}
.history-wrap .yymmdd .year:before { content: ""; background: #fff; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; }
/*.history-wrap .yymmdd .year:after { content: ""; width: 1px; height: 1000px; background: #16678B; display: inline-block; position: absolute; left: 50%; top: 100%; }*/
.history-wrap .yymmdd:last-child .year:after { content: none; }
.history-wrap .yymmdd .month { float: none; overflow: hidden; margin-left: 20px; }
.history-wrap .yymmdd .month .day { /* line-height:40px; */ text-align: left; margin-top: 0; margin-bottom: 10px; }
.history-wrap .yymmdd .month .day:after { content: ""; display: block; clear: both; }
.history-wrap .yymmdd .month .day:first-child { margin-top: 0; }
.history-wrap .yymmdd .month .day:last-child { margin-bottom: 0; }
/*.history-wrap .yymmdd .month .day span.date { font-size: 24px; color: #000000; display: block; float: left; line-height: 31px; font-family: "Noto Sans KR",sans-serif; position: relative; padding-right: 20px; }*/
/*.history-wrap .yymmdd .month .day span.date:after {content:"-"; font-weight:500; font-family: 'Noto Sans KR', sans-serif; position:absolute; right:8px; top:-2px;}*/
.history-wrap .yymmdd .month .day span.txt {font-family: "Noto Sans KR",sans-serif; font-size: 18px; color: #444444; display: block; float: none; overflow: hidden; line-height: 2.2; }
.location-wrap {}
.location-wrap .txt {}
.location-wrap .txt .t1 {color:#444444; font-size:20px; font-weight:700; line-height:2;}
.location-wrap .txt .t2 {color:#444444; font-size:16px; line-height:1.5;}
.location-wrap .map-img {height:560px;}
.location-wrap .map-info {margin-top:26px;}
.location-wrap .map-info ul {}
.location-wrap .map-info ul li {position: relative; display: inline-block; font-size: 16px; color: #444444; font-weight: 400; padding-left: 50px; line-height: 22px; margin-bottom: 17px; margin-right:44px;}
.location-wrap .map-info ul li:first-child {display:block; margin-right:0;}
.location-wrap .map-info ul li span {position: absolute; left: 0; top: 3px; font-size: 16px; color: #444444; font-weight: 700;}
.hull-block-wrap {}
.hull-block-wrap #images {font-size:0; margin:0 -21px;}
.hull-block-wrap #images li {width:322px; height:212px; display: inline-block; margin:0 21px 40px; cursor:pointer;}
.hull-block-wrap #images li img {width:100%; height:100%; object-fit:cover;}
.heater-wrap {}
.heater-wrap .section {margin-bottom:70px;}
.heater-wrap .section .t1 {color:#444444; font-weight:700; font-size:18px; line-height:2.2;}
.heater-wrap .section .t2 {color:#555555; font-size:16px; line-height:1.5; margin-bottom:30px;}
.heater-wrap .section .img-row {display:flex; margin:15px -20px 0;}
.heater-wrap .section .img-row .img-col {text-align:center; margin:0 20px;}
.heater-wrap .section .img-row .img-col img {width:322px; height:auto;}
.heater-wrap .section .img-row .img-col p {color:#666666; font-size:12px; line-height:2; margin-top:5px;}
.layout-wrap {}
.layout-wrap .tit {text-align:right;}
/*.layout-wrap .tit .t1 {font-size:18px; font-weight:700; line-height:2.222; color:#444444;}*/
.layout-wrap .tit .t2 {font-size:16px; line-height:1.5; color:#444444;}
.layout-wrap .img {margin-top:20px; cursor:pointer;}
.layout-wrap .layout-tab {display:flex; margin:0 -20px;}
.layout-wrap .layout-tab li {color:#999999; font-size:18px; line-height:1.333; font-weight:500; position:relative; padding-bottom:3px; margin:0 20px; cursor:pointer;}
.layout-wrap .layout-tab li.on {border-bottom:2px solid #444444; font-weight:700; color:#444444;}
.layout-tab-content {margin-top:25px;}
.layout-tab-content .tab {display:none;}
.layout-tab-content .tab.tab-1 {display:block;}
.facil-process-wrap {}
.facil-process-wrap .section {position:relative; margin-bottom:90px;}
.facil-process-wrap .section .tit {font-size:18px; font-weight:700; color:#444444; margin-bottom:18px;}
.flow-chart {}
.flow-chart ul {display:flex; justify-content: space-between; align-items: center;}
.flow-chart ul li {position:relative; background:#F9F9F9; height:97px; border-radius:10px; width:197px; display:flex; align-items: center; justify-content: center; overflow:hidden;}
.flow-chart ul li .moseori { width: 0px; height: 0px; border-top: 40px solid #666666; border-left: 0 solid transparent; border-right: 40px solid transparent; position:absolute; left:0; top:0;}
.flow-chart ul li .moseori .num {color:#fff; position: absolute; left: 7px; top: -35px; z-index: 10; font-size: 10px; font-weight: 600;}
.flow-chart ul li .name {font-weight:500; color:#444444; font-size:16px; line-height:1.5; text-align:center;}
.flow-chart ul li.flow-01 .moseori {border-top-color:#60B0D4;}
.flow-chart ul li.flow-02 .moseori {border-top-color:#4B97BA;}
.flow-chart ul li.flow-03 .moseori {border-top-color:#357E9F;}
.flow-chart ul li.flow-04 .moseori {border-top-color:#206585;}
.flow-chart ul li.flow-05 .moseori {border-top-color:#0A4C6A;}
.facility-sw {}
.facility-sw .swiper-slide {padding-top:55px; padding-left:50px;}
.facility-sw .img-box {width:690px; border-radius:10px; height:360px; overflow:hidden; position:absolute; top:0; left:0; z-index:6;}
.facility-sw .img-box img {width:100%; height:100%; object-fit:cover;}
.facility-sw .txt-box {background:#F8F8F8; border-radius:10px; width:890px; height:520px; position:relative; z-index:5;}
.facility-sw .txt-box .red-right-bottom {position:absolute; right:24px; bottom:20px; font-size:12px; color:#B2090D;}
.facility-sw .txt-box .t1 {position:absolute; right:0; top:0; width:245px; text-align:left; padding:23px 0 0 27px;}
.facility-sw .txt-box .t1 .num {font-size:18px; font-weight:700; color:#357E9F; padding-right:5px;}
.facility-sw .txt-box .t1 .jemok {font-size:18px; font-weight:700; color:#444444;}
.facility-sw .txt-box .t2 {position:absolute; left:40px; bottom:30px;}
.facility-sw .txt-box .t2 ul {}
.facility-sw .txt-box .t2 ul li {position:relative; margin-bottom:5px;}
.facility-sw .txt-box .t2 ul li .th {position:absolute; left:0; top:0; font-size:16px; font-weight:600; line-height:24px; color:#444444;}
.facility-sw .txt-box .t2 ul li .td {display: inline-block; font-size:12px; line-height:24px; color:#666666;}
.facility-sw .txt-box .t2 ul li .td.f14 {font-size:14px;}
.facility-sw .txt-box .t2 ul li .td.bold {font-weight:500; color:#444444; display: inline-block;}
.facility-sw .txt-box .t2 ul li .col .right .td.bold {width:137px;}
.facility-sw .txt-box .t2 ul li .col {display:flex;}
.facility-sw .txt-box .t2 ul li .col .box {position:relative; padding-left:120px;}
.facility-sw .txt-box .t2 ul li .col .box.noth {padding-left:0;}
.facility-sw .txt-box .t2 ul li .col .right {position:relative; padding-left:120px; margin-left:45px;}
.facility-sw .txt-box .t2 ul li .col .right.noth {padding-left:0;}
.facility-sw .w116 {width:116px;}
.facility-sw .w137 {width:137px;}
.facility-sw .w45 {width:45px;}
.facility-sw .w50 {width:50px;}
.facility-sw .w412 {width:412px;}
.facility-sw .w345 {width:345px;}
.facility-sw .ml35 {margin-left:35px;}
.facility-sw-arrow {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:20;}
.facility-sw-arrow .left {position:absolute; left:30px; cursor:pointer;}
.facility-sw-arrow .right {position:absolute; right:0; cursor:pointer;}
.certification-wrap {}
.certification-wrap .section {margin-bottom:66px;}
.certification-wrap .section .row {display:flex; /*justify-content: space-between;*/ margin:0 -11.5px;}
.certification-wrap .section .row .col {margin:0 11.5px;}
.certification-wrap .section .tit {color:#444444; font-size:18px; line-height:2.222; font-weight:700; margin-bottom:5px;}
.certification-wrap ul {font-size:0; margin:0 -11.5px;}
.certification-wrap ul li {border:1px solid #C2C2C2; width:245px; height:347px; display: inline-block; vertical-align: top; margin:0 11.5px; cursor:pointer;}
.certification-wrap ul li img {width:100%; height:100%; object-fit:cover;}
.safety-regulation-wrap .tit {margin-bottom:10px; color:#444444; font-size:18px; line-height:2.2222; font-weight:700;}
.safety-regulation-wrap ul li {position:relative; background:#F9F9F9; border-radius:10px; overflow:hidden; padding:0 36px; display:flex; height:97px; align-items: center; margin-bottom:20px;}
.safety-regulation-wrap ul li .moseori { width: 0px; height: 0px; border-top: 40px solid #666666; border-left: 0 solid transparent; border-right: 40px solid transparent; position:absolute; left:0; top:0;}
.safety-regulation-wrap ul li .moseori .num {color:#fff; position: absolute; left: 7px; top: -35px; z-index: 10; font-size: 10px; font-weight: 600;}
.safety-regulation-wrap ul li .ic {width:40px; height:40px; display: inline-block;}
.safety-regulation-wrap ul li .ic img {width:100%; height:auto;}
.safety-regulation-wrap ul li .txt {margin-left:40px; font-size:16px; line-height:1.5; color:#444444;}
.safety-regulation-wrap ul li.sr-1 .moseori {border-top-color:#60B0D4;}
.safety-regulation-wrap ul li.sr-1 .txt span.color {color:#60B0D4;}
.safety-regulation-wrap ul li.sr-2 .moseori {border-top-color:#529FC2;}
.safety-regulation-wrap ul li.sr-2 .txt span.color {color:#529FC2;}
.safety-regulation-wrap ul li.sr-3 .moseori {border-top-color:#438FB1;}
.safety-regulation-wrap ul li.sr-3 .txt span.color {color:#438FB1;}
.safety-regulation-wrap ul li.sr-4 .moseori {border-top-color:#357E9F;}
.safety-regulation-wrap ul li.sr-4 .txt span.color {color:#357E9F;}
.safety-regulation-wrap ul li.sr-5 .moseori {border-top-color:#276D8D;}
.safety-regulation-wrap ul li.sr-5 .txt span.color {color:#276D8D;}
.safety-regulation-wrap ul li.sr-6 .moseori {border-top-color:#185D7C;}
.safety-regulation-wrap ul li.sr-6 .txt span.color {color:#185D7C;}
.safety-regulation-wrap ul li.sr-7 .moseori {border-top-color:#0A4C6A;}
.safety-regulation-wrap ul li.sr-7 .txt span.color {color:#0A4C6A;}
.gallery-wrap {}
.gallery-wrap ul {margin:0 -1.5%; font-size:0;}
.gallery-wrap ul li {width:30.333%; margin:0 1.5% 3%; height:0; padding-bottom:25%; position:relative; display: inline-block; vertical-align: top; overflow:hidden; border:1px solid #ddd;}
.gallery-wrap ul li .thumb {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.gallery-wrap ul li .thumb img {width:100%; height:100%; object-fit:cover;}
.gallery-wrap ul li .link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.gallery-wrap ul li .tit {position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; padding:0 15px; display: inline-block; font-size:16px; color:#fff; background: #000000a8; z-index: 2; align-items: center; transform:translateY(100%); opacity:0; transition:0.5s ease-out; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery-wrap ul li:hover .tit {transform:translateY(0); opacity:1;}
.partner-wrap {}
.partner-wrap ul {margin:0 -1.5%; font-size:0;}
.partner-wrap ul li {border:1px solid #CCCCCC; border-radius:10px; display: inline-block; width:30.333%; margin:0 1.5% 3%; vertical-align: top; }
.partner-wrap ul li .img {height:134px; width:100%; display:flex; justify-content: center; align-items: center; align-content: center;}
.partner-wrap ul li .img img {height:67px; width:auto;}
.notice-wrap {}
.notice-wrap table {width:100%; border-top:5px solid #444444; border-bottom:1px solid #707070; table-layout:fixed;}
.notice-wrap table thead td {color:#444444; font-weight:700; font-size:14px; text-align:center; height:47px; vertical-align: middle; border-bottom:1px solid #707070;}
.notice-wrap table thead td:nth-child(1) {width:100px;}
.notice-wrap table thead td:nth-child(2) {}
.notice-wrap table thead td:nth-child(3) {width:150px;}
.notice-wrap table thead td:nth-child(4) {width:100px;}
.notice-wrap table thead td:nth-child(5) {width:100px;}
.notice-wrap table tbody td {font-size:14px; color:#444444; text-align:center; height:47px; vertical-align: middle;}
.notice-wrap table tbody tr:hover td {background:#F8F8F8;}
.notice-wrap table tbody td.title {text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice-wrap table tbody td.title a {font-size:14px; color:#444444;display: inline-block;}
#paging {text-align:center; margin:20px 0;}
#paging > div {height:20px; width:20px; display: inline-block; line-height:20px; text-align:center; vertical-align: top;}
#paging > div.prev, #paging > div.next {}
#paging > div.num {}
#paging > div a {font-size:12px; display: inline-block; color:#666666; height:20px; width:20px; line-height:20px; vertical-align: top;}
#paging > div.prev a, #paging > div.next a {font-size:16px;}
#paging > div.num.current a {background:#666666; color:#fff; border-radius:2px;}
.board-view-wrap {}
.board-view-wrap .tit {}
.board-view-wrap .tit .t1 {color:#16678B; font-weight:700; font-size:18px;}
.board-view-wrap .tit .t2 {color:#444444; font-weight:700; font-size:34px; line-height:1.6;}
.board-view-wrap .etc {text-align:left; margin-top:30px;}
.board-view-wrap .etc .name {color:#999999; font-size:14px; display: inline-block; vertical-align: top; position:relative; padding-right:30px;}
.board-view-wrap .etc .name::after {content:""; height:11px; width:1px; background:#999999; position:absolute; right:15px; top:2px;}
.board-view-wrap .etc .date {color:#999999; font-size:14px; display: inline-block; vertical-align: top;}
.board-view-wrap .contxt {line-height:2; border-top:1px solid #CCCCCC; padding:30px 0; margin-top:10px; min-height:300px;}
.board-view-wrap .contxt * {line-height:1.6;}
.btn-wrap {margin:40px 0;}
.btn-wrap.left {text-align:left;}
.btn-wrap.right {text-align:right;}
.btn-wrap.center {text-align:center;}
.btn-wrap .button-white {border:1px solid #CCCCCC; border-radius:5px; text-align:center; font-size:13px; line-height:18px; padding:5px 30px; color:#999999; background:none; outline:none; cursor:pointer;}
.error-404-wrap {text-align:center; padding:100px 0;}
.error-404-wrap h1 {font-size:30px;}
.error-404-wrap h2 {font-size:200px;}
.error-404-wrap p {font-size:30px; font-weight:700;}
.error-404-wrap button {}
.slash { background: url('data:image/svg+xml;utf8,');}
.backslash { background: url('data:image/svg+xml;utf8,'); }
.tbl-st1 {}
.tbl-st1 .top-txt {margin-bottom:14px;}
.tbl-st1 .top-txt::after {content:""; clear:both; display:block;}
.tbl-st1 .top-txt .date {float:left; font-size:12px; font-weight:500; color:#666666;}
.tbl-st1 .top-txt .date span {font-weight:700; margin-right:10px;}
.tbl-st1 .top-txt .unit {float:right; font-size:12px; font-weight:500; color:#666666;}
.tbl-st1 table {width:100%; table-layout:fixed;}
.tbl-st1 table thead th {background:#357E9F; color:#fff; font-size:12px; font-weight:700; line-height:15px; text-align:center; height:64px; vertical-align: middle; padding:10px; border-right:1px solid #6BADCB;}
.tbl-st1 table thead th:last-child {border-right:none;}
.tbl-st1 table thead th.backslash {background-image:url('data:image/svg+xml;utf8,'); background-color:#357E9F;}
.tbl-st1 table thead th.backslash .r {text-align:right;}
.tbl-st1 table thead th.backslash .l {text-align:left; margin-top:15px;}
.tbl-st1 table tbody th {background:#F9F9F9; font-size:12px; font-weight:500; line-height:18px; text-align:left; padding:10px 10px 20px; border:1px solid #EEEEEE;}
.tbl-st1 table tbody td {background:#fff; text-align:center; vertical-align: middle; border:1px solid #EEEEEE; padding:20px 10px; font-size:14px; line-height:18px;}
.tbl-st1 table tbody tr.td-right td {text-align:right;}
.tbl-st1 table tbody tr.f9 td {font-size:9px; line-height:14px; white-space: pre-line;}
.performance-wrap {padding-bottom:100px;}
.performance-wrap .section {margin-bottom:60px;}
.performance-wrap .section .tit {color:#444; font-size:24px; font-weight:600; margin-bottom:30px;}
.graph-img {text-align:center; margin-top:90px;}
/* 모델링 */
.modeling-page-wrap {}
.modeling-page-wrap .con {position:relative;}
.modeling-page-wrap .hint {color:#666666; font-size:16px; position:absolute; left:0; top:40px; z-index:20;}
.modeling-page-wrap .hint i {color:#DDDDDD;}
.modeling-page-wrap .hint b {font-weight:700;}
.modeling-page-wrap #controls {position:relative;}
.modeling-page-wrap #controls #defaultCamera {position:absolute; right:0; top:50px; color:#333; padding:5px 10px; background:#000; color:#fff; border-radius:5px; cursor:pointer;}
.sketchfab-embed-wrapper {width:100%; height:800px;}
.sketchfab-embed-wrapper iframe {width:100%; height:100%;}
.annotation-box {position:relative;}
.annotation-box ul {display:inline-block; position:absolute; right:10px; top:20px; border-radius:5px; box-shadow:#00000073 5px 5px 20px; background:#fff;}
.annotation-box ul li.tit {height:40px; display:flex; padding:0 20px; text-align:left; align-items: center; border-bottom:1px solid #ddd; cursor:default;}
.annotation-box ul li {margin-bottom:10px; padding:0 20px; cursor:pointer;}
.annotation-box ul li:hover span {box-shadow:inset #ff30306e 0px -8px 0px;}
.annotation-box ul li span {}
.annotation-box ul li#defaultCamera {margin-top:20px;}