@charset "utf-8";

.Cont h2+h3 { font-size:60px; text-align:center;}
.Cont h3 { font-size:45px; text-align:center;}

/* 위원회 활동 목록 */
.AgendaMeeting_List {width:100%;position:relative;overflow:auto;}
.AgendaMeeting_List:not(:last-child){margin-bottom:30px;}
.AgendaMeeting_List .session { width:calc(50% + 1.5px); position:relative;}

.AgendaMeeting_List .session h4 { font-size:24px; color:#fff; background:#1562B0; border-radius:50%; width:113px; height:113px; text-align:center; line-height:113px; position:absolute; top:0;}
.AgendaMeeting_List .session:nth-of-type(odd) { float:right; border-left:#707070 dotted 3px;}
.AgendaMeeting_List .session:nth-of-type(even) { float:left;  border-right:#707070 dotted 3px;}
.AgendaMeeting_List .session:nth-of-type(odd) h4 { left:-57px;}
.AgendaMeeting_List .session:nth-of-type(even) h4 { right:-57px;}
.AgendaMeeting_List .session:last-child { border:none}
.AgendaMeeting_List .session dl { padding:25px; padding-left:80px; border:#707070 solid 1px; border-radius:12px; display:inline-block; position:relative;}
.AgendaMeeting_List .session dl::before { content:''; display:block; width:15px; height:15px; background:#fff; border:#707070 solid 1px; position:absolute; transform:rotate(45deg); border-width: 0 0 1px 1px; position:absolute; left:-8px; top:50px}
.AgendaMeeting_List .session dt { position:absolute; left:30px; font-weight: 700;}
.AgendaMeeting_List .session:nth-of-type(odd) dl { margin-left:100px;}
.AgendaMeeting_List .session:nth-of-type(even) dl { margin-right:100px; float:right;}
.AgendaMeeting_List .session:nth-of-type(even) dl::before {right:-8px; left:auto; border-width: 1px 1px 0 0 ;}
.AgendaMeeting_List .session li { padding-left:20px; background:url(../images/common/bullet_check.svg) no-repeat left top 4px;}
.AgendaMeeting_List .session .BtnMore {display:inline-block;margin-top: 20px;float: right;padding-right:30px;background:url(../images/contents/btn-shortcut.svg) no-repeat right 5px center;}
.AgendaMeeting_List .session .BtnMore:hover, .AgendaMeeting_List .session .BtnMore:focus { background-position:right center}

.AgendaMeeting_Detail { margin-bottom:30px}
.AgendaMeeting_Detail dl {margin-bottom:16px;border:#DADADA solid 1px;display:flex;border-radius: 10px;padding: 15px 50px;}
.AgendaMeeting_Detail dl dt {/* width: 120px; */ flex:0 0 120px; font-weight: 700;}
.AgendaMeeting_Detail dl:last-child { margin-bottom:0;}
.AgendaMeeting_Detail dl li { padding-left:20px; background:url(../images/common/bullet_check.svg) no-repeat left top 4px;}
.AgendaMeeting_Detail .File dd { max-width:90%; }

@media (max-width:900px) {
    .Cont h2+h3, .AgendaMeeting_List+h3 { text-align:left; font-size:44px;}
    .AgendaMeeting_List .session {width: calc(100% - 60px);float:none !important;margin-left: 60px;display: block;border-left: #707070 dotted 3px !important;border-right: none !important;}
    .AgendaMeeting_List .session:last-child { border-left:none !important;}
    .AgendaMeeting_List .session h4 {left: -57px !important;right: auto !important;}
    .AgendaMeeting_List .session dl {float:none !important;margin-left: 100px;margin-right: 0 !important;margin-bottom: 30px;}
    .AgendaMeeting_List .session dl::before { right: auto; left: -8px !important; border-width: 0 0 1px 1px !important; }
    .AgendaMeeting_Detail .File dd { max-width:85%; }
}

@media (max-width:780px) {
    .AgendaMeeting_Detail dl { padding:10px 20px}
    .AgendaMeeting_Detail .File dd { max-width:77%; }
}

@media (max-width:540px) {
    .Cont h2+h3, .AgendaMeeting_List+h3 { font-size:36px;}
    .AgendaMeeting_List .session {width: calc(100% - 40px);margin-left: 40px;}
    .AgendaMeeting_List .session:last-child { border-left:none !important;}
    .AgendaMeeting_List .session h4 {left: -40px !important; width:80px; height:80px; line-height:80px; font-size:19px}
    .AgendaMeeting_List .session dl {margin-left: 50px !important;}
    .AgendaMeeting_List .session dl::before { top: 35px; }
    .AgendaMeeting_Detail * { font-size:17px}
    .AgendaMeeting_Detail dl dt { flex:0 0 80px}
    .AgendaMeeting_Detail .File dd { max-width:75%; }
}

@media (max-width:400px) {
    .Cont h2+h3, .AgendaMeeting_List+h3 { font-size:24px;}
    .AgendaMeeting_List .session {width: calc(100% - 10px);padding-left: 20px;padding-top: 50px;margin-left:10px;}
    .AgendaMeeting_List .session h4 {width:calc(100% + 10px);height:auto;border-radius:10px;margin-left:0;left: -10px !important;line-height: 1;padding: 15px;}
    .AgendaMeeting_List .session dl::before { content:none !important;}
    .AgendaMeeting_List .session dl { margin-left: 0 !important; padding: 15px; padding-left: 50px;  border: none; }
    .AgendaMeeting_List .session dt { left:0;}
}