@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* pgcm */
.pgcm{font-size:17px;font-weight:400;line-height:1.8;color:#777;font-family:var(--k-font)}
.pgcm p, .pgcm span, .pgcm ul li, .pgcm dl dd, .pgcm div{word-break:keep-all}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area{margin-bottom:35px}
.pgcm .tit_area strong{font-size:15px;font-weight:700;color:var(--point);font-family:var(--e-font)}
.pgcm .tit_area p{padding:10px 0 5px;font-size:28px;font-weight:700;line-height:1.4;color:#222}
.pgcm .tit_area p b{font-weight:700;color:var(--primary)}
.pgcm .tit_area p span{line-height:1.5}
.pgcm table{border-collapse:collapse;margin-top:10px;border-top:2px solid var(--primary);text-align:center}
.pgcm table thead th{padding:13px;border-right:1px solid rgba(255, 181, 5, 0.3);font-size:16px;font-weight:700;color:#222;background:rgba(255,181,5,0.1)}
.pgcm table thead th:last-child{border-right:none}
.pgcm table tbody td{padding:13px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.pgcm table tbody .gray{padding:13px;font-size:16px;font-weight:700;color:#222;background:#f7f7f7}
.pgcm table tbody .b_none{border-right:none}
.tit_com .tit_box{margin-bottom:35px;text-align:center}
.tit_com .tit_box b{display:inline-block;font-size:14px;font-weight:700;color:var(--primary);text-transform:uppercase;font-family:var(--e-font)}
.tit_com .tit_box p{padding:15px 0;font-size:28px;font-weight:300;line-height:1.4;color:#222}
.tit_com .tit_box p strong{font-weight:700}

/* conm_part */
.com_part .tit_area{margin-bottom:25px}
.com_part .tit_area p{padding:20px 0 25px;margin-bottom:25px;border-bottom:1px solid #e1e1e1}
.com_part .tit_area ul{padding:30px;border-radius:10px;background:#f7f7f7}
.com_part .tit_area ul li{position:relative;padding-left:17px}
.com_part .tit_area ul li+li{margin-top:15px}
.com_part .tit_area ul li::before{content:"";display:inline-block;position:absolute;top:13px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
.com_part .tit_area ul li span{color:#f86b4f}
.com_part .img_area{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.com_part .img_area div{width:100%}
.com_part .img_area div img{width:100%}
.com_part .list_area ul{padding:30px 25px;margin-top:10px;border-radius:10px;border:1px solid #e1e1e1}
.com_part .list_area ul li{display:flex;align-items:center;gap:15px;padding:20px 10px 0;margin-top:20px;border-top:1px dotted #e1e1e1}
.com_part .list_area ul li:first-child{padding-top:0;margin-top:0;border-top:none}
.com_part .list_area ul li b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--dark)}
.com_part .list_area ul li span{display:block;width:calc(100% - 50px);color:#777}
.com_part .table_area{margin-top:30px}
.com_part .table_area .tb_tit{display:flex;align-items:flex-end;justify-content:space-between;position:relative;padding-left:22px;font-size:22px;font-weight:700;color:#222}
.com_part .table_area .tb_tit::before{content:"";display:inline-block;position:absolute;top:16px;left:0;width:5px;height:5px;border-radius:100%;background:var(--primary)}
.com_part .table_area .tb_tit span{display:inline-block;font-weight:500;font-size:16px;text-align:right;color:#777}
/* p33 */
#p33 .tit_box{margin-bottom:25px;text-align:left}
#p33 .tit_box p{padding-bottom:2px}
#p33 .txt_area{position:relative;margin:-100px 100px 0 0;padding:50px 70px 0 30px;background:#fff}
#p33 .txt_area p{padding-bottom:10px;font-size:22px;font-weight:700;color:#222}
#p33 .txt_area p b{font-weight:700;color:var(--primary)}
#p33 .txt_area strong{display:block;padding-top:10px;font-size:16px;font-weight:700;color:#222;text-align:right}

/* p34 */
#p34 .list ul{display:grid;grid-template-columns:repeat(2,1fr);row-gap:120px}
#p34 .list > p{padding:70px 0 60px 100px;font-size:27px;font-weight:700;line-height:1.4;color:#222}
#p34 .list ul li{display:flex;align-items:flex-start;position:relative}
#p34 .list ul li b{font-size:125px;font-weight:900;line-height:1;color:#f7f7f7}
#p34 .list ul li div{position:relative;left:-10%;top:43%;width:100%}
#p34 .list ul li div p{font-size:20px;font-weight:700;color:var(--primary)}
#p34 .list ul li div span{font-size:16px;line-height:1.5}
#p34 .vision{margin-top:100px;padding:80px 70px;background:#f7f7f7}
#p34 .vision .icon_box{display:flex;align-items:flex-start;justify-content:center;gap:20px}
#p34 .vision .icon_box li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:370px;padding-inline-start:30px;border-radius:15px;background:#fff}
#p34 .vision .icon_box b{font-size:15px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#p34 .vision .icon_box p{text-align:center}
#p34 .vision .icon_box img{display:block;padding:20px 0}
#p34 .vision .step_box{margin-top:20px}
#p34 .vision .step_box li{display:flex;align-items:center;gap:25px;padding:20px;border-radius:10px;background:#fff}
#p34 .vision .step_box li+li{margin-top:20px}
#p34 .vision .step_box li b{display:inline-block;padding:8px 25px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--dark)}

/* p35 */
#p35 .img_area{position:relative}
#p35 .img_area img{width:100%}
#p35 .img_area div{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:-31px;transform:translateX(-50%) rotate(45deg);;width:70px;height:70px;border-radius:100% 100% 0;background:var(--primary)}
#p35 .img_area div i{transform:rotate(-45deg);font-size:27px;color:#fff}
#p35 .his_box{position:relative;margin-top:55px}
#p35 .his_box:before{position:absolute;left:calc(100%/2 - 1px);top:25px;content:'';width:1px;height:100%;background-color:#e1e1e1}
#p35 .his_box:after{position:absolute;left:calc(100%/2 - 1px);bottom:-25px;transform:translateX(-50%);content:'';width:7px;height:7px;border-radius:100%;background-color:#111}
#p35 .his_box dl{display:flex;flex-direction:column;width:50%;margin-left:auto}
#p35 .his_box dl dt{position:relative;margin-bottom:10px;padding-left:50px;font-size:33px;font-weight:700;letter-spacing:0;color:#111;font-family:var(--e-font)}
#p35 .his_box dl dt:before{position:absolute;left:-3.5px;top:50%;transform:translateY(-50%);content:'';width:7px;height:7px;border:2px solid #111;border-radius:100px}
#p35 .his_box dl:first-child dt:before{left:-4.5px;width:9px;height:9px;border:none;background-color:#111}
#p35 .his_box dl dd{padding-left:50px;font-size:17px}
#p35 .his_box dl dd div+div{margin-top:20px}
#p35 .his_box dl dd div b{font-weight:600;color:#222;font-family:var(--e-font)}
#p35 .his_box dl:nth-child(2n){margin:0 auto 0 0;text-align:right}
#p35 .his_box dl:nth-child(2n) dt{padding:0 50px 0 0}
#p35 .his_box dl:nth-child(2n) dt:before{left:auto;right:-3.5px}
#p35 .his_box dl:nth-child(2n) dd{padding:0 50px 0 0}
#p35 .his_box dl:nth-child(2n-1) dd div{display:block;position:relative;padding-left:15px}
#p35 .his_box dl:nth-child(2n-1) dd div::before{content:"";display:inline-block;position:absolute;top:13px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p35 .his_box dl:nth-child(2n) dd div{display:block;position:relative;padding-left:0;padding-right:15px}
#p35 .his_box dl:nth-child(2n) dd div::before{content:"";display:inline-block;position:absolute;top:13px;right:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}

/* p38 */
#p38 .list_area ul li:nth-child(3){align-items:flex-start}

/* p42 */
#p42 table{font-size:15px}
#p42 table tbody td{padding:10px}
#p42 table thead th{font-size:15px}
#p42 table .gray{font-size:15px;line-height:1.5}
#p42 .img_area{display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1}
#p42 .img_area img{width:100%}
#p42 .tit_box{margin-bottom:15px}
#p42 .bt_tit{margin-top:50px}
/* p49 */
#p49 .top{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:50px;padding:45px;border-radius:10px;background:#f7f7f7}
#p49 .sub_tit{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#p49 .sub_tit b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:3px;font-size:13px;font-weight:700;color:#fff;background:var(--point);font-family:var(--e-font)}
#p49 .sub_tit p{font-size:20px;font-weight:700;line-height:1.5;color:#222}
#p49 .top .right ul{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;top:50%;;z-index:1}
#p49 .top .right ul::before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;z-index:-1;border-radius:100%;border:2px dotted var(--point);background:#e7e6e5}
#p49 .top .right ul .side{width:115px;height:115px;border-radius:100%;font-size:16px;font-weight:700;line-height:115px;color:#fff;text-align:center;background:var(--dark)}
#p49 .top .right ul .mid{position:relative;width:150px;height:150px;border-radius:100%;font-size:20px;font-weight:700;line-height:150px;color:#fff;text-align:center;background:var(--point);font-family:var(--e-font)}
#p49 .top .right ul .mid::before{content:"재고확인, 가공요청, 출하요청";position:absolute;top:-46px;left:50%;transform:translateX(-50%);width:190px;font-size:15px;font-weight:600;line-height:19px;color:var(--point);font-family:var(--k-font)}
#p49 .top .right ul .mid::after{content:"가공접수, 생산현황, 출하접수, 출하/송품현황";position:absolute;bottom:-62px;left:50%;transform:translateX(-50%);width:190px;font-size:15px;font-weight:600;line-height:19px;color:var(--point);font-family:var(--k-font)}
#p49 .top .right ul .side::before{content:"";display:block;position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid var(--point)}
#p49 .top .right ul .s_left::before{top:-63%;left:34%;transform:rotate(63deg)}
#p49 .top .right ul .s_right::before{bottom:-61%;right:34%}
#p49 .top .left{width:60%}
#p49 .top .left .sub_tit{flex-direction:column;align-items:flex-start;margin-bottom:5px}
#p49 .top .left .sub_tit p{padding-bottom:10px}
#p49 .top .left .sub_tit b{margin-bottom:10px}
#p49 .top .left span{display:block;font-size:17px;line-height:1.6}
#p49 .top .left ul{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px}
#p49 .top .left ul li{width:100%}
#p49 .top .left ul li img{width:100%;border-radius:10px}
#p49 .step ul{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:20px}
#p49 .step ul li{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:15px;border-radius:5px;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:var(--dark)}
#p49 .step+.step{margin-top:50px}
#p49 .step ul li::before{content:"";display:block;position:absolute;transform:rotate(90deg);right:-14%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--point)}
#p49 .step ul li:last-child::before{display:none}
#p49 .step02{padding-top:50px;border-top:1px solid #e1e1e1}