@charset "utf-8";

/*** SUB WRAP ***/
.sub_wrap{width: 100%;margin-top:120px;overflow: hidden;}


/*** SUB VISUAL ***/
.sub-visual {position: relative;width: 100%;height: 370px;overflow: hidden;color: #fff;}
.sub-visual1{background:url(../../images/sub/sub-visual1.jpg) no-repeat center;background-size: cover;}
.sub-visual2{background:url(../../images/sub/sub-visual2.jpg) no-repeat center;background-size: cover;}
.sub-visual3{background:url(../../images/sub/sub-visual3.jpg) no-repeat center;background-size: cover;}
.sub-visual4{background:url(../../images/sub/sub-visual4.jpg) no-repeat center;background-size: cover;}


/*** SUB VISUAL > TEXT ***/
.sub-visual__text {height: 100%;margin-top: -8px}
.sub-visual__text .title {position:relative;opacity:0;font-size:55px;line-height: 1;font-weight: 700;transition:1s 1.8s ease; animation-duration: 1s;animation-name: slidein2; animation-fill-mode: forwards;}
.sub-visual__text .text {position:relative;opacity:0;margin-top: 40px;font-size:20px;font-weight:400;line-height: 1;transition:1s 1.8s ease;animation-duration: 1.5s;animation-name: slidein3; animation-fill-mode: forwards;}



 @keyframes slidein2{
  0%{opacity: 0;bottom:-50px;	  }
   30%{opacity: 0;	  }
  100% {	opacity: 1;	bottom:-5px;  }
 }

 @keyframes slidein3{
  0%{opacity: 0;bottom:-50px;	  }
  30%{opacity: 0;	  }
  100% {	opacity: 1;	bottom:0px;  }
 }


/*** SUB LAYOUT > LNB ***/
.sub-container .lnb {width: 230px;}

.lnb__title {flex-direction: column;width: 100%;height: 150px;background-color: #041b2f;}
.lnb__title h3 {margin-bottom: 19px;font-size: 25px;font-weight: 500;color: #fff;line-height: 1;}
.lnb__title p {font-size: 14px;color: #8b8a8f;line-height: 1;text-transform: capitalize;}
.lnb__list {width: 100%;}
.lnb__list li {position: relative;overflow: hidden;}
.lnb__list li a {padding: 0 18px;line-height: 57px;color: #666666;border: 1px solid #ddd;}
.lnb__list li a {border-bottom: 0;}
.lnb__list li:last-child a {border-bottom: 1px solid #ddd;;}
.lnb__list li::after {opacity:0;content: '';position: absolute;top:0;bottom:0;margin:auto;right: -30px;width: 13px;height: 13px;background: url(../../images/layout/lnb-active.png) no-repeat center;transition: 0.3s;}
.lnb__list li:hover a,
.lnb__list li.current a {background: #f6f6f6;color: #041b2f;font-weight: 500;}
.lnb__list li:hover::after,
.lnb__list li.current::after {opacity: 1;right: 20px;}



/*** SUB LAYOUT > SUB RIGHT SIDE CONTENTS ***/
.sub-container .sub-contents {width: calc(100% - 230px);min-height: 500px;padding: 46px 0 150px 60px;}
.sub-contents__title {margin-bottom: 45px;padding-bottom: 25px;border-bottom: 1px solid #ddd;;}
.sub-contents__title h4 {font-size: 32px;font-weight: 500;line-height: 1;}
.sub-contents__title .breadcrumbs li {position: relative;margin-right: 36px;color: #999;}
.sub-contents__title .breadcrumbs li a {line-height: 1;}
.sub-contents__title .breadcrumbs li::after {content: '';position: absolute;top:0;bottom:0;margin:auto;right: -28px;width: 18px;height: 18px;background: url(../../images/layout/breadcrumbs__arr.jpg) no-repeat center;}
.sub-contents__title .breadcrumbs li:last-child {margin-right: 0;}	
.sub-contents__title .breadcrumbs li:last-child::after {display: none;}

/* SUB COMMON STYLE */
.sub-contents__cont .page-name {margin-bottom: 17px;font-size: 16px;font-weight: 700;line-height: 1;color: #e7b11e;text-transform: uppercase;}
.sub-contents__cont .title--large {font-size: 28px;font-weight: 500;line-height: 1.375;}
.sub-contents__cont .title--mid {font-size: 21px;font-weight: 500;line-height: 1;}

.sub-contents__cont p {font-size: 16px;line-height: 1.66;color: #666666;}

.sub-contents__cont .left-area {position: relative;width: 400px;}
.sub-contents__cont .right-area {position: relative;width: 590px;background-color: #f6f6f6;}

.icon-list {width: 100%;}
.icon-list li em {font-size: 16px;font-weight: 500;}

/* COLOR */
.color--041b2f {color: #041b2f;}

/* BUTTON STYLE */
.btn--navy {width: 300px;height: 50px;line-height: 50px;background-color: #041b2f;font-size: 16px;text-align: center;color: #fff;transition: 0.3s;}
.btn--navy:hover {background-color: #c29008;}

.btn--arr {position: relative;display: block;width: 160px;padding: 6px 0 12px 12px;line-height: 1;font-size: 14px;border-bottom: 1px solid #8b8a8f;}
.btn--arr::before {content: '';position: absolute;top:10px;right: 12px;width: 25px;height: 5px;background: url(../../images/sub/btn--arr.jpg) no-repeat center;transition: 0.3s;}
.btn--arr::after {content: '';position: absolute;bottom:-1px;z-index: 1;left: 0;width: 0;height: 1px;background-color: #e7b11e;transition: 0.3s;}

.btn--arr:hover{color: #e7b11e;}
.btn--arr:hover::before {right: 0;background-image: url(../../images/sub/btn--arr-h.png);}
.btn--arr:hover::after {width: 100%;}

.dart .btn--down::before {top: 16px;}
.btn--down:hover .color--041b2f,
.dart__bottom .btn--down:hover p {color: #e7b11e;}



/*** s1_1 기업소개 ***/
.introduction__imgs {width: 100%;height: 400px;margin-top: 75px;}
.affiliates__sptt {width: 100%;height: 440px;}

.introduction__imgs .left-area div {position: absolute;bottom:0;left: 0;right: 0;color: #fff;text-align: center;}
.introduction__imgs .left-area div em {width: 50px;height: 60px;font-size: 14px;line-height: 1.25;font-weight: 500;background-color: #e7b11e;}
.introduction__imgs .left-area div p {width: calc(100% - 50px);height: 60px;color: #fff;font-size: 14px;background-color: rgba(4,24,47,0.7);}

.introduction__imgs .right-area .icon-list {flex-wrap: wrap;}
.introduction__imgs .right-area .icon-list li {width: 50%;height: 133px;padding-left: 20px;border-bottom: 1px solid #dddddd;}
.introduction__imgs .right-area .icon-list li:nth-child(odd) {width: 312px;}
.introduction__imgs .right-area .icon-list li:nth-child(even) {width: 278px;padding-left: 13px;}
.introduction__imgs .right-area .icon-list li:nth-last-child(-n+2) {border-bottom: 0;}
.introduction__imgs .right-area .icon-list li div {padding-left: 15px;}
.introduction__imgs .right-area .icon-list li div p {font-size: 13px}



/*** s1-2 인사말 ***/ 
.sub-contents__cont.introduction .title--large , 
.sub-contents__cont.greetings .title--large  {margin: 0 0 30px;}

.sub-contents__cont.introduction div p, 
.sub-contents__cont.greetings div p {margin-bottom: 23px;}
.affiliates__sptt .right-area p {margin-bottom: 25px;}

.sub-contents__cont.introduction div p:last-child,
.sub-contents__cont.greetings div p:last-child {margin-bottom: 0;}

.sub-contents__cont.greetings .ceo-name span:nth-child(1) {display: inline-block;margin-right: 28px;font-size: 16px;}
.sub-contents__cont.greetings .ceo-name span:nth-child(2) {display: inline-block;font-size: 40px;color: #111111;}



/*** s1_3 회사연혁 ***/
.history__top {width: 100%;height: 250px;flex-direction: column;background: url(../../images/sub/history__bg.jpg) no-repeat center;background-size: cover;}
.history__top .title--large {margin-left: 14px;line-height: 1;font-weight: 700;}
.history__top p {margin-top: 20px;color: #111;}

.history__cont {margin-top: 45px;}
.history__cont ul {position: relative;}
.history__cont ul::after {content: '';position: absolute;top:10px;left:212px;z-index: -1;width: 1px;height: calc(100% - 30px);background-color: #ddd;}
.history__cont ul li {margin-bottom: 17px;}
.history__cont ul li:last-child {margin-bottom: 0;}
.history__cont ul li .history__year {position: relative;width: 212px;padding-left: 50px;font-size: 32px;color: #041b2f;font-weight: 700;line-height: 1;}
.history__cont ul li .history__year::before {content: '';position: absolute;top:15px;right: 0;width: 76px;height: 1px;background-color: #041b2f;}
.history__cont ul li .history__year::after {content: '';position: absolute;top:10px;right: -6px;width: 12px;height: 12px;background: url(../../images/sub/history__dot.jpg) no-repeat center;}
.history__cont ul li .history__txt {width: calc(100% - 212px);padding-left: 55px;padding-top: 5px;}
.history__cont ul li .history__txt dl {margin-bottom: 20px;font-size: 16px;}
.history__cont ul li .history__txt dl dt {font-weight: 500;line-height: 1;}
.history__cont ul li .history__txt dl dd {margin-left: 30px;color: #666;line-height: 1;}
 


/*** s1_4 계열사 소개 ***/
.affiliates__sptt {border: 1px solid #dddddd;}
.affiliates__sptt .right-area {padding: 63px 37px;border-left: 1px solid #ddd;}
.affiliates__sptt .right-area .title--mid {margin-bottom: 22px;position: relative;}
.affiliates__sptt .right-area .title--mid .logo {position: absolute;top:40%;transform: translateY(-50%);right:40px;}

.affiliates__info {position: relative;margin-top: 75px;}
.affiliates__info .title--large {margin-bottom: 31px;line-height: 1;}
.affiliates__info .btn--arr {position: absolute;top:0;right:0;}
.affiliates__info .icon-list li {width: 20%;height: 320px;padding: 40px 5px 0;text-align: center;border: 1px solid #ddd;border-right:0;}
.affiliates__info .icon-list li:last-child {border-right: 1px solid #ddd;}
.affiliates__info .icon-list li img {margin-bottom: 21px;}

.affiliates__info .img-list {margin-top: 80px;flex-wrap: wrap;}
.affiliates__info .img-list li {width: 310px;margin-bottom: 30px;}
.affiliates__info .img-list li:nth-last-child(-n+3) {margin-bottom: 0;}



/*** s2_1 제품현황 ***/
.product__info {position: relative;}
.product__info ul li {margin-bottom: 43px;}
.product__info ul li .title--mid {margin-bottom: 23px;font-weight: 500;line-height: 1;}
.product__spec {position: absolute;top:0;right:0;}

.product .figure-list {margin-top: 48px;align-items:baseline;}
.product .figure-list li {max-width: 225px;}
.figure-list figure figcaption {text-align: center;font-size: 16px;color: #666;line-height: 56px;border-bottom: 1px solid #ddd;}



/*** s3_1 공시정보 ***/
.dart__top {width: 100%;height: 278px;margin-bottom: 33px;padding-left: 80px;background: url(../../images/sub/dart__bg.jpg) no-repeat center;background-size: cover;box-shadow: 6px 6px 10px rgba(0,0,0,.05);}
.dart__top img {padding-right: 60px;}
.dart__top > div {position: relative;padding-left: 60px;}
.dart__top > div::before {content: '';position: absolute;top:0; bottom:0; left: 0;margin: auto;width: 1px;height: 180px;background-color: #bbb;}
.dart__top > div p {margin: 22px 0 25px;}

.dart__bottom a {text-transform: uppercase;}
.dart__bottom .btn--down .color--041b2f {font-weight: 700;}
.dart__bottom .btn--down p {margin-top: 3px;font-size: 9px;line-height: 1;color: #111;}



/*** s3_2 공정소개 ***/
.process .title--mid,
.location .title--mid {margin-bottom: 30px;}
.process__top {margin-bottom: 79px;}



/*** s4 오시는 길 ***/
.location__top {margin-bottom: 80px;}
.location__btm .location__info {border: 1px solid #ddd;}
.location__btm .half {width: 50%;height: 460px;overflow: hidden;}
.location--dangjin .location__btm .half {height: 397px;}
.location__btm .half--left > div {height: 208px;flex-direction: column;padding: 0 20px 0 30px;padding-top: 2px;background-color: #f6f6f6;}
.location--dangjin .location__btm .half--left > div {height: 146px;}
.location__btm .half--left > div dl {font-size: 15px;}
.location__btm .half--left > div dl:first-child {margin-top: -5px;}
.location__btm .half--left > div dl dt {width: 150px;line-height: 1.88;font-weight: 500;}
.location__btm .half--left > div dl dd {width: calc(100% - 150px);color: #666;line-height: 1.88;}
.location__btm .half--right .root_daum_roughmap .wrap_map {height: 461px;border:0;}
.location--dangjin .location__btm .half--right .root_daum_roughmap .wrap_map {height: 398px;}
.location__btm .half--right .root_daum_roughmap {width: 101%;margin-top: -1px;}
.location__btm .half--right .root_daum_roughmap .wrap_controllers {display: none;}