@charset "utf-8";

/*위원회소개*/
.cmtIntro{width:100%; height:auto;}
.cmtIntro:before{content:''; position:absolute; z-index:-1; width:100%; height:25rem; background: linear-gradient(266deg,rgba(201, 223, 235, 0) 0%, rgba(201, 223, 235, .3) 100%); border-radius:7.8rem 0 0 2.8rem;}
.cmtIntro .title{width:100%; padding:4.8rem 0 0 10rem; }
.cmtIntro .title h2{position:relative; font-size:3.2rem; color:#333; margin-bottom:0.4rem;}
.cmtIntro .title h2::after{content:''; position:absolute; bottom:16px; right:0; display:block; width:75%; height:1px; background:#ccc; margin-right:1.6rem;}
.cmtIntro .detail{background:#fff; border-radius:3.2rem 3.2rem 7.6rem 3.2rem; box-shadow: 0 2px 50px 0 rgba(207, 225, 255, 0.08); padding:2.4rem 3.2rem; margin-left:8rem; border:none;}
.cmtIntro  .detail{background:#fff; border-radius:3.2rem 3.2rem 7.6rem 3.2rem; box-shadow: 0 2px 50px 0 rgba(207, 225, 255, 0.08); padding:2.4rem 3.2rem; margin-left:8rem;}

@media(max-width:768px){
.cmtIntro .title{padding:4.8rem 5rem 2.4rem 5rem;}
.cmtIntro .detail{margin-left:4rem;}
}
@media(max-width:522px){
}

/* 위원소개*/
.memberName { width:100%; }

.memberUl { display:flex; justify-content:space-between; flex-wrap: wrap; gap:30px; }
.memberUl > li { width:calc(50% - 15px);  border:1px solid #ddd; border-radius: 15px; transition:.4s; overflow:hidden; display: flex; flex-direction:column; justify-content: space-between; }

.memberUl > li .mProTop { padding:25px; min-height:240px;}
.memberUl > li .mProTop > dl { position: relative; padding: 0 0 20px 170px; box-sizing: border-box; }
.memberUl > li .mProTop > dl dt { position: absolute; left: 0; max-width:145px; }
.memberUl > li .mProTop > dl dt img { max-width:100%; border-radius:10px; width:140px; max-height:180px; height:auto; border:1px solid #ddd; }
.memberUl > li .mProTop > dl dd { width: 100%; }


.memberUl > li .mProTop dl dd strong { padding-top:4px; color:#111; display:block; font-size:2.4rem; margin:0px 0 16px; }
.memberUl > li .mProTop dl dd strong span { font-size:.8em; font-weight:400; }

.memberUl > li .mProTop .dot > li { padding: 0 0 0 90px; margin-bottom: 8px; }


.memberUl > li .mProTop .dot li em { position: absolute; left: 14px; width: 54px; font-weight: 200; display: inline-block; text-align: justify; text-justify: inter-character; }
.memberUl > li .mProTop .dot li em:after { content:''; display:inline-block; width:100%; height: 0; line-height: 0; font-size: 0; }
.memberUl > li .mProTop .dot li span i { font-size:.9em; font-weight: 100; margin-left: 10px; color: #888; }


.memberUl > li .mProBtm { display:flex; border-top:1px solid #ddd; overflow:hidden; border-radius: 0 0 15px 15px; }
.memberUl > li .mProBtm a { display:flex; align-items:center; justify-content: center;  width:50%; height:50px; line-height:50px; background:#fafafb; color:#888; transition:.4s;  }
.memberUl > li .mProBtm a:first-child { border-right:1px solid #ddd; } 
.memberUl > li .mProBtm a:active,
.memberUl > li .mProBtm a:focus,
.memberUl > li .mProBtm a:hover { background:#e9e7ff; color:#1B2D92; }


.memberUl > li:hover { background:#fafafb; border:1px solid #1B2D92; } 


.memberUl .sns-list { display:flex; flex-direction:row; justify-content:flex-start; gap:0.6rem; margin-top:16px; }
.memberUl .sns-list img { width:30px; height:30px; }

@media (max-width:1440px){
	.memberUl > li .mProTop{ display:flex; flex-direction: column; justify-content:center; align-items: center; }
	.memberUl > li .mProTop > dl dt { position:relative; margin: 0 auto; }
	.memberUl > li .mProTop > dl { padding:0 0 0 0; }
	.memberUl > li .mProTop dl dd strong { text-align: center; }
}

@media (max-width:768px){
	.memberUl > li { width:100%; }
}

/* 의안보기 */
.cmtBill { width:100%; }

.cmtBill .pcViewer { width:100%;}
.cmtBill .mobileViewer { display:none; }

.cmtBill table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #333; margin-bottom:25px; font-size:95%; }

.cmtBill table .trgroup1 th { background:#eff2eb; }
.cmtBill table .trgroup2 th { background:#e9eff3; }
.cmtBill table .trgroup3 th { background:#eee9f3; }
.cmtBill table .trgroup4 th { background:#f4f2e9; }

.cmtBill table .thd1 { width:8%; }
.cmtBill table .thd2 { width:8%; }
.cmtBill table .thd3 { width:17%; }
.cmtBill table .thd4 { width:8%; }
.cmtBill table .thd5 { width:8%; }
.cmtBill table .thd6 { width:17%; }
.cmtBill table .thd7 { width:8%; }
.cmtBill table .thd8 { width:8%; }
.cmtBill table .thd9 { width:18%; }

.cmtBill table .thd11 { width:15%; }
.cmtBill table .thd12 { width:20%; }
.cmtBill table .thd13 { width:65%; }


.cmtBill table thead th { padding:10px 0; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#ebeff1; color:#333; }
.cmtBill table thead th:last-child { border-right:none; }

.cmtBill table tbody th,
.cmtBill table tbody td { padding:9px 8px 8px 8px; text-align:center; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.cmtBill table tbody th { background:#fafafa; }

.cmtBill table tbody td:last-child { border-right:none; }
.cmtBill table tbody td.left { text-align:left; padding-left:15px; padding-right:15px; }
.cmtBill table tbody td.subject { color:#113d8e; font-weight:bold; font-size:115%; }
.cmtBill table tbody td.mbrLeft ul li { float:left; padding:0 5px; }

.cmtBill table tbody td.contentview { min-height:250px !important; padding:20px 15px 100px 15px; line-height:1.7; text-align:left; vertical-align: top; }
.cmtBill table tbody td a { display:inline-block; }
.cmtBill table tbody td.addfile img { float:left; position:relative; top:5px; margin-right:10px; }
.cmtBill table tbody td.addfile span { display:block; }

.cmtBill table tbody td .item { padding-right:7px; color:#333; font-weight:bold;  }
.cmtBill table tbody td .item_content { padding-right:15px; }

.cmtBill table tbody td.rightLine { border-right:1px solid #ddd; }


.cmtBill table tbody td ul.memList { padding:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px; }
.cmtBill table tbody td ul.memList li { float:left; width:100px; margin:3px 0; }
.cmtBill table tbody td ul.memList li input { position:relative; top:4px; }

.cmtBill table tbody td ul.memList2 { padding:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px; }
.cmtBill table tbody td ul.memList2 li { float:left; width:auto; margin:3px 30px 3px 0; }
.cmtBill table tbody td ul.memList2 li input { position:relative; top:4px; }

.cmtBill table tbody tr.down td ul li { margin-bottom:5px; padding:4px 0}
.cmtBill table tbody tr.down td ul li a { float:left; margin-right:5px; }

.cmtBill table tbody td ul.addfile li a.abtn_preview {
    height: 22px;
    line-height: 22px;
    padding: 0 5px 0 20px;
    background: #1757b7 url(/images/board/previewBtn_blt.png) no-repeat 5px 40%;
    color: #fff !important;
    border-radius: 3px;
    display: inline-block;
    font-size: 80%;
    margin-left: 10px;
    display: block;
}

@media (max-width:768px){
	.cmtBill .pcViewer { display:none; }
	.cmtBill .mobileViewer { width:100%; display:block; }

	.cmtBill table tbody tr.down td ul li { margin-bottom:5px; }
	.cmtBill table tbody tr.down td ul li a { float:none; margin-right:5px; display:block; }
}

/* 의정활동사진 */