/*국선 서브페이지 콘텐츠 페이지 기본적으로 대표 템플릿 그대로 사용하되 추가적인 변경사항은 contents2에 작성해 적용되도록 하기*/
#subContents{padding-bottom:50px;}
.sub_cont_bg{width:100%; background:url("/images/n21/avt/sec5-bg.png") bottom no-repeat;}
#container h3.sub_title{display:block; padding:40px 0; font-size:28px; font-weight:800; text-align:Center; text-indent:0px; }
.tableList ul li .title a{font-size:18px;}
.tableList ul li .quickView a{font-size:15px;}
.cardList.thumb ul li .title{font-size:16px;}
.banner_tooltip{display:none;}
.scrolldown_btn{display:none !important;}

.section1{margin-top:0px;}padd

/*20240126 서브페이지 이미지 비율  수정*/
.cardList.thumb ul li .img{height:auto;}

.vt_s_main_menu li a{font-size:16px;}

.tableList ul li .num em{display:inline-block;width:50px;height: 30px;background: #1e2c50;border-radius: 5px;font-size:15px;color:#fff;line-height: 30px;}
.tableList ul li .quickView a{display:inline-block;width: 75px;height: 30px; font-size:14px; background:#fff;border: 1px solid #cbcbd;border-radius: 5px;line-height: 30px;color:#555;box-sizing:border-box;/* color: #fff; *//* background: #7e7d8c; *//* letter-spacing: 1px; */}
.tableList ul li .title a{font-size:17px;}
.tableList ul li .fileDown img{width:25px;}

.bbsSearch input[type="submit"]:focus{outline:1px solid red;}
.bbsSearch{display:block;}
.mobile_board_search{display:none;}

.imgKogl img{max-width:100%;}

@media all and (max-width:1320px){
	
	/* 특집검색 모바일 */
	.total_top{padding:3% 3% 20px 3% !important;background:url("/images/n21/avt/m_total_top_bg.png") center top / cover no-repeat}
	.total_top.total_top2{background:url("/images/n21/avt/m_total_top_bg2.png") 50% 50% no-repeat}
	.total_top h1{height:45px;margin-bottom:10px;background:url("/images/n21/avt/m_vt_s_logo.png") 50% 50% no-repeat;background-size:245px;}
	.top_s_area{display:flex;}
	.vt_search{width:auto;}
	.vt_search .top_s_area input[type="text"]{width:calc(100% - 96px);height:40px;line-height:40px;border-radius:4px;margin-right:3px;}
	.vt_search .top_s_area input[type="submit"]{width:40px;height:40px;padding-left:inherit;border-radius:4px;background:#000 url("/images/n21/avt/m_btn_vt_search.png") 50% 50% no-repeat;background-size:20px;text-indent:-99999px;margin-right:3px;}
	.vt_search .detail_s_view{width:55px;height:40px;font-size:12px;border-radius:4px;}
	
	.detail_search{width:auto;margin:3% 0;}
	.detail_search>div{width:100%;margin:5px 0;}
	.detail_search>div:nth-child(1){margin-right:0;}
	.detail_search>div>label{display:none;}
	.detail_search>div>div{display:block;vertical-align:inherit;}
	.detail_search>div span{width:20%;letter-spacing:-1px;}
	.detail_search>div>div>div{margin-left:0;margin:10px 0;width:100%;}
	.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{padding:0 5px;}
	.detail_search .radio_box label{display:flex;align-items:center;line-height:1em;justify-content:center; box-sizing:border-box;}
	.detail_search .data-period{display:flex;}
	.detail_search .data-period input{width:calc(50% - 10px);float:left;}
	.detail_search .data-period .star{margin-right:20px;}
	.detail_search .detail_s_view_close{top:inherit;bottom:-20px;right:0;}
	
	.vt_s_main_menu:after{display:block;clear:both;content:'';}
	.vt_s_main_menu{}
	.vt_s_main_menu ul{display:flex;justify-content:center;width:100%;}
	.vt_s_main_menu ul > li{margin:0;width:33.33%;white-space:nowrap;}
	.vt_s_main_menu ul > li > a{font-size:19px;}
	.vt_s_sub_menu{margin-bottom:10px;padding:3%;box-shadow:0 2px 3px rgba(0,0,0,.3);}
	.vt_s_sub_menu:after{display:block;clear:both;content:'';}
	.vt_s_sub_menu li{width:calc(100% / 3);padding:0;float:left;}
	.vt_s_sub_menu li:after{content:inherit;background:none;}
	.vt_s_sub_menu li a{height:40px;line-height:40px;font-size:15px;white-space:nowrap; letter-spacing:-1px;}
	.vt_s_sub_menu li.active a{padding:0;}
	.vt_s_result{margin:3%;padding:10px 0;background:none;text-align:left;}
	.vt_s_result span{font-size:18px;}
	.vt_s_result em{font-size:18px;}
	
	.result_wrap{margin:3% 3% 20px 3%;}
	.result_wrap .tit h4{font-size:21px;}
	.result_wrap .tit .more{font-size:14px;margin-left:3%;}
	.result_wrap .tit .more i:before{background-image:url("/images/n21/avt/m_vt_s_more_2x.png");}
	.result_wrap .vt_basic li>strong{font-size:16px; margin-bottom:8px;}
	.result_wrap .vt_basic li>span{display:block;margin-left:0;font-size:14px;}
	.result_wrap .vt_basic li>a{margin-top:7px;font-size:14px;}
	.result_wrap .vt_basic li>strong a{max-width:100%;}
	
	.result_wrap .vt_pic_date li div.pic{width:30%;vertical-align:top;}
	.result_wrap .vt_pic_date li div.pic img{width:100%;}
	.result_wrap .vt_pic_date li div.data{width:64%;margin-left:3%;}
	.result_wrap .vt_pic_date li div>strong{font-size:16px; margin-bottom:8px;}
	.result_wrap .vt_pic_date li div>span{display:block;margin-left:0;font-size:14px;}
	.result_wrap .vt_pic_date li div>a{margin-top:7px;font-size:14px;}
	.result_wrap .vt_pic_date li div>strong a{max-width:100%;}
	
	.result_wrap .gallery{}
	.result_wrap .gallery>div{width:50%;margin-bottom:3%;text-align:center;}

	.result_wrap .gallery>div .img{margin-bottom:10px;}
	.result_wrap .gallery>div .img img{max-width:100%;}	
}

@media all and (max-width:960px){
    .sub_cont_bg{background-image:none;}
    .sub_title{padding:20px 0; font-size:20px; background-image:none;}

    .satisfaction{margin-top:0px; padding:15px 10px;}
    tableList ul li .num{display:none;}
	.tableView .viewCon iframe{height:500px;}
	
	.m_show{display:block;}
	.pc_show{display:none;}
}

@media all and (max-width:640px){
    .paging{padding:0px 0 0px;}
    .paging > a{display:none;}
    .mobilePaging{display:flex; margin-bottom:20px; justify-content: center; align-items: center;}

    #sub_contents{padding-bottom:50px;}
    
    .tableList{margin-bottom:20px;}
    .tableList ul li{position:relative;}
    .tableList ul li .title a{padding:0; font-size:13px; line-height:140%;}
    .tableList ul li .quickView a{width:55px; height:25px; line-height:25px; font-size:12px; }
    .tableList ul li .date{position:absolute; right:10px; bottom:18px;}
    .fileLink{font-size:13px !important;}
    .tableView .viewDetail > li .quickView{/* margin:5px 10px 0; */margin: 0px;/* display: block; */width: 60px;height: 25px;line-height: 25px;font-size: 12px;}
    .satisfaction p{font-size:14px; background-position:left top;}
    
    .tableList ul li .fileDown{min-height:25px;}
    
    .cardList.thumb ul li .img{height:auto; min-height:120px;}
    
    .bbsSearch{display:flex; align-items:center; padding:10px;justify-content:space-between; }
    .bbsSearch select{width:23%; font-size:12px;  height:30px; }
    .bbsSearch input[type='text'].w260{width:auto; flex:1 0; margin:0 4px; height:30px; font-size:12px;}
    .bbsSearch input[type="submit"]{font-size:12px; width:40px; height:30px; line-height:30px; }
    
    .cardList.thumb ul li a .title{margin:15px 5px 10px; height:33px; line-height:16px; font-size:13px;}
    .cardList.thumb ul li a .date{margin:0 5px 15px; font-size:13px;}
    
    .mobilePaging .mobileNum{font-size:14px;}
    .paging a{min-width:30px; height:30px; }
    .paging a.prev{background:url(/images/n21/sub/btn_pagePrev.png) no-repeat center center; background-size:5px; }
    .paging a.first{background:url(/images/n21/sub/btn_pageFirst.png) no-repeat center center; background-size:10px; }
    .paging a.next{background:url(/images/n21/sub/btn_pageNext.png) no-repeat center center;background-size:5px;}
    .paging a.last{background:url(/images/n21/sub/btn_pageLast.png) no-repeat center center;background-size:10px; }
}

@media all and (max-width:380px){
        .tableView .viewDetail > li .head{font-size:12px; padding-left:3px; }
        .tableView .viewDetail > li .desc{font-size:12px;}
        .tableView .viewDetail > li .desc + .head{margin-left:5px;}
        
        .cardList ul li{width:100%;}
}

/*240214 어르신 장애인 선거정보페이지*/
.other_container{position:relative; padding:50px 0 100px; background:#fff url("/images/n21/avt/other_bg_img6.png") center top no-repeat;}
.other_container h2.title{font-size:35px; font-weight:700; line-height:45px; text-align:center;}
.other_container h2.title b{display:block; font-size:35px; padding-top:5px;  font-weight:300;}
.other_box_wrap{display:flex; margin-top:60px; justify-content:space-evenly;}
.other_box_wrap .other_box{width:calc(100%/2 - 55px); min-height:497px; background:#fff; padding:10px; border-radius:12px; box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.10);}
.other_box_wrap .other_box.type1 .title_box{display:block; position:relative; color:#EC6C00; font-weight:800; background:url("/images/n21/avt/title_box_type2.png") center no-repeat; background-size:cover;}
.other_box_wrap .other_box.type1 .title_box:after{position:absolute; display:block; content:'';  right:0px; bottom:0px; width:255px; height:119px; background:url(/images/n21/avt/other_tit_bg2.png) no-repeat left center;}
.other_box_wrap .other_box.type2 .title_box{display:block; position:relative; color:#68159B; font-weight:800; background:url("/images/n21/avt/title_box_type1.png") center no-repeat; overflow:hidden; background-size:cover;}
.other_box_wrap .other_box.type2 .title_box:after{position:absolute; display:block; content:'';  right:0px; bottom:-15px; width:290px; height:121px; background:url(/images/n21/avt/other_tit_bg.png) no-repeat left center;}
.other_box_wrap .other_box .title_box{display:block; padding:40px 39px; font-size:28px; font-weight:bold; border-radius:12px;}
.other_box_wrap .other_box .other_ul li a strong{position:relative; display:inline;}
.other_box_wrap .other_box .other_ul li a strong:before{position:absolute; display:block; content:''; width:0%; height:15px; bottom:2px; z-index:2; background:#FFE0C5; transition:0.2s; }
.other_box_wrap .other_box.type2 .other_ul li a strong:before{position:absolute; display:block; content:''; width:0%; height:15px; bottom:2px; z-index:2; background:#EFD1FF; transition:0.2s; }
.other_box_wrap .other_box .other_ul li:hover strong{font-weight:bold;}
.other_box_wrap .other_box .other_ul li:hover a strong:before{width:101%; transition:0.2s;}
.other_box_wrap .other_box.type2 .other_ul li:hover a strong:before{width:101%; transition:0.2s;}
.other_box_wrap .other_box .other_ul li a span{position:relative; z-index:4;}
.other_box_wrap .other_box .other_ul{}
.other_box_wrap .other_box .other_ul li{padding:15px 10px 15px; border-bottom:1px solid #EEEEEE;}
.other_box_wrap .other_box .other_ul li a{ display:flex; align-items:center; justify-content: space-between; font-size:18px; font-weight:bold; color:#333;}
.other_box_wrap .other_box .other_ul li a:after{display:block; content:''; width:30px; height:30px; background:url("/images/n21/avt/orange_arrow.png") center no-repeat; }
.other_box_wrap .other_box.type2 .other_ul li a:after{display:block; content:''; width:30px; height:30px; background:url("/images/n21/avt/purple_arrow.png") center no-repeat; }
.other_box_wrap .other_box .other_ul li:last-child{border-bottom:none;}

@media all and (max-width:1400px){

}

@media all and (max-width:960px){
	.other_container:before{left:0px;}
	.other_container:after{right:0px;}
	.other_container:before,
	.other_container:after{display:block; width:200px; height:200px; bottom:0px; background-size:100%;}
	.other_container{padding:30px 0 200px; background:none !important;}
	.other_container .inner{padding:0px;}
	.other_box_wrap{display:block; margin-top:30px;}
	.other_box_wrap .other_box{width:100%; min-height:auto;}
	.other_box_wrap .other_box.type2{margin-top:20px;}
	.other_container h2.title{font-size:20px; line-height:25px;}
	.other_container h2.title b{padding-top:0px; font-size:20px;}
	.other_box_wrap .other_box.type1 .title_box{font-size:20px;padding:25px 20px;}
	.other_box_wrap .other_box.type1 .title_box:after{width:190px; height:94px; bottom:-10px; background-size:100%;}
	.other_box_wrap .other_box.type2 .title_box{font-size:20px;padding:25px 20px; overflow:hidden;}
	.other_box_wrap .other_box.type2 .title_box:after{width:206px; height:89px; bottom:-10px; background-size:100%;}
	.other_box_wrap .other_box .other_ul{margin-top:0px;}
	.other_box_wrap .other_box .other_ul li{padding:27px 10px 20px; border-bottom:1px solid #EEEEEE;}
	.other_box_wrap .other_box .other_ul li a{font-size:15px;}
	.other_box_wrap .other_box .other_ul li a:after{width:18px; height:18px; border-radius:50%; background-size:100%;}
	.other_box_wrap .other_box.type2 .other_ul li a:after{width:18px; height:18px; border-radius:50%; background-size:100%;}
	.other_container:before{position:absolute; left:0px; content:''; display:block;  background:url("/images/n21/avt/other_bg7.png") center no-repeat; background-size:100%;}
	.other_container:after{position:absolute; right:0px; content:''; display:block;  background:url("/images/n21/avt/other_bg2.png") center no-repeat; background-size:100%;}
	
}
@media all and (max-width:520px){
	.other_container{padding:30px 0 150px;}

	.other_container:before,
	.other_container:after{display:block; width:150px; height:150px; bottom:0px; background-size:100%;}
}

@media all and (max-width:380px){
	.other_container{padding:30px 0 110px;}
	.other_container:before,
	.other_container:after{display:block; width:110px; height:110px; bottom:0px;}
	.other_container h2.title{font-size:15px;}
	.other_container h2.title b{font-size:15px;}
	.other_box_wrap{margin-top:20px;}
	.other_box_wrap .other_box.type1 .title_box:after{width:110px; height:74px;}
	.other_box_wrap .other_box.type1 .title_box{font-size:18px; padding:25px 20px;}
	.other_box_wrap .other_box.type2 .title_box:after{width:110px; height:65px;}
	.other_box_wrap .other_box.type2 .title_box{font-size:18px; padding:25px 20px;}
	.other_box_wrap .other_box .other_ul li{padding:20px 10px;}
	.other_box_wrap .other_box .other_ul li a{font-size:14px;}
}