* {letter-spacing: 0;}

/* 회사개요 */
.col-view {
    position:relative;
    padding:5rem 0;
}
.col-view + .col-view {
    margin-top:7rem;
}
.col-view .figure {
    position:absolute;
    max-width:60rem;
    top:0;
    z-index:-1;
}
.col-view.col-lt .figure {
    right:0;
}
.col-view.col-rt .figure {
    left:0;
}
.col-view .figcaption > strong {
    font-size:8rem;
    display:block;
    margin-bottom:3.5rem;
    font-weight:bold;
}
.col-view .figcaption .comment-box {
    width:50%;
}
.col-view.col-rt .figcaption .comment-box {
    margin-left:50%;
}
.col-view.col-rt {
    padding:10rem 0;
}
.col-view .figcaption .comment-box p {
    font-size:2.4rem;
    word-break:keep-all;
    line-height:4rem;
    margin-bottom:5rem;
}
.ideology {
    margin-top:8rem;
    padding:13rem 0 16.5rem;
    background: url(/images/sub/sub0101_img03.png) center / cover no-repeat;
}
.ideology h4 {
    font-size:3.6rem;
    font-weight:600;
    color:#fff;
    display:block;
    text-align:center;
    margin-bottom:6rem;
}
.dis-table {
    display:table;
    width:100%;
}
.dis-table > .tb-cell {
    display:table-cell;
}
.ideology .tb-cell {
    vertical-align:top;
    color:#fff;
    text-align:center;
    padding:0 3rem;
    width:33.3334%;
}
.ideology .tb-cell h5 {
    font-size:3rem;
    font-weight:bold;
}
.ideology .tb-cell .figure {
    display:block;
    margin:2rem auto;
    height: 13rem;
}
.ideology .tb-cell strong {
    display:block;
    margin-bottom:2rem;
    font-size:3.2rem;
    font-weight:600;
}
.ideology .tb-cell p {
    font-size:2rem;
    line-height:3.2rem;
    word-break: keep-all;
    opacity: .9;
}
/* 연혁 */
.history_center {
    margin-bottom:13rem;
}
.history_center .history_name {
    width: 31rem;
    margin: 0 auto;
    padding: 0 6rem;
    position: relative;
}
.history_center .history_name .name_box {
    width: 19rem;
    height: 19rem;
    display: block;
    margin: 0 auto;
    background: #F16621;
    border-radius: 50%;
    padding-top: 6.4rem;
    position: relative;
}
.history_center .history_name .name_box span {
    display: block;
    text-align: center;
}
.history_center .history_name .name_box span.sm {
    font-size: 1.65rem;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0.5rem;
}
.history_center .history_name .name_box span.big {
    font-size: 2.3rem;
    color: #fff;
    font-weight: 500;
}
.history_center {
    position: relative;
}
.history_center:before {
    width: 2px;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    border-left: 1px dashed #ddd;
    transform: translateX(-50%);
}
.history_center .history_box {
    padding-left: 14rem;
    position: relative;
    margin-top: 4rem;
}
.history_center .history_box:nth-child(even) {
    margin-left: 50%;
}
.history_center .history_box:nth-child(odd) {
    margin-right: 50%;
    padding-left: 0;
    padding-right: 14rem;
}
.history_center .history_box:first-of-type {
    margin-top: 0;
}
.history_center .history_box .history_tit {
    position: absolute;
    font-size: 2.5rem;
    display: block;
    color: #F16621;
    font-weight: bold;
    top: 0;
    left: 0;
    padding-left: 4rem;
    line-height: 100%;
}
.history_center .history_box:nth-child(odd) .history_tit {
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 4rem;
}
.history_center .history_box .history_tit:before {
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    content: "";
    position: absolute;
    left: -1.1rem;
    top: 0;
    border: 4px solid #F16621;
    border-radius: 50%;
    background: #fff;
}
.history_center .history_box:nth-child(odd) .history_tit:before {
    left: auto;
    right: -1.1rem;
}
.history_center .history_box .month_wrap .month {
    position: relative;
    padding-left: 9rem;
    margin-top: 3rem;
}
.history_center .history_box:nth-child(odd) .month_wrap .month {
    padding-left: 0;
    padding-right: 9rem;
}
.history_center .history_box .month_wrap .month:first-of-type {
    margin-top: 0;
}
.history_center .history_box .month_wrap .month .month_tit {
    font-size: 1.8rem;
    color: #2a2a2a;
    position: absolute;
    left: 0;
    top: 0;
}
.history_center .history_box:nth-child(odd) .month_wrap .month .month_tit {
    left: auto;
    right: 0;
}
.history_center .history_box .month_wrap .month .month_cont p {
    color: #717171;
    font-size: 1.65rem;
    margin-top: 0;
}
.history_center .history_box:nth-child(odd) .month_wrap .month .month_cont p {
    text-align: right;
}
.history_center .history_box .month_wrap {
    padding-bottom: 4rem;
    position: relative;
}
.history_center .history_box:nth-child(odd) .txt_list > li {
    padding-left: 0;
    padding-right: 1rem;
    text-align: right;
}
.history_center .history_box:nth-child(odd) .txt_list > li:before {
    right: 0;
    left: auto;
}


/* 주요경영진 */
.mgmt-section {
    padding:13.3rem 0;
    padding-top:0;
}
.mgmt-section ~ .mgmt-section {
    padding:13.3rem 0;
}
.mgmt-section.cto {
    background-color:#F6F6F6;
}
.mgmt-area {
    display:table;
    width:100%;
}
.mgmt-area .figure,
.mgmt-area .figcaption {
    display:table-cell;
    vertical-align:middle;
    position:relative;
}
.mgmt-area .figure {
    z-index:2;
}
.mgmt-area .figure > img {
    max-width:422px;
}
.mgmt-area .figure::before {
    content:"";
    width:78rem;
    height:100%;
    position:absolute;
    background: url(/images/sub/img_decoration.png) center / auto no-repeat;
    z-index:-1;
}
.ceo .figure::before {
    left:-90%;
    top:15%;
}
.cto .figure::before {
    top:15%;
    left:15%;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.mgmt-area .figcaption {
    width:65%;
}

.mgmt-area .figcaption .mgmt-title {
    display:block;
    position:relative;
    border-bottom:2px solid #8A8A8A;
    padding-bottom:1.5rem;
    margin-bottom:2rem;
}
.mgmt-area .figcaption .mgmt-title::before {
    position:absolute;
    font-size:15rem;
    font-family:"Play";
    opacity: .32;
    color:#E1E1E1;
    font-weight:bold;
    right:0;
    top:-15rem;
}
.ceo .mgmt-area .figure,
.cto .mgmt-area .figcaption {
    padding-right:10rem;
}
.ceo .mgmt-area .figcaption .mgmt-title::before {
    content:"CEO";
}
.cto .mgmt-area .figcaption .mgmt-title::before {
    content:"CTO";
}
.mgmt-title > b {
    position:relative;
    font-size:3.6rem;
    vertical-align:middle;
}
/* .mgmt-title > b::before {
    content:"";
    width:100%;
    height:2px;
    background:#E7640E;
    position:absolute;
    left:0;
    bottom:-2rem;
} */
.mgmt-title > span {
    font-size:2.4rem;
    font-weight:600;
    vertical-align: middle;
    margin-left:2rem
}
.dot-style-list li {
    position:relative;
    padding-left: 1.3rem;
    margin-bottom:1rem;
    font-size:1.8rem;
    color:#555555;
    word-break: keep-all;
}
.dot-style-list li:last-child {
    margin-bottom:0;
}
.dot-style-list li::before {
    content:"";
    display:block;
    width:.4rem;
    height:.4rem;
    position:absolute;
    left:0;
    top:.8rem;
    border-radius:100%;
    background: #F16621;
}
.dot-style li > ul > li {
    font-size:2.4rem;
    color:#808080;
    margin:1rem 0;
    font-weight:400;
}
/* 인증/특허 */
.tb-gallery-wrap {
    padding-top:10rem;
    padding-bottom:9.3rem;
}
/*=============================== 
핵심기술 
===============================*/
h4.tech-title {
    position: relative;
    text-align: left;
    font-size: 2.74rem; 
    font-weight: 600;
    color: #333;
    word-break: keep-all;
    line-height: 4rem;
    letter-spacing: -0.025em;
}

h4.tech-title::after {
    content: "";
    position: absolute;
    bottom: -1.4rem;
    left: 0;
    width: 4rem; height: 3px;
    background-color: #E27843;
}

.tech01-bg {
    position: relative;
}

.tech01-bg::before {
    content: "";
    position: absolute;
    top: -26rem;
    width: 100%; height: calc(100% + 26rem);
    z-index: -1;
    background-color: #F5F5F5;
}

/* .tech01-bg.business::before {
    height: 67.5%;
} */


.tech01-bg .tech-img-box {
    margin-bottom: 20rem;
}

.tech-left {
    float: left;
    width: 20%;
    padding-right: 7rem;
}

.tech-right {
    float: right;
    border-top: 2px solid #333;
    padding: 5rem 0 12rem;
    max-width: 1028px;
    width: 80%;
}

.dot-list {
    margin-bottom: 5rem;
}

.dot-list>li {
    position: relative;
    font-family: 'NotoSansSC';
    font-size: 1.9rem;
    color: #555;
    padding-left: 1rem;
    line-height: 3.1rem;
    margin-left: 2.8rem;
    word-break: keep-all;
    letter-spacing: -0.025em;
    margin-bottom: 1rem;
}

.dot-list>li span {
    font-family: 'NotoSansSC';
    font-weight: 500;   
    color: #F16621;
}

.dot-list>li::before {
    content: "";
    width: 4px; height: 4px;
    background-color: #555;
    position: absolute;
    top: 1.3rem; left: 0;
    border-radius: 100%;
}

.num-list {
    margin: .4rem;
}

.num-list li {
    font-family: 'NotoSansSC';
    font-size: 1.7rem;
    line-height: 2.6rem;
    color: #777;
}

.under-grayline {
    border-bottom: 1px solid #CECECE;
    margin-bottom: 4rem;
}

.under-grayline .dot-list {
    margin: 4rem 0;
}

.tech-li-smtit {
     margin-bottom: 2.4rem;
     font-size: 2.3rem;
     font-weight: 500;
}

.tech-li-smtit.mg {
    margin-bottom: 1.6rem;
}

.img-ex-box {
    margin-bottom: 6rem;
}

.img-ex-box:last-child {
    margin-bottom: 0;
}

.img-linebox {
    border: 1px solid #ECECEC;
    text-align: center;
    padding: 4rem 6rem;
    background-color: #fff;
}

.img-linebox span {
    text-align: center;
    padding: 0 4rem;
    display: inline-block;
    width: calc(50% - 2rem);
}

.img-linebox.three span {
    position: relative;
    width: calc(100% / 3 - 1rem);
}

.img-linebox span:first-child {
    border-right: 1px dashed #CECECE;
    padding-left: 0;
}

.img-linebox.three span:nth-child(1){
    border-right: 1px dashed #CECECE;
}

.img-linebox.three span:nth-child(3) {
    border-left: 1px dashed #CECECE;
}

.img-linebox span:last-child {
    padding-right: 0;
}

.img-linebox.noline span {
    padding: 0 1rem;
    border: none;
}

.ex-graybox {
    padding: 3rem 4rem;
    background-color: #F2F2F2;
}

.ex-graybox p {
    font-size: 1.7rem;
    font-family: 'NotoSansSC';
    line-height: 2.5rem;
    letter-spacing: -0.025em;
}

.ex-graybox.text {
    margin-bottom: 2.6rem;
}

.ex-graybox.text p {
    font-size: 1.9rem;
    line-height: 3.2rem;
}

.patent {
    margin-bottom: 4rem;
}

.patent>div {
    float: left;
    width: calc(100% / 4 - 1.5rem);
    margin-right: 2rem;
    text-align: center;
}

.patent>div:last-child {
    margin-right: 0;
}

.patent-img {
    position: relative;
    display: inline-block;
}

.patent-img::before {
    content: "";
    width: 100%; height: 100%;
    background-color: #000;
    position: absolute;
    left: 0; top: 0;
    opacity: 0;
    transition: .3s;
}

.hover-view:hover .patent-img::before {
    opacity: 0.16;
}

.hover-view p {
    font-family: 'NotoSansSC';
    font-size: 1.7rem;
    margin: 2rem 0;
}

.view-btn {
    background-color: #F16621;
    width: 5.9rem; height: 5.9rem;
    position: absolute !important;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 0;
    transition: .3s;
}

.view-btn div {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

.hover-view:hover .view-btn {
    opacity: 1;
}

.view-btn i,
.view-btn p {
    color: #fff;
    font-size: 1.3rem;
    font-family: 'Play', 'xeicon';
    font-weight: bold;
    margin: 0;
    margin-top: -0.3rem;
}

.down-btn {
    display: inline-block;
    padding: 2rem 4rem;
    font-family: 'NotoSansSC';
    font-size: 1.7rem;
    font-weight: bold;
    color: #fff;
    background-color: #A4A4A4;
    transition: background-color .3s;
}

.down-btn:hover {
    background-color: #7a7a7a;
}

.down-btn i {
    margin-left: 0.6rem;
}

.table-box.type2 {
    margin: 3rem 0;
    overflow: auto;
}

.table-box.type2 .tech-li-smtit {
    margin-bottom: 0.6rem;
}

.table-box.type2 .tech-li-smtit.type2 {
    margin-bottom: 1.2rem;
}

.tech-table {
    text-align: center;
}

.tech-table.pro {
    width: calc(50% - 2rem);
    float: right;
}

.tech-table th {
    font-family: 'NotoSansSC';
    font-size: 1.7rem;
    background-color: #E8E8E8;
    padding: 1rem;
    border: 1px solid #fff;
    color: #333;
    font-weight: 400;
}

.tech-table td {
    font-family: 'NotoSansSC';
    font-size: 1.7rem;
    background-color: #F3F3F3;
    padding: 1rem;
    border: 1px solid #fff;
    color: #777;
    font-weight: 300;
}

.tech-iconlist {
    background-color: #F6F6F6;
    display: table;
    width: 100%;
    text-align: center;
    table-layout: fixed;
    padding: 3.8rem 0;
}

.tech-iconlist div {
    display: table-cell;
}

.tech-iconlist div:nth-child(2) {
    border-left: 1px dashed rgba(161, 161, 161, 0.31);
    border-right: 1px dashed rgba(161, 161, 161, 0.31);
}

.tech-iconlist .iconlist-tit {
    color: #E27843;
    font-family: 'Play';
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

.tech-iconlist .icon-img {
    display: inline-block;
    margin: 1rem 0 2rem;
    min-height: 60px;
}

.tech-iconlist p {
    font-family: 'NotoSansSC';
    font-size: 1.7rem;
    font-weight: 400;
}

.tech-linklist {
    float: left;
    width: calc(50% - 1.5rem);   
    margin-right: 3rem;
}

.tech-linklist.rt {
    margin-right: 0;
}

.tech-linklist ul {
    width: 100%;
    counter-reset: li;
}

.tech-linklist.rt ul {
    counter-reset: li 4;
}

.tech-linklist li {
    position: relative;
    border: 2px solid #DFDFDF;
    border-radius: 1rem;
    font-size: 1.9rem;
    font-weight: 600;
    color: #555;
    height: 9.2rem;
    margin-bottom: 2rem;
    letter-spacing: -0.025em;
    overflow: hidden;
    transition: ease-out .3s;
}

.tech-linklist li:hover {
    border: 2px solid #F16621;
    color: #F16621;
}

.tech-linklist li:hover::before {
    color: #F16621;
}

.tech-linklist li a {
    width: 100%; height: 100%;
    display: inline-block;
    position: relative;
}

.tech-linklist li span {
    position: absolute;
    top: 50%; left: 8rem;
    transform: translateY(-50%);
}

.tech-linklist li::before {
    content: "0"counter(li);
    counter-increment: li;
    color: #8A8A8A;
    font-size: 1.9rem;
    position: absolute;
    top: 50%; left: 3.2rem;
    transform: translateY(-50%);
    transition: color ease-out .3s;
}

.tech-linklist li::after {
    content: "";
    height: 98%;
    position: absolute;
    right: 3rem; top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.tech-linklist.lt li:nth-child(1):after {
    background: url(/images/sub/tech/tech01/tech_img04-01.png) no-repeat right center / contain;
    width: 16rem;
}
.tech-linklist.lt li:nth-child(2):after {
    background: url(/images/sub/tech/tech01/tech_img04-02.png) no-repeat right center / contain;
    width: 7rem;
}
.tech-linklist.lt li:nth-child(3):after {
    background: url(/images/sub/tech/tech01/tech_img04-03.png) no-repeat right center / contain;
    width: 8rem;
}
.tech-linklist.lt li:nth-child(4):after {
    background: url(/images/sub/tech/tech01/tech_img04-04.png) no-repeat right center / contain;
    width: 6rem;
}

.tech-linklist.rt li:nth-child(2):after {
    background: url(/images/sub/tech/tech01/tech_img04-06.png) no-repeat right center / contain;
    width: 12rem;
}
.tech-linklist.rt li:nth-child(3):after {
    background: url(/images/sub/tech/tech01/tech_img04-07.png) no-repeat right center / contain;
    width: 10rem;
}


/* 핵심기술 끝 */

/* 제품 */
.pd-top {
    padding-top: 50rem;
}

.product-bg {
    padding: 17rem 0;
    background-position: 70% 50%;
    background-repeat: no-repeat;
    background-size: cover;

    width: 100vw;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.product-bg-txtbox {
    max-width: calc(1320px + 2rem);
    margin: 0 auto;
    padding: 0 7rem;
}

.product-bg-txtbox p {
    color: #BEBEBE;
    font-family: 'Play';
    font-size: 2.34rem;
    margin-bottom: 1.5rem;
    word-break: keep-all;
    letter-spacing: 0;
}

.product-bg-txtbox h4 {
    font-family: 'NotoSansSC';
    font-size: 3.15rem;
    font-weight: 600;
    color: #fff;
    word-break: keep-all;
    letter-spacing: -0.025em;
}

.product-bg.pro01 {
    background-image: url(/images/sub/product/pro-bg/pro01-bg.png);
}
.product-bg.pro02 {
    background-image: url(/images/sub/product/pro-bg/pro02-bg.png);
}
.product-bg.pro03 {
    background-image: url(/images/sub/product/pro-bg/pro03-bg.png);
}
.product-bg.pro04 {
    background-image: url(/images/sub/product/pro-bg/pro04-bg.png);
}
.product-bg.pro05,
.product-bg.pro06 {
    background-image: url(/images/sub/product/pro-bg/pro05-06-bg.png);
}
.product-bg.pro07 {
    background-image: url(/images/sub/product/pro-bg/pro07-bg.png);
}
.product-bg.pro08 {
    background-image: url(/images/sub/product/pro-bg/pro08-bg.png);
}

.pro-ex-wrap {
    position: relative;
    padding: 2rem 4rem;
}

.pro-ex-wrap>div {
    width: 28%;
}

.pro-ex-wrap>div:nth-child(1),
.pro-ex-wrap>div:nth-child(3) {
    width: 36%;
}

.pro-ex-list {
    position: relative;
    text-align: left;
    border-bottom: 2px solid #999;
    padding: 3rem 0;
}

.pro-ex-list:last-child {
    border-bottom: none;
}

.pro-ex-list::after {
    content: "";
    display: block;
    clear: both;
}

.pro-ex-list ul {
    display: inline-block;
    word-break: keep-all;
}

.pro-ex-list h6 {
    font-family: 'NotoSansSC';
    font-size: 1.7rem;
    font-weight: 500;
    word-break: keep-all;
    margin-bottom: 1.2rem;
    letter-spacing: -0.025em;
}

.pro-ex-list li {
    position: relative;
    font-family: 'NotoSansSC';
    font-size: 1.58rem;
    color: #777;
    line-height: 2.6rem;
    padding-left: 1rem;
    letter-spacing: -0.025em;
}

.pro-ex-list li::before {
    content: "";
    width: 3px; height: 3px;
    background-color: #777;
    position: absolute;
    top: 1.2rem; left: 0;
    border-radius: 100%;
}

.pro-ex-list::before {
    content: "";
    width: 5rem; height: 5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.pro-ex-left .pro-ex-list::before {
    right: 0;
}
.pro-ex-right .pro-ex-list::before {
    left: 0;
}

.pro-ex-left {
    float: left;
}
.pro-ex-right {
    float: right;
}

.pro-ex-center img {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 25rem;
}

.pro-ex-left h6,
.pro-ex-left ul {
    padding-right: 6rem;
}
.pro-ex-right h6,
.pro-ex-right ul {
    padding-left: 7rem;
}

.pro-ex-left .pro-ex-list:nth-of-type(1)::before {
    background: url(/images/sub/product/pro01/product_img03-01.png) no-repeat center / contain;
}
.pro-ex-left .pro-ex-list:nth-of-type(2)::before {
    background: url(/images/sub/product/pro01/product_img03-02.png) no-repeat center / contain;
}
.pro-ex-left .pro-ex-list:nth-of-type(3)::before {
    background: url(/images/sub/product/pro01/product_img03-03.png) no-repeat center / contain;
}
.pro-ex-left .pro-ex-list:nth-of-type(4)::before {
    background: url(/images/sub/product/pro01/product_img03-04.png) no-repeat center / contain;
}

.pro-ex-right .pro-ex-list:nth-of-type(1)::before {
    background: url(/images/sub/product/pro01/product_img03-05.png) no-repeat center / contain;
}
.pro-ex-right .pro-ex-list:nth-of-type(2)::before {
    background: url(/images/sub/product/pro01/product_img03-06.png) no-repeat center / contain;
}
.pro-ex-right .pro-ex-list:nth-of-type(3)::before {
    background: url(/images/sub/product/pro01/product_img03-07.png) no-repeat center / contain;
}
.pro-ex-right .pro-ex-list:nth-of-type(4)::before {
    background: url(/images/sub/product/pro01/product_img03-08.png) no-repeat center / contain;
}

.pro-table-left {
    position: absolute;
    top: 50%; left: 4rem;
    transform: translateY(-50%);
}

.pro-table {
    float: right;
}

.pro-video {
    position: relative;
    width: 100%; height: auto;
    padding-top: 55%;
}

.pro-video iframe {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
}

/* 제품 끝 */

.list-title {
    position:relative;
    color:#333333;
    font-size:3rem;
    font-weight:600;
    overflow:hidden;
    padding-left:3rem;
    margin:7rem 0 4rem;
    text-align:left;
}

.list-title.type2 {
    font-size: 2.1rem;
    font-weight:400;
    padding-left:2rem;
    margin:7rem 0 1.2rem;
    letter-spacing: -0.025em;
}

.list-title::before {
    content:"";
    position:absolute;
    left:-2.3rem;
    top:1.5rem;
    width: 0px;
    height: 0px;
    border-top:1.5rem solid none;
    border-bottom:1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
    border-left: 1.5rem solid  #F16621;
    transform: rotate(135deg);
}

.list-title.type2::before {
    top:1rem;
}

.technology-visual {
    text-align:center;
    position:relative;
    margin:6rem 0 8rem;

    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

    
}
.technology-visual.type01 {
    background-image: url(/images/sub/tech/techVisual/technology_visual01.png);
    max-width: calc(1320px + 2rem);
    height: 36rem;
    margin:6rem auto 8rem;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16);
}
.technology-visual.type01.business {
    background-image: url(/images/sub/business-visual.png);
}
.technology-visual.type02 {
    background-image: url(/images/sub/tech/techVisual/technology_visual02.png);
}
.technology-visual.type03 {
    background-image: url(/images/sub/tech/techVisual/technology_visual03.png);
}
.technology-visual.type04 {
    background-image: url(/images/sub/tech/techVisual/technology_visual04.png);
}
.technology-visual.type05 {
    background-image: url(/images/sub/tech/techVisual/technology_visual05.png);
}
.technology-visual.type06 {
    background-image: url(/images/sub/tech/techVisual/technology_visual06.png);
}
.technology-visual.type07 {
    background-image: url(/images/sub/tech/techVisual/technology_visual07.png);
}
.technology-visual.type08 {
    background-image: url(/images/sub/tech/techVisual/technology_visual08.png);
}
.technology-visual.type09 {
    background-image: url(/images/sub/tech/techVisual/technology_visual09.png);
}
.technology-visual.type10 {
    background-image: url(/images/sub/tech/techVisual/technology_visual10.png);
}
.technology-visual.type11 {
    background-image: url(/images/sub/tech/techVisual/technology_visual11.png);
}
.technology-visual.type12 {
    background-image: url(/images/sub/tech/techVisual/technology_visual12.png);
}
.technology-visual ~ section {
    padding-bottom:10rem;
}
.technology-visual .tech-visal-txtBox {
   padding:15rem 1rem;
   word-break: keep-all;
}
.tech-visal-txtBox strong {
    font-size:4rem;
    display:block;
}
.tech-visal-txtBox strong.txt-color01 {
    color: #E27843 !important;
}
.tech-visal-txtBox h4 {
    font-weight:bold;
    color:#fff;
    font-size:5.5rem;
    margin:4.3rem 0 4.1rem;
}
.tech-visal-txtBox ul > li {
    color:#fff;
    font-size:2.6rem;
    margin-bottom:1rem;
}

.technology-nav {
    margin-bottom: 4rem;
}

.technology-nav ul {
    width:100%;
    text-align:center;
}
.technology-nav li {
    display:inline-block;
    padding:0 6rem;
    position:relative;
    border-right:0;
    margin-bottom:4rem;
}

.technology-nav li::after {
    content:"";
    width:1px;
    height:16px;
    background:#E1E1E1;
    position:absolute;
    right:0;
    top:.25rem;
}
.technology-nav li:last-child::after {
    display:none;
}
.technology-nav li > a {
    font-size:2.1rem;
    text-align:center;
    position:relative;
    padding:0 .5rem 1rem;
    color: #555;
    letter-spacing: -0.025em;
}
.technology-nav li > a::before {
    content:"";
    width:0;
    opacity: 0;
    height:3px;
    background:#E27843;
    position:absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition:width .3s;
    z-index:-1;
}
.technology-nav li > a::after {
    opacity:0;
    content:"";
    width:1.5rem;
    height:1.5rem;
    border-left:3px solid #E27843;
    border-bottom:3px solid #E27843;
    background:#fff;
    z-index:1;
    position:absolute;
    left:50%;
    transform:translateX(-50%) rotate(-45deg);
    -webkit-transform:translateX(-50%) rotate(-45deg);
    bottom:-.7rem;   
    transition:opacity .3s;
}
.technology-nav li:hover > a::before,
.technology-nav li.active > a::before {
    width:100%;
    opacity: 1;
} 
.technology-nav li:hover > a,
.technology-nav li.active > a {
    font-weight:600;
}
.technology-nav li:hover > a::after,
.technology-nav li.active > a::after {
    opacity:1;
}
.technology-nav li:hover > a,
.technology-nav li.active > a {
    color:#E27843;
}
/* 핵심기술 - 신뢰성있는 공기 베어링 */
.tech-list > iframe {
    height:74rem;
}
.tech-list > .list-title + .img-box-col {
    margin-top:0;
}
.img-box-col {
    margin-top:8rem;
}
.tech-img-box {
    margin-top:3.4rem;
}
.tech-img-box.type2 {
    margin-top: 0;
}
.tech-img-box > .item-figure {
    text-align:center;
    padding:10rem;
    display:block;
    border:1px solid #DFDFDF;
    background-color: #fff;
}
.tech-img-box > .item-figure > img ~ img {
    margin-top:2.5rem;
}
.img-box-col .img-box-item {
    width:calc(50% - 3rem);
}
.img-box-col .img-box-item {
    float:left;
    margin-right:6rem;
} 
.img-box-col .img-box-item:last-child {
    float:right;
    margin-right:0;
}
.img-box-col .img-box-item > .list-title {
    margin-top:0;
}
/* 핵심기술 - 고효율 임펠러/터빈 설계 기술 */
.img-box-col .img-box-item > .item-figure {
    display:block;
    padding:1rem;
    border:1px solid rgba(216, 216, 216, 1);
    text-align:center;
}
.title-depth-list {
    text-align:left;
}
.title-depth-list .list-title {
    margin:4.5rem 0 3rem;;
}
.title-depth-list > ul {
    padding-left:3rem;
    margin-bottom:3rem;
}
.title-depth-list > ul > li {
    font-size:2.6rem;
    color:rgba(85, 85, 85, 1);
    line-height:1.4;
    word-break: keep-all;
    font-weight:600;
}
.title-depth-list > ul > li ~ li {
    margin-top:1.5rem;
}
.title-depth-list > ul.dot-style > li {
    padding-left:2rem;
    position:relative;
}
.title-depth-list > ul.dot-style > li::before {
    content:"";
    width:.4rem;
    height:.4rem;
    background:rgba(85, 85, 85, 1);
    position:absolute;
    left:0;
    top:1.5rem;
}
/* 핵심기술 - 방진설계가 적용된 외함 및 냉각구조  */
.tech-tb {
    display:table;
    table-layout:fixed;
    width:100%;
    margin-top:6rem;
    padding:5.5rem;
    background:#F6F6F6;
}
.tech-tb > .tech-tb-item {
    display:table-cell;
    padding:2rem;
    text-align:center;
    border-right:1px solid rgba(161, 161, 161, .31);
}
.tech-tb > .tech-tb-item:last-child {
    border-right:0;
}
.tech-tb > .tech-tb-item > strong {
    display:block;
    font-size: 1.8rem;
    font-weight:bold;
}
.tech-tb > .tech-tb-item > .figure {
    display:block;
    margin:2rem 0;
    height:8rem;
}
.tech-tb > .tech-tb-item > .tb-item-txt {
    font-size:2.8rem;
    font-weight:600;
}
/* 핵심기술 - 모듈화 설계 적용 패키지 */
.check-depth-list {
    margin-top:5.7rem;
}
.check-list-title {
    position:relative;
    padding-left:4rem;
}
.check-list-title > strong {
    font-size:2.6rem;
    font-weight:500; 
}
.check-list-title ~ .check-list-title {
    margin-top:5rem;
}
.check-list-title::before {
    content:"";
    width:2.6rem;
    height:2.6rem;
    background:#F16621;
    border-radius:100%;
    position:absolute;
    left:0;
    top:.2rem;
}
.check-list-title::after {
    content:"";
    display:block;
    width:1.4rem;
    height:.8rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position:absolute;
    left:.6rem;
    top:.9rem;
    border-left:.3rem solid #fff;
    border-bottom:.3rem solid #fff;
}
/* table - view */
#content .container.table-view {
    transform:skew(-.1deg);
    -webkit-transform:sKew(-.1deg);
}
/* ACM */
.product-visual {
    text-align:center;
    position:relative;
    padding:14rem 1rem;
    margin:6rem 0 8rem;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.product-visual.type1.page01 {
    background-image: url(/images/sub/sub03/sub0301/sub0301-01/product_visual.png);
}
.product-visual.type1.page02 {
    background-image: url(/images/sub/sub03/sub0301/sub0301-02/product_visual.png);
}
.product-visual.type1.page03 {
    background-image: url(/images/sub/sub03/sub0301/sub0301-03/product_visual.png);
}
.product-visual.type2 {
    background-image: url(/images/sub/sub03/sub0302/product_visual.png);
}
.product-visual.type3 {
    background-image: url(/images/sub/sub03/sub0303/product_visual.png);
}

.product-visual .product-visual-txtBox {
    text-align:left;
}
.product-visual-txtBox h4 {
    font-size:5.5rem;
    color:#fff;
    display:block;
    margin-bottom:3rem;
    padding-bottom:3rem;
    position:relative;
    word-break: keep-all;
}
.product-visual-txtBox h4::after {
    content:"";
    width:100%;
    height:2px;
    max-width:84rem;
    position:absolute;
    left:0;
    bottom:0;
    background:#fff;
}
.product-visual-txtBox p {
    font-size:3rem;
    color:#BEBEBE;
}
.product-bt {
    margin:-8rem 0 5rem;
    padding:8rem 0;
    background:#F2F2F2;
}
.product-bt .list-title {
    margin:4rem 0;
    word-break: keep-all;
}
.check-depth-list.type2 {
    margin:4rem 0 5.5rem;
    text-align:left;
}
.check-depth-list.type2 .check-list-title {
    font-size:2.6rem;
    color:#555555;
    word-break: keep-all;
}
.check-depth-list.type2 .check-list-title::before {
    display:none;
}
.check-depth-list.type2 .check-list-title::after {
    border-color:#555555;
}
.check-depth-list.type2 .check-list-title ~ .check-list-title {
    margin-top:1rem;
}
.tech-list h4 {
    font-size:4.3rem;
    text-align:center;
    margin-top:8rem;
}
/* 연료전지용 공기압축기 */
.tech-list.bt-area {
    padding-bottom:14rem;
}
.table-box {
    display:table;
    width:100%;
    margin-top:3rem;
}
.table-box .img-box-item,
.table-box .img-txt-item {
    display:table-cell;
    vertical-align:middle;
}
.table-box .img-box-item {
    width:40%;
    text-align:center;
}
.table-box > div:last-child {
    padding-left:5rem;
}
.table-box > div:last-child.img-txt-item {
    padding-left:15rem;
}
.table-box .item-figure {
    display:block;
    padding:3rem;
    border:1px solid #DFDFDF;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.03);
}
.icon-wrapper {
    margin-top:4rem;
    display:table;
    table-layout:fixed;
    width:calc(100% + 7.5rem);
    border-spacing: 4.5rem 0;
    margin-left:-4.2rem;
}
.icon-wrapper > .icon-item-wrap {
    display:table-cell;
    padding:4rem 1rem;
    vertical-align:top;
    text-align:center;
    border:3px solid rgba(225, 225, 225, 1);
}
.icon-item-wrap > .item {
    display:block;
    font-size:2.4rem;
    color:rgba(85, 85, 85, 1);
    font-weight:600;
}
.icon-item-wrap > .item > span {
    display:block;
}
.icon-item-wrap > .item > span.icon {
    margin-bottom: 1rem;
}
.table-wrap {
    overflow-x:auto;
}
.table-wrap::-webkit-scrollbar {
    height:1rem;
}
.table-wrap::-webkit-scrollbar-thumb {
    border-radius: 2.5rem;
    background: #F16621;
}
.custom-table {
    width:1320px;
    border-top:1px solid rgba(241, 102, 33, 1);
}
.custom-table thead th {
    background:rgba(255, 244, 239, 1);
    font-size:2.2rem;
    padding:2rem 1rem;
    color:rgba(34, 34, 34, 1);
    font-weight:600;
    border-right:1px solid rgba(206, 206, 206, 1);
}
.custom-table thead th:last-child {
    border-right:0;
}
.custom-table tbody th,
.custom-table tbody td {
    padding:2rem 1rem;
    text-align:center;
    font-weight:400;
    font-size:2rem;
    color:rgba(138, 138, 138, 1);
    border-bottom:1px solid rgba(206, 206, 206, 1);
    border-right:1px solid rgba(206, 206, 206, 1);
}
.custom-table tbody td:last-child {
    border-right:0;
}
/* 터보블로워 */
.icon-wrapper.type2 > .icon-item-wrap {
    vertical-align: middle;
    padding:.5rem 1rem;
}
.depth-visual {
    background:url(/images/sub/sub03/sub0301/depth_visual.png) center / cover no-repeat;
}
.depth-visual > div {
    text-align: center;
    padding:12rem 1rem;
}
.depth-visual > div > span {
    font-size:3rem;
    color:rgba(190, 190, 190, 1);
    display:block;
    margin-bottom:2rem;
}
.depth-visual > div > strong {
    font-size:4rem;
    color:#fff;
    display:block;
    font-weight:600;
    word-break: keep-all;
}
.title-depth-list > .dot-style.type2 {
    padding-left:0;
    margin-top:4rem;
}
.img-box-item .figure.type2 {
    position:relative;
    display:block;
}
.img-box-item .figure.type2 .figcaption {
    display:block;
    padding:2.5rem 1rem;
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    text-align:center;
    color:#fff;
    font-size:2.8rem;
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.24) 100%) 0% 0% no-repeat padding-box;
}
/* 터보블로워 */
.product-list {
    margin-top:6rem;
}
.product-list-item {
    border:1px solid #CECECE;
    background:#F2F2F2;
    padding:4rem;
    display:table;
    width:100%;
}
.product-list-item ~ .product-list-item {
    margin-top:3rem;
}
.product-list-item .figure,
.product-list-item .figcaption {
    display:table-cell;
    vertical-align:middle;
}
.product-list-item .figure {
    width:15%;
    padding-right:3rem;
    text-align:center;
}
.product-list-item .figcaption > strong {
    font-size:2.6rem;
    font-weight:600;
    display:block;
}
.product-list-item .figcaption .title-depth-list > .dot-style.type2 {
    margin-top:2rem;
    margin-bottom:0;
}
.product-list-item .figcaption .title-depth-list > ul > li {
    font-size:2rem;
    font-weight:500;
    padding-left:1.5rem;
    color:#555555;
}
.product-list-item .figcaption .title-depth-list > ul > li ~ li {
    margin-top:.5rem;
}
.product-list-item .figcaption .title-depth-list > ul > li::before {
    width:.4rem;
    height:.4rem;
    top:1.2rem;
    border-radius:100%;
    background:#555555;
}
/* 환경물산업/에너지절감 */
.product-visual.business {
    padding:20rem 1rem 14rem;
}
.product-visual.business.type1 {
    background-image: url(/images/sub/sub01/sub0101/business-visual.png);
}
.product-visual.business.type2 {
    background-image: url(/images/sub/sub01/sub0102/business-visual.png);
}
.product-visual.business.type3 {
    background-image: url(/images/sub/sub01/sub0103/business-visual.png);
}
.product-visual-txtBox.business h4 {
    margin-bottom:4rem;
    padding-bottom:5rem;
}
.product-visual-txtBox.business h4::after {
    opacity:.4;
}
.product-visual-txtBox.business p {
    color:#fff;
    font-size:3.4rem;
    font-weight:300;
    line-height:1.5;
    opacity: .9;
}
/* 
.mix-area.bt {
    padding-bottom:14rem;
}
*/
.mix-area .list-area {
    display:table;
    width:100%;
    background: #F2F2F2;
    padding:9rem 2rem;
}
.mix-area .list-area > div {
    display:table-cell;
    vertical-align:top;
}
.list-area .title-area {
    padding:0 6rem;
    width:45%;
}
.list-area .title-area > span {
    display:block;
    font-size:2rem;
    font-weight:bold;
    position:relative;
    margin-bottom:3rem;
    padding-bottom:2rem;
    
}
.list-area .title-area > span::before {
    content:"";
    width:9rem;
    height:3px;
    position: absolute;
    left:0;
    bottom:0;
    background:#F16621;
}
.list-area .title-area > strong {
    font-size:3rem;
    font-weight:600;
    color:#333333;
    word-break: keep-all;
    display:block;
}
.mix-area .check-depth-list.type2 .check-list-title {
    padding-left:3.5rem;   
    word-break: keep-all;
}
.mix-area .check-depth-list.type2 .check-list-title ~ .check-list-title {
    margin-top:1.5rem;
}
.mix-area .check-depth-list.type2 .check-list-title::after {
    width:1.7rem;
    border-color:#F16621;
}
/* 채용정보 */
.sub0606 .section01 .top-title {
    display:block;
    font-size:3rem;
    text-align:center;
}
.sub0606 .container > h3 {
    font-size:4.8rem;
    margin:4.5rem 0 5rem;
    text-align:center;
    line-height:1.4;
    word-break:keep-all;
}
.sub0606 .section01 .bt-title {
    display:block;
    font-size:8rem;
    text-align:right;
    margin:5.5rem 0 6rem;
    color:rgba(0,0,0,0.2);
    word-break:keep-all;
}
.sub0606 .section02 {
    padding:13rem 0 7rem;
    background:#F2F2F2;
}
.list-col [class^="list-col-item"] {
    float:left;
}
.list-col.col3 [class^="list-col-item"] {
    width:29.3%;
    margin-right:6%;
}
.list-col.col3 [class^="list-col-item"]:last-child {
    margin-right:0;
}
.list-col .figure,
.list-col .figcaption {
    display:block;
}
.sub0606 .section02 .list-col .figcaption > strong {
    display:block;
    margin:2.5rem 0 2rem;
    padding-bottom:1.5rem;
    border-bottom:1px solid #707070;
    font-weight:600;
    font-size:3.2rem;
} 
.sub0606 .section02 .list-col .figcaption > p {
    font-size:2.8rem;
    font-weight:600;
    margin-bottom:1.5rem;
}
.sub0606 .section02 .list-col .figcaption > span {
    font-size:2.8rem;
    color:#555555;
}
.sub0606 .section02 .list-col .figcaption > div {
    display:flex;
    justify-content: space-between;
    align-items:baseline;
    width:100%;
}
.sub0606 .section02 .list-col .figcaption > div > div {
    position:relative;
    padding-top:7rem;
    text-align:center;
}
.sub0606 .section02 .list-col .figcaption > div > div::before {
    content:"";
    width:100%;
    height:70px;
    position:absolute;
    top:0;
    left:0;
}
.sub0606 .section02 .list-col .figcaption > div > div:nth-of-type(1)::before {
    background:url(/images/sub/sub06/sub0606/section02_icon01.svg) center / auto no-repeat
}
.sub0606 .section02 .list-col .figcaption > div > div:nth-of-type(2)::before {
    background:url(/images/sub/sub06/sub0606/section02_icon02.svg) center / auto no-repeat
}
.sub0606 .section02 .list-col .figcaption > div > div:nth-of-type(3)::before {
    background:url(/images/sub/sub06/sub0606/section02_icon03.svg) center / auto no-repeat
}
.sub0606 .section02 .list-col .figcaption > div > i {
    font-size:3rem;
}
.sub0606 .section02 .list-col .figcaption > div > div > .txt {
    display:block;
    font-weight:bold;
    font-size:2.4rem;
    margin-top:1rem;
}
.sub0606 .section02 .list-col .figcaption > div > div > .txt > span {
    font-weight:300;
}
.sub0606 .section02 .list-col-item03 .figcaption > .txt {
    font-size: 2.4rem;
    line-height:1.4;
}
.sub0606 .section03 {
    padding:10rem 0;
}
.sub0606 .section03 .list-col-item {
    border:1px solid #CECECE;
    padding:1rem 4rem;
    display:table;
    width:31.3%;
    height:18rem;
    margin-right:3%;
    margin-bottom:3%;
}
.sub0606 .section03 .list-col-item:nth-of-type(3n) {
    margin-right:0;
}
.sub0606 .section03 .list-col-item > span {
    display:table-cell;
    vertical-align: middle;
}
.sub0606 .section03 .list-col-item > .figcaption {
    padding-right:2rem;
}
.sub0606 .section03 .list-col-item > .figcaption > strong {
    font-size:3rem;
    color:#333333;
    font-weight:600;
}
.sub0606 .section03 .list-col-item > .figcaption > strong > span {
    font-size:2.6rem;
    color:#555555;
    font-weight:300;
    display:block;
    margin-top:.5rem;
}
.sub0606 .section03 .list-col-item > .figure {
    text-align:right;
}
/* 경영이념 */
.sub0604 {
    padding-bottom:15rem;
}
.sub0604 .section01 {
    text-align:center;
    padding:4rem 0 10rem;
    border-bottom:2px solid #707070;
}
.sub0604 .section02 .dis-table {
    padding:10rem 0;
}
.sub0604 .section02 .dis-table > .tb-cell {
    vertical-align:middle;
}
.sub0604 .section02 .dis-table ~ .dis-table {
    border-top:1px solid #CECECE;
}
.sub0604 .section02 .dis-table .figure {
    width:37%;
}
.sub0604 .section02 .dis-table .figcaption {
    padding-left:10rem;
}
.sub0604 .section02 .dis-table:nth-of-type(2) .figcaption {
    padding-left:0;
    padding-right:10rem;
}
.sub0604 .section02 .dis-table .figcaption > span {
    font-size:3rem;
    font-weight:bold;
    display:block;
}
.sub0604 .section02 .dis-table .figcaption > strong {
    font-size:4rem;
    font-weight:600;
    display:block;
    margin:2rem 0 4rem;
    padding-bottom:4rem;
    border-bottom:1px solid #B1B1B1;
}
.sub0604 .section02 .dis-table .figcaption > p {
    font-size:2.8rem;
    font-weight:600;
    line-height:1.5;
}

/* 품질방침 */
.sub0607 {
    padding-top:8rem;
}
.sub0607 .dis-table {
    table-layout:fixed;
}
.sub0607 .tb-cell {
    vertical-align:middle;
}
.sub0607 .figcaption > strong {
    font-size:4rem;
    display:block;
    margin-bottom:3.5rem;
}
.sub0607 .figcaption > p {
    font-size:2.8rem;
    font-weight:600;
    line-height:1.35;
    word-break: keep-all;
}
.sub0607 section[class^="section"] {
    border-bottom:1px solid #CECECE;
    margin-bottom:8.8rem;
}
.sub0607 section[class^="section"]:last-child {
    border-bottom:0;
}
.sub0607 .section01 {
    padding-bottom:10rem;
}
.sub0607 .section01 .figcaption {
    padding-right:4rem;
}
.sub0607 .section01 .figure {
    text-align:right;
}
.sub0607 .section02 {
    padding-bottom:7rem;   
}
.sub0607 .section02 > p {
    text-align:center;
    font-size:2.8rem;
    font-weight:600;
    margin-bottom:8rem;
}
.sub0607 .section02 .dis-table {
    border-spacing:3rem 0;
}
.sub0607 .section02 .tb-cell {
    text-align: center;
}
.sub0607 .section02 .tb-cell > .dotted-wrap {
    /* width:28.5rem;
    height:28.5rem; */
    width:34rem;
    height:34rem;
    border-radius:100%;
    border:2px dotted #E2E2E2;
    /* border:2px solid #F16621; */
    position:relative; 
    margin:0 auto;
}
/* .sub0607 .section02 .tb-cell > div::before {
    content:"";
    width:calc(100% + 5.5rem);
    height:calc(100% + 5.5rem);
    border:2px dotted #E2E2E2;
    position:absolute;
    left:0;
    top:0;
    border-radius:100%;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
} */
.sub0607 .section02 .tb-cell > .dotted-wrap > div {
    width:calc(100% - 5.5rem);
    height:calc(100% - 5.5rem);
    border:2px solid #F16621;
    position:absolute;
    left:0;
    top:0;
    border-radius:100%;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    padding:5rem 2rem;
    -webkit-transform: translate(-50%, -50%);
}
.sub0607 .section02 .tb-cell .dotted-wrap > div > span {
    display:inline-block;
    width:5rem;
    height:5rem;
    font-size:2.2rem;
    border-radius:100%;
    text-align:center;
    line-height:5rem;
    color:#fff;
    background:#F16621;
    font-weight:600;
}
.sub0607 .section02 .tb-cell .dotted-wrap > div > p {
    margin-top:4rem;
    font-size:2.6rem;
    font-weight:600;
    line-height:1.3;
    /* word-break: keep-all; */
}
.sub0607 .section03 {
    padding-bottom:10rem;
}
.sub0607 .section03 .figcaption {
    padding-left:4rem;
}
.sub0607 .section04 > p {
    font-size:2.8rem;
    font-weight:600;
    line-height:4.5rem;
    margin-bottom:3.5rem;
    word-break: keep-all;
}
.sub0607 .section04 .figure {
    padding-bottom: 10rem;
    position:relative;
}
.sub0607 .section04 .figure .ceo {
    position:absolute;
    bottom:0;
    right:0;
    font-size:2.6rem;
    font-weight:600;
}
.sub0607 .section04 .figure .ceo > img {
    vertical-align:bottom;
    padding-left:1rem;
}
/* 준비중 페이지 */
.coming_soon {
    text-align: center;
    background: #f4f7f9;
    padding: 16rem 8rem;
    margin-bottom:16rem;
}
.coming_soon .img {
    max-width: 49.8rem;
    margin: 0 auto;
}
.coming_soon strong {
    display: block;
    margin: 5rem auto 2rem;
}
.coming_soon strong img {
    width: 32.2rem;
    height: 4.8rem;
}
.coming_soon p {
    font-size: 2.1rem;
    line-height: 2.8rem;
    word-break: keep-all;
}
.coming_soon p br {
    display: block;
}
@media (max-width: 768px) {
    .coming_soon {
        padding: 4rem 2rem;
    }

    .tech-table.pro {
        width: 100%;
        float: none;
    }

    .pd-top {
        padding-top: 44rem;
    }

    .tech01-bg .tech-img-box {
        margin-bottom: 10rem;
    }
}


/*===================================
media query
===================================*/

/* min-width */
@media (min-width:1024.1px) {
    /*  */
}


/* max-width */
@media (max-width:1300px) {
    /* 주요경영진 */
    .mgmt-title > b::before {
        bottom:-1.9rem;
    }
}
@media (max-width:1200px) {
    /* 회사개요 */
    .col-view + .col-view {
        margin-top:15rem;
    }
    .col-view .figure {
        opacity: .3;
    }
    .col-view.col-rt {
        padding:5rem 0;
    }
    .col-view .figcaption .comment-box {
        width:70%;
    }
    .col-view.col-rt .figcaption .comment-box {
        margin-left:30%;
    }
    /* 핵심기술 */
    /* .technology-nav li {
        width:33.3333%;
    } */

    /* 제품 */
    .product-visual {
        background-position:70% 50%;
    }
}
@media (max-width:1024px) {
    /* 제품 */
    .pro-ex-wrap {
        position: relative;
        padding: 0 2rem;
    }

    .pro-ex-center img {
        width: 21rem;
    }

    /* 회사개요 */
    .ideology {
        padding:10rem 0;
    }
    .ideology .dis-table {
        display:block;
    }
    .ideology .tb-cell {
        display:block;
        width:100%;
        padding:0;
        margin-bottom: 4rem;
    }
    .ideology .tb-cell .figure {
        margin:1rem auto 2rem;
        height:auto;
        max-width:8rem;
    }
    .ideology .tb-cell p > br {
        display:none;
    }
    .col-view .figure {
        display:none;
    }
    /* 회사개요 */
    .col-view .figcaption > strong {
        font-size:5rem;
    }
    .col-view .figcaption .comment-box {
        width:100%;
    }
    .col-view.col-rt .figcaption .comment-box {
        margin-left:0;
    }
    .col-view .figcaption .comment-box p {
        font-size:2.1rem;
        margin-bottom:2rem;
    }
    .col-view.col-rt {
        margin-top:-10rem;
    }
    /* 주요경영진 */
    .mgmt-area .figure::before {

        background-size:cover;
    }
    .ceo .figure::before {
        left:auto;
        right:25%;
        top:10%;
    }
    .ceo .mgmt-area .figure,
    .cto .mgmt-area .figcaption {
        padding-right:2rem;
    }
    .mgmt-area .figure > img {
        max-width:100%;
    }   
    /* 인증/특허  */
    .tb-gallery-wrap {
        padding-top:0;
    }
    /* 핵심기술 */
    .technology-nav li > a {
        font-size:1.8rem;
    }
    /* 핵심기술 - 신뢰성있는 공기 베어링 */
    .tech-list > iframe {
        height: 60rem;
    }
    /* 연료전지용 공기압축기 */
    .table-box > div:last-child.img-txt-item {
        padding-left:5rem;
    }
    /* 채용정보 */
    .sub0606 .section02 .list-col.col3 [class^="list-col-item"] {
        width:100%;
        margin-right:0;
        float:none;
        display:table;
        margin-bottom:2rem;
    }
    .sub0606 .section02 .list-col.col3 .figcaption,
    .sub0606 .section02 .list-col.col3 .figure {
        display:table-cell;
        vertical-align:top;
    }
    .sub0606 .section02 .list-col.col3 .figure {
        width:35%;
    }
    .sub0606 .section02 .list-col.col3 .figcaption {
        padding-left:3rem;
    }
    .sub0606 .section02 .list-col .figcaption > span {
        word-break: keep-all;
    }
    .sub0606 .section02 .list-col .figcaption > div > div {
        padding-top:10rem;
    }
    .sub0606 .section03 .list-col-item {
        width:48%;
        margin-right:2%;
    }
    .sub0606 .section03 .list-col-item:nth-of-type(2n) {
        margin-right:0;
    }
    .sub0606 .section03 .list-col-item:nth-of-type(3n) {
        margin-right:2%;
    }

    /* 품질방침 */
    .sub0607 .section02 .dis-table {
        display:block;
        max-width:700px;
        margin:0 auto;
    }
    .sub0607 .section02 .tb-cell  {
        display:block;
        margin-bottom:2rem;
    }
    .sub0607 .section02 .tb-cell:last-child {
        margin-bottom:0;
    }
    .sub0607 .section02 .tb-cell > .dotted-wrap {
        display:block;
        width:100%;
        height:auto;
        border-radius:0;
        padding:2rem;
    }
    .sub0607 .section02 .tb-cell > .dotted-wrap > div {
        width:100%;
        height:auto;
        position: relative;
        left:auto;
        top:auto;
        padding:3rem 2rem;
        transform:none;
        border-radius:0;
    }
}
@media (max-width:767px) {
    .tech-left {
        float: none;
        width: 100%;
        padding-right: 0;
        padding: 4rem 0;
    }

    .tech-right {
        float: none;
        border-top: 2px solid #333;
        padding: 5rem 0 12rem;
        max-width: 1028px;
        width: 100%;
    }

    .img-linebox {
        padding: 2rem;
    }

    .dot-list li {
        margin-left: 0;
    }

    .img-linebox span {
        text-align: center;
        padding: 2rem;
        display: inline-block;
        width: 100%;
    }

    .img-linebox.three span {
        width: 100%;
    }

    .img-linebox span:first-child {
        border-right: none;
        border-bottom: 1px dashed #CECECE;
        padding-left: 2rem;
    }

    .img-linebox.three span:nth-child(1) {
        border-right: none;
        border-bottom: 1px dashed #CECECE;
    }

    .img-linebox.three span:nth-child(3) {
        border-left: none;
        border-top: 1px dashed #CECECE;
    }

    .img-linebox span:last-child {
        padding-right: 2rem;
    }

    .img-linebox.noline span {
        padding: 1rem 0;
        border: none;
    }

    .tech-li-smtit {
        font-family: 'NotoSansSC';
        font-weight: 400;
    }

    .patent>div {
        float: left;
        width: calc(100% / 2 - 1rem);
        margin-right: 2rem;
        text-align: center;
    }

    .patent>div:nth-child(even) {
        margin-right: 0;
    }

    .pro-table-left {
        position: relative;
        top: unset; left: unset;
        transform: translateY(0);
    }
    
    .pro-table {
        float: none;
    }
    
    /* 주요경영진 */
    .mgmt-area {
        display:block;
    }
    .ceo .mgmt-area .figure,
    .cto .mgmt-area .figcaption {
        padding:0;
    }
    .ceo .figure::before {
        top:15%;
    }
    .mgmt-area .figure,
    .mgmt-area .figcaption {
        display:block;
        padding:0;
        width:100%;
    }
    .mgmt-area .figure {
        max-width:320px;
        margin:2rem auto;
    }
    .mgmt-area .figcaption {
        margin-top:5rem;
    }
    /* 핵심기술 */
    .technology-nav {
        position:relative;
        height:6rem;
        overflow:hidden;
    }
    .technology-nav.active {
        overflow: visible;
    }
    .technology-nav ul {
        display:block;
        border:0;
        position:absolute;
        width:100%;
        top:0;
        left:0;;
        padding-top:6rem;
        z-index:2;
        background:#F16621;
    }
    .technology-nav li {
        margin-bottom:0;
    }
    .technology-nav.col3 ul > li,
    .technology-nav ul > li {
        height:100%;
        border-top:0;
        display:block;
        width:100%;
        float:none;
        border-right: 0;
        max-height:6rem;
        border-color:rgba(255,255,255,.3);
    }
    .technology-nav ul > li > a {
        display:block;
        height:6rem;
        padding:0 .5rem;
        line-height:6rem;
        color:#fff;
    }
    .technology-nav li:hover > a,
    .technology-nav li.active > a {
        color:#fff;
    }
    .technology-nav ul > li > a::before,
    .technology-nav li > a::after {
        display:none;
    }
    .technology-nav ul > li.active {
        position:absolute;
        width:100%;
        top:0;
        left:0;
    }

    .technology-nav ul > li.active::before {
        content:"\e943";
        font-family:"xeicon";
        font-size:1.8rem;
        color:#fff;
        position:absolute;
        right:1.5rem;
        top:50%;
        transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        transition: ease-out .3s;
    }
    .technology-nav ul > li.on::before {
        transform:translateY(-50%) rotate(180deg);
        -webkit-transform:translateY(-50%) rotate(180deg);
    }
    .technology-visual {
        margin-top:0;
    }
    .technology-visual .tech-visal-txtBox {
        padding:10rem 1rem;
    }
    .tech-visal-txtBox strong {
        font-size:3rem;
    }
    .tech-visal-txtBox h4 {
        font-size:4.5rem;
    }
    .tech-visal-txtBox ul > li {
        font-size:2.4rem;
    }
    .tech-img-box > .item-figure {
        padding:2.5rem;
    }
    /* 핵심기술 - 신뢰성있는 공기 베어링 */
    .tech-list > iframe {
        height:31rem;
    }
    .img-box-col .img-box-item {
        width:100%;
        text-align:center;
    }
    .img-box-col .img-box-item ~ .img-box-item{
        margin-top:5rem;
    } 
    .img-box-col .img-box-item,
    .img-box-col .img-box-item:last-child {
        margin-right:0;
        float:none;
    }
    /* 핵심기술 - 고효율 임펠러/터빈 설계 기술 */ 
    .title-depth-list .list-title {
        margin:2rem 0 1rem;
    }
    .title-depth-list > ul {
        margin-bottom:5rem;
    }
    /* 핵심기술 - 방진설계가 적용된 외함 및 냉각구조  */ 
    .tech-tb {
        display:block;
        padding:2.5rem;
    }
    .tech-tb > .tech-tb-item {
        display:block;
        padding:3rem 1rem;
        max-width:250px;
        margin:1rem auto;
        border-right:0;
        border-bottom:1px solid rgba(161, 161, 161, .31)
    }
    .tech-tb > .tech-tb-item:last-child {
        border-bottom:0;
    }
    .tech-tb > .tech-tb-item > .figure {
        height:auto;
    }
    /* ACM */
    .product-visual {
        margin-top:0;
    }
    /* 채용정보 */
    .sub0606 .section02 .list-col.col3 [class^="list-col-item"] {
        display:block;
        max-width:400px;
        margin:0 auto 5rem;
    }
    .sub0606 .section02 .list-col.col3 .figcaption,
    .sub0606 .section02 .list-col.col3 .figure {
        display:block;
        width:100%;
    }
    .sub0606 .section02 .list-col.col3 .figcaption {
        padding-left:0;
    }
    /* 경영이념 */ 
    .sub0604 .section02 .dis-table {
        display:block;
    }
    .sub0604 .section02 .dis-table ~ .dis-table {
        border-top:0;
    }
    .sub0604 .section02 .dis-table > .tb-cell {
        display:block;
        width:100%;
    }
    .sub0604 .section02 .dis-table .figcaption{
        padding:0 !important;
        text-align:center;
        margin:3rem 0;
    }
    .sub0604 .section02 .dis-table .figcaption > strong {
        font-size:3.5rem;
        word-break: keep-all;
    }
    .sub0604 .section02 .dis-table .figcaption > p {
        word-break: keep-all;
    }
    .sub0604 .section02 .dis-table .figcaption > p > br {
        display:none;
    }
    /* 품질방침 */
    .sub0607 .section01 .figcaption,
    .sub0607 .section03 .figcaption {
        padding:0;
    }
    .sub0607 .figcaption > p > br {
        display:none;
    }
    .sub0607 .section01 .figure,
    .sub0607 .section03 .figure {
        max-width:400px;
        margin:0 auto;
        text-align:center;
    }
    .sub0607 .section01 .figure {
        margin-top:5rem;
    }
    .sub0607 .section03 .figure {
        margin-bottom:5rem;
    }
    .section01 .dis-table,
    .section01 .tb-cell,
    .section03 .dis-table,
    .section03 .tb-cell {
        display:block;
    }
}
@media (max-width:640px) {
    /* 핵심기술 */
    .tech-linklist {
        float: none;
        width: 100%;   
        margin-right: 0;
    }

    .tech01-bg.business::before {
        height: 54%;
    }

    /* 제품 */
    .pd-top {
        padding-top: 30rem;
    }

    .product-bg {
        padding: 10rem 0;
    }

    .product-bg.pro01 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255,255,255,0) 100%), url(/images/sub/product/pro-bg/pro01-bg.png);
    }
    .product-bg.pro02 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255,255,255,0) 100%), url(/images/sub/product/pro-bg/pro02-bg.png);
    }
    .product-bg.pro03 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255,255,255,0) 100%), url(/images/sub/product/pro-bg/pro03-bg.png);
    }
    .product-bg.pro04 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255,255,255,0) 100%), url(/images/sub/product/pro-bg/pro04-bg.png);
    }
    .product-bg.pro05 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255,255,255,0) 100%), url(/images/sub/product/pro-bg/pro05-06-bg.png);
    }
    .product-bg.pro07 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255,255,255,0) 100%), url(/images/sub/product/pro-bg/pro07-bg.png);
    }
    .product-bg.pro08 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255,255,255,0) 100%), url(/images/sub/product/pro-bg/pro08-bg.png);
    }

    .pro-ex-wrap>div {
        width: 100%;
    }

    .pro-ex-wrap>div:nth-child(1),
    .pro-ex-wrap>div:nth-child(3) {
        width: 100%;
    }

    .pro-ex-left {
        float: none;
    }

    .pro-ex-right {
        float: none;
    }

    .pro-ex-center {
        height: 28rem;
    }

    .pro-ex-list::before {
        width: 6rem; height: 6rem;
    }

    .pro-ex-left h6,
    .pro-ex-left ul {
        padding-right: 7rem;
    }

    .pro-ex-right h6,
    .pro-ex-right ul {
        padding-left: 8rem;
    }

    /* 연혁 */
    .history_center .history_box {
        margin: 4rem 0 0 0 !important;
        padding: 0 0 0 14rem !important;
    }
    .history_center .history_box .history_tit {
        left: 0 !important;
        padding-left: 4rem !important;
    }
    .history_center .history_box .history_tit:before {
        left: 0 !important;
        right: auto !important;
    }
    .history_center .history_box .month_wrap .month .month_cont p {
        text-align: left !important;
    }
    .history_center .history_box .month_wrap .month {
        padding: 0 0 0 9rem !important;
    }

    .history_center .history_box .month_wrap .month .month_tit {
        left: 0 !important;
        right: auto !important;
    }
    .history_center .history_box .txt_list > li {
        text-align: left !important;
        padding: 0 0 0 1rem !important;
    }
    .history_center .history_box .txt_list > li:before {
        right: auto !important;
        left: 0 !important;
    }
    .history_center:before {
        left: 1rem;
        transform: none;
    }
    .history_center .history_name .name_box {
        width: 100%;
        height: auto;
        padding: 2rem 1rem !important;
        border-radius: 0;
    }
    .history_center .history_name {
        width: 100%;
        padding: 0;
    }
    /* 연료전지용 공기압축기 */ 
    .table-box {
        display:block;
    }
    .table-box .img-box-item,
    .table-box .img-txt-item {
        display:block;
        width:100%;
        padding:0;
    }
    .table-box > div:last-child,
    .table-box > div:last-child.img-txt-item {
        padding:0;
    }
    .icon-wrapper {
        display:block;
        width:100%;
        margin-left:0;
    }
    .icon-wrapper > .icon-item-wrap {
        display:block;
        width:100%;
        margin:1rem 0;
    }
    .icon-wrapper.type2 > .icon-item-wrap {
        padding:2rem 1rem;
    }
    /* 터보블로워 */
    .product-visual-txtBox h4 {
        font-size:4rem;
    }
    .product-list-item,
    .product-list-item .figure,
    .product-list-item .figcaption {
        display:block;
    }
    .product-list-item .figure {
        width:100%;
        margin-bottom:4rem;
        padding:0;
    }
    /* 터보블로워 */
    .product-visual.business {
        padding:11rem 1rem;
    }
    .product-visual-txtBox.business p {
        font-size:2.5rem;
    }
    .mix-area {
        padding-bottom:4rem;
    }
    .mix-area .list-area,
    .mix-area .list-area > div {
        display:block;
    }
    .list-area .title-area > strong > br {
        display:none;
    }
    .list-area .title-area {
        width:100%;
        padding:0;
    }
    /* 채용정보 */
    .sub0606 section > .container > h3 {
        font-size:3.5rem;
    }
    .sub0606 .section03 .list-col-item {
        width:100%;
        margin:0 auto 2rem !important;
    }
    
}

@media (max-width:480px) {
    .tech01-bg.business::before {
        height: 52%;
    }
}


@media (max-width:430px) {
    .tech-iconlist .icon-img {
        margin: 1rem 0 0;
    }

    .tech-iconlist img {
        width: 80%;
    }

    .technology-visual.type01 {
        height: 24rem;
    }

    .tech01-bg.business::before {
        height: 50%;
    }

    /* 제품 */
    .product-bg {
        padding: 8rem 0;
    }
}


/* Contact Us */
.contact-wrap {
    margin: 5.4rem 0 9rem;
}

.contact-wrap li {
    display: inline-block;
    width: calc(100% / 3 - 4.2rem);
    margin-right: 6rem;
    vertical-align: top;
}

.contact-wrap li:last-child {
    margin-right: 0;
}

.contact-img {
    width: 100%; height: 20rem;   
    position: relative;
    margin-bottom: 3rem;
}

.contact-img span {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.con-img01 {
    background: url(/images/sub/contact01.png) no-repeat center / cover;
}
.con-img02 {
    background: url(/images/sub/contact02.png) no-repeat center / cover;
}
.con-img03 {
    background: url(/images/sub/contact03.png) no-repeat center / cover;
}

.contact-info-wrap {
    margin-bottom: 2.8rem;
}

.contact-name {
    position: relative;
    padding-left: 2.4rem;
    font-size: 2.1rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.contact-name::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 9px;
    border-color: transparent transparent transparent #F16621;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
}

.contact-name strong {
    color: #F16621;
    font-size: 2.1rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    width: 10rem;
    display: inline-block;
}

.contact-info {
    padding-left: 2.4rem;
}

.contact-info p {
    font-size: 1.7rem;
    margin: .8rem 0;
    letter-spacing: -0.025em;
}

.contact-info p span {
    color: #555;
    font-weight: 600;
    display: inline-block;
    width: 10.4rem;
    letter-spacing: -0.025em;
}

@media (max-width: 768px) {
    .contact-wrap {
        margin: 5.4rem 0;
    }

    .contact-wrap li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4rem;
    }

    .contact-info-wrap {
        padding: 0 1rem;
    }
}