@charset "utf-8";

.pagecommon{font-size:16px;color:#666;letter-spacing:-.3px;line-height:1.6}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/*p33*/
#p33{text-align:center}
#p33 .tit_area{margin-bottom:25px;font-weight:200;color: #111;letter-spacing:-.8px}
#p33 .tit_area span{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-family:'Poppins'}
#p33 .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
#p33 .tit_area p{font-size:29px;line-height:1.4}
#p33 .tit_area b{font-weight:700}
#p33 .cont_area{padding-top:250px;;background-size:contain;background:url(/sh_page/img/p33_img.jpg) no-repeat center top}
#p33 .cont{padding-top:50px;width:90%;margin: 40px auto 0;background-color:#fff}
#p33 .cont .st{padding-bottom:10px;font-size:22px;font-weight:500;letter-spacing:-.8px;color:#333;}
#p33 .cont .sign{margin-top:50px;font-weight:700;color: var(--primary);}
#p33 .cont .sign span{padding-left:5px;font-size: 22px;color:#333;font-family:'Handletter'}

/*p36*/
#p36 ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
#p36 ul li{border:1px solid #e1e1e1}
#p36 ul li img{width:100%;transition: all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#p36 ul li a{display:block;overflow: hidden}
#p36 ul li:hover img {transform: scale(1.05,1.05)}

/*p38*/
#p38 .tit{padding-bottom: 50px;text-align:center;font-size: 30px;font-weight: 700;line-height: 1.4;color: #111;}
#p38 ul{display:grid;grid-template-columns: repeat(5, 1fr);gap: 16px;align-items: center;}
#p38 ul li{padding:0 20px;line-height: 80px;border:1px solid #e1e1e1;text-align: center;}
#p38 ul li img{max-width:fit-content;width:100%}
    
/* 반응형 [s] */
@media(max-width:1024px){
#p33 .tit_area p{font-size:26px}
#p38 ul{grid-template-columns:repeat(4, 1fr)}
}
@media(max-width:768px){
#p33 .cont{width:100%}
#p33 .cont .st{font-size:18px}
#p33 .cont .sign span{font-size:20px}
#p36{padding:0 20px}
#p38{padding:0 20px}
#p36 ul{gap:15px}
#p38 .tit{font-size:25px}
#p38 ul{grid-template-columns:repeat(3, 1fr);gap: 10px;}
}
@media(max-width:480px){
.pagecommon{font-size:15px}
#p33 .cont{padding:40px 15px 0}
#p33 .tit_area p{font-size:20px}
#p33 .cont .st br{display:none}
#p33 .cont .st{font-size:17px;word-break: keep-all}
#p33 .cont .sign span {font-size:17px}
#p36{padding:0 15px}
#p38{padding:0 15px}
#p36 ul{grid-template-columns: repeat(2, 1fr);gap: 10px;}
#p38 ul{grid-template-columns:repeat(2, 1fr);gap:10px}
#p38 .tit{padding-bottom:30px;font-size:20px}
#p38 ul li:nth-child(4) img,#p38 ul li:nth-child(15) img{width:50%;}
}
@media(max-width:380px){
#p38 .tit br{display:none}
}
/* 반응형 [e] */