@charset "UTF-8";

#sub #wrapper {padding-top:210px;}

.home-nav {margin-bottom: 35px;}
.home-nav ul {display:flex; align-items: center}
.home-nav ul li {position:relative; padding:0 27px; font-size:16px ;line-height:1.4em; color:#c0c0c0; font-weight: 700;}
.home-nav ul li.home {width:16px; padding:0 27px 0 10px; height:16px; background:url('../img/common/home.png') 0 50% no-repeat; background-size:contain;}
.home-nav ul li:after {content:""; position:absolute; top:50%; margin-top:-1.5px; left:0; width:3px; height:3px; background:#c0c0c0;}
.home-nav ul li:first-child:after {display:none;}
.home-nav ul li .last-name {color:#151515;}
.sub-title {margin-bottom:60px;}
.sub-title h2 {font-size:65px; line-height:1.4em;font-weight: 700; color:hsl(0, 0%, 8%); margin-bottom:40px;}
.sub-title h2:after{content:""; margin-left:6px; width:12px; height:12px; margin-top:14px;display:inline-block; vertical-align: middle; background:#2b5bc6; border-radius: 100%;}

.sub-vis {position:relative; width:100%; height:513px; z-index:1; text-align:center; overflow:hidden; margin-bottom:150px;}
.sub-vis .content {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; color:#fff; z-index:10}
.sub-vis .content .tit {font-size:45px; line-height:1.5em; font-weight:700; letter-spacing:-.04em; margin-bottom:20px;}
.sub-vis .content p {font-size:22px; line-height:1.4em; letter-spacing:-.04em; opacity:.80;}
.sub-vis .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-vis.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

body.dep1-company--fc .sub-vis .background {background-image:url('../img/common/vis1.jpg');}
body.dep1-business--fc .sub-vis .background {background-image:url('../img/common/vis2.jpg');}
body.dep1-sustainability--fc .sub-vis .background {background-image:url('../img/common/vis3.jpg');}
body.dep1-contactus--fc .sub-vis .background {background-image:url('../img/common/vis4.jpg');}
body.dep1-policy--fc .sub-vis .background {background-image:url('../img/common/vis1.jpg');}


/* 기타 별도 페이지 */
body.page-url-production--fc .sub-vis .background {background-image:url('../img/common/bg_business_vis1.jpg');}
body.page-url-logistics--fc .sub-vis .background {background-image:url('../img/common/bg_business_vis2.jpg');}
body.page-url-integrated--fc .sub-vis .background {background-image:url('../img/common/bg_business_vis3.jpg');}
body.page-url-three_r--fc .sub-vis .background {background-image:url('../img/common/bg_business_vis4.jpg');}
body.page-url-own-factory--fc .sub-vis .background {background-image:url('../img/common/bg_business_vis6.jpg');}
body.page-url-ideal-person--fc .sub-vis .background {background-image:url('../img/common/bg_contactus_vis2.jpg');}

.lnb {max-width:1400px; margin:0 auto;}
.lnb ul {display:flex; margin:0 -17px;}
.lnb ul li {width:auto; padding:0 17px;}
.lnb ul li a {display:flex; align-items:center; position: relative; height:60px; color:#151515; opacity:.80; font-size:18px; line-height:1.4em;}
.lnb ul li a:after {content:""; position:absolute; bottom:0; left:0; width:0; height:4px; background:#2b5bc6; opacity:0; transition: .3s;}
.lnb ul li a:hover,
.lnb ul li.active a {color:#2b5bc6; font-weight: 700;}
.lnb ul li a:hover:after,
.lnb ul li.active a:after {opacity: 1; width:100%;}

/* .lnb fixed 스타일 */
#lnb.fixed {position: fixed; top:100px; left: 0; right: 0; z-index: 80; background: #fff; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; transition: all 0.3s ease;}


/* content */
.dep1-policy--fc #lnb {display:none;} /* 개인정보 메뉴 숨김 */


#contArea {position:relative; max-width:1440px; width:100%; padding:0 20px; margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}

.doc-title {margin-bottom: 50px;}
.doc-title h3 {font-size:45px; line-height:1.4em; color:#202020; font-weight: 700;}
.doc-title p {font-size:22px ;line-height:1.4em; color:rgba(153,155,156,.89); padding-left: 30px; margin-left:30px; position: relative; top: -5px;}
.doc-title p:after {content:""; position:absolute; top:5px; left:0; width:1px; height:20px; background:#bfbfbf}
.doc-title.flex {display:flex; align-items: end;}
.doc-title.type2 h3 {font-size:38px;}
.doc-title.line {border-bottom:1px solid #dcdcdc; padding-bottom:50px;}

.vision-vis {height:515px; display:flex; align-items: center; justify-content: center; text-align: center; color:#fff; margin-bottom: 180px; border-radius: 20px; background:url('../img/sub/vision_vis.jpg') 50% 50% no-repeat; background-size:cover;}
.vision-vis em {font-style: normal; font-size:23px;line-height:1.4em; font-weight: 700; margin-bottom: 20px;}
.vision-vis h3 {font-size:55px; line-height:1.4em; font-weight: 700; margin-bottom: 20px;}
.vision-vis p {font-size:20px; line-height:1.5em; opacity:.80;}

.vision-inner .group {display:flex; align-items: center; margin-bottom: 50px;}
.vision-inner .group:last-child {margin-bottom:0;}
.vision-inner .group .photo {width:672px; margin-right: 95px;}
.vision-inner .group .photo .pic {position:relative; padding-bottom: 65.2%; border-radius: 20px; overflow:hidden;}
.vision-inner .group .photo .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.vision-inner .group .info {flex:1 1 auto; min-width:0; width:1%;}
.vision-inner .group .info .num {color:#d2d2d2; opacity:.51; font-size:62px; line-height:1.4em; font-weight: 700; margin-bottom:30px;}
.vision-inner .group .info h4 {font-size:28px; line-height:1.4em; font-weight: 700; color:#202020; margin-bottom:15px;}
.vision-inner .group .info p {font-size:22px; line-height:1.4em; color:#2b5bc6; font-weight: 700; margin-bottom:22px;}
.vision-inner .group .info ul li {position:relative; padding-left:20px; font-size:18px; line-height:1.4em; color:#4a4a4a; margin-bottom:10px;}
.vision-inner .group .info ul li:last-child {margin-bottom:0;}
.vision-inner .group .info ul li:before {content:""; position:absolute; top:9px; left:0; width:6px; height: 6px; background:#2b5bc6; border-radius: 100%;}

.ytb-wrap {
    max-width: 1050px;
    margin: 80px auto 0;
}
.ytb-wrap .ytb-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.ytb-wrap .ytb-box iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1240px) {
    .ytb-wrap {
        margin: 40px auto 0;
    }
}

.history-inner .group {margin-bottom: 44px; display:flex; padding:63px 70px; background:#f4f7f9; border-top: 2px solid #2b5bc6;}
.history-inner .group:last-child {margin-bottom:0;}
.history-inner .group .title {width:425px; border-right: 1px solid #d2d2d2; padding-right:20px;}
.history-inner .group .title .num {font-size:62px; line-height:1.4em; font-weight: 700; color:#d2d2d2; opacity:.51; margin-bottom:20px;}
.history-inner .group .title .tit {font-size:32px; line-height:1.4em; font-weight: 700; color:#005bac; margin-bottom:20px;}
.history-inner .group .title p {font-size:18px; line-height:1.4em; font-weight: 500; color:#999;}
.history-inner .group .info {flex:1 1 auto; min-width:0; width:1%; padding-left: 110px; display:flex;}
.history-inner .group .info .year {width:226px; color:#000; font-size:30px; line-height:1.4em; font-weight: 700;}
.history-inner .group .info .cont {flex:1 1 auto; min-width:0; width:1%;}
.history-inner .group .info .cont ul li {margin-bottom:8px; font-size:18px; line-height:1.4em; color:#4a4a4a;}
.history-inner .group .info .cont ul li:last-child {margin-bottom:0;}
.history-inner .group .info .cont ul li.big {color:#000; font-weight: 700;}
.history-inner .group .info .cont ul li ul {margin-top: 8px;}
.history-inner .group .info .cont ul li ul li {padding-left:20px; text-indent:-.6em}

.integrated-inner {text-align:center; margin-bottom: 110px;}
.integrated-inner .logo {margin-bottom:20px;}
.integrated-inner p {font-size:30px ;line-height:1.4em;font-weight: 700; color:#000; margin-bottom: 70px;}
.integrated-inner .box {background:#f4f7f9; border:1px solid #dcdcdc; border-radius: 10px; padding:74px 20px;}

.doc-tit {margin-bottom:40px;}
.doc-tit h4 {color:#151515; font-size:26px; line-height:1.4em; font-weight: 700;}

body.page-url-production--fc .doc-tit h4 ,
body.page-url-logistics--fc .doc-tit h4 ,
body.page-url-integrated--fc .doc-tit h4 ,
body.page-url-three_r .doc-tit h4 {font-size:30px;}

.integrated-business-inner {margin-bottom: 130px;}
.integrated-business-inner ul {display:flex; flex-wrap:wrap; margin-left:-40px; margin-bottom:-40px;}
.integrated-business-inner ul li {position: relative; width:calc(50% - 40px); margin-left:40px; border:1px solid #2b5bc6; background:#f4f7f9; padding:55px 65px; margin-bottom:40px;}
.integrated-business-inner ul li dl { padding-right: 50px;}
.integrated-business-inner ul li dl dt {font-size:30px; line-height:1.4em;font-weight: 700; color:#000; margin-bottom:18px;}
.integrated-business-inner ul li dl dd {position:relative; padding-left:20px; font-size:18px; line-height:1.4em; color:#4a4a4a; margin-bottom:10px;}
.integrated-business-inner ul li dl dd:before {content:""; position:absolute; top:9px; left:0; width:6px; height: 6px; background:#2b5bc6; border-radius: 100%;}
.integrated-business-inner ul li dl dd:last-child {margin-bottom:0;}
.integrated-business-inner ul li .ico {position:absolute; bottom:55px; right:60px;}

.location-inner {background:#f4f7f9; padding: 115px 0; margin-bottom:130px;}
.location-inner .group {margin-bottom:130px;}
.location-inner .group:last-child {margin-bottom:0;}
.location-inner .group .map {margin-bottom:70px;}
.location-inner .group .map iframe {width:100% !important; height:603px !important;}
.location-inner .group ul {display:flex; margin:0 -70px;}
.location-inner .group ul li {padding:0 70px; position:relative;}
.location-inner .group ul li:after {content:""; position: absolute; top:0;left:0; width:1px; height:36px; background:#dcdcdc;}
.location-inner .group ul li:first-child:after {display:none;}
.location-inner .group dl {display: flex;}
.location-inner .group dl dt {width:170px; font-size:20px; line-height:1.4em; color:#151515; font-weight: 700; position:relative; padding-left: 34px;}
.location-inner .group dl dt:before {content:""; position:absolute; top:6px; left:0; width:18px; height: 18px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location-inner .group dl dt.addr:before {background-image:url('../img/sub/ico_addr.png')}
.location-inner .group dl dt.tel:before {background-image:url('../img/sub/ico_tel.png')}
.location-inner .group dl dd {flex:1 1 auto; min-width:0; width:1%; font-size:18px; line-height:1.4em; color:#111; opacity:.80;}

.location-inner .group ul li:last-child dl dd { white-space: nowrap;}
.location-inner .group .row {display:flex; margin:0 -20px;}
.location-inner .group .col {width:50%; padding:0 20px;}
.location-inner .group .col .map iframe {height:565px !important;}
.location-inner .group .col dl {margin-bottom: 30px; padding-bottom:30px; border-bottom: 1px dashed #dfdfdf;}
.location-inner .group .col dl:last-child {margin-bottom:0; padding-bottom:0; border-bottom: 0;}
.location-inner .group .col dl dt {width:280px}

.all-maps {background:#f4f7f9; padding:50px; text-align:center;}

.business-inner .group {background:#f4f7f9; padding:100px 0 150px;}
.business-inner .group:nth-child(even) {background:#fff;}

.logos-list ul {display:flex; flex-wrap:wrap; margin:0 -18px -60px;}
.logos-list ul li {width:25%; padding:0 18px; margin-bottom:60px; text-align:center;}
.logos-list ul li .thumb {position:relative; height:0; background:#fff; padding-bottom:31.5%; margin-bottom:20px; box-shadow: 3px 0 21px rgba(0,0,0,.03); border-radius:10px; overflow:hidden;}
.logos-list ul li .thumb:after {content:""; position: absolute; top:0; left:0; width:100%; height:100%; border-radius:10px; border:1px solid #dfdfdf;}
.logos-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.logos-list ul li:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.logos-list ul li .tit {font-size:22px; line-height:1.36em; font-weight:700; color:#151515}
html:lang(ko) .logos-list ul li .tit .en {display: none;}
html:lang(en) .logos-list ul li .tit .ko {display: none;}
.doc-title-cnt {font-size:20px; line-height:1.6em; color:#424242; opacity:.80; margin-bottom:80px;}

body.dep1-business--fc .board-wrap {display:none;}

.inte-inner ul {display:flex; flex-wrap:wrap; margin-left:-40px; margin-bottom:-40px;}
.inte-inner ul li {width:calc(50% - 40px); margin-left:40px; margin-bottom:40px; background:#f4f7f9; border-top: 2px solid #2b5bc6; padding:50px 20px 50px 60px; display:flex;}
.inte-inner ul li .icon {width:124px; height:124px; background:#fff; border-radius:100%; overflow:hidden; margin-right:40px;}
.inte-inner ul li .info {flex:1 1 auto; min-width:0; width:1%;}
.inte-inner ul li .info dl dt {font-size:30px; line-height:1.4em; color:#000; font-weight: 700; margin-bottom: 20px;}
.inte-inner ul li .info dl dt span {padding-left:10px; font-size:18px; line-height:1.4em; color:#4a4a4a; font-weight: 300; opacity:.45;}
.inte-inner ul li .info dl dd {position:relative; padding-left: 20px; color:#4a4a4a; font-size:18px; line-height:1.4em; margin-bottom:10px;}
.inte-inner ul li .info dl dd:last-child {margin-bottom:0;}
.inte-inner ul li .info dl dd:before {content:""; position:absolute; top:9px; left:0; width:6px; height: 6px; background:#2b5bc6; border-radius: 100%;}
.inte-inner ul li.green {border-top-color: #08af62; background:#eaf3ef}
.inte-inner ul li.green  .info dl dd:before {background:#08af62}
.inte-inner ul li.red {border-top-color: #eb4024; background:#fff0e4}
.inte-inner ul li.red  .info dl dd:before {background:#eb4024}
.inte-inner ul li.white {background:#fff;}

.ifm-merit-inner {border:1px solid #dfdfdf; border-radius:10px; padding: 65px;}
.ifm-merit-inner .doc-tit {padding-bottom: 30px; margin-bottom:30px; border-bottom: 1px solid #dfdfdf;}
.ifm-merit-inner ul li {position:relative; padding-left: 20px; font-size:22px; line-height:1.4em; margin-bottom:14px; color:#4a4a4a;}
.ifm-merit-inner ul li:before {content:""; position:absolute; top:9px; left:0; width:6px; height: 6px; background:#2b5bc6; border-radius: 100%;}
.ifm-merit-inner ul li:last-child {margin-bottom:0;}
.ifm-merit-inner ul li  strong {color:#000; font-weight: 700;}

.three-box {background:#0042bf; margin-bottom: 90px; border-radius: 20px; display:flex; align-items:center; padding:40px 64px;}
.three-box .ico {width:126px; height:126px; border-radius:100%; background:#fff; margin-right:40px;}
.three-box .info {flex:1 1 auto; min-width: 0; width: 1%; color:#fff;}
.three-box .info .tit {font-size:26px; line-height:1.4em; font-weight: 700; margin-bottom:10px;}
.three-box .info p {font-size:22px; line-height:1.4em; opacity: .71;}

.three-inner .box {margin-bottom: 28px; background:#fff; border-radius: 20px; overflow:hidden; display:flex; align-items: center;}
.three-inner .box:last-child {margin-bottom:0;}
.three-inner .box .pic {border-radius:20px; margin-right: 70px; width:357px; height:280px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.three-inner .box:nth-child(1) .pic {background-image:url('../img/sub/three_img1.jpg');}
.three-inner .box:nth-child(2) .pic {background-image:url('../img/sub/three_img2.jpg');}
.three-inner .box:nth-child(3) .pic {background-image:url('../img/sub/three_img3.jpg');}
.three-inner .box .title {width:280px;}
.three-inner .box .title .num {font-size:26px; line-height:1.4em; font-weight: 700; color:#2b5bc6; margin-bottom:12px;}
.three-inner .box .title h5 {color:#151515; font-size:29px; line-height:1.4em; font-weight: 700;}
.three-inner .box .info {flex:1 1 auto; min-width: 0; width:1%;}
.three-inner .box .info ul li {border-bottom: 1px dashed #dcdcdc; padding-bottom:16px; margin-bottom:16px; position:relative; padding-left:20px; font-size:18px; line-height:1.4em; color:#4a4a4a;}
.three-inner .box .info ul li:last-child {padding-bottom:0; border-bottom: 0; margin-bottom:0;}
.three-inner .box .info ul li:before {content:""; position:absolute; top:9px; left:0; width:6px; height: 6px; background:#2b5bc6; border-radius: 100%;}

.consulting-image {height:280px; display:flex; align-items: center; padding: 30px 60px; margin-bottom: 75px; border-radius: 26px; color:#fff; position: relative; overflow:hidden;}
.consulting-image .content {position:relative; z-index:1;}
.consulting-image .tit {font-size:30px; line-height:1.4em; font-weight: 700; margin-bottom:10px;}
.consulting-image p {font-size:20px; line-height:1.4em; opacity: .80;}
.consulting-image .background {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/sub/consulting_bg.jpg') 50% 50% no-repeat; background-size:cover; z-index:0;}

.consulting-day {border-top: 1px solid #1b1b1b; padding-top:18px; margin-bottom:95px;}
.consulting-day .col {border-bottom: 1px dashed #dcdcdc; padding:0 45px 18px; margin-bottom:18px; display:flex; align-items:center; font-size:18px; line-height:1.4em;}
.consulting-day .col:last-child {margin-bottom:0;}
.consulting-day .col .ico {width:64px; height:64px; background:#edf2fd; border-radius:100%; margin-right: 30px;}
.consulting-day .col .title {width:185px; font-weight: 700; color:#000;}
.consulting-day .col .txt {flex:1 1 auto; min-width:0; width:1%; position:relative; padding-left: 45px; color:#4a4a4a;}
.consulting-day .col .txt:before {content:""; position:absolute; top:0; left:0; width:1px; height:20px; background:#d2d2d2;}

.consulting-step {border:1px solid #dcdcdc; border-radius:10px; padding:66px 75px; text-align: center; background:#fff;}
.consulting-step em {display:block; font-style: normal; font-size:18px; line-height:1.4em; color:#2b5bc6; font-weight: 700; margin-bottom:10px;}
.consulting-step p {font-size:30px; line-height:1.4em; font-weight: 700; color:#121212; margin-bottom:50px;}
.consulting-step ul {display:flex; flex-wrap:wrap; margin:0 -25px -25px;}
.consulting-step ul li {padding:0 25px; margin-bottom:45px; position:relative;}
.consulting-step ul li:before {content:""; position:absolute; top:50%; left:-25px; transform: translateY(-50%); width:50px; height:12px; background:url('../img/sub/arrow.png') 50% 30% no-repeat; z-index:1;}
.consulting-step ul li:after {content:""; position:absolute; top:50%; left:-25px; transform: translateY(-50%); width:50px; height:1px;  border-bottom: 1px dashed #dedede; z-index:0;}
.consulting-step ul li:first-child:before,
.consulting-step ul li:first-child:after {display:none;}
.consulting-step ul li .box {background:#f3f6f8; width:207px; height: 207px; border-radius: 100%; position:relative;  display:flex;  align-items: center; justify-content: center; align-content: center; flex-wrap:wrap;;}
.consulting-step ul li .box .num {position:absolute; top:-23px; left:50%; width:46px; height: 46px; background:#2b5bc6; border-radius: 100%; transform: translateX(-50%); color:#fff; font-size:20px; line-height:1.4em;font-weight: 700; display:flex; align-items: center; justify-content: center;}
.consulting-step ul li .box .ico {margin-bottom:10px; width:100%;}
.consulting-step ul li .box .tit {font-size:20px ;line-height:1.4em; color:#2b5bc6; font-weight: 700; min-height:56px; display:flex; align-items:center; justify-content: center;}
.consulting-step.type2 {background:#f4f7f9;}
.consulting-step.type2 .row {display:flex; flex-wrap:wrap; margin-left:-20px; margin-bottom:-20px;}
.consulting-step.type2 .row .col {width:calc(25% - 20px); margin-left:20px; margin-bottom:20px; background:#2b5bc6; border-radius: 20px; padding: 30px 50px;}
.consulting-step.type2 .row .col:nth-child(even) {background:#3099f1}
.consulting-step.type2 .row .tit {background:#fff;  /* height: 33px; */ min-height: 33px; padding: 5px; border-radius:33px; color:#132d69; font-size:18px; line-height:1.2em; display:flex; align-items:center; justify-content: center;font-weight: 700; margin-bottom: 20px;}

.factory-inner {margin-bottom:90px;}
.factory-inner .row {display:flex; margin:0 -16px;}
.factory-inner .row .col {width:33.333333%; padding:0 16px;}
.factory-inner .title {background:#f3f6f8; height:63px;display:flex; align-items: center; font-size:22px; line-height:1.4em;font-weight: 700; border-radius: 63px; color:#2b5bc6; text-align:center; justify-content: center; margin-bottom:10px;}
.factory-inner .img-wrap {margin-bottom:40px;}
.factory-inner .img-wrap ul li {margin-bottom: 15px;}
.factory-inner .img-wrap ul li:last-child {margin-bottom:0;}
.factory-inner .img-wrap ul li .pic {overflow:hidden; border-radius: 26px; box-shadow: 46px 0 32px rgba(0,0,0,.03);}
.factory-inner .img-wrap ul li .pic img {width:100%;}
.factory-inner .img-wrap ul li ul.flex {display:flex; flex-wrap:wrap; margin: 0 -7.5px -14px;}
.factory-inner .img-wrap ul li ul.flex li {width:50%; padding:0 7.5px; margin-bottom:14px;}
.factory-inner .table {border-top:1px solid #1b1b1b;}
.factory-inner .table dl {display:flex; border-bottom:1px dashed #dcdcdc;}
.factory-inner .table dl dt {width:133px; padding:22px 10px 22px 30px; color:#151515; font-size:18px; font-weight:700; line-height:1.5em;  background:#f3f6f8;}
.factory-inner .table dl dd {flex:1 1 auto; min-width:0; width:1%; padding:22px 10px 22px 30px; color:#4a4a4a; font-size:18px; font-weight:400; line-height:1.5em;}
.factory-inner .table dl dd strong {font-weight: 700; color:#151515;}

.factory-btns {text-align:center;}
.factory-btns a {display:inline-flex; width:271px; height:67px; align-items: center; justify-content: center; background:#000; border-radius: 10px;color:#fff; font-size:20px; line-height:1.4em;font-weight: 700;}
.factory-btns a .ico {margin-right:12px; width:20px; height: 20px; background:url('../img/sub/ico_link.png') 50% 50% no-repeat; background-size:contain;}


.onepage .section {background:#fff; padding:100px 0; transition: all 0.3s ease;}
.onepage .section:nth-child(even) {background:#f4f7f9;}
.onepage .section.active {background:#e8f4fd;}
.onepage .section:first-child {padding-top:0;}

.net-content {margin-bottom: 56px;}
.net-content .tit {font-size:22px; line-height:1.4em;font-weight: 700; color:#151515; margin-bottom:16px;}
.net-content .cnt {font-size:20px; line-height:1.6em; color:#424242; opacity:.80;}
.net-inner ul {display:flex; margin-left:-30px;}
.net-inner ul li {width:calc(25% - 30px); margin-left:30px; background: #0042bf; color:#fff;}
.net-inner ul li .pic img {width:100%;}
.net-inner ul li .content {padding: 40px 34px 60px;}
.net-inner ul li .num {font-size:45px; line-height:1.4em;font-weight: 700; margin-bottom:16px;}
.net-inner ul li .cnt {font-size:18px; line-height:1.4em; opacity:.80;}

.human-inner {height:542px; display:flex; align-items: center; text-align: center; justify-content: center; color:#fff; position: relative; overflow: hidden; border-radius: 26px;}
.human-inner .content {position:relative; z-index: 2;}
.human-inner .tit {font-size:28px; line-height: 1.4em; font-weight: 700; margin-bottom:16px;}
.human-inner .cnt {font-size:18px; line-height:1.56em; opacity:.80; margin-bottom: 75px;}
.human-inner .cnt.en-max-width {max-width: 560px; margin-left: auto; margin-right: auto;}
.human-inner .img-wrap ul {display:flex; margin:0 0 0 -54px;}
.human-inner .img-wrap ul > li {width:calc(50% - 54px); margin-left:54px; height:542px; border-radius:26px; position: relative;}
.human-inner .img-wrap .text {position:absolute; top:50%; transform: translateY(-50%); left:0; width:100%; padding:0 20px; z-index:2;}
.human-inner .btns > ul {display:flex; justify-content: center; margin:0 -11px;}
.human-inner .btns > ul > li {padding:0 11px; max-width:450px; width:100%; height:auto; margin-left:0; text-align:center;} 

@media (min-width: 1025px) {
    html:lang(en) .human-inner .btns > ul > li {max-width: 520px;}
}

.human-inner .btns > ul > li > a {display:inline-flex; max-width:450px; width:100%; align-items: center; justify-content: center; height:83px; border-radius:20px; font-size:22px; line-height:1.4em; font-weight: 700; background:#0042bf;}
.human-inner .btns > ul > li > a .ico {width:40px; height:40px; margin-left:35px; border-radius:100%; overflow:hidden; background:#fff; box-shadow: 10px 0 16px rgba(2,22,41,.22);}
.human-inner .btns > ul > li.blue > a {background:#598ff6;}
.human-inner .btns > ul > li.red > a {background:#eb4024;}
.human-inner .btns > ul > li.green > a {background:#009944;}
.human-inner .btns > ul > li.green2 > a {background:#009965;}
.human-inner .background {position: absolute; top:0; left:0; width:100%; height:100%; border-radius: 26px;; background-position:50% 50%; background-repeat: no-repeat; background-size:cover; z-index:0;}
.human-inner.type2 {display:block; height:auto;}

.contact-title {margin-bottom: 80px; padding-bottom:80px; border-bottom: 1px solid #dcdcdc; position: relative; z-index:2;}
.contact-title .tt {font-size:18px; line-height:1.4em; color:#0042bf; font-weight: 700; margin-bottom:16px;}
.contact-title h3 {font-size:45px; line-height:1.4em; color:#151515; margin-bottom:20px;}
.contact-title .tit {font-size:22px; line-height:1.4em; color:#000; font-weight: 700; margin-bottom:10px;}
.contact-title .cnt {font-size:20px; line-height:1.75em; color:#111; opacity:.89;}
.contact-title.type2 {border-bottom: 0; padding-bottom:0;}

.mb10 {margin-bottom:10px;}

.person-head {position:relative; margin-bottom:65px;}
.person-head .box {border:1px solid #0042bf; border-radius: 10px; box-shadow:6px 0 5px rgba(2,22,41,.07); padding:60px 70px; display:flex; align-items: center;}
.person-head .box .logos {width:141px; margin-right: 95px;}
.person-head .box .info {flex:1 1 auto; min-width:0; width:1%; font-weight: 700; color:#000;}
.person-head .box .info .tit {font-size:26px; line-height:1.4em ; margin-bottom:10px;}
.person-head .box .info .email {font-size:20px; line-height:1.4em;}
.person-head .box .info .email .bar {width:1px; height:16px; background:#d2d2d2; display:inline-block; vertical-align: middle; margin:0 10px;}


.scrollText {position:absolute; top:-30px; right:0; z-index:0; width:100%; overflow: hidden; height:200px;}
.scrollText ul {display:flex;  position:absolute; top:0; right:0;}
.scrollText ul li {font-size:215px; line-height:1.1em; font-weight: 700; color:#0042bf; opacity:.05; font-weight: 800; animation: scrollLeftText 15s linear infinite; white-space: nowrap;}

@keyframes scrollLeftText {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-100%);
  }
}

.person-inner .group {background:#f7f8fc; padding:100px 0;}
.person-inner .group:nth-child(even) {background:#fff;}
.person-step ul li {display:flex; padding-bottom: 80px; margin-bottom:80px; border-bottom: 1px dashed #d2d2d2;}
.person-step ul li:last-child {margin-bottom:0; padding-bottom:0; border-bottom: 0;}
.person-step ul li .num {font-size:18px; line-height:1.4em; color:#0042bf; font-weight: 700; width:105px;}
.person-step ul li .ico {width:116px; margin-right: 110px;}
.person-step ul li .info {flex:1 1 auto; min-width: 0; width:1%;}
.person-step ul li .info dl dt {font-size:26px; line-height:1.4em; color:#151515; font-weight: 700; margin-bottom:20px;} 
.person-step ul li .info dl dd {font-size:20px ;line-height:2em; color:#333;}

.job-inner h3 {font-size:32px; line-height:1.4em; font-weight: 700; margin-bottom:30px;}
.job-inner ul {display:flex; margin-left:-30px;}
.job-inner ul li {width:calc(50% - 30px); border:1px solid #d4d4d4; margin-left:30px;}
.job-inner ul li a {display:flex; align-items: center; padding: 48px 50px;}
.job-inner ul li .logos {width:154px; margin-right: 40px;}
.job-inner ul li .info {flex:1 1 auto; min-width: 0; width:1%;}
.job-inner ul li .info dl dt {font-size:22px; line-height:1.4em; color:#151515; font-weight: 700; margin-bottom:8px;}
.job-inner ul li .info dl dd {font-size:20px ;line-height:2em; color:#4c4c4c;}
.job-inner ul li .more {width:40px; height:40px; background:#fff; border:1px solid #0042bf; border-radius:100%; background:url('../img/sub/arrow2.png') 50% 50% no-repeat; background-size:contain; transition: .3s;}
.job-inner ul li a:hover .more {background-color:#0042bf; background-image:url('../img/sub/arrow2_hover.png');}


 /* contact us */
.required {color:#c30d19}
.mailform .input {height:50px; width:100%; border:0; border-bottom: 1px solid #0042bf; color:#000; font-size:18px; padding-left:20px;}
.mailform textarea.input {border: 1px solid #0042bf; height:273px; border-radius: 14px; padding:20px; background:#f9f9f9;}
.mailform .form-group {display:flex; align-items:center; margin:0 -29px 14px;  padding-bottom:20px;}
.mailform .form-group .form-col {width:50%; padding:0 29px;}
.mailform .form-group.wide {display:block; margin:0 0 20px;}
.mailform .form-group.wide .form-col {width:100%; padding:0; }
.mailform .form-group .tit {font-weight:700; color:#111; font-size:22px; line-height:1.4em; margin-bottom:10px;}
.mailform .form-group:last-child {margin-bottom:0;}
.mailform .required {vertical-align:middle;}
.mailform .privacy_box--fc {margin-bottom:10px; border: 1px solid #0042bf; font-size:18px; line-height:1.4em; color:rgba(0,0,0,.80); display:flex; align-items: center; height:146px; border-radius: 14px; padding:20px; background:#f9f9f9;}
.mailform .privacy_box--fc pre {font-family: "Pretendard", sans-serif !important;}
.mailform input[type="checkbox"] + label {font-size:18px; line-height:1.4em; color:#000; font-weight: 600;}
.mailform input[type="checkbox"] + label:before {border-radius: 3px; }
.mailform input[type="checkbox"]:checked  + label:before {background:#0042bf; border:0;}
.mailform .captcha_box--fc {display:flex; align-items: center; width:50%;}
.mailform .captcha_box--fc a {border:0; margin: 0 10px;}
.mailform .captcha_box--fc input { width:100%; border:0; border-bottom: 1px solid #0042bf; color:#000; font-size:18px; padding-left:20px;}

.mailform + .buttons {margin-top:60px;}


/* board */
/* 검색 */
.board-search {margin-bottom:40px; display:flex; align-items:flex-end; justify-content: space-between;}
.board-search .search {order:2; position:relative; max-width:405px; width:100%; border-bottom:2px solid #000;}
.board-search .search form {display:flex;}
.board-search .input {font-size:18px; line-height:1.4em; background-color:transparent;}
.board-search select.input {width:140px; padding-left:0;}
.board-search select.input,
.board-search input.input {border:0; height:50px;}
.board-search input.input {width:100%; padding-right:30px; border:0;}
.board-search .bt-search {position:absolute; top:0; right:0; width:23px; height:50px; background:url('../img/bbs/btn_search.png') 50% 50% no-repeat; background-size:contain; border:0;}

.board-total {order:1; color:#151515; font-size:20px; line-height:1.3em; font-weight:700;}
.board-total strong {color:#2b5bc6}

.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.gallery-list ul li {width:25%; padding:0 10px; margin-bottom:100px; text-align:center;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .photo {background:#ececec; border-radius: 10px; padding:10px; margin-bottom:26px;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:145.7%; box-shadow:17px 0 46px rgba(15,15,15,.18); overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.gallery-list ul li a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04);}
.gallery-list ul li .tit {font-size:20px; line-height:1.3em; font-weight:700; color:#111}

.dep1-company--fc .board-search-wrap--fc,
.dep1-company--fc .board-paging {display:none;}


.board-wrap--fc .board-view--fc {border-top:1px solid #151515;}
.board-wrap--fc .board-view--fc header {position:relative; background:#fff; text-align:center; padding:50px 0; border-bottom:1px solid #dedede;} 
.board-wrap--fc .board-view--fc header h1 {float:none; font-size:26px; line-height:1.3em;font-weight:700; color:#1a1a1a;}
.board-wrap--fc .board-view--fc header address {float:none; display:flex; align-items: center; justify-content: center; font-size:18px; line-height:1.4em; margin-top:25px;}
.board-wrap--fc .board-view--fc header address p {float:none;}
.board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:100px; position:relative; font-size:18px; line-height:1.67em;} 
.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:18px; line-height:1.67em;}
.board-wrap--fc .board-view--fc .board-conts--fc figure {max-width:100%}

.board-wrap--fc .board-view--fc .board-view-file--fc {border-bottom:1px solid #dedede; margin:20px 0; padding:25px 0;}
.board-wrap--fc .board-view--fc .board-view-file--fc img {margin-left:10px;}


.board-wrap--fc .board-paging {margin:30px auto;}
.board-paging ol {display:inline-flex;}
.board-paging li {padding:0 4px;}
.board-paging li > a {width:44px; height:44px;  line-height:44px; border-radius:100%; border:0; font-size:15px;}
.board-paging li > a:hover,
.board-paging li.on > a {background:#2b5bc6; border:0; font-weight: 700;}


.faq-wrap--fc {border:0; border-top: 1px solid #151515;}
.faq-wrap--fc .faq-list--fc {border-bottom: 1px solid #dedede;}
.faq-wrap--fc .faq-list--fc:last-of-type {border-bottom: 1px solid #dedede;}
.faq-wrap--fc .f-wrap--fc a {display:block;  padding:35px 80px; font-size:22px; line-height:1.4em; font-weight: 700; color:#151515; background:#fff;}
.faq-wrap--fc .f-wrap--fc a:before {content:"Q."; font-size:1.6rem;line-height:30px; top:50%; left:40px; transform:translateY(-50%); font-weight: 700; color:#2b5bc6;}
.faq-wrap--fc .f-wrap--fc a:after {display:none;}
.faq-wrap--fc .f-wrap--fc.on a:before {color:#2b5bc6;}
.faq-wrap--fc .f-wrap--fc a:hover,
.faq-wrap--fc .f-wrap--fc.on a {background:#fff;}
.faq-wrap--fc .f-wrap--fc a .plus {position:absolute; top:50%; right:40px; width:30px; height: 30px; transform:translateY(-50%); opacity:1;}
.faq-wrap--fc .f-wrap--fc a .plus:before,
.faq-wrap--fc .f-wrap--fc a .plus:after {content:""; display:block; position:absolute; background:#151515 !important; transition: .3s; opacity:1;}
.faq-wrap--fc .f-wrap--fc a .plus:before {width:2px; height:100%; left:50%; top:0; margin-left:-1px;}
.faq-wrap--fc .f-wrap--fc a .plus:after {width:100%; height:2px; left:0%; top:50%; margin-top: -1px;}
.faq-wrap--fc .f-wrap--fc.on a .plus:before {transform:rotate(90deg); opacity:0;}
.faq-wrap--fc .f-wrap--fc.on a .plus:after {transform:rotate(180deg);}
.faq-wrap--fc .q-wrap--fc p {padding:40px 80px; background:#f9f9f9; font-size:18px; line-height:1.67em; color:rgba(21,21,21,.80)}
.faq-wrap--fc .q-wrap--fc p:before {content:"A"; font-size:1.6rem;line-height:30px; top:50%; left:40px; transform:translateY(-50%); font-weight: 700; color:#151515;}




/* 버튼 */
.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-flex; justify-content:center; overflow:visible;position:relative;margin:0;padding:0 10px;background:#e1e1e1;color:#151515;border:1px solid #151515;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#195409; border:1px solid #195409; color:#fff;}
.btn-pack.list {width:138px; height:52px; background:#fff; line-height:50px;font-size:18px;font-weight:700; padding:0 22px;}
.btn-pack.list:before {content:"";display:inline-block; vertical-align:middle; width:28px; height:17px; background:url('../img/bbs/ico_list.png') 50% 50% no-repeat; background-size:contain; margin-right:10px;}
.btn-pack.form-submit {width:223px; height:67px; background:#000; border-radius:10px; font-size:22px; line-height:67px; color:#fff;font-weight:700; border:0; padding:0 20px;}
.btn-pack.form-zip {height:44px; width:200px; border-radius:44px; font-size:18px; line-height:44px;}
.btn-pack.green {background:#4b8845; border:1px solid #4b8845; color:#fff;}
.btn-pack.xlarge {min-width:200px; height:60px;padding:0 35px; line-height:58px;  font-size:18px; font-weight:700; border-radius: 30px;}

.board-wrap--fc a {display:inline-block;}

/* scrollText 애니메이션 */
.scrollText:hover ul { animation-play-state: paused; }