#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:auto; padding:0 3%;}

.left_quick{display:none;}
.scrolldown_btn{display:none;}
aside{display:none;}


header{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;
	}
	.top_banner .inner::before {
		left:unset;
		right:10px;
	}
	.banner_vote>span {
		display: block;
	}
	.top_banner .inner {
		flex-wrap: wrap;
		padding: 8px 0 10px 10px;
	}
	.top_banner .banner_logo {
		width: 100%;
		height: 18px;
		font-size:16px;
	}
	.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 : 재보궐 띠배너 */

.header_wrap{}
.header_wrap .inner{display:flex; justify-content: space-between; position:relative;}
.header_wrap .top_side{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 .logo{display:flex; align-items:center; width:160px; transition:width 0.2s;  padding:12px 0;  }
.header_wrap .logo img{width:160px; transition:width 0.2s;}
.header_wrap .logo a{display:block;}
.header_wrap .top_side_link:nth-child(1){display:none;}
.header_wrap .top_side_link:nth-child(2){position:relative; width:20px; height:20px; padding-top:0px; background:url("/images/n24/mvt/star.png") center no-repeat; background-size:20px; }

.header_wrap .m_mymenu{position:absolute; display:block; width:60px; bottom:-25px; left:-20px; z-index:17; padding:4px 6px; border-radius:2px; font-size:10px; font-weight:700; background:#FFD481;}
.header_wrap .m_mymenu:after{position:absolute; top:-3px; left:26px; transform: rotate(45deg); display:block; content:''; width:8px; height:8px; background-color: #FFD481;}

.m_menu{display:block; width:24px; height:24px; margin-left:30px; background:url("/images/n24/mvt/m_menu.png") center no-repeat; text-indent:-9999px; background-size:24px;}
.m_menu.m_on{background:url("/images/n24/mvt/m_menu_close.png") center no-repeat; background-size:24px;}


/* 상단공지사항 */
.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;
	width: 100%;
	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: 13px;
	font-weight: 500;
	color: #fff;
	line-height: 1.6;
	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% - 70px);
	overflow: hidden;
}
.top_notice_swiper .swiper-wrapper {
	height: 38px;

}
.top_notice_swiper .swiper-slide {
	display: flex;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	justify-content: flex-start;
	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 {
	background: url("/images/n24/rvt/header/btn_topbnr_prev_mb.png") no-repeat left top/100% auto;
}
.top_notice_swiper .btn-next {
	background: url("/images/n24/rvt/header/btn_topbnr_next_mb.png") no-repeat left top/100% auto;
}
.top_notice_swiper .btn-close {
	background: url("/images/n24/rvt/header/btn_topbnr_close.png") no-repeat left top/100% auto;
}
.top_notice_wrap .swiper-controller {
	z-index: 10;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 3%;
	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;
}

#gnb.m_on{display:block; }
#gnb{display:none; position:absolute; padding:0 20px; width:100%; right:0px; top:56px; padding:0 20px; z-index:15; background:#fff; transition:padding 0.3s;}
#gnb .depth1{display:block;}
#gnb .depth2_li:before{display:block; content:''; width:2px; height:2px; margin-right:5px; border-radius:50%; background:#222; }
#gnb .depth1_li{position:relative; width:100%; padding:20px 10px; border-bottom:1px solid #eee; background:url("/images/n24/mvt/gnb__arrow.png") right 10px top 22px no-repeat; background-size:24px;}
#gnb .depth1_li.m_on{background:url("/images/n24/mvt/gnb_arrow_on.png") right 10px top 22px no-repeat;  background-size:24px;}
#gnb .depth1_li.m_on .depth1_li_link{font-weight:800; color:#68159B; }
#gnb .depth1_li_link{display:block; width:100%; color:#333; text-align: left; font-weight:700;}
#gnb .depth1_li .depth2:before{content:''; display:block; position:absolute; top:0px; left:50%;  width:0%; height:2px; background:#68159B; transition:0.2s;}
#gnb .depth2{display:none; min-height:auto; position:static; width:100%; padding:20px 10px 0px;}
#gnb li.m_on .depth2{display:block;}
#gnb .depth2_li{display:flex; align-items:center; margin-bottom:20px;}
#gnb .depth2_li:last-child{margin-bottom:0px;}
#gnb .depth2_li_link{position:relative; display:block; font-size:15px; text-align:left; z-index:100;}
#gnb .depth2_li_link:after{position:absolute; display:block; content:''; width:0%; height:9px; left:-2px; bottom:-1px; transition: 0.2s; background:#EFD1FF; z-index:101;}

#gnb .depth2_li_txt{position:relative; z-index:900;}

.gnb_bg.m_on{display:block; position:fixed; z-index:10; top:176px; left:0px; width:100%; height:100%; opacity:0.6; background:#000;}
.gnb_bg.fix_on{display:block; position:fixed; z-index:18; top:0px; left:0px; width:100%; height:100%; opacity:0.6; background:#000;}
.gnb_bg.tooltip_active{position:fixed; display:block; top:0px !important;  width:100%; height:100%; opacity:0.6; z-index:999; background:#000;}

/* ======================================== section1 ======================================== */
.section1{width:100%; margin-top:10px;}
.section1 .inner{display:block;}

.section1 .sec1_box:nth-child(2){flex:1 0; margin-top:20px;}

.section1 .search_wrap{position:relative; width:100%; margin-top:10px;}
.section1 .search_box{display:flex; align-items: center; border-bottom:2px solid #222;}
.section1 .search_input{width:100%; height:40px; border:none; outline:none; font-size:14px;}
.section1 .search_btn{width:24px; height:24px; text-indent:-999px; margin-right:15px; background:url("/images/n24/mvt/search-btn.png") center no-repeat;}

.section1 .search_keyword{ display:flex; margin-top:15px; }
.section1 .search_keyword a{display:block; margin-left:10px; font-size:12px; font-weight:700; color:#777;}

.section1 .sec1_tab{padding:15px 20px 0px; border-radius:10px; 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; }
.section1 .active .tab_bar_link{display:flex; justify-content: center; 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/mvt/tab-check-icon2.png") center no-repeat;}
.section1 .tab_bar_link{position:relative; display:block; width:100%; padding-bottom:10px; font-size:12px; line-height:19px; border-bottom:1px solid #E9EBEF; text-align:center; }
.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{ 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%; justify-content: center; text-align: center; border-radius:10px; padding:0 10px 0 15px; align-items: center;  transition:0.4s; font-size:13px; line-height:17px; font-weight:700;}
.section1 .tab_list_link:hover,
.section1 .tab_list_link:focus{background:#dadee5; transition:0.4s ;}
.section1 .type2 .tab_list_li{height:51px;}
.section2 .main_alrim{position:relative; padding-top:46px; width:100%; overflow:hidden;}
.section2 .main_alrim_inner{height:36px; display:flex; padding:0 20px; border-radius:10px;  background:#F5F5F5;}
.section2 .main_alrim_list{flex:1 0; width:82%; height:36px; overflow:hidden}
.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:13px; display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.section2 .main_alrim_tit{position:absolute; top:15px; left:0px; display:flex; align-items:center; font-size:15px; font-weight:800; color:#EC6C00;}
.section2 .main_alrim_tit:before{display:block; content:''; width:22px; height:22px; margin-right:8px; background:url("/images/n24/mvt/alrim-icon.png") center no-repeat; background-size:22px;}
.section2 .swiper-control{position:Absolute; right:0px; top:22px; display:flex; align-items: center; width:68px;}
.section2 .swiper-control a,
.section2 .swiper-control span{width:16px; height:16px; margin-left:5px; cursor:pointer; text-indent:-9999px;}
.section2 .swiper-control .swiper-button-next{background:url("/images/n24/mvt/top-arrow.png") center no-repeat; background-size:16px;}
.section2 .swiper-control .swiper-button-prev{background:url("/images/n24/mvt/bottom-arrow.png") center no-repeat; background-size:16px;}
.section2 .swiper-control .swiper-btn.start{background: url("/images/n24/mvt/start-btn.png") center no-repeat;  background-size:16px;}
.section2 .swiper-control .swiper-btn.stop{background: url("/images/n24/mvt/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:30px;}
.section3 .inner{position:relative;}
.section3 .main_notice{padding:0 10px 32px; 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; overflow: hidden; 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%;}
.section3 .swiper-slide a img{width:100%;}
.section3 .swiper-control{ display:flex; align-items: center; position:absolute; left:50%; bottom:-10px; 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/mvt/sec3-start.png") center no-repeat;  background-size:9px;}
.section3 .swiper-btn.stop{background: url("/images/n24/mvt/sec3-stop.png") center no-repeat;  background-size:12px;}
.section3 .swiper-btn{display:none; width:12px; height:12px; margin-left:8px;  text-indent:-9999px;}
.section3 .swiper-control .swiper-btn.on{display:block;}

/* ==============================================================================================================
= Modal 기본스타일 지정
============================================================================================================== */
.modalWrap{position:absolute;top:150px;left:50%;margin-left:-350px;width:700px;background:#fff;opacity:0;z-index:-1;transition-duration:0.5s;}
.modalWrap.active{display:block;top:-600px;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 .modalTitle{position:relative;padding:0 65px 0 20px;height:46px;background:#484c51;}
.modalWrap .modalTitle h2{display:block;font-size:16px;font-weight:bold;color:#fff;line-height:46px;}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:0;right:0;width:46px;height:46px;text-indent:-9999em;background:url(/images/injeinc/btn_modalClose.png) no-repeat center center;}
.modalWrap .modalContent{padding:20px;}
.modalWrap .modalContent .btnArea{margin:0;}
.modalWrap .modalContent .btnArea + *{margin-top:20px;}
.section3 .btnAllBanner{display:block; padding:0 10px; height:30px; margin-left:10px; background:#ad6ece4d;  border-radius:15px; line-height:30px; font-size:13px; top:93%;}
.modalWrap{display:none;margin-left:-640px;padding:55px;width:1280px;max-height:820px;box-sizing:border-box;overflow-y:auto;}
.modalWrap{left:2%;right:2%;margin:0;padding:50px 30px;width:auto;}
#mainAllBanner ul{margin:0 -7px;}
#mainAllBanner ul:after{display:block;content:'';clear:both;}
#mainAllBanner ul li{display:block;float:left;padding:10px 7px;width:50%;box-sizing:border-box;text-align:center;}
#mainAllBanner ul li a{display:block;}
#mainAllBanner ul li img{width:auto;height:180px;border-radius:15px;}
.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;}

.section4{width:100%;}
.section4 .inner{}
.section4 .inner > div{width:100%; margin-top:25px;}
.section4 .info_menu_tit{position:relative; display:block; padding-left:25px; font-size:16px; padding-bottom:15px; border-bottom:1px solid #222222; color:#222;}
.section4 .info_menu_tit:before{position:absolute; top:3px; left:0px; content:''; display:block; width:20px; height:20px; background:url("/images/n24/mvt/info-tit-icon-gray.png") no-repeat; background-size:20px;}
.section4 .info_menu_box{display:flex; padding:15px 0; flex-wrap:wrap; border-bottom:1px solid #CCC;}
.section4 .info_menu_box a{display:flex; margin:0 4px 8px; height:55px; width:calc(100%/3 - 8px); font-size:13px; font-weight:700; color:#333; justify-content: center; align-items: center; text-align: center; font-size:13px; background:#F5F5F5; border-radius:2px; transition: 0.3s;}
.section4 .info_menu_box a:nth-child(3n){margin-right:0px;}
.section4 .info_menu_box a:nth-child(n+5){margin-bottom:0px;}
.section4 .info_menu_box a:hover{color:#fff; background:#565656; 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{display:block; width:100%;}
.section4 .swiper-slide img{width:100%;}
.section4 .swiper-btn.start{background: url("/images/n24/mvt/sec3-start.png") center no-repeat;  background-size:9px;}
.section4 .swiper-btn.stop{background: url("/images/n24/mvt/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:6px; 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{width:100%; margin-top:30px; padding:30px 0; background:#FAFAFA url("/images/n24/mvt/sec5-bg.png") center bottom no-repeat; background-size:100%;}
.section5 .partition{width:100%;}
.section5 .partition + .partition {margin-top:20px;} 
.section5 .partition.type2{margin-top:20px;}

.section5 .banner_wrap{width:100%;}
.section5 .banner{width:100%;}
.section5 .banner:last-child{margin-bottom:0px;}
.section5 .partition_tit{display:flex; align-items:center; font-size:14px; font-weight:800; color:#222222;}
.section5 .partition_tit:before{display:block; content:''; width:18px; height:18px; margin-right:6px; background:url("/images/n24/mvt/part_tit_icon.png") center no-repeat;}

.section5 .partition_box{display:flex; padding:15px 15px; 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; background:url("/images/n24/mvt/part-icon1.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(2n) .partition_txt:before{margin:0 6px 0 12px;}
.section5 .partition_link:nth-child(2) .partition_txt:before{background:url("/images/n24/mvt/part-icon2.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(3) .partition_txt:before{background:url("/images/n24/mvt/part-icon3.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(4) .partition_txt:before{background:url("/images/n24/mvt/part-icon4.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(5) .partition_txt:before{background:url("/images/n24/mvt/part-icon5.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(6) .partition_txt:before{background:url("/images/n24/mvt/part-icon6.png") center no-repeat; background-size:15px;}

.section5 .type2 .partition_tit:before{width:18px; height:18px; margin-right:6px; background:url("/images/n24/mvt/part_tit_icon2.png") center no-repeat;}
.section5 .type2 .partition_link:nth-child(1) .partition_txt:before{background:url("/images/n24/mvt/part-icon12.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(2) .partition_txt:before{background:url("/images/n24/mvt/part-icon7.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(3) .partition_txt:before{background:url("/images/n24/mvt/part-icon8.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(4) .partition_txt:before{background:url("/images/n24/mvt/part-icon9.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(5) .partition_txt:before{background:url("/images/n24/mvt/part-icon10.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(6) .partition_txt:before{background:url("/images/n24/mvt/part-icon11.png") center no-repeat; background-size:15px;}

.section5 .partition_link:hover .partition_txt:after{display:none; 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: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;}
.section5 .partition_txt:after{position: absolute; width:0px;  display:none;  content:''; transition: 0.2s;}
.section5 .partition_txt b{font-size:13px; font-weight:700; line-height:15px;}

.section5 .banner_wrap{margin-top:30px;}
.section5 .banner{width:100%; height:110px; margin-bottom:20px; border-radius:12px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);}
.section5 .banner.type1{position:relative; background:url("/images/n24/mvt/banner1-bg.png") center no-repeat; background-size:cover;}
.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:0px; content:''; display:block; width:90px; height:110px; background:url("/images/n24/mvt/sec5-banner-img.png") center no-repeat;}

.section5 .banner.type3{background:#48567A url("/images/n24/mvt/banner3-bg.png") bottom -8px right -11px no-repeat;}
.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/mvt/on-air-arrow.png") center no-repeat;}

.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/mvt/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/mvt/number-go-arrow.png") center no-repeat;}

.section5 .banner.type3{background:#48567A url("/images/n24/mvt/banner3-bg.png") bottom -8px right -11px no-repeat;}
.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/mvt/on-air-arrow.png") center no-repeat;}

.section5 .snsBanner{width:100%; height:110px; border-radius:12px; background:#fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);}
.section5 .snsBanner .banner_inner{padding:20px;}
.section5 .snsBanner ul{display:flex; margin-top:12px; justify-content:space-between; }
.section5 .snsBanner ul li{width:calc(100%/5); position:relative;}
.section5 .snsBanner ul li:after{position:absolute; top:10px; right:0px; display:block; content:''; width:1px; height:18px; background:#ccc; }
.section5 .snsBanner ul li a{width:25px; height:25px; margin:0 auto; display:block; text-indent:-9999px; background-repeat:no-repeat;background-size:contain; background-position:center;}
.section5 .snsBanner ul li.blog a{ background-image:url("/images/n24/mvt/blog.png"); }
.section5 .snsBanner ul li.facebook a{ background-image:url("/images/n24/mvt/facebook.png"); }
.section5 .snsBanner ul li.youtube a{ background-image:url("/images/n24/mvt/youtube.png"); }
.section5 .snsBanner ul li.twiter a{ background-image:url("/images/n24/mvt/twiter.png"); }
.section5 .snsBanner ul li.instagram a{ background-image:url("/images/n24/mvt/instagram.png"); }
.section5 .snsBanner ul li.kakao a{ background-image:url("/images/n24/mvt/kakao.png"); }
.section5 .snsBanner ul li.kakao:after{display:none;}

footer{width:100%; padding-bottom:60px; background:#454952;}
footer .inner{position:relative; display:flex; flex-wrap:wrap; padding:25px 20px;}
footer .sido_baro{position:static; margin-left:0px; margin-top:15px; background:#36383F; }
footer .sido_baro select{ width:206px; height:31px; font-size:11px; border:1px solid #5B5D65; color:#fff; background:#36383F;  /*background:#36383F url("/images/n24/mvt/select-down.png") right 14px center no-repeat;*/}
footer .footer_link{display:flex; width:100%;}
footer .footer_link li{position:relative; margin-right:16px;}
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:-8px; top:5px; content:''; display:block; width:1px; height:10px; background:#656870; }
footer .footer_link li a{font-size:12px; color:#C2C5CD;}
footer address{width:100%; margin-top:15px; font-size:12px; color:#C2C5CD;}

/*2024-01-15 추가*/
aside{position:fixed; z-index:999; top:185px; right:0px;}
aside .quick_menu{width:110px; 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); }
aside .quick_menu li.type1 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 10px; background:url("/images/n24/mvt/quick_menu_icon1.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type2 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 10px; background:url("/images/n24/mvt/quick_menu_icon2.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type3 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 10px; background:url("/images/n24/mvt/quick_menu_icon3.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type4 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 10px; background:url("/images/n24/mvt/quick_menu_icon4.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type5 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 10px; background:url("/images/n24/mvt/quick_menu_icon5.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type6 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 10px; background:url("/images/n24/mvt/quick_menu_icon6.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type7 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 10px; background:url("/images/n24/mvt/quick_menu_icon7.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type8 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 5px; background:url("/images/n24/mvt/quick_menu_icon8.png") center no-repeat; background-size:30px;}

aside .quick_menu li.type1:hover a:before{background:url("/images/n24/mvt/quick_menu_icon1_on.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type2:hover a:before{background:url("/images/n24/mvt/quick_menu_icon2_on.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type3:hover a:before{background:url("/images/n24/mvt/quick_menu_icon3_on.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type4:hover a:before{background:url("/images/n24/mvt/quick_menu_icon4_on.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type5:hover a:before{background:url("/images/n24/mvt/quick_menu_icon5_on.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type6:hover a:before{background:url("/images/n24/mvt/quick_menu_icon6_on.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type7:hover a:before{background:url("/images/n24/mvt/quick_menu_icon7_on.png") center no-repeat; background-size:30px;}
aside .quick_menu li.type8:hover a:before{background:url("/images/n24/mvt/quick_menu_icon8_on.png") center no-repeat; background-size:30px;}

aside .quick_menu li:hover .quick_menu_txt{color:#FFB320;}
aside .quick_menu_txt{display:block; text-align: center; font-size:13px; letter-spacing: -0.5px; color:#fff; transition:0.2s;}

.scrolldown_btn{position:fixed; width:92px; height:92px;  display:flex; align-items: center; justify-content: center; bottom:180px; left: 50%; transform: translateX(-50%); margin-left: 650px; animation:scroll_button_position 1.1s infinite; animation-timing-function: ease;  animation-direction: alternate;  z-index:998; cursor:pointer;}
.scrolldown_btn:before{position:absolute; display:block; content:''; width:92px; height:92px; animation:scroll_button 1s infinite; animation-delay:0.2s; animation-timing-function: ease-in-out;  animation-direction: alternate; background:rgba(239, 209, 255, 0.30); border-radius:50%;}
.scrolldown_btn:after{position:absolute; display:block; content:''; width:82px; height:82px;  animation:scroll_button 1s infinite;  animation-timing-function: ease-in-out;  animation-direction: alternate; background:#EFD1FF;  border-radius:50%;}
.scrolldown_btn button{position: absolute; width:72px; height:72px;  z-index:99; border-radius:50%;  background:#AD6ECE;}
.scrolldown_btn button:before{display:block; content:''; width:40px; height:35px; margin:0 auto; background:url("/images/n24/mvt/scroll_down_icon.png") center no-repeat; background-size:40px;}
.scrolldown_btn .scrolldown_txt{font-size:12px; font-weight:700; color:#fff;}

@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; 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/mvt/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/mvt/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/mvt/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 .blind,
.left_quick:focus .blind{display:none;}
.left_quick:hover .left_quick_box:after,
.left_quick:focus .left_quick_box:after{width:28px; height:28px; background:url("/images/n24/mvt/left_quick_icon.png") center no-repeat; background-size:28px;}

/*250416 대선 mrvt와 동일하게 수정*/
.fix_menus{display:block;position:fixed;bottom:0;left:0;right:0;background:#2F3B52;border-radius:20px 20px 0 0;box-shadow:0 -6px 12px rgba(47, 59, 82, .2);z-index:14;}
.fix_menus>div:after{display:block;clear:both;content:'';}
.fix_menus>div{position:relative;height:58px;}
.fix_menus>div>.home_icon, .fix_menus>div>.mymenu_icon{width:33.33%;height:52px;float:left;}
.fix_menus>div>.home_icon span{display:inline-block;vertical-align:middle;color:#fff;font-size:13px;padding-top:30px;background:url("/images/n24/rvt/mobile/icon_mbtn_home.png") 50% 5px no-repeat;background-size:20px;}
.fix_menus>div>.mymenu_icon span{display:inline-block;vertical-align:middle;color:#fff;font-size:13px;padding-top:30px;background:url("/images/n24/rvt/mobile/icon_mbtn_mymenu.png") 50% 5px no-repeat;background-size:20px;}
.fix_menus>div>.korea{position:relative;width:33.33%;height:52px;float:right;}
.fix_menus>div>.korea button{width:100%;height:52px;}
.fix_menus>div>.korea span{display:inline-block;vertical-align:middle;color:#fff;font-size:13px;padding-top:30px;background:url("/images/n24/rvt/mobile/icon_mbtn_quick.png") 50% 5px no-repeat;background-size:18px;}
.fix_menus>div>.korea .myguide{position:absolute;left:50%;bottom:0;margin-left:40px;width:24px;height:24px;background:url("/images/n21/rvt/m_icon_guest.png") 50% 50% no-repeat;background-size:80%;text-indent:-99999px;}
.fix_menus>div>.menuall{position:absolute;top:50%;left:50%;width:90px;height:94px;margin:-47px 0 0 -45px;background:url("/images/n24/rvt/mobile/mark.png") 50% 0 no-repeat;border-radius:50%;background-size:90px;text-indent:-99999px;pointer-events:none;}
/* 하단 자주찾는 메뉴 팝업 */
.adminMenuList{display:none;position:fixed;top:80%;left:5%;right:5%;transform:translateY(-50%);background:#fff;border-radius:12px;padding:20px 15px;z-index:15;box-sizing:border-box;}/*height:432px;*/
.adminMenuList>div{position:relative;height:100%;}
.adminMenuList .list_menu{height:100%;overflow:hidden;overflow-y:auto;background:#fff;}
.adminMenuList .list_menu ul {display:flex;flex-wrap:wrap;}
.adminMenuList .list_menu ul:after{display:block;clear:both;content:'';}
.adminMenuList .list_menu ul li{position:relative;float:left;width:25%;height:auto;margin-bottom:24px;padding:0 5px;text-align:center;}
.adminMenuList .list_menu ul li:nth-child(n+4){margin-bottom:10px;}
.adminMenuList .list_menu ul li div{position:absolute;top:0;width:40px;height:40px;background-color:#eee;border-radius:8px;background-size:40px;}
.adminMenuList .list_menu ul li[data='선거통계시스템'] div{background:url("/images/n24/mvt/m_btn_menu1.png") 50% 50% no-repeat;}
.adminMenuList .list_menu ul li[data='선거법령정보'] div{background:url("/images/n24/mvt/m_btn_menu2.png") 50% 50% no-repeat;}
.adminMenuList .list_menu ul li[data='선거여론조사'] div{background:url("/images/n24/mvt/m_btn_menu3.png") 50% 50% no-repeat;}
.adminMenuList .list_menu ul li[data='인터넷선거보도'] div{background:url("/images/n24/mvt/m_btn_menu4.png") 50% 50% no-repeat;}
.adminMenuList .list_menu ul li[data='후보자토론회'] div{background:url("/images/n24/mvt/m_btn_menu5.png") 50% 50% no-repeat;}
.adminMenuList .list_menu ul li[data='재외선거'] div{background:url("/images/n24/mvt/m_btn_menu6.png") 50% 50% no-repeat;}
.adminMenuList .list_menu ul li[data='선상투표'] div{background:url("/images/n24/mvt/m_btn_menu8.png") 50% 50% no-repeat;}
.adminMenuList .list_menu ul li[data='연락번호 안내'] div{background:url("/images/n24/mvt/m_btn_menu7.png") 50% 50% no-repeat;}

.adminMenuList .list_menu ul li a{display:flex;padding-top:48px;justify-content:center;}
.adminMenuList .list_menu ul li a span{display:block;color:#333;font-size:12px;font-weight:700;line-height:18px;word-break:break-all;}
.adminMenuList .btn_modalCloseMenu{display:block;position:absolute;top:0;right:8px;width:24px;height:24px;border-radius:50%;background:#fff url("/images/n24/mrvt/mobile/btn_popup_close.png") 50% 50% no-repeat;background-size:20px;text-indent:-99999px;}
.adminMenuList .rquick_list .btn_rquick {border-bottom:0;margin-top:0;}
.adminMenuList .rquick_list li:first-child {margin-top:unset;}

/* 2025 자추찾는메뉴 팝업 타이틀 */
.adminMenuList .title {position:relative;display:flex;padding:1px 0 8px 12px;border-bottom:1px solid #eee;margin-bottom:27px;}
.adminMenuList .title .txt_tit {font-size:16px;font-weight:700;line-height:1.3;color:#222;}


/*나만의 메뉴*/
.tooltip_giude{display:block; margin-bottom:20px; text-align:right;}
.tooltip_giude button {background:#ccc;color:#fff;border-radius:4px;padding:5px 10px;}
.tooltip_giude button span{display:inline-block;vertical-align:middle;line-height:1.4;font-size:14px;}
.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/n24/mvt/btn_mymenu_icon.png) center no-repeat;text-indent:-9999em;}

.tooltip{display:none;border:solid 1px #009fa1;border-radius:20px;position:fixed; top:150px; right:50%; transform:translateX(50%); margin-right:0px; width:420px;background:#fff url("/images/n24/mvt/tooltip_bg.png") 25px 6% no-repeat;z-index:9999; box-shadow:4px 4px 0 rgba(0,0,0,.3);}
.tooltip:before{display:block;content:'';position:absolute;top:-14px;right:30px;width:23px;height:14px;background:url("/images/n24/mvt/tooltip_point_bg.png") 50% 50% no-repeat;}
.tooltip>div{position:relative;text-align:left;}
.tooltip .upper{padding:30px 0 0 140px;height:160px;box-sizing: border-box;}
.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_Close{position:absolute;right:20px;top:20px;width:20px;height:20px;background:url(/images/n24/mvt/btn_modalClose.png) no-repeat;text-indent:-9999em;}

/* 나만의 메뉴 */
.tooltip{display:none;border:solid 1px #009fa1;border-radius:20px;position:absolute;top:52px;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; }
}

.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: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;*/
	}
	.adminMenuList {padding: 5% 3%;}
}

@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;
}
@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:1.4;font-size:14px;}
	.tooltip_giude button i{display:inline-block;vertical-align:middle;width:20px;height:20px;border:solid 1px #fff;border-radius:50%;margin-left:5px;background-size:22px;background:url("/images/n21/rvt/btn_mymenu_icon.png") 50% 50% no-repeat;text-indent:-9999em;}

	#gnb.m_on .depth1 .depth1_li .depth1_li_link {
		pointer-events:none;
	}
	
	/* #gnb.m_on .depth1 .depth1_li:nth-child(4) .depth1_li_link {
		pointer-events:all;
	} */
}

@media all and (max-width:560px) {
		/*.section1 .tab_list_li{width:calc(100%/2 - 3px);}*/
		.section1 .sec1_tab{padding:15px 10px 0px;}
		.section1 .tab_list_link{padding:0 5px 0 5px; word-break:keep-all;}
		
		.section3 .swiper-control{bottom:-10px;}
    	.section3 .btnAllBanner{ position: absolute; height: 25px; line-height: 25px;  font-size: 12px; margin-left: 0px;  left: 50%;   transform: translateX(-50%); padding: 0px; width: 60px; text-align: center; margin-top: 6px;}
		
		.folder_menu_li{}
		

}

@media all and (max-width:426px) { 
	.section1 .tab_bar_link{font-size:12px;}
	.section1 .active .tab_bar_link:before{display:none;}
	.section5 .partition_box {padding:10px;}
}
@media all and (max-width:376px) {
	.section5 .partition_box {padding:5px;}
	.section5 .partition_txt:before {margin:0 6px 0 8px;}
}

@media all and (max-width:385px) {
	html,body{font-size:12px;}
	
    /* .top_banner .banner_vote .tit{ margin-bottom:0px;}
    .top_banner .banner_vote .date .mblock{display:none;}
    .top_banner .inner{padding:10px 10px;} */
    
    .inner{padding:0 10px;} 
    #gnb{padding:0 10px;}
    #gnb .depth1_li{padding:10px 10px 10px; background:url("/images/n24/mvt/gnb__arrow.png") right 10px top 10px no-repeat; background-size:20px; }
    #gnb .depth1_li.m_on .depth1_li_link{font-size:13px;}
    #gnb .depth2{padding:10px 10px 0px;}
    #gnb .depth2_li{margin-bottom:10px; }
    #gnb .depth2_li_txt{font-size:13px;}
    #gnb .depth1_li_link{font-size:13px;}
    #gnb .depth1_li.m_on{background:url("/images/n24/mvt/gnb_arrow_on.png") right 10px top 10px no-repeat; background-size:20px;}
    
    .m_menu{margin-left:25px;}
    
    .section1 .search_keyword{display:flex; flex-wrap:wrap;}
    .section1 .search_keyword a{width:auto; margin:0 10px 10px 0;}
    .section1 .sec1_box:nth-child(2){margin-top:10px;}
    /*.section1 .tab_list_li{width:calc(100%/2 - 3px);}*/
    .section1 .tab_list_link{letter-spacing:-0.8px; font-size:12px; padding:0px 5px 0;}
    .section1 .sec1_tab{padding:15px 10px 0px;}
    
    
    .section2 .main_alrim_tit{font-size:12px;}
    
    .section3 .main_notice{padding:0 10px 20px;}
    
    .section4 .info_menu_box a{width:calc(100%/2 - 8px); margin:0 4px 4px; font-size:13px;}
    .section4 .info_menu_box a:nth-child(n+5){margin-bottom:4px;}
    .section4 .info_menu_box a:nth-child(3n){margin-right:4px;}
    
    .section5 .partition_tit{font-size:12px;}
    .section5 .banner.type1:after{display:none;}
    .section5 .banner.type2:after{right:-13px;}
    .section5 .banner.type3 .banner_tit{font-size:14px;}
    .section5 .partition_txt b{font-size:11px;}
    
   	footer .inner{padding:10px;}
    footer .footer_link{display:flex; flex-wrap:wrap;}
    footer .footer_link li{width:calc(100%/2); margin-right:0px; margin-bottom:8px;}
    footer .footer_link li:after{display:none;}
    footer address{font-size:11px;}
    
    .fix_menus button{width:calc(100%/2 - 40px); font-size:11px;}

    
}
@media all and (max-width:325px) {
	
	.tooltip_giude button span{font-size:13px;}	
	
	/* .top_banner .banner_vote{align-items:center;}
	.top_banner .banner_vote .date b{font-size:12px;}
	.top_banner .banner_vote .date{font-size:11px;} */
	
	.header_wrap .logo{width:130px;}
	.header_wrap .logo img{width:130px;}
	
	.area_my_menu .menu_card>div>div>div div{padding-left:0px;}
	.area_my_menu .menu_card>div>div .mascot{display:none;}
	.area_my_menu .menu_card>div>div>div{padding:0 10px;}
	.area_my_menu .menu_card>div>div>div div em{font-size:12px;}
	
	.my_menu_option .check_con{padding:10px;}
	.my_menu_option .check_con span{font-size:12px;}
	.my_menu_option h4{font-size:16px;}
	.my_menu_option h5{font-size:14px;}
	
	.section1 .search_input{font-size:13px;}

	.section1 .tab_list_li{height:40px; }
	.section1 .tab_bar_link{font-size:10px;letter-spacing:-0.7px;}
	.section1 .type2 .tab_list_li{height:40px;}
	
	.section2 .main_alrim_inner{padding:0 10px;}
	.section2 .main_alrim_tit{font-size:12px;}
	
	.section2 .swiper-slide a{font-size:12px;}
	
	.section4 .info_menu_tit{font-size:12px; align-items:center;}
	.section4 .banner_menu_tit{font-size:12px; align-items:center;}
	
	.section5 .partition_txt{padding-left:0px;}
	
	
}

/* tab */
.tabBar{margin-bottom:40px;text-align:center;}
.tabBar li{display:inline-block;vertical-align:middle;margin:0 1px;padding:0 30px;min-width:160px;height:50px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;line-height:48px;}
.tabBar li.active{border:2px solid #654F4F;box-shadow:2px 2px 6px #d8d8d8;background-color:#856c6c;}
.tabBar li a{display:block;font-size:18px;font-weight:500;color:#1D1D1D;}
.tabBar li.active a{color:#fff;}
.tabBar.type2 li{padding:0 10px;min-width:auto;height:auto;border:0px none !important;box-shadow:none !important;line-height:140%;}
.tabBar.type2 li a{position:relative;font-size:20px;font-weight:400;}
.tabBar.type2 li.active a{font-weight:500;}
.tabBar.type2 li.active a:after{display:block;content:'';position:absolute;left:-1px;right:-1px;bottom:-2px;height:10px;background:#f6cdfa;z-index:-1;}
.tabBar + .tabBar.type2{margin-top:-15px;}