@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-left:26px; padding-bottom:16px; margin-bottom:20px; font-size:22px; font-weight:500; line-height:1.3em; color:#333; border-bottom:1px solid #ddd;}
.doc-tit:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; border-radius:50%; border:3px solid #5ea7dc;}
.doc-tit.border-b {border-bottom:0; padding-bottom:0;}

.doc-cnt {margin-bottom:35px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt .indent {padding-left:26px;}

.overview .pic {line-height:0; margin-bottom:40px;}
.overview .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #156760;}
.overview .table table tbody th {height:70px; border:1px solid #dfdfdf; background:#fafafa; font-size:18px; color:#2c2c2c;}
.overview .table table tbody th:first-child {border-left:0;}
.overview .table table tbody th:last-child {border-right:0;}
.overview .table table tbody td {padding:12px 0 12px 30px; border:1px solid #dfdfdf; font-size:18px; line-height:1.4em; color:#505050;}
.overview .table table tbody td:first-child {border-left:0;}
.overview .table table tbody td:last-child {border-right:0;}

.vision .title {display:table; table-layout:fixed; width:100%; height:300px; background:url('../images/sub/vision_tt_bg.jpg') 50% 0 no-repeat; background-size:cover; text-align:center; margin-bottom:30px;}
.vision .title h3 {display:table-cell; vertical-align:middle; width:100%; font-size:24px; line-height:1.4em; font-weight:800; letter-spacing:0.6em; color:#fff;}
.vision .txt {text-align:center;}
.vision .txt p {font-size:20px; line-height:34px; color:#505050; margin-bottom:24px;}
.vision .txt p:last-child {margin-bottom:0;}
.vision .txt .f-c1 {color:#356d38;}
.vision .txt .f-c2 {color:#009189;}

.mission {position:relative; z-index:1;}
.mission:after {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#dfdfdf; z-index:-1;}
.mission .pic {text-align:center; margin-bottom:95px;}
.mission .cnt .group {position:relative; margin-left:50%; padding-left:30px; margin-bottom:95px; z-index:1;}
.mission .cnt .group:before {content:""; position:absolute; top:0; left:0; margin-left:-15px; width:31px; height:31px; border-radius:100%; background:#fff;}
.mission .cnt .group:after {content:""; position:absolute; top:5px; left:0; margin-left:-10px; width:21px; height:21px; border-radius:100%; background:#fff;}
.mission .cnt .group .tit {font-size:26px; line-height:34px; font-weight:700; margin-bottom:10px;}
.mission .cnt .group .txt {font-size:20px; line-height:34px; color:#505050;}
.mission .cnt .group .last {position:absolute; top:0; left:-1px; right:-1px; bottom:0; background:#fff; z-index:-1;}
.mission .cnt .group:nth-child(even) {margin-left:0; margin-right:50%; padding-left:0; padding-right:30px; text-align:right;}
.mission .cnt .group:nth-child(even):before {left:auto; right:0; margin-left:0; margin-right:-15px;}
.mission .cnt .group:nth-child(even):after {left:auto; right:0; margin-left:0; margin-right:-10px;}
.mission .cnt .group.group-c1:after {border:5px solid #156760;}
.mission .cnt .group.group-c1 .tit {color:#156760;}
.mission .cnt .group.group-c2:after {border:5px solid #add43c;}
.mission .cnt .group.group-c2 .tit {color:#add43c;}
.mission .cnt .group.group-c3:after {border:5px solid #154086;}
.mission .cnt .group.group-c3 .tit {color:#154086;}

.sputtering .group {margin-bottom:90px;}
.sputtering .group:last-child {margin-bottom:0;}
.sputtering .title {margin-bottom:35px;}
.sputtering .title h3 {font-size:26px; line-height:1em; font-weight:800; color:#156760;}
.sputtering .title p {font-size:20px; line-height:1.3em; color:#2c2c2c; margin-top:20px;}
.sputtering .list01 > ul {display:flex; border:1px solid #dfdfdf;}
.sputtering .list01 > ul > li {width:50%; position:relative; text-align:center;}
.sputtering .list01 > ul > li:first-child:after {content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#dfdfdf;}
.sputtering .list01 > ul > li .img {line-height:0;}
.sputtering .list01 > ul > li .row {display:table; width:100%; height:100%; background:#fafafa;}
.sputtering .list01 > ul > li .cell {display:table-cell; vertical-align:middle; width:100%;}
.sputtering .list01 > ul > li .icon {line-height:0; margin-bottom:32px;}
.sputtering .list01 > ul > li .txt ul {display:inline-block; text-align:left;}
.sputtering .list01 > ul > li .txt ul li {position:relative; padding-left:14px; font-size:18px; /* line-height:40px; */ color:#505050;}
.sputtering .list01 > ul > li .txt ul li:after {content:""; position:absolute; top:17px; left:0; width:4px; height:4px; border-radius:100%; background:#dfdfdf;}

.sputtering .list02 > ul {display:flex; border:1px solid #dfdfdf;}
.sputtering .list02 > ul > li {width:50%; position:relative; text-align:center;}
.sputtering .list02 > ul > li:first-child:after {content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#dfdfdf;}
.sputtering .list02 > ul > li .img {padding:39px 0; line-height:0;}
.sputtering .list02 > ul > li .tit {display:table; table-layout:fixed; width:100%; height:60px; border-top:1px solid #dfdfdf; background:#fafafa; font-size:20px; line-height:1.4em; color:#2c2c2c;}
.sputtering .list02 > ul > li .tit span {display:table-cell; vertical-align:middle; width:100%;}

.mobile-comm .title {margin-bottom:55px; text-align:center;}
.mobile-comm .title p {font-size:20px; line-height:1.3em; color:#2c2c2c;}
.mobile-comm .group {display:flex; margin-bottom:40px; border:1px solid #dfdfdf;}
.mobile-comm .group:last-child {margin-bottom:0;}
.mobile-comm .group > div {position:relative; width:50%;}
.mobile-comm .group > div:first-child:after {content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#dfdfdf;}
.mobile-comm .group .img {padding:39px 0; text-align:center;}
.mobile-comm .group .txt {background:#fafafa;}
.mobile-comm .group .txt .row {display:table; table-layout:fixed; width:100%; height:100%;}
.mobile-comm .group .txt .cell {display:table-cell; vertical-align:middle; padding-left:40px;}
.mobile-comm .group .txt .tit {font-size:26px; line-height:1em; font-weight:800; color:#156760; margin-bottom:20px;}
.mobile-comm .group .txt ul li {position:relative; padding-left:14px; font-size:20px; line-height:26px; color:#505050; margin-bottom:8px;}
.mobile-comm .group .txt ul li:after {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:100%; background:#dfdfdf;}
.mobile-comm .group .txt ul li strong {color:#156760;}
.mobile-comm .group .txt ul li .in-txt > div {display:inline-block; padding-right:4px; vertical-align:top;}
.mobile-comm .group .txt ul li .in-txt .tt span {font-weight:700; color:#2c2c2c;}
.mobile-comm .group .txt ul li .in-txt .txt2 {font-weight:700; color:#156760;}

.product-wrap .group {margin-bottom:90px;}
.product-wrap .group:last-child {margin-bottom:0;}
.product-wrap .title {margin-bottom:35px;}
.product-wrap .title h3 {font-size:26px; line-height:1em; font-weight:800; color:#156760;}
.product-wrap .title p {font-size:20px; line-height:34px; color:#2c2c2c; margin-top:20px;}
.product-wrap .list01 > ul {position:relative; display:flex;}
.product-wrap .list01 > ul:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dfdfdf;}
.product-wrap .list01 > ul > li {width:50%; position:relative; text-align:center;}
.product-wrap .list01 > ul > li:first-child:after {content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#dfdfdf;}
.product-wrap .list01 > ul > li .img {line-height:0;}
.product-wrap .advantage-list > ul {display:flex; border:1px solid #dfdfdf;}
.product-wrap .advantage-list > ul > li {position:relative; width:25%; padding:40px 30px 30px;}
.product-wrap .advantage-list > ul > li:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#dfdfdf;}
.product-wrap .advantage-list > ul > li:first-child:after {display:none;}
.product-wrap .advantage-list > ul > li .icon {line-height:0; margin-bottom:20px;}
.product-wrap .advantage-list > ul > li .tit {font-size:22px; line-height:34px; font-weight:700; color:#2c2c2c; margin-bottom:12px;}
.product-wrap .advantage-list > ul > li .txt ul li {position:relative; padding-left:14px; font-family:'Nanum Gothic'; font-size:16px; line-height:26px; color:#505050; margin-bottom:12px;}
.product-wrap .advantage-list > ul > li .txt ul li:after {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:100%; background:#dfdfdf;}
.product-wrap .advantage-list > ul > li .txt ul li:last-child {margin-bottom:0;}
.product-wrap .img-list ul {display:flex; border:1px solid #dfdfdf;}
.product-wrap .img-list ul li {position:relative; width:25%; padding:75px 15px; text-align:center;}
.product-wrap .img-list ul li:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#dfdfdf;}
.product-wrap .img-list ul li:first-child:after {display:none;}
.product-wrap .img-list ul li .img {line-height:0;}
.product-wrap .apply-list ul {display:flex; border:1px solid #dfdfdf;}
.product-wrap .apply-list ul li {position:relative; width:33.333333%; text-align:center;}
.product-wrap .apply-list ul li:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#dfdfdf;}
.product-wrap .apply-list ul li:first-child:after {display:none;}
.product-wrap .apply-list ul li .img {line-height:0;}
.product-wrap .apply-list ul li .img2 {padding:75px 15px; text-align:center;}
.product-wrap .apply-list ul li .tit {display:table; table-layout:fixed; width:100%; height:60px; border-top:1px solid #dfdfdf; background:#fafafa; font-size:20px; line-height:1.4em; color:#2c2c2c;}
.product-wrap .apply-list ul li .tit span {display:table-cell; vertical-align:middle; width:100%;}
.product-wrap .apply-list.list-2 ul li {width:25%;}
.product-wrap .apply-list.list-3 ul li {width:50%;}
.product-wrap .apply-list.list-3 ul {flex-wrap:wrap;}
.product-wrap .apply-list.list-3 ul li:first-child {width:100%; border-bottom:1px solid #dfdfdf;}
.product-wrap .apply-list.list-3 ul li:after {display:none;}
.product-wrap .apply-list.list-3 ul li:last-child:after {display:block;}

.facility .thumb-list {margin-bottom:55px;}
.facility .thumb-list ul {display:flex; margin:0 -20px;}
.facility .thumb-list ul li {width:50%; padding:0 20px;}
.facility .title {text-align:center; margin-bottom:35px;}
.facility .title h3 {font-size:26px; line-height:34px; font-weight:800; color:#2c2c2c;}
.facility .title p {font-size:20px; line-height:34px; color:#505050;}
.facility .title p strong {color:#356d38;}
.facility .table {margin-bottom:80px;}
.facility .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #156760;}
.facility .table table thead th {height:70px; border:1px solid #dfdfdf; background:#fafafa; font-size:18px; color:#2c2c2c;}
.facility .table table thead th:first-child {border-left:0;}
.facility .table table thead th:last-child {border-right:0;}
.facility .table table tbody td {padding:18px 0; border:1px solid #dfdfdf; text-align:center; font-size:18px; line-height:1.4em; color:#505050;}
.facility .table table tbody td:first-child {border-left:0;}
.facility .table table tbody td:last-child {border-right:0;}
.facility .list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.facility .list ul li {width:33.333333%; padding:0 15px; margin-bottom:20px;}

.inquiry-wrap {background:url('../images/sub/inquiry_bg.jpg') 0 0 no-repeat; padding-top:175px;}
.inquiry-wrap .contact-box {display:flex; align-items:center; width:478px; height:165px; margin:0 auto 52px; background:#fff; border:2px solid #156760; box-shadow:5px 5px 8px rgba(0,0,0,0.22);}
.inquiry-wrap .contact-box .logo {flex:1 1 171px; max-width:171px; text-align:center;}
.inquiry-wrap .contact-box .tit {flex:1 auto; width:1%; }
.inquiry-wrap .contact-box .tit .tt {font-size:26px; line-height:34px; font-weight:800; color:#2c2c2c; margin-bottom:12px;}
.inquiry-wrap .contact-box .tit a {display:inline-block; font-size:18px; line-height:1.3em; color:#878787; font-weight:700; letter-spacing:0.04em;}
.inquiry-wrap .txt {text-align:center;}
.inquiry-wrap .txt p {font-size:24px; line-height:38px; color:#2c2c2c; margin-bottom:25px;}
.inquiry-wrap .txt p span {color:#156760;}
.inquiry-wrap .txt .refer {font-size:18px; line-height:1.4em; color:#505050;}