@charset "utf-8";

.sub-tab {max-width:590px; margin:0 auto 50px;}
.sub-tab ul {display:flex; margin:0 -5px;}
.sub-tab ul li {width:33.333%; padding:0 5px;}
.sub-tab ul li.active a {color:#fff; background:#ea0029;}
.sub-tab ul li a {padding:0 15px; line-height:1.2em; text-align:center;border:1px solid #ddd; color:#242424; font-size:18px; font-weight:500; display:flex; justify-content:center; align-items:center; height:58px;}

.c1 {color:#f496b2;}
.c2 {color:#ba8cdc;}
.c3 {color:#a94e80;}
.c4 {color:#385723;}
.c5 {color:#ed7d31;}
.c6 {color:#e56f73;}

.italic {font-style:italic;}

.doc-tit {position:relative; display:inline-block; font-size:25px; font-weight:600; line-height:1.3em; color:#242424;}
.doc-tit:after {content:""; width:109%; height:16px; position:absolute; left:50%; transform:translateX(-50%); bottom:0; background:rgba(234,7,39,0.1);}

.circle-tit {margin-bottom:25px; font-size:28px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.circle-tit:before {margin-right:11px; content:""; display:inline-block; vertical-align:middle; width:24px; height:24px; border-radius:100%; border:6px solid #e592b7;}
.circle-tit.type2:before {border-color:#ba8cdc;}
.circle-tit.type3:before {border-color:#a94e80;}
.circle-tit.type4:before {border-color:#385723;}
.circle-tit.type5:before {border-color:#ed7d31;}
.circle-tit.type6:before {border-color:#e56f73;}

.doc-con dl dt {margin-bottom:3px; font-size:25px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.doc-con dl dd {font-size:19px;}

.color-txt-box {margin:40px 0; padding:16px 5px; text-align:center; color:#fff; font-size:19px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; background:#e56f73;}

.txt-cnt h3 {margin-bottom:32px; font-size:28px; font-weight:600; line-height:1.429em; color:#242424;}
.txt-cnt p {font-size:19px; line-height:1.684em;}
.txt-cnt p + p {margin-top:19px;}

.table01 table {border-top:2px solid #ea0727; font-size:19px; line-height:1.4em; width:100%; border-collapse:collapse; border-spacing:0;}
.table01 table th {padding:17px; background:#f8f8f8;  color:#242424; border-bottom:1px solid #ddd;}
.table01 table td {border-bottom:1px solid #ddd; padding:17px 30px;}

.table02 table {border-top:2px solid #454545; width:100%; border-collapse:collapse; border-spacing:0; line-height:1.65em;}
.table02 tr th {background:#fafafa; padding:20px 10px; border-bottom:1px solid #ddd; font-size:19px; color:#242424;}
.table02 tr td {padding:20px 10px; border-bottom:1px solid #ddd; font-size:18px; color:#454545;}
.table02 .center {text-align:center;}

.table02.type2 tr th:nth-child(2) {text-align:left;}
.table02.type2 tr td:first-child {text-align:center;}
.table02.type2 tr td:nth-child(2) {text-align:left;}
.table02.type2 tr td:nth-child(4) {text-align:center;}
.table02.type2 tr td:nth-child(5) {text-align:center;}

.table02.type3 tr td:last-child {text-align:center;}

.table02.type4 tr td:first-child {text-align:center;}

/* 회사개요 */
.outline .wrap {display:flex; justify-content:space-between; margin-bottom:73px;}
.outline .wrap .txt-cnt {width:53.66%;}
.outline .wrap .txt-cnt h3 {max-width:560px;}
.outline .wrap .img {width:40.66%;}
.outline .wrap + .table01 {margin-bottom:70px;}
.org {text-align:right; margin-top:-30px;}

/* 인사말 */
.greeting .img {overflow:hidden;}
.greeting .txt-cnt {position:relative; margin-top:-47px;}
.greeting .txt-cnt h3 {max-width:967px; padding:43px 130px 0 50px; background:#fff;}
.greeting .txt-cnt p {padding-left:50px;}

/* 비전 */
.vision {padding-bottom:60px;}
.vision .group {display:flex;}
.vision .group + .group {margin-top:130px;}
.vision .doc-tit-wrap {width:336px;}
.vision .doc-tit {max-width:146px;}
.vision .doc-con {flex:1 1 auto; min-width:0; width:1%;}
.vision .doc-con dl {margin-bottom:24px;}
.vision .doc-con dl:last-child {margin-bottom:0;}

/* 연혁 */
.history .group {display:flex;}
.history .group h3 {margin-top:-5px; position:relative; width:150px; font-size:35px; font-weight:700; line-height:1.2em; color:#242424;}
.history .group h3:before {content:""; position:absolute; top:10px; right:0; margin-right:-9px; width:19px; height:19px; border-radius:100%; background:#fff; border:3px solid #ea0029;}
.history .group h3:after {content:""; width:1px; height:100%; background:#fbccd4; position:absolute; right:0; top:10px; z-index:-1;}
.history .group:last-child h3:after {display:none;}
.history .group .con {padding-bottom:80px; position:relative; padding-left:60px; flex:1 1 auto; min-width:0; width:1%;}
.history .group:first-child .con {padding-top:0;}
.history .group .con ul li {display:flex; font-size:22px; line-height:1.4em; margin-bottom:30px;}
.history .group .con ul li:last-child {margin-bottom:50px;}
.history .group .con ul li strong {font-weight:600; min-width:100px;}
.history .group:last-child .con ul li:last-child {margin-bottom:0;}

/* r&d */
.rnd .doc-tit {margin-bottom:40px;}
.rnd .group + .group {margin-top:110px;}

.pic-row {display:flex; margin:0 -13px;}
.pic-row .col {padding:0 13px; position:relative;}
.pic-row .col .img {margin-bottom:19px;}
.pic-row .col .tit {margin-bottom:10px; font-size:20px; font-weight:600; color:#242424; line-height:1.4em;}
.pic-row .col .tit .num {display:none; margin-right:5px;}

.pic-row.type2 .col .arr {margin-right:-15px; color:#fff; font-weight:300; font-size:50px; position:absolute; right:0; top:83px; z-index:2;}
.pic-row.type2 .col .arr p { color:#ff0000;}

.viewing {max-width: 500px !important; width:90vw !important;}
.viewing .fancybox-inner {max-width: 500px !important; width: 90vw !important; height:auto !important;}
.viewing .fancybox-inner img {height:auto;}

.viewing + .fancybox-overlay {background:rgba(0,0,0,0.3);}


/* 제품소개 */
.sub-sec {margin-bottom:120px;}

.txt-list>ul>li {position:relative; margin-bottom:5px; font-size:19px; font-weight:400; line-height:1.4em; color:#242424;}
.txt-list>ul>li:last-child {margin-bottom:0;}
.txt-list.square>ul>li {padding-left:16px;}
.txt-list.square>ul>li:before {position:absolute; left:0; top:10px; content:""; width:5px; height:5px; background:#ddd;}
.txt-list.square2>ul>li:before {background:#9b9b9b;}
.txt-list.dashed {border-right:1px dashed #ddd;}
.txt-list>ul>li>.img {margin-top:15px;}

.txt-list>ul>li>.img + .check-list {margin-top:15px;}

.txt-list.type2>ul>li {font-size:20px;}
.txt-list.type3>ul>li {font-size:16px;}
.txt-list.type4>ul>li {font-size:19px;}

.check-list {padding:30px 50px; display:flex; align-items:center; border:1px solid #ddd;}
.check-list ul li {position:relative; padding-left:42px; font-size:18px; font-weight:400; line-height:1.4em;}
.check-list ul li + li {margin-top:18px;}
.check-list ul li:before {content:""; position:absolute; left:0; top:3px; width:26px; height:22px; background:url("../images/sub/check1.png") no-repeat 50% 50% / contain;}

.check-list.type2 {display:block; margin-top:22px; padding:30px 40px;}
.check-list.type2 ul li {padding-left:32px;}
.check-list.type2 ul li.tit {padding-left:0;}
.check-list.type2 ul li.tit:before {display:none;}
.check-list.type2 ul li.bar-tit {position:relative;  padding-left:12px;}
.check-list.type2 ul li.bar-tit:before {content:""; position:absolute; left:0; top:5px; width:3px; height:14px; background:#e56f73;}
.check-list.type2 ul li + li {margin-top:11px;}
.check-list.type2 .small {margin-top:11px; font-size:16px; font-weight:400; color:#686868;}
.check-list.type2 ul li:before {width:22px; height:20px; background-image:url("../images/sub/check1.png");}

.check-list.check2 ul li:before {background-image:url("../images/sub/check2.png");}
.check-list.check3 ul li:before {background-image:url("../images/sub/check3.png");}
.check-list.check4 ul li:before {background-image:url("../images/sub/check4.png");}
.check-list.check5 ul li:before {background-image:url("../images/sub/check5.png");}
.check-list.check6 ul li:before {background-image:url("../images/sub/check6.png");}

.pro-intro .top {display:flex; margin-bottom:75px;}
.pro-intro .top .doc-tit {max-width:152px; margin-right:163px;}
.pro-intro .top .doc-con {flex:1 1 auto; min-width:0; width:1%;}
.pro-intro .list ul {display:flex; flex-wrap:wrap; margin:-40px -15px;}
.pro-intro .list ul li {width:33.333%; padding:40px 15px;}
.pro-intro .list ul li .cnt {padding:20px 0 0;}
.pro-intro .pro-box .cnt .txt {font-size:19px; max-width:100%;}

.pro-info {display:flex;}
.pro-info .img {margin-right:60px;}
.pro-info .con {flex:1 1 auto; min-width:0; width:1%;}
.pro-info .con dl:first-child {border-top:2px solid #ddd;}
.pro-info .con dl {padding:14px 0; line-height:1.579em; font-size:19px; display:flex; align-items:center; border-bottom:2px solid #ddd;}
.pro-info .con dl dt {font-weight:600; color:#242424; width:127px;}
.pro-info .con dl dd {flex:1 1 auto; min-width:0; width:1%;}

.pro-pic-list>ul {display:flex; margin:0 -5px;}
.pro-pic-list>ul>li {padding:0 5px; width:25%;text-align:center;}
.pro-pic-list>ul>li .img {display:inline-block; margin-bottom:25px; overflow:hidden; border-radius:100%;}
.pro-pic-list>ul>li .img img {transition:.3s;}
.pro-pic-list>ul>li .img:hover img {transform:scale(1.1);}
.pro-pic-list>ul>li .txt-list ul li {line-height:1.684em; margin-bottom:0;}

.pro-ico-cnt {display:flex; padding-left:66px;}
.pro-ico-cnt .img {padding-top:8px;}
.pro-ico-cnt .img.type2 {margin:-10px;}
.pro-ico-cnt .img span {margin-top:16px; display:block; text-align:center; font-size:19px; font-weight:600; line-height:1.4em; color:#242424; font-weight:600;}
.pro-ico-cnt .cnt {position:relative; margin-left:52px; padding-left:40px; flex:1 1 auto; min-width:0; width:1%;}
.pro-ico-cnt .cnt.type2 {padding-left:34px;}
.pro-ico-cnt .cnt:before {content:""; position:absolute; left:0; top:7px; width:2px; height:60px; background:#c2c2c2;} 
.pro-ico-cnt .cnt p {font-size:19px; line-height:1.684em;}

.pro-check .wrap {display:flex;}
.pro-check .img {width:45.83%;}
.pro-check .check-list {flex:1 1 auto; min-width:0; width:1%;}

.pro-formula ul {display:flex; margin:0 -25px;}
.pro-formula ul li {padding:0 25px;}
.pro-formula ul li p {text-align:center; font-size:19px; line-height:1.4em; font-weight:500; color:#242424; margin-top:15px;}

.pro-test .txt-list>ul>li {color:#242424; font-weight:500;}
.pro-test .num-img {margin:15px 0 24px 15px;}
.pro-test .imgs {margin-top:15px;}
.pro-test .imgs ul {display:flex; margin:0 -10px;}
.pro-test .imgs ul li {padding:0 10px;}
.pro-test.type2 .txt-list>ul>li + li {margin-top:32px;}
.pro-test .border-box {margin-top:20px; padding:20px 0; border:1px solid #ddd; text-align:center;}
.pro-test .border-box .img {display:inline-block;}

/* 오시는길 */
.root_daum_roughmap {width:100% !important;}

.location-info {border-top:2px solid #454545; margin-top:40px;}
.location-info .group {padding:25px; border-bottom:1px solid #ddd; display:flex; align-items:center;}
.location-info .group dl {margin-left:47px; flex:1 1 auto; min-width:0; width:1%;}
.location-info .group dl dt {margin-bottom:8px; font-size:20px; font-weight:600; line-height:1.4em; color:#242424;}
.location-info .group dl dd {font-size:19px; font-weight:400; line-height:1.4em;}