@charset "utf-8";

/* app */
.c1 {color:#80bb25;}

.gray-bg {background:#f8f8f8;}

.company-info ul {display:flex;}
.company-info ul li {padding:20px; width:33.333%; border-right:1px dashed #ddd; text-align:center;}
.company-info ul li:last-child {border-right:0;}
.company-info .tit {margin:23px 0 8px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.company-info .txt {font-size:16px; font-weight:300; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.ico-tit {display:flex; margin-bottom:25px; font-size:22px; font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.ico-tit:before {content:""; display:block; margin-right:5px; min-width:25px; height:17px; background:url("../images/sub/leaves_ico.png")50% 50% no-repeat; background-size:contain;}

.common-img-lst ul {display:flex; flex-wrap:wrap; margin:0 -20px -55px;}
.common-img-lst ul li {padding:0 20px 55px; text-align:center;}	
.common-img-lst ul li p {margin-top:23px; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.section.indent {padding-left:60px !important;}
.section.indent .ico-tit {margin-left:-30px;}

/* CEO인사말 */
.greetings {display:flex;}
.greetings > .img {width:636px; margin:-20px 49px 0 -30px;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greetings .want {position:relative; color:#80bb25; font-size:40px; font-weight:800; letter-spacing:-.03em; line-height:1.2em;}
.greetings .want:before {position:absolute; z-index:-1; left:3px; bottom:-3px; content:"What is the value you want?"; font-size:40px; font-weight:800; letter-spacing:-.03em; line-height:1.2em; color:#e1e2de;}
.greetings h3 {font-size:24px; font-weight:600; letter-spacing:-.03em; line-height:1.667em; color:#242424;}
.greetings p {margin-bottom:23px; font-size:17px; font-weight:400; letter-spacing:-.03em; line-height:1.765em; color:#454545;}
.greetings .ceo {display:flex; flex-direction:column; font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}


/* 비전 */
.vision .section {padding:120px 0;}
.vision .section:first-child {padding-top:0;}
.vision .section:last-child {padding-bottom:0;}
.vision .sec1 .wrap {margin-bottom:80px; display:flex; justify-content:flex-end; position:relative;}
.vision .sec1 .wrap:last-child {margin-bottom:0;}
.vision .sec1 .wrap:nth-child(odd) {flex-direction:row-reverse;}
.vision .sec1 .wrap:nth-child(odd) .cnt {left:auto; right:0;}
.vision .sec1 .cnt {display:flex; flex-direction:column; justify-content:center; padding:55px; height:100%; max-height:400px; max-width:670px; width:100%; background:rgba(255,255,255,0.9); box-shadow:0 0 30px 15px rgba(0, 0, 0, 0.1); position:absolute; left:0; top:50%; transform:translateY(-50%); width:55.83%;}
.vision .sec1 .cnt .tit {font-size:25px; font-weight:500; letter-spacing:-.03em; line-height:1.44em;}
.vision .sec1 .cnt .tit:after {content:""; display:block; width:80px; height:3px; background:#7dba1e; margin:22px 0 30px; color:#454545;}
.vision .sec1 .cnt .txt {margin-bottom:9px; font-size:20px; font-weight:400; letter-spacing:-.03em; line-height:1.5em;}
.vision .sec1 .cnt .txt:last-of-type {margin-bottom:0;}

.vision .sec2 .value-lst ul {display:flex; margin:0 -30px;}
.vision .sec2 .value-lst ul li {width:33.333%; padding:0 30px; text-align:center;}
.vision .sec2 .value-lst ul li .border-box {padding:20px; height:260px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.vision .sec2 .value-lst ul li .border-box:hover {box-shadow:0px 0px 30px rgba(0,0,0,0.5);}
.vision .sec2 .value-lst li h4 {margin:23px 0 8px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.vision .sec2 .value-lst li p {font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#454545;}
.vision .sec2 .value-lst li:nth-child(1) .border-box {border:8px solid #7dba1e;}
.vision .sec2 .value-lst li:nth-child(2) .border-box {border:8px solid #587728;}
.vision .sec2 .value-lst li:nth-child(3) .border-box {border:8px solid #354719;}

.vision .sec3 .step-lst ul {display:flex; flex-wrap:wrap; margin:-15px;}
.vision .sec3 .step-lst ul li {width:50%; padding:15px;}
.vision .sec3 .step-lst ul li .con {padding:12px; display:flex; align-items:center; background:#f8f8f8; border-radius:55px;}
.vision .sec3 .step-lst .ico {width:85px;}
.vision .sec3 .step-lst .txt {flex:1 1 auto; width:1%; min-width:0; display:flex; align-items:flex-start;}
.vision .sec3 .step-lst .txt .order {margin-left:30px; min-width:70px; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.vision .sec3 .step-lst .txt p {font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

/* 연혁 */
.history {display:flex; justify-content:right;}
.history .img-box {padding:50px; display:flex; flex-direction:column; justify-content:center; text-align:center; margin-right:87px; height:460px; width:600px; background:url("../images/sub/history_bg.jpg")50% 50% no-repeat; background-size:cover;}
.history .img-box .logo-img {margin-bottom:45px;}
.history .img-box p {font-size:30px; font-weight:600; letter-spacing:-.03em; line-height:1.6em; color:#242424;}
.history .img-box .t1 {margin-left:-50px;}
.history .img-box .quote {display:none; position:relative; top:6px; color:rgba(125,186,30,0.5); font-family:'Noto Sans KR',sans-serif; font-size:50px; font-weight:800; letter-spacing:-.03em; line-height:0;}
.history .wrap {margin-top:3px; margin-right:150px;}
.history .group {padding-bottom:60px; border-left:1px solid #ddd; position:relative; padding-left:40px;}
.history .group:last-child {border:0; padding-bottom:0;}
.history .group:before {content:""; position:absolute; margin-left:-8px; left:0; top:0; width:16px; height:16px; border-radius:100%; background:#fff; border:1px solid #7dba1e;}
.history .group:after {content:""; position:absolute; left:0; top:0; margin:4px 0 0 -4px; width:8px; height:8px; border-radius:100%; background:#7dba1e;}
.history .group h3 {margin-bottom:28px; color:#587728; font-size:26px; font-weight:700; letter-spacing:-.03em; line-height:0.5em;}
.history .dot-lst ul li {margin-bottom:8px; position:relative; padding-left:.6em; color:#454545; font-size:17px; font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.history .dot-lst ul li:last-child {margin-bottom:0;}
.history .dot-lst ul li:before {content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background:#7dba1e; border-radius:100%;}

/* 오시는길 */
.location .map-cnt {width:590px;}
.location .map-cnt .root_daum_roughmap {width:100% !important;}
.location .map-cnt .root_daum_roughmap .wrap_map {height:468px !important;}
.location .cnt-wrap {display:flex; align-items:center; margin-bottom:40px;}
.location .cnt-wrap .img {margin-left:40px;}

/* 인증 */
.certi .common-img-lst ul li .img:hover img {box-shadow:0px 0px 15px 0 rgba(0,0,0,0.35);}

/* 설비 */
.facility .common-img-lst ul li .img img {box-shadow:0px 0px 15px 0 rgba(0,0,0,0.35);}

/* 네이센스연구소 */
.lab .section {padding:100px 0;}
.lab .section:first-child {padding-top:0;}
.lab .section:last-child {padding-bottom:0;}
.lab .sec1 .txt p {margin-bottom:8px; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.lab .sec1 .txt p:last-child {margin-bottom:0;}
.lab .sec1 .img-lst {margin-top:35px;}
.lab .sec1 .img-lst ul {display:flex; margin:0 -15px;}
.lab .sec1 .img-lst ul li {width:33.333%; padding:0 15px;}

.lab .sec2 .process ul {display:flex; margin:0 -30px;}
.lab .sec2 .process ul li {padding:0 30px; width:33.333%; text-align:center;}
.lab .sec2 .process ul li .con {overflow:hidden; background:#fff; border-radius:20px;}
.lab .sec2 .process ul li .con:hover {box-shadow:0px 0px 30px rgba(0,0,0,0.5);}
.lab .sec2 .process ul li .tit {padding:15px; color:#fff; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.lab .sec2 .process ul li .txt {padding:20px; display:flex; justify-content:center; align-items:center; min-height:245px; color:#454545; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:2.125em;}
.lab .sec2 .process ul li .txt p {color:#454545; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:2.125em;}
.lab .sec2 .process ul li:nth-child(1) .con {border:1px solid #7dba1e;}
.lab .sec2 .process ul li:nth-child(1) .con .tit {background:#7dba1e;}
.lab .sec2 .process ul li:nth-child(2) .con {border:1px solid #587728;}
.lab .sec2 .process ul li:nth-child(2) .con .tit {background:#587728;}
.lab .sec2 .process ul li:nth-child(3) .con {border:1px solid #354719;}
.lab .sec2 .process ul li:nth-child(3) .con .tit {background:#354719;}

.lab .sec3 .cnt {background:url("../images/sub/lab_bg.jpg")50% 50% no-repeat; background-size:cover; padding:68px;}
.lab .sec3 h3 {font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.lab .sec3 .cnt > p {margin:20px 0 30px; font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.778em;}
.lab .sec3 .tech-lst ul {display:flex; margin-left:20px;}
.lab .sec3 .tech-lst ul li .circle {box-shadow:3px 3px 10px 3px rgba(0,0,0,0.1); margin-left:-20px; display:flex; justify-content:center; align-items:center; text-align:center; width:160px; height:160px; border-radius:100%; background:#fff;}
.lab .sec3 .tech-lst ul li .circle p {font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.333em;}
.lab .sec3 .tech-lst ul li:nth-child(odd) .circle {border:7px solid #7dba1e; color:#7dba1e;}
.lab .sec3 .tech-lst ul li:nth-child(even) .circle {border:7px solid #587728; color:#587728;}

/* OEM/ODM */
.oem-odm .section {padding:100px 0;}
.oem-odm .section:first-child {padding-top:0;}
.oem-odm .contain > p {font-size:16px; letter-spacing:.03em; line-height:1.4em; color:#242424;}
.oem-odm .step {margin-top:35px;}
.oem-odm ul {display:flex; flex-wrap:wrap; margin:-30px;}
.oem-odm ul li {position:relative; width:25%; padding:30px; text-align:center;}
.oem-odm ul li:after {content:""; width:22px; height:33px; position:absolute; right:0; top:50%; margin-right:-11px; transform:translateY(-50%); background:no-repeat 50% 50% / contain;}
.oem-odm ul li:last-child:after {display:none;}
.oem-odm ul li:nth-child(4):after {display:none;} 
.oem-odm .section:nth-child(1) ul li:after {background-image:url("../images/sub/oem_arr1.gif");}
.oem-odm .section:nth-child(2) ul li:after {background-image:url("../images/sub/oem_arr2.gif");}
.oem-odm .con {background:#fff; height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.oem-odm .con:hover {box-shadow:0px 0px 15px 0 rgba(0,0,0,0.35);}
.oem-odm .section:nth-child(1) .con {border:1px solid #7dba1e;}
.oem-odm .section:nth-child(1) .con .order {color: #7dba1e;}
.oem-odm .section:nth-child(2) .con {border:1px solid #587728;}
.oem-odm .section:nth-child(2) .con .order {color: #587728;}
.oem-odm .con .order {font-size:16px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color: #7dba1e;}
.oem-odm .con .ico {margin:22px 0 25px;}
.oem-odm .con .t1 {font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}