﻿.services{max-width:100%;padding-bottom:107px;background-color:#ffffff}.services>h1{margin-top:40px;text-align:center;font:normal normal 500 38px/56px Noto Sans KR;letter-spacing:0px;color:var(--black-text)}.services>p{padding-top:10px;margin:0;text-align:center;font:normal normal normal 17px/25px Noto Sans KR;letter-spacing:0px;color:var(--black-text)}@media (min-width: 769px){.services .mobile{display:none}}@media (max-width: 768px){.services{padding-bottom:82px}.services>h1{padding-top:14px;background-color:#fff;border-radius:30px 30px 0 0;margin:19px 20px 0;font:normal normal 500 20px/23px Noto Sans KR}.services>p{padding:10px 90px 0;background-color:#fff;margin:0 20px;font:normal normal normal 13px/19px Noto Sans KR;word-break:keep-all}}.contentBox{max-width:780px;background-color:white;border:1px solid #e8e8e8;border-radius:20px;display:flex;flex-direction:column;align-items:center;margin:30px auto 0;padding:23px 30px 30px}@media (max-width: 768px){.contentBox{padding:12px 22px 31px;border-radius:0 0 30px 30px;margin:0 20px}}.contentBox .content_title{text-align:center;font:normal normal 500 28px/41px Noto Sans KR;letter-spacing:0px;color:var(--black-text)}@media (max-width: 768px){.contentBox .content_title{display:none}}.contentBox #content{width:100%;margin-top:16px;border-top:1px solid #d2d2d8}@media (max-width: 768px){.contentBox #content{border-top:1px solid #333333;border-bottom:1px solid #333333;margin-top:10px}}.contentBox #content .details{height:50px;overflow:hidden;word-break:keep-all;border-bottom:1px solid #d2d2d8;transition:height 0.5s ease}@media (max-width: 768px){.contentBox #content .details:last-child .summary{border:none}}.contentBox #content .details .summary{position:relative;display:flex;width:100%;height:50px;padding:11px 35px 13px 10px;border-bottom:1px solid #e6e6e6;margin:0px;color:#4e4e4e;font:normal normal normal 14px/15px Noto Sans KR;align-items:center;cursor:pointer}.contentBox #content .details .summary::before{content:'';background:url("../img/열림.svg") no-repeat 100%;margin-right:10px;width:12px;height:7px;display:inline-block;vertical-align:middle;position:absolute;right:2px;top:calc(50% - 3.5px);transition:all 0.5s}.contentBox #content .details .summary::after{position:absolute;right:50px;content:attr(data-date)}.contentBox #content .details .service_content{padding:11px 14px 13px;font:normal normal normal 14px/24px Noto Sans KR;white-space:pre-wrap}.contentBox #content .details.open .summary{font-weight:600}.contentBox #content .details.open .summary::before{transform:rotate(180deg)}@media (max-width: 600px){.contentBox #content{width:100%}}
