@charset "utf-8";

#container_main{position:relative;}
#container_main h4 {line-height:110%; font-size:29px; font-weight:600;}
#container_main h4 span{font-weight:400;}
#container_main h4:after{content:''; display:block; width:50px; height:5px; margin:8px auto 0; background:#ffbf3b;}
@media all and (max-width:1024px) {
	#container_main h4{font-size:25px;}
}
@media all and (max-width:768px) {
	#container_main h4{font-size:23px;}
}
@media all and (max-width:568px) {
	#container_main h4{font-size:20px;}
	#container_main h4:after{width:40px; height:3px; margin:5px auto 0;}
}

.more {position:absolute; top:0; right:0; display:block; width:42px; height:42px; font-size:0; text-indent:-999px; border:2px solid #c8c8c8; border-radius:50%; box-sizing:border-box;}
.more:before, .more:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:13px; height:2px; background:#6f6f6f;}
.more:after {width:2px; height:13px;}
.more:hover{border-color:#999;}
@media all and (max-width:1024px) {
	.more{top:-8px;}
}
@media all and (max-width:768px) {
	.more{width:35px; height:35px;}
}

/* 메인비주얼 */
#visual {overflow:hidden; margin:0 0 55px; text-align: center;}
#visual img {position:relative; max-width:100%;}
@media all and (max-width:768px) {
	#visual{margin:0 0 40px;}
}

/*위원회 구성 */
#member {position:relative;}
#member h4{text-align:center;}
#member .list {display:flex; justify-content:space-evenly; flex-wrap:wrap; padding:32px 0 0; text-align:center;}
#member .list a {text-decoration:none;}
#member .list a *{display:block;}
#member .pic {position:relative; display:block; max-width:159px; box-sizing:border-box; margin:0 auto 21px;}
#member .pic img {width:100%; height:100%; box-shadow:0 0 4px rgba(0,0,0,0.2);}
#member .pic:after{content:''; display:block; position:absolute; bottom:-19px; left:50%; width:58px; height:58px; transform:translateX(-50%); background:url(../../images/committee/main/ico_home.png) no-repeat 50% 50%;}
#member .txt strong{font-weight:500;}
#member .txt .name {font-size:20px;}
#member .txt .position{padding:2px 0 5px;}
#member .txt * {display:block;}
#member .list a:hover .pic:after{transform:translateX(-50%) rotateY(180deg); transition:0.4s ease-in-out;}
@media all and (max-width:1024px) {
	#member .list{padding:25px 0 0 0;}
	#member .list a {width:20%; padding:0 5px; box-sizing:border-box;}
}
@media all and (max-width:768px) {
	#member .pic:after{width:45px; height:45px; background-size:cover;}
	#member .txt{font-size:14px;}
	#member .txt .name{font-size:17px;}
	#member .txt .position{padding:1px 0 2px;}
}
@media all and (max-width:568px) {
	#member .list a{width:33.33%;}
	#member .list a:nth-child(-n + 2){width: 50%; margin:0 0 20px;}
	#member .pic{max-width:110px;}
	#member .pic:after{width:35px; height:35px;}
	#member .txt{font-size:13px;}
	#member .txt .name{font-size:16px;}
}

/* 위원회 의사일정 및 회의록 */
#board {padding:42px 0 58px;}
#board:after {content:''; display:block; clear:both;}
#board .list{position:relative; float:left; width:47.85%;}
#board .assembly{float:right;}
#board > div .none {min-height:150px; box-sizing:border-box; padding:3em 0 0; text-align:center;}

#board h4 {padding:0 0 0 19px; margin:0 0 39px; border-bottom:1px solid #c8c8c8;}
#board h4:after{width:110px; margin:12px 0 -1px -19px; background:url(../../images/committee/main/bg_tit.png) no-repeat;}
#board ul{padding:0 0 0 15px;} 
#board li {margin:0 0 15px;}
#board li a{position:relative; display:block; width:100%; padding:0 90px 0 0; box-sizing:border-box; text-decoration:none;}
#board .sbj{display:inline-block; vertical-align:top; max-width:98%; padding:0 20px 0 0; color:#333; font-size:17px; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#board a:hover .sbj,
#board a:focus .sbj,
#board a:active .sbj{color:#000; text-decoration:underline;}
#board .date{display:block; position:absolute; right:0; top:0; font-size:16px;}
#board .new{display:inline-block; vertical-align:middle; width:18px; height:18px; line-height:18px; margin:0 0 0 -20px; font-size:10px; font-weight:400; text-align:center; color:#fff; border-radius:50%; background:#ff9c00; text-transform:uppercase;}
#board .more{top:5px; width:26px; height:26px; border-radius:5px; border-width:1px;}
@media all and (max-width:1024px) {
	#board{padding:50px 0;}
	#board h4{margin:0 0 30px; padding:0 0 0 10px;}
	#board h4:after{margin-left:-10px;}
	#board ul{padding:0 0 0 5px;} 
	#board .date{font-size:15px;}
	#board .more{top:0;}
}
@media all and (max-width:768px) {
	#board{padding:40px 0;}
	#board h4{margin:0 0 25px; padding:0 0 0 5px;}
	#board h4:after{margin-left:-5px;}
	#board .list{width:100%;}
	#board .agenda{margin:0 0 30px;}
}
@media all and (max-width:568px) {
	#board h4:after{margin:9px 0 -1px -5px;}
	#board li a{padding:0 70px 0 0;}
	#board .sbj{font-size:16px;}
	#board .date{font-size:14px;}
	#board .more{top:-5px;}
}

/* 포토갤러리 */
#gallery {position:relative; padding:0 0 43px;}
#gallery:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:337px; background:#02224a;}
#gallery .inner{width:1590px;}
#gallery h4{margin:0 0 25px; text-align:center;}
#gallery .more{right:94px;}
#gallery .list_wrap {box-sizing:border-box;}
#gallery .list_wrap:after {content:''; display:block; clear:both;}
#gallery .list {float:left;}
#gallery .list * {display:block;}
#gallery .list a {width:350px; margin:0 34px 0 0; padding:10px; background:#fff; text-align:center; text-decoration:none;}
#gallery .list:last-child a{margin:0;} 
#gallery .img {overflow:hidden; position:relative; width:100%;}
#gallery .img img {width:100%; transition:0.25s ease-in-out; object-fit:cover;}
#gallery .list a:hover .img img,
#gallery .list a:active .img img,
#gallery .list a:focus .img img {transform:scale(1.1);}

#gallery .txt {box-sizing:border-box; padding:0 0 12px;}
#gallery .txt em {overflow:hidden; display: inline-block; max-width:98%; text-overflow:ellipsis; white-space:nowrap; line-height:110%; padding:20px 0 6px; font-size:20px; font-weight:300;}
#gallery .date{display:block; position:relative; font-size:15px; color:#808080;}
#gallery .date:before {content:''; display:inline-block; vertical-align:middle; width:21px; height:20px; margin:-3px 3px 0 0; background:url(../../images/committee/main/ico_date.png) no-repeat center;}
#gallery .none{min-height:300px; padding:5em 0; color: #fff; text-align:center;}
@media all and (max-width:1620px) {
	 #gallery:before{height:300px;}
	#gallery .inner{width:100%;}
	#gallery .list_wrap {display: flex; flex-wrap:wrap; justify-content:space-between;}
	#gallery .list{width:25%;}
	#gallery .list a{width:calc(100% - 40px); margin:0 auto;}
	#gallery .list:last-child a{margin:0 auto;}
	#gallery .more{right:15px;}
}
@media all and (max-width:1024px) {
    #gallery:before{height:250px;}
	#gallery .inner{padding:0 5px;}
	#gallery h4{margin:0 0 15px;}
	#gallery .txt em{font-size:18px;}
	#gallery .date{font-size:14px;}
}
@media all and (max-width:768px) {
	#gallery:before{height:620px;}
	#gallery .inner{padding:0;}
	#gallery .list{width:50%;}
	#gallery .list:nth-child(-n + 2){margin-bottom:20px;}
	#gallery .txt em{font-size:17px;}
	#gallery .more{right:10px;}
}
@media all and (max-width:568px) {
	#gallery:before{height:450px;}
	#gallery .txt em{font-size:16px;}
	#gallery .date{font-size:13px;}
}

/* 의사일정 상세보기*/
#container_main .modal-title {position:relative; clear:both; width:100%; line-height:120%; padding:0 0 15px 34px; font-size:25px; color:#333; font-weight:500; box-sizing:border-box;}
#container_main .modal-title:after {display:block; content:''; position:absolute; top:3px; left:0; width:23px; height:23px; margin:0; border:6px solid #ffb900; border-left:6px solid #3e59ad; border-top:6px solid #3e59ad; background:none; box-sizing:border-box;}
@media all and (max-width:1024px) {
	#container_main .modal-title {font-size:25px;}
}
@media all and (max-width:768px) {
	#container_main .modal-title {font-size:23px;}
}
@media all and (max-width:568px) {
	#container_main .modal-title {padding:0 0 15px 30px; font-size:20px;}
}
@media all and (max-width:380px) {
	#container_main .modal-title {font-size:19px;}
}