@charset "UTF-8";

.ce_item {
    opacity: 0;
}
.sub-vis {position:relative; width:100%; height:530px;  overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; left:0; width:100%; transform:translateY(-40%); letter-spacing:-.020em; color:#fff; z-index:2}
.sub-vis .content .page-location {margin-bottom:30px;}
.sub-vis .content .page-location ul {display:flex; align-items:center; margin:0 -16px;}
.sub-vis .content .page-location ul li {padding:0 16px; position:relative;}
.sub-vis .content .page-location ul li .home {width:15px; height:15px; background:url('../img/common/ico_home.png') 50% 50% no-repeat;}
.sub-vis .content .page-location ul li:after {content:""; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(-45deg); width:6px; height:6px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.sub-vis .content .page-location ul li:last-child:after {display:none;}
.sub-vis .content h2 {font-size:75px;line-height:1.4em;font-weight:700;}
.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 */
}



.subCommon--fc {position:absolute; top:0; left:0; width:100%; border-bottom:1px solid #dcdcdc; background:#fff; z-index:90; transition: 0.2s;}
.lnb {padding:12px 0;}
.lnb ul {display:flex; justify-content:center;}
.lnb ul li {width:auto; margin-right:40px; padding:0 4px;}
.lnb ul li:last-child {margin-right:0;}
.lnb ul li a {display:flex; align-items:center; height:50px; border-radius:50px; padding:0 34px; position:relative; color:#000;  font-size:18px; line-height:1.4em; letter-spacing:-.025em;}
.lnb ul li.active a {font-weight:600; color:#007e4f; border:1px solid #007e4f;}

html.menu-fixed .subCommon--fc {position:fixed;}

.lnb-menu {margin:95px 0 60px;}
.lnb-menu ul {display:flex; justify-content:center;}
.lnb-menu ul li {width:auto; text-align:center; position:relative;}
.lnb-menu ul li:after {content:""; position:absolute; top:50%; left:0; width:1px; height:22px; background:#e5e5e5; margin-top:-11px;}
.lnb-menu ul li:first-child:after {display:none;}
.lnb-menu ul li a {position:relative;display:flex; align-items:center; justify-content:center; font-size:18px; line-height:1.4em; color:#000;  height:60px; padding:0 45px; opacity:.80;}
.lnb-menu ul li a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#000; transition: 0.3s; opacity:0;}
.lnb-menu ul li.on a {color:#000; font-weight:700; opacity:1;}
.lnb-menu ul li.on a:after {left:0; width:100%; opacity:1;}


/* content */
.page-url-about-us--fc #subConts,
.dep1-products--fc #subConts,
.page-url-about-us--fc #subConts {padding-top:0;}
#subConts {position:relative; padding-top:110px;}
#contArea {position:relative; max-width:1440px; width:100%; margin:0 auto; padding:0 20px;}
#contArea.wide {max-width:100%; padding:0;}
.sub-title {margin-bottom:100px;}
.sub-title h2 {font-size:50px; line-height:1.4em; font-weight:500; text-align:left;}

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

/* html.header-fixed .one-page {padding-top:0 !important;}
html.menu-fixed .one-page {padding-top:0 !important;} */

/* company */
#greeting, #history, #cert, #location {padding-top:150px;}
.section {background:#fff;}
.lnb-tab {position:absolute; top:0; left:0; width:100%;  background:#fff; border-bottom:1px solid #ddd;  transition: 0.2s; z-index:90}

.lnb-tab.menu-fixed {position:fixed;}
html.header-fixed.header-menu-fixed .page-url-about-us--fc #header {opacity:0; top:-120px;}
html.header-menu-fixed .subCommon--fc {position:fixed; top:100px;}

.about-top-slide {position:relative; overflow:hidden;}
.about-top-slide .content {position:absolute; top:50%; transform:translateY(-50%); left:0; color:#fff;  width:100%; text-align:center; z-index:2;}
.about-top-slide .tit {color:#3deaa9; font-size:20px;line-height:1.3em; margin-bottom:26px;}
.about-top-slide .title {margin-bottom:44px; font-size:60px; line-height:1.3em; font-weight:700;}
.about-top-slide  p {font-size:20px; line-height:1.7em; font-weight:500; opacity:.80;}
.about-top-slide .item {position:relative; height:950px; overflow:hidden;}
.about-top-slide .item .background {position:absolute; top:0; left:0; right:0; bottom: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;
}
.about-top-slide .item.swiper-slide-active .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 */
}
.about-top-slide .swiper-pagination {position:absolute; bottom:85px; left:0; width:100%; display:flex; justify-content:center;}
.about-top-slide .swiper-pagination span {margin:0 6px; border:1px solid #fff; font-size:0; line-height:0; width:11px; height:11px; background:transparent; border-radius:100%;}
.about-top-slide .swiper-pagination span:focus {outline:0;}
.about-top-slide .swiper-pagination span.swiper-pagination-bullet-active {background:#fff}

@media (max-width: 1920px) {
	.about-top-slide .item {height:calc(100vh - 70px);}
}


.delay03 {transition: all  1s ease-out 0s;transition-delay: 0.3s}
.delay06 {transition: all  1s ease-out 0s;transition-delay: 0.6s}
.delay09 {transition: all  1s ease-out 0s;transition-delay: 0.9s}
 
 
.about-top-slide .item.swiper-slide-active .trans-left{
	opacity: 1;visibility: visible;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
	-moz-transform: translate3d(0px, 0px, 0px);  -ms-transform: translate3d(0px, 0px, 0px);  -o-transform: translate3d(0px, 0px, 0px);  -webkit-transform: translate3d(0px, 0px, 0px);  transform: translate3d(0px, 0px, 0px); 
}
.about-top-slide .item .trans-left{
	opacity: 0;visibility: hidden;
	-moz-transform: translate3d(-150px, 0px, 0px);-ms-transform: translate3d(-150px, 0px, 0px);-o-transform: translate3d(-150px, 0px, 0px);-webkit-transform: translate3d(-150px, 0px, 0px);transform: translate3d(-150px, 0px, 0px);  
	-moz-transition: all 780ms ease 0s;-o-transition: all 780ms ease 0s;-webkit-transition: all 780ms ease 0s;transition: all 780ms ease 0s;
	-webkit-transition-delay: 620ms;-moz-transition-delay: 620ms;-o-transition-delay: 620ms;transition-delay: 620ms;
}
.about-top-slide .item.swiper-slide-active .trans-right{
	opacity: 1;visibility: visible;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
	-moz-transform: translate3d(0px, 0px, 0px);  -ms-transform: translate3d(0px, 0px, 0px);  -o-transform: translate3d(0px, 0px, 0px);  -webkit-transform: translate3d(0px, 0px, 0px);  transform: translate3d(0px, 0px, 0px); 
}
.about-top-slide .item .trans-right{
	opacity: 0;visibility: hidden;
	-moz-transform: translate3d(100px, 0px, 0px);-ms-transform: translate3d(100px, 0px, 0px);-o-transform: translate3d(100px, 0px, 0px);-webkit-transform: translate3d(100px, 0px, 0px);transform: translate3d(100px, 0px, 0px);   
	-moz-transition: all 780ms ease 0s;-o-transition: all 780ms ease 0s;-webkit-transition: all 780ms ease 0s;transition: all 780ms ease 0s;
	-webkit-transition-delay: 620ms;-moz-transition-delay: 620ms;-o-transition-delay: 620ms;transition-delay: 620ms;
}

.about-section .group {position:relative; overflow:hidden;}
.about-section .group.company, 
.about-section .group.organization {background-color:#fff;}
.about-section .group .inner {display:flex; padding:150px 20px;}
.about-section .group .title {width:540px;}
.about-section .group .title h3 {font-size:34px; line-height:1.18em; font-weight:600; color:#272727;}
.about-section .group .title h3 span {display:block; color:#bebdbd;font-weight:400;}
.about-section .group .info {flex:1 1 auto; min-width:0; width:1%;}
.about-section .group .bus-area ul {display:flex; flex-wrap:wrap; margin-left:-20px; margin-bottom:-30px;}
.about-section .group .bus-area ul li {width:calc(50% - 20px); margin-left:20px; color:#333; margin-bottom:30px; padding:29px 40px 55px;border:1px solid #e4e4e4; background:#fff; box-shadow:10px 10px 20px rgba(0,0,0,.06);}
.about-section .group .bus-area ul li i {display:block; margin-bottom:20px;}
.about-section .group .bus-area ul li dl dt {font-size:24px; line-height:1.3em; font-weight:700; margin-bottom:12px;}
.about-section .group .bus-area ul li dl dd {opacity:.70;}
.about-section .group.vision {background:url('../img/sub/about_vision_bg.jpg') 50% 50% no-repeat; background-size:cover; }
.about-section .group.vision .title h3 {color:#fff;}
.about-section .group.vision .inner {color:#fff; height:700px;}
.about-section .group .background {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.about-section .group .vision-tit {font-size:58px; line-height:1.3em; font-weight:700; margin-bottom:43px;}
.about-section .group .vision-p {font-size:32px; line-height:1.3em;}
.about-section .group .vision-txt {position:absolute; bottom:-4vw; right:0; text-align:right; width:100%; font-size:16.5vw; line-height:1.1em; color:#fff; font-weight:700; opacity:.10; padding-right:6vw; z-index:2;}
.about-section .group .vision-txt:before,
.about-section .group .vision-txt:after {content:""; position:absolute; top:50%; height:1px; margin-top:-.5px; background:#fff; opacity:.7; z-index:1}
.about-section .group .vision-txt:before {width:6vw; left:0;}
.about-section .group .vision-txt:after {width:3vw; right:0;}
.about-section .group.core {background:#f8f8f8 url('../img/sub/about_core_bg.jpg') 50% 100% no-repeat; background-size:cover; z-index:2;}
.about-section .group.core .inner {justify-content:flex-end;}
.about-section .group .core-wrap {max-width:818px; width:100%; margin-right:40px; position:relative; z-index:1;}
.about-section .group .core-wrap ul {display:flex; flex-wrap:wrap; margin-left:-78px; margin-bottom:-60px;}
.about-section .group .core-wrap ul li {width:calc(50% - 78px); position:relative; border:1px solid #ddd;  border-radius:20px;background-color:#fff;  margin-left:78px; margin-bottom:60px; transition:.3s;}
.about-section .group .core-wrap ul li a {display:block; padding:65px 50px 70px; height:474px;}
.about-section .group .core-wrap ul li:nth-child(even) {margin-top:60px; margin-bottom:0;}
.about-section .group .core-wrap ul li .text {position:relative; z-index:2;}
.about-section .group .core-wrap ul li .num {font-size:24px; line-height:1.4em; color:#007e4f; font-weight:700; margin-bottom:30px; transition:.3s;}
.about-section .group .core-wrap ul li .tit {font-size:30px ;line-height:1.33em; font-weight:700; color:#333; margin-bottom:110px; transition:.3s;}
.about-section .group .core-wrap ul li .icon {width:100%; height:114px; background-repeat:no-repeat; background-position:100% 100%; background-size:contain; transition:.3s;}
.about-section .group .core-wrap ul li .bg {opacity:0; position:absolute; top:0; left:0; border-radius:20px; overflow:hidden; width:100%; height:100%; transform: rotateY(0deg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.3s; z-index:0;}
.about-section .group .core-wrap ul li:nth-child(1) .icon {background-image:url('../img/sub/about_core_ico1.png');}
.about-section .group .core-wrap ul li:nth-child(2) .icon {background-image:url('../img/sub/about_core_ico2.png');}
.about-section .group .core-wrap ul li:nth-child(3) .icon {background-image:url('../img/sub/about_core_ico3.png');}
.about-section .group .core-wrap ul li:nth-child(4) .icon {background-image:url('../img/sub/about_core_ico4.png');}
.about-section .group .core-wrap ul li.active .bg {border-color:rgba(255,255,255,0); box-shadow:10px 10px 20px rgba(0,0,0,.20); transform: rotateY(180deg); opacity:1;}
.about-section .group .core-wrap ul li.active .num,
.about-section .group .core-wrap ul li.active .tit {color:#fff;}
.about-section .group .core-wrap ul li.active .text {transform: rotateY(0deg);}
.about-section .group .core-wrap ul li:nth-child(1).active .bg {background-image:url('../img/sub/about_core_ico_bg1.jpg');} 
.about-section .group .core-wrap ul li:nth-child(1).active .icon {background-image:url('../img/sub/about_core_ico1_on.png');} 
.about-section .group .core-wrap ul li:nth-child(2).active .bg {background-image:url('../img/sub/about_core_ico_bg2.jpg');} 
.about-section .group .core-wrap ul li:nth-child(2).active .icon {background-image:url('../img/sub/about_core_ico2_on.png');} 
.about-section .group .core-wrap ul li:nth-child(3).active .bg {background-image:url('../img/sub/about_core_ico_bg3.jpg');} 
.about-section .group .core-wrap ul li:nth-child(3).active .icon {background-image:url('../img/sub/about_core_ico3_on.png');} 
.about-section .group .core-wrap ul li:nth-child(4).active .bg {background-image:url('../img/sub/about_core_ico_bg4.jpg');} 
.about-section .group .core-wrap ul li:nth-child(4).active .icon {background-image:url('../img/sub/about_core_ico4_on.png');} 
.about-section .group .core-segi {position:absolute; top:50%; left:-3.2vw; height:100%; text-align:center; transform:translateY(-50%) /* rotate(90deg) */; font-size:16.5vw; line-height:1.1em; color:#f1f1f1; writing-mode: vertical-rl; font-weight:700;  z-index:0;}
.about-section .group.organization .inner {display:block; padding-bottom:0;}
.about-section .group.organization .title {margin-bottom:75px;}
.about-section .group.organization .org {text-align:center;}

@media (max-width: 1920px) {
	.about-section .group .vision-txt:before {width:38%;}
	.about-section .group .vision-txt:after {width:5%;}

	.about-section .group .core-segi {font-size:11.5vw;}
}

.greeting {font-size:22px; line-height:1.59em;}
.greeting h3 {color:#007e4f; font-size:20px; line-height:1.3em; font-weight:700; margin-bottom:54px;}
.greeting .tit {font-size:38px; line-height:1.47em; font-weight:700; color:#040404; margin-bottom:90px;}
.img-back {position:relative; height:518px; overflow:hidden; margin-bottom:85px;}
.img-back .background {position:absolute; top:0; left:570px; width:100%; height:100%; border-radius:26px 0 0 26px; background-repeat:no-repeat; background-position:0 0; background-size:cover;}
.greeting .cnt { color:#616161; margin-bottom:50px;}
.greeting .cnt p {margin-bottom:30px;}
.greeting .cnt p:last-child {margin-bottom:0;}
.greeting .cnt strong {font-weight:700; color:#000;}
.greeting .last {color:#000; font-weight:700;}

@media (max-width: 1920px) {
 .img-back .background {left:250px;}
}

.history-inner {display:flex;}
.history-inner .title {width:50%;}
.history-inner .title h2 {font-size:60px ;line-height:1.13em; color:#151515; font-weight:700;}
.history-inner .info {width:50%;}
.history-inner .info .group {margin-bottom:40px; display:flex;}
.history-inner .info .group:last-child {margin-bottom:0;}
.history-inner .info .group .year {width:150px; font-size:40px ;line-height:1.3em;font-weight:700; color:#007e4f;}
.history-inner .info .group .list {flex: 1 1 auto; min-width:0; width:1%;}
.history-inner .info .group .list ul li {position:relative; font-size:18px;line-height:1.67em; padding-left:24px; color:#000; opacity:.80;}
.history-inner .info .group .list ul li:before {content:""; position:absolute; top:9px; left:0; width:8px; height:8px; background:#151515; opacity:.10; border-radius:100%;}
.history-inner .info .group .list ul li dl {display:flex;}
.history-inner .info .group .list ul li dl dt {font-weight:700; margin-right:10px;}
.history-inner .info .group .list ul li dl dd { flex:1 1 auto; min-width:0; width:1%;}

.page-url-about-us--fc .board-wrap {display:none;}

.cert-inner .group {margin-bottom:90px; position:relative;}
.cert-inner .group:last-child {margin-bottom:0;}
.cert-inner .cert-title {color:#151515; font-size:26px; line-height:1.4em;font-weight:700; margin-bottom:30px;}
.cert-inner .slick-track {margin:0;}
.cert-inner .slick-list {margin:0 -9px;}
.cert-inner .slick-slide {padding:0 9px; text-align:center;}
.cert-inner .photo {background:#f5f5f5; padding:62px 54px; margin-bottom:35px;}
.cert-inner .photo .thumb {position:relative; height:0; padding-bottom:136.7%; overflow:hidden;}
.cert-inner .photo .thumb 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;}
.cert-inner .tit {font-size:20px; line-height:1.4em; color:#151515; font-weight:500;}
.cert-inner .slick-number {position:absolute; top:-60px; right:20px; width:110px; text-align:center; display:flex; align-items:center; justify-content:center; z-index:3; color:#151515; font-size:22px ;line-height:30px; font-weight:500;}
.cert-inner .slick-number .num-current {font-weight:700;}
.cert-inner .slick-number .bar {margin:0 7px;}
.cert-inner .slick-arrow {position:absolute; top:-60px; width:20px; height:30px; border:0; font-size:0; line-height:0; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:50% 50%;}
.cert-inner .slick-arrow:focus {outline:0;}
.cert-inner .slick-prev {right:140px; background-image:url('../img/sub/cert_prev.png');}
.cert-inner .slick-next {right:0; background-image:url('../img/sub/cert_next.png');}


.location-title {font-size:50px;line-height:1.2em; color:#000; font-weight:700; margin-bottom:95px;}
.location-map {overflow:hidden; border-radius:20px; margin-bottom:60px;}
.location-map iframe {width:100% !important; height:582px !important;}
.location-inner ul {margin-bottom:-30px; display:flex; flex-wrap:wrap;}
.location-inner ul li {width:50%; padding:0 20px; margin-bottom:30px;  font-size:20px; line-height:1.4em;} 
.location-inner dl {display:flex;}
.location-inner dl dt {width:230px; position:relative; padding-left:42px; color:#292929; font-weight:600;}
.location-inner dl dt:before {content:""; position:absolute; top:0; left:0; width:28px; height:28px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location-inner dl dt.addr:before {background-image:url('../img/sub/location_ico_addr.png');}
.location-inner dl dt.tel:before {background-image:url('../img/sub/location_ico_tel.png');}
.location-inner dl dt.fax:before {background-image:url('../img/sub/location_ico_fax.png');}
.location-inner dl dt.mail:before {background-image:url('../img/sub/location_ico_mail.png');}
.location-inner dl dd {flex:1 1 auto; min-width:0; width:1%; color:#090c08;}


.subtain-title {margin-bottom:90px;}
.subtain-title h2 {color:#0f0f0f; font-size:50px; line-height:1.4em; font-weight:700; margin-bottom:20px;}
.subtain-title p {font-size:20px ;line-height:1.4em; color:#2d2d2d; font-weight:500;}

.subtain-inner .group {margin-bottom:180px;}
.subtain-inner .group:last-child {margin-bottom:0;}
.subtain-inner .group .img {border-radius:20px; overflow:hidden; margin-bottom:90px;}
.subtain-inner .group .content {display:flex;}
.subtain-inner .group .title {width:520px;}
.subtain-inner .group .title h3 {position:relative; padding-left:76px; font-size:40px; line-height:1.4em; color:#0f0f0f; font-weight:700;}
.subtain-inner .group .title h3:before {content:"";position:absolute; top:0; left:0; width:53px; height:53px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.subtain-inner .group:nth-child(1) .title h3:before {background-image:url('../img/sub/sustain_ico1.png');}
.subtain-inner .group:nth-child(2) .title h3:before {background-image:url('../img/sub/sustain_ico2.png');}
.subtain-inner .group:nth-child(3) .title h3:before {background-image:url('../img/sub/sustain_ico3.png');}
.subtain-inner .group .info {flex:1 1 auto; min-width:0; width:1%; font-size:20px; line-height:1.6em;}
.subtain-inner .group .info .cnt {margin-bottom:30px; font-weight:500; color:#868686;}
.subtain-inner .group .info .cnt:first-child {color:#2d2d2d; font-weight:600;}
.subtain-inner .group .info .customer-cnt {border-top:1px solid #d8d8d8; margin-top:50px;}
.subtain-inner .group .info .customer-cnt ul li {border-bottom:1px solid #d8d8d8; height:155px; padding:20px 0; display:flex; align-items:center; font-size:20px; line-height:1.4em;}
.subtain-inner .group .info .customer-cnt ul li .tit-zone {width:350px; display:flex; align-items:center;}
.subtain-inner .group .info .customer-cnt ul li .tit-zone .icon {width:45px; margin-right:22px;}
.subtain-inner .group .info .customer-cnt ul li .tit-zone .tit {color:#000; font-weight:600;}
.subtain-inner .group .info .customer-cnt ul li .tit-zone .tit span {color:#30bb87}
.subtain-inner .group .info .customer-cnt ul li .tit-cnt {flex:1 1 auto; min-width:0; width:1%; color:#868686;}

/* 파트너 리스트 */
.partner_wrap .category-tab {display: none;}
.partner_list ul {display: flex; flex-wrap: wrap; margin: -20px -9px 0;}
.partner_list ul li {width: 33.3333%; padding: 0 9px; margin-top: 20px;}
.partner_list ul li figure {text-align: center;}

@media (max-width: 640px) {
    .partner_list ul {margin: -10px -3px 0;}
    .partner_list ul li { padding: 0 3px; margin-top: 10px;}
}




.recruit-title {color:#0f0f0f; font-size:34px; line-height:1.4em; font-weight:700;}
.recruit-head {margin-bottom:140px; color:#0f0f0f;}
.recruit-head .inner {display:flex;}
.recruit-head .title {width:510px;}
.recruit-head .info {flex:1 1 auto; min-width:0; width:1%; font-size:20px; line-height:1.75em;}
.recruit-image {height:571px;  text-align:center; background:url('../img/sub/recruit_bg.jpg') 50% 50% no-repeat; background-size:cover; display:flex; align-items:center;}

.recruit-inner .group {position:relative; background:#f8f8f8; padding:145px 0;}
.recruit-inner .group .title {margin-bottom:75px;}
.recruit-inner .group:nth-child(2) {background:#fff;}
.recruit-inner .career {position:relative; z-index:2;}
.recruit-inner .career ul {display:flex; flex-wrap:wrap; margin-left:-38px; margin-bottom:-38px;}
.recruit-inner .career ul li {position:relative; width:calc(33.333333% - 38px); padding:65px 50px; margin-left:38px; margin-bottom:38px; background:#fff; border:1px solid #ddd; border-radius:20px;}
.recruit-inner .career ul li .num {font-size:24px; line-height:1.4em; color:#007e4f; font-weight:700; margin-bottom:25px;}
.recruit-inner .career ul li dl dt {color:#333;font-size:30px; line-height:1.4em; font-weight:700; margin-bottom:34px;}
.recruit-inner .career ul li dl dd {font-size:20px ;line-height:1.4em; color:#868686}
.recruit-inner .career ul li .icon {position:absolute; top:65px; right:50px;}
.recruit-inner .career-txt {position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:0;}
.recruit-inner .title-row {display:flex; margin-bottom:60px;}
.recruit-inner .title-row .recruit-title {width:510px;}
.recruit-inner .title-row .info {flex:1 1 auto; min-width:0; width:1%; font-size:30px; line-height:1.43em; font-weight:600; color:#2d2d2d;}
.recruit-inner .links {margin-bottom:33px;}
.recruit-inner .links ul {display:flex; margin:0 -20px;}
.recruit-inner .links ul li {width:50%; padding:0 20px;}
.recruit-inner .links ul li a {position:relative; display:flex; align-items:center; height:183px; padding:30px;border:1px solid #ddd; border-radius:20px;}
.recruit-inner .links ul li a .logo {width:197px; margin-right:50px;}
.recruit-inner.en .links ul li a,
.recruit-inner.cn .links ul li a {padding:30px 15px;}
.recruit-inner.en .links ul li a .logo,
.recruit-inner.cn .links ul li a .logo {margin-right:20px;}
.recruit-inner .links ul li a dl {flex:1 1 auto; min-width:0; width:1%;}
.recruit-inner .links ul li a dl dt {color:#333;font-size:26px; line-height:1.4em; font-weight:700; margin-bottom:16px;}
.recruit-inner .links ul li a dl dd {font-size:22px ;line-height:1.4em; color:#3d3d3d;}
.recruit-inner .links ul li a .more {position:absolute; top:50%; right:45px; width:56px; height:56px; margin-top:-28px; border:1px solid #dedede; border-radius:100%; background:#fff url('../img/sub/recruit_more.png') 50% 50% no-repeat; transition:0.3s;}
.recruit-inner .links ul li a:hover {border-color:#007e4f;}
.recruit-inner .links ul li a:hover .more {border-color:#007e4f; background-color:#007e4f; background-image:url('../img/sub/recruit_more_on.png');}
.recruit-inner .online-link {position:relative; padding:50px 96px;border:1px solid #ddd; border-radius:20px;}
.recruit-inner .online-link .tit {font-size:28px ;line-height:1.4em; font-weight:700; color:#333; margin-bottom:20px;}
.recruit-inner .online-link ul {display:flex;}
.recruit-inner .online-link ul li {margin-left:100px; font-size:22px ;line-height:1.3em; color:#3d3d3d;}
.recruit-inner .online-link ul li:first-child {margin-left:0;}
.recruit-inner .online-link ul li strong {color:#040404; font-weight:700; padding-right:10px;}
.recruit-inner .online-link .more {position:absolute; top:50%; margin-top:-36px; right:50px; text-align:center;}
.recruit-inner .online-link .more a {display:inline-block; width:245px; height:72px; background:#000; font-size:20px; line-height:72px; color:#fff; font-weight:500; border-radius:10px;}
.recruit-inner .online-link .more a:after {content:"";display:inline-block; vertical-align:top; width:13px; height:100%; background:url('../img/sub/recruit_arrow.png') 50% 50% no-repeat; margin-left:40px;}
.recruit-inner .online-link .more a:hover {background:#007e4f;}

/* board */
/* 검색 */
.board-search {margin-bottom:40px; background:#f0f3f2; border-radius:20px; padding:40px;}
.board-search .search {max-width:655px; width:100%; margin:0 auto; display:flex;}
.board-search .input {display:block; font-size:18px; line-height:1.4em; height:60px; border:1px solid #ddd;}
.board-search select.input {width:160px; margin-right:10px;}
.board-search input.input {flex:1 1 auto; min-width:0; width:1%; margin-right:10px;}
.board-search .bt-search {width:115px; height:60px; border:0; background:#000; display:block; color:#fff; font-size:18px; line-height:60px; font-weight:600; text-align:center; border-radius:12px;}

.board-total {font-size:18px; line-height:1.4em; color:#1a1a1a; margin-bottom:25px;}
.board-total .num {padding-left:10px;}

.news-list {border-top:2px solid #3e3e3e; margin-bottom:65px;}
.news-list ul li {display:flex; border-bottom:1px solid #e0e0e0; padding:34px 40px;}
.news-list ul li a {display:flex; align-items:center;}
.news-list ul li .photo {width:305px; margin-right:75px;}
.news-list ul li .thumb {position:relative; height:0; padding-bottom:65.6%; border-radius:20px; overflow:hidden;}
.news-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;}
.news-list ul li .info {flex:1 1 auto; min-width:0; width:1%;}
.news-list ul li .info .title {font-size:24px; line-height:1.4em;font-weight:700; color:#303030; margin-bottom:12px; transition:0.3s;}
.news-list ul li .info .cnt {margin-bottom:35px; font-size:18px; line-height:1.5em; color:#151515; transition:0.3s; opacity:.70;height:calc(1.5em * 1 * 2); -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
.news-list ul li .info .date {font-size:18px; line-height:1.5em; color:#151515; opacity:.70; transition:0.3s;}
.news-list ul li a:hover .thumb img {transform:translateY(-50%) scale(1.06,1.06); -ms-transform:translateY(-50%) scale(1.06,1.06); -webkit-transform:translateY(-50%) scale(1.06,1.06);}
.news-list ul li a:hover .info .title {color:#1f8a61}

.board-view {border-top:2px solid #3e3e3e;}
.board-view .head {border-bottom:1px solid #e0e0e0; padding:50px 20px; text-align:center;}
.board-view .head .title {font-size:26px ;line-height:1.4em; color:#1a1a1a; font-weight:700; margin-bottom:20px;}
.board-view .head .date {font-size:18px;line-height:1.4em; color:#1a1a1a; opacity:.80;}
.board-view .body {border-bottom:1px solid #e0e0e0; padding:50px 20px;}
.board-view .file ul li {border-bottom:1px solid #e0e0e0; padding:16px 0;}
.board-view .file ul li:last-child {margin-bottom:0;}
.board-view .file ul li dl {display:flex;}
.board-view .file ul li dl dt {width:120px; color:#1a1a1a; font-size:18px; text-align:right; line-height:1.4em; padding-right:22px; position:relative;}
.board-view .file ul li dl dt:after {content:""; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background:#151515; opacity:.20;}
.board-view .file ul li dl dd { flex:1 1 auto; min-width:0; width:1%; padding-left:22px;}
.board-view .file ul li dl dd a {color:#1a1a1a; font-size:18px;line-height:1.4em;}

.prev-next-inner {border-top:1px solid #151515; border-bottom:1px solid #151515;}
.prev-next-inner ul li {border-bottom:1px solid #e0e0e0; display:flex; font-size:18px; line-height:1.4em; padding:20px 0; color:#151515;}
.prev-next-inner ul li:last-child {margin-bottom:0;}
.prev-next-inner ul li .tit {width:120px; position:relative; text-align:right; font-weight:700; padding-right:12px;}
.prev-next-inner ul li .tit:before {content:""; position:absolute; top:50%; left:28px;  width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.prev-next-inner ul li.prev .tit:before{transform:translateY(-35%) rotate(-135deg);}
.prev-next-inner ul li.next .tit:before{transform:translateY(-75%) rotate(45deg);}
.prev-next-inner ul li .cnt {flex:1 1 auto; min-width:0; width:1%; padding-left:22px;}
.prev-next-inner ul li .cnt a {font-size:18px; line-height:1.4em; color:#151515;}

.board-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #151515; font-size:18px; line-height:1.5em; color:#151515}
.board-table table thead th {padding:18px 5px; text-align:center; font-weight:700;  background:#fff; color:#000;  border-bottom:1px solid #dedede;}
.board-table table tbody td {padding:18px 20px; vertical-align:middle; text-align:center; font-weight:400; border-bottom:1px solid #dfdfdf; border-top:0;}
.board-table table tbody td.left {text-align:left;}
.board-table table tbody td a {display:inline-block; font-size:18px; line-height:1.5em; padding-right:10px;}
.board-table table tbody td.subject {text-align:left;}
.board-table table tbody td img {vertical-align:middle;}
.board-table table tbody td.number {opacity:.6;}
.board-table table tbody td.board-down a {position:relative; background:#002f54; padding:0 30px;  font-size:16px; color:#fff; height:40px; font-weight:400; border-radius:5px; line-height:40px;}
.board-table table tbody td.board-down a:before {content:"";display:inline-block; vertical-align:top; width:17px; height:100%; background:url('../img/bbs/ico_download.png') 50% 50% no-repeat; margin-right:10px;}


.inquiry-bg1 {position:absolute; top:-110px; right:0; width:100%; height:100%; background:url('../img/sub/inquiry_bg1.png') 100% 0 no-repeat; z-index:-1;}
.inquiry-bg2 {position:absolute; bottom:0; left:0; width:100%; height:100%; background:url('../img/sub/inquiry_bg2.png') 0 100% no-repeat; z-index:-2}

/* 제품소개 */
.product-title {font-size:50px; line-height:1.4em; color:#272727; font-weight:700; margin-bottom:50px;}

.product-list .group {margin-bottom:45px; display:flex; align-items:center; background:#f5f5f5; border-radius:20px; padding:50px 60px;}
.product-list .group:last-child {margin-bottom:0;}
.product-list .group .photo {width:474px; margin-right:73px;}
.product-list .group .thumb {position:relative; height:0; padding-bottom:65.6%; background:#fff url('../img/sub/noimg.jpg') 50% 50% no-repeat; background-size:cover; border-radius:20px; overflow:hidden;}
.product-list .group .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;}
.product-list .group .thumb:after {content:"";position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #eee;}
.product-list .group .info {flex:1 1 auto; min-width:0; width:1%; font-size:22px; line-height:1.4em;}
.product-list .group .info dl {display:flex; margin-bottom:20px;}
.product-list .group .info dl:last-child {margin-bottom:0;}
.product-list .group .info dl dt {position:relative; padding-left:20px; width:190px; color:#303030; font-weight:700;}
.product-list .group .info dl dt:before {content:""; position:absolute; top:10px; left:0; width:8px; height:8px; background:#000; border-radius:100%;}
.product-list .group .info dl dd {flex:1 1 auto; min-width:0; width:1%; color:#151515}



.video-container {position:relative; padding-bottom:56.25%; overflow:hidden;}
.video-container video,
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.required {color:#df043e;}

.mailform-title {display:flex;  margin-bottom:86px;}
.mailform-title .title {color:#000; width:650px; font-size:50px; line-height:1.2em;font-weight:700;}
.mailform-title .cnt {flex:1 1 auto; min-width:0; width:1%; font-size:20px;line-height:1.4em; color:#2d2d2d;font-weight:500;}


.mailform .group {margin:0 0 40px;}
.mailform .group.flex {display:flex; margin:0 -25px 40px;}
.mailform .group.flex .p-col {width:50%; padding:0 25px;}
.mailform .tit {margin-bottom:10px; color:#000; font-weight:700; font-size:20px; line-height:1.4em;}
.mailform .input {width:100%; height:50px; border:0;background-color:transparent; border-bottom:1px solid #a3a3a3; font-size:18px; line-height:1.4em; color:#000;}
.mailform select.input {max-width:400px; width:100%;}
.mailform input.input:focus {border-bottom:1px solid #000;}
.mailform select.input:focus {border-bottom:1px solid #000;}
.mailform textarea.input {width:100%; height:181px; border:1px solid #a3a3a3; font-size:18px; line-height:1.4em; padding:20px;}
.mailform .privacy_box--fc {height:90px; background:#fff; border:1px solid #a3a3a3; padding:20px; overflow:auto; font-size:18px;line-height:1.3em; color:#000; opacity:.50; margin-bottom:15px; }
.mailform .privacy_box--fc pre {font-family:'Pretendard',sans-serif;}
.mailform .captcha_box--fc {display:flex; align-items:center;}
.mailform .captcha_box--fc a {border:0; width:26px; height:26px; margin:0 20px; padding:0; background:url('../img/bbs/reload.png') 50% 50% no-repeat; background-size:contain;}
.mailform .captcha_box--fc a img {display:none;}
.mailform .captcha_box--fc input {border:1px solid #a3a3a3; font-size:18px; line-height:1.4em;}

.privacy_txt--fc {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.privacy_txt--fc input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.privacy_txt--fc label {display:inline-block;}
.privacy_txt--fc input[type="checkbox"] + label {color:#ee4773; font-size:18px; line-height:1.4em;}
.privacy_txt--fc label:before {content:""; display:inline-block; vertical-align:middle; margin:-.1em 8px 0 0; width:15px; height:15px; border:1px solid #e5e5e5; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%;}
.privacy_txt--fc input:checked + label:before {margin:-.1em 8px 0 0;color:red; background:#fff;}

.btn-submit {text-align:right;}
.btn-submit a {display:inline-block; vertical-align:top;  text-align:left; width:316px; height:70px; box-shadow:10px 10px 20px rgba(0,0,0,.19);background:#000; border-radius:10px; color:#fff; font-size:20px ;line-height:70px; position:relative; padding:0 30px; font-weight:700;}
.btn-submit a:after {content:"";position:absolute; top:0; right:30px; width:22px; height:100%; background:url('../img/bbs/ico_arrow.png') 50% 50% no-repeat; background-size:contain;}

/* 버튼 */
.buttons {margin-top:70px;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 4px;}
.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-block !important;overflow:visible;position:relative;border-radius:10px; margin:0;padding:0 10px;background:#fff;color:#000;border:1px solid #000;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:#03416d; border:1px solid #03416d; color:#fff; }
.btn-pack.gray {background:#f8f8f8; color:#dcdcdc;}
.btn-pack.xlarge {height:62px;padding:0 25px;line-height:60px;font-size:20px; font-weight:700;}
.btn-pack.btn-list {width:222px; height:62px; background:#fff; text-align:left; padding:0 30px; font-size:20px; line-height:60px; color:#151515;font-weight:700;}
.btn-pack.btn-list:after {content:""; position:absolute; top:0; right:30px; width:20px; height:100%; background:url('../img/bbs/ico_list.png') 50% 50% no-repeat; background-size:contain;}


.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filebox {
    font-size: 0;
}

.filebox label {
    display: inline-block;
    height: 40px;
    font-size: 15px;
    background-color: #eee;
    line-height: 40px;
    text-align: center;
    width: 110px;
    cursor: pointer;
}

.filebox .upload-name {
    display: inline-block;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: calc(100% - 110px);
    color: #9d9d9d;
    text-align: left;

    height: 40px;
    vertical-align: baseline;
    border: 1px solid;
    background: none;
    box-sizing: border-box;
    padding: 0 10px;

}

.filebox label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 1201px) {
    .filebox label:hover {
        background-color: #e5e5e5;
    }
}