@charset "utf-8";


/* 서비스소개 */
.ServiceIntro {position:relative;min-height: calc(100vh - 390px - 160px);margin-bottom: 20px;display: flex;flex-direction: column;justify-content: center;}
.ServiceIntro h2 {font-size: 60px;width: 676px;margin: 0 auto;color: transparent;text-align: center;margin-bottom:40px;background:url(../images/main/main_comment_title.svg) no-repeat center center;background-size: contain;}
.ServiceIntro p {font-size: 40px;text-align: center;/* color:#fff; */margin-bottom:40px;}
.ServiceIntro .BtnGo { display:inline-block; line-height:65px; color:#fff; background:#E55328; height:65px; width:260px; font-size:24px; padding:0 30px; border-radius:40px; position:relative;}
.ServiceIntro .BtnGo::after { content:''; display:block; background:url(../images/contents/btn-go-w.svg) no-repeat center center; width:80px; height:65px; position:absolute; right:0; top:0}


.ServiceArea {overflow:auto;}
.ServiceArea>* { float:left; position:relative;}


/* 위원회활동-안건회의 */
.AgendaMeeting {background-color:#1562B0;height:390px;position:relative;padding-top:40px;width:100vw;margin-left:calc((-100vw + 100%)/2);padding-left:calc((100vw - 100%)/2);display: flex;}

.AgendaMeeting h3 { display:inline-block; color:#fff; font-size:45px; font-weight:700; margin-top: 10px; background:#1562B0; z-index:1; padding:0 10px }
.AgendaMeeting h3:first-of-type { font-size:60px;margin:0 20px 0 0; padding:0;}
.AgendaMeeting>div {display: flex;}
.AgendaMeeting .List {display: flex;white-space: nowrap;justify-content: space-between;/* z-index: 0; */}
.AgendaMeeting .List::before {width:100%;height:1px;content:'';display:block;background:#fff;position:absolute;top:105px;z-index: 0;}
.AgendaMeeting .List dl {display:inline-block;position:relative;margin-left: 50px;padding-top:25px;color:#fff;vertical-align: top;z-index: 1;}
.AgendaMeeting .List dl:last-child {margin-right:25px;}
.AgendaMeeting .List dl .date { color:#1562B0; background:#fff; width:80px; height:80px; border-radius:50%; display:block;text-align:center; line-height:80px; margin-bottom:30px;}
.AgendaMeeting .List dl .title { font-size:19px; font-weight:700; margin-bottom:15px; display:block;}
.AgendaMeeting .btnMore { position:absolute; right:0; bottom:0; width:60px; height:60px; background:#000 url(../images/main/btn_go.svg) no-repeat right 22px center; border-radius:22px 0 0 0 ; font-size:0; text-indent:-1000px; overflow:hidden; z-index:999;}
.AgendaMeeting .btnMore:hover, .AgendaMeeting .btnMore:focus { background-position:right 17px center}
.AgendaMeeting .List dl ul { margin-bottom:25px;}
.AgendaMeeting .List dl li { padding-left:20px; background:url(../images/common/bullet_check.svg) no-repeat left top 4px;}
.AgendaMeeting .List dl dd>a {background: url(../images/main/btn_go.svg) no-repeat right 5px center;padding-right: 30px;transition: all 0.2s;}
.AgendaMeeting .List dl dd>a:hover, .AgendaMeeting .List dl dd>a:focus {background-position:right center} 

.Cont { padding-bottom:0 !important;}
.Footer { border-top:none;}

@media (max-width:1200px) {
    .Cont { padding-top:90px}
    .ServiceIntro h2 {width: auto;}
    .ServiceIntro p { font-size:32px;}
}

@media (max-width:900px) {
    .Cont {padding-top: 50px;}
    .ServiceIntro h2 { font-size:44px}
    .ServiceIntro p { font-size:24px;}
}
@media (max-width:768px) {
    .Cont {padding-top: 50px;}
    .ServiceIntro h2 { font-size:36px}
    .ServiceIntro p { font-size:22px;}
}

@media (max-width:540px) {
    .Cont {padding-top: 30px;}
    .ServiceIntro h2 { font-size:24px}
    .ServiceIntro p { font-size:19px;}

    .AgendaMeeting {height:auto;padding-top:20px;overflow: hidden;}
    .AgendaMeeting h3:first-of-type, .AgendaMeeting h3 { font-size:44px;padding:10px 0;}
    .AgendaMeeting>div {display:flex;flex-direction: column;}
    .AgendaMeeting .List {flex-direction: column;white-space: normal;}
    .AgendaMeeting .List dl {margin-left:0;padding-left: 70px;padding-top: 15px;margin-bottom: 50px;padding-right: 16px;}
    .AgendaMeeting .List dl:last-of-type { margin-bottom:70px;}
    .AgendaMeeting .List::before {height: 100%;width: 1px;left: 55px;}
    .AgendaMeeting .List dl .date {position:absolute;left:0;line-height: 50px;width: 50px;height: 50px;top: 0;}
    .AgendaMeeting .List dl ul { margin-bottom:10px}
}
@media (max-width:320px) {
    .ServiceIntro { min-height:0}
    .ServiceIntro h2 { font-size:22px; margin-bottom:20px}
    .ServiceIntro p { font-size:17px;}
}