@charset "utf-8";

/* 공통 */
.c2 {color:#009bda;}

#sub .gray-bg {position: relative;}
#sub .gray-bg:before {content:""; position:absolute; left:-999em; right:-999em; top:0; bottom:0; background:#f5f5f5; z-index:-1;}

.doc-tit {margin-bottom:30px; position:relative; padding-left:31px; font-size:18px; font-weight:400; letter-spacing:0; line-height:1.4em; color:#222;}
.doc-tit .num {position:absolute; left:0; top:1px; display:flex; justify-content:center; align-items:center; font-weight:700; color:#fff; background:#c73d4c; border-radius:3px; width:22px; height:22px;}

.doc-tit2 {margin-bottom:20px; font-size:22px; font-weight:600; letter-spacing:0; line-height:1.3em; color:#000;}

.dot-txt {font-size:20px; font-weight:600; letter-spacing:0; line-height:1.4em; color:#222;}
.dot-txt:before {content:"·"; font-size:28px; font-weight:600; letter-spacing:0; color:#c13540; margin-right:7px;}

.gray-box-list ul {display:flex; margin:-15px;} .gray-box-list ul li {width:33.333%; padding:15px;} .gray-box {padding:33px 32px; background:#f5f5f5; border-radius:30px;} .gray-box .tit {margin-bottom:5px; color:#222; font-size:20px; font-weight:600; letter-spacing:0; line-height:1.4em;} .gray-box .tit.c1 {color:#c73d4c;} .gray-box .txt {min-height:3.5em; color:#222; font-weight:400; letter-spacing:0;}

.dot-list ul li {margin-bottom:11px; color:#454545; letter-spacing:0; line-height:1.4em; padding-left:11px; position:relative;}
.dot-list ul li:before {content:"·"; position:absolute; top:0; left:0; font-size:28px; font-weight:600; letter-spacing:0; color:#c13540;}
.dot-list ul li:last-child {margin-bottom:0;}

.check-txt {font-size:16px; padding-left:35px; text-indent:-35px; margin-bottom:10px; position:relative; font-weight:400; letter-spacing:0; line-height:1.4em; color:#222;}
.check-txt:last-child {margin-bottom:0;}
.check-txt.space {padding-top:20px;}
.check-txt:before {content:"✓"; color:#c13540; font-size:20px; font-weight:600; letter-spacing:0; margin-right:20px;}
.check-txt .arr-txt {margin:0 10px 0 17px; display:inline-block; color:#c13540; vertical-align:top;}
.check-txt .arr-txt img {margin-bottom:6px; display:block;}
.check-txt.type2 {font-weight:500;}
.check-txt.type2:before {margin-right:10px;}

.table02 table {text-align:center; width:100%; border-collapse:collapse; border-spacing:0;}
.table02 table th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 5px; color:#fff; font-weight:500; letter-spacing:0; line-height:1.4em; background:#c73d4c;}
.table02 table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 5px; color:#222; letter-spacing:0; line-height:1.4em;}
.table02 table th:last-child,
.table02 table td:last-child {border-right:0;}

/* ceo인사말 */
.greeting .img {max-width: 1920px; margin:0 auto; text-align: right;}
.greeting .cnt {margin-top: 33px;}
.greeting .cnt p {margin-bottom:32px; color:#121212; font-size:18px; font-weight:400; letter-spacing:0; line-height:1.833em;}
.greeting .font {font-size:21px; font-family: 'Arita-buri-SemiBold', sans-serif;}
.greeting p.sign {margin-bottom:0; text-align:right; font-size:15px; color:#454545;}
.greeting p.sign img {margin-top:19px;}

/* 회사개요 */
.table01 {margin:20px 0 40px;}
.table01 table {border-top:2px solid #c13540; width:100%; border-collapse:collapse; border-spacing:0;}
.table01 table tbody th {padding:24px 10px; border-bottom:1px solid #ddd; color:#222; font-size:18px; font-weight:600; letter-spacing:0; line-height:1.4em;}
.table01 table tbody td {padding:24px 48px; border-bottom:1px solid #ddd; color:#454545; font-size:16px; font-weight:400; letter-spacing:0; line-height:1.4em;}
.table01 .info dl {margin-bottom:18px; display:flex;}
.table01 .info dl:last-child {margin-bottom:0;}
.table01 .info dl dt {width:94px; font-weight:600; display:flex; justify-content:space-between;}
.table01 .info dl dd {flex:1 1 auto; min-width:0; width:1%;}

/* 연혁 */
.history-img img {border-radius:20px; margin-bottom:49px;}
.history {display:flex;}
.history .head {width:600px;}
.history .head .tt {color:#000; font-size:24px; font-weight:700; letter-spacing:0; line-height:1.2em;}
.history .head h2 {margin-bottom:7px; color:#000; font-size:76px; font-weight:700; letter-spacing:0; line-height:1.1em;}
.history .head .txt {font-size:18px; font-weight:500; letter-spacing:0; color:#888; line-height:1.778em;}
.history .wrap {flex:1 1 auto; min-width:0; width:1%;}
.history .group {display:flex; position:relative; padding:0 0 70px 53px;}
.history .group:last-child {border-left:0; padding-bottom:0;}
.history .group:after {content:""; position:absolute; left:0; top:10px; margin-left:-0.5px; width:1px; height:100%; background:#ddd;}
.history .group:last-child:after {display:none;}
.history .group .year {width:105px; color:#222; font-size:24px; font-weight:700; letter-spacing:0; line-height:1.3em;}
.history .group .year:before {content:""; position:absolute; left:0; top:10px; z-index:1; margin-left:-5px; width:10px; height:10px; border-radius:100%; background:#888;}
.history .group .year.red:before {background:#c13540;}
.history .group .year.red:after {content:""; border-radius:100%; position:absolute; margin-left:-12px; left:0; top:3px; z-index:2; width:25px; height:25px; background:rgba(193,53,64,.2);} 
.history .group .list {flex:1 1 auto; min-width:0; width:1%;}
.history .group .list li {margin-bottom:25px; font-size:18px; letter-spacing:0; line-height:1.4em; color:#454545; display:flex;}
.history .group .list li:last-child {margin-bottom:0;}
.history .group .list li .mon {width:41px; display:inline-block; font-size:18px; font-weight:600; letter-spacing:0; line-height:1.4em; color:#222;}

/* 조직도 */
.org {text-align:center; margin-bottom:-30px;}

/* 회사현황 */
.current .sec {padding:100px 0;}
.current .sec1 .list ul {display:flex; margin:0 -17px;}
.current .sec1 .list li {width:25%; padding:0 17px;}
.current .sec1 .list .box {padding:0 37px; text-align:center; background:#fff;}
.current .sec1 .list .tit {padding:30px 0 16px; border-bottom:1px solid #ddd; font-size:20px; font-weight:600; letter-spacing:0; line-height:1.4em; color:#222;}
.current .sec1 .list .cnt {min-height:150px; display:flex; align-items:center; justify-content:center;}
.current .sec1 .list .cnt ul {display:block;}
.current .sec1 .list .cnt ul li {margin-bottom:6px; width:100%; font-size:17px; font-weight:400; letter-spacing:0; line-height:1.4em;color:#454545;}
.current .sec1 .list .cnt ul li:last-child {margin-bottom:0;}
.current .sec1 .list .cnt ul li strong {font-weight:600;}

.current .sec2 h2 {text-align:center; color:#222; font-size:36px; font-weight:600; letter-spacing:0; line-height:1.3em;}
.current .sec2 .table01 {margin:47px 0 0;}

/* 오시는길 */
.map-img img {border-radius:30px;}
.directions {margin-top:40px;}
.directions .address-info {padding-left:18px; margin-bottom:35px; display:flex;}
.directions .address-info .comp {margin-right:48px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:2px solid #c0333d; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:600;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#e09a9f;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

/* 사업소개 */
.business .sec {margin-bottom:123px;}
.business .sec:last-child {margin-bottom:0;}

/* 케이푸드 */
.business1 {padding:120px 0 145px; position:relative;}
.business1:before {content:""; position:absolute; left:50%; top:0; height:100%; width:100%; background:#f9eaec; z-index:-1;}
.business1 .group {display:flex; align-items:center;}
.business1 .group .img {border-radius:30px; overflow:hidden; margin:0 -80px 0 83px; width:740px;}
.business1 .group .cnt {flex:1 1 auto; min-width:0; width:1%;}
.business1 .group .cnt .logo {margin-bottom:13px;}
.business1 .group .cnt p {font-size:18px; font-weight:400; letter-spacing:0; line-height:1.833em; color:#121212;}
.business1 .group .cnt p strong {font-weight:600;}

/* 케이푸드특장점 */
.business2 {padding-bottom:90px;}
.process {margin-top:64px;}
.process .wrap {margin-bottom:90px; position:relative; border:1px solid #ddd; display:flex; padding:22px 27px 37px;}
.process .wrap:after {content:""; position:absolute; left:50%; bottom:-62px; margin-left:-28px; width:57px; height:72px; background:url("../images/sub/down_arr.png") no-repeat 50% 50% / contain;}
.process .wrap .col {margin-right:65px; width:50%;}
.process .wrap .col:last-child {margin-right:0;}
.process .wrap .col p {margin:9px 0 27px; padding-left:14px; font-weight:400; letter-spacing:0; line-height:1.4em; color:#222;}
.process .t1 {margin-bottom:13px; text-align:center; color:#888; font-size:22px; font-weight:500; letter-spacing:0; line-height:1.4em;}
.process .t2 {text-align:center; color:#222; font-size:26px; font-weight:600; letter-spacing:0; line-height:1.6em;}

.business3 {padding-bottom:60px;}
.business3 .sec {margin-bottom:96px;}
.business3 .sec1 .gray-box-list ul li:nth-child(2) .gray-box {padding-right:10px;}
.business3 .sec3 .content {margin-bottom:84px; position:relative; padding:0 70px;}
.business3 .rowflex {display:flex; flex-wrap:wrap;}
.business3 .rowflex .col {width:50%; padding:52px 0 57px;}
.business3 .rowflex .col:nth-child(odd) {padding-right:197px;}
.business3 .rowflex .col:nth-child(even) {padding-left:197px;}
.business3 .rowflex .col:nth-child(2) .dot-list ul li:before,
.business3 .rowflex .col:nth-child(3) .dot-list ul li:before {color:#66b5d8;}
.business3 .center-img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.business3 .group {margin-bottom:60px;}
.business3 .group:last-child {margin-bottom:0;}
.business3 .group .dot-txt {margin-bottom:18px;}

/* 생산CAPA 및 수출실적 */
.business4 .doc-tit {font-weight:600;}
.business4 .group {margin-bottom:46px;}
.business4 .group3 {margin-bottom:0;}
.business4 .sec1 .group1 .check-txt span {font-weight:400;}
.business4 .check-txt {margin-bottom:19px;}
.business4 .graph {margin-bottom:32px;}

/* 생산현황 */
.production .doc-tit {font-size:20px; font-weight:600; margin-bottom:7px;}
.production .doc-tit .num {top:3px;}

/* 생산시설 */
.production1 {padding-bottom:80px;}
.production1 .sec {padding:43px 0; border-bottom:1px dashed #ddd;}
.production1 .sec:first-child {padding-top:10px;}
.production1 .sec:last-child {padding-bottom:0; border-bottom:0;} 
.production1 .sec1 .cnt {margin-bottom:19px;}
.production1 .sec1 .cnt:last-child {margin-bottom:0;}
.production1 .sec1 .check-txt {margin-left:10px;}
.production1 .sec3 .cnt {margin-bottom:34px;}
.production1 .sec3 .cnt:last-child {margin-bottom:0;}
.production1 .sec3 .cnt .dot-txt {margin-bottom:18px;}

/* 생산과정 */
.pro-order {margin:0 -47px 0 -45px;}
.pro-order ol {margin:-30px -10px; display:flex; flex-wrap:wrap; justify-content:center;}
.pro-order ol li {position:relative; padding:30px 10px; width:20%; text-align:center;}
.pro-order ol li:after {content:""; position:absolute; right:0; top:50%; width:37px; height:29px; margin-right:-18px;background:url("../images/sub/next_arr.png") no-repeat 50% 50% / contain; top:32%;}
.pro-order ol li:nth-child(5):after {display:none;}
.pro-order ol li:last-child:after {display:none;}
.pro-order ol li .img img {border-radius:100%;}
.pro-order ol li .tit {margin:14px 0 4px;color:#000; font-size:18px; font-weight:600; letter-spacing:0; line-height:1.3em;}
.pro-order ol li .txt {font-weight:400; letter-spacing:0; color:#454545; line-height:1.375em;}

.production2 .sec {padding:46px 0;}
.production2 .sec:first-child {padding-top:117px;}
.production2 .sec:last-child {padding-bottom:100px;}
.production2 .doc-tit {margin-bottom:48px;}

/* 제품소개 */
.products .pro-image {text-align:center; margin-bottom:24px;}
.products .pro-image img {border-radius:30px;}
.products .pro-info .tit {padding-left:28px; padding-bottom:18px; margin-bottom:19px; border-bottom:1px dashed #ddd; color:#000; font-size:20px; font-weight:600; letter-spacing:0; line-height:1.4em;}
.check-list {padding-left:40px;}
.check-list dl {margin-bottom:11px; display:flex;}
.check-list dl:last-child {margin-bottom:0;}
.check-list dl dt {width:144px; color:#222; letter-spacing:0; line-height:1.4em; font-weight:500;}
.check-list dl dt:before {margin-right:12px; content:"✓"; font-size:20px; font-weight:600; line-height:1em;  color:#c13540;}
.check-list dl dd {flex:1 1 auto; min-width:0; width:1%; color:#222; letter-spacing:0; line-height:1.4em;}

.products5 .pro-info {display:flex; margin:0 -20px;}
.products5 .pro-info .cnt {width:50%; padding:0 20px;}