@charset "utf-8";
    
/* 공통 */
.pagecommon{position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular';word-break:keep-all}
.pagecommon .tit_area{margin-bottom:50px;letter-spacing:0;color:#3f4780;font-weight:bold;font-size:14px;font-family:'Poppins'}
.pagecommon  .tit_box .left{margin-bottom:50px;color:#111;line-height:1.4;font-weight:bold;font-size: 35px;font-family:'Poppins'}
.pagecommon .pl{white-space:pre-line}
.pagecommon .consul{border:1px solid #e1e1e1;border-radius:30px}
.pagecommon .consul ul{border-radius:30px}
.pagecommon .consul ul li{padding:40px 60px}
.pagecommon .consul ul li p{display:inline-block;margin-bottom:30px;padding:4px 30px;line-height:40px;background:#333;color:#fff;border-radius:50px;text-align:center;font-weight:600;font-family:'Poppins'}
.pagecommon .consul ul li span{color:#111;font-family:'notokr-bold'}
.pagecommon .price{padding-left:10px;margin-top:20px;color:#111;font-family:'notokr-bold';font-size:16px}
.pagecommon .price i{margin-right:10px}
.pagecommon .product{margin-bottom:30px;padding:40px;background:#f2f2f2;border-radius:30px}
.pagecommon .product .pro_box p{display:inline-block;margin-bottom:30px;padding:4px 50px;line-height:40px;background:#3f4780;color:#fff;border-radius:50px;text-align:center;font-family:'notokr-medium'}
.pagecommon .product .pro_box ul{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:24px}
.pagecommon .product .pro_box ul li{padding:50px;border-radius:20px;background:#fff;text-align:center}
.pagecommon .product.two .pro_box ul{grid-template-columns:repeat(4, 1fr)}
.pagecommon .product.two .pro_box ul li{padding:0;background:none}
.pagecommon .product.two .pro_box ul li img{width: 100%;}
.pagecommon .cnter_txt{margin-bottom:30px;color:#111;line-height:1.4;font-weight:bold;font-size: 35px;font-family:'Poppins'}
.pagecommon .last{color:#111;margin-top:50px;padding: 50px 20px;border:1px solid #f1f1f1;border-radius:30px;text-align:center;font-family:'notokr-medium'}

/* 회사 소개 */
#p39 .tit_box .left{margin-bottom:0;}
#p39 .tit_box{margin-bottom:60px;display:grid;grid-template-columns:repeat(2, 1fr);align-items:end;font-weight:bold;font-family:'Poppins','notokr-bold'}
#p39 .tit_box .right{color:#111;font-size:18px}
#p39 .tit_box .right span{color:#3f4780;font-family:'notokr-bold'}
#p39 .fix_img{height:450px;background:url(/sh_page/img/p39_img01.jpg) fixed no-repeat;background-position: 50% 20%;border-radius:30px}
#p39 .cont_area{padding:40px 80px 0}
#p39 .cont_area.box{padding:0 80px 50px}
#p39 .cont_area span{color:#111;line-height:1.6;font-size:19px;font-family:'notokr-bold'}
#p39 .list_Box > p{margin-bottom:30px;color:#111;letter-spacing:0;line-height:1.4;font-weight:bold;font-size:40px;font-family:'Poppins'}
#p39 .list_Box ul{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:24px;font-size: 15px;font-family:'Poppins'}
#p39 .list_Box ul li{padding: 100px 0;width: 100%;height:260px;border:1px solid #e1e1e1;border-radius:30px;text-align:center;transition:all 0.3s}

#p39 .list_Box ul li p{color:#333;font-size:18px;font-family:'notokr-bold'}

/* 대표 소개 */
#p40 .tit_box{margin-bottom: 30px;}
#p40 .tit_box .left{color:#111;line-height:1.4;font-weight:bold;font-size:35px;font-family:'Poppins'}
#p40 .profile_box .list{margin-bottom:50px;padding:40px;display:flex;column-gap:50px;background:#f2f2f2;border-radius:30px;align-items: flex-start;}
#p40 .profile_box .list img{width: 100%;border-radius:30px}
#p40 .profile_box .list .right .box{margin-bottom:50px}
#p40 .profile_box .list .right .box:last-child{margin-bottom:0}
#p40 .profile_box .list .right .box p{margin-bottom:30px;width:130px;height:40px;line-height:40px;background:#3f4780;color:#fff;border-radius:50px;text-align:center;font-family:'notokr-medium'}
#p40 .profile_box .list .right .box li{margin-bottom:8px;position:relative;padding-left:14px}
#p40 .profile_box .list .right .box li:after{position:absolute;content:'';top:10px;left: 0px;width:3px;height:3px;background:#3f4780;border-radius:50px}
#p40 .list_Box ul{display: grid;grid-template-columns: repeat(4, 1fr);font-size: 14px;font-family:'notokr-regular';align-items:start;justify-content:space-between;column-gap:20px;}
#p40 .list_Box > p{margin-bottom:30px;color:#111;line-height:1.4;font-weight:bold;font-size:40px;font-family:'Poppins'}
#p40 .list_Box ul li{padding:18px 30px;height:260px;border:1px solid #e1e1e1;border-radius:30px;text-align:center;transition:all 0.3s}
#p40 .list_Box ul li:nth-child(1) .img{background:url(/sh_page/img/p40_icon01.png) no-repeat;height:100px;background-position:50% 30%;}
#p40 .list_Box ul li:nth-child(2) .img{background:url(/sh_page/img/p40_icon02.png) no-repeat;height:100px;background-position:50% 30%}
#p40 .list_Box ul li:nth-child(3) .img{background:url(/sh_page/img/p40_icon03.png) no-repeat;height:100px;background-position:50% 30%}
#p40 .list_Box ul li:nth-child(4) .img{background:url(/sh_page/img/p40_icon04.png) no-repeat;height:100px;background-position:50% 30%}
#p40 .list_Box ul li p{margin-bottom:10px;color:#333;font-size:18px;font-family:'notokr-bold'}

/* 벨트 제품 소개 */
#p43 .eff p{color:#111;line-height:1.4;font-weight:bold;font-size: 35px;font-family:'Poppins'}
#p43 .eff ul{margin-top:20px;padding: 30px;display:grid;grid-template-columns:repeat(2, 1fr);border-radius:30px;border:1px solid #e1e1e1}
#p43 .eff ul li{margin-bottom:20px}
#p43 .eff ul li:nth-child(4),#p43 .eff ul li:nth-child(5){margin-bottom:0}
#p43 .eff ul li span{margin-right: 10px;display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;background:#333;border-radius:50px;text-align:center;font-weight:600;font-family:'Poppins'}

/* 연구개발컨설팅 */
#p44 .tit_box .left{margin-bottom:50px}
#p44 .consul ul li span{font-family:'notokr-medium'}

/* 논문컨설팅*/
#p45 .product .pro_box .tit{margin-bottom:30px;display:flex;align-items:center;column-gap:20px}
#p45 .product .pro_box .tit .l_txt p{margin-bottom:0}
#p45 .product .pro_box .tit .r_txt{color:#222;font-family:'notokr-medium'}
#p45 .product .pro_box ul li{padding:0;background:none;text-align: left;}
#p45 .product .pro_box .txt_list{margin-top:30px;grid-template-columns:repeat(1, 1fr);font-family:'Poppins'}
#p45 .product .pro_box .txt_list li{margin-bottom:8px;position:relative;padding-left:14px}
#p45 .product .pro_box .txt_list li:after{position:absolute;content:'';top:10px;left:0;width:3px;height:3px;background:#3f4780;border-radius:50px}
#p45 .consul ul li{padding:40px}
#p45 .first{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:24px;}
#p45 .product .pro_box ul{grid-template-columns:repeat(1, 1fr)}

/* 운동컨텐츠 */
#p46 .product .pro_box .tit{margin-bottom: 30px;display:flex;align-items:center;column-gap:20px}
#p46 .product .pro_box .tit .l_txt p{margin-bottom:0}
#p46 .product .pro_box .tit .r_txt{color:#222;font-family:'notokr-medium'}
#p46 .product .pro_box ul li{padding:0;background:none}
#p46 .first{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:24px}

/* 반응형 [s] */
@media (hover: hover) {
#p40 .list_Box ul li:hover{background:#3f4780;color:#fff}
#p40 .list_Box ul li:hover:nth-child(1) .img{background:url(/sh_page/img/p40_bg_icon01.png) no-repeat;background-position:50% 30%}
#p40 .list_Box ul li:hover:nth-child(2) .img{background:url(/sh_page/img/p40_bg_icon02.png) no-repeat;background-position:50% 30%}
#p40 .list_Box ul li:hover:nth-child(3) .img{background:url(/sh_page/img/p40_bg_icon03.png) no-repeat;background-position:50% 30%}
#p40 .list_Box ul li:hover:nth-child(4) .img{background:url(/sh_page/img/p40_bg_icon04.png) no-repeat;background-position:50% 30%}
#p39 .list_Box ul li:hover{background:#3f4780;color:#fff}
#p39 .list_Box ul li:hover p{color:#fff}
#p40 .list_Box ul li:hover p{color:#fff}
}
@media (max-width:1400px){
#p45 img{width:100%;}
}
@media (max-width:1280px){
.pagecommon .list_Box > p{font-size:35px !important}
.pagecommon .product .pro_box ul img{width:100%}
#p39 .cont_area{padding:30px 0 0 0}
#p39 .cont_area.box{padding:0 0 30px 0}
}
@media (max-width:1024px){
.pagecommon{padding:30px;font-size:14px}
.pagecommon .tit_area{margin-bottom:20px}
.pagecommon .tit_area span{font-size:12px}
.pagecommon .tit_box .left{font-size:30px}
.pagecommon .list_Box > p{font-size:30px !important}
.pagecommon .list_Box ul li p{font-size:16px !important}
.pagecommon .list_Box ul li{padding:70px 0;height:200px}
.pagecommon .consul ul li{padding:30px}
.pagecommon .cnter_txt{font-size:30px}
#p39 .tit_box .right{font-size:16px}
#p39 .fix_img{background-position:35% 20%}
#p39 .cont_area span{font-size:17px}
#p39 .list_Box ul{column-gap:20px}
#p40 .list_Box ul {grid-template-columns:repeat(2, 1fr);row-gap:14px}
#p43 .eff p{font-size:30px}
}
@media (max-width:850px){
#p40 .profile_box .list{flex-direction:column;align-items:center;row-gap:30px}
#p40 .profile_box .list img{max-width:300px}
}
@media (max-width:890px){
.pagecommon .pl{white-space:normal}    
#p39 .cont_area span{display:block;padding-bottom:20px;font-size:17px}
}
@media (max-width:768px){
.pagecommon{padding:20px}
.pagecommon .tit_box .left{font-size:28px !important}
.pagecommon .list_Box > p{font-size:28px !important}
.pagecommon .cnter_txt {font-size:28px}
#p39 .tit_box{margin-bottom:40px;padding:0}
#p39 .fix_img{height:300px}
#p39 .list_Box ul{column-gap:14px}
#p40 br{display:none}
#p43 .eff p{font-size:28px}
#p43 .eff ul{grid-template-columns:repeat(1, 1fr)}
#p43 .eff ul li:nth-child(4){margin-bottom:20px !important}
#p43 .eff ul li:nth-child(5){margin-bottom:0 !important}
}
@media (max-width:650px){
.pagecommon .tit_area{margin-bottom:20px;text-align:center}
.pagecommon .tit_box .left{margin-bottom:20px !important}
.pagecommon .tit_box{grid-template-columns:repeat(1, 1fr);text-align:center}
.pagecommon .list_Box > p{text-align:center}
.pagecommon .consul{text-align:center}
.pagecommon .cnter_txt{text-align:center}
.pagecommon .consul{border-radius:0}
.pagecommon .product{border-radius:0;text-align: center;}
.pagecommon .last{border-radius:0}
.pagecommon .product .pro_box ul{grid-template-columns:repeat(1, 1fr);row-gap:10px}
#p40 .profile_box .list{border-radius:0}
#p39 .tit_box{grid-template-columns:repeat(1, 1fr)} 
#p39 .cont_area{text-align:center}
#p39 .cont_area.box{text-align:center}
#p39 .list_Box ul{display:grid;grid-template-columns:repeat(1, 1fr);row-gap:10px;font-size:13px}
#p39 .list_Box ul li{padding:26px 0;height:100px;border-radius:0}
#p45 .product .pro_box .tit{flex-direction:column}
#p45 .product .pro_box .tit .l_txt p{margin-bottom:20px}
#p45 .consul ul li:nth-child(1){padding:40px 10px}
#p45 .consul ul li:nth-child(2){padding:40px 10px}
#p46 .first{grid-template-columns:repeat(1, 1fr)}
#p40 .list_Box ul li{border-radius:0}
#p43 .eff p{text-align:center}
#p43 .eff ul{padding:26px}
}
@media (max-width:480px){
.pagecommon{padding:10px}
.pagecommon .tit_box{margin-bottom:0}
.pagecommon .tit_box .left{font-size:24px !important}
.pagecommon .list_Box ul li p{font-size:16px !important}
.pagecommon .consul ul li{padding:40px 30px 0}
.pagecommon .consul ul li:last-child{margin-bottom:40px}
.pagecommon .price{text-align:center;font-size:15px}
.pagecommon .consul ul li p{font-size:14px}
.pagecommon .last{padding:40px 20px;font-size:13px}
.pagecommon .product{padding:20px}
.pagecommon .consul ul li:last-child{margin-bottom:30px}
.pagecommon .first li:last-child{margin-bottom:0 !important}
.pagecommon .cnter_txt{font-size:24px}
#p39 .tit_box .right{font-size:15px}
#p39 .fix_img{margin-top:30px;height:340px;background:url(/sh_page/img/p39_img01.jpg) center no-repeat;background-size:480px}    
#p39 .cont_area span{font-size:15px}
#p40 .profile_box .list .right .box li{padding-left:14px}
#p40 .profile_box .list .right .box li:after{left:0}
#p40 .profile_box .list{padding:20px 13px;font-size:13px}
#p40 .profile_box .list .right .box p{margin:0 auto 30px}
#p40 .list_Box ul{grid-template-columns:repeat(1, 1fr);font-size:13px}
#p40 .list_Box ul li{height:190px}
#p40 .list_Box ul li .img{height:70px !important;background-size:40px !important}
#p45 .first{grid-template-columns:repeat(1, 1fr)}
#p45 .consul ul li:nth-child(1){padding:40px 10px 0}
#p45 .consul ul li:nth-child(2){padding:40px 10px 0}
#p43 .eff p{font-size:24px}
#p43 .eff ul{text-align:center}
#p43 .eff ul li{padding-bottom:20px;border-bottom:1px dashed #e1e1e1}
#p43 .eff ul li:last-child{border-bottom:none;padding-bottom:0}
#p43 .eff ul li span{display:block;margin:0 auto 12px}
}
@media (max-width:380px){
.pagecommon .tit_box .left{font-size:22px !important}
#p40 .profile_box .list{padding:16px}
#p40 .profile_box .list .right .box li{padding-left:10px}
.pagecommon .product{padding:16px}
}
/* 반응형 [e] */