@charset "utf-8";
/* 공통 */
.subtit { font-size: 40px; font-weight: 700; letter-spacing: -.03em; color: #333; margin-bottom: 15px; line-height: 1.4em;}
.subtit.tc { text-align: center; }
.subtit span {color: #1dbee8; }
.subtit.fz { font-size: 28px; margin-bottom: 70px; }
.subtit2 { font-size: 24px; font-weight: 700; color: #333; text-align: center; letter-spacing: -.03em; line-height: 1.3em; }
.subtit2::after { content: ""; display: block; width: 20px; height: 4px; background: #1dbee8; margin: 35px auto; border-radius: 2px; }
.sub-line { width: 20px; height: 4px; background: #1dbee8; margin: 0 auto 40px; border-radius: 2px; }
.subtit3 { font-size: 36px; line-height: 1.4em; color: #333; letter-spacing: -.025em; font-weight: 700; }
.subtit3 span { color: #1dbee8; }
.subtit3.tc { text-align: center;}
.subtit3.mg { margin-bottom: 100px; }

/* 회사소개 */
.it-box { max-width: 1000px; margin: 0 auto; width: 100%; border: 1px solid #ccc; border-radius: 24px; text-align: center; padding: 45px 10px; margin-bottom: 100px; }
.it-box p { margin-bottom: 25px; line-height: 1.556em; }
.it-box p:last-child { margin-bottom: 0; }
.it-fx { display: flex; align-items: center; flex-wrap: wrap;}
.it-fx>div { width: calc(100%/2);}
.it-fx .img { padding-right: 80px;}
.it-fx .img img { border-radius: 32px; }
.it-fx ul { border-top: 2px solid #868686;}
.it-fx ul li { display: flex; border-bottom: 1px solid #ddd; padding: 28px 0 26px;}
.it-fx ul li .tit { width: 150px; font-size: 18px; color: #333; font-weight: 700; text-align: center;}
.it-fx ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 120px; }

/* CEO 인사말 */
.gt-fx { display: flex; align-items: center; flex-wrap: wrap;}
.gt-fx>div { width: calc(100%/2);}
.gt-fx .left { padding-right: 20px; }
.gt-fx .left p { margin-top: 25px; }
.gt-fx .right { border-radius: 60px; overflow: hidden;}

/* 회사연혁 */
.hst-contain { max-width: 1780px; }
.hst-img { display: flex; align-items: center; background: #f2f2f2; border-radius: 60px; overflow: hidden; margin-bottom: 70px; }
.hst-img .title { width: 50%; padding-left: 160px; color: #333; font-size: 50px; font-weight: 700; line-height: 1.2em; }
.hst-img .title span { font-size: 26px; }
.hst-img .img { width: 50%; }
.hst { position: relative; }
.hst::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 1px; height: 90%; top: 10px; background: #ccc; }
.hst .group { margin-bottom: 70px; padding-right: 40px; position: relative; text-align: right; width: 50%; }
.hst .group::after { content: ""; position: absolute; right: -10px; top: 4px; width: 20px; height: 20px; border-radius: 20px; background: #1dbee8; }
.hst .group:last-child { margin-bottom: 0; }
.hst .group .year { font-size: 36px; font-weight: 700; color: #1dbee8; margin-bottom: 30px; line-height: 1em; }
.hst .group ul li { display: flex; flex-direction: row-reverse; margin-bottom: 4px; }
.hst .group ul li:last-child { margin-bottom: 0; }
.hst .group ul li .month { width: 30px; font-weight: 700; color: #333; }
.hst .group ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.hst .group:nth-of-type(even) { width: 100%; margin-left: 50%; text-align: left; padding-right: 0; padding-left: 40px; }
.hst .group:nth-of-type(even)::after { right: auto; left: -10px; }
.hst .group:nth-of-type(even) ul li { display: flex; flex-direction: row; }

/* 오시는 길 */
.root_daum_roughmap {width:100% !important;}
.directions {margin-top:50px; display: flex; align-items: flex-start;}
.directions .address-info {margin-bottom:30px; width: 50%; }
.directions .address-info .comp {color:#1dbee8; font-weight:700; margin-bottom:18px; line-height: 1em; font-size: 18px; letter-spacing: -.03em;}
.directions .address-info .addr {color:#333; font-size:24px; font-weight:700; line-height:1.33em; letter-spacing:-.03em; }
.directions .contact-info { line-height:1.5em; width: 50%; padding-left: 50px; padding-top: 25px; }
.directions .contact-info dl {display:flex; padding:20px 0; }
.directions .contact-info dt {width:180px; padding-left:30px; color:#333; font-size:1.125em; font-weight:700;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 28px 0 0;}
.directions .contact-info dt path {fill:#1dbee8;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

/* 제품 */
.pd-tab { display: flex; flex-wrap: wrap; gap: 20px; }
.pd-tab.mg { margin-top: 20px; }
.pd-tab li { width: calc(100%/4 - 15px); }
.pd-tab li a { height: 70px; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 16px; line-height: 1.2em; font-size: 20px; font-weight: 700; color: #333; letter-spacing: -.03em; text-align: center;}
.pd-tab li.active a { background: #f4fdff; border-color: #1dbee8; color: #1dbee8; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.16); }
.pd-tab li a:hover { background: #f4fdff; border-color: #1dbee8; color: #1dbee8; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.16); }
#ProductContents { padding: 30px 0;}
.pd-imgtab { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 28px; }
.pd-imgtab li { width: 180px; text-align: center; }
.pd-imgtab li a { display: block;}
.pd-imgtab li .thumb { position: relative; border-radius: 40px; overflow: hidden; }
.pd-imgtab li .thumb img { width: 100%; }
.pd-imgtab li .thumb .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5) url(../images/sub/sub2-1-chk.png) center no-repeat; background-size: 37px; opacity: 0;}
.pd-imgtab li .tit { line-height: 1.5em; margin-top: 20px; }
.pd-imgtab li.active .thumb .bg { opacity: 1; }
.pd-imgtab li.active .tit { font-weight: 700; }
.pd-content { display: none; padding: 60px; border-radius: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; align-items: center; }
.pd-content.active { display: flex; }
.pd-content .thumb { width: 300px; overflow: hidden; border-radius: 60px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);}
.pd-content .thumb>div {position:relative; padding-bottom:100%; overflow:hidden;}
.pd-content .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; 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;}
.pd-content .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 90px; }
.pd-content .info .ctr { display: inline-block; line-height: 1.2em; padding: 15px 20px 12px; font-size: 14px; font-weight: 700; letter-spacing: -.03em; color: #fff; border-radius: 21px 21px 21px 0; background: #83ccea;}
.pd-content .info .tit { font-size: 30px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; color: #333; margin: 25px 0 15px;}
.pd-content .info .tit.white { color: #fff; }
.pd-content .info .tit2 { line-height: 1.5em; letter-spacing: -.03em; color: #0ea5cc; font-weight: 700; }

.pd-content.bg1-1 { background-image: url(../images/sub/sub2-1-bg1-1.jpg);}
.pd-content.bg1-2 { background-image: url(../images/sub/sub2-1-bg1-2.jpg);}
.pd-content.bg1-3 { background-image: url(../images/sub/sub2-1-bg1-3.jpg);}
.pd-content.bg2-1 { background-image: url(../images/sub/sub2-1-bg2-1.jpg);}
.pd-content.bg2-2 { background-image: url(../images/sub/sub2-1-bg2-2.jpg);}
.pd-content.bg2-3 { background-image: url(../images/sub/sub2-1-bg2-3.jpg);}
.pd-content.bg3-1 { background-image: url(../images/sub/sub2-1-bg3-1.jpg);}
.pd-content.bg3-2 { background-image: url(../images/sub/sub2-1-bg3-2.jpg);}
.pd-content.bg4 { background-image: url(../images/sub/sub2-1-bg4.jpg);}
.pd-content.bg5 { background-image: url(../images/sub/sub2-1-bg5.jpg);}
.pd-content.bg6-1 { background-image: url(../images/sub/sub2-1-bg6-1.jpg);}
.pd-content.bg6-2 { background-image: url(../images/sub/sub2-1-bg6-2.jpg);}
.pd-content.bg7-1 { background-image: url(../images/sub/sub2-1-bg7-1.jpg);}
.pd-content.bg7-2 { background-image: url(../images/sub/sub2-1-bg7-2.jpg);}
.pd-content.bg7-3 { background-image: url(../images/sub/sub2-1-bg7-3.jpg);}

.pd-content.bg1-2 .ctr { background: #79c3bf; }
.pd-content.bg1-3 .ctr { background: #85d18f; }
.pd-content.bg2-1 .ctr { background: #fff273; color: #333;}
.pd-content.bg2-2 .ctr { background: #faca63; }
.pd-content.bg2-3 .ctr { background: #a57c5e; }
.pd-content.bg3-1 .ctr { background: #749dc6; }
.pd-content.bg3-2 .ctr { background: #9d88bc; }
.pd-content.bg4 .ctr { background: #5c9f2c; }
.pd-content.bg5 .ctr { background: #e19d70; }
.pd-content.bg6-1 .ctr { background: #83ccea; }
.pd-content.bg6-2 .ctr { background: #fff273; color: #333; }
.pd-content.bg7-1 .ctr { background: #90ce52; }
.pd-content.bg7-2 .ctr { background: #0ea5cc; }
.pd-content.bg7-3 .ctr { background: #a361da; }

.pd-content.bg1-2 .tit2 { color: #21857f; }
.pd-content.bg1-3 .tit2 { color: #199027; }
.pd-content.bg2-1 .tit2 { color: #fff273; }
.pd-content.bg2-2 .tit2 { color: #f5ae17; }
.pd-content.bg2-3 .tit2 { color: #a57c5e; }
.pd-content.bg3-1 .tit2 { color: #749dc6; }
.pd-content.bg3-2 .tit2 { color: #9d88bc; }
.pd-content.bg4 .tit2 { color: #5c9f2c; }
.pd-content.bg5 .tit2 { color: #c57139; }
.pd-content.bg6-1 .tit2 { color: #0ea5cc; }
.pd-content.bg6-2 .tit2 { color: #fff273; }
.pd-content.bg7-1 .tit2 { color: #90ce52; }
.pd-content.bg7-2 .tit2 { color: #0ea5cc; }
.pd-content.bg7-3 .tit2 { color: #a361da; }

/* 파트너사 */
.pt-list { margin-bottom: 100px; }
.pt-list li { display: flex; align-items: center; margin-bottom: 60px; }
.pt-list li:last-child { margin-bottom: 0; }
.pt-list li .img { width: 450px; border: 1px solid #ddd; border-radius: 24px; overflow: hidden; text-align: center;  height: 200px; display: flex; align-items: center; justify-content: center;}
.pt-list li .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 80px; }
.pt-list li .info .tit { font-size: 24px; font-weight: 700; line-height: 1em; letter-spacing: -.03em; color: #333; margin-bottom: 25px; }

/* 생산기술 */
.tn-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 39px; }
.tn-list li { width: calc(100%/3 - 26px); }
.tn-list li .txtbox { padding-left: 20px; padding-bottom: 25px; }
.tn-list li .txtbox .step { line-height: 1em; font-weight: 700; color: #1dbee8; margin-bottom: 15px; text-transform: uppercase;}
.tn-list li .txtbox .tit { font-size: 24px; font-weight: 700; line-height: 1.3em; color: #333; }
.tn-list li img { width: 100%; border-radius: 32px; }

/* 윤리경영 */
.sub3-tit-fx { display: flex; margin-bottom: 35px; }
.sub3-tit { line-height: 1.3em; font-size: 34px; font-weight: 700; color: #333; margin-bottom: 35px; }
.sub3-tit.mg { margin-bottom: 15px; }
.sub3-tit-fx .sub3-tit { width: 160px; margin-bottom: 0; }
.sub3-tit-fx .sub3-tit span { flex: 1 1 auto; min-width: 0; width: 1%; }
.ethic-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 200px; }
.ethic-list li { width: 300px; margin: auto; position: relative; border-radius: 100%; text-align: center; height: 300px; padding-top: 60px;}
.ethic-list li::after { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 20px; }
.ethic-list li.bg1 { background: #c7e1e6;}
.ethic-list li.bg1::after { background: #4ea7b8; left: 60px; top: 15px; }
.ethic-list li.bg2 { background: #c7d7e6;}
.ethic-list li.bg2::after { background: #5589ba; right: 15px; top: 60px; }
.ethic-list li.bg3 { background: #e6d8c7;}
.ethic-list li.bg3::after { background: #bf8c46; left: 60px; bottom: 15px; }
.ethic-list li.bg4 { background: #cbe6c7;}
.ethic-list li.bg4::after { background: #63bc56; right: -6px; top: 110px; }
.ethic-list li .tit { font-size: 20px; font-weight: 700; line-height: 1em; color: #333; letter-spacing: -.025em; margin: 22px 0 14px;}
.ethic-list li .txt { line-height: 1.5em; }
.ethic-mail { display: flex; align-items: center; justify-content: center; padding: 60px 55px 80px; background: url(../images/sub/sub3-1-img.jpg) center no-repeat; background-size: cover; border-radius: 16px; color: #fff; }
.ethic-mail .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 20px; }
.ethic-mail .txtbox p strong { padding-right: 10px; }
.ethic-mail .txtbox p a { text-decoration: underline; text-underline-position: under; }
.ethic-txtbox { padding: 45px 50px; }
.ethic-txtbox p { line-height: 1.9em; }
.ethic-subtit { line-height: 1.9em; font-weight: 700; padding-left: 20px; }

/* 인재상 */
.rc-bg { background: url(../images/sub/sub5-big.jpg) center no-repeat; background-size: cover; border-radius: 60px; padding: 30px 15px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 40px; line-height: 1.2em; font-weight: 700; height: 500px; margin-bottom: 130px; }
.rc-list1 { display: flex; margin: 120px 0 190px; justify-content: center;}
.rc-list1 li { width: calc(100%/3); text-align: center; }
.rc-list1 li .iconbox { display: flex; align-items: flex-end; justify-content: center;}
.rc-list1 li .iconbox .tit { line-height: 1em; font-size: 48px; font-weight: 700; color: #000; padding-bottom: 10px;  position: relative; margin-left: -25px; }
.rc-list1 li .tit2 { font-size: 20px; font-weight: 700; line-height: 1.3em; color: #333; letter-spacing: -.025em; margin: 10px 0;}
.rc-list1 li .txt { line-height: 1.5em; }
.rc-list2 { display: flex; flex-wrap: wrap; gap: 50px;}
.rc-list2 li { width: calc(100%/2 - 25px); display: flex; align-items: flex-start;}
.rc-list2 li .img { width: 37%; border-radius: 24px; overflow: hidden;}
.rc-list2 li .info { width: 63%; padding-top: 25px; padding-left: 30px; }
.rc-list2 li .info .tit { font-size: 20px; line-height: 1.2em; color: #333; letter-spacing: -.025em; margin-bottom: 15px; font-weight: 700; }
.rc-list2 li .info .txt p { position: relative; padding-left: 10px; line-height: 1.5em; }
.rc-list2 li .info .txt p::before { content: ""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 3px; background: #555; }