@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

.pagecommon{font-size:16px;color:#777;line-height:26px;letter-spacing:-0.3px;font-family:'notokr-regular'}
.pagecommon .eng{margin-left:60px;font-size:13px;font-weight:600;color:#041d6d;letter-spacing:0;font-family:'Poppins';}
.pagecommon .txt{margin:32px 0 55px 60px;font-size:35px;color:#333;white-space:pre-line;line-height:45px;font-family:'notokr-bold'}
.pagecommon .txt span{color:#041d6d}
.br{white-space:pre-line;word-break:keep-all}

/* 주요서비스 */
.service_page .tit_area{overflow:hidden;width:80%;margin:0 auto;padding-bottom:50px}
.service_page .tit_area .tit{float:left;width:30%}
.service_page .tit_area .tit span{font-weight:600;font-size:13px;color:var(--primary);font-family:'Poppins';letter-spacing:0}
.service_page .tit_area .tit p{font-size:25px;color:#222;font-family:'notokr-bold'}
.service_page .tit_area .br{float:left;width:70%}
.service_page .txt_area{width:80%;margin:0 auto}
.service_page .txt_area .br{margin:55px 0}
.service_page .br span{color:#222;font-family:'notokr-medium';text-decoration:underline}
.service_page .txt_area .type .tit{padding:0 15px;border-left:3px solid var(--primary);border-right:3px solid var(--primary);font-size:20px;color:#333;font-family:'notokr-bold'}
.service_page .txt_area .type .list{margin-top:30px;padding:45px;border:1px solid #e1e1e1}
.service_page .txt_area .type .list dl{padding: 20px 0;}
.service_page .txt_area .type .list dl + dl{border-top:1px solid #e1e1e1;}
.service_page .txt_area .type .list dt{display:flex;align-items:center;font-size:18px;line-height:30px;color:#333;font-family:'notokr-bold'}
.service_page .txt_area .type .list dt span {text-align:center;width:30px;height:30px;line-height:31px; background-color:#041d6d;color:#fff;margin-right:12px;border-radius:100%; font-weight:600;font-size:13px;font-family:'Poppins';letter-spacing:0}
.service_page .txt_area .type .list dd{margin:10px 0 0 42px;}
.service_page img{width:100%}

/* 인사말 */
#p33 .txt_wrap{margin-left:60px;background-color:#f5f5f5;padding:56px 100px 30px 60px;color:#888;font-size:16px;white-space:pre-line}
#p33 .txt_wrap .top{margin-bottom:5px;font-size:20px;color:#111;}
#p33 .txt_wrap span{font-family:'notokr-bold'}
#p33 .txt_wrap b{color:#333;font-weight:normal;border-bottom:1px solid #333; font-family:'notokr-medium';}
#p33 .txt_wrap p span{font-family:'notokr-bold'}
#p33 .txt_wrap .name{margin-top:55px;text-align:right;color:#333;font-family:'notokr-bold'}

/* 구성원 */
#p34 {text-align:center;}
#p34 .eng{margin:0;}
#p34 .txt{margin:23px 0 66px;}
#p34 .cont p{font-size:25px;color:#333;font-family:'notokr-bold'}
#p34 .cont img{margin-top:30px;}
#p34 .cont + .cont{margin-top:100px;}

/* 반응형 s */
@media (hover:hover) {}
@media (max-width:1200px){
.pagecommon{padding:50px 0}
.pagecommon *{word-break:keep-all;}
}
@media (max-width:1024px){
#p33 .txt_wrap{margin-left:0;}
.pagecommon .txt{font-size:30px;line-height:40px;}
.service_page .tit_area{width:90%}
.service_page .txt_area{width:90%}
}
@media (max-width:900px){
.pagecommon{font-size:14px;line-height:24px}
.br{white-space:normal}
.service_page .tit_area .tit p{font-size:22px}
.service_page .txt_area .type .tit{font-size:18px}
.service_page .txt_area .type .list dt{font-size:16px}
}
@media (max-width:768px){
    .pagecommon{padding:50px 20px;}
    .pagecommon .eng{margin-left:0;}
    .pagecommon .txt{margin:0 0 40px 0;}
    #p33 img{width:100%;}
    #p33 .txt_wrap{padding:40px 30px;white-space:normal;}
    #p33 .txt_wrap .top{margin-bottom:15px;}
    #p34 .cont + .cont{margin-top:40px;}
}
@media (max-width:480px){
    .pagecommon{padding:30px 20px;}
    .pagecommon .txt{font-size:20px;line-height:30px;}
    .pagecommon .eng{font-size:11px;}

    .service_page .txt_area .type .list dt{font-size:15px;align-items:flex-start;}
    .service_page .txt_area .type .list dl{padding:15px 0;}
    .service_page .txt_area .type .list dt span{display: inline-block;margin-top:1px;}
    .service_page .txt_area .type .list dt p{width:calc(100% - 50px);}
    #p33 .txt_wrap{font-size:14px;}
    #p33 .txt_wrap .top{font-size:16px;}
    #p33 .txt_wrap .name{margin-top:40px;}
    #p34 .cont img{width:100%;}
    #p34 .cont p{font-size:16px;} 
    #p34 .txt{margin:10px 0 40px;}
.service_page .tit_area{width:100%;padding:0 15px 50px}
.service_page .txt_area{width:100%}
.service_page .tit_area .tit{float:none;width:100%;margin-bottom:20px;text-align:center}
.service_page .tit_area .br{float:none;width:100%;text-align:center}
.service_page .txt_area .br{text-align:center}
.service_page .txt_area .type .list{padding:30px}
}
@media (max-width:320px){
    .pagecommon .txt{font-size:20px;line-height:30px;margin-bottom:20px;}
    
    #p34 .txt{margin-bottom:20px;}
    #fixMenu.on{display:none;}
    .service_page .txt_area .type .list{padding:20px;}
    .service_page .txt_area .type .list dt span{width:28px;height:28px;line-height:29px;}
}
/* 반응형 e */