@charset "utf-8";

/* 페이지 스타일 공통 */
.pagecommon * {color:#666;line-height:1.8;word-break:keep-all;font-size:17px;font-weight:400;}
.pagecommon .tit_wrap{text-align:center}
.pagecommon .tit_wrap .eng{margin-bottom:6px;font-size:15px;color:#f68a39;font-weight:700;font-family:'play',sans-serif;}
.pagecommon .tit_wrap .kor{display:inline;position:relative;font-size:30px;color:#111;font-weight:200;}
.pagecommon .tit_wrap .kor:before{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);content:'';z-index:-1;width:calc(100% + 15px);height:30px;background:#fff1e6}
.pagecommon .tit_wrap .kor span{font-size:30px;color:#111;font-weight:700;}
.pagecommon .p_tit .eng{margin-bottom:17px;font-size:15px;color:#888;font-family: 'Montserrat', sans-serif;}
.pagecommon .p_tit .kor{margin-bottom:34px;font-size:30px;color:#111;font-family:'notokr-bold'}

/* 소개 */
#p33 .img_wrap{margin-top:50px}
#p33 .txt_wrap {padding:62px 0 0 40px;display:flex;white-space:pre-line;color:#666;}
#p33 .txt_wrap p{line-height:25px;}
#p33 .txt_wrap .b_txt{width:calc(100% - 880px);font-size:28px;line-height:38px;color:#333;padding-right:60px;font-weight:700}
#p33 .txt_wrap span{text-decoration:underline;color:#333;font-weight:600}
#p33 .logo{text-align:right;font-size:18px; padding:40px 40px 0 0}
#p33 .logo p b{font-weight:700;color:#333;}

/* 사업안내 */
#p36 section + section{margin-top:70px}
#p36 .sub_tit{padding-top:13px; color:#222;font-size:28px;font-weight:700;
    display:inline-block;position:relative;
}
#p36 .sub_tit:after{position:absolute;left:0;top:0;content:'';z-index:-1;width:30px;height:3px;background:#f68a39}
#p36 .cont{margin-top:40px;display:flex;gap:40px;justify-content:space-between;}
#p36 .cont li{width:100%;text-align:center;}
#p36 .cont span{display:inline-block;margin:0 auto;width:80px;height:80px;background-color:#f68a39;border-radius:100%;text-align:center;line-height:80px}
#p36 .cont .name{margin:10px 0 33px;font-size:18px;color:#333;font-weight:700;font-family:'play';}
#p36 .cont li:nth-child(1) .txt_wrap{padding:57px 40px}
#p36 .cont .txt_wrap{height:173px;position:relative;background-color:#f5f5f5;border-radius:10px;padding:40px;color:#555;}
#p36 .cont .txt_wrap p{position:relative;padding-left:15px;text-align:left;}
#p36 .cont .txt_wrap p::before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:100%;background-color: #555;content:'';}
#p36 .table_wrap{margin-top:40px;}
#p36 .table_wrap table{border-bottom:1px solid #e1e1e1; width:100%;border-spacing:0;background-clip: padding-box;border-collapse:collapse;}
#p36 .table_wrap table th{padding:19px 0;background-color:#f5f5f5;color:#333;font-weight:600;font-size:16px;}
#p36 .table_wrap table td + td{border-left:1px solid #e1e1e1;}
#p36 .table_wrap table th + th{border-left:1px solid #e1e1e1;}
#p36 .table_wrap table td{width:calc(100% / 5);padding:15px;text-align:center;}
#p36 .cont2{min-width:1200px;overflow-x:scroll;}

/* 반응형 [s] */
@media (max-width:1024px){
#p33 .txt_wrap{display:block;text-align:center;padding:0 20px;white-space:normal;}
#p33 .txt_wrap .b_txt{margin:30px 0 20px;padding-right:0;width:100%;white-space:normal;font-size:25px}
#p33 .logo{margin-top:20px;padding:0;text-align:center}
#p33 .logo img{margin-top:20px}
}
@media (max-width:768px){
    .pagecommon{padding:0 20px}
    .pagecommon .tit_wrap .kor{font-size:25px;line-height:30px}
    .pagecommon .tit_wrap .kor span{font-size:25px}
    .pagecommon .tit_wrap .kor:before{display:none}
    .pagecommon .tit_wrap .eng{font-size:13px;}
    #p36 .sub_tit{font-size:25px;padding-top:10px;}
    #p36 .cont{margin-top:30px;display:block;}
    #p36 .cont .name{margin:10px 0 20px;}
    #p36 .cont li + li{margin-top:40px}
    #p36 .cont li:nth-child(1) .txt_wrap{padding:20px 40px}
    #p36 .cont .txt_wrap{height:100%;padding:20px 40px;}
    #p33 .img_wrap{margin-top:20px;}
    #p36 .table_wrap{margin-top:20px;}
    #p36 .table_wrap{max-width:100%;overflow-x:scroll;}
    #p36 .table_wrap table{width: 100%;}
    /* #p36 .table_wrap table td img{width:100%} */

}
@media (max-width:480px){
    .pagecommon *{font-size:15px}
    .pagecommon .tit_wrap .kor{font-size:22px;}
    .pagecommon .tit_wrap .kor span{font-size:22px;}
    #p36 section + section{margin-top:50px;}
    #p36 .cont span{width:70px;height:70px;}
    #p36 .sub_tit{font-size:23px}
    #p33 .txt_wrap{padding:0;}
    #p33 .txt_wrap .b_txt{font-size:18px;margin:20px 0 10px;}
    #p36 .table_wrap table td img{width:auto;}
    #p36 .table_wrap{max-width: 480px;overflow-x:scroll;}
    #p36 .table_wrap table{width: 100%;}
}
/* 반응형 [e] */