/* 대수 페이지네이션 */
.generation_pagination{
	display:flex;
	justify-content:center;
	margin-bottom:20px;
}

.pagination_wrap{
	display:flex;
	align-items:center;
	gap:15px;
	padding:8px 20px;
	background:#f8f9fa;
	border:1px solid #e9ecef;
	border-radius:25px;
	box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.btn_prev_gen,
.btn_next_gen{
	padding:6px 12px;
	font-size:12px;
	font-weight:600;
	color:#495057;
	background:#fff;
	border:1px solid #dee2e6;
	border-radius:15px;
	cursor:pointer;
	transition:all 0.2s ease;
}

.btn_prev_gen:hover,
.btn_next_gen:hover{
	background:#e9ecef;
	border-color:#adb5bd;
	color:#212529;
}

.btn_prev_gen:disabled,
.btn_next_gen:disabled{
	opacity:0.5;
	cursor:not-allowed;
	background:#f8f9fa;
}

.generation_info{
	display:flex;
	align-items:center;
	gap:5px;
	font-size:14px;
	font-weight:700;
	color:#495057;
}

.current_gen{
	color:#581845;
	font-weight:800;
}

.gen_separator{
	color:#6c757d;
	font-weight:400;
}

.total_gen{
	color:#6c757d;
	font-weight:500;
}

/* 반응형 */
@media all and (max-width:768px){
	.pagination_wrap{
		gap:10px;
		padding:6px 15px;
	}
	
	.btn_prev_gen,
	.btn_next_gen{
		padding:5px 10px;
		font-size:11px;
	}
	
	.generation_info{
		font-size:13px;
	}
}

@media all and (max-width:568px){
	.pagination_wrap{
		gap:8px;
		padding:5px 12px;
	}
	
	.btn_prev_gen,
	.btn_next_gen{
		padding:4px 8px;
		font-size:10px;
	}
	
	.generation_info{
		font-size:12px;
	}
}

/* 역대의장단 표시 영역 */
.chairman_list_wrap{
	margin:20px 0;
	padding:20px;
	background:#f1f1f1  url( '../../images/kr/main/bg_member.png') no-repeat 100% 100%;
	border-radius:15px;
	border:1px solid #e9ecef;
}

.chairman_period_info{
	text-align:center;
	margin-bottom:20px;
}

.period_text{
	font-size:16px;
	font-weight:600;
	color:#495057;
	margin:0;
}

.chairman_grid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:20px;
	max-width:600px;
	margin:0 auto;
}

.chairman_card{
	background:#fff;
	border-radius:12px;
	padding:20px;
	text-align:center;
	box-shadow:0 2px 8px rgba(0,0,0,0.1);
	border:2px solid transparent;
	transition:all 0.3s ease;
}

.chairman_card:hover{
	border-color:#581845;
	transform:translateY(-2px);
	box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.chairman_photo{
	width:80px;
	height:80px;
	border-radius:50%;
	margin:0 auto 15px;
	overflow:hidden;
	border:3px solid #e9ecef;
}

.chairman_photo img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.chairman_name{
	font-size:16px;
	font-weight:700;
	color:#212529;
	margin-bottom:8px;
}

.chairman_position{
	font-size:14px;
	font-weight:600;
	color:#581845;
	margin-bottom:5px;
}

.chairman_half{
	font-size:12px;
	color:#6c757d;
	font-weight:500;
}

.chairman_district{
	font-size:11px;
	color:#868e96;
	font-weight:400;
	margin-top:3px;
}

.no-data{
	grid-column:1 / -1;
	text-align:center;
	padding:40px 20px;
	color:#6c757d;
	font-size:16px;
	font-weight:500;
}

/* 반응형 */
@media all and (max-width:768px){
	.chairman_grid{
		grid-template-columns:1fr;
		gap:15px;
		max-width:400px;
	}
	
	.chairman_card{
		padding:15px;
	}
	
	.chairman_photo{
		width:60px;
		height:60px;
		margin-bottom:10px;
	}
	
	.chairman_name{
		font-size:14px;
	}
	
	.chairman_position{
		font-size:13px;
	}
	
	.period_text{
		font-size:14px;
	}
}

@media all and (max-width:568px){
	.chairman_list_wrap{
		margin:15px 0;
		padding:15px;
	}
	
	.chairman_grid{
		gap:12px;
	}
	
	.chairman_card{
		padding:12px;
	}
	
	.chairman_photo{
		width:50px;
		height:50px;
		margin-bottom:8px;
	}
	
	.chairman_name{
		font-size:13px;
	}
	
	.chairman_position{
		font-size:12px;
	}
	
	.period_text{
		font-size:13px;
	}
}

/* 메인 현역의원 영역: 토글 스위치를 제목 위쪽에 배치 */
#member{
	position:relative;
}

/* 역대의장단 모드에서 현역의원 영역 숨기기 */
#member.history-mode .list_wrap{
	display:none !important;
}

#member.history-mode .title .btn_more{
	display:none !important;
}

.toggle_switch_wrap{
	position:absolute;
	bottom:10px;
	left:0;
	display:flex;
	justify-content:center;
}

.toggle_switch{
	display:none !important;
}

.toggle_label{
	display:flex !important;
	align-items:center !important;
	position:relative !important;
	width:160px !important;
	height:32px !important;
	padding:2px !important;
	background:#e5e7eb !important;
	border:2px solid #d1d5db !important;
	border-radius:20px !important;
	cursor:pointer !important;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.1) !important;
}

.toggle_label:hover{
	border-color:#9ca3af !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.15) !important;
}

.toggle_text{
	position:absolute !important;
	top:50% !important;
	transform:translateY(-50%) !important;
	font-size:11px !important;
	font-weight:600 !important;
	color:#6b7280 !important;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	z-index:2 !important;
	pointer-events:none !important;
}

.toggle_text:first-child{
	left:12px !important;
}

.toggle_text:last-child{
	right:12px !important;
}

.toggle_slider{
	position:absolute !important;
	top:4px !important;
	left:3px !important;
	width:28px !important;
	height:28px !important;
	background:#fff !important;
	border-radius:50% !important;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow:0 2px 6px rgba(0,0,0,0.2) !important;
	z-index:3 !important;
}

/* 체크된 상태 (ON - 역대의장단) */
.toggle_switch:checked + .toggle_label{
	background:linear-gradient(135deg, #581845 0%, #191970 100%) !important;
	border-color:#581845 !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.2) !important;
}

.toggle_switch:checked + .toggle_label .toggle_slider{
	left:calc(100% - 30px) !important;
	background:#fff !important;
	box-shadow:0 2px 8px rgba(0,0,0,0.3) !important;
}

.toggle_switch:checked + .toggle_label .toggle_text:first-child{
	
	color:#fff !important;
	opacity:1 !important;
}

.toggle_switch:checked + .toggle_label .toggle_text:last-child{
	color:#9ca3af !important;
	opacity:1 !important;
	font-weight:700 !important;
}

/* 비체크 상태 (OFF - 현역의원) */
.toggle_label .toggle_text:first-child{
	color:#9ca3af !important;
	opacity:0.5 !important;
	
	font-weight:700 !important;
}

.toggle_label .toggle_text:last-child{
	color:#374151 !important;
	opacity:1 !important;
}

/* 포커스 상태 */
.toggle_switch:focus + .toggle_label{
	outline:3px solid rgba(88, 24, 69, 0.3) !important;
	outline-offset:2px !important;
}

/* 반응형 */
@media all and (max-width:768px){
	.toggle_switch_wrap{
		margin-bottom:15px;
	}
	
	.toggle_label{
		width:140px !important;
		height:30px !important;
	}
	
	.toggle_slider{
		width:26px !important;
		height:26px !important;
	}
	
	.toggle_text{
		font-size:10px !important;
	}
	
	.toggle_text:first-child{
		left:10px !important;
	}
	
	.toggle_text:last-child{
		right:10px !important;
	}
	
	.toggle_switch:checked + .toggle_label .toggle_slider{
		left:calc(100% - 28px) !important;
	}
}

@media all and (max-width:568px){
	.generation_pagination{
		position:absolute;
		top:30%;
		width:100%;
		margin-bottom:0;
	}
	.titleContainer{
		padding-bottom:50px;
	}
	
	/* generation_pagination이 표시될 때 titleContainer의 padding-bottom을 10px로 변경 */
	.titleContainer.has-generation-pagination {
		padding-bottom: 100px;
	}
	.toggle_switch_wrap{
		margin-bottom:0px;
	}
	
	.toggle_label{
		width:120px !important;
		height:28px !important;
	}
	
	.toggle_slider{
		width:24px !important;
		height:24px !important;
	}
	
	.toggle_text{
		font-size:9px !important;
	}
	
	.toggle_text:first-child{
		left:8px !important;
	}
	
	.toggle_text:last-child{
		right:8px !important;
	}
	
	.toggle_switch:checked + .toggle_label .toggle_slider{
		left:calc(100% - 26px) !important;
	}
}

@charset "utf-8";
#container_main{position:relative; overflow:hidden; width:100%;}
#container_main2{position:relative; overflow:hidden; width:100%;}
#container_main h3,
#container_main h4{display:inline-block; line-height:110%; font-size:33px; font-family:"gmarket"; font-weight:900;}

.en{display:inline-block; padding:0 0 0 17px; letter-spacing:3px; font-weight:600; font-size:14px; color:#ddd; text-transform:uppercase;}

.more{z-index:2; position:absolute; top:0; right:0; display:block; width:22px; height:18px; font-size:0; text-indent:-999px; box-sizing:border-box; background:url( '../../images/kr/main/ico_more.png') no-repeat;}

.control button{position:relative; float:left; width:20px; height:20px; font-size:0; text-indent:-9999px; background:url( '../../images/kr/main/ico_ctrl_pop.png') no-repeat 5px 3px;}
.control .btn_next{background-position:-38px 3px}
.control .btn_stop{background-position:-16px 3px;}
.control .btn_stop.on{background-position:-16px -24px;}
.control button:hover,
.control button:active,
.control button:focus{background-color:rgba(0,0,0,0.03);}

/* #main_top{overflow:hidden; height:567px; width:100%;} */
#main_top{width:100%;}
@media all and (max-width:1280px) {
	#main_top{height:auto;}
}
@media all and (max-width:1024px) {
	#container_main:before{height:500px;}
	#container_main h3{font-size:26px;}

	.en{padding:0 0 0 10px; font-size:11px;}
}
@media all and (max-width:768px) {
	#container_main h3{font-size:23px;}
}
@media all and (max-width:568px) {
	#container_main h3{font-size:22px;}
}
@media all and (max-width:380px) {
	#container_main h3{font-size:21px;}
}
#main_top {position:relative;}
/* 비주얼 */
#visual{position:relative; width:100%;}
/* #visual .list_wrap{position:absolute; right:50%; top:0; width:100%; margin:0 -190px 0 0; text-align:right;} */
#visual .list_wrap{position:relative; left:0%; top:0; width:100%; margin:0 -190px 0 0; text-align:right;}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list {height:700px;}
#visual .list_wrap .list img{display:inline; padding-right: 10px;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual .list_wrap ul {display: none !important;}
/* 메인 텍스트 오버레이 */
#visual .main_text_overlay{
  position:absolute;
  top:40%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:10;
  max-width:30%;
  width:80%;
}
#visual .main_img{
  width:100%;
  height:100%;
  object-fit: cover;
}
#visual .main_text_overlay img{
  width:100%;
  /* height:60%; */
  display:block;
  animation:fadeInUp 1.5s ease-out;
}

@keyframes fadeInUp{
  0%{
    opacity:0;
    transform:translateY(30px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}
#visual button{padding:0; font-size:0; text-indent:-999px;}
/* #visual .control{position:absolute; top:369px; left:50%; line-height:100%; margin:0 0 0 -700px;} */
#visual .control{position:absolute; color:#fff; bottom:0; left:10px;}
#visual .control *{display:inline-block; vertical-align:top;}
#visual .control button{float:none; width:18px; height:18px;}
#visual .btn_stop{background-position:-78px -78px;}
#visual .btn_stop.on{background-position:-101px -78px;}
#visual .slick-dots li{line-height:0;}
#visual .slick-dots button{position:relative; width:8px; height:8px; margin:4px 5px 0; border-radius:50%; transition:0.3s ease; box-sizing:border-box; background:#fff;}
#visual .slick-dots .slick-active button{width:16px; height:16px; margin-top:0; border:4px solid #ff404b; background:none;}

@keyframes slideup{
	0%{transform:translateY(20px); opacity:0; visibility:hidden;}
	100%{transform:translateY(0); opacity:1; visibility:visible;}
}

@media all and (max-width:1430px) {
	#visual .control{left:15px; margin:0;}
	.slogan{left:15px; margin:0;}
}
/*
@media all and (max-width:1280px) {
	/* #visual {margin:0 0 18px;} 
	#visual img{display:block; width:100%; height: 200px; object-fit: cover;}
	#visual .list_wrap{position:relative; right:0; margin:0;}
	#visual .list_wrap .list img{display:block; padding: 10px 0 10px 0;margin-right: 10px; border-radius:  10px; height: 200px; object-fit: cover;}
	#visual .control{width:100%; text-align:center;}
	#visual .main_text_overlay{max-width:500px;}
}
*/

@media all and (max-width:1024px) {
	#visual{height:auto;}
	/* #visual img{height: 300px;} */
	#visual .list_wrap .list {height: 220px;}
	#visual .list_wrap .list img{height: 220px;}
	#visual .control{top:auto; bottom:50px;}
	/* #visual .main_text_overlay{max-width:450px;} */
}
@media all and (max-width:768px) {
	/* #visual img{height: 300px;} */
	#visual .list_wrap .list img{height: 240px;}
	#visual .main_text_overlay{max-width:400px;}
}
@media all and (max-width:568px) {
	/* #visual img{height: 300px;} */
	#visual .list_wrap .list img{height: 260px;}
	#visual .control{bottom:20px;}
	#visual .main_text_overlay{max-width:350px;}
}
@media all and (max-width:380px) {
	#visual .control{bottom:15px;}
	#visual .main_text_overlay{max-width:300px;}
}

.unit{z-index:1; overflow:hidden; width:50%;position:absolute; bottom:-30%; left:50%; transform:translateX(-50%);border-radius:15px;display:flex;}
.unit:before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:232px; background: #525561 url( '../../images/kr/main/bg_agenda.jpg') no-repeat;}

/* 열린의장실 */
/* #chairman{z-index:1; position:relative; overflow:hidden; float:right; width:100%; height:335px; padding:49px 0 0 0; color:#fff; box-sizing:border-box; border-radius:35px 0 0 0; background:#a98e48 url( '../../images/kr/main/bg_chair.jpg') no-repeat 334px 0;} */

#chairman{z-index:1; position:relative; overflow:hidden;display:flex;align-items:center; justify-content:center; width:100%;  color:#fff; box-sizing:border-box; border-radius:0 0 0 0; background: url('../../images/kr/main/bg_chairman.png') no-repeat center center, linear-gradient(135deg, rgb(36, 46, 182) 0%, rgb(68, 160, 141) 50%); background-size: cover, 100% 100%; }
#chairman .txt{z-index:1; position:absolute; top:50px; left:0; padding:0 0 0 51px;}
#chairman .slogan{font-size:2rem; font-family:"gmarket"; font-weight:900;}
#chairman .name {padding:18px 0 0 0; line-height:180%; font-size:20px; font-weight:300;}
#chairman .name strong{font-size:45px; color:#fff799; font-family:"MAKGEOLLI"; font-weight:900;}
#chairman .pic{padding-left: 140px;}
#chairman .pic img{width:250px;}
/* #chairman .lnk{overflow:hidden; width:100%; padding:29px 0 0 0;} */
#chairman .lnk{overflow:hidden; padding:29px 0 0 0; display: flex; justify-content: space-around;}
#chairman .lnk li + li{float:left; margin:0 0 0 12px;}
#chairman .lnk a{float:left; position:relative; width:60px; padding:73px 0 0 0; line-height:100%; font-size:14px; font-weight:300; color:#fff; box-sizing:border-box; text-align:center;}
#chairman .lnk a:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:60px; border-radius:50%; background:#525661 url( '../../images/kr/main/ico_chair1.png') no-repeat 50% 50%;}
#chairman .lnk .list2 a:before{background-image:url( '../../images/kr/main/ico_chair2.png');}
#chairman .lnk .list3 a:before{background-image:url( '../../images/kr/main/ico_chair3.png');}
#chairman .lnk a:hover:before{transform:rotateY(360deg); transition:0.65s ease-in-out;}


@media all and (max-width:1695px) {
	.unit{z-index:1; overflow:hidden; width:100%; position:relative; border-radius: 0;justify-content:center; }
	#chairman{z-index:1; position:relative; overflow:hidden;width:100%; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; border-radius:0 0 0 0; background: url('../../images/kr/main/bg_chairman.png') no-repeat center center, linear-gradient(135deg, rgb(36, 46, 182) 0%, rgb(68, 160, 141) 50%); background-size: cover, 100% 100%; }
	#chairman .txt{z-index:1; position:relative; top:10px; left:0; padding:0 0 0 51px;}
	#chairman .slogan{font-size:2rem; font-family:"gmarket"; font-weight:900;}
	#chairman .pic{float:auto;}
}
@media all and (max-width:1390px) {
	.unit{z-index:1; overflow:hidden; width:100%;position:relative; border-radius: 0;justify-content:center;display:block; }
	#chairman{z-index:1; position:relative; overflow:hidden;width:100%; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; border-radius:0 0 0 0; background: url('../../images/kr/main/bg_chairman.png') no-repeat center center, linear-gradient(135deg, rgb(36, 46, 182) 0%, rgb(68, 160, 141) 50%); background-size: cover, 100% 100%; }
	#chairman .txt{z-index:1; position:relative; top:10px; left:0; padding:0 0 0 51px;}
	#chairman .slogan{font-size:1.4rem; font-family:"gmarket"; font-weight:900;}
	#chairman .pic{float:auto;}
}
/* @media all and (max-width:1280px) {
	.unit{position:relative; left:0; overflow:hidden; width:100%; padding:0 15px; box-sizing:border-box; background:none; border-radius:0;}
	.unit:before{display:none;}

	#chairman{float:left; width:58%; height:270px; padding:35px 0 0 0; border-radius:0;}
	#chairman .pic{left:auto; right:0; width:51%;}
	#chairman .txt{padding:0 0 0 40px;}
	#chairman .name{font-size:19px;}
	#chairman .name strong{font-size:40px;}
	#chairman .lnk{padding:14px 0 0 0;}
	#chairman .lnk a{width:50px; padding:58px 0 0 0;}
	#chairman .lnk a:before{height:50px; background-size:auto 20px;}
} */
@media all and (max-width:1024px) {
	#chairman .pic{float:right;}
	#chairman{height:300px; padding:29px 0 0 0; background-size: cover, 100% 100%; background-position: center center, 0 0;}
	#chairman .txt{padding:0 0 0 30px; position:absolute; left:20px; top:30px;}
	#chairman .slogan{font-size:22px;}
	#chairman .name{font-size:16px;}
	#chairman .name strong{font-size:37px;}
	#chairman .name img{height:35px;}
	#chairman .lnk{overflow:hidden; padding:9px 0 0 0;}
	#chairman .lnk a{padding:40px 0 0 0;}
	#chairman .lnk a:before{content:''; display:block; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; background:#525661 url( '../../images/kr/main/ico_chair1.png') no-repeat 50% 50%; background-size:18px;}
}
@media all and (max-width:890px) {
	#chairman{height:300px; padding:0; background-size: cover, 100% 100%; background-position: center center, 0 0;}
	#chairman .pic{padding-left:0;}
	#chairman .txt{padding:20px; top:160px; background:rgba(0,0,0,0.25);width:100%; left:0;}
	#chairman .slogan{font-size:22px;}
	#chairman .name{font-size:16px;}
	#chairman .name strong{font-size:37px;}
	#chairman .name img{height:35px;}
	#chairman .lnk{overflow:hidden; padding:18px 0 0 20px;}
	#chairman .lnk a{padding:40px 0 0 0;}
	#chairman .lnk a:before{content:''; display:block; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; background:#525661 url( '../../images/kr/main/ico_chair1.png') no-repeat 50% 50%; background-size:18px;}
	.sloganContainer {display: flex;}
	.sloganContainer .lnk { display: flex;}
}
/* @media all and (max-width:768px) {
	.unit{padding:0 10px;}

	#chairman{height:auto; width:100%; padding:25px 0 21px 0; background-size: cover, 100% 100%; background-position: center center, 0 0;}
	#chairman .pic{display: flex; align-items:flex-end; justify-content:right; height:105%; text-align: right;}
	#chairman .pic img{max-height:100%;}
	#chairman .slogan{font-size:20px;}
	#chairman .name{padding:13px 0 0 0; font-size:15px;}
	#chairman .name img{height:31px;}
	#chairman .lnk{padding:11px 0 0 0; margin:0 0 0 -3px;}
	#chairman .lnk li + li{margin:0 0 0 5px;}
	#chairman .lnk a{padding:54px 0 0 0; font-size:14px;}
	#chairman .lnk a:before{left:50%; width:46px; height:46px; transform:translateX(-50%);}
	#chairman .lnk a:hover:before{transform:translateX(-50%) rotateY(360deg);}
}
@media all and (max-width:568px) {
	#chairman{padding:22px 0 19px 0; background-size: cover, 100% 100%; background-position: center center, 0 0;}
	#chairman .txt{padding:0 0 0 25px;}
	#chairman .slogan{font-size:19px;}
	#chairman .name{font-size:14px;}
	#chairman .name img{height:29px;}
}
@media all and (max-width:380px) {
	#chairman{background-size: cover, 100% 100%; background-position: center center, 0 0;}
	#chairman .txt{padding:0 0 0 20px;}
	#chairman .slogan{font-size:18px;}
	#chairman .name img{height:27px;}
	#chairman .lnk{padding:10px 0 0 0; margin:0 0 0 -5px;}
	#chairman .lnk li + li{margin:0;}
	#chairman .lnk a{width:51px; padding:44px 0 0 0; font-size:13px;}
	#chairman .lnk a:before{width:36px; height:36px; background-size:auto 19px;}
} */
@media all and (max-width:450px) {
	#chairman{background-size: cover, 100% 100%; background-position: center center, 0 0;}
	#chairman .txt{padding:20px; text-align:center;}
	#chairman .slogan{font-size:18px;}
	#chairman .name img{height:27px;}
	.sloganContainer {display: flex; justify-content:center;}
	#chairman .lnk{padding:18px 20px 0; margin:0 0 0 -5px;}
	#chairman .lnk li + li{margin:0;}
	#chairman .lnk a{width:51px; padding:44px 0 0 0; font-size:13px;}
	#chairman .lnk a:before{width:36px; height:36px; background-size:auto 19px;}
}
/* 의사일정 */
#agenda{position:relative; float:left; width:550px; height:232px; padding:20px; color:#fff; box-sizing:border-box; background:#525561 url( '../../images/kr/main/bg_agenda.jpg') no-repeat;}
/* #agenda{position:relative; float:left; width:550px; height:232px; padding:35px 0 0 60px; color:#fff; border-radius:35px 0 0 0; box-sizing:border-box; background:#525561 url( '../../images/kr/main/bg_agenda.jpg') no-repeat;} */
/* #agenda{position:relative; float:left; width:100%; height:232px; padding:35px 20px 60px; color:#fff; box-sizing:border-box; background:#525561 url( '../../images/kr/main/bg_agenda.jpg') no-repeat;} */
#agenda h3{float:left; padding:2px 0 17px; font-size:1.4rem; color:#fff;}
#agenda a{color:#fff;}
#agenda .date{text-align:right;}
#agenda .date .tit{display:inline-block; padding:3px 10px 0 0; font-size:18px; font-weight:300;}
#agenda .date .num{display:inline-block; vertical-align:top; font-size:20px; font-family:"gmarket"; font-weight:800;}
#agenda .date .num span{font-size:20px; font-weight:900;}
#agenda .date .num span strong{font-size:30px; color:#fff799; font-weight:900;}

#agenda .week_wrap{position:relative; clear:both; width:100%; margin:24px 0; box-sizing:border-box; background:#373b4a; border-radius:30px;}
#agenda .week_wrap .btns{z-index:3; display:block; position:absolute; top:1px; left:0; background-position:7px -137px;}
#agenda .week_wrap .btn_next{left:auto; right:0; background-position:-38px -137px;}
#agenda .week {display:flex; justify-content:space-evenly; text-align:center;}
#agenda .week .list{position:relative; display:inline-block; color:#ccc; font-weight:300; font-size:15px; vertical-align:top;}
#agenda .week .list span{position:relative; display:inline-block; width:34px; height:34px; line-height:34px; border-radius:50%;}
#agenda .week .sat,
#agenda .week .sat a{color:#b9ddff;}
#agenda .week .sun,
#agenda .week .sun a{color:#ffc1c1;}
#agenda .week .today{font-weight:500; color:#fff;}
#agenda .week .agenda span{font-weight:500; background:linear-gradient(241deg, #581845, #191970);}

#agenda .txt_wrap {position:relative; clear:both; width:100%; padding:0 105px 7px 10px; font-weight:300; box-sizing:border-box; border-bottom:1px solid #757881;}
#agenda .txt_wrap *{vertical-align:top;}
#agenda .txt p{display:inline-block; width:100%; line-height:27px; max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#agenda .txt p .day{display:inline-block; padding:0 15px 0 0;}
#agenda .txt .none{padding-right:0;}

#agenda .txt_wrap .control{z-index:55; position:absolute; top:3px; right:10px;}
#agenda .txt_wrap .control button{float:left; height:19px; width:19px; background:url( '../../images/kr/main/ico_ctrl_agenda.png') no-repeat 5px 2px;}
#agenda .txt_wrap .control .btn_next{background-position:-31px 2px;}
#agenda .txt_wrap .control .btn_stop{background-position:-13px 2px;}
#agenda .txt_wrap .control .btn_stop.on{background-position:-13px -18px;}
#agenda .more{top:36px; right:4px; background-position:4px -73px;}

@media all and (max-width:1430px) {
	#agenda{width:100%; padding:35px 20px 0 40px;}
	#agenda .more{top:30px; right:27px;}
}
@media all and (max-width:1280px) {
	#agenda{float:right; height:270px; padding:35px 30px 0 40px; border-radius:0 0 35px 0;}
	#agenda h3{float:none; padding:0 0 17px; font-size:27px;}
	#agenda .week_wrap{width:100%; margin:0 0 10px;}
	#agenda .week .list{font-size:17px;}
	#agenda .date{float:none; width:100%; padding:0 0 20px; text-align:center;}
	#agenda .week .agenda span:before{bottom:-10px;}
}
@media all and (max-width:1024px) {
	#agenda{height:246px; padding:29px 25px 0 30px; border-radius:0 0 25px 0;}
	#agenda h3{padding:0 0 20px; font-size:22px;}
	#agenda .date{padding:0 0 15px; line-height:28px;}
	#agenda .week_wrap .btns{top:0;}
	#agenda .week .list{font-size:16px;}
	#agenda .week .list span{width:30px; height:30px; line-height:31px;}
	#agenda .week .agenda span:before{bottom:-8px; width:5px; height:5px;}
	#agenda .txt_wrap{padding:0 75px 0 10px;}
	#agenda .txt_wrap .control{top:10px;}
	#agenda .txt p{line-height:42px;}
	#agenda .more{top:24px; right:20px;}
}
@media all and (max-width:768px) {
	#agenda{width:100%; height:auto; padding:25px 25px 25px 30px;}
	#agenda h3{padding:0 0 17px; font-size:20px;}
	#agenda .week_wrap{margin:0 0 5px;}
	#agenda .week_wrap .btns{top:-2px;}
	#agenda .week .list{font-size:15px;}
	#agenda .week .list span{width:27px; height:27px; line-height:28px;}
	#agenda .date{padding:0 0 10px;}
	#agenda .more{top:20px;}
}
@media all and (max-width:568px) {
	#agenda{padding:22px 25px 25px 25px;}
	#agenda h3{font-size:19px;}
	#agenda .date{line-height:25px;}
	#agenda .week .list{font-size:14px;}
	#agenda .week .list span{width:25px; height:25px; line-height:26px;}
	#agenda .week_wrap .btns{top:-4px;}
	#agenda .date .tit{padding:0 7px 0 0; font-size:15px;}
	#agenda .date .num span{font-size:20px;}
	#agenda .date .num span strong{font-size:25px;}
	#agenda .more{top:15px;}
}
@media all and (max-width:450px) {
	#agenda{padding:19px 20px 20px 20px; border-radius:0 0 20px 0;}
	#agenda h3{padding:0 0 14px; font-size:18px;}
	#agenda .date{line-height:22px;}
	#agenda .more{top:13px; right:14px;}
}

/* 바로가기 */
#quick {padding:63px 0 70px; text-align:center; box-sizing:border-box;}
#quick ul{display: flex; justify-content:space-between; flex-wrap:wrap;}
#quick li{position:relative; display:inline-block; line-height:100%; vertical-align:top;}
#quick li a{z-index:1; position:relative; display:block; width:100%; color:#333; font-weight:300; box-sizing:border-box; text-align:center;}
#quick li a:before,
#quick li a:after{content:''; display:block; width:98px; height:98px; margin:0 auto 20px; background:url( '../../images/kr/main/ico_lnk1.png') no-repeat 50% 50%;background-color: #f6f6f6; border-radius: 20px;}
/* #quick li a:after{z-index:-1; position:absolute; top:0; left:50%; transform:translateX(-50%); border-radius:30px; transition:0.5s ease-in-out; background:#f7f7f7;} */
#quick li a:after{z-index:-1; position:absolute; top:0; left:50%; transform:translateX(-50%); border-radius:45%; transition:0.5s ease-in-out; background:var(--c-primary-anim);}
#quick li.list2 a:before{background-image:url( '../../images/kr/main/ico_lnk2.png');}
#quick li.list3 a:before{background-image:url( '../../images/kr/main/ico_lnk3.png');}
#quick li.list4 a:before{background-image:url( '../../images/kr/main/ico_lnk4.png');}
#quick li.list5 a:before{background-image:url( '../../images/kr/main/ico_lnk5.png');}
#quick li.list6 a:before{background-image:url( '../../images/kr/main/ico_lnk6.png');}
#quick li.list7 a:before{background-image:url( '../../images/kr/main/ico_lnk7.png');}
#quick li.list8 a:before{background-image:url( '../../images/kr/main/ico_lnk8.png');}
#quick li a:hover:before,
#quick li a:focus:before,
#quick li a:active:before{transform:rotateY(360deg); transition:0.6s ease-in-out;}

@media all and (max-width:1024px) {
	#quick{padding:40px 0 55px;}
	#quick li a:before, #quick li a:after{height:67px; width:67px; margin:0 auto 10px; background-size:auto 45px;}
}
@media all and (max-width:768px) {
	#quick{padding:30px 0 45px;}
	#quick li{width:24%;}
	#quick li:nth-child(-n+4){margin:0 0 20px;}
	#quick li a{font-size:15px;}
}
@media all and (max-width:568px) {
	#quick li a{font-size:14px;}
	#quick li a:before, #quick li a:after{height:55px; width:55px; background-size:auto 40px;}
}
@media all and (max-width:380px) {
	#quick li a{font-size:13px;}
}

/* 현역의원 */
#member{position:relative; float:left; width:100%; margin: 0 0 73px;}
#member .title{height:64px; text-align:center;}

#member h3{padding:5px 0 0 0;}
#member h3 span{color:linear-gradient(241deg, #581845, #191970);}
#member .title .img {display: inline-block; vertical-align:top; margin:0 7px 0 0;}
#member .title .img img{height:41px; vertical-align:top;}

#member .title_m{height:64px; text-align:center;}
#member .title_m .img {display: inline-block; vertical-align:top; margin:0 7px 0 0;}
#member .title_m .img img{height:41px; vertical-align:top;}
#member .title_m{height:64px; text-align:center;}
#member .titleContainer {position:relative;}
#member .btn_more{text-align:center ;position: absolute; right:0; bottom:10px; width:120px; height:41px; line-height:41px; font-size:15px; font-weight:300; border-radius:41px; box-shadow:0 0 10px rgba(104,104,104,0.15); transition:0.25s ease-in-out;}
#member .btn_more:after{content:''; display:inline-block; vertical-align:middle; width:20px; height:10px; margin:-3px 0 0 10px; background:url( '../../images/kr/main/ico_more2.jpg') no-repeat 100% 50%;}
#member .btn_more:hover{box-shadow:0 0 3px rgba(104,104,104,0.15);}
#member .list_wrap{float:left; width:100%; padding:42px 54px 42px 64px; box-sizing:border-box; background:#f1f1f1  url( '../../images/kr/main/bg_member.png') no-repeat 100% 100%;}
#member .big_wrap{position:relative; float:left; width:581px; padding:26px 0 0 43px; background: url( '../../images/kr/main/bg_member_s.png') no-repeat 100% 100%, linear-gradient(241deg, #581845, #191970); box-sizing:border-box; box-shadow:0 0 10px rgba(100,100,100,0.2); border-radius:10px;}
#member .big_list{position:relative; color:#fff;}
#member .big_list .list{overflow:hidden; vertical-align:top; width:100%; min-height:290px; padding:6px 0 0 199px; box-sizing:border-box;}
#member .big_list .list:not(:first-of-type){display:none;}
#member .big_list.slick-initialized .list:not(:first-of-type){display:block;}
#member .control{z-index:2; position:absolute; bottom:25px; right:38px;}
#member .control a,
#member .control button{float:left; width:40px; height:40px; margin:0 0 0 7px; border-radius:50%; background-color:#fff; background-image: url( '../../images/kr/main/ico_ctrl_member.png'); box-sizing:border-box;}
#member .btn_prev{background-position:0 13px;}
#member .btn_next{background-position:-94px 13px;}
#member .btn_stop{background-position:-48px 13px;}
#member .btn_stop.on{background-position:-48px -19px;}
#member .pic{position:absolute; top:0; left:0;}
#member .pic img{max-width:168px; max-height:100%; border-radius:5px; border:0px solid #d8c183;}
#member .txt{font-size:19px; font-weight:300;}
#member .txt ul{padding:12px 0;}
#member .txt li{line-height:150%; padding:0 0 5px 20px; margin:0;}
#member .txt li div{padding:5px 0 0 0; line-height:160%; font-size:16px;}
#member .txt li:last-child{word-break:break-all;}
#member .txt li:before{width:10px; height:3px; background:#fff;}
#member .txt .name strong{font-size:28px; font-weight:900; font-family:"gmarket";}
#member .btns {display:inline-block; vertical-align:top;}
#member .btns a{float:left; display:flex; align-items:center; height:43px; padding:0 21px 0 50px; border-radius:43px; font-size:15px; font-weight:400; color:#fff; background:#373b4a url( '../../images/kr/main/ico_member1.png') no-repeat 21px 50%;}
#member .btns .btn_profile{margin:0 0 0 9px; background:#222634 url( '../../images/kr/main/ico_member2.png') no-repeat 21px 50%;}

#member .small_wrap{position:relative; float:right; width:calc(100% - 614px);}
#member .small_wrap *{vertical-align:top;}
#member .small_list {overflow:hidden; width:100%;}
#member .small_list .list{overflow:hidden; position:relative; float:left; margin:0 10px 12px 10px; width:calc(20% - 20px); height:152px; border-radius:5px; box-sizing:border-box; background:#fff;}
#member .small_list .list.active{border-radius:5px;}
#member .small_list .list:before{z-index:1; content:''; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; border:3px solid #0084ff; transition:0.3s linear;}
#member .small_list .list.active:before,
#member .small_list .list:hover:before{opacity:0.8;}
#member .small_list .list img{width: 100%;height: 100%;object-fit: cover; object-position: top;}
#member .small_list .list span{position:absolute; bottom:0; left:0; display: flex; align-items:center; justify-content:center; width:100%; height:34px; text-align:center; font-size:15px; font-weight:400; color: #fff; line-height:120%; box-sizing:border-box; background:rgba(39,59,177,0.7);}

@media all and (max-width:1280px) {
	#member .list_wrap{padding:42px 30px;}
	#member .big_wrap{width:480px;}
	#member .small_wrap{width: calc(100% - 500px);}
	#member .small_list .list{width:calc(20% - 10px); margin:0 5px 10px;}
	#member .txt li div{display:inline;}
	#member .btns a{padding:0 17px 0 37px; font-size:14px; background-position: 13px 50% !important;}
	#member .btns a span{display: none;}

}
@media all and (max-width:1024px) {
	#member{margin:0 0 50px;}
	#member .title{height:auto; padding:0 0 15px;}
	#member .title .img img{height:35px;}

	#member .title_m{height:auto; padding:0 0 15px;}
	#member .title_m .img img{height:35px;}
	#member .btn_more{width:80px; height:33px; line-height:33px; font-size:13px; text-align:center;}
	#member .btn_more:after{width:15px; margin:-3px 0 0 5px;}
	#member .control{bottom:13px; right:20px;}
	#member .list_wrap{padding:15px 15px 5px 15px;}
	#member .big_wrap{width:100%; margin:0 0 15px; padding: 26px 0 60px 35px;}
	#member .big_list .list{min-height:172px; padding:5px 0 0 130px;}
	#member .pic img{max-width:115px;}
	#member .txt{font-size:17px;}
	#member .txt li div{padding:0; font-size:15px;}
	#member .txt .name strong{font-size:25px;}
	#member .btns a span{display: inline-block;}
	#member .small_wrap{width:100%; text-align:center;}
	#member .small_list{display:flex; flex-wrap:wrap; justify-content:center; width:auto;}
	#member .small_list .list{width:calc(10% - 10px); height:110px;}
}
@media all and (max-width:768px) {
	#member{margin:0 0 40px;}
	#member .title .img{margin:0 2px 0 0;}
	#member .title .img img{height:30px;}
	#member .small_list .list{width:calc(20% - 10px);}
	#member .small_list .list img{object-fit:contain;}
	#member .small_list .list span{height:25px; font-size:13px;}
}
@media all and (max-width:568px) {
	#member .title{text-align:center;}
	#member .en{display: none;}
	#member .big_wrap{padding:20px 0 60px 0;}
	#member .big_list .list{padding:0;}
	#member .pic{position:static; margin:0 auto 10px;}
	#member .pic img{margin:0 auto;}
	#member .txt{display: flex; align-items:center; flex-flow:column; font-size:16px;}
	#member .txt ul{padding:7px 0 2px;}
	#member .txt .name{width:100%; text-align:center;}
	#member .txt li div{font-size:14px;}
	#member .small_list .list{width:calc(20% - 6px); height:100px; margin:0 3px 10px;}
	#member .control{display: flex; justify-content:center; right:0; width:100%;}
}
@media all and (max-width:480px) {
	#member .small_list .list img{object-fit:cover;}
}

.sec{position:relative; width:100%; padding:0 451px 0 0; box-sizing:border-box;}
@media all and (max-width:1280px) {
	.sec{padding:0 360px 0 0;}
}
@media all and (max-width:1024px) {
	.sec{padding:0;}
}

/* 공지사항 */
#board{position:relative; float:right; width:100%; height:400px;}
#board .title{display:inline-block; position:absolute; top:0; left:0;}
#board h3{font-size:30px;}
#board h3 span{color:linear-gradient(241deg, #581845, #191970);}
#board > ul{padding:0 100px 0 265px; box-sizing:border-box;}
#board > ul > li{float:left;}
#board li h4{line-height:0; padding:0;}
#board li h4 br{display:none;}
#board li h4 a{position:relative; display:block; width:100%; line-height:27px; padding:0 40px; font-family:"score"; font-size:18px; font-weight:300; color:#666; text-align:center; text-decoration:none; box-sizing:border-box; background:#fff;}
#board li h4 a:before,
#board li h4 a:after{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:16px; transform:rotate(20deg) translateY(-50%); background:#d2d2d2;}
#board li h4 a:before{top:auto; bottom:0; left:50%; width:0; height:15px; border-radius:8px; background:#7e8ff4; transform:rotate(0deg) translateX(-50%);}
#board li:first-child h4 a:after{display: none;}
#board li.on h4 a{z-index:1; color:#222; font-weight:600;}
#board li.on h4 a:before{z-index:-1; width:85px; transition:0.25s ease-in-out;}
#board .con{opacity:0; visibility:hidden; position:absolute; top:45px; left:0; width:100%;}
#board .on .con{opacity:1; visibility:visible; top:56px; transition:0.35s ease-in-out;}
#board .list_wrap{overflow:hidden; width:100%; box-sizing:border-box;}
#board .list_wrap .list:not(:first-of-type){display:none;}
#board .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#board .list{position:relative; float:left;  width:31.3%;}
#board .list + .list{margin-left:3%;}
#board .con a{display:block; width:calc(100% - 33px); height:281px; padding:26px 15px 27px 26px; color:#555; text-decoration:none; border-radius:10px; border:1px solid #ddd; box-sizing:border-box;}
#board .con a:hover{border-color:linear-gradient(241deg, #581845, #191970);}
#board .con a:hover .tit,
#board .con a:focus .tit,
#board .con a:active .tit{text-decoration:underline;}
#board .s_tit{display:inline-block; min-width:80px; height:30px; line-height:30px; padding:0 16px; margin:0 0 13px; font-weight:300; font-size:14px; color:#666; background:#f6f6f6; border-radius:30px; text-align:center; box-sizing:border-box;}
#board a:hover .s_tit{color:#fff; box-shadow:inset 90px 0 0 linear-gradient(241deg, #581845, #191970); transition:0.25s ease-in-out;}
#board .tit{display:inline-block; height:58px; line-height:29px; font-size:18px; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:normal;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; box-sizing:border-box;}
#board .detail{display:inline-block; height:46px; line-height:23px; margin:11px 0 0 0; font-size:15px; color: #777; overflow:hidden; text-overflow:ellipsis; white-space:normal;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#board .date{position: absolute; bottom:28px; left:25px; display:inline-block; line-height:100%; font-size:15px; font-family:"gmarket"; color:#666; font-weight:200;}
#board .date:before{content:''; display:inline-block; vertical-align:middle; width:16px; height:16px; margin:-2px 7px 0 0; background:url( '../../images/kr/main/ico_date.jpg') no-repeat;}
#board .new{display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:17px; margin:-2px 0 0 3px; font-size:10px; border-radius:50%; text-transform:uppercase; text-align:center; color:#fff; background:#ff404b;}
#board .con .none{width:100%; padding:4em 0 0 0; text-align:center; background:none;}
#board .more{display:none; right:33px; top:2px;}
#board .on .more{display:block;}
#board .control{display: none; position:absolute; right:65px; top:0;}
#board .control div{float:left; margin:1px 15px 0 0; line-height:100%;}
#board .control div *{display:inline-block; vertical-align:middle; line-height:100%;}
#board .control div .current{font-weight:600;}
#board .control div .dash{padding:0 7px;}
#board .on .control{display:block;}

@media all and (max-width:1430px) {
	#board > ul{padding:0 100px 0 220px;}
	#board li h4 a{padding:0 20px;}
}
@media all and (max-width:1280px) {
	#board h3{display: none;}
	#board > ul{padding:0 100px 0 0;}
	#board .con a{height:260px;}
}
@media all and (max-width:1024px) {
	#board {width:100%; height:330px;}
	#board h3{padding:0 15px 0 0; font-size:25px;}
	#board .more{right:0;}
	#board .control{right:35px;}
	#board .control div{margin:2px 10px 0 0;}
	#board .con,
	#board .on .con{top:43px;}
	#board li h4 a{padding:0 15px 0 18px;}
	#board .list_wrap{width:calc(100% + 20px); margin:0 -10px;}
	#board .con a{height:235px; width:calc(100% - 20px); margin:0 auto; padding: 26px 15px 27px 20px;}
	#board .tit{height:46px; line-height:23px; font-size:17px;}
	#board .s_tit{min-width:0; height:27px; line-height:27px; padding:0 12px; margin:0 0 10px; font-size:12px;}
	#board .detail{height:40px; line-height:20px; margin:9px 0 17px; font-size:14px; -webkit-line-clamp:2;}
	#board .date{font-size:14px;}
	#board .new{line-height:18px;}
}
@media all and (max-width:768px) {
	#board{height:320px;}
	#board h3{font-size:22px; letter-spacing:-2px;}
}
@media all and (max-width:568px) {
	#board{height:300px;}
	#board:before,
	#board h3{display:none;}
	#board > ul{float:left;}
	#board li h4 a:before{display:none;}
	#board li h4 a{padding: 0 10px 0 15px; line-height:120%; font-size:16px;}
	#board li:first-child h4 a{padding-left:0;}
	#board li h4 br{display:inline-block;}
	#board .con,
	#board .on .con{top:50px;}
	#board .list_wrap{width:calc(100% + 14px); margin:0 -7px;}
	#board .con a{height:210px; width:calc(100% - 14px); padding: 20px 15px 20px 15px;}
	#board .tit{height:42px; line-height:21px; font-size:16px;}
	#board .s_tit{height:23px; line-height:23px; padding:0 10px; margin:0 0 7px; font-size:11px;}
	#board .detail{height:36px; line-height:18px; margin:7px 0 12px; font-size:13px;}
	#board .date{font-size:13px;}

	#board .new{width:15px; height:15px; line-height:16px; font-size:9px;}
}
@media all and (max-width:380px) {
	#board .tit{font-size:15px;}
	#board .s_tit{height:21px; line-height:21px; padding:0 8px; margin:0 0 5px; font-size:10px;}
	#board .detail{height:32px; line-height:16px; margin:6px 0 9px; font-size:12px;}
	#board .date{font-size:12px;}
}
/* 팝업존 */
#popup {position:absolute; right:0; top:0; float:left; width:435px; height:400px;}
#popup h4{height:56px; font-size:30px;}
#popup h4 span{color:linear-gradient(241deg, #581845, #191970);}
#popup .none{min-height:110px; padding:80px 0 0 0; text-align:center;}
#popup .list_wrap{overflow:hidden; width:100%; height:281px; border-radius:5px; background:linear-gradient(241deg, #581845, #191970); text-align:center; box-shadow:3px 3px 25px rgba(204,204,204,0.4); box-sizing:border-box;}
#popup .list_wrap *{vertical-align:top; color:#fff;}
#popup .list_wrap .list:not(:first-of-type){display:none;}
#popup .list_wrap.slick-initialized .list:not(:first-of-type){display:block;}
#popup .list img{width:100%; height:281px; object-fit:cover; border-radius:5px;}
#popup .control{position:absolute; right:0; top:5px;}
#popup .page_p{float:left; margin:1px 15px 0 0; line-height:100%;}
#popup .page_p *{display:inline-block; vertical-align:middle; line-height:100%;}
#popup .page_p .current{font-weight:600;}
#popup .page_p .dash{padding:0 7px;}
@media all and (max-width:1280px) {
	#popup{width:340px; height:400px;}
	#popup .list_wrap{height:281px;}
	#popup .list img{height:281px; object-fit:cover;}
}
@media all and (max-width:1024px) {
	#popup{position:relative; right:0; top:0; width:100%; height:330px; margin:0 0 50px;}
	#popup h4{height:auto; padding:0 0 12px; font-size:26px;}
	#popup .list_wrap{height:274px;}
	#popup .list img{width:auto; height:274px; object-fit:cover; margin:0 auto;}
	#popup .control{top:0;}
	#popup .page_p{margin-top:2px;}
}
@media all and (max-width:768px) {
	#popup{margin:0 0 40px; height:320px;}
	#popup h4{font-size:23px;}
	#popup .list_wrap{height:264px;}
	#popup .list img{height:264px; object-fit:cover; width:100%;}
}
@media all and (max-width:568px) {
	#popup{height:300px;}
	#popup h4{font-size:22px;}
	#popup .list_wrap{height:244px;}
	#popup .list img{height:244px; object-fit:cover;}
}
@media all and (max-width:380px) {
	#popup{height:280px;}
	#popup h4{font-size:21px;}
	#popup .list_wrap{height:224px;}
	#popup .list img{height:224px; object-fit:cover;}
}

/* 바로가기 */
#link{position:relative; z-index:1; overflow:hidden; width:100%;}
#link:before{content:''; display:block; position: absolute; top:0; left:0; width:100%; height:480px; background:#faf1ea url( '../../images/kr/main/bg_link.jpg') no-repeat;background-size: cover;}
#link .title{padding:55px 0 24px; text-align: center;}
#link h3 {display:inline-block; padding:0 62px 0 0; margin:0 -62px 0 0; font-family:"score"; line-height:110%; font-size:23px; font-weight:300; background: url( '../../images/kr/main/bg_tit.png') no-repeat 100% 100%;}
#link h3 > span{display:block; padding:10px 0 0 0; line-height:110%; font-family:"gmarket"; font-size:35px; font-weight:900;}
#link h3 .yellow{color: #061155;}
#link h3 .blue{color: #5068be;}
#link .con{display: flex; flex-wrap:wrap; justify-content:space-between;}
#link .list{width:30.9285%; height:379px; color:#fff; text-align:center; border-radius:5px; background: url( '../../images/kr/main/bg_link1.jpg') no-repeat 50% 100%, linear-gradient(241deg, #581845, #191970);}
#link h4{line-height:110%; padding:50px 0 16px 0; color:#fff; font-size:30px;}
#link .info{line-height:170%; font-weight:300;}
#link .list2{background-image:url( '../../images/kr/main/bg_link2.jpg');}
#link .list3{background-image:url( '../../images/kr/main/bg_link3.jpg');}
#link ul{display:flex; flex-wrap:wrap; justify-content:center; padding:27px 44px 0 45px;}
#link li {display:inline-block; vertical-align:top; line-height:120%; margin:0 0 3px; text-align:left;}
#link li a{z-index:1; position:relative; display:block; width:170px; height:46px; line-height:46px; padding:0 0 0 27px; color:#222; border-radius:5px; font-size:15px; font-weight:500; box-sizing:border-box; background:#fff;}
#link li a:after{content:''; display:block; position:absolute; top:50%; right:20px; width:33px; height:18px; margin:-9px 0 0 0; transition:0.2s ease-in-out; background:url( '../../images/kr/main/bg_lnk1.png') no-repeat 100% 0;}
#link li a:hover{background:rgba(255,255,255,0.91);}
#link .list2 a:after{background-image:url( '../../images/kr/main/bg_lnk2.png');}
#link .list3 a:after{background-image:url( '../../images/kr/main/bg_lnk3.png');}
#link .list1 li a{height:69px !important; line-height:69px;}
#link .list1 li,
#link .list1 li a{width:100%;}
#link .list2 li:nth-child(even),
#link .list3 li:nth-child(even){margin-left:3px;}

#link .sch_fm{position:relative; width:100%; margin:0; box-sizing:border-box;}
#link .tit{position: absolute; left:20px; top:0; width:84px; line-height:46px; font-size:15px; font-weight:500; color:#715918;}
#link .tit:after{content:''; display:block; position: absolute; top:50%; right:0; width:1px; height:14px; background:#ddd; transform:translateY(-50%);}
#link input[type="text"]{width:100%;height:46px;padding:0 40px 0 116px;font-size:15px;border-radius:5px;border:none;color: #333;background:#fff;box-sizing:border-box;}
#link button{position:absolute; top:0; right:0; font-size:0; text-indent:-999px; width:35px; height:100%; background:url( '../../images/kr/main/btn_sch1.jpg') no-repeat 0 50%;}
#link .list3 .tit{color:#4050a8;}
#link .bt_bill{background-image:url( '../../images/kr/main/btn_sch2.jpg');}


@media all and (max-width:1430px) {
	#link li{width:calc(50% - 1.5px);}
	#link li a{width:100%; padding:0 0 0 10%;}
	#link li a:after{right:10px; width:18px;}
}
@media all and (max-width:1024px) {
	#link .title{padding:40px 0 24px;}
	#link h3 {font-size:17px;}
	#link h3 > span{font-size:26px;}
	#link .list{height:auto; background-size:cover;}
	#link .list1{border-radius:25px 0 0 0;}
	#link .list3{border-radius:0 0 25px 0;}
	#link h4{padding:25px 0 15px; font-size:21px;}
	#link .info{padding:0 10px; font-size:14px;}
	#link ul{padding:15px;}
	#link li a{height:42px; line-height:43px;}
	#link li a:after{display: none;}
}
@media all and (max-width:768px) {
	#link .title{padding:30px 10px 15px;}
	#link h3{font-size:16px;}
	#link h3 > span{font-size:23px;}
	#link .list{width:100%; margin:0 0 5px; background-position:50% 50%;}
	#link h4{padding:20px 0 12px; font-size:20px;}
	#link .info br{display:none;}
	#link li a{padding:0 0 0 25px;}
	#link li a:after{display:block; width:33px;}
}
@media all and (max-width:568px) {
	#link h3{font-size:15px;}
	#link h3 > span{font-size:22px;}
	#link h4{font-size:19px;}
	#link .info br{display:inline-block;}
	#link li a{height:39px; line-height:40px; font-size:14px;}
}
@media all and (max-width:380px) {
	#link h3 > span{font-size:21px;}
	#link .list1{border-radius:20px 0 0 0;}
	#link .list3{border-radius:0 0 20px 0;}
	#link h4{padding:17px 0 14px; font-size:18px;}
	#link li a{height:36px; line-height:37px; font-size:13px;}
}

/* 갤러리 */
#gallery{position:relative; width:100%; padding:74px 0 0 0;}
#gallery:before{z-index:-1; content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:250px; background:#cdf9ff;}
#gallery .inner{width:1570px;}
#gallery .title{text-align:center;}
#gallery h3{font-size:35px;}
#gallery h3 span{color:linear-gradient(241deg, #581845, #191970);}
#gallery .title p{padding:5px 0 0 0; line-height:120%; color:#666;}
#gallery .list_wrap{float:left; width:100%; padding:29px 65px 0; box-sizing:border-box;}
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{overflow:hidden; position:relative; width:326px; margin:0 20px 49px; text-decoration:none; border-bottom:1px solid linear-gradient(241deg, #581845, #191970);}
#gallery .list a:hover{border-color: linear-gradient(241deg, #581845, #191970);}
#gallery .img{position:relative; overflow:hidden;}
#gallery .img img{width:100%; height:217px; transition:0.3s ease; border-radius:10px 10px 0 0;}
#gallery .sbj{position:relative; height:127px; padding:18px 0 0 0; transition:background 0.25s ease-in-out; box-sizing:border-box;}
#gallery .sbj:after{content:''; display:block; position: absolute; bottom:25px; right:2px; width:36px; height:18px; background:url('../../images/kr/main/ico_gallery.png') no-repeat 0 100%;}
#gallery a:hover .sbj:after{background-position:0 0;}
#gallery .tit{position:relative; z-index:1; display:inline-block; max-width:95%; margin:0 0 6px; line-height:120%; font-weight:500; color:#000; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box; transition:color 0.25s ease-in-out;}
#gallery .date{display:inline-block; padding:0 0 0 22px; color:#666; font-size:14px; font-weight:300; line-height:100%; transition:color 0.25s ease-in-out; text-align:left; background:url( '../../images/kr/main/ico_date.png') no-repeat;}
#gallery .new{display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:17px; margin:-2px 0 0 0; font-size:10px; border-radius:4px 0 4px 0; text-transform:uppercase; text-align:center; color:#fff; background:#ff404b;}
#gallery .control button{z-index:2; position:absolute; top:40%; left:0; width:55px; height:55px; border:1px solid #ddd; border-radius:50%; transform:rotate(180deg); box-sizing:border-box; background:#fff url( '../../images/kr/main/ico_ctrl_arrow.png') no-repeat 17px -26px;}
#gallery .control button:hover,
#gallery .control button:focus{background-position:17px 21px; border-color: #9a574d;}
#gallery .control .btn_next{left:auto; right:0; transform:rotate(0deg);}
#gallery .control2 {z-index:2; width:100%; line-height:100%; padding:0 0 55px; text-align:center;}
#gallery .control2 *{display:inline-block; vertical-align:top;}
#gallery .btn_stop{left:50%; width:12px; height:18px; margin:0 auto; font-size:0; text-indent:-999px; background:url( '../../images/kr/main/ico_ctrl_photo.png') no-repeat;}
#gallery .btn_stop.on{background-position:-14px 0;}
#gallery .slick-dots *{display:inline-block; vertical-align:top;}
#gallery .slick-dots li{line-height:0;}
#gallery .slick-dots button{position:relative; width:13px; height:13px; margin:0 10px; font-size:0; text-indent:-999px; border-radius:50%; transition:0.3s ease; box-sizing:border-box; background:#666;}
#gallery .slick-dots .slick-active button{background:linear-gradient(241deg, #581845, #191970);}
#gallery .more{top:20px; right:80px;}
#gallery a:hover img{transform:scale(1.1);}
#gallery .none{height:400px; padding:80px 0 0 0; box-sizing:border-box;}

@media all and (max-width:1600px){
	#gallery .inner{width:100%; padding:0;}
	#gallery .list a{width:calc(100% - 40px);}
	#gallery .control{right:15px; top:12px;}
	#gallery .control .btn_prev{left:15px;}
	#gallery .control .btn_next{right:15px;}
}
@media all and (max-width:1430px){
	#gallery .list_wrap{padding:25px 0 0;}
	#gallery .list a{width:calc(100% - 30px); margin:0 15px 49px;}
	#gallery .control button{top:8px; width:30px; height:30px; background-position:4px -39px;}
	#gallery .control button:hover,
	#gallery .control button:focus{background-position:4px 7px;}
	#gallery .control .btn_next{right:45px;}
	#gallery .control .btn_prev{left:auto; right:79px;}
	#gallery .more{right:15px; top:14px;}
}
@media all and (max-width:1024px){
	#gallery {padding:50px 0 0 0;}
	#gallery h3{font-size:26px;}
	#gallery .info{margin:0 0 2px; font-size:15px;}
	#gallery .list_wrap{padding:20px 6px 0;}
	#gallery .list a{width:calc(100% - 18px); margin:0 9px 30px;}
	#gallery a:hover img{transform:none;}
	#gallery .img img{height:194px;}
	#gallery .sbj{height:auto; padding:18px 0 25px 0;}
	#gallery .tit{font-size:17px;}
	#gallery .date{font-size:14px;}
	#gallery .none{height:200px;}
}
@media all and (max-width:768px){
	#gallery{padding:40px 0 0 0;}
	#gallery .list_wrap{padding:20px 2px 0;}
	#gallery h3 {font-size:23px;}
	#gallery .info{display:none;}
	#gallery .list a{width:calc(100% - 16px); margin:0 8px 30px;}
	#gallery .img img{height:144px;}
	#gallery .sbj{padding:15px 0 20px 0;}
	#gallery .tit{font-size:16px;}
	#gallery .control .btn_next{right:40px;}
	#gallery .control .btn_prev{right:73px;}
	#gallery .control button{top:-5px;}
	#gallery .more{top:0; right:10px;}
	#gallery .control2{padding:0 0 45px;}

}
@media all and (max-width:568px){
	#gallery h3 {font-size:22px;}
	#gallery .list_wrap{padding:15px 3px 0;}
	#gallery .list a{width:calc(100% - 14px); margin:0 7px 30px;}
	#gallery .img img{height:155px;}
	#gallery .tit{font-size:15px;}
	#gallery .sbj:after{bottom:20px;}
	#gallery .date{font-size:13px; padding: 0 0 0 15px; background-size:12px;}
	#gallery .new{width:15px; height:15px; line-height:16px; font-size:9px;}
}
@media all and (max-width:380px){
	#gallery .title{padding:0 0 0 10px; text-align:left;}
	#gallery h3 {font-size:21px;}
	#gallery .list_wrap{padding:15px 4px 0;}
	#gallery .list a{width:calc(100% - 12px); margin:0 6px 25px;}
	#gallery .img img{height:111px;}
	#gallery .sbj{padding:13px 0 18px 0;}
	#gallery .tit{font-size:14px;}
}

/*배너*/
/* #banner{position:relative; float:left; width:100%; height:120px;} */
#banner .list_wrap{position:relative; float:left; width:100%; padding:30px 0 30px 121px; box-sizing:border-box;}
#banner .list{float:left;}
#banner .list a{position:relative; display:block; padding:18px 24px 19px; margin:0 16px 0 0; font-size:15px; color:#666; box-shadow:inset 0 0 0 1px #ddd;}
#banner .list a:before, #banner .list a:after{content:""; position:absolute; top:0; left:0; border:2px solid transparent; width:0; height:0; box-sizing:border-box;}
#banner .list a:hover{color:linear-gradient(241deg, #581845, #191970); text-decoration:none;}
#banner .list a:hover:before, #banner .list a:hover:after{width:100%; height:100%;}
#banner .list a:hover:before{border-top-color:linear-gradient(241deg, #581845, #191970); border-right-color:linear-gradient(241deg, #581845, #191970); transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
#banner .list a:hover:after {border-bottom-color:linear-gradient(241deg, #581845, #191970); border-left-color:linear-gradient(241deg, #581845, #191970); transition: height 0.2s ease-out, width 0.2s ease-out 0.2s;}
#banner .control{z-index:1; position:absolute; left:0; top:45px;}
#banner .control button{background:url( '../../images/kr/main/ico_ctrl_banner.png') no-repeat;}
#banner .control .btn_prev{background-position:3px 0;}
#banner .control .btn_next{background-position:-48px 0;}
#banner .control .btn_stop{background-position:-23px 0;}
#banner .control .btn_stop.on{background-position:-30px -34px;}
#banner .control .more{position: static; float:left; height:20px; background:url( '../../images/kr/main/ico_ctrl_banner.png') no-repeat -78px 0;}

@media all and (max-width:1430px) {
	#banner .control{left:15px;}
}
@media all and (max-width:1024px) {
	#banner .list_wrap{padding:30px 0 0 90px;}
}
@media all and (max-width:768px) {
	#banner{height:auto;}
	#banner h3{position:static; width:auto; height:auto; padding:15px 0 0 0; line-height:30px; font-size:20px;}
	#banner .list_wrap{padding:10px 0 20px;}
	#banner .control{left:auto; top:14px; right:10px;}
	#banner .control button,
	#banner .control .btn_prev{margin:0;}
}
@media all and (max-width:568px) {
	#banner h3{padding-left:4px;}
	#banner .list a{padding:16px 22px 15px; font-size:14px;}
}
@media all and (max-width:380px) {
	#banner .list a{margin:0 12px 0 0; padding:14px 20px 13px; font-size:13px;}
	
}

.banner-slide {position: relative; margin:30px 0;}
.banner-slide .title {margin-bottom: 15px;}
.banner-slide .title h3 {font-size: 24px; font-weight: 600; color: #333;}
.banner-slide .title h3 span {color: linear-gradient(241deg, #581845, #191970);}
.banner-slide .title .en {font-size: 14px; color: #999; text-transform: uppercase;}

.banner-slide .control {position: absolute; top: 0; right: 0; z-index: 1;}
.banner-slide .control button {width: 30px; height: 30px; margin-left: 5px; border: 1px solid #ddd; border-radius: 50%; text-indent: -9999px; background-color: #fff;}
.banner-slide .control .btn_prev {background: var(--c-primary) url(../../images/kr/main/ico_ctrl_pop.png) no-repeat 7px 5px;}
.banner-slide .control .btn_next {background: var(--c-primary) url(../../images/kr/main/ico_ctrl_pop.png) no-repeat -32px 5px;}
.banner-slide .control .btn_stop {background: var(--c-primary) url(../../images/kr/main/ico_ctrl_pop.png) no-repeat -13px 5px;}
.banner-slide .control .btn_stop.on {background: #fff url('../images/common/ico_play.png') no-repeat center;}

.banner-slide .list_wrap {position: relative; width: 100%; overflow: hidden;}
.banner-slide .list_wrap .slick-list {margin: 0;}
.banner-slide .list_wrap .slick-track {display: flex;}
.banner-slide .list_wrap .list {float: none; width: 100%;}

/* 배너 배경색 */
.banner-slide .list_wrap .banner1,
.banner-slide .list_wrap .slick-slide[data-banner="1"] {background: linear-gradient(135deg,rgb(216, 176, 19), #1a2d8f);}
.banner-slide .list_wrap .banner2,
.banner-slide .list_wrap .slick-slide[data-banner="2"] {background: linear-gradient(135deg,rgb(154, 184, 63),rgb(229, 229, 19));}
.banner-slide .list_wrap .banner3,
.banner-slide .list_wrap .slick-slide[data-banner="3"] {background: linear-gradient(135deg, #4a90e2, #357abd);}
.banner-slide .list_wrap .banner4,
.banner-slide .list_wrap .slick-slide[data-banner="4"] {background: linear-gradient(135deg, linear-gradient(241deg, #581845, #191970), #3f4f8f);}
.banner-slide .list_wrap .banner5,
.banner-slide .list_wrap .slick-slide[data-banner="5"] {background: linear-gradient(135deg, #6b8ed9, #4c6599);}

.banner-slide .list_wrap .list a {display: block; padding: 40px 0;}
.banner-slide .list_wrap .list img {width: 100%; max-width: 1200px; height: auto; display: block; margin: 0 auto;}

@media all and (max-width: 768px) {
    .banner-slide .title h3 {font-size: 20px;}
    .banner-slide .control button {width: 25px; height: 25px;}
    .banner-slide .list_wrap .list a {padding: 30px 0;}
}

@media all and (max-width: 480px) {
    .banner-slide .title h3 {font-size: 18px;}
    .banner-slide .control button {width: 22px; height: 22px;}
    .banner-slide .list_wrap .list a {padding: 20px 0;}
}

/* 
/* 슬라이더 css */
.custom-card-slider {
	max-width: 1400px;
	position:relative;
	touch-action: pan-y;
	margin:50px auto;
	padding: 10px;
	clear:both;
}
.custom-slider-inner.swiper {
	width: calc(100% - 40px);
	height: 380px;
	touch-action: pan-y;
	padding:30px 20px !important;
}

.custom-card-slider .swiper-slide {
	width:790px !important;
	overflow:hidden;
	will-change: transform;
	transform: translateZ(0);
	line-height: 300px;
	text-align: center;
	transform: scale(0.7) translateX(0);
	opacity: 0.4;
	z-index: 0;
	transition: transform 0.3s ease, opacity 0.3s ease, z-index 0.3s;
  border-radius: 20px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
}
.custom-slider-inner img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	display: block;
	object-fit: cover;
}

#slide-container .swiper-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  /* display: flex; */
}

#slide-container .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: block;
	object-fit: cover;
}
#slide-container .swiper-control {
	position:absolute;
	bottom:0;
	z-index:100;
}

/* 기본 전체 위치 및 배치 */
.swiper-pagination {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  display: flex;
  gap: 8px;
}

/* 기본 점 스타일 */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #ccc;
  border-radius: 50%;
  opacity: 0.6;
  transition: all 0.3s ease;
}

/* 활성화된 점 */
.swiper-pagination-bullet-active {
  background: #007aff;  /* 원하는 색상으로 변경 */
  width: 16px;
  height: 16px;
  opacity: 1;
}

.swiper-control {
	width:24px;
	height:24px;
  position: absolute;
  bottom: -30px;
  right: 24%;
  z-index: 10;
  display: flex;
  gap: 8px;
	border-radius:50%;
	border:1px solid #ddd;
	padding:5px;
	background-color:#fff;
}
.swiper-control .play img{
	width:12px;
	height:12px;
	padding-left:8px;
}
/* 정지/시작 버튼 공통 스타일 */ */

/* 지도 / 의원 정보 섹션 */
#map_member {
	position: relative;
	width: 100%;
	margin: 70px 0;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 60px 0;
}

#map_member .title {
	text-align: center;
	margin-bottom: 50px;
}

#map_member h3 {
	font-size: 35px;
	font-weight: 900;
	font-family: "gmarket";
	color: #333;
	margin-bottom: 15px;
}

#map_member h3 span {
	background: linear-gradient(241deg, #581845, #191970);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

#map_member .info {
	font-size: 16px;
	color: #666;
	line-height: 150%;
}

/* 지도 전체 영역 */
.map_section {
	display: flex;
	align-items: flex-start;
	gap: 60px;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

/* 지도 배경 영역 */
.map_background {
	position: relative;
	flex: 1;
	max-width: 600px;
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: background-image 0.5s ease;
	margin: 0 auto;
}

/* 선거구별 백그라운드 이미지 */
.map_background.district-ga {
	background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('/images/kr/main/map_background.png');
	background-size: cover;
	background-position: center;
}

.map_background.district-na {
	background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('/images/kr/main/map_background.png');
	background-size: cover;
	background-position: center;
}

.map_background.district-da {
	background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('/images/kr/main/map_background.png');
	background-size: cover;
	background-position: center;
}

.map_background.district-proportional {
	background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('/images/kr/main/bg_link.jpg');
	background-size: cover;
	background-position: center;
}

.map_background.district-default {
	background: #fff;
}

.map_background img {
	width: 100%;
	height: auto;
	border-radius: 15px;
}

/* 기존 지도 마커 스타일 제거됨 */

/* 의원 카드 섹션 */
.member_cards_section {
	flex: 1;
	/* width:80%; */
	margin:0 auto;
}

.cards_title {
	font-size: 28px;
	font-weight: 800;
	font-family: "gmarket";
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}

.district_name {
	background: linear-gradient(241deg, #581845, #191970);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* 의원 카드 */
.member_cards {
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-height: 400px; /* 카드 개수에 관계없이 최소 높이 보장 */
	align-items: stretch;
	width:100%;
}

.member_card {
	position: relative;
	display: flex;
	background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);
	border-radius: 20px;
	padding: 20px;
	min-height: 180px; /* 개별 카드 최소 높이 설정 */
	box-shadow: 
		0 15px 45px rgba(0, 0, 0, 0.08),
		0 6px 20px rgba(0, 0, 0, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.6);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	opacity: 1;
	transform: translateY(0);
	overflow: hidden;
}

/* 카드 배경 장식 요소 */
.member_card::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(46, 59, 177, 0.05) 0%, transparent 70%);
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 0;
}

.member_card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, 
		transparent 0%, 
		rgba(46, 59, 177, 0.3) 20%, 
		rgba(46, 59, 177, 0.7) 50%, 
		rgba(46, 59, 177, 0.3) 80%, 
		transparent 100%);
	transform: scaleX(0);
	transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
	border-radius: 25px 25px 0 0;
	z-index: 1;
}

/* 카드 숨김 상태 */
.member_card.hidden {
	opacity: 0;
	transform: translateY(30px) scale(0.95);
	pointer-events: none;
}

/* 카드 표시 상태 */
.member_card.visible {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

/* .member_card:hover {
	transform: translateY(-10px) scale(1.02);
	box-shadow: 
		0 30px 80px rgba(0, 0, 0, 0.15),
		0 15px 40px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	border-color: rgba(46, 59, 177, 0.3);
} */

.member_card:hover::before {
	transform: scale(1);
}

.member_card:hover::after {
	transform: scaleX(1);
}

.member_photo {
	position: relative;
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	margin-right: 20px;
	z-index: 2;
}

.member_photo::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	background: linear-gradient(135deg, 
		rgba(46, 59, 177, 0.2) 0%, 
		rgba(52, 152, 219, 0.2) 50%, 
		rgba(155, 89, 182, 0.2) 100%);
	border-radius: 50%;
	z-index: -1;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	transform: scale(0.8);
	opacity: 0;
}

.member_card:hover .member_photo::before {
	transform: scale(1);
	opacity: 1;
}

.member_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid #ffffff;
	box-shadow: 
		0 10px 30px rgba(0, 0, 0, 0.1),
		0 4px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	z-index: 1;
}

.member_card:hover .member_photo img {
	transform: scale(1.05);
	box-shadow: 
		0 15px 40px rgba(0, 0, 0, 0.15),
		0 8px 25px rgba(0, 0, 0, 0.1);
}

.member_info {
	flex: 1;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	padding-left: 10px;
}

.member_name {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.member_name strong {
	font-size: 22px;
	font-weight: 900;
	color: #2c3e50;
	font-family: "gmarket";
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.member_card:hover .member_name strong {
	transform: translateY(-2px);
	text-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.position {
	font-size: 12px;
	color: #ffffff;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 6px 12px;
	border-radius: 20px;
	font-weight: 600;
	box-shadow: 0 3px 12px rgba(102, 126, 234, 0.3);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	display: inline-block;
	white-space: nowrap;
	height:26.5px;
	line-height: 26.5px;
}

.member_card:hover .position {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.member_district_container {
	display:flex;
	align-items: center;
	gap: 10px;
}
.member_district {
	margin-bottom: 10px;
	font-size: 15px;
	color: #2c3e50;
	font-weight: 700;
	position: relative;
	padding-left: 18px;
	font-family: "gmarket";
	display:flex;
	align-items: center;

}

.member_district::before {
	content: '📍';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
}

.member_district .area {
	display: block;
	font-size: 13px;
	color: #7f8c8d;
	font-weight: 500;
	margin-top: 3px;
	padding-left: 0;
}

/* 선거구별 의원 카드 스타일 */

/* 가선거구 의원 카드 (파란색 계열) */
.member_card[data-district*="가"] {
	border: 4px solid #4682b4;
}

.member_card[data-district*="가"]:hover {
	border-color: #1e90ff;
	box-shadow: 0 15px 40px rgba(70, 130, 180, 0.15);
}

.member_card[data-district*="가"] .member_district {
	background: linear-gradient(135deg, #4682b4 0%, #87ceeb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 700;
}

/* 나선거구 의원 카드 (녹색 계열) */
.member_card[data-district*="나"] {
	border: 4px solid #32cd32;
}

.member_card[data-district*="나"]:hover {
	border-color: #228b22;
	box-shadow: 0 15px 40px rgba(50, 205, 50, 0.15);
}

.member_card[data-district*="나"] .member_district {
	background: linear-gradient(135deg, #32cd32 0%, #90ee90 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 700;
}

/* 다선거구 의원 카드 (주황색 계열) */
.member_card[data-district*="다"] {
	border: 4px solid #ff8c00;
}

.member_card[data-district*="다"]:hover {
	border-color: #ff7f00;
	box-shadow: 0 15px 40px rgba(255, 140, 0, 0.15);
}

.member_card[data-district*="다"] .member_district {
	background: linear-gradient(135deg, #ff8c00 0%, #ffa500 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 700;
}

/* 비례대표 의원 카드 (보라색 계열) */
.member_card[data-district*="비례"],
.member_card[data-district*="대표"] {
	border: 4px solid #9370db;
}

.member_card[data-district*="비례"]:hover,
.member_card[data-district*="대표"]:hover {
	border-color: #8a2be2;
	box-shadow: 0 15px 40px rgba(147, 112, 219, 0.15);
}

.member_card[data-district*="비례"] .member_district,
.member_card[data-district*="대표"] .member_district {
	background: linear-gradient(135deg, #9370db 0%, #663399 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 700;
}

.member_party {
	margin-bottom: 15px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 700;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 8px 14px;
	border-radius: 18px;
	display: inline-block;
	width: fit-content;
	box-shadow: 0 3px 12px rgba(102, 126, 234, 0.3);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.member_party::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: all 0.6s ease;
}

.member_card:hover .member_party::before {
	left: 100%;
}

.member_card:hover .member_party {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.member_actions {
	display: flex;
	gap: 12px;
}

.btn_detail {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	text-decoration: none;
	border-radius: 25px;
	font-weight: 700;
	font-size: 12px;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 
		0 6px 20px rgba(102, 126, 234, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
	flex: 1;
	justify-content: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	overflow: hidden;
}

.btn_detail::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: all 0.6s ease;
}

.btn_detail:hover::before {
	left: 100%;
}

.btn_detail:hover {
	background: linear-gradient(135deg, #5a67d8 0%, #667eea 100%);
	transform: translateY(-3px) scale(1.02);
	box-shadow: 
		0 12px 35px rgba(102, 126, 234, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	color: #fff;
	text-decoration: none;
}

.btn_profile {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 10px 18px;
	background: linear-gradient(135deg, #a8a8a8 0%, #8e8e8e 100%);
	color: #fff;
	text-decoration: none;
	border-radius: 25px;
	font-weight: 700;
	font-size: 12px;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 
		0 6px 20px rgba(168, 168, 168, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	justify-content: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	overflow: hidden;
}

.btn_profile::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: all 0.6s ease;
}

.btn_profile:hover::before {
	left: 100%;
}

.btn_profile:hover {
	background: linear-gradient(135deg, #909090 0%, #757575 100%);
	transform: translateY(-3px) scale(1.02);
	box-shadow: 
		0 12px 35px rgba(168, 168, 168, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	color: #fff;
	text-decoration: none;
}

/* 반응형 디자인 */
@media all and (max-width: 1200px) {
	.map_section {
		gap: 40px;
	}
}

@media all and (max-width: 1024px) {
	#map_member {
		margin: 50px 0;
		padding: 40px 0;
	}
	
	#map_member h3 {
		font-size: 28px;
	}
	
	.map_section {
		flex-direction: column;
		gap: 40px;
	}
	
	.map_background {
		max-width: 100%;
	}
	
	.member_cards_section {
		max-width: 100%;
	}
	
	.member_cards {
		min-height: 480px; /* 모바일에서 카드 컨테이너 최소 높이 증가 */
	}
}
@media all and (max-width: 890px) {
	.member_cards_section {
		width: 100%;
	}
}
@media all and (max-width: 768px) {
	#map_member {
		margin: 40px 0;
		padding: 30px 0;
	}
	
	#map_member h3 {
		font-size: 24px;
	}
	
	.map_section {
		padding: 0 15px;
		gap: 30px;
	}
	
	.map_background {
		padding: 20px;
	}
	
	.member_card {
		flex-direction: column;
		text-align: center;
		padding: 18px 15px;
		border-radius: 18px;
		min-height: 220px; /* 모바일에서도 최소 높이 보장 */
	}
	
	.member_photo {
		width: 90px;
		height: 90px;
		margin: 0 auto 20px;
	}
	
	.member_info {
		padding-left: 0;
		align-items: flex-end;
		justify-content: center;
		flex-direction: row;
		gap:5px;
		flex:0;
	}

	.member_party {
		margin-bottom: 0;
	}
	.member_name strong {
		font-size: 18px;
	}
	
	.member_district {
		text-align: center;
		padding-left: 0;
		margin-bottom: 0;
	}
	
	.member_district::before {
		display: none;
	}
	.member_district{
		display: none;
	}
	.member_name {
		justify-content: center;
		margin-bottom: 0;
		flex-direction: column;
		gap: 8px;
	}
	.member_actions {
		height:38.5px;
	}
	.cards_title {
		font-size: 22px;
	}

	
	.btn_detail,
	.btn_profile {
		padding: 12px 25px;
		font-size: 13px;
		border-radius: 25px;
	}
}

/* @media all and (max-width: 568px) {
	#map_member h3 {
		font-size: 22px;
	}
	
	.marker_icon {
		width: 30px;
		height: 30px;
	}
	
	.marker_icon::before {
		width: 8px;
		height: 8px;
	}
	
	.marker_icon.proportional {
		width: 40px;
		height: 24px;
	}
	
	.marker_icon.proportional::before {
		font-size: 10px;
	}
	
	.marker_icon.district-ga,
	.marker_icon.district-na,
	.marker_icon.district-da {
		width: 30px;
		height: 30px;
	}
	
	.marker_label {
		font-size: 12px;
		padding: 6px 12px;
	}
	
	.member_photo {
		width: 80px;
		height: 80px;
	}
	
	.member_name strong {
		font-size: 18px;
	}
	
	.cards_title {
		font-size: 20px;
	}
} */

/* 활성화된 마커 스타일 */
.map_marker.active .marker_icon {
	background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
	transform: scale(1.2);
	box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
	animation: activeMarker 2s infinite;
}

@keyframes activeMarker {
	0% {
		box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
	}
	50% {
		box-shadow: 0 8px 35px rgba(255, 107, 53, 0.7);
	}
	100% {
		box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
	}
}

/* 의원이 없을 때 표시되는 메시지 */
.no_member_message {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 30px;
	text-align: center;
	background: #f8f9fa;
	border-radius: 20px;
	border: 2px dashed #dee2e6;
	min-height: 200px;
}

.message_icon {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	font-size: 24px;
	color: #fff;
}

.no_member_message h4 {
	font-size: 22px;
	font-weight: 700;
	color: #495057;
	margin-bottom: 10px;
	font-family: "gmarket";
}

.no_member_message p {
	font-size: 16px;
	color: #6c757d;
	line-height: 150%;
}

/* 기존 마커 클릭 영역 스타일 제거됨 */

/* 면별 마커 스타일 */
.area_marker {
	position: absolute !important;
	cursor: default;
	z-index: 25;
	transition: all 0.3s ease;
	padding: 5px;
	margin: -5px;
	display: block !important; /* 기본적으로 표시 */
}

.area_marker_icon {
	position: relative;
	width: 16px;
	height: 16px;
	background: #6c757d; /* 기본 색상 (선거구 색상으로 덮어씀) */
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	display: block;
	z-index: 30;
}

/* 면별 마커 기본 표시 설정 */
.area_marker {
	display: block !important;
	visibility: visible !important;
	opacity: 0.3; /* 기본 반투명 상태 */
	transition: opacity 0.3s ease;
}

.area_marker_label {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.9) !important;
	color: #fff !important;
	padding: 6px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
	transition: all 0.3s ease;
	z-index: 150;
	pointer-events: none;
	min-width: 45px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

/* 면별 마커 선거구별 색상 */
.area_marker_icon.district-ga {
	background: #e74c3c !important; /* 밝은 빨간색 */
	box-shadow: 0 2px 8px rgba(231, 76, 60, 0.4) !important;
}

.area_marker_icon.district-na {
	background: #3498db !important; /* 밝은 파란색 */
	box-shadow: 0 2px 8px rgba(52, 152, 219, 0.4) !important;
}

.area_marker_icon.district-da {
	background: #f39c12 !important; /* 황금색 */
	box-shadow: 0 2px 8px rgba(243, 156, 18, 0.4) !important;
}

.area_marker_icon.district-proportional {
	background: #9b59b6 !important; /* 자주색 */
	box-shadow: 0 2px 8px rgba(155, 89, 182, 0.4) !important;
}

/* 면별 마커 표시 상태 */
.area_marker.visible {
	display: block !important;
	opacity: 1;
	visibility: visible;
}

.area_marker.hidden {
	display: none !important;
}

/* 면별 마커 활성화 상태 */
.area_marker.active .area_marker_icon {
	transform: scale(1.5);
	border: 3px solid #fff;
}

/* 기존 선거구 마커 위치 클래스 (사용하지 않음) */

/* 선거구 선택 버튼 */
.district_selector {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255, 255, 255, 0.95);
	border-radius: 15px;
	padding: 12px 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	z-index: 20;
	backdrop-filter: blur(10px);
	width:70%;
	display:flex;
	justify-content: center;
	align-items: center;
}

.selector_title {
	font-size: 14px;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
	text-align: center;
	font-family: "gmarket";
}

.selector_buttons {
	display: flex;
	flex-direction: row;
	gap: 8px;
	min-width: auto;
}

.district_btn {
	padding: 6px 12px;
	border: 2px solid #dee2e6;
	border-radius: 20px;
	background: #fff;
	color: #495057;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	font-family: "gmarket";
	min-width: 70px;
}

.district_btn:hover {
	border-color: #007bff;
	background: #f8f9fa;
	color: #007bff;
	transform: translateY(-1px);
}

.district_btn.active {
	border-color: #007bff;
	background: #007bff;
	color: #fff;
	box-shadow: 0 3px 10px rgba(0, 123, 255, 0.3);
}

.district_btn[data-district="가선거구"].active {
	background: linear-gradient(135deg, #4682b4 0%, #87ceeb 100%);
	border-color: #4682b4;
	box-shadow: 0 3px 10px rgba(70, 130, 180, 0.4);
}

.district_btn[data-district="나선거구"].active {
	background: linear-gradient(135deg, #32cd32 0%, #90ee90 100%);
	border-color: #32cd32;
	box-shadow: 0 3px 10px rgba(50, 205, 50, 0.4);
}

.district_btn[data-district="다선거구"].active {
	background: linear-gradient(135deg, #ff8c00 0%, #ffa500 100%);
	border-color: #ff8c00;
	box-shadow: 0 3px 10px rgba(255, 140, 0, 0.4);
}

.district_btn[data-district="비례대표"].active {
	background: linear-gradient(135deg, #9370db 0%, #663399 100%);
	border-color: #9370db;
	box-shadow: 0 3px 10px rgba(147, 112, 219, 0.4);
}

@media all and (max-width:520px) {
	.district_selector {width:90%;padding:12px 5px;}
}


/* 의원이 없는 마커 스타일 */
.map_marker.no-members {
	pointer-events: auto;
	cursor: pointer;
}

.map_marker.no-members .marker_icon {
	filter: grayscale(50%);
	opacity: 0.6;
}

.map_marker.no-members .marker_label {
	opacity: 0.7;
}

.map_marker.no-members:hover .marker_icon {
	filter: grayscale(30%);
	opacity: 0.8;
	transform: scale(1.05);
}

/* 선거구별 마커 스타일 */

/* 가선거구 마커 (파란색 계열) */
.marker_icon.district-ga {
	background: linear-gradient(135deg,#7bbff6 0%,#c0ebfd 100%);
	border: 3px solid #fff;
	box-shadow: 0 5px 15px rgba(70, 130, 180, 0.3);
}

/* 나선거구 마커 (녹색 계열) */
.marker_icon.district-na {
	background: linear-gradient(135deg, #32cd32 0%, #90ee90 100%);
	border: 3px solid #fff;
	box-shadow: 0 5px 15px rgba(50, 205, 50, 0.3);
}

/* 다선거구 마커 (주황색 계열) */
.marker_icon.district-da {
	background: linear-gradient(135deg,#ffcb8a 0%, #ffa500 100%);
	border: 3px solid #fff;
	box-shadow: 0 5px 15px rgba(255, 140, 0, 0.3);
}

/* 비례대표 마커 스타일 (보라색 계열) */
.marker_icon.proportional {
	background: linear-gradient(135deg, #9370db 0%, #663399 100%);
	border-radius: 10px;
	width: 50px;
	height: 30px;
	border: 3px solid #fff;
	box-shadow: 0 5px 15px rgba(147, 112, 219, 0.3);
}

.marker_icon.proportional::before {
	content: '비례';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	background: transparent;
	border-radius: 0;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	font-family: "gmarket";
}

/* 호버 효과 */
.map_marker:hover .marker_icon.district-ga {
	background: linear-gradient(135deg, #1e90ff 0%, #87cefa 100%);
	transform: scale(1.1);
}

.map_marker:hover .marker_icon.district-na {
	background: linear-gradient(135deg, #228b22 0%, #98fb98 100%);
	transform: scale(1.1);
}

.map_marker:hover .marker_icon.district-da {
	background: linear-gradient(135deg, #ff7f00 0%, #ffb347 100%);
	transform: scale(1.1);
}

.map_marker:hover .marker_icon.proportional {
	transform: scale(1.1);
	background: linear-gradient(135deg, #8a2be2 0%, #9932cc 100%);
}

/* 활성화 상태 - 모든 선거구 공통 */
.map_marker.active .marker_icon.district-ga,
.map_marker.active .marker_icon.district-na,
.map_marker.active .marker_icon.district-da {
	background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
	transform: scale(1.2);
	box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
	animation: activeMarker 2s infinite;
}

.map_marker.active .marker_icon.proportional {
	background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
	transform: scale(1.2);
	box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
	animation: activeMarker 2s infinite;
}

/* 부드러운 전환 효과 */
.member_card {
	transition: all 0.5s ease;
}

/* 기존 터치 디바이스용 마커 스타일 제거됨 */

@media (max-width: 840px) {
  .custom-slider-inner .swiper-slide {
    width: 100% !important;   /* slidesPerView:1 보조 */
  }
}


.sloganContainer {}

.sloganContainer .lnk {}