@charset "utf-8";

#content{font-family:'Paperlogy';width:95%;margin:0 auto;margin-top:30px;}
::selection{background:#329cf0;color:#fff;}

/* 메인비주얼 & 퀵메뉴 영역 */
.main_container{position:relative;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;}
.main_container::after{background:url('/images/02/main/bg.png') no-repeat right bottom;content:"";position:absolute;right:0;bottom:-131px;width:100%;max-width:1650px;height:270px;z-index:-10;pointer-events:none;}

#m_wrap,#m_wrap2,#m_wrap3,#m_wrap4{width:100%;margin:0;}

.main_visual{height:170px;padding:36px 15px;border-radius:22px;background:url("/images/02/main/main_visual_bg.jpg") no-repeat center center;background-size:cover;box-sizing:border-box;}
.visual_txt p{margin-bottom:6px;font-size:14px;color:#333;}
.visual_txt h2{font-size:24px;font-weight:900;background:linear-gradient(0deg,#044893,#2b9bcb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:1.35;letter-spacing:-1.5px;}

.qm_wrap{margin-top:10px;}
.quick_menu ul{display:flex;flex-wrap:wrap;gap:12px;margin:0;}
.quick_menu li{width:calc(50% - 6px);padding:0;box-sizing:border-box;}
.quick_menu li a{display:block;height:110px;padding:14px;border-radius:18px;background:#f1f3f6;box-sizing:border-box;border:2px solid #f1f3f6;}
.quick_menu li a:hover{border:2px solid #329cf0;box-shadow:0 4px 10px rgba(50,156,240,0.15);}
.quick_menu .qm_item{position:relative;height:100%;}
.quick_menu .qm_item span{display:block;font-size:16px;font-weight:700;color:#333;letter-spacing:-1px;}
.quick_menu .qm_item .icon{display:block;position:absolute;right:-8px;bottom:-7px;width:53px;height:49px;background:url("/images/02/main/common.png") no-repeat center center;transform: scale(0.8);}
.quick_menu li:nth-child(1) .icon{background-position:-30px -2px;}
.quick_menu li:nth-child(2) .icon{background-position:-140px 3px;}
.quick_menu li:nth-child(3) .icon{background-position:-245px -5px;}
.quick_menu li:nth-child(4) .icon{background-position:-348px -3px;}
.quick_menu li:nth-child(5) .icon{background-position:-452px -3px;}
.quick_menu li:nth-child(6) .icon{background-position:-553px 0px;}

/* 위원회 소속의원 */
#member_title{font-size:24px;}
.member_list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.member_list li{}
.member_item{width:calc(50% - 5px);padding:0;box-sizing:border-box;}
.member_item a{display:flex;align-items:center;min-height:110px;border:1px solid #ddd;border-radius:22px;background:#fff;box-sizing:border-box;}
.member_item a:hover{box-shadow:0 6px 10px rgba(24,54,91,0.08);}
.m_photo{overflow:hidden;display:block;width:68px;height:68px;margin-left:10px;border-radius:50%;}
.m_photo img{width:100%;/* height:100%; */object-fit:cover;}
.m_info{display:block;margin:0 auto;padding-left:5px;width:36%;}
.first_mb .m_info{display:block;margin-left:30px;}
.m_role{display:block;font-size:12px;font-weight:500;color:#299ccb;line-height:1.2;}
.m_name{display:inline-block;margin-top:2px;font-size: 18px;font-weight:700;color:#111;line-height:1.2;}
.m_position{display:inline-block;font-size:13px;color:#333;}
.m_di,.m_party{display:block;margin-top:3px;font-size:13px;color:#333;line-height:1.3;}
.m_party strong{margin-right:4px;font-size:13px;}
.m_di strong{margin-right:4px;font-size:13px;}
.first_mb{width:100%;position:relative;}
.first_mb a{position:relative;overflow:hidden;}
.first_mb .m_photo{width: 80px;height: 80px;}
.first_mb .m_name{font-size:18px;}
.first_mb .m_position{line-height:27px;}
.first_mb a:before{content:"";display:block;position:absolute;right:-24px;top:20px;width:114px;height:112px;background:url('/images/02/main/chil_logo.png') no-repeat center center;background-size:contain;}

/* 위원회 의안 */
.ag_section{width:100%;}
.agenda_list{display:flex;flex-direction:column;gap:12px;margin-top:10px;}
.agenda_list li{display:flex;align-items:center;justify-content:space-between;min-height:86px;transition:box-shadow .25s ease;padding:17px 16px;border:1px solid #dddddd;border-radius:18px;background:#fff;box-sizing:border-box;}
.agenda_list li:hover{box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.agenda_list li .bs_title:hover{text-decoration:underline;}
.ag_item{display:block;width:calc(100% - 74px);padding-right:12px;box-sizing:border-box;}
.ag_item .category{display:block;margin-bottom:7px;font-size:12px;color: #969696;line-height:1.2;letter-spacing:-1.5px;font-weight:500;}
.ag_item .bs_title{display:block;overflow:hidden;font-size: 17px;font-weight:700;color:#222;line-height:1.35;letter-spacing:-0.7px;white-space:nowrap;text-overflow:ellipsis;}
.status_btn{flex-shrink:0;min-width:67px;height:30px;padding:0 12px;border-radius:30px;background:#f0f2f6;font-size:12px;font-weight:700;color:#333;line-height:30px;text-align:center;box-sizing:border-box;}
.more_btn{font-size:16px;color:#666;float:right;line-height:35px;}
.more_btn:hover{color:#333;}

/* 위원회 활동 */
.active_section{width:100%;}
.active_head{overflow:hidden;}
.active_list{display:flex;flex-direction:column;gap:18px;margin-top:10px;margin-bottom: 20px;}
.active_list li{overflow:hidden;border-radius:18px;background:#fff;box-shadow: 0 6px 16px rgba(0,0,0,0.08);transition:box-shadow .25s ease;}
.active_list li:hover{box-shadow:0 8px 20px rgba(0,0,0,0.16);}
.active_list li a{display:block;}
.active_img{display:block;overflow:hidden;height: 260px;background:#eee;}
.active_img img{width:100%;height:100%;object-fit: cover;transition:transform .25s ease;}
.active_list li:hover .active_img img{transform:scale(1.04);}
.active_txt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;background:#fff;}
.active_txt strong{display:block;overflow:hidden;font-size:18px;font-weight: 700;color:#222;line-height:1.3;letter-spacing: -0.6px;white-space:nowrap;text-overflow:ellipsis;}
.active_txt em{flex-shrink:0;font-size:15px;font-style:normal;color: #969696;line-height:1.3;}
.active_head{display:flex;align-items:center;justify-content:space-between;overflow:hidden;}
.active_head #member_title{margin:0;}
.active_head .more_btn{font-weight: 600;}

/* tablet */
@media all and (min-width:629px){
	.main_container{flex-direction:row;flex-wrap:wrap;gap:24px;}
	.main_container::after{right:0;bottom:-131px;width:100%;height:270px;}
	.main_visual{height:190px;padding:25px;border-radius:28px;}
	.visual_txt p{font-size:18px;font-weight:500;}
	.visual_txt h2{font-size:28px;}
	.qm_wrap{margin-top:18px;}
	.quick_menu ul{gap:16px;margin:0;}
	.quick_menu li{width:calc(33.333% - 11px);padding:0;}
	.quick_menu li a{height:150px;padding:18px;border-radius:18px;}
	.quick_menu .qm_item span{font-size:18px;}
	.quick_menu .qm_item .icon{display:block;position:absolute;right:4px;bottom:0;width:55px;height:48px;background:url("/images/02/main/common.png") no-repeat center center;transform:scale(1.0);}
	.quick_menu li:nth-child(1) .icon{background-position:-28px -4px;}
	.quick_menu li:nth-child(2) .icon{background-position:-138px 0;}
	.quick_menu li:nth-child(3) .icon{background-position:-243px -6px;}
	.quick_menu li:nth-child(4) .icon{background-position:-347px -3px;}
	.quick_menu li:nth-child(5) .icon{background-position:-451px -3px;}
	.quick_menu li:nth-child(6) .icon{background-position:-551px 0px;}
	.first_mb a:before{top: 12px;right: -6px;}
	#m_wrap{width: 100%;margin:0;}
	#m_wrap2{width: 100%;}
	.m_photo{width: 90px;height: 90px;margin-left: 40px;}
	.member_item{width:calc(50% - 5px);}
	.agenda_list{gap: 15px;}
	.agenda_list li{min-height:92px;padding:20px 20px;}
	.ag_item .bs_title{font-size:17px;}
	.ag_item .category{font-size:16px;}
	.status_btn{font-size:15px;padding:4px 16px;height:37px;font-weight:400;}
	.active_list{gap:20px;}
	.active_img{height: 390px;}
	.active_txt strong{font-size:20px;}
	.active_txt em{font-size:16px;}
}

/* desktop */
@media all and (min-width:1023px){
	.main_container{gap:24px;align-items:flex-start;}
	.main_container::after {right: -20px;bottom: -84px;width: 100%;height: 270px;}
	#m_wrap{width: 50%;}
	#m_wrap2{width: 47%;}
	#m_wrap3{width: 50%;}
	#m_wrap4{width: 47%;}
	.main_visual{height:254px;padding:42px 34px;}
	.visual_txt h2{font-size:35px;margin-top:20px;}
	.quick_menu li a{height:163px;}
	.m_position{font-size: 16px;}
	.m_photo{margin-left:15px;width: 90px;height: 90px;}
	.member_item a{min-height:125px;}	
	.first_mb a{min-height:165px;}
	.agenda_list li{width:100%;height:100px;min-height: 102px;padding: 20px 20px;}
	.ag_item{width:calc(100% - 78px);}
	.active_img{height: 211px;}
	.first_mb a:before {top: 49px;right: -1px;}
	.first_mb .m_name {font-size: 23px;}
	.first_mb .m_position {line-height: 37px;}
	.m_role {font-size: 16px;}
	.m_di, .m_party{font-size:14px;line-height: 16px;}
	.m_di, .m_party strong{font-size: 14px;}
	.first_mb .m_photo {width: 100px;height: 100px;margin-left: 30px;}
	.first_mb{
    width: 100%;
}
}

@media all and (min-width:1250px){
	.main_container{gap:26px;}
	.main_container::after {right: -20px;bottom: -99px;width: 100%;height: 270px;}
	.member_list{gap:8px;}
	.member_item{width:calc(50% - 4px);padding:0;}
	.member_item a{min-height: 124px;padding:13px;}
	.first_mb{width:100%;}
	.first_mb a{min-height: 172px;padding:18px;}
	.first_mb .m_photo{width:124px;height:124px;}
}

/* 와이드 */
@media all and (min-width:1800px){
	.main_container{width:1800px;margin:0 auto;gap:20px;}
	.main_container::after{right:0;bottom:-100px;width:1650px;height:270px;z-index:-10;}
	#m_wrap{width: 29%;}
	#m_wrap2{width: 22%;}
	#m_wrap3{width: 24%;}
	#m_wrap4{width: 21.3333%;}
	.visual_txt h2{font-size:35px;}
	.m_photo{overflow:hidden;display:block;width:86px;height:86px;border-radius:50%;margin-left:5px;}
	.first_mb .m_photo{margin-left:5px;}
	.m_role{font-size:15px;}
	.first_mb .m_name{font-size:20px;}
	.first_mb .m_position{line-height:27px;font-size:16px;}
	.m_di,.m_di strong{font-size:16px;line-height: 24px;}
	.m_party,.m_party strong{font-size:16px;}
	.first_mb a:before{top:68px;right:-28px;}
	.quick_menu li a{height:163px;padding:18px;border-radius:30px;width:170px;}
	.active_list{gap:16px; margin-bottom:0;}
	.active_img{height: 219px;}
	.active_txt{padding:17px 20px;}
	.active_txt strong{font-size:18px;}
	.active_txt em{font-size:16px;}
}