@charset "utf-8";


/* 회의록 상세검색 */
#search {padding: 30px 0; display: flex; justify-content: space-between; align-items: center; background: url(/minutes/images/assembly/main/bg_sch.jpg)no-repeat center; background-size: cover;}
#search fieldset {display: flex;flex-wrap: wrap;width: 100%;height: 140px;background: #fff;border: 3px solid #262d52;border-radius: 5px;box-shadow: 0px 3px 10px 0px rgba(204, 204, 204, 0.25);box-sizing: border-box;}
#search .sel {position: relative;float: left;width: 17%;}
#search .sel2 {width: 15%;}
#search .sel3 {width: 22%;}
#search .sel4 {width: 29%;}
#search .sel:before,
#search .sel:after{z-index:1;content:'';display:block;position:absolute;top:50%;right:0;width:1px;height: 15px;background:#ccc;transform:translateY(-50%);}
#search .sel:before{right:28px;width: 7px;height: 7px;margin:-2px 0 0 0;border-bottom: 1px solid #6a6a6a;border-right: 1px solid #6a6a6a;background:none;transform:translateY(-50%) rotate(45deg);}
#search .sel select{ -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none;}

#search input, #search select {border: none;width: 100%;height: 67px;line-height: 67px;padding: 0 50px 0 20px;font-size: 18px;font-weight: 600;}
#search input {padding: 0 70px 0 20px;width: 100%;font-size: 16px;border-top: 1px solid #eee; text-align: center;}
#search select {text-overflow:ellipsis; white-space:nowrap;}
#search ::-webkit-input-placeholder{font-weight: 200; color:#aaa;}
#search :-ms-input-placeholder{font-weight: 200; color:#aaa;}
#search ::placeholder{font-weight: 200; color:#aaa;}
#search .submit {position: absolute;right: 3px;bottom: 3px;width: 70px;height: 67px;font-size: 0;background: #223251 url(/minutes/images/assembly/main/ico_search.png)no-repeat center;border-radius: 5px 0 0 0;transition: 0.3s;}
#search .submit:hover {background-color: #162238;}

@media all and (max-width:1230px) {
    #search .submit {right:15px;}
}
@media all and (max-width:1024px){
    #search fieldset {display: block;height: auto;}
    #search .sel {width: 100%;}
    #search .sel:after {width: 100%; height: 1px; top: auto; bottom: 0; right: 50%; transform: translateX(50%); background: #d7ddef;}
    #search input, #search select {width: 100%; height: 50px; line-height: 50px; font-size: 16px;}
    #search .submit {position: static;width: 100%;height: 50px;background-size: 20px;border-radius:0;}
}
@media all and (max-width:568px){
}
@media all and (max-width:430px){
    #search input, #search select {height: 46px; line-height: 46px; font-size: 16px;}
    #search .submit {height: 46px;}
}

/* sec */
.sec {padding: 50px 0; background: #f5f5f5;} 
.sec > .inner {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec2 {background: #fff url(/minutes/images/assembly/main/bg_bottom.jpg)no-repeat bottom center;}

@media all and (max-width:568px){
    .sec {padding:35px 0;}
}

/* 게시판 */
#board {position: relative; width: calc(100% - 410px);}
#board:after {content: ''; display: block; position: absolute; top:60px; left: 0; width: 100%; height: 1px; background: #eb546d;}
#board > ul > li > a {display:flex; flex-wrap: wrap; justify-content: center; align-items: center; position:absolute; top:0; left:0; width: calc((100% - 44px) / 4); height:60px; font-size:20px; font-weight: 500; color: #f08899; transition:0.3s ease-in-out; text-align:center; text-decoration:none; box-sizing: border-box;}
#board > ul > li:first-child > a {border-radius: 10px 0 0 10px;}
#board > ul > li:nth-child(2) > a {left: calc((100% - 44px) / 4);}
#board > ul > li:nth-child(3) > a {left: calc(((100% - 44px) / 4) * 2);}
#board > ul > li:nth-child(4) > a {left: calc(((100% - 44px) / 4) * 3);}
#board > ul > li > a:after {content:''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background: #f08899;}
#board > ul > li > a:hover,
#board > ul > li > a:focus,
#board > ul > li > a:active,
#board > ul > li.on > a {font-weight: 700; color:#fff; background:#eb546d; border-radius: 5px 5px 0 0;}
#board > ul > li > .con {display:none; padding:80px 0 0;}
#board > ul > li.on > .con {display:block;}

#board .con li a {display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 10px; width: 100%; height: 60px; text-decoration: none; background: #fff; border: 1px solid #f2b2be; border-radius: 5px; box-sizing: border-box; transition: .2s ease-in-out;}
#board .con li:last-child a {margin: 0;}
#board .con li a:hover {box-shadow: 0px 0px 15px 0px rgba(235, 84, 109, 0.15);}
#board .con li a .num {margin: 0 3.8%;width: 7.6%;height: 30px;line-height: 30px;font-weight: 600;color: #d53b55;text-align: center;background: #f7ecee;border: 1px solid #f2b2be;border-radius: 15px;box-sizing: border-box;}
#board .con li a .tit {position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60.99%;padding: 0 3.8%;font-weight: 600;box-sizing: border-box;}
#board .con li a .date {width: 23.76%;text-align: center; word-break: keep-all;}
#board .con .none {padding: 40px 0; text-align: center;}
#board .more {display: block; position: absolute; top: 20px; right: 4px; width: 20px; height: 20px; background: url(/minutes/images/assembly/main/ico_more.png)no-repeat; font-size: 0;}

@media all and (max-width:1024px) {
    #board {width:100%;}
}
@media all and (max-width:768px) {
    #board:after {top: 50px;}
    #board > ul > li > a {height: 50px; font-size: 18px;}
    #board .con li a .date {font-size: 14px;}
    #board .more {top: 15px;}
}
@media all and (max-width:568px) {
    #board > ul > li > a {width:calc(100%  / 4); font-size: 16px;}
    #board > ul > li:nth-child(2) > a {left: calc(100% / 4);}
    #board > ul > li:nth-child(3) > a {left: calc((100% / 4) * 2);}
    #board > ul > li:nth-child(4) > a {left: calc((100%  / 4) * 3);}
    #board > ul > li > .con {padding: 70px 0 0;}
    #board .con li a .num {margin: 0 2.5%;}
    #board .con li a .tit {padding: 0 2%; max-width: 63%;}

    #board .more {position: static;margin: 10px 0 0;width: 100%;height: 44px;line-height: 44px;font-size: 15px;font-weight: 400;color: #fff;text-align: center;background: #eb546d;border-radius: 5px;}
}
@media all and (max-width:430px){
    #board:after {top: 40px;}
    #board > ul > li > a {height: 40px; font-size: 15px;}
    #board > ul > li > .con {padding: 55px 0 0;}
    #board .con li a .date {font-size: 13px;}
}

/* 의사일정달력 */
#calendar {padding: 30px; width:370px; color: #fff; background: #259b97 url(/minutes/images/assembly/main/bg_calendar.png)no-repeat bottom right; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); box-sizing: border-box;}
#calendar .agenda .tit {position: relative;margin: 0 0 20px;padding: 0 0 0 100px;height: 100px;border-bottom: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}
#calendar .agenda .tit .date {position: absolute;top:0;left:0;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 80px;height: 80px;font-size: 14px;color: #cbe3e2;text-align: center;background: #1e827f;border: 1px solid rgba(255,255,255,.4);border-radius: 5px;box-sizing: border-box;}
#calendar .agenda .tit .date::after {content:'';position: absolute;top: -10px;left: -10px;width: 25px;height: 25px;background: url(/minutes/images/assembly/main/ico_check.png)no-repeat;}
#calendar .agenda .tit .date strong {font-size: 30px;font-weight: 700;color: #fff;line-height: 1.2;}
#calendar .agenda .tit h4 {font-size: 26px; font-weight: 600; color: #fff;}
#calendar .agenda .tit .more {display: block;margin: 5px 0 0;width: 120px;height: 30px;line-height: 28px;font-size: 14px;font-weight: 600;text-align: center;text-decoration: none;background: #fff;border: 2px solid #1e827f;border-radius: 15px;box-sizing: border-box;}
#calendar .agenda .list {overflow-y: auto;margin: 0 0 15px;padding: 7px 20px;height: 110px;background: rgba(255,255,255,.15);border-radius: 5px;box-sizing:border-box;}
#calendar .agenda .list li {overflow: hidden;padding-bottom: 3px;width: 100%;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;font-weight: 400;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);}
#calendar .agenda .list li::before {background: #fff;border-radius: 1.5px;}
#calendar .agenda .btn_wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
#calendar .agenda .btn_wrap a {width: 49%; height: 45px; line-height: 45px; font-size: 15px; font-weight: 500; color: #fff; text-align: center; text-decoration: none; background: #297876; border-radius: 5px;}

#calendar .visit {display: flex; flex-wrap: wrap; align-items: center; margin: 15px 0 0; padding: 0 6px; height: 50px; color: #222; background: #fff; border-radius: 25px; text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08); overflow: hidden; box-sizing: border-box;}
#calendar .visit p {position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 0 20px 0 0; margin: 0 20px 0 0; font-weight: 600;}
#calendar .visit p:after, #calendar .visit p:before {content: ''; display: inline-block; margin: 0 10px 0 0; width: 40px; height: 40px; background: #da343c url(/minutes/images/assembly/main/ico_count.png)no-repeat center; border-radius: 50%;}
#calendar .visit p:after {position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin: 0; width: 1px; height: 15px; background: #ddd; border-radius: 0;}
#calendar .visit span {font-weight: 700;}

@media all and (max-width:1024px){
    #calendar {margin: 35px 0 0; width:100%;}
}
@media all and (max-width:768px){

}
@media all and (max-width:568px){
    #calendar .agenda .tit {margin: 0 0 15px;padding: 5px 0 0 90px;height: 90px;}
    #calendar .agenda .tit .date {width: 76px; height: 76px;}
    #calendar .agenda .tit .date strong {font-size: 26px;}
    #calendar .agenda .tit h4 {font-size: 22px;}
}
@media all and (max-width:420px) {
    #calendar {padding:20px 15px;}
    
    #calendar .visit {height: 44px;}
    #calendar .visit p {padding: 0 10px 0 0; margin: 0 10px 0 0;}
    #calendar .visit p:before {width: 36px; height: 36px;}
}


/* sec2 공통 */
.sec2 .inner > div {overflow: hidden;width: 47.91%;height: 400px;background: #fff;border-radius: 5px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.sec2 .inner > div .tit_wrap {padding: 0 5.2%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; height: 90px; background: url(/minutes/images/assembly/main/bg_tit1.jpg)no-repeat; background-size: cover; box-sizing: border-box;}
.sec2 .inner > div .tit_wrap h4 {font-size: 30px; font-weight: 700; color: #fff;}
.sec2 .inner > div .tit_wrap .more {display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; font-weight: 400; color: #fff; text-decoration: none;}
.sec2 .inner > div .tit_wrap .more:after {content:''; display: block; margin: -2px 0 2px 10px; width: 40px; height: 25px; background: url(/minutes/images/assembly/main/ico_more2.png)no-repeat 0 0;}
.sec2 .inner > div .con {padding:28px 5.2%; box-sizing: border-box;}

@media all and (max-width:1024px){
    .sec2 .inner > div {width:100%; height: auto;}
}
@media all and (max-width:768px){
    .sec2 .inner > div .tit_wrap {height: 70px;}
    .sec2 .inner > div .tit_wrap h4 {font-size: 26px;}
}
@media all and (max-width:568px){
    .sec2 .inner > div .tit_wrap h4 {font-size: 24px;}
}
@media all and (max-width:430px){
    .sec2 .inner > div .tit_wrap h4 {font-size: 22px;}
}

/* 전체회의록 */
#late .tit {background: url(/minutes/images/assembly/main/ico_assembly.png)no-repeat bottom right 58px;}
#late .tit strong {font-size: 30px; font-weight: 700;}
#late .tit p {margin: 7px 0 20px;font-size: 14px; color: #888;}
#late .link {display: flex; flex-wrap: wrap; justify-content: space-between;}
#late .link li {width: 47.57%;}
#late .link li a {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 20px; padding: 0 20px; height: 60px; font-weight: 400; color: #555; text-decoration: none; border: 1px solid #b4caee; border-radius: 5px; box-sizing: border-box;}
#late .link li:nth-child(n + 3) a {margin: 0;}
#late .link li a:after {content:''; display: block; width: 40px; height: 25px; background: url(/minutes/images/assembly/main/ico_more2.png)no-repeat 100%;}
#late .link li a:hover {border-color: #293883;box-shadow: 5px 5px 0px 0px rgba(238, 238, 238, 1);}
#late .link li a:hover:after {background-position: 100% 100%;}

@media all and (max-width:768px){
    #late .tit {background-position: bottom right 20px;}
    #late .tit strong {font-size: 26px;}
    
    #late .link li {width:48.5%;}
    #late .link li a {margin: 0 0 10px; height: 50px;}
}
@media all and (max-width:568px) {
    #late .tit {background-position: bottom right 0;}
    #late .tit strong {font-size: 22px;}
    #late .tit p {font-size: 13px;}

    #late .link li {width: 100%;}
    #late .link li:nth-child(3) {margin: 0 0 10px;}
}
@media all and (max-width:420px){
    #late .tit {background: none;}
}

/* 영상회의록 */
#cast .tit_wrap {background-image: url(/minutes/images/assembly/main/bg_tit2.jpg);}
#cast .dot > li:before {top: 16px; width: 5px; height: 5px; background: #114bac; border-radius: 1.5px;}
#cast .dot > li.col2:before {background: #177f92;}
#cast .dot > li.col3:before {background: #17926b;}
#cast .dot > li.col4:before {background: #d83e5e;}
#cast li a{display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 20px; text-decoration: none;}
#cast li:last-child a {margin: 0;}
#cast li a > span {position: relative;width: 21%;font-weight: 500;text-align: center;line-height: 1.2;}
#cast li a > span:not(:last-child):after {content: ''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background: #98da70;}
#cast li a > span:nth-child(2) {width: 18.68%;}
#cast li a > span:nth-child(3) {width: 17.69%;}
#cast li a > span:nth-child(4) {width: 18.29%;}
#cast li a > span:nth-child(5) {width: 23.85%;text-align: right;}
#cast li a > span span {display: block; font-size: 12px;}
#cast li .s_tit {overflow: hidden;display: block;padding: 0 2px;width: 85px;height: 35px;line-height: 35px;font-size: 16px;font-weight: 600;color: #114bac;text-overflow: ellipsis;white-space: nowrap;text-align: center;background: #eaeff7;border: 1px solid #a3beeb;border-radius: 17.5px;box-sizing: border-box;}
#cast li.col2 .s_tit {color: #0b7486; background: #eef6f8; border-color: #96d4df;}
#cast li.col3 .s_tit {color: #0c7f5b; background: #f0f9f6; border-color: #8ad6bd;}
#cast li.col4 .s_tit {color: #c82043; background: #faf2f4; border-color: #e8a5b3;}

@media all and (max-width:1024px){
    #cast {margin: 35px 0 0;}
    #cast li .s_tit {margin: 0 auto; width: 80%;}
}
@media all and (max-width:768px){
    #cast li .s_tit {font-size: 15px;}
}
@media all and (max-width:568px){
    #cast {margin:25px 0 0;}
    #cast li .s_tit {font-size: 14px;}
    #cast .dot > li {padding: 0 0 0 6px;}
}
@media all and (max-width:430px){
    #cast .dot > li:before {top: 11px;}
    #cast li span {font-size: 14px;}
    #cast li .s_tit {height: 28px; line-height: 28px; font-size: 12px;}
    #cast li a > span:nth-child(5) {text-align: center; font-size: 12px;}
}