@charset "utf-8";
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css');
.pgcm{font-size:15px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pgcm *{word-break:keep-all}
.pgcm .pl{white-space:pre-line}

/* p37 아이스롤러 소개 */
#p37 .tit_box{margin-bottom:128px;width:100%;height:270px;background:url('/sh_page/img/p37_img1.png') no-repeat center center / cover}
#p37 .tit_box .tit_area{position:absolute;top:215px;left:50px;padding:45px 60px;width:510px;height:auto;background:linear-gradient(to right, #57c2f0, #0c9de2);color:#fff;font-weight:700;font-family:var(--sub-font)}
#p37 .tit_box .tit_area > *{margin:0;padding:0}
#p37 .tit_box .tit_area span{font-size:13px}
#p37 .tit_box .tit_area p{margin-top:16px;font-size:30px;line-height:1.4}
#p37 .cont_box{padding-left:110px;font-family:'Pretendard'}
#p37 .cont_box .txt_area span{color:#222;font-size:22px;font-weight:700}
#p37 .cont_box .txt_area p{margin:15px 0 33px;color:#777;font-size:15px;font-weight:400;line-height:26px}
#p37 .cont_box .icon_box ul{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
#p37 .cont_box .icon_box ul li{position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #e1e1e1;box-sizing:border-box}
#p37 .cont_box .icon_box ul li::after{position:absolute;top:9px;left:-1px;display:block;content:'';width:3px;height:30px;background-color:var(--point-color)}
#p37 .cont_box .icon_box ul li p{padding-left:25px;color:#222;font-size:16px;font-weight:700;font-family:var(--k-font)}
#p37 .cont_box .icon_box ul li span{font-family:var(--sub-font)}
#p37 .cont_box .icon_box ul li div{display:flex;align-items:center;justify-content:center;background-color:rgba(87, 194, 240, 0.05);width:65px;height:65px}
#p37 .cont_box .icon_box ul li div img{display:block}

/* p38 사용방법  */
#p38 .top_tit{padding-bottom:20px;border-bottom:1px solid #e1e1e1}
#p38 .top_tit p{font-weight:700;color:#57c2f0;;text-transform:uppercase;font-size:13px;font-family:var(--sub-fonts)}
#p38 .top_tit b{margin-top:5px;display:block;font-size:30px;color:#222}
#p38 .use_cont{margin:38px 0 80px}
#p38 .use_cont dl{display:flex}
#p38 .use_cont dl:nth-child(2n){flex-flow:row-reverse}
#p38 .use_cont dl dt{width:50%;height:290px;background:no-repeat center;background-size:cover}
#p38 .use_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p38_img01.jpg')}
#p38 .use_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p38_img02.jpg')}
#p38 .use_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p38_img03.jpg')}
#p38 .use_cont dl dd{position:relative;width:50%;padding:98px 65px 0}
#p38 .use_cont dl dd span{position:absolute;top:40px;left:40px;z-index:-1;font-size:100px;line-height:1;font-weight:700;color:rgba(000,000,000,.05);font-family:var(--sub-fonts)}
#p38 .use_cont dl dd p b{display:block;margin-bottom:7px;font-size:20px;color:#111}

/* p44 아이스롤러 일반 */
#p44 .top_tit{padding-bottom:20px;border-bottom:1px solid #e1e1e1;font-weight:700}
#p44 .top_tit p{color:#57c2f0;;text-transform:uppercase;font-size:13px;font-family:var(--sub-fonts)}
#p44 .top_tit b{margin-top:5px;display:block;font-size:30px;color:#222;font-family:var(--k-font)}
#p44 .cont_area{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0 80px}
#p44 .cont_area .img_box{display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1}
#p44 .cont_area .img_box img{display:block}
#p44 .cont_area .txt_box > p{margin-bottom:20px;padding:14px 0;border-bottom:1px solid #e1e1e1;color:#222;font-size:20px;font-weight:700}
#p44 .cont_area .txt_box ul li{display:flex;align-items:center;gap:18px;margin-bottom:10px;color:#222;font-size:15px}
#p44 .cont_area .txt_box ul li p{font-weight:700;font-family:var(--sub-font)}
#p44 .cont_area .txt_box ul li span{display:inline-block;padding:11px 20px;background-color:#f7f7f7;border-radius:5px;font-weight:500;font-family:var(--k-font)}
#p44 .cont_area .txt_box ul li:nth-child(2) p{color:var(--point-color)}
#p44 .cont_area .txt_box .txt{margin:24px 0;padding:50px 44px;background:url('/sh_page/img/p44_img3.png') no-repeat center center / cover;border-radius:10px;}
#p44 .cont_area .txt_box > div .txt p{margin-bottom:6px;color:#222;font-size:18px;font-weight:700}
#p44 .cont_area .txt_box > div .txt span{color:#222;font-size:16px;font-weight:400}
#p44 .img_area img{display:block;width:100%}