#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%;}

.top_banner{width:100%; height:86px;  background:#F1F1F1 url("/images/n21/avt/top-banner-bg.png") center no-repeat;}
.top_banner .inner{display:flex; padding:16px 0; justify-content: space-between; }
.top_banner .banner_logo{display:flex; font-size:20px; line-height:26px; font-weight:800;}
.top_banner .banner_logo:before{content:''; display:block; width:51px; height:49px; margin-right:8px; background:url("/images/n21/avt/kcircle.png") center no-repeat;}
.top_banner .banner_vote_box{display:flex;}
.top_banner .banner_vote .tit{display:inline-block; padding:4px 4px 3px; margin-right:16px; margin-bottom:11px;  font-size:14px; border-radius:5px; color:#fff; background:#515151;}
.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:block; font-size:16px; font-weight:700;}
.top_banner .banner_vote .date b{font-weight:800; font-size:22px;}
.top_banner .banner_text{width:172px; height:54px; background:url("/images/n21/avt/warning-text.png") center no-repeat;}

.top_banner .date_box_txt{display:none;}

.header_wrap{}
.header_wrap .inner{display:flex; justify-content: space-between;}
.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/n21/avt/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;}

#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:999; width:100%; height:157px; padding:35px 0 40px; min-height:128px;  border-left:1px solid #F5F5F5;}
#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:160px; 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:144.5px !important;}
header.active #gnb{padding:0 10px;}

#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/n21/avt/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; }
.section1 .active .tab_bar_link{display:flex; justify-content: center; line-height:19px; 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/n21/avt/tab-check-icon.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:16px;}
.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:#FFD481; 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; background:url("/images/n21/avt/main-tab-icon1.png") center no-repeat; background-size:20px;}

.section1 .type1 .tab_list_li:nth-child(1) a:before{ background:url("/images/n21/avt/main-tab-icon10.png") center no-repeat; background-size:20px;}
.section1 .type1 .tab_list_li:nth-child(2) a:before{ background:url("/images/n21/avt/main-tab-icon11.png") center no-repeat; background-size:20px;}
.section1 .type1 .tab_list_li:nth-child(3) a:before{ background:url("/images/n21/avt/main-tab-icon12.png") center no-repeat; background-size:20px;}
.section1 .type1 .tab_list_li:nth-child(4) a:before{ background:url("/images/n21/avt/main-tab-icon15.png") center no-repeat; background-size:20px;}
.section1 .type1 .tab_list_li:nth-child(5) a:before{ background:url("/images/n21/avt/main-tab-icon14.png") center no-repeat; background-size:20px;}
.section1 .type1 .tab_list_li:nth-child(6) a:before{ background:url("/images/n21/avt/main-tab-icon16.png") center no-repeat; background-size:20px;}

.section1 .type2 .tab_list_li:nth-child(2) a:before{ background:url("/images/n21/avt/main-tab-icon2.png") center no-repeat; background-size:20px;}
.section1 .type2 .tab_list_li:nth-child(3) a:before{ background:url("/images/n21/avt/main-tab-icon3.png") center no-repeat; background-size:20px;}
.section1 .type2 .tab_list_li:nth-child(4) a:before{ background:url("/images/n21/avt/main-tab-icon4.png") center no-repeat; background-size:20px;}
.section1 .type2 .tab_list_li:nth-child(5) a:before{ background:url("/images/n21/avt/main-tab-icon5.png") center no-repeat; background-size:20px;}
.section1 .type2 .tab_list_li:nth-child(6) a:before{ background:url("/images/n21/avt/main-tab-icon6.png") center no-repeat; background-size:20px;}
.section1 .type2 .tab_list_li:nth-child(7) a:before{ background:url("/images/n21/avt/main-tab-icon7.png") center no-repeat; background-size:20px;}
.section1 .type2 .tab_list_li:nth-child(8) a:before{ background:url("/images/n21/avt/main-tab-icon8.png") center no-repeat; background-size:20px;}
.section1 .type2 .tab_list_li:nth-child(9) a:before{ background:url("/images/n21/avt/main-tab-icon9.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/n21/avt/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/n21/avt/top-arrow.png") center no-repeat; background-size:16px;}
.section2 .swiper-control .swiper-button-prev{background:url("/images/n21/avt/bottom-arrow.png") center no-repeat; background-size:16px;}
.section2 .swiper-control .swiper-btn.start{background: url("/images/n21/avt/start-btn.png") center no-repeat;  background-size:16px;}
.section2 .swiper-control .swiper-btn.stop{background: url("/images/n21/avt/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 solid red;}
.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/n21/avt/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/n21/avt/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; }
.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/n21/avt/sec3-start.png") center no-repeat;  background-size:9px;}
.section3 .swiper-btn.stop{background: url("/images/n21/avt/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;}
.section3 .swiper-button-lock{display:none;}

/* ==============================================================================================================
= Modal 기본스타일 지정
============================================================================================================== */
.modalWrap{position:absolute; top:150px;left:50%;margin-left:-350px; width:700px; border-radius:15px; background:#fff url(/images/n21/avt/allbannerBg.png) no-repeat; ;opacity:0;z-index:-1;transition-duration:0.5s;}
.modalWrap.active{display:block;top:-450px;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;}
.section3 .btnAllBanner{display:block; padding:0 8px; margin-left:20px;  height:25px;   background:#ad6ece4d;  border-radius:15px; line-height:25px; font-size:13px;}
.modalWrap{display:none;margin-left:-640px; padding:30px;width:1280px;height:830px;box-sizing:border-box;}

#mainAllBanner ul{display:flex; flex-wrap:wrap; min-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:#b6b9c7; 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; padding-bottom:15px; border-bottom:1px solid #222222; color:#68159B;}
.section4 .info_menu_tit:before{position:absolute; top:3px; left:0px; content:''; display:block; width:20px; height:20px; background:url("/images/n21/avt/info-tit-icon.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:#AD6ECE;	
}
.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 solid red;}
.section4 .swiper-slide a:hover img{transform:scale(1.1); transition:0.2s; }
.section4 .swiper-btn.start{background: url("/images/n21/avt/sec3-start.png") center no-repeat;  background-size:9px;}
.section4 .swiper-btn.stop{background: url("/images/n21/avt/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; }
.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/n21/avt/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/n21/avt/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; background:url("/images/n21/avt/part-icon1.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(2n) .partition_txt:before{margin:0 8px 0 20px;}
.section5 .partition_link:nth-child(2) .partition_txt:before{background:url("/images/n21/avt/part-icon2.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(3) .partition_txt:before{background:url("/images/n21/avt/part-icon3.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(4) .partition_txt:before{background:url("/images/n21/avt/part-icon4.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(5) .partition_txt:before{background:url("/images/n21/avt/part-icon5.png") center no-repeat; background-size:15px;}
.section5 .partition_link:nth-child(6) .partition_txt:before{background:url("/images/n21/avt/part-icon6.png") center no-repeat; background-size:15px;}

.section5 .type2 .partition_tit:before{width:18px; height:18px; margin-right:6px; background:url("/images/n21/avt/part_tit_icon2.png") center no-repeat;}
.section5 .type2 .partition_link:nth-child(1) .partition_txt:before{background:url("/images/n21/avt/part-icon12.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(2) .partition_txt:before{background:url("/images/n21/avt/part-icon7.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(3) .partition_txt:before{background:url("/images/n21/avt/part-icon8.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(4) .partition_txt:before{background:url("/images/n21/avt/part-icon9.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(5) .partition_txt:before{background:url("/images/n21/avt/part-icon10.png") center no-repeat; background-size:15px;}
.section5 .type2 .partition_link:nth-child(6) .partition_txt:before{background:url("/images/n21/avt/part-icon11.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/n21/avt/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/n21/avt/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/n21/avt/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/n21/avt/number-go-arrow.png") center no-repeat;}
.section5 .go_btn:focus{outline:1px solid red;}

.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/n21/avt/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/n21/avt/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/n21/avt/on-air-arrow.png") center no-repeat;}
.section5 .on_air:focus{outline:1px solid red;}

footer{width:100%; background:#454952;}
footer .inner{position:relative; display:flex; flex-wrap:wrap; padding:30px 0;}
footer .sido_baro{position:relative; 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/n21/avt/select-down.png") right 5px center no-repeat; }
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;}

/*2024-01-15 추가*/
aside{position:fixed; z-index:99; top:185px; right:0px;}
aside .quick_menu{width:108px; 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:24px; height:24px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon1.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type2 a:before{display:block; content:''; width:24px; height:24px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon2.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type3 a:before{display:block; content:''; width:24px; height:24px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon3.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type4 a:before{display:block; content:''; width:30px; height:30px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon4.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type5 a:before{display:block; content:''; width:24px; height:24px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon5.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type6 a:before{display:block; content:''; width:24px; height:24px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon6.png") center no-repeat;background-size:24px;}
aside .quick_menu li.type7 a:before{display:block; content:''; width:24px; height:24px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon7.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type8 a:before{display:block; content:''; width:24px; height:24px;  margin:0 auto 5px; background:url("/images/n21/avt/quick_menu_icon8.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/n21/avt/quick_menu_icon9.png") center no-repeat; background-size:24px;}

aside .quick_menu li.type1:hover a:before{background:url("/images/n21/avt/quick_menu_icon1_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type2:hover a:before{background:url("/images/n21/avt/quick_menu_icon2_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type3:hover a:before{background:url("/images/n21/avt/quick_menu_icon3_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type4:hover a:before{background:url("/images/n21/avt/quick_menu_icon4_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type5:hover a:before{background:url("/images/n21/avt/quick_menu_icon5_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type6:hover a:before{background:url("/images/n21/avt/quick_menu_icon6_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type7:hover a:before{background:url("/images/n21/avt/quick_menu_icon7_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type8:hover a:before{background:url("/images/n21/avt/quick_menu_icon8_on.png") center no-repeat; background-size:24px;}
aside .quick_menu li.type9:hover a:before{background:url("/images/n21/avt/quick_menu_icon9_on.png") center no-repeat; background-size:24px;}

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: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 4; animation-timing-function: ease;  animation-direction: alternate;  z-index:99; cursor:pointer;}
.scrolldown_btn:before{position:absolute; display:block; content:''; width:92px; height:92px; animation:scroll_button 1s 4; 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 4;  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:30px; height:30px; margin:0 auto; background:url("/images/n21/avt/scroll_down_icon.png") center no-repeat; background-size:30px;}
.scrolldown_btn .scrolldown_txt{display:block; letter-spacing:-0.5px;  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/n21/avt/scroll_up_icon.png") center no-repeat; background-size:30px;}
/*
@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/n21/avt/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/n21/avt/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/n21/avt/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/n21/avt/left_quick_icon.png") center no-repeat; background-size:28px;}

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

/*나만의 메뉴*/
.tooltip_giude{display:none;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: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/avt/btn_mymenu_icon.png) center no-repeat;text-indent:-9999em;}

.tooltip{display:none;border:solid 1px #009fa1;border-radius:20px;position:absolute;top:160px;right:51.5%;margin-right:-614px;width:420px;background:#fff url("/images/n21/avt/tooltip_bg.png") 25px 6% no-repeat;z-index:59;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/n21/avt/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 dd{line-height:22px; padding-top:5px;}
.tooltip .lower ul li{position:relative;font-size:14px; line-height:24px; 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{display:none;position:absolute;right:20px;top:20px;width:20px;height:20px;background:url(/images/n21/avt/btn_modalClose.png) no-repeat;text-indent:-9999em;}

/* 나만의 메뉴 */
.area_my_menu .inner{display:block; position: relative;}
.area_my_menu{display:none;position:fixed;top:0px; left:0;right:0;background:#6a78b9; 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:20px;}
.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.4); border-radius:10px;background:url("/images/n21/avt/menu_card_add.png") 50% 50% no-repeat;}
.area_my_menu .menu_card>div>div .mascot{position:absolute;top:0;left:5px;height:100%; }
.area_my_menu .menu_card>div:nth-child(1)>div .mascot{width:73px;background:url("/images/n21/avt/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/avt/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/avt/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/avt/menu_card_icon4_off.png") 0 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(5)>div .mascot{width:80px;background:url("/images/n21/avt/menu_card_icon5_off.png") 5px 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(6)>div .mascot{width:80px;background:url("/images/n21/avt/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/avt/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/avt/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/avt/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/avt/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/avt/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/avt/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/avt/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/avt/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/avt/menu_card_icon5_on.png") 5px 50% no-repeat;}
.area_my_menu .menu_card>div:nth-child(6)>div>div .mascot{background:url("/images/n21/avt/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/avt/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/avt/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/avt/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/avt/menu_card_icon10_on.png") 0 50% no-repeat;}

.area_my_menu>.inner>.btn_area_my_menu_close{position:absolute;top:-20px;right:0;width:28px;height:28px;background:url("/images/n21/avt/btn_area_my_menu_close.png") 50% 50% no-repeat;text-indent:-99999px;}

.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;box-sizing:border-box;}
.area_my_menu .menu_card>div>div>div div{padding-left:80px;width:100%;display:inline-block;vertical-align:middle;line-height:24px;box-sizing: border-box;}
.area_my_menu .menu_card>div>div>div div em{display:block;color:#3f57bf;font-size:15px;font-weight:600;line-height:1.25em;margin-bottom:2px;}
.area_my_menu .menu_card>div>div>div div span{display:block;color:#555;font-size:18px;line-height:1.16em;}
.area_my_menu .menu_card>div>div .del{position:absolute;top:0;right:0;width:40px;height:39px;background:url("/images/n21/avt/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 #9aa5d6;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;}
.area_my_menu>.inner ul li a span{font-size:18px;display:inline-block;vertical-align:middle;width:31px;height:26px;padding-left:5px;}
.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;}

.area_my_menu>.inner ul li:nth-child(1) a span{background:url("/images/n21/avt/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/avt/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/avt/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/avt/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/avt/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/avt/my_menu_area_baro_img6.png") 0 50% no-repeat;}

/* 나만의 메뉴 설정하기 (지방선거 전 코드)*/
.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:999;}
.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 #009fa1;width:100%;}
.my_menu_option .my_search div input[type="placeholder"]{color:#333;}
.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/avt/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/n21/avt/btn_reflsh.png") 50% 50% no-repeat;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/avt/main_select_bg.png") 98% 50% no-repeat;background-size:5%;}
.my_menu_option h4{font-size:22px;font-weight:800;color:#009fa1;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/avt/my_menu_option_check_off.png") 50% 50% no-repeat;}
.my_menu_option .check_con span input[type="checkbox"]:checked{background:url("/images/n21/avt/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:#009fa1;}
.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:url("/images/n21/avt/btn_my_menu_option_close.png") 50% 50% no-repeat;text-indent:-99999px;}

.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/n21/avt/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/n21/avt/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/n21/avt/icon_blog.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.facebook{background:url("/images/n21/avt/icon_facebook.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.twitter{background:url("/images/n21/avt/icon_twitter.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.youtube{background:url("/images/n21/avt/icon_youtube.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.instargram{background:url("/images/n21/avt/icon_instargram.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.kakaostory{background:url("/images/n21/avt/icon_kakaostory.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.link{background:url("/images/n21/avt/icon_link.png") 50% 50% no-repeat;}
.sub_cont_bg .sns a.print{background:url("/images/n21/avt/icon_print.png") 50% 50% no-repeat;}

/* 특집검색*/
.vt_total_search{}
.total_top{text-align:center;padding:35px 0 15px 0;background:url("/images/n21/avt/total_top_bg2.png") center top no-repeat;}
.total_top.total_top2{text-align:center;padding:35px 0 15px 0;}
.total_top h1{display:none; height:45px;margin-bottom:17px;background:url("/images/n21/avt/logo.png") 50% 50% no-repeat;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/n21/avt/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:#009fa1;}
.vt_s_main_menu li.active a:after{display:block;clear:both;content:'';position:absolute;bottom:0;width:100%;height:2px;background:#009fa1;}

.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:#009fa1;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:#009fa1;}

.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:#009fa1;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/n21/avt/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:#098179;border:solid 1px #098179;}
.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/n21/avt/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:#2d9791;}

.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/n21/avt/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 red;}

/*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/n21/avt/blog.png") center no-repeat;}
.sns_menu .sns_list li.facebook a{background:url("/images/n21/avt/facebook.png") center no-repeat;}
.sns_menu .sns_list li.youtube a{background:url("/images/n21/avt/youtube.png") center no-repeat;}
.sns_menu .sns_list li.twiter a{background:url("/images/n21/avt/twiter.png") center no-repeat;}
.sns_menu .sns_list li.instagram a{background:url("/images/n21/avt/instagram.png") center no-repeat;}
.sns_menu .sns_list li.kakao a{ background:url("/images/n21/avt/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/n21/avt/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:after{position:absolute; content:""; right:110px;; top:-15px;  border : transparent 0.5em solid;  border-bottom-color:#fff; 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.bottom:after{position:absolute; content:""; right:110px;; top:60px;  border : transparent 0.5em solid;  border-top-color:#fff; 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;}