@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'}
.br{white-space:pre-line;word-break:keep-all}

/* 인사말 */
#Page6{text-align:center}
#Page6 .cont_area .e_tit{font-weight:600;font-size:13px;color:var(--primary);font-family:'Poppins';letter-spacing:0}
#Page6 .cont_area p{margin:35px 0 70px 0;font-size:32px;line-height:44px;color:#222;font-family:'notokr-light'}
#Page6 .cont_area p span{font-family:'notokr-bold'}
#Page6 .img_area{overflow:hidden}
#Page6 .img_area *{float:left;width:50%}
#Page6 .img_area img + img{margin-top:40px}
#Page6 .txt_area{width:80%;margin:0 auto;padding-top:70px}
#Page6 .txt_area ul{overflow:hidden;width:55%;margin:0 auto}
#Page6 .txt_area ul li{float:left;position:relative;height:50px;padding:15px 0 0 60px;font-size:18px;color:#333;font-family:'notokr-bold'}
#Page6 .txt_area ul li + li{margin-left:55px}
#Page6 .txt_area ul li + li:after{position:absolute;width:4px;height:4px;content:'';top:21px;left:-28px;border-radius:50px;background:#999}
#Page6 .txt_area ul li:nth-child(1){background:url(../sh_page/img/p6_icon01.png) no-repeat}
#Page6 .txt_area ul li:nth-child(2){background:url(../sh_page/img/p6_icon02.png) no-repeat}
#Page6 .txt_area ul li:nth-child(3){background:url(../sh_page/img/p6_icon03.png) no-repeat}
#Page6 .txt_area .br{margin-top:35px;padding-top:35px;border-top:1px solid #e1e1e1}

/* 주요서비스 */
.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 + dl{margin-top:30px}
.service_page .txt_area .type .list dt{font-size:18px;line-height:30px;color:var(--primary);font-family:'notokr-bold'}
.service_page .txt_area .type .list dt span{margin-right:7px;font-weight:600;font-size:15px;font-family:'Poppins';letter-spacing:0}

/* 반응형 s */
@media (max-width:1200px){
.pagecommon{padding:50px 0}
}
@media (max-width:1024px){
#Page6 .cont_area p{margin-top:20px}
.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}
#Page6 .cont_area p{margin-bottom:40px;font-size:28px;line-height:38px;word-break:keep-all}
#Page6 .txt_area ul li{font-size:16px}
.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){
#Page6 .txt_area ul li:nth-child(1),#Page6 .txt_area ul li:nth-child(2),#Page6 .txt_area ul li:nth-child(3){background:none}
#Page6 .txt_area ul li{height:auto;padding:0}
#Page6 .txt_area ul li + li:after{top:12px;left:-32px}
}
@media (max-width:480px){
#Page6 .img_area img{width:100%}
#Page6 .img_area img + img{display:none}
#Page6 .txt_area .br{margin-top:25px;padding-top:25px}
.service_page .tit_area{width:100%;padding:0 15px 50px}
.service_page .txt_area{width:100%;padding:0 15px}
.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}
}
/* 반응형 e */