#skip_link a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skip_link a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skip_link dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0;}

.inner{width:1100px; margin:0 auto;}

header{position:relative; width:100%;}

/* S: 재보궐 띠배너 */
.top_banner {
	display: flex;
	width: 100%;
	height: 70px;
	background: #F1F1F1 url("/images/n24/rvt/header/bg_header.png") no-repeat center top / auto 70px;
}
.top_banner .inner {
	position: relative;
	display: flex;
	width: 1330px;
	margin: 0 auto;
	padding: 12px 0 12px 45px;
	justify-content: flex-start;
	align-items: center;
}
.top_banner .inner::before {
	content: '';
	position: absolute;
	top: 9px;
	left: -14px;
	width: 54px;
	height: 54px;
	background: url("/images/n24/rvt/header/bg_logo_vote_mark.png") no-repeat center / auto 54px;
}
.top_banner .banner_logo {
	display: flex;
	justify-content: flex-start;
	align-items:center;
	margin-right: 60px;
	width: auto;
	height: 47px;
	font-size:19px;
	font-weight:900;
}
.top_banner .banner_vote_box {
	display: flex;
}
.top_banner .banner_vote .tit {
	display: inline-block;
	padding: 4px 4px 3px;
	margin-right: 8px;
	font-size: 14px;
	border-radius: 5px;
	color: #fff;
	background: #2f3b52;
}
.top_banner .banner_vote+.banner_vote {
	margin-left: 54px;
}
.top_banner .banner_vote_box:nth-child(2) .date {
	font-size: 14px;
}
.top_banner .banner_vote_box:nth-child(2) .date b {
	font-size: 18px;
}
.top_banner .banner_vote .date {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #2F3B52;
	letter-spacing: -0.025em;
}
.top_banner .banner_vote .date b {
	font-weight: 800;
	font-size: 22px;
}
.top_banner .banner_text {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 201px;
	height: 37px;
	background: url("/images/n24/rvt/header/img_header_banner_1390.png") no-repeat left top /auto 100%
}
.top_banner .banner_vote {
	position: relative;
}
.top_banner .banner_vote .banner_tooltip {
	display: none;
	z-index: 10;
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translateX(-50%);
	padding: 26px 17px 17px;
	margin-left: -106px;
	width: 252px;
	height: 194px;
}
.top_banner .banner_vote .banner_tooltip::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/images/n24/rvt/header/bg_msgbox.png') no-repeat left top / 100% auto;
}
.top_banner .banner_vote+.banner_vote .banner_tooltip {
	margin-left: -164px;
}
/* 20250304 마우스 오버 삭제 처리 
.top_banner .banner_vote:hover .banner_tooltip{display:block;} */
.top_banner .banner_tooltip .bold_txt {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 24px;
	padding-left: 27px;
	font-size: 14px;
	font-weight: 600;
	color: #181818;
	letter-spacing: -1px;
}
.top_banner .banner_tooltip .bold_txt::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 1px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url('/images/n24/rvt/header/icon_top_exc.png') no-repeat left top / 100% auto;
}
.top_banner .banner_tooltip .gray_txt {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 300;
	color: #666;
	line-height: 1.25
}
.top_banner .banner_tooltip .gray_txt+.gray_txt {
	margin-top: 4px
}
@media all and (max-width:1024px) {
	.top_banner {
		position: relative;
		width: auto
	}

	.top_banner .date_box_txt {
		display: flex;
		margin-left: 12px;
		align-items: center;
		font-weight: 800;
	}

	.top_banner .date_box_txt .date {
		font-size: 24px;
		font-weight: 400;
		font-family: 'ghanachoco';
	}

	.top_banner .banner_vote+.banner_vote {
		margin-left: 20px;
	}
}
@media screen and (max-width: 1120px) {
	.top_banner .banner_text {
		display: none;
	}
}
@media all and (max-width:768px) {
	.top_banner .banner_vote:hover .banner_tooltip {
		display:none;
	}
	.top_banner {
		width: 100%;
		height: 80px;
	}
	.top_notice_inner {
		width: calc(100% - 60px);
		padding: 0 15px;
	}
	.top_notice_swiper .swiper-slide {
		padding: unset;
	}
	.banner_vote>span {
		display: block;
	}
	.top_banner .inner {
		flex-wrap: wrap;
		padding: 8px 0 10px 10px;
	}
	.top_banner .banner_logo {
		width: 100%;
		height: 18px;
		background-size: auto 100%;
	}
	.top_banner .banner_logo br {
		display:none;
	}
	.top_banner .banner_vote {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.top_banner .banner_vote .tit {
		width: 61px;
		font-size: 11px;
		text-align: center;
		margin-right: 4px;
	}
	.top_banner .banner_vote+.banner_vote {
		margin-left: 0;
		margin-top: 2px;
	}
	.top_banner .banner_vote .date {
		font-size: 11px;
	}
	.top_banner .banner_vote .date b {
		font-size: 14px;
	}
}
@media all and (max-width:385px) {
	.top_banner .banner_vote .tit {
		margin-bottom: 0px;
	}

	.top_banner .banner_vote .date .mblock {
		display: none;
	}

	.top_banner .inner {
		padding: 10px 10px;
	}
	.top_banner .inner::before {
		display:none;
	}
}
@media all and (max-width:285px) {
	.top_banner .banner_vote_box .top_banner .banner_vote .date b {
		font-size: 12px;
	}

	.top_banner .banner_vote .date {
		font-size: 11px;
	}
}
/* E : 재보궐 띠배너 */

@media all and (min-width:1025px) {
	.header_wrap {
	height: 84px;
	background-color: #fff;
	border-bottom: 1px solid #DEDEDE;
	}
	.header_wrap .inner {
		display: flex;
		width: 1330px;
		height: 100%;
		margin: 0 auto;
		justify-content: space-between;
		align-items: center;
		position:relative;
	}
}


.header_wrap .top_side{position:relative; display:flex; padding:15px 0; align-items: center; font-size:13px;font-weight:700; color:#555; }
.header_wrap .top_side_link:nth-child(1){position:relative; display:block; padding-right:20px;}
.header_wrap .top_side_link:nth-child(1):after{position:absolute; top:2px; right:10px; content:''; display:block; width:1px; height:14px; background:#CCC;}
.header_wrap .tooltip_btn{position:relative; width:20px; height:20px; margin-left:5px; background:url("/images/n24/vt/tootip_btn_icon.png") center no-repeat; right:0px; text-indent:-9999px;}
.header_wrap .logo{display:flex; align-items:center; width:185px; transition:width 0.2s;  padding:15px 0;  }
.header_wrap .logo img{width:185px; transition:width 0.2s;}
.header_wrap .logo a{display:block;}


/* 상단공지사항 */
.top_notice_wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #2F3B52;
}
.top_notice_wrap.close .top_notice_inner {
	height:0;
}
.top_notice_inner {
	position: relative;
	max-width: 1330px;
	height:38px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}
.top_notice_link {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 0;
	height: 100%;
	display: block;
	overflow: hidden;
	height: 36px;
}
.top_notice_link::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #EEEAE4 url("/images/n24/rvt/header/icon_top_notice.svg") no-repeat center;
	background-size: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top_notice_title {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 30px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 1.5;
	letter-spacing: -0.01em;
	text-align: left;
	max-width: 510px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.top_notice_swiper {
	width: calc(100% - 60px);
	overflow: hidden;
}
.top_notice_swiper .swiper-wrapper {
	height: 38px;

}
.top_notice_swiper .swiper-slide {
	display: flex;
	padding: 0 77px 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	justify-content: center;
	background-color: transparent;
}
.top_notice_swiper .swiper-slide-active::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 50%;
	background: rgba(255, 255, 255, 0.25);
}
.top_notice_swiper .btn-prev,
.top_notice_swiper .btn-next,
.top_notice_swiper .btn-close,
.top_notice_swiper .btn-stop {
	overflow: hidden;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	-webkit-transform: none;
	transform: none;
	margin: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-left: 4px;
}
.top_notice_swiper .btn-prev,
.top_notice_swiper .btn-prev.swiper-button-disabled {
	background: url("/images/n24/rvt/header/btn_topbnr_prev_pc.png") no-repeat left top/100% auto !important;
}
.top_notice_swiper .btn-next,
.top_notice_swiper .btn-next.swiper-button-disabled {
	background: url("/images/n24/rvt/header/btn_topbnr_next_pc.png") no-repeat left top/100% auto !important;
}
.top_notice_swiper .btn-close,
.top_notice_swiper .btn-close.swiper-button-disabled {
	display: none;
	background: url("/images/n24/rvt/header/btn_topbnr_close.png") no-repeat left top/100% auto !important;
}
.top_notice_wrap .swiper-controller {
	z-index: 10;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 68px;
	height: 20px;
}
.top_notice_swiper .swiper-controller .btn-stop {
	background: url("/images/n24/rvt/header/btn_topbnr_stop.png") no-repeat left center/100% auto;
}
.top_notice_swiper .swiper-controller .btn-stop.active {
	background: url("/images/n24/rvt/header/btn_topbnr_play.png") no-repeat center center/100% auto;
}
.top_notice_close {
	z-index: 2;
	position: absolute;
	top: 50%;
	bottom: auto;
	right: 52px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0;
	width: 20px;
	height: 20px;
	background: url("/images/n24/rvt/n24/common/btn_topbnr_close_m.png") no-repeat left top/100% auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.top_notice_close {
		top: auto;
		bottom: -48px;
		right: 0;
		padding: 7px 13px 8px 13px;
		width: auto;
		height: auto;
		border-radius: 0px 0px 0px 10px;
		background: #2F3B52;
	}
}
.top_notice_close .btn_text {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
}

@media screen and (min-width: 1024px) {
	.top_notice_close .btn_text {
		display: inline-block;
		position: relative;
		padding-right: 27px;
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		line-height: 1;
		letter-spacing: -0.01em;
		white-space: nowrap;
	}

	.top_notice_wrap .top_notice_close .btn_text::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 14px;
		height: 14px;
		background: url("/images/n24/rvt/header/btn_banner_open.png") no-repeat left top/100% auto;
	}
	.top_notice_wrap.active .top_notice_close .btn_text::before {
		background: url("/images/n24/rvt/header/bg_banner_close.png") no-repeat left top/100% auto;
	}

	.wrap.is-pull-up .top_notice_close .btn_text::before {
		background: url("/images/n24/rvt/n24/common/btn_banner_open.png") no-repeat left top/100% auto;
	}
}

#gnb{position:relative; flex:1 0; padding:0px 90px; transition:padding 0.3s;}
#gnb .depth1{display:flex;justify-content: space-between; }
#gnb .depth1_li{position:relative; width:62px;  transition:width 0.3s; display: flex;  padding:30px 0; flex-wrap:wrap; justify-content: center; align-items: center; box-sizing:border-box;}
#gnb .depth1_li:first-child{width:70px;}
#gnb .depth1_li:nth-child(4){width:140px;}
#gnb .depth1_li:nth-child(5){width:65px;}
#gnb .depth1_li_link{display:block; width:100%; color:#333; text-align: center; font-weight:700;}
#gnb .depth1_li .depth2:before{content:''; display:block; position:absolute; top:0px; left:50%;  width:0%; height:2px; background:#68159B; transition:2s;}
#gnb .depth1_li:last-child .depth2{border-right:1px solid #f5f5f5;}
#gnb .depth2{display:none; position:absolute; top:83px; z-index:989; width:100%; height:175px; padding:35px 0 40px; min-height:128px;}
#gnb .depth2_li{display:flex; align-items:center; margin-bottom:15px; letter-spacing:-1px;}
#gnb .depth2_li:last-child{margin-bottom:0px;}
#gnb .depth2_li_link{position:relative; display:block; margin:0 auto; font-size:14px; z-index:100;}
#gnb .depth2_li_link:after{position:absolute; display:block; content:''; width:0%; height:9px; left:-2px; bottom:-1px; transition:width 0.2s; background:#EFD1FF; z-index:101;}
#gnb .depth2_li_txt{position:relative; z-index:900;}

.gnb_bg{display:none; position:absolute; z-index:99; width:100%; height:178px; background:#fff; border-top:1px solid #F5F5F5; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);}
.gnb_bg.active{display:block;}
.gnb_bg.mymenu_active{display:block; top:0px;  width:100%; height:100%; opacity:0.8; z-index:998; background:#000;}
.gnb_bg.tooltip_active{display:block; top:0px !important;  width:100%; height:100%; opacity:0.6; z-index:999; background:#000;}

@media all and (min-width:1024px) {

header.active .header_wrap .logo{width:178px;}
header.active .header_wrap .logo img{width:178px;}
header.active #gnb .depth1_li{width:150.5px !important;}
header.active #gnb{padding:0 30px;}

#gnb .depth1_li:hover .depth1_li_link,
#gnb .depth1_li:focus .depth1_li_link{color:#68159B;}
#gnb .depth1_li:hover .depth2:before,
#gnb .depth1_li:focus .depth2:before{content:''; display:block; width:100%; left:0px;}

#gnb .depth2.active{display:block;}
#gnb .depth2:hover{background:#FCF8FE;}

#gnb .depth2_li:hover .depth2_li_link:after{width:105%; transition:0.2s;}

.gnb_bg.active{display:block;}

.m_menu{display:none;}

}

/* ======================================== section1 ======================================== */
.section1{width:100%; margin-top:20px;}
.section1 .inner{display:flex;}

.section1 .sec1_box:nth-child(2){flex:1 0; margin-left:50px;}

.section1 .date_wrap{display:flex;}
.section1 .date_wrap .date_box:nth-child(1){margin-right:30px;}
.section1 .date_box:nth-child(2){display:flex; align-items: end;}
.section1 .date_box_today{font-size:16px; font-weight:700; letter-spacing:0.1px;}
.section1 .date_box_today b{font-size:19px; font-weight:800;}
.section1 .date_box_tit{display:block; font-size:24px; font-weight:800; margin-top:10px; line-height:35px;}
.section1 .date_box_txt{font-size:60px; font-weight:800; height: 60px;line-height: 50px;}
.section1 .date_box_txt .date{font-size:72px; font-weight:400; font-family: 'ghanachoco';}

.section1 .search_wrap{position:relative; width:430px; margin-top:20px;}
.section1 .search_box{display:flex; align-items: center; border-bottom:1px solid #222;}
.section1 .search_box:after{width:0px; display:block; content:''; position:absolute; bottom:-1px; border-bottom:-1px solid #222;}
.section1 .search_box.on:after{width:100%; height:2px; transition:0.2s; background:#222;}
.section1 .search_input{width:100%; height:35px; margin-bottom:5px; border:none; outline:none;}
.section1 .search_btn{width:24px; height:24px; text-indent:-999px; margin-right:15px; background:url("/images/n24/vt/search-btn.png") center no-repeat;}

.section1 .search_keyword{position: absolute;bottom:-30px; display:flex; margin-top:15px; }
.section1 .search_keyword a{display:block; margin-left:20px; font-size:14px; font-weight:700; color:#777;}

.section1 .sec1_tab{padding:15px 20px 0px; border-radius:10px; box-sizing:border-box; border:1px solid #e9ebef; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);}
.section1 .tab_bar{display:flex;}
.section1 .tab_bar_li{width:50%; display:flex;align-items:flex-end;}
.section1 .active .tab_bar_link{display:flex; justify-content: center; line-height:18px; border-bottom:2px solid #222; font-weight:800;}
.section1 .active .tab_bar_link:before{ display:block; content:''; width:16px; height:16px; margin-right:8px; background:url("/images/n24/vt/tab-check-icon2.png") center no-repeat;}
.section1 .tab_bar_link{position:relative; display:block; width:100%; padding-bottom:10px; border-bottom:1px solid #E9EBEF; text-align:center; font-size:15px;}
.section1 .tab_page{display:none;}
.section1 .tab_page.active{display:block;}
.section1 .tab_list{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px;}
.section1 .tab_list_li{position:relative; width:calc(100%/3 - 6px);  height:58px; margin-bottom:12px; border-radius:10px; background:#F5F5F5;}
.section1 .tab_list_link{display: flex; width:100%;  height:100%;  border-radius:10px; padding:0 10px 0 15px; align-items: center; white-space:nowrap; transition:0.4s; font-size:14px; font-weight:700;}
.section1 .tab_list_link:hover,
.section1 .tab_list_link:focus{background:#dadee5; transition:0.4s ;}
.section1 .type2 .tab_list_li{height:35px;}
.section1 .tab_list_link:before{display:block; content:''; min-width:20px; height:20px; margin-right:8px;}

/* 20250327 탭추가 */
.section1 .tab_list_li[data='방송영상·기사'] > a:before{background:url("/images/n24/vt/main-tab-icon17.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='정보보안시스템'] > a:before{background:url("/images/n24/vt/main-tab-icon18.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='(사전)투표'] > a:before{background:url("/images/n24/vt/main-tab-icon19.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='개표'] > a:before{background:url("/images/n24/vt/main-tab-icon20.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='기타'] > a:before{background:url("/images/n24/vt/main-tab-icon21.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='알기쉬운 선거정보'] > a:before{background:url("/images/n24/vt/main-tab-icon22.png") center no-repeat; background-size:20px;}

.section1 .tab_list_li[data='여론조사 결과'] > a:before { background:url("/images/n24/vt/main-tab-icon13.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='(사전)투표방법'] > a:before { background:url("/images/n24/vt/main-tab-icon19.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='(사전)선거일 투표방법'] > a:before { background:url("/images/n24/vt/main-tab-icon19.png") center no-repeat; background-size:20px;}

.section1 .tab_list_li[data='후보자정보'] > a:before,
.section1 .tab_list_li[data='예비후보자정보'] > a:before{ background:url("/images/n24/vt/main-tab-icon1.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='정책공약'] > a:before{ background:url("/images/n24/vt/main-tab-icon2.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='선거절차안내'] > a:before{ background:url("/images/n24/vt/main-tab-icon3.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='위반사례예시'] > a:before{ background:url("/images/n24/vt/main-tab-icon4.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='선거사무안내'] > a:before{ background:url("/images/n24/vt/main-tab-icon5.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='선거구 및 읍면동 현황'] > a:before{ background:url("/images/n24/vt/main-tab-icon6.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='유효표와 무효표'] > a:before{ background:url("/images/n24/vt/main-tab-icon7.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='공정선거참관단<br>활동상황'] > a:before{ background:url("/images/n24/vt/main-tab-icon8.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='내 선거구 확인'] > a:before{ background:url("/images/n24/vt/main-tab-icon9.png") center no-repeat; background-size:20px;}

.section1 .tab_list_li[data='사전투표소'] > a:before{ background:url("/images/n24/vt/main-tab-icon10.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='선거일투표소'] > a:before,
.section1 .tab_list_li[data='투표소'] > a:before{ background:url("/images/n24/vt/main-tab-icon11.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='선거일 본인<br>투표소 조회'] > a:before,
.section1 .tab_list_li[data='투표소 찾기<br>연결서비스'] > a:before{ background:url("/images/n24/vt/main-tab-icon12.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='사전투표 진행상황'] > a:before,
.section1 .tab_list_li[data='사전투표진행상황'] > a:before,
.section1 .tab_list_li[data='사전투표현황'] > a:before{ background:url("/images/n24/vt/main-tab-icon15.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='투표 진행상황'] > a:before,
.section1 .tab_list_li[data='투표진행상황'] > a:before,
.section1 .tab_list_li[data='투표현황'] > a:before{ background:url("/images/n24/vt/main-tab-icon14.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='개표 진행상황'] > a:before,
.section1 .tab_list_li[data='개표진행상황'] > a:before,
.section1 .tab_list_li[data='개표현황'] > a:before{ background:url("/images/n24/vt/main-tab-icon16.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='당선인'] > a:before{ background:url("/images/n24/vt/main-tab-icon23.png") center no-repeat; background-size:20px;}
.section1 .tab_list_li[data='개표단위별<br>개표결과'] > a:before,
.section1 .tab_list_li[data='개표단위별 개표결과'] > a:before{ background:url("/images/n24/vt/main-tab-icon24.png") center no-repeat; background-size:20px;}

.section2 .main_alrim{overflow:hidden; margin-top:20px; width:100%; height:62px; overflow:hidden; border-radius:10px;  background:#F5F5F5;}
.section2 .main_alrim_inner{height:62px; display:flex; padding:0 20px;}
.section2 .main_alrim_list{flex:1 0; width:82%; height:62px; margin-left:30px;}
.section2 .swiper-wrapper{ position: relative; width: 100%; height: 100%;z-index: 1 ;display: flex; flex-direction: column;transition-property: transform;box-sizing: content-box;}
.section2 .swiper-slide{ width: 100%; display: flex; align-items: center; justify-content: space-between;flex-shrink: 0;height: 100%;position: relative; transition-property:transform;}
.section2 .swiper-slide a{display:block; width:100%; font-size:16px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.section2 .main_alrim_tit{display:flex; align-items:center; font-size:18px; font-weight:800; color:#c65b00;}
.section2 .main_alrim_tit:before{display:block; content:''; width:22px; height:22px; margin-right:8px; background:url("/images/n24/vt/alrim-icon.png") center no-repeat; background-size:22px;}
.section2 .swiper-control{display:flex; align-items: center; width:68px;}
.section2 .swiper-control a,
.section2 .swiper-control span{width:16px; height:16px; margin-left:10px; cursor:pointer; text-indent:-9999px;}
.section2 .swiper-control .swiper-button-next{background:url("/images/n24/vt/top-arrow.png") center no-repeat; background-size:16px;}
.section2 .swiper-control .swiper-button-prev{background:url("/images/n24/vt/bottom-arrow.png") center no-repeat; background-size:16px;}
.section2 .swiper-control .swiper-btn.start{background: url("/images/n24/vt/start-btn.png") center no-repeat;  background-size:16px;}
.section2 .swiper-control .swiper-btn.stop{background: url("/images/n24/vt/stop-btn.png") center no-repeat;  background-size:16px;}
.section2 .swiper-control .swiper-btn{display:none;}
.section2 .swiper-control .swiper-btn.on{display:block;}

.section3{position:relative; margin-top:22px;}
.section3 .inner{position:relative;}
.section3 .main_notice{padding:0 10px 50px; overflow:hidden;}
.section3 .main_alrim_list{flex:1 0; height:62px; margin-left:30px;}
.section3 .swiper-wrapper{position: relative; width: 100%; height: 100%;z-index: 1 ;display: flex;  transition-property: transform;box-sizing: content-box;}
.section3 .swiper-slide{ width:252px; border-radius:12px; display: flex; align-items: center; justify-content: space-between; border-radius:40px; flex-shrink: 0;height: 100%;position: relative; border-radius:15px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.12); transition-property:transform;}
.section3 .swiper-slide a{display:block; width:100%; height:100%; position:relative;  border-radius:12px; overflow:hidden; }
.section3 .swiper-slide a:focus{outline:2px dashed #222;}
.section3 .swiper-slide:nth-child(1){transition-delay:0.7s;}
.section3 .swiper-slide:nth-child(2){transition-delay:0.9s;}
.section3 .swiper-slide:nth-child(3){transition-delay:1.1s;}
.section3 .swiper-slide:nth-child(4){transition-delay:1.3s;}
.section3 .swiper-slide a img{width:100%;}
.section3 .swiper-slide a:hover img{transform:scale(1.1); transition: 0.2s;}
.section3 .swiper-button-prev{position:absolute; top:130px; left:-50px; display:block; width:38px; height:38px; cursor:pointer; text-indent:-9999px; background:url("/images/n24/vt/notice-left-arrow.png") center no-repeat;}
.section3 .swiper-button-next{position:absolute; top:130px; right:-50px; display:block; width:38px; height:38px; cursor:pointer; text-indent:-9999px; background:url("/images/n24/vt/notice-right-arrow.png") center no-repeat;}
.section3 .swiper-control{ display:flex; align-items: center; position:absolute; left:50%; bottom:0px; transform: translateX(-50%);}
.section3 .swiper-pagination{ display:flex; bottom:0px; position:static;}
.section3 .swiper-pagination span{display:block; width:6px; height:6px; margin:0 4px; cursor:pointer; opacity:0.4; border-radius:50px; background:#222222}
.section3 .swiper-pagination .swiper-pagination-bullet-active{width:26px; opacity:1;}
.section3 .swiper-btn.start{background: url("/images/n24/vt/sec3-start.png") center no-repeat;  background-size:9px;}
.section3 .swiper-btn.stop{background: url("/images/n24/vt/sec3-stop.png") center no-repeat;  background-size:12px;}
.section3 .swiper-btn{display:none; width:18px; height:12px; margin-left:8px;  text-indent:-9999px;}
.section3 .swiper-control .swiper-btn.on{display:block;}
.section3 .swiper-button-lock{display:none;}
.section3 .btnAllBanner{display:flex; padding:0 8px; margin-left:20px; min-width:70px; height:25px; background:#ad6ece4d; border-radius:15px; line-height:25px; font-size:13px; justify-content:center; align-items:center; }

/* ==============================================================================================================
= Modal 기본스타일 지정
============================================================================================================== */
.modalWrap{position:absolute; top:150px;left:50%;margin-left:-350px; width:700px; border-radius:15px; background:#fff url(/images/n24/vt/allbannerBg.png) no-repeat; ;opacity:0;z-index:-1;transition-duration:0.5s;}
.modalWrap.active{display:block;top:-410px;opacity:1;z-index:101;}
.modalWrap.small{margin-left:-250px;width:500px;}
.modalWrap.wide{margin-left:-450px;width:900px;}
.modalWrap.window{position:relative;top:inherit;left:inherit;margin-left:0;padding-top:46px;width:auto;opacity:1;z-index:99;}
.modalWrap.window .modalTitle{position:fixed;top:0;left:0;right:0;}
.modalWrap .modalContent{padding:20px;}
.modalWrap .modalContent .btnArea{margin:0;}
.modalWrap .modalContent .btnArea + *{margin-top:20px;}
.modalWrap{display:none;margin-left:-640px; padding:30px;width:1280px;height:830px;box-sizing:border-box;}

#mainAllBanner ul{display:flex; flex-wrap:wrap; max-height:696px; overflow-y:scroll; margin:0 -10px; }
#mainAllBanner ul::-webkit-scrollbar{width:8px; border-radius:20px;}
#mainAllBanner ul::-webkit-scrollbar-thumb{background-color: #9696a5; border-radius:20px;}
#mainAllBanner ul::-webkit-scrollbar-track{background-color: #d9d9d9; border-radius:20px;}
#mainAllBanner ul:after{display:block;content:'';clear:both;}
#mainAllBanner ul li{display:block;float:left; margin-right:14px; margin-bottom:14px; padding:10px 7px; background:#Fff; box-sizing:border-box; box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.12);}
#mainAllBanner ul l:nth-child(4n){margin-right:0px;}
#mainAllBanner ul li a{display:block;}
#mainAllBanner ul li img{width:280px;height:320px;}
.btn_modalClose{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px;background:url(/images/n21/common/btn_modalClose.png) no-repeat;text-indent:-9999em;}
.allBanner_title{position:relative; display:block; width:248px; margin:0 auto 30px; font-size:34px; text-align:center; font-weight:bold; color:#777982; font-family: 'GongGothic';}
.allBanner_title:before{position:absolute; bottom:0px; display:block; content:''; width:133px; height:15px; background:#dbd8f7; }
.allBanner_title span{position:relative; color:#25252e; z-index:9; margin-right:10px;}

.section4{width:100%;}
.section4 .inner{display:flex;justify-content: space-between;}
.section4 .inner > div{width:calc(100%/2 - 15px); margin-top:25px;}
.section4 .info_menu_tit{position:relative; display:block; padding-left:25px; font-size:16px; font-weight:800; padding-bottom:15px; border-bottom:1px solid #222; color:#222;}
.section4 .info_menu_tit:before{position:absolute; top:3px; left:0px; content:''; display:block; width:20px; height:20px; background:url("/images/n24/vt/info-tit-icon-gray.png") no-repeat; background-size:20px;}
.section4 .info_menu_box{display:flex; padding:15px 0; flex-wrap:wrap; justify-content: space-between; border-bottom:1px solid #CCC;}
.section4 .info_menu_box a{position:relative; display:flex; height:55px; width:calc(100%/4 - 4px); margin-bottom:8px; justify-content: center; align-items: center; text-align: center; border-radius:2px; font-size:13px; letter-spacing:-0.5px; background:#F5F5F5; }
.section4 .info_menu_box a span{position:absolute; width:100%; height:100%; display:flex; flex-wrap:wrap;  font-size:14px; font-weight:700; color:#333; justify-content: center; align-items: center; text-align: center; background:#F5F5F5; border-radius:2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;

 }
.section4 .info_menu_box a span:nth-child(1):before{display:block; content:attr(data-span)'';}
.section4 .info_menu_box a span:nth-child(1){ 
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -26px;
  -moz-transform-origin: 50% 50% -26px;
  transform-origin: 50% 50% -26px;}
.section4 .info_menu_box a span:nth-child(2){
   -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -26px;
  -moz-transform-origin: 50% 50% -26px;
  transform-origin: 50% 50% -26px;
}

.section4 .info_menu_box a:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  color:#Fff;
  background:#565656;	
}
.section4 .info_menu_box a:hover span:nth-child(2) {
	color: transparent;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.section4 .info_menu_box a:nth-child(n+5){margin-bottom:0px;}
.section4 .info_menu_box a:hover{color:#fff; background:#AD6ECE; transition: 0.3s; box-shadow: 0px 0px 12px 0px rgba(104, 21, 155, 0.25);}
.section4 .banner_event{position:relative; width:535px; overflow:hidden;}
.section4 .banner_menu_tit{display:block; margin-bottom:15px; font-size:16px; color:#222; font-weight:800; }
.section4 .banner_menu_tit span{font-weight:400;}
.section4 .swiper-wrapper{position: relative; width: 100%; height: 100%;z-index: 1 ;display: flex; transition-property: transform;box-sizing: content-box;}
.section4 .swiper-slide{width:100%; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; height: 100%; position: relative; border-radius:15px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.12); transition-property:transform;}
.section4 .swiper-slide a{border-radius:15px; overflow:hidden;}
.section4 .swiper-slide a:focus{outline:2px dashed #222;}
.section4 .swiper-slide a:hover img{transform:scale(1.1); transition:0.2s; }
.section4 .swiper-btn.start{background: url("/images/n24/vt/sec3-start.png") center no-repeat;  background-size:9px;}
.section4 .swiper-btn.stop{background: url("/images/n24/vt/sec3-stop.png") center no-repeat;  background-size:12px;}
.section4 .swiper-btn{display:none; width:12px; height:12px; margin-left:8px;  text-indent:-9999px;}
.section4 .swiper-control{position:absolute; top:0px; right:0px; display:flex; align-items: center;}
.section4 .swiper-control .swiper-btn.on{display:block;}
.section4 .swiper-pagination{ display:flex; bottom:0px; position:static;}
.section4 .swiper-pagination span{display:block; width:6px; height:6px; margin:0 4px; cursor:pointer; opacity:0.4; border-radius:50px; background:#222222}
.section4 .swiper-pagination .swiper-pagination-bullet-active{width:26px; opacity:1;}

.section5{position:relative; width:100%; margin-top:30px; padding:30px 0;  background:#fafafa url("/images/n24/vt/sec5-bg.png") center no-repeat}

.section5 .inner{display:flex; flex-wrap:wrap; justify-content:space-between;}
.section5 .partition{width:calc(100%/2 - 11px);}
.section5 .partition.type2{margin-left:22px;}

.section5 .banner_wrap{width:100%; display:flex;}
.section5 .partition_tit{display:flex; font-size:16px; font-weight:800; color:#222222;}
.section5 .partition_tit:before{display:block; content:''; width:18px; height:18px; margin-right:6px; background:url("/images/n24/vt/part_tit_icon.png") center no-repeat;}

.section5 .partition_box{display:flex; padding:15px 30px; margin-top:12px; flex-wrap:wrap; background:#fff; border-radius:12px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);}
.section5 .partition_box .partition_link{display:flex; padding:14px 0; width:calc(100%/2); color:#333; font-size:13px;  font-weight:700;}
.section5 .partition_box .partition_link:nth-child(1),
.section5 .partition_box .partition_link:nth-child(2){padding-top:10px; border-bottom:1px solid #EEEEEE;}
.section5 .partition_box .partition_link:nth-child(5),
.section5 .partition_box .partition_link:nth-child(6){padding-bottom:10px; border-top:1px solid #EEEEEE;}
.section5 .partition_box .partition_link:nth-child(2n){border-left:1px solid #eee;}

.section5 .partition_txt{display:inline-flex; color:#333;}
.section5 .partition_txt:before{display:block; content:''; width:15px; height:15px; margin:0 8px 0 10px;}
.section5 .partition_link:nth-child(2n) .partition_txt:before{margin:0 8px 0 20px;}
.section5 .partition_link[data='정치자금 회계실무'] .partition_txt:before{background:url("/images/n24/vt/part-icon1.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='후보자 등록 신청프로그램'] .partition_txt:before{background:url("/images/n24/vt/part-icon2.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='정치자금 회계관리 프로그램'] .partition_txt:before{background:url("/images/n24/vt/part-icon3.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='선거사무안내'] .partition_txt:before{background:url("/images/n24/vt/part-icon5.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='후원회 설립 가이드'] .partition_txt:before{background:url("/images/n24/vt/part-icon5.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='선거비용 보전 안내서'] .partition_txt:before{background:url("/images/n24/vt/part-icon6.png") center no-repeat; background-size:15px;}

.section5 .partition_tit:before{width:18px; height:18px; margin-right:6px; background:url("/images/n24/vt/part_tit_icon2.png") center no-repeat;}
.section5 .partition_link[data='정치관계법 질의'] .partition_txt:before{background:url("/images/n24/vt/part-icon12.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='위반행위신고'] .partition_txt:before{background:url("/images/n24/vt/part-icon7.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='불공정 여론조사 신고'] .partition_txt:before{background:url("/images/n24/vt/part-icon8.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='불공정 선거보도 피해구제'] .partition_txt:before{background:url("/images/n24/vt/part-icon9.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='정보공개 청구'] .partition_txt:before{background:url("/images/n24/vt/part-icon10.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='사이버감사실'] .partition_txt:before{background:url("/images/n24/vt/part-icon11.png") center no-repeat; background-size:15px;}
.section5 .partition_link[data='위반사례 예시집'] .partition_txt:before{background:url("/images/n24/vt/part-icon13.png") center no-repeat; background-size:15px;}

.section5 .partition_link:hover .partition_txt:after{display:block; left:30px; bottom:0px;  z-index:990; content:''; width:83%; height:9px;  transition: 0.2s; background:#EFD1FF;}
.section5 .partition_link:nth-child(2n) .partition_txt:after{width:0%; left:42px;  transition: 0.2s; }
.section5 .partition_link:nth-child(2n):hover .partition_txt:after{width:75%; left:42px;  transition: 0.2s; }
.section5 .partition_link:hover b{z-index: 999; font-weight:800; position: relative; }
.section5 .partition_txt{width:auto; position:relative; z-index:9;}
.section5 .partition_txt:after{position: absolute; width:0px;  display:block;  content:''; transition: 0.2s;}
.section5 .partition_txt b{font-size:15px; font-weight:700;}

.section5 .banner_wrap{display:flex; justify-content: space-between; margin-top:30px;}
.section5 .banner{width:calc(100%/3 - 15px); height:110px; border-radius:12px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);}
.section5 .banner.type1{position:relative; background:url("/images/n24/vt/banner1-bg.png") center no-repeat;}
.section5 .banner.type1 .banner_inner{padding:25px;}
.section5 .banner_tit{font-size:16px; color:#222; font-weight:800;}
.section5 .banner.type1 .banner_txt{position:relative; display:block; margin-top:17px; font-size:14px; font-weight:700; color:#A75E0A; }
.section5 .banner.type1 .banner_txt b{position:absolute; bottom:-8px; font-weight:800; letter-spacing:-0.76px; font-size:38px;}
.section5 .banner.type1 b + span{display:inline-block; padding-left:100px;}
.section5 .banner.type1:after{position:absolute; right:20px; bottom:-3px; content:''; display:block; width:90px; height:110px; background:url("/images/n24/vt/sec5-banner-img.png") center no-repeat;}
.section5 .banner.type1:hover:after{animation:banner_type1 1.5s 2; animation-timing-function: ease; animation-direction: alternate;}

@keyframes banner_type1{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(10deg);
	}
	100%{
		transform: rotate(-10deg);
	}
}

.section5 .banner.type2{position:relative; background:#D9E5DF; overflow:hidden;}
.section5 .banner.type2:after{position:absolute; right:37px; bottom:0px; content:''; display:block; width:112px; height:88px; transition:0.2s; background:url("/images/n24/vt/number-banner-bg.png") center no-repeat; background-size:112px;}
.section5 .banner.type2:hover:after{transform: scale(1.2); transition:0.2s;}
.section5 .banner.type2 .banner_inner{padding:23px 30px;}
.section5 .banner.type2 .banner_tit{font-size:16px; font-weight:700; color:#222;}
.section5 .go_btn{display:flex; width:83px; padding:4px 0; margin-top:20px; justify-content: center; align-items: center; border-radius:50px; font-size:13px; font-weight:700; color:#222; border:1px solid #222; }
.section5 .go_btn:after{display:block; content:''; width:13px; height:10px; background:url("/images/n24/vt/number-go-arrow.png") center no-repeat;}
.section5 .go_btn:focus{outline:1px dashed #000;outline-offset:1px;}

.section5 .banner.type3{position:relative; background:#48567A; overflow:hidden;}
.section5 .banner.type3:after{position:absolute; right:-10px; bottom:-10px; content:''; display:block; width:144px; height:102px; transition:0.2s; background:url("/images/n24/vt/sec5_icon.png") center no-repeat;}
.section5 .banner.type3:before{position:absolute; right:130px; bottom:-10px; content:''; display:block; width:80px; height:51px; transition:0.2s; background:url("/images/n24/vt/youtube_bg.png") center no-repeat;}
.section5 .banner.type3:hover:after{transform: scale(1.2); transition:0.2s;}
.section5 .banner.type3:hover:before{transform: scale(1.2); transition:0.2s;}
.section5 .banner.type3 .banner_inner{padding:23px 30px;}
.section5 .banner.type3 .banner_tit{font-size:16px; font-weight:700; color:#fff;}
.section5 .on_air{display:flex; width:83px; padding:4px 0; margin-top:20px; justify-content: center; align-items: center; border-radius:50px; font-size:13px; font-weight:700; color:#fff; border:1px solid #fff; }
.section5 .on_air:after{display:block; content:''; width:13px; height:10px; background:url("/images/n24/vt/on-air-arrow.png") center no-repeat;}
.section5 .on_air:focus{outline:1px dashed #fff; outline-offset:1px;}

footer{width:100%; background:#454952;}
footer .inner{position:relative; display:flex; flex-wrap:wrap; padding:30px 0;}
footer .sido_baro{position:relative; margin-top:-10px; width:240px; height:37px; padding:0px 15px; display:flex; align-items:center; font-size:13px; color:#fff; cursor:pointer; border:1px solid #5a5d65;  background: #36383F url("/images/n24/vt/select-down.png") right 5px center no-repeat; }
footer .sido_baro .f_select_baro {display:flex;width:100%;height:100%;align-items:center;}
footer .sido_baro a{display:block; color:#fff;}
footer .footer_link{display:flex; }
footer .footer_link li{position:relative; margin-right:30px;}
footer .footer_link li:first-child a{color:#FF8C2C;}
footer .footer_link li:last-child:after{display:none;}
footer .footer_link li:after{position:absolute; right:-17px; top:5px; content:''; display:block; width:1px; height:10px; background:#656870; }
footer .footer_link li a{font-size:14px; font-weight:400; color:#C2C5CD;}
footer address{width:100%; margin-top:25px; font-size:14px; color:#C2C5CD;}
footer .mark_wrap{position: absolute; top:58px; right:0px;}
footer .mark_wrap a{display:inline-block; margin-left:5px;}

.fix_menus{display:none;}
.adminMenuList {display:none;}

/*2024-01-15 추가*/
aside{position:fixed; z-index:99; top:185px; right:0px;}
aside .quick_menu{width:120px; border-radius: 12px 0px 0px 12px; background:#333333;}
aside .quick_menu_inner{padding:12px 15px;}
aside .quick_menu li{position:relative; padding:10px 0;}
aside .quick_menu li a{display:block; font-size:13px;}
aside .quick_menu li:last-child:after{display:none;}
aside .quick_menu li:after{position:absolute; bottom:0px; left:50%; transform: translateX(-50%); content:''; display:block; width:83px; height:1px; background:rgba(255, 255, 255, 0.20); }

/*********************** Start : 퀵메뉴 아이콘 ************************/
aside .quick_menu li[data='선거통계시스템'] a:before{display:block; content:''; width:30px; height:30px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon4.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='선거법령정보'] a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon1.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='선거여론조사'] a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon6.png") center no-repeat;background-size:24px;}
aside .quick_menu li[data='인터넷선거보도'] a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon10.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='후보자토론회'] a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon5.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='재외선거'] a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon7.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='선상투표'] a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon8.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='연락번호 안내'] a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon11.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type9 a:before{display:block; content:''; width:24px; height:24px; margin:0 auto 5px; background:url("/images/n24/vt/quick_menu_icon9.png") center no-repeat; background-size:24px;}

/* aside .quick_menu li[data='선거통계시스템']:hover a:before{background:url("/images/n24/vt/quick_menu_icon4_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='선거법령정보']:hover a:before{background:url("/images/n24/vt/quick_menu_icon1_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='선거여론조사']:hover a:before{background:url("/images/n24/vt/quick_menu_icon6_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='인터넷선거보도']:hover a:before{background:url("/images/n24/vt/quick_menu_icon10_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='후보자토론회']:hover a:before{background:url("/images/n24/vt/quick_menu_icon5_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li[data='재외선거']:hover a:before{background:url("/images/n24/vt/quick_menu_icon7_on.png") center no-repeat; background-size:20px;}
aside .quick_menu li[data='선상투표']:hover a:before{background:url("/images/n24/vt/quick_menu_icon8_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type9:hover a:before{background:url("/images/n24/vt/quick_menu_icon9_on.png") center no-repeat; background-size:24px;} */

/*********************** End : 퀵메뉴 아이콘 ************************/

/* aside .quick_menu li:hover .quick_menu_txt{color:#FFB320;} */
aside .quick_menu_txt{display:block; text-align: center; font-size:12px; letter-spacing: -0.5px; word-break:keep-all; color:#fff; transition:0.2s;}

.scrolldown_btn{position:fixed; width:68px; height:68px;  display:flex; align-items: center; justify-content: center; bottom:180px; left: 50%; transform: translateX(-50%); margin-left: 650px; animation:scroll_button_position 1.1s 4; animation-timing-function: ease;  animation-direction: alternate;  z-index:99; cursor:pointer;}
.scrolldown_btn button{position: absolute; width:68px; height:68px;  z-index:99; border-radius:20px; background:#222E4E; box-shadow:0 4px 4px 0 rgba(34,46,78,0.2);}
.scrolldown_btn button:before{display:block; content:''; width:20px; height:20px; margin:0 auto; background:url("/images/n24/vt/scroll_down_icon.png") center no-repeat; background-size:20px;}
.scrolldown_btn .scrolldown_txt{display:block; letter-spacing:-0.02em; margin-top:8px; font-size:11px; font-weight:700; line-height:15px; color:#fff;}
.scrolldown_btn.scroll_Top{display:none;}
.scrolldown_btn.scroll_Top button:before{background:url("/images/n24/vt/scroll_up_icon.png") center no-repeat; background-size:20px;}
/*
@keyframes scroll_button{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
    }
}
@keyframes scroll_button_position{
    0%{
        bottom:180px;
    }
    100%{
        bottom:150px;
    }
}*/

.left_quick{position:fixed; top:200px; right: 50%; transform: translateX(50%); margin-right:650px; display:flex; align-items: center; justify-content: center; width:98px; height:98px; border-radius:50px; cursor:pointer; animation:left_quick_position 1.1s 8; animation-timing-function: ease;  animation-direction: alternate; transition: 0.2s; background:linear-gradient(40deg, #AFBDE1 14.11%, #F0F3FD 86.7%);}
.left_quick:before{position:absolute; content:''; right:8px; bottom:5px; display:block; width:12px; height:19px; background:url("/images/n24/vt/left-quick-tail2.png") center no-repeat;}
.left_quick:hover,
.left_quick:focus{width:201px; margin-right:700px; }
.left_quick .left_quick_box{position:relative; width:90px; height:90px; display:flex;  justify-content: center; align-items: center; border-radius:50px; transition: 0.2s; background:linear-gradient(180deg, #212D4D 0%, #112660 100%);}
.left_quick .left_quick_box:before{position:absolute; bottom:4px; right:3px;  display:block; content:''; width:12px; height:19px; background:url("/images/n24/vt/left-quick-tail1.png") center no-repeat;}
.left_quick:hover .left_quick_box,
.left_quick:focus .left_quick_box{width:192px;}
.left_quick:hover .left_quick_box:after,
.left_quick:focus .left_quick_box:after{left:10px; bottom:30px;}
.left_quick .left_quick_box:after{position:absolute; bottom:-2px; display:block; content:''; width:36px; height:36px; transition: 0.2s; background:url("/images/n24/vt/left_quick_icon.png") center no-repeat;}
.left_quick .left_quick_txt{display:block; font-size:13px; line-height:17px; padding-bottom:15px; text-align:Center; color:#fff;}
.left_quick_txt{ text-align: left;}
.left_quick_txt .hover{display:none;}
.left_quick:hover .left_quick_txt,
.left_quick:focus .left_quick_txt{padding-left:35px;  padding-bottom:0px;  text-align: left;}
.left_quick:hover .left_quick_txt span.hover,
.left_quick:focus .left_quick_txt span.hover{display:inline;}
.left_quick:hover .blind1,
.left_quick:focus .blind1{display:none;}
.left_quick:hover .left_quick_box:after,
.left_quick:focus .left_quick_box:after{width:28px; height:28px; background:url("/images/n24/vt/left_quick_icon.png") center no-repeat; background-size:28px;}

@keyframes left_quick_position{
    0%{
        top:200px;
    }
    100%{
        top:250px;
    }
}




.animate{opacity:0; transition-duration:0.6s; }
section.active .animate,
aside.active .animate,
.sns_menu.active.animate{opacity:1; transform:scale(1)  rotate(0)  translate(0,0); background-size:100% 100%;}
.delay{transition-delay:0.3s;}.delay2{transition-delay:0.5s;}.delay3{transition-delay:0.7s;}.delay4{transition-delay:0.9s;}.delay5{transition-delay:1.1s;}.delay6{transition-delay:1.3s;}.delay7{transition-delay:1.5s;}.delay8{transition-delay:1.7s;}.delay9{transition-delay:1.9s;}
.fadeDown{transform:translate(0,-90px);}
.fadeUp{transform:translate(0,90px);}.fadeUp2{transform:translate(0,180px);}
.fadeLeft{transform:translate(-90px,0);}
.fadeRight{transform:translate(90px,0);}

/* 서브 페이지 내비 + sns 기능*/
.sub_cont_bg .location{position:relative;padding-top:36px;text-align: left;}
.sub_cont_bg .location:after{display:block;clear:both;content:'';}
.sub_cont_bg .location>ul{display:inline-block;}
.sub_cont_bg .location>ul:after{display:block;clear:both;content:'';}
.sub_cont_bg .location>ul li{position:relative;float:left;padding:0 20px 0 10px;font-size:14px;line-height: 14px;color:#666;}
.sub_cont_bg .location>ul li:first-child{padding:0 20px 0 25px; background:url("/images/n24/vt/location_home.png") 0 50% no-repeat;}
.sub_cont_bg .location>ul li:after{display:block;content:'';position:absolute;top:50%;right:0;width:8px;height:9px;margin-top:-5px;background:url("/images/n24/vt/location_step_bg.png") 50% 50% no-repeat;}
.sub_cont_bg .location>ul li:last-child:after{background:none;display:none}
.sub_cont_bg .location>.sns{position:absolute;right:0;bottom:0;}
.sub_cont_bg .location>.sns ul:after{display:block;clear:both;content:'';}
.sub_cont_bg .location>.sns ul li{float:left;}

.sub_cont_bg .sns:after{display:block;clear:both;content:'';}
.sub_cont_bg .sns>ul{float:left;}
.sub_cont_bg .sns>ul li{margin:0 3px; padding:0px;}
.sub_cont_bg .sns>a{float:right;/*margin-left:20px;*/margin-left:3px;}
.sub_cont_bg .sns a{width:40px;height:40px;display:inline-block;text-indent:-99999px;background-size:100% !important;}
.sub_cont_bg .sns a.blog{background:url("/images/n24/vt/icon_blog.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.facebook{background:url("/images/n24/vt/icon_facebook.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.twitter{background:url("/images/n24/vt/icon_twitter.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.youtube{background:url("/images/n24/vt/icon_youtube.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.instargram{background:url("/images/n24/vt/icon_instargram.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.kakaostory{background:url("/images/n24/vt/icon_kakaostory.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.link{background:url("/images/n24/vt/icon_link.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.print{background:url("/images/n24/vt/icon_print.png") 50% 50% no-repeat;}

/* 특집검색*/
.vt_total_search{}
.total_top{text-align:center;padding:23px 0 40px 0;background-image:url("/images/n24/rvt/search/bg_search_top.png");background-repeat:no-repeat;background-position:center top;background-size:auto 100%;}
.total_top.total_top2{text-align:center;padding:35px 0 15px 0;}
.total_top h1{height:45px;margin-bottom:17px;background-image:url("/images/n24/rvt/header/h1_logo.png");background-repeat:no-repeat;background-position:center top;background-size:contain;text-indent:-99999px;}

.vt_search{position:relative;width:1400px;margin:0 auto;}
.vt_search .top_s_area{}
.vt_search .top_s_area input[type="text"]{width:850px;height:50px;border:solid 2px #222;padding:0 20px;border-radius:2px;}
.vt_search .top_s_area input[type="submit"]{width:139px;height:50px;font-size:18px;padding-left:25px;color:#fff;background:#000 url("/images/n24/vt/btn_vt_search.png") 30px 50% no-repeat;border-radius:2px;}
.vt_search .detail_s_view{width:129px;height:70px;font-size:22px;color:#fff;border-radius:2px;background:#697272;display:none;}

.vt_s_main_menu{height:60px;line-height:60px;border-bottom:solid 1px #e4e4e4;}
.vt_s_main_menu ul{text-align:center;}
.vt_s_main_menu li{display:inline-block;vertical-align:top;margin:0 35px;}
.vt_s_main_menu li a{position:relative;display:block;vertical-align:top;font-size:19px;font-weight:700;padding:0 5px;}
.vt_s_main_menu li.active a{color:#926F53;}
.vt_s_main_menu li.active a:after{display:block;clear:both;content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#926F53;}

.vt_s_sub_menu{margin-bottom:22px;text-align:center;padding:20px 0;}
.vt_s_sub_menu li{position:relative;display:inline-block;vertical-align:top;padding:0 20px;text-align:center;}
.vt_s_sub_menu li:first-child:after{content:inherit;background:none;}
.vt_s_sub_menu li:after{display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#ececec;}
.vt_s_sub_menu li a{display:block;color:#333;vertical-align:top;height:50px;line-height:50px;font-size:19px;padding:0 5px;font-weight:500;}
.vt_s_sub_menu li.active a{color:#fff;background:#926F53;border-radius:25px;padding:0 35px; }

.vt_s_result{text-align:center;background:#f9f9f9;margin-bottom:60px;padding:35px 0;}
.vt_s_result span{font-size:26px;color:#333;}
.vt_s_result em{font-size:26px;font-weight:700;display:inline-block;margin-left:5px;}
.vt_s_result em.po1{color:#7e3bd6;}
.vt_s_result em.po2{color:#926F53;}

.result_wrap{margin-bottom:80px;}
.result_wrap .tit{position:relative;padding-bottom:13px;}
.result_wrap .tit h4{font-weight:700;font-size:24px;color:#333;display:inline-block;vertical-align:middle;}
.result_wrap .tit h4 b{color:#926F53;display:inline-block;margin-left:5px;}
.result_wrap .tit .more{display:inline-block;vertical-align:bottom;font-size:16px;margin-left:28px;line-height:26px;padding-top:3px;}
.result_wrap .tit .more i{position:absolute;width:26px;height:26px;margin-left:8px;border-radius:50%;background-color:#f6f6f6;overflow:hidden;}
.result_wrap .tit .more i:before{position:absolute;left:0;top:0;display:block;content:'';width:100%;height:100%;background:url("/images/n24/vt/vt_s_more.png") 50% 50% / 12px auto no-repeat;}
.result_wrap ul{border-top:solid 1px #6f6f6f;}
.result_wrap ul li{display:flex; padding:20px 10px;border-bottom:solid 1px #e0e0e0; line-height:18px;}
.result_wrap .vt_basic li>strong{width:calc(100% - 85px); font-size:18px;font-weight:500;color:#333; vertical-align:top;}
.result_wrap .vt_basic li>strong a{display:inline-block; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; max-width:85%;}
.result_wrap .vt_basic li>span{font-size:15px;color:#333; display:inline-block;margin-top:2px; vertical-align:top;}
.result_wrap .vt_basic li>a{display:block;font-size:15px;color:#555;margin-top:10px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}

.result_wrap .vt_pic_date li div.pic{display:inline-block;vertical-align:middle;width:10%;}
.result_wrap .vt_pic_date li div.pic a{display:block;margin-top:0;}
.result_wrap .vt_pic_date li div.pic a img{width:100%;}
.result_wrap .vt_pic_date li div.data{display:inline-block;vertical-align:middle;width:84%;margin-left:30px;}
.result_wrap .vt_pic_date li div{line-height:18px;}
.result_wrap .vt_pic_date li div>strong{font-size:18px;font-weight:500;color:#333; vertical-align:top;}
.result_wrap .vt_pic_date li div>strong a{display:inline-block;white-space:nowrap; text-overflow:ellipsis;overflow:hidden; max-width:85%;}
.result_wrap .vt_pic_date li div>span{font-size:15px;color:#333; display:inline-block;margin-top:2px; vertical-align:top;}
.result_wrap .vt_pic_date li div>a{display:block;font-size:15px;color:#555;margin-top:10px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}

.result_wrap mark{color:#7e3bd6;background:none;}
.result_wrap .gallery{margin:10px -10px 0 -10px;}
.result_wrap .gallery:after{display:block;clear:both;content:'';}
.result_wrap .gallery>div{float:left;width:20%;padding:0 10px;}
.result_wrap .gallery>div .img{margin-bottom:18px;}
.result_wrap .gallery>div .img img{width:100%;}
.result_wrap .gallery>div a{font-size:17px;color:#333; line-height:19px; display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%; margin-bottom:5px;}
.result_wrap .gallery>div span{display:block;font-size:15px;color:#666;}

.detail_search{position:relative;text-align:center;width:1024px;margin:25px auto;}
/* .detail_search{position:relative;text-align:center;width:1024px;margin:25px auto;display:none;} */
.detail_search:after{display:block;clear:both;content:'';}
.detail_search>div{display:inline-block; vertical-align:top;}
.detail_search>div:after{display:block;clear:both;content:'';}
.detail_search>div:nth-child(1){margin-right:20px;}
.detail_search>div>label{display:inline-block;vertical-align:middle;margin-right:9px;}
.detail_search>div>div{display:inline-block;vertical-align:middle;}
.detail_search>div span{position:relative;float:left;border:solid 1px #ccd5d5;border-left:none;background:#fff;}
.detail_search>div>div>div{position:relative;float:left;margin-left:9px;}
.detail_search>div>div>div:after{display:block;content:'~';position:absolute;top:0;left:50%;margin-left:-5px;line-height:40px;}
.detail_search>div>div>div input{width:147px;height:42px;line-height:40px;border:solid 1px #ccd5d5;padding:0 16px;}
.detail_search>div span:first-child{border-left:solid 1px #ccd5d5;border-radius:2px 0 0 2px}
.detail_search>div span:last-child{border-radius:0 2px 2px 0}
.detail_search .data-period .start{margin-right:20px;}
.detail_search .data-period .start{}

.check_box.active{background:#098179;border:solid 1px #098179;}
.check_box.active:first-child{border-left:solid 1px #098179}
.check_box input[type="checkbox"] {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;margin:0; -webkit-appearance:none;}
.check_box input[type="checkbox"]:focus + label {outline:1px solid #000;}
.check_box label{display:inline-block;padding:0 16px;height:40px;line-height:40px;}
.check_box.active label{color:#fff;}

.radio_box.active{background:#77675A;border:solid 1px #C5BBB0;}
.radio_box.active:first-child{border-left:solid 1px #098179}
.radio_box input[type="radio"] {position:absolute;top:0;bottom:0;left:0;right:0;width: 100%;height: 100%;margin:0; -webkit-appearance: none;background: none;border-radius: 0px;}
/* .radio_box input[type="radio"] {position:absolute;top:0;bottom:0;left:0;right:0;width:0;margin:0; -webkit-appearance:none;} */
.radio_box input[type="radio"]:focus + label {outline:1px solid #000;}
.radio_box label{display:inline-block;padding:0 16px;height:40px;line-height:40px;}
.radio_box.active label{color:#fff;}

.detail_search .detail_s_view_close{display:none;position:absolute;top:5px;right:-44px;width:30px;height:30px;background:url("/images/n24/vt/btn_modalClose.png") 50% 50% no-repeat;text-indent:-99999px;}

.tableList{margin-bottom:80px;border-top:solid 1px #6f6f6f;}
.tableList ul{display:table;width:100%;border-collapse:collapse;table-layout:fixed;}
.tableList ul li{display:table-row;clear:both;border-bottom:1px solid #e0e0e0;}
.tableList ul li:after{display:block;content:'';clear:both;}
.tableList ul li > *{display:table-cell;padding:10px 0;height:74px;vertical-align:middle;box-sizing:border-box;}
.tableList ul li .title{width:100%;font-weight:500;}
.tableList ul li .title a{display:block;padding:0 20px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:50px;}
.tableList ul li .title a .cateItem{display:inline-block;margin-right:7px;color:#926F53;}

.tableList ul li .etc{padding-right:10px;width:40%;text-align:right;box-sizing:border-box;font-size:15px;color:#6c6c6c;}
.tableList ul li .etc em{display:inline-block;padding:0 8px;font-size:13px;color:#dedede;}
.tableList ul li .etc.type2{width:33%;}
.tableList ul li .etc.type2 span{display:block;margin-bottom:3px;}

.avt_recommend{background:#fbfbfb;border-top:solid 1px #7e7d8c;border-bottom:solid 1px #e3e3e3;margin-top:15px;margin-bottom:30px;padding:30px;text-align:center;}
.avt_recommend strong{position:relative;display:inline-block;vertical-align:top;margin:20px 0;padding:0 15px 0 25px;color:#009fa1;font-size:20px;background:url("/images/n24/vt/icon_recom.png") 0 50% no-repeat;}
.avt_recommend strong:before{display:block;content:'';position:absolute;top:50%;right:0;width:1px;height:20px;margin-top:-10px;background:#3e35aa;}
.avt_recommend ul{display:inline-block;vertical-align:top;width:80%;}
.avt_recommend ul:after{display:block;clear:both;content:'';}
.avt_recommend li{float:left;margin:10px}
.avt_recommend li a{display:inline-block;border:solid 1px #878787;border-radius:5px;color:#555555;font-size:16px;padding:10px 20px;text-align:left; font-weight: bolder;}
.avt_recommend li a:hover{border:solid 1px #009fa1;color:#009fa1;}

/*20240125 접근성  추가*/
.swiper-pagination span:focus{outline:2px solid #222;}

/*20240126 footer 주소이동 */
.family_select{display:none; position:absolute; top:-411px; left:0px; right:0px; height:410px; background:#35383f; overflow:auto; z-index:10;}
.family_select a{padding:2px 10px; line-height:25px; font-size:13px;}

/*20240129 추가*/
.sns_menu{position:fixed; top:250px; left:10px; z-index:99; border-radius:12px; border:1px solid #e9ebef; background:#fff;  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);}
.sns_menu .sns_menu_tit{font-size:14px; padding:8px 20px; font-weight:bold; border-radius:8px 8px 0 0; color:#fff; background:#222e4e;}
.sns_menu .sns_list{padding:15px 20px;}
.sns_menu .sns_list li{position:relative; padding:8px 0;}
.sns_menu .sns_list li:after{position:absolute; bottom:0px; left:50%; transform: translateX(-50%); content:''; display:block; width:34px; height:1px; background:#ccc;}
.sns_menu .sns_list li:first-child{padding-top:0px;}
.sns_menu .sns_list li:last-child{padding-bottom:0px;}
.sns_menu .sns_list li a{display:block; width:50px; height:50px; text-indent:-9999px;}
.sns_menu .sns_list li.blog a{background:url("/images/n24/vt/blog.png") center no-repeat;}
.sns_menu .sns_list li.facebook a{background:url("/images/n24/vt/facebook.png") center no-repeat;}
.sns_menu .sns_list li.youtube a{background:url("/images/n24/vt/youtube.png") center no-repeat;}
.sns_menu .sns_list li.twiter a{background:url("/images/n24/vt/twiter.png") center no-repeat;}
.sns_menu .sns_list li.instagram a{background:url("/images/n24/vt/instagram.png") center no-repeat;}
.sns_menu .sns_list li.kakao a{ background:url("/images/n24/vt/kakao.png") center no-repeat; }
.sns_menu .sns_list li.kakao:after{display:none;}

/*2024-01-31*/
/* .banner_vote{position:relative; }
.banner_tooltip{display:none; position:absolute; top:30px; left:-100px;  width:251px; padding:15px 20px; background:#fff; border-radius:15px; box-sizing:border-box; border:2px solid #040000; z-index:999; }
.banner_tooltip .bold_txt{display:flex; align-items: center;  font-size:14px; color:#181818; font-weight:bold; letter-spacing:-1px;}
.banner_tooltip .bold_txt:before{content:''; display:block; width:31px; height:31px; margin-right:8px; background:url("../../../images/n24/vt/tooltip_icon.png") center no-repeat;}
.banner_tooltip .gray_txt{ display: block;padding-top: 15px;font-size: 14px; color: #000000; line-height: 19px;font-weight: 700;}
.banner_tooltip:before{position:absolute; content:""; right:110px;; top:-17px;  border : transparent 0.5em solid;  border-bottom-color:#040000; display:inline-block;}

.banner_tooltip.bottom{top:-75px; left:-35px;}
.banner_tooltip.bottom:before{position:absolute; content:""; right:110px; top:62px;  border : transparent 0.5em solid;  border-top-color:#040000; display:inline-block;}

.banner_tooltip.type2{width:268px; left:-33px; top:65px; left:-75px;}

.banner_tooltip.type3{width:319px; top:-168px; left:-70px;  }
.banner_tooltip.type3:before{position:absolute; content:""; right:140px;; top:153px;  border : transparent 0.5em solid;  border-top-color:#040000; display:inline-block;}
.banner_tooltip.type3:after{position:absolute; content:""; right:140px;; top:151px;  border : transparent 0.5em solid;  border-top-color:#fff; display:inline-block;}

.top_banner .banner_vote:hover .banner_tooltip{display:block;} */
.section1 .tab_list_li:hover .banner_tooltip{display:block;}

/* 나만의 메뉴 */
.tooltip{display:none;border:solid 1px #009fa1;border-radius:20px;position:absolute;top:63px;right:0;width:420px;line-height:24px;background:#fff url("/images/n21/rvt/tooltip_bg.png") 25px 6% no-repeat;z-index:11;box-shadow:4px 4px 0 rgba(0,0,0,.3);}
.tooltip:before{display:block;content:'';position:absolute;top:-13px;right:26px;width:22px;height:13px;background:url("/images/n21/rvt/tooltip_point_bg.png") 50% 50% no-repeat;}
.tooltip>div{position:relative;text-align:left;}
.tooltip .upper{padding:30px 0 0 140px;height:160px;}
.tooltip .lower{background:#f2f2f2;padding:25px 30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.tooltip .lower dl{margin-bottom:25px;}
.tooltip .lower dt.title{font-size:18px;font-weight:bold;}
.tooltip .lower ul li{position:relative;font-size:14px;padding-left:10px;}
.tooltip .lower ul li:first-child{margin-bottom:10px;}
.tooltip .lower ul li:before{display:block;content:"*";position:absolute;left:0;top:0;color:#009fa1;}
.tooltip>div em{display:inline-block;font-size:22px;color:#333;line-height:30px;margin-bottom:5px;}
.tooltip>div b{font-weight:800;color:#333;}
.tooltip>div span{display:block;font-size:16px;color:#333;}

.tooltip_giude{display:none;}

.area_my_menu>.inner{display:block; position: relative;width:1100px;;margin:0 auto;}
.area_my_menu{display:none;position:fixed;top:0px; left:0;right:0;background:#85766C; padding:50px 0;z-index:999;}
.area_my_menu>.inner li{box-sizing: border-box;}
.area_my_menu>.inner .tit{text-align:left;padding:25px 0;max-width:1280px;position:relative;box-sizing:border-box; margin-bottom:0;}
.area_my_menu>.inner .tit:after{display:block;content:'';clear:both;}
.area_my_menu>.inner .tit>p{position:absolute;left:0;top:0;width:100px;height:126px;background:url("/images/n21/avt/area_my_menu_bg.png") 0 50% no-repeat;}
.area_my_menu>.inner .tit>div{vertical-align:middle;padding-top:30px;margin-left:140px;}
.area_my_menu>.inner .tit>div:after{display:block;content:'';clear:both;}
.area_my_menu>.inner .tit>div>strong{float:left;width:250px;height:56px;vertical-align:bottom;padding:0 25px 0 0;box-sizing:border-box;color:#fff;font-size:46px;line-height:46px;position:relative;}
.area_my_menu>.inner .tit>div>strong:after{position:absolute;right:0;top:-8px;display:block;content:'';width:23px;height:29px;background:url("/images/n21/avt/my_menu_txt_bg.png") 100% 0 no-repeat;}
.area_my_menu>.inner .tit>div>span{float:right;height:46px;border-bottom:1px solid #fff;color:#fff;width:calc(100% - 250px);box-sizing:border-box; padding-top:15px;text-align:right;font-size:18px;}
.area_my_menu .menu_card{margin:0 -5px 50px -5px;}
.area_my_menu .menu_card:after{display:block;clear:both;content:'';}
.area_my_menu .menu_card>div{padding:0 5px;margin:5px 0;float:left;width:20%;box-sizing: border-box;}

.area_my_menu .menu_card>div>div{position:relative;border:solid 2px rgba(255,255,255,0.3); border-radius:10px;background:url("/images/n21/rvt/menu_card_add.png") 50% 50% no-repeat;}
.area_my_menu .menu_card>div>div .mascot{position:absolute;top:0;left:10px;height:100%; }
.area_my_menu .menu_card>div:nth-child(1)>div .mascot{width:73px;background:url("/images/n21/rvt/menu_card_icon1_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(2)>div .mascot{width:87px;background:url("/images/n21/rvt/menu_card_icon2_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(3)>div .mascot{width:74px;background:url("/images/n21/rvt/menu_card_icon3_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(4)>div .mascot{width:92px;background:url("/images/n21/rvt/menu_card_icon4_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(5)>div .mascot{width:68px;background:url("/images/n21/rvt/menu_card_icon5_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(6)>div .mascot{width:74px;background:url("/images/n21/rvt/menu_card_icon6_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(7)>div .mascot{width:83px;background:url("/images/n21/rvt/menu_card_icon7_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(8)>div .mascot{width:75px;background:url("/images/n21/rvt/menu_card_icon8_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(9)>div .mascot{width:71px;background:url("/images/n21/rvt/menu_card_icon9_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(10)>div .mascot{width:88px;background:url("/images/n21/rvt/menu_card_icon10_off.png") 0 50% no-repeat;}

.area_my_menu .menu_card>div:nth-child(1)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon1_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(2)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon2_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(3)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon3_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(4)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon4_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(5)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon5_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(6)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon6_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(7)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon7_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(8)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon8_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(9)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon9_on.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(10)>div>div .mascot{background:url("/images/n21/rvt/menu_card_icon10_on.png") 0 50% no-repeat;}

.area_my_menu .menu_card>div>div>.add{display:block;width:100%;height:130px;line-height:130px;border-radius:10px;margin:-2px -2px -2px 0;text-indent:-99999em;}
.area_my_menu .menu_card>div>div>div{background:#fff;display:block;height:130px;line-height:130px;border-radius:10px;margin:-2px;padding:0 20px;text-align:left;z-index:-1;}
.area_my_menu .menu_card>div>div>div div{padding-left:80px;width:100%;display:inline-block;vertical-align:middle;line-height:24px;}
.area_my_menu .menu_card>div>div>div div em{display:block;color:#3f57bf;font-size:15px; font-weight:600;}
.area_my_menu .menu_card>div>div>div div span{display:block;color:#555;font-size:18px;}
.area_my_menu .menu_card>div>div .del{position:absolute;top:0;right:0;width:40px;height:39px;background:url("/images/n21/rvt/btn_menu_card_del.png") 50% 50% no-repeat;text-indent:-99999px;}
.area_my_menu>.inner ul:after{display:block;clear:both;content:'';}
.area_my_menu>.inner ul li{position:relative;width:16.66%;float:left;border-left:solid 1px #F5F3F1;text-align:center;}
.area_my_menu>.inner ul li:first-child{border-left:none;}
.area_my_menu>.inner ul li a{position:relative;display:inline-block;padding:0 5px;color:#fff; line-height:26px; font-size:20px;}
.area_my_menu>.inner ul li a span{font-size:18px;display:inline-block;vertical-align:top;width:31px;height:26px;padding-left:30px;}
.area_my_menu>.inner ul li a:hover:before{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background:rgba(172,179,200,1);animation-name: user_ex5; animation-duration: .5s;z-index:-1;}
.area_my_menu>.inner ul li a:not(:hover):before{display:block;content:'';position:absolute;bottom:0;left:0;width:0;height:8px;background:rgba(172,179,200,1);animation-name: user_ex5_2; animation-duration: .1s;z-index:-1;}

@keyframes user_ex5{
	from { width:0 }
	to { width:100%; }
}
@keyframes user_ex5_2{
	from { width:100% }
	to { width:0; }
}
@media screen and (max-width: 768px) {

	.tooltip.onlymobile{border:solid 1px red;display:none;position:fixed;top:50%;right:initial;left:50%;border:solid 1px #009fa1;border-radius:20px;width:385px;transform:translate(-50%, -50%);background:#fff url("/images/n21/rvt/tooltip_bg.png") 15px 20px no-repeat;box-shadow:2px 2px 0 rgba(0,0,0,.2);background-size: auto 90px;z-index:1000;}
	.tooltip.onlymobile:before{display:block;content:initial;}
	.tooltip.onlymobile>div{position:relative;text-align:left;}
	.tooltip.onlymobile .upper{padding:30px 0 15px 100px;height:initial;}
	.tooltip.onlymobile .lower{background:#f2f2f2;padding:15px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
	.tooltip.onlymobile .lower dl{margin-bottom:15px;}
	.tooltip.onlymobile .lower dt.title{font-size:17px;font-weight:bold;}
	.tooltip.onlymobile .lower dd{font-size:15px;}
	.tooltip.onlymobile .lower ul li{position:relative;font-size:13px;padding-left:10px;}
	.tooltip.onlymobile .lower ul li:first-child{margin-bottom:10px;}
	.tooltip.onlymobile .lower ul li:before{display:block;content:"*";position:absolute;left:0;top:0;color:#009fa1;}
	.tooltip.onlymobile>div em{display:inline-block;font-size:19px;color:#333;margin-bottom:5px;line-height:24px;}
	.tooltip.onlymobile>div b{font-weight:800;color:#333;}
	.tooltip.onlymobile>div span{display:block;font-size:16px;color:#333;}
	.tooltip.onlymobile .btn_close_tooltip{display:block;position:absolute;right:15px;top:15px;width:20px;height:20px;background:url("/images/n21/rvt/btn_close_tooltip.png") 0 0 no-repeat;text-indent:-9999px;background-size:contain;}
	.tooltip_giude{display:block;text-align:right;margin-bottom:15px;}
	.tooltip_giude button {background:#85766C;color:#fff;border-radius:4px;padding:5px 10px;border:1px solid #ffdec8;}
	.tooltip_giude button span{display:inline-block;vertical-align:middle;line-height:24px;}
	.tooltip_giude button i{display:inline-block;vertical-align:middle;width:24px;height:24px;border:solid 1px #fff;border-radius:50%;margin-left:5px;background:url("/images/n21/rvt/btn_mymenu_icon.png") 50% 50% no-repeat;text-indent:-9999em;}

}
.area_my_menu>.inner ul li:nth-child(1) a span{background:url("/images/n21/rvt/my_menu_area_baro_img1.png") 0 50% no-repeat;}
.area_my_menu>.inner ul li:nth-child(2) a span{background:url("/images/n21/rvt/my_menu_area_baro_img2.png") 0 50% no-repeat;}
.area_my_menu>.inner ul li:nth-child(3) a span{background:url("/images/n21/rvt/my_menu_area_baro_img3.png") 0 50% no-repeat;}
.area_my_menu>.inner ul li:nth-child(4) a span{background:url("/images/n21/rvt/my_menu_area_baro_img4.png") 0 50% no-repeat;}
.area_my_menu>.inner ul li:nth-child(5) a span{background:url("/images/n21/rvt/my_menu_area_baro_img5.png") 0 50% no-repeat;}
.area_my_menu>.inner ul li:nth-child(6) a span{background:url("/images/n21/rvt/my_menu_area_baro_img6.png") 0 50% no-repeat;}
.area_my_menu>.inner>.btn_area_my_menu_close{position:absolute;top:10px;right:0;width:28px;height:28px;background:url("/images/n21/rvt/btn_area_my_menu_close.png") 50% 50% no-repeat;text-indent:-99999px;}

/* 나만의 메뉴 설정하기 */
.my_menu_option{display:none;position:fixed;top:50px;bottom:50px;width:840px;left:50%;margin-left:-420px;padding:50px;border-radius:10px;border-radius:10px;background:#fff;z-index:1000;}
.my_menu_option>strong{display:block;text-align:center;font-size:34px;color:#333;margin-bottom:30px;font-weight:normal;}
.my_menu_option>strong b{font-weight:700;}
.my_menu_option .my_search{position:relative;margin-bottom:40px;padding-right:75px;}
.my_menu_option .my_search div{position:relative;height:64px;border-radius:10px;border:solid 2px #85766C;width:100%;}
.my_menu_option .my_search div input[type="text"]{border:none;height:60px;line-height:60px;padding:0 20px;width:90%;border-radius:13px;outline:none;}
.my_menu_option .my_search div input[type="submit"]{position:absolute;top:50%;right:18px;width:33px;height:32px;margin-top:-16px;background:url("/images/n21/rvt/btn_my_search.png") 50% 50% no-repeat;text-indent:-99999px;}
.my_menu_option .my_search .btn_reflsh{position:absolute;top:0;right:0;width:71px;height:64px;background:url("/images/n24/rvt/icon_refresh.png") 50% 50% no-repeat;background-color:#85766C;background-size:32px;border-radius:10px;text-indent:-99999px;}
.my_menu_option .area_scroll{position:absolute;left:50px;right:50px;top:190px;bottom:65px;overflow:hidden;overflow-y:auto;}
.my_menu_option .p_posi{position:relative;margin-bottom:10px;padding:8px 0;}
.my_menu_option .p_posi h4{display:inline-block;margin-bottom:0;}
.my_menu_option .p_posi select{position:absolute;right:0;border-radius:4px;color:#555;font-size:15px;width:256px;height:40px;background:#fff url("/images/n21/rvt/mymenu_select_bg.png") right 10px center no-repeat;}
.my_menu_option h4{font-size:22px;font-weight:800;color:#856C6C;margin-bottom:10px;}
.my_menu_option h5{font-size:18px;font-weight:800;color:#333;margin:0 0 10px 0;}
.my_menu_option .h4_layer_contents{margin-bottom:20px;}
.my_menu_option .layer_contents_scroll{}/*height:340px;overflow:auto;*/
.my_menu_option .check_con{background:#fafafa;margin-bottom:20px;padding:25px 30px;border-radius:10px;}
.my_menu_option .check_con:after{display:block;clear:both;content:'';}
.my_menu_option .check_con span{font-size:14px;position:relative;float:left;width:33.33%;margin:5px 0;text-align:left;padding-left:25px;}
.my_menu_option .check_con span input[type="checkbox"] { position:absolute; top:50%; left:0; width:18px;height:18px;margin-top:-9px; -webkit-appearance:none;background:url("/images/n21/rvt/my_menu_option_check_off.png") 50% 50% no-repeat;}
.my_menu_option .check_con span input[type="checkbox"]:checked{background:url("/images/n21/rvt/my_menu_option_check_on.png") 50% 50% no-repeat;}
.my_menu_option .check_con span.none{display:block;text-align:center;width:100%;}
.my_menu_option .btnArea{text-align:center;position:absolute;margin:0;padding:10px 0;bottom:0;left:0;width:100%;background:#fff;border-radius:0 0 10px 10px}
.my_menu_option .btnArea button{display:inline-block;font-size:18px;font-weight:700;vertical-align:middle;width:150px;height:50px;line-height:50px;color:#fff;border-radius:4px;}
.my_menu_option .btnArea button.focus{background:#856C6C;}
.my_menu_option .btnArea button.close{background:#6f6f6f;}
.my_menu_option .btn_my_menu_option_close{position:absolute;top:25px;right:-25px;width:50px;height:50px;background:#856C6C url("/images/n24/rvt/icon_layer_close2.png") 50% 50% no-repeat;background-size:24px;border-radius:10px;text-indent:-99999px;}

@media screen and (min-width: 1024px) {
	.my_menu_option .my_search div button[type="submit"] {right: 18px;width: 33px;height: 32px;}
	.my_menu_option .my_search div button[type="submit"]::before {width: 33px;height: 32px;}
}
.my_menu_option .my_search div button[type="submit"] {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right:12px;width: 26px;height: 26px;}
.my_menu_option .my_search div button[type="submit"]::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 26px;height: 26px;background: url("/images/n24/rvt/icon_search2.png") left top/100% auto;}

@media screen and (max-width:1024px){
	footer {padding-bottom:60px;}
}
@media screen and (max-width:768px){
	/* 모바일 카드반응형 서브페이지 */
	.area_my_menu .inner{display:block; position: relative;}
	.area_my_menu{display:none; position:fixed; top:0px !important; left:0; right:0; background:#85766C; height:100%; overflow-y:auto; padding-top:0; z-index:999;}
	.area_my_menu>.inner li{box-sizing: border-box;}
	.area_my_menu>.inner{position:relative; padding:3% 3% 0 3%;width:auto;overflow:auto; }
	.area_my_menu>.inner .tit{padding:10px 20px;}
	.area_my_menu>.inner .tit>p{display:inline-block;vertical-align:middle;width:55px;height:80px;background:url("/images/n21/rvt/m_area_my_menu_bg.png") 0 50% no-repeat;background-size:55px;}
	.area_my_menu>.inner .tit>div{width:80%;border-bottom:none;padding-top:0;margin-left:54px;}
	.area_my_menu>.inner .tit>div>strong{width:auto;font-weight:normal;display:inline-block;padding:0 30px 0 0;color:#fff;font-size:20px;line-height:1.5;height:auto;}
	.area_my_menu>.inner .tit>div>span{display:block;font-size:14px;width:inherit;height:inherit;line-height:inherit;text-align:inherit;vertical-align:inherit;width:100%;padding:0px 20px 0 0;border-bottom:0;}

	.area_my_menu .menu_card>div{width:33.33%;}
	.area_my_menu .menu_card>div>div{height:80px;background:url("/images/n21/rvt/m_menu_card_add.png") 50% 50% no-repeat;background-size:20px;}
	.area_my_menu .menu_card>div>div .mascot{background-size:100% !important;}
	.area_my_menu .menu_card>div:nth-child(1)>div .mascot{width:36px;background:url("/images/n21/rvt/menu_card_icon1_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(2)>div .mascot{width:43px;background:url("/images/n21/rvt/menu_card_icon2_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(3)>div .mascot{width:36px;background:url("/images/n21/rvt/menu_card_icon3_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(4)>div .mascot{width:46px;background:url("/images/n21/rvt/menu_card_icon4_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(5)>div .mascot{width:34px;background:url("/images/n21/rvt/menu_card_icon5_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(6)>div .mascot{width:36px;background:url("/images/n21/rvt/menu_card_icon6_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(7)>div .mascot{width:41px;background:url("/images/n21/rvt/menu_card_icon7_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(8)>div .mascot{width:37px;background:url("/images/n21/rvt/menu_card_icon8_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(9)>div .mascot{width:35px;background:url("/images/n21/rvt/menu_card_icon9_off.png") 0 50% no-repeat;}
	.area_my_menu .menu_card>div:nth-child(10)>div .mascot{width:44px;background:url("/images/n21/rvt/menu_card_icon10_off.png") 0 50% no-repeat;}

	.area_my_menu .menu_card>div>div>.add{display:block;width:100%;height:80px;line-height:80px;border-radius:10px;text-indent:-99999em;}
	.area_my_menu .menu_card>div>div>div{height:80px;line-height:80px;margin:-2px;padding:0 10px;}
	.area_my_menu .menu_card>div>div>div div{padding-left:50px;width:100%;display:inline-block;vertical-align:middle;line-height:24px;text-align:right;}
	.area_my_menu .menu_card>div>div>div div em{font-size:14px;}
	.area_my_menu .menu_card>div>div>div div span{font-size:15px;}
	.area_my_menu .menu_card>div>div .del{position:absolute;top:-20px;;right:5px;width:25px;height:25px;background:url("/images/n21/rvt/m_btn_menu_card_del.png") 50% 50% no-repeat;background-size:25px;text-indent:-99999px;border-radius:50%;box-shadow:4px 4px 10px rgba(0,0,0,.3);}

	.area_my_menu ul{background:#85766C;margin:0 -3%;padding:3%;}
	.area_my_menu>.inner ul li{position:relative;width:50%;float:left;margin:5px 0;border-left:none;text-align:left;}
	.area_my_menu>.inner ul li a {font-size:14px;}
	.area_my_menu>.inner ul li a span{display:inline-block;vertical-align:middle;width:40px;height:40px;margin-right:5px;border-radius:50%;background-size:20px !important;}

	.area_my_menu>.inner ul li:nth-child(1) a span{background:#85b88a url("/images/n21/rvt/m_my_menu_area_baro_img1.png") 50% 50% no-repeat;}
	.area_my_menu>.inner ul li:nth-child(2) a span{background:#85b88a url("/images/n21/rvt/m_my_menu_area_baro_img2.png") 50% 50% no-repeat;}
	.area_my_menu>.inner ul li:nth-child(3) a span{background:#85b88a url("/images/n21/rvt/m_my_menu_area_baro_img3.png") 50% 50% no-repeat;}
	.area_my_menu>.inner ul li:nth-child(4) a span{background:#85b88a url("/images/n21/rvt/m_my_menu_area_baro_img4.png") 50% 50% no-repeat;}
	.area_my_menu>.inner ul li:nth-child(5) a span{background:#85b88a url("/images/n21/rvt/m_my_menu_area_baro_img5.png") 50% 50% no-repeat;}
	.area_my_menu>.inner ul li:nth-child(6) a span{background:#85b88a url("/images/n21/rvt/m_my_menu_area_baro_img6.png") 50% 50% no-repeat;}
	.area_my_menu>.inner>.btn_area_my_menu_close{position:absolute;top:10px;right:10px;width:20px;height:20px;background:url("/images/n21/rvt/m_btn_area_my_menu_close.png") 50% 50% no-repeat;background-size:25px;text-indent:-99999px;}

	.area_my_menu>.menu_scroll>ul{background:#7a86ba;margin:0 -3%;padding:3% 3% 100px;}
	.area_my_menu>.menu_scroll>ul:after{display:block;clear:both;content:'';}
	.area_my_menu>.menu_scroll>ul li{position:relative;width:50%;float:left;margin:5px 0;}
	.area_my_menu>.menu_scroll>ul li a{display:block;font-size:16px;color:#fff;}
	.area_my_menu>.menu_scroll>ul li span{display:inline-block;vertical-align:middle;width:40px;height:40px;margin-right:5px;border-radius:50%;background-size:20px !important;}
	
	.my_menu_option {top:50%;width:96%;transform:translate(-50%, -50%);margin-left:0;padding:25px;height:95%;}
	.my_menu_option>strong{font-size:22px;margin-bottom:10px;font-weight:700;}
	.my_menu_option .my_search{position:relative;margin-bottom:20px;padding-right:50px;}
	.my_menu_option .my_search div{height:42px;}
	.my_menu_option .my_search div input[type="text"]{height:38px;line-height:38px;padding:0 10px;}
	.my_menu_option .my_search div input[type="submit"]{width:30px;height:30px;margin-top:-15px;background:url("/images/n21/rvt/m_btn_my_search.png") 50% 50% no-repeat;background-size:25px;}
	.my_menu_option .my_search .btn_reflsh{position:absolute;top:0;right:0;width:44px;height:42px;background-size:23px;text-indent:-99999px;}
	.my_menu_option .area_scroll{position:absolute;left:3%;right:3%;top:116px;}
	.my_menu_option .p_posi select{position:inherit;right:inherit;width:100%;margin-top:inherit;background:#fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat 95% center/15px auto;}
	.my_menu_option .check_con{margin-bottom:10px;padding:5%;}
	.my_menu_option .check_con span{width:50%;}
	.my_menu_option .check_con span input[type="checkbox"] { position:absolute;top:0;margin-top:0;}
	.my_menu_option .check_con span label{line-height:18px;display:inline-block;vertical-align:top;}
	.my_menu_option .btn_my_menu_option_close{top:15px;right:15px;width:25px;height:25px;background:url("/images/n21/rvt/m_btn_my_menu_option_close.png") 50% 50% no-repeat;background-size:25px;}
	
	.my_menu_option .btnArea{position:fixed;bottom:0;left:0;right:0;text-align:center;margin:0;padding:0px}
	.my_menu_option .btnArea:after{display:block;clear:both;content:'';}
	.my_menu_option .btnArea button{float:left;font-size:18px;font-weight:700;width:50%;height:50px;line-height:50px;color:#fff;}
	.my_menu_option .btnArea button.focus{border-radius:10px 0 0 0;}
	.my_menu_option .btnArea button.close{border-radius:0 10px 0 0;}
	.my_menu_option .btn_my_menu_option_close:focus{border:4px solid black;}
	.my_menu_option .btn_my_menu_option_close{position:absolute;top:15px;right:15px;width:25px;height:25px;background:url("/images/n21/mrvt/m_btn_my_menu_option_close.png") 50% 50% no-repeat;background-size:25px;text-indent:-99999px;}

	

}

/* ==================== */


.menu_card_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: -12px 0 0 -12px;
	/* max-height:558px; */
	width:100%;
}

@media screen and (min-width: 1024px) {
	.menu_card_wrap {
		margin: -20px 0 0 -20px;
		max-height:none;
		padding-bottom:20px;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
	.menu_card_wrap {
		overflow-y: scroll;
		/*height: 816px;
		height: 92.30769vw;*/
	}
}

@media screen and (max-width: 375px) {
	.menu_card_wrap {
		overflow-y: scroll;
		/*height: 816px;
		height: 92.30769vw;*/
	}
}

@media screen and (max-width: 320px) {
	.menu_card_wrap {
		/*height: 657.33333px;
		height: 74.35897vw;*/
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) { /* min-device-height:1024px를 수정함*/
	.menu_card_wrap {
		overflow-y: scroll;
		/*height: 500px;*/
	}
}

.menu_card_item {
	position: relative;
	margin: 12px 0 0 12px;
	border-radius: 16px;
	width: calc(50% - 12px);
	background: #F8F8F8 url("/images/n24/common/bg_favorite_menu.jpg") no-repeat center/auto 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_item {
		margin: 20px 0 0 20px;
		width: calc(50% - 20px);
		border-radius: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_card_item {
		margin: 20px 0 0 20px;
		width: calc(20% - 20px);
		border-radius: 20px;
	}
}

.menu_card_item::before {
	content: '';
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px dashed #BBBBBB;
	border-radius: inherit;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.menu_card_box {
	display: block;
}

@media screen and (max-width: 767px) {
	.menu_card_box {
		height: 26.15385vw;
		/* max-height:102px; */
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_box {
		height: 120px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_card_box {
		height: 130px;
	}
}

.menu_card_box > button {
	cursor: pointer;
	z-index: 1;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.menu_card_box .my_menu_category {
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #856C6C;
	line-height: 1.3;
	letter-spacing: -0.01em;
	background: #F7EFE8;
}

@media screen and (max-width: 767px) {
	.menu_card_box .my_menu_category {
		padding: 0.51282vw 2.05128vw;
		font-size: 3.28974vw;
		border-radius: 3px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_box .my_menu_category {
		padding: 2px 8px;
		font-size: 12px;
		border-radius: 5px;
	}
}

.menu_card_box .my_menu_name {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #121212;
	line-height: 1.3;
	letter-spacing: -0.01em;
	word-break: keep-all;
}

@media screen and (max-width: 767px) {
	.menu_card_box .my_menu_name {
		font-size: 3.40256vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_box .my_menu_name {
		font-size: 16px;
	}
}

.menu_card_box .btn_menu_delete {
	z-index: 3;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 4.10256vw;
	height: 4.10256vw;
	background: url("/images/n24/common/bg_menu_delete.svg") no-repeat left top/100% auto;
}

@media screen and (min-width: 768px) {
	.menu_card_box .btn_menu_delete {
		width: 20px;
		height: 20px;
	}
}

.menu_card_addition {
	height: inherit;
}

.menu_card_addition a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid #856C6C;
	-webkit-box-shadow: 0px 4px 4px rgba(133, 108, 108, 0.3);
	box-shadow: 0px 4px 4px rgba(133, 108, 108, 0.3);
	border-radius: 16px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}

@media screen and (max-width: 767px) {
	.menu_card_addition a {
		padding: 4.10256vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_addition a {
		padding: 16px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_card_addition a {
		padding: 20px;
		border-radius: 20px;
	}
}

.menu_card_addition a::before {
	content: '';
	z-index: -1;
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 78px;
	height: 78px;
	background: #FFF url("/images/n24/common/bg_ballot_mark.png") no-repeat left top/100% auto;
}