@charset "utf-8";

/*공통*/
.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child {margin-bottom:0;}
.sub-cont {padding:100px 0;}
.sub-cont.ver2 {padding-top:0;}
.bg-gray {position:relative;}
.bg-gray:before {content:""; position:absolute; width:100vw; height:100%; left:50%; transform:translateX(-50%); top:0; background:#f8f8f8; z-index:-1;}

.txt-navy {color:var(--color-first) !important;}
.txt-org {color:var(--color-third) !important;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}


/* 대표인사말 */
.greeting .top-cont {display:flex; align-items:center; margin-bottom:100px;}
.greeting .top-cont .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:86px;}
.greeting .top-cont .tit {font-size:30px; font-weight:600; line-height:1.3em; letter-spacing:-0.01em; color:#333; margin-bottom:32px;}
.greeting .top-cont .txt {font-weight:400; letter-spacing:-0.01em; color:#454545; margin-bottom:28px;}
.greeting .top-cont .txt:last-child {margin-bottom:0;}

.greeting .bottom-cont .tit {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:45px;}
.greeting .bottom-cont .table-wrap {margin-bottom:60px;}
.greeting .bottom-cont .table-wrap:last-child {margin-bottom:0;}
.greeting .bottom-cont th {background:var(--color-first); font-size:17px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#fff; padding:20px 10px; border-right:1px solid #4d8ab8;}
.greeting .bottom-cont td {padding:20px 30px; font-weight:400; line-height:1.2em; letter-spacing:-0.01em; color:#454545; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.greeting .bottom-cont th:last-child , 
.greeting .bottom-cont td:last-child {border-right:0;}
.greeting .bottom-cont td.subject {border-right:0; background:#f5f8fb;}

/* 비전 */
.vision .txt {text-align:center; font-size:27px; font-weight:600; line-height:1.4em; letter-spacing:-0.02em; color:#333; margin-bottom:40px;}

/* 연혁 */
.history .wrap {position:relative; margin-top:-60px; padding-left:80px;}
.history .wrap .tit {display:inline-flex; padding:0 30px; width:180px; height:110px; justify-content:center; flex-direction:column; background:#005899; border-radius:0 18px;}
.history .wrap .tit h3 {font-size:28px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#fff; margin-bottom:12px;}
.history .wrap .tit p {text-align:right; font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#fff;}
.history .cnt {padding-top:60px; position:relative;}
.history .cnt:before {content:""; position:absolute; width:1px; height:64px; background:#ddd; left:90px; top:0;}
.history .cnt .group {display:flex; position:relative; padding-bottom:80px;}
.history .cnt .group:last-child {padding-bottom:55px;}
.history .cnt .group:before {content:""; position:absolute; widtH:1px; height:100%; left:90px; top:4px; background:#ddd;}
.history .cnt .group:after {content:""; position:absolute; width:15px; height:15px; border:4px solid #005899; border-radius:100%; background:#fff; left:83px; top:4px;}
.history .cnt .group .year {width:90px; font-size:24px; font-weight:600; line-height:1em; letter-spacing:-0.01em; color:#242424;}
.history .cnt .group .month {font-weight:600; color:#242424; min-width:38px; display:inline-block;}
.history .cnt .group .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.history .cnt .group > ul {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:35px;}
.history .cnt .group > ul > li {display:flex; font-weight:400; line-height:1.2em; letter-spacing:-0.01em; color:#454545; margin-bottom:12px;}
.history .cnt .group > ul > li:last-child {margin-bottom:0;}

/* ci */
.ci .top-cont {display:flex; justify-content:space-between; margin-bottom:60px;}
.ci .bottom-cont .tit {font-size:23px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:10px;}
.ci .bottom-cont .wrap {display:flex; justify-content:space-between;}
.ci .bottom-cont .box {width:calc(33.333% - 20px); padding:30px; height:180px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:#005798}
.ci .bottom-cont .box .col-tit {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em;}
.ci .bottom-cont .box ul li {font-weight:400; letter-spacing:-0.01em; line-height:1.4em;}
.ci .bottom-cont .box:nth-child(2) {background: linear-gradient(to right, #005bab, #00aeef , #8dc63f);}
.ci .bottom-cont .box:nth-child(3) {background: linear-gradient(to right, #fdb913, #ed1c24);}

/* location */
.location .top-cont {display:flex; margin:0 -15px;}
.location .top-cont .box {widtH:50%; padding:0 15px;}
.location .local {height:100%;}
.location .root_daum_roughmap {width:100% !important; height:100% !important;}
.location .root_daum_roughmap .wrap_map {height:100% !important;}
.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important; width:185px; height:64px; background:url("../images/sub/local_logo.jpg") no-repeat 50% 50% #fff;}

.local-info {margin-top:60px; border-top:2px solid #005899;}
.local-info dl {display:flex; border-bottom:1px solid #ddd; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#454545;}
.local-info dt {min-width:250px; text-align:center; font-weight:500; color:#242424; padding:20px 10px; background:#f5f8fb;}
.local-info dd {flex: 1 1 auto; min-width: 0; width: 1%; padding:20px 30px;}

/* 제품 */
/* 자사 특징 기술 */
.biz-menu ul {display:flex;}
.biz-menu ul li {flex:1; border:1px solid #ddd; margin-left:-1px;}
.biz-menu ul li a {display:flex; justify-content:center; align-items:center; text-align:center; font-size:19px; font-weight:500; line-height:1.2em; letter-spacing:-0.035em; color:#808080; min-height:60px;}
.biz-menu ul li:hover a {background:#005899; font-weight:600; color:#fff;}
.business1 .sec-tit {text-align:center; font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:55px;}
.business1 .dc1 .cnt {display:flex; align-items:center; margin-bottom:60px;}
.business1 .dc1 .cnt .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:80px; font-size:17px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#454545;}
.business1 .dc1 .cnt .txt-wrap ul li {position:relative; padding-left:8px; margin-bottom:11px;}
.business1 .dc1 .cnt .txt-wrap ul li:last-child {margin-bottom:0;}
.business1 .dc1 .cnt .txt-wrap ul li:before {content:""; position:absolute; width:3px; height:3px; background:#454545; border-radius:100%; left:0; top:10px;}
.business1 .dc1 .cnt .txt-wrap p {margin-top:37px;}
.business1 .dc1 .imgWrap {display:flex; margin:0 -20px;}
.business1 .dc1 .imgWrap .group {width:50%; padding:0 20px; display:flex; justify-content:space-between;}
.business1 .dc1 .imgWrap .box {text-align:center;}
.business1 .dc1 .imgWrap .box .tit {font-size:19px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#f36f21; margin-bottom:17px;}
.business1 .dc1 .imgWrap .box .tit.ver2 {color:#005899;}
.business1 .dc1 .info-txt {font-size:17px; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#454545; text-align:center; margin:22px auto 60px auto;}

.business1 .dc2 .tt {text-align:center; margin-bottom:60px;}
.business1 .dc2 .tt span {display:inline-block; font-size:23px; font-weight:600; line-height:1em; letter-spacing:-0.02em; color:#fff; padding:16px 50px; border-radius:100vh; background:#005899;}

.business1 .dc3 .group.ver2 {padding-bottom:60px; border-bottom:1px solid #ddd;}
.business1 .dc3 .group {margin-bottom:60px;}
.business .list01 {margin-bottom:28px;}
.business .list01 > li {position:relative; padding-left:6px; font-size:17px; font-weight:500; line-height:1em; letter-spacing:-0.05em; color:#454545; margin-bottom:8px;}
.business .list01 > li:before {content:""; position:absolute; width:2px; height:2px; background:#454545; border-radius:100%; left:0; top:7px;}
.business .list01 > li:last-child {margin-bottom:0;}

.business1 .dc3 .wrap {display:flex; justify-content:space-between;}
.business1 .dc3 .img2 {position:relative; margin-top:-43px; text-align:right; margin-bottom:20px;}
.business1 .dc3 .wrap .box {width:calc(50% - 15px); text-align:center;}
.business1 .dc3 .box .img {margin-bottom:16px;}
.business1 .dc3 .box .tit {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#f36f21;}
.business1 .dc3 .box .txt {font-size:17px; font-weight:400; line-height:1.5em; letter-spacing:-0.02em; color:#454545; margin-top:8px;}

.business1 .dc4 .info-txt {font-size:17px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#454545; margin-bottom:57px;}
.business1 .dc4 .wrap {padding:60px; border:1px solid #ddd; border-radius:8px; margin-bottom:60px;}
.business1 .dc4 .in {display:flex; flex-wrap:wrap; margin:0 -15px -60px -15px;}
.business1 .dc4 .in .box {text-align:center; width:50%; padding:0 15px; margin-bottom:60px;}
.business1 .dc4 .in .box.wide {width:100%;}
.business1 .dc4 .tit {font-size:26px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:25px;}

.business1 .dc6 .wrap {display:flex;}
.business1 .dc6 .box {text-align:center; padding:0 15px;}
.business1 .dc6 .box:nth-child(2) .in {background:#eaf5fd;}
.business1 .dc6 .box:nth-child(2) .tit {background:#005899; font-size:26px;}
.business1 .dc6 .in {padding:60px 34px; background:#fff0e7; border-radius:22px; box-shadow:8px 8px 10px rgba(0,0,0,0.05);}
.business1 .dc6 .tit {height:60px; display:flex; font-size:22px; font-weight:600; line-height:1.1em; color:#fff; width:90%; background:#f58746; justify-content:center; align-items:center; border-radius:100vh; margin:0 auto 50px auto; max-widtH:500px;}

/* 제품종류 */
.business2 .top-cont {display:flex;}
.business2 .top-cont .left {flex: 1 1 auto; min-width: 0; width: 1%; display:flex; flex-direction:column; justify-content:space-between;}
.business2 .top-cont .box {text-align:center; padding:37px 10px; border:1px solid #ddd; border-radius:8px; color:#006db0;}
.business2 .top-cont .box:last-child {color:#00a9eb;}
.business2 .top-cont .box .tit {font-size:25px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; margin-bottom:10px;}
.business2 .top-cont .box .txt {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.01em;}

.business2 .top-cont .right {width:450px; margin-left:20px;}
.business2 .top-cont table {width:100%; border-collapse:collapse; border-spacing:0px; text-align:center; border-radius:10px 10px 0 0; overflow:hidden;}
.business2 .top-cont table th {height:50px; background:#005899; border:1px solid #005899; border-right-color:#4d8ab8; color:#fff; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em;}
.business2 .top-cont table th:last-child {border-right:0;}
.business2 .top-cont table td {height:50px; border:1px solid #ddd; font-weight:400; color:#454545; letter-spacing:-0.01em;}
.business2 .arrow {margin:50px 0;}

.business2 .bottom-cont {display:flex; flex-wrap:wrap; margin:0 -10px -27px -10px;}
.business2 .bottom-cont .box {width:50%; padding:0 10px; margin-bottom:27px;}
.business2 .bottom-cont .tit {display:flex; align-items:center; justify-content:center; height:50px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.01em; color:#fff; text-align:center; background:#00a9eb; border-radius:8px 8px 0 0;}
.business2 .bottom-cont .img {position:relative; margin-top:-1px; margin-bottom:18px;}
.business2 .bottom-cont .cnt {padding:0 20px;}
.business2 .bottom-cont ul li {position:relative; padding-left:8px; font-weight:400; line-height:1.2em; letter-spacing:-0.01em; color:#454545; margin-bottom:8px;}
.business2 .bottom-cont ul li:before {content:""; position:absolute; width:2px; height:2px; background:#454545; left:0; top:9px; border-radius:100%;}
.business2 .bottom-cont ul li:last-child {margin-bottom:0;}
.business2 .bottom-cont .box:nth-child(2) .tit {background:#0090d3;}
.business2 .bottom-cont .box:nth-child(3) .tit {background:#006db0;}
.business2 .bottom-cont .box:nth-child(4) .tit {background:#005899;}

/* 생산 설비 */
.business3 .wrap {padding:0 190px; margin-top:20px; position:relative;}
.business3 .imgSlider {position:relative; border-radius:8px; overflow:hidden;}
.business3 .slick-slide {position:relative;}
.business3 .slick-slide:before {content:""; position:absolute; bottom:0; right:0; left:0; top:0; border-radius:8px; border:1px solid #ddd; z-index:1;}

.business3 .img-ctrl {position:absolute; right:1px; bottom:1px; display:flex;}
.business3 .img-ctrl .slick-arrow {display:block; width:40px; height:40px; background-color:#58585a; background-repeat:no-repeat; background-position:50% 50%; border:0; text-indent:-999em; overflow:hidden; transition:0.2s all ease;}
.business3 .img-ctrl .slick-arrow:hover {background-color:#40c4ff;}
.business3 .img-ctrl .slick-prev {background-image:url("../images/sub/prev_btn.png");}
.business3 .img-ctrl .slick-next {background-image:url("../images/sub/next_btn.png");}

.business3 .thumbSlider .slick-list {margin:0 -9px;}
.business3 .thumbSlider .slick-slide {margin:0 9px;border-radius:8px; overflow:hidden; cursor:pointer;}
.business3 .thumbSlider .slick-current:before {border:3px solid #005899;}
.business3 .thumbSlider .slick-arrow {position:absolute; z-index:1; top:50%; width:13px; height:24px; margin-top:-12px; border:0; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; text-indent:-999em; overflow:hidden; transition:0.2s all ease;}
.business3 .thumbSlider .slick-prev {background-image:url("../images/sub/img_prev.png"); left:-190px;}
.business3 .thumbSlider .slick-next {background-image:url("../images/sub/img_next.png"); right:-190px;}
.business3 .thumbSlider .slick-prev:hover {background-image:url("../images/sub/img_prev2.png");}
.business3 .thumbSlider .slick-next:hover {background-image:url("../images/sub/img_next2.png");}

/* 기술연구소 */
.business4 .arrow {margin:20px 0;}
.business4 .wrap ul {display:flex; margin:0 -15px;}
.business4 .wrap ul li {width:33.333%; padding:0 15px; text-align:center;}
.business4 .wrap .tit {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#454545; margin-bottom:16px;}
.business4 .wrap.ver2 ul {flex-direction:row-reverse;}
.business4 .wrap.ver2 ul li {display:flex; flex-direction:column-reverse;}
.business4 .wrap.ver2 .tit {margin-bottom:0; margin-top:16px;}