@charset "utf-8";

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

.pagecommon{font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .top_box p{margin-bottom:38px;font-size:15px;font-weight:700;color:#888;font-family:var(--e-font)}
.pagecommon .top_box b{display:block;font-size:30px;line-height:40px;color:#111}
.pagecommon .top_box b span{color:var(--primary)}
.pagecommon .ct_top{text-align:center}
.pagecommon .ct_top p{margin-bottom:15px}
.pagecommon .img_box{width:100%;height:260px;margin-top:44px;background:no-repeat center;background-size:cover}
.pagecommon  .tit{position:relative;padding:10px 20px 10px 39px;border-radius:5px;font-size:18px;font-weight:700;color:#111;background-color:#f5f5f5}
.pagecommon  .tit:before{position:absolute;left:20px;top:21px;content:'';width:4px;height:4px;border-radius:100px;background:var(--primary)}

/* CEO인사말 */
#p33 .img_box{background-image:url('/sh_page/img/p33_img.jpg')}
#p33 .gr_cont{padding:54px 50px 0}
#p33 .gr_cont>b{display:block;margin-bottom:30px;font-size:20px;line-height:30px;color:#111}
#p33 .gr_cont .txt span{font-weight:600;text-decoration:underline;color:#333}
#p33 .gr_cont .sign{display:flex;justify-content:right;align-items:flex-end;gap:15px;font-weight:500;color:#333}
#p33 .gr_cont .sign span{font-size:25px;font-weight:normal;font-family: 'KimjungchulScript-Regular'}
#p33 .gr_cont .sign img{border:1px solid #e1e1e1}

/* 회사개요 */
#p34 .img_box{background-image:url('/sh_page/img/p34_img.jpg')}
#p34 .table_box{width:calc(100% - 100px);margin:-50px auto 0;padding:50px;background-color:#fff}
#p34 .table_box table{width:100%;border-spacing:0}
#p34 .table_box table tr th{width:25%;border-bottom:1px solid rgba(255,255,255,.2);font-weight:600;color:#fff;background-color:#333}
#p34 .table_box table tr td{padding:12px 20px;border-bottom:1px solid #e1e1e1}
#p34 .table_box table tr:nth-child(1) td{border-top:1px solid #e1e1e1}

/* 회사연혁 */
#p35 .top_box{margin-bottom:70px;padding-bottom:70px;border-bottom:1px solid #e1e1e1}
#p35 .his_cont{display:grid;grid-template-columns:repeat(4,1fr);width:100%}
#p35 .his_cont dl{position:relative;padding:30px 30px 50px 0;border-top:1px solid var(--primary)}
#p35 .his_cont dl:before{position:absolute;left:0;top:-4px;content:'';width:7px;height:7px;border:2px solid var(--primary);border-radius:100px;background:#fff}
#p35 .his_cont dl:after{position:absolute;left:3px;top:0;content:'';z-index:-1;width:1px;height:52px;background:#e1e1e1}
#p35 .his_cont dl dt{flex-shrink:0;position:relative;width:115px;padding-left:20px;font-size:25px;font-weight:700;color:#111;font-family:var(--e-font)}
#p35 .his_cont dl dt:before{position:absolute;left:-1px;top:14px;content:'';width:9px;height:9px;border-radius:100px;border:2px solid #fff;background:var(--primary)}
#p35 .his_cont dl dd{padding:4px 0 0 20px}
#p35 .his_cont dl dd ul li{display:flex}
#p35 .his_cont dl dd ul li span{flex-shrink:0;width:30px;padding-top:2px;font-weight:700;color:var(--primary);font-family:var(--e-font)}

/* 인증현황 */
#p36 .cert_box{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px}
#p36 .cert_box ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:25px}
#p36 .cert_box ul li{text-align:center;font-weight:600;color:#111}
#p36 .cert_box ul li img{width:100%;margin-bottom:15px;border:1px solid #e1e1e1}
#p36 .table_box{margin-top:60px}
#p36 .table_box table{width:100%;border-spacing:0}
#p36 .table_box table tr th{padding:10px 20px;border-right:1px solid rgba(255,255,255,.2);font-weight:600;color:#fff;background-color:#333;}
#p36 .table_box table tr th:last-child{border-right:none}
#p36 .table_box table tr td{padding:10px 20px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#p36 .table_box table tr td:last-child{border-right:none}
#p36 .table_box table tr td.f_td{width:20%;text-align:center;font-weight:600;color:#333;background-color:#f5f5f5}

/* 조직도 */
#p44 .top_box{margin-bottom:40px}

/* 제품소개 공통 */
.prod_page .prod_tab{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}
.prod_page .prod_tab li a{display:block;padding:10px 0;border:1px solid #e1e1e1;border-left:none;text-align:center;font-weight:600;color:#666;transition:all .2s}
.prod_page .prod_tab li:first-child a{border-left:1px solid #e1e1e1}
.prod_page .prod_tab li a span{display:block;font-size:14px;font-weight:500;color:#888;transition:all .2s}
.prod_page .prod_tab li:hover a, .prod_tab li:hover a span{color:var(--primary)}
.prod_page .prod_tab li.on a{border-color:var(--primary);color:#fff !important;background-color:var(--primary)}
.prod_page .prod_tab li.on a span{color:rgba(255,255,255,.7) !important}
.prod_page .prod_img{margin-top:40px;padding:30px;text-align:center;background-color:#f5f5f5}
.prod_page .prod_img img{max-width:100%}
.prod_page .prod_cont>div{display:flex;align-items:flex-start;padding:50px 30px}
.prod_page .prod_cont>div+div{border-top:1px dashed #e1e1e1}
.prod_page .prod_cont>div .cont_tit{flex-shrink:0;position:relative;width:160px;padding-left:20px;font-size:23px;font-weight:700;color:#111}
.prod_page .prod_cont>div .cont_tit:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:5px;height:5px;border-radius:100px;background:var(--primary2)}
.prod_page .prod_cont>div .txt{padding-top:4px}

/* 매출현황 */
#p43 .tit{margin-bottom:25px}
#p43 .chart_wrap{margin-top:50px}
#p43 .chart_wrap ul{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#p43 .chart_wrap ul li span{display:block;text-align:right;font-size:14px}
#p43 #chart_sales{width:100% !important}
#p43 #chart_ratio{width:430px !important;height:430px !important;margin:0 auto}