@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;font-size:16px;text-align:center;color:#666;font-family:var(--k-font)}

.commonpage{font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.commonpage *{word-break:keep-all}
.commonpage .pl{white-space:pre-line}
.commonpage .eng_tit{font-size:18px;font-weight:600;color:var(--primary);font-family:var(--e-font)}
.commonpage .box_tit{margin:0 0 70px !important;padding-left:15px;border-bottom:none !important;border-left:3px solid var(--primary);line-height:1}
.commonpage .cont_tit{width:max-content;margin-bottom:20px;padding:0 15px;font-weight:600;line-height:35px;color:#fff;background-color:var(--primary)}

/* About us */
#p33{text-align:center}
#p33 .eng_tit{width:max-content;margin:0 auto;border-bottom:3px solid var(--primary)}
#p33 .big_txt{margin:27px 0 10px;font-size:33px;line-height:1.3;font-weight:700;color:#111}
#p33 .s_txt{font-weight:500}
#p33 .s_txt b{font-weight:600;color:#111}
#p33 .hlabs_box{display:flex;justify-content:center;align-items:center;gap:20px;margin:46px 0 44px;padding:50px 0;background:url('/sh_page/img/p33_bg.jpg') no-repeat center / cover}
#p33 .hlabs_box .f_circle{display:flex;align-items:center;justify-content:center;width:200px;height:200px;border-radius:100%;background-color:rgba(255,255,255,.2)}
#p33 .hlabs_box .dots{display:flex;align-items:center;justify-content:center;gap:5px}
#p33 .hlabs_box .dots span{display:block;width:4px;height:4px;border-radius:100%;background-color:rgba(255,255,255,.3)}
#p33 .hlabs_box ul{display:flex}
#p33 .hlabs_box ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:200px;height:200px;border-radius:100%;border:1px solid rgba(255,255,255,.3);font-weight:600;color:#fff;font-family:var(--e-font)}
#p33 .hlabs_box ul li+li{margin-left:-10px}
#p33 .hlabs_box ul li:nth-child(2){border:3px dotted rgba(255,255,255,.3)}
#p33 .his_cont{margin-top:116px;text-align:left}
#p33 .his_list{display:grid;grid-template-columns:repeat(4,1fr);row-gap:70px}
#p33 .his_list dl{position:relative;padding-left:20px;border-top:1px solid #e1e1e1}
#p33 .his_list dl:before{position:absolute;left:20px;top:-7px;content:'';z-index:1;width:13px;height:13px;border:4px solid #dbe4ea;border-radius:100px;background:var(--primary)}
#p33 .his_list dl dt{position:relative;margin-bottom:8px;padding-top:54px;font-size:25px;font-weight:700;color:#111;font-family:var(--e-font)}
#p33 .his_list dl dt:before{position:absolute;left:6px;top:0;content:'';width:1px;height:35px;background:#e1e1e1}
#p33 .his_list dl dt:after{position:absolute;left:4px;top:30px;content:'';width:5px;height:5px;border-radius:100%;background:#888}
#p33 .his_list dl dd p{display:flex;gap:5px;position:relative}
#p33 .his_list dl dd p+p{margin-top:10px}
#p33 .his_list dl dd p:before{content:'-'}
#p33 .global_cont{margin-top:116px}
#p33 .global_cont>img{max-width:100%}

/* Pipeline */
#p43 .top_box .eng_tit{width:max-content;margin:0 auto;border-bottom:3px solid var(--primary)}
#p43 .pipe_top{margin-bottom:80px;text-align:center}
#p43 .logo_list{display:flex;align-items:center;margin:45px 0 55px;padding:30px;border-radius:500px;background-color:#f5f5f5}
#p43 .logo_list>p{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:180px;height:180px;border-radius:100%;background-color:#333}
#p43 .logo_list ul{display:flex;align-items:center;justify-content:center;gap:60px;width:100%}
#p43 .logo_list ul li{position:relative}
#p43 .logo_list ul li:before{position:absolute;right:-34px;top:50%;transform:translateY(-50%);content:'';width:4px;height:4px;border-radius:100%;background:#888}
#p43 .logo_list ul li:last-child:before{display:none}
#p43 .table_txt{margin-bottom:5px;font-size:14px;text-align:right;color:#888}
#p43 .table_box table{width:100%;border-top:1px solid #e1e1e1;border-spacing:0;font-size:15px;text-align:center}
#p43 .table_box table tr th{padding:8px 0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;font-weight:600;color:#333;background-color:#f5f5f5}
#p43 .table_box table tr th:last-child{border-right:none}
#p43 .table_box table tr td{padding:8px 0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;font-weight:500;color:#333}
#p43 .table_box table tr td:last-child{border-right:none}
#p43 .table_box table tr td.bar{position:relative}
#p43 .table_box table tr td.bar:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';height:25px;border-radius:0 50px 50px 0;background-color:var(--primary)}
#p43 .table_box table tr td.bar.per_80:before{width:80%}
#p43 .table_box table tr td.bar.per_70:before{width:70%;background-color:#7697af}
#p43 .table_box table tr td.bar.per_65:before{width:65%;background-color:#a4c0d3}
#p43 .table_box table tr td.bar.per_35:before{width:35%;background-color:#c2d8e7}
#p43 .table_box table tr td.bar.per_30:before{width:25%;background-color:#7697af}
#p43 .pipe_table+.pipe_table{margin-top:70px}

/* Himalca™ */
.product_page .top_cont{display:flex;gap:50px}
.product_page .top_cont .l_logo{width:410px}
.product_page .top_cont .l_logo p{font-size:35px;line-height:1.3;font-weight:700;text-align:center;color:#111}
.product_page .top_cont .l_logo p span{display:block;font-size:14px;color:#888}
.product_page .top_cont .l_logo img{width:100%}
.product_page .top_cont .r_box{display:flex;flex-flow:column;padding:23px 0 26px}
.product_page .top_cont .r_box b{margin-top:auto;font-size:35px;color:#111}
.product_page .top_cont .r_box b span{display:block;margin-top:15px;font-size:16px;font-weight:400;color:#666}
.product_page .flex_box{display:flex;gap:30px}
.product_page .flex_box+.flex_box{margin-top:30px}
.product_page .flex_box>div{width:100%}
.product_page .cont_box{margin-top:50px}
.product_page .dot_list{padding:15px 20px;background-color:#f5f5f5}
.product_page .dot_list li{position:relative;padding:9px 0 9px 18px}
.product_page .dot_list li+li{border-top:1px dashed #e1e1e1}
.product_page .dot_list li:before{position:absolute;left:0;top:19px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
.product_page table{width:100%;border-top:3px solid #e1e1e1;border-spacing:0;text-align:center}
.product_page table th{padding:8px 0;border-bottom:1px solid #e1e1e1;font-weight:600;color:#333;background-color:#f5f5f5}
.product_page table th:first-child{border-right:1px solid #e1e1e1}
.product_page table td{padding:8px 0;border-bottom:1px solid #e1e1e1}
.product_page table td:first-child{border-right:1px solid #e1e1e1;font-weight:600;color:#333}
.product_page .flex_box .r_img{padding:30px 0;border:1px solid #e1e1e1;text-align:center}
.product_page .flex_box .r_img img{max-width:100%}
.product_page .num_tit{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid #e1e1e1;font-weight:600;color:#333}
.product_page .num_tit span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;font-size:14px;font-weight:600;color:#fff;background-color:#333;font-family:var(--e-font)}
.product_page .sub_cont{margin-top:40px}
.product_page .sub_cont+.sub_cont{margin-top:50px}
.product_page .sub_cont .sub_txt{padding:30px 40px 0}
.product_page .sub_cont .sub_txt li{display:flex;gap:15px}
.product_page .sub_cont .sub_txt li+li{margin-top:10px}
.product_page .sub_cont .sub_txt li span{display:block;flex-shrink:0;width:75px;font-weight:600;color:#333}
.product_page .graph_box{display:flex;flex-wrap:wrap;text-align:center;row-gap:30px;margin-top:40px;padding:40px 0;background-color:#f5f5f5}
.product_page .graph_box>div{display:flex;flex-flow:column;align-items:center;width:50%}
.product_page .graph_box.w_100>div{width:100%}
.product_page .graph_box>div p{margin-bottom:25px;font-size:15px;font-weight:500;color:#333}
.product_page .graph_box>div img{max-width:100%;margin-top:auto}
.product_page .graph_box>p{width:100%;margin-top:40px}
.product_page .graph_box .color_txt{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;margin-bottom:40px}
.product_page .graph_box .color_txt li{display:flex;align-items:center;gap:15px;font-size:14px}
.product_page .graph_box .color_txt li span{display:block;width:10px;height:10px}
.product_page .graph_box .color_txt li:nth-child(1) span{background-color:#ddd}
.product_page .graph_box .color_txt li:nth-child(2) span{background-color:#aaa}
.product_page .graph_box .color_txt li:nth-child(3) span{background-color:#79a5c4}
.product_page .graph_box .color_txt li:nth-child(4) span{background-color:var(--primary)}
.product_page .patents_cont{display:flex;gap:40px}
.product_page .patents_cont+.patents_cont{margin-top:40px;}
.product_page .patents_cont table tr th:nth-child(2){width:30%}
.product_page .patents_cont table tr td{padding:8px 15px}
.product_page .patents_cont ul{display:flex;gap:30px;flex-shrink:0;width:max-content}
.product_page .patents_cont ul li{text-align:center;font-size:15px;font-weight:500}
.product_page .patents_cont ul li span{display:flex;align-items:center;justify-content:center;width:145px;height:200px;margin-bottom:7px;background-color:#f5f5f5}
.product_page .patents_cont ul li img{margin-bottom:7px;border:1px solid #e1e1e1}
.product_page a{display:block;width:max-content;margin:60px auto 0;padding:0 40px;border-radius:50px;font-size:15px;font-weight:600;line-height:60px;color:#fff;transition:all .3s;background-color:#333}
.product_page a:hover{background-color:var(--primary)}
.product_page a i{margin-left:10px}
.product_page .patents_tit{margin:45px 0 25px;position:relative;padding-left:18px;font-weight:700;color:#111}
.product_page .patents_tit.no_mr{margin-top:0}
.product_page .patents_tit:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}

#p35 .patents_cont ul{width:320px}

/* FREEMENSIA® */
#p37 .num_tit{border-bottom:none}

/* Loganigen® */
#p44 .graph_box>div{width:calc(100%/3)}
#p44 .graph_box>div img{width:80%}

/* Prunela® */
#p46 .graph_box>div{width:calc(100%/3)}
#p46 .graph_box>div img{width:80%}

/* Contact */
#p42{position:relative;padding-bottom:100px}
#p42:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;;width:100%;height:315px;border-radius:20px;background:url('/sh_page/img/p42_img.png') no-repeat center #f5f5f5;background-size:cover}
#p42 .contact_box{display:flex;padding:0 50px}
#p42 .contact_box .l_form{flex-shrink:0;width:540px;padding:40px;border-radius:20px;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);background-color:#fff}
#p42 .contact_box .l_form form ul li+li{margin-top:10px}
#p42 .contact_box .l_form form label{display:none}
#p42 .contact_box .l_form form .sh_input{width:100%;height:55px;padding:0 20px;border-radius:5px;border:none;font-size:15px;color:#888;background-color:#f5f5f5}
#p42 .contact_box .l_form form .txt_content{max-width:100%;height:130px;padding:25px 20px}
#p42 .contact_box .l_form form .prv_area{text-align:right}
#p42 .contact_box .l_form form .prv_area a{color:#888}
#p42 .contact_box .l_form form #btn_submit{width:100%;height:55px;border:none;border-radius:5px;font-size:16px;font-weight:600;color:#fff;background-color:var(--primary);font-family:var(--e-font)}
#p42 .contact_box .r_contact{width:100%;padding:10px 0 0 50px}
#p42 .contact_box .r_contact .big_txt{margin-bottom:32px;font-size:35px;font-weight:700;color:#111;font-family:var(--e-font)}
#p42 .contact_box .r_contact .contact_list{margin-bottom:33px;padding-bottom:35px;border-bottom:1px solid #e1e1e1}
#p42 .contact_box .r_contact .contact_list li{display:flex;font-size:18px;line-height:1.6;font-weight:600;color:#111}
#p42 .contact_box .r_contact .contact_list li+li{margin-top:10px}
#p42 .contact_box .r_contact .contact_list li span{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:45px;height:45px;border-radius:5px;background-color:#f5f5f5}
#p42 .contact_box .r_contact .contact_list li p{padding:5px 0 0 15px}
#p42 .contact_box .r_contact .sns_tit{position:relative;padding-left:18px;font-size:18px;font-weight:600;color:#111}
#p42 .contact_box .r_contact .sns_tit:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
#p42 .contact_box .r_contact .sns_list{display:flex;align-items:center;gap:10px;margin-top:25px}
#p42 .contact_box .r_contact .sns_list li a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;font-size:18px;color:#fff;background-color:var(--primary)}

/* 반응형 [s] */
@media (max-width:1440px){
#p43 .logo_list{width:max-content;gap:30px;margin:45px auto 55px;padding:25px}
#p43 .logo_list>p{width:160px;height:160px}
#p43 .logo_list ul{gap:40px}
#p43 .logo_list ul li:before{right:-22px}
#p43 .logo_list ul li img{height:90px}
.product_page .dot_list li.pl{white-space:normal}
.product_page .graph_box{column-gap:20px;padding:40px 20px}
.product_page .graph_box>div{width:calc(100%/2 - 10px)}
#p46 .graph_box{column-gap:0}
#p44 .graph_box{column-gap:0}
#p42 .contact_box .l_form{width:50%}
#p42 .contact_box .r_contact .contact_list li{font-size:16px}
#p42 .contact_box .r_contact .contact_list li p{padding-top:8px;white-space:normal}
}
@media (max-width:1260px){
#p33 .big_txt{white-space:pre-line}
#p33 .hlabs_box{gap:10px}
#p33 .hlabs_box .f_circle{width:170px;height:170px}
#p33 .hlabs_box .f_circle>img{height:70px}
#p33 .hlabs_box .dots{gap:3px}
#p33 .hlabs_box ul li{width:170px;height:170px}
#p33 .hlabs_box ul li>img{height:35px}
#p33 .his_list dl dd.pl{white-space:normal}
#p33>.pl{width:85%;margin:0 auto;white-space:normal}
#p43 .logo_list{gap:20px;padding:15px}
#p43 .logo_list ul{gap:30px}
#p43 .logo_list>p{width:130px;height:130px}
#p43 .logo_list>p img{height:70px}
#p43 .logo_list ul li:before{right:-16px}
#p43 .logo_list ul li img{height:80px}
#p43 .pipe_top p.pl{white-space:normal}
.product_page .top_cont{gap:40px}
.product_page .top_cont .l_logo{width:450px}
.product_page .top_cont .r_box{padding:0}
.product_page .top_cont .r_box b img{height:80px;margin-top:10px}
.product_page .top_cont .r_box b span.pl{white-space:normal}
.product_page .flex_box{gap:20px}
.product_page .patents_cont{gap:20px}
.product_page .patents_cont ul{gap:15px}
#p35 .patents_cont ul{width:300px}
#p46 .graph_box>div{width:calc(100%/2)}
#p44 .graph_box>div{width:calc(100%/2)}
#p42:before{height:305px}
#p42 .contact_box{padding:0 30px}
#p42 .contact_box .l_form{padding:30px}
#p42 .contact_box .r_contact{padding:10px 0 0 40px}
#p42 .contact_box .r_contact .big_txt{margin-bottom:25px;font-size:30px}
#p42 .contact_box .r_contact .contact_list{margin-bottom:25px;padding-bottom:25px}
#p42 .contact_box .r_contact .contact_list li span{width:40px;height:40px}
#p42 .contact_box .r_contact .sns_list{margin-top:20px}
}
@media (max-width:1024px){
.commonpage .eng_tit{font-size:16px}
#p33 .big_txt{font-size:30px}
#p33>.pl{width:90%}
#p33 .his_cont{margin-top:90px}
#p33 .global_cont{margin-top:90px}
#p43 .logo_list{margin-bottom:35px}
#p43 .logo_list ul li img{height:75px}
#p43 .table_box{overflow:scroll;width:100%}
#p43 .table_box table{min-width:900px}
#p42 .contact_box .l_form form .sh_input{height:50px;padding:0 15px}
#p42 .contact_box .l_form form .txt_content{height:110px;padding:20px 15px}
#p42 .contact_box .r_contact .contact_list li{font-size:15px}
#p42 .contact_box .r_contact .sns_list{margin-top:15px}
}
@media (max-width:768px){
.commonpage{font-size:15px}
.commonpage .box_tit{margin-bottom:60px !important}
#p33 .big_txt{font-size:28px}
#p33 .hlabs_box{flex-flow:column;padding:40px 0}
#p33 .hlabs_box .f_circle{width:140px;height:140px}
#p33 .hlabs_box .dots{flex-flow:column}
#p33 .hlabs_box ul li{width:140px;height:140px}
#p33 .hlabs_box ul li>img{height:30px}
#p33 .his_list{grid-template-columns:repeat(3,1fr)}
#p33 .his_list dl{padding-left:0}
#p33 .his_list dl:before{left:0}
#p33 .his_list dl dt{font-size:20px}
#p43 .logo_list{flex-flow:column;gap:30px;width:100%;border-radius:15px}
#p43 .logo_list>p{width:100%;height:110px;border-radius:15px}
#p43 .logo_list ul li img{height:55px}
#p43 .table_box table{font-size:14px}
.product_page .top_cont{flex-flow:column;gap:40px}
.product_page .top_cont .l_logo{width:100%}
.product_page .top_cont .r_box b span{font-size:15px}
.product_page .flex_box{flex-flow:column;gap:50px}
.product_page .sub_cont .sub_txt{padding:30px 20px 0}
.product_page .graph_box{column-gap:15px}
.product_page .graph_box>p{margin-top:0}
.product_page .graph_box .color_txt{flex-wrap:wrap;row-gap:5px;margin-bottom:0}
.product_page .graph_box>div p{margin-bottom:15px;font-size:14px}
.product_page .patents_cont{display:block}
.product_page .patents_cont ul{width:100%;margin-top:30px}
#p35 .patents_cont ul{width:100%}
#p46 .graph_box{gap:15px}
#p46 .graph_box>div{width:calc(100%/2 - 7.5px)}
#p46 .graph_box>div img{width:100%}
#p44 .graph_box{gap:15px}
#p44 .graph_box>div{width:calc(100%/2 - 7.5px)}
#p44 .graph_box>div img{width:100%}
#p42{padding-bottom:80px}
#p42 .contact_box{flex-flow:column-reverse;padding:0 20px}
#p42 .contact_box .r_contact{padding:0}
#p42 .contact_box .l_form{width:100%;margin-top:45px}
}
@media (max-width:480px){
.commonpage{font-size:14px}
.commonpage .eng_tit{font-size:15px}
.commonpage .box_tit{margin-bottom:40px !important;padding-left:10px}
.commonpage .cont_tit{padding:0 10px;line-height:30px}
#p33 .big_txt{font-size:23px}
#p33 .hlabs_box{margin:40px 0;padding:35px 0}
#p33 .hlabs_box .f_circle{width:115px;height:115px}
#p33 .hlabs_box .f_circle>img{height:60px}
#p33 .hlabs_box ul li{width:115px;height:115px}
#p33>.pl{width:100%}
#p33 .his_cont{margin-top:70px}
#p33 .his_list{grid-template-columns:repeat(2,1fr);row-gap:50px}
#p33 .his_list dl dt{margin-bottom:5px;padding-top:45px;font-size:18px}
#p33 .global_cont{margin-top:70px}
#p43 .logo_list{gap:25px;margin:35px 0 45px}
#p43 .logo_list ul{flex-wrap:wrap;row-gap:15px;max-width:240px;margin:0 auto}
#p43 .logo_list ul li:nth-child(3):before{display:none}
#p43 .pipe_top{margin-bottom:60px}
#p43 .table_box table{min-width:720px;font-size:13px}
#p43 .table_box table tr th{padding:5px 0}
#p43 .table_box table tr td{padding:5px 0}
#p43 .table_box table tr td.bar:before{height:20px}
.product_page .top_cont .r_box b{font-size:28px}
.product_page .top_cont .r_box b img{height:70px}
.product_page .dot_list{padding:10px 15px}
.product_page .cont_box{margin-top:40px}
.product_page .flex_box{gap:40px}
.product_page table td,.product_page table th{padding:5px 0}
.product_page .flex_box .r_img{padding:20px}
.product_page .sub_cont .sub_txt{padding:25px 10px 0}
.product_page .graph_box{flex-flow:column;margin-top:30px;padding:30px 15px}
.product_page .graph_box>div{width:100%}
.product_page .sub_cont .sub_txt li span{width:50px}
.product_page .patents_cont ul li{width:calc(100%/2 - 7.5px);font-size:14px}
.product_page .patents_cont ul li img{width:100%}
.product_page a{padding:0 30px;font-size:14px;line-height:50px}
#p46 .graph_box>div{width:100%}
#p44 .graph_box>div{width:100%}
#p42{padding-bottom:60px}
#p42 .contact_box{padding:0 15px}
#p42 .contact_box .r_contact .big_txt{font-size:25px}
#p42 .contact_box .l_form{padding:20px}
#p42 .contact_box .l_form form .sh_input{height:45px;font-size:14px}
#p42 .contact_box .l_form form .txt_content{height:100px}
#p42 .contact_box .l_form form #btn_submit{height:45px;font-size:14px}
}
@media (max-width:380px){
#p33 .big_txt{font-size:20px}
#p33 .hlabs_box{padding:30px 0}
#p33 .hlabs_box ul li{gap:5px;width:100px;height:100px}
#p33 .hlabs_box ul li:nth-child(2){border:2px dotted rgba(255,255,255,.3)}
#p33 .hlabs_box ul li>img{height:25px}
#p33 .his_list{grid-template-columns:repeat(1,1fr)}
#p33 .his_list dl dd p+p{margin-top:5px}
#p43 .logo_list{margin:30px 0 35px}
#p43 .pipe_top{margin-bottom:50px}
.product_page .top_cont .r_box b{font-size:25px}
.product_page .graph_box .color_txt{gap:5px}
.product_page .graph_box .color_txt li{gap:10px}
#p42 .contact_box .l_form{padding:15px}
}
/* 반응형 [e] */