/* 게시판 카테고리/탭 */
.bbs_cate{overflow-y: hidden; padding: 10px 0; border:1px solid #004ec4;}
.bbs_cate li{width: auto; float:left; position:relative; font-family: 'GmarketSans'}
.bbs_cate li a{padding:10px 20px; color:#333; font-weight:400; display:block; font-size: 17px;}
.bbs_cate li a::before{content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 8px 3px 0; background: #cecece; border-radius: 5px;}
.bbs_cate li a:hover,
.bbs_cate li.on a{color: #001d77; text-decoration: underline;}

/* 뉴스형 */
.news_list{width:100%;border-top:2px solid #123466;}
.news_list li{border-bottom:1px solid #dedede;line-height:1.25em;position: relative;}
.news_list li a{display:block;padding: 25px 0;}
.news_list li strong{display:block;font-weight:normal;font-size:20px;line-height:1.5em}
.news_list li:hover strong, 
.news_list li:focus strong{color: #004ec4; text-decoration: underline;}
.news_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.news_list .txt{display:block;line-height:1.5em;margin:10px 0}
.news_list .info{display:block;font-style:normal;font-size:16px;color:rgb(100, 73, 73)}
.news_list .info span{width:1px;height:6px;background:#dedede;margin:0 10px}
.news_list .ico_notice{width:46px; margin: 0 10px 10px 0; padding:4px 6px; text-align: center; border: 1px #e21207 solid;color:#e21207;font-size:16px;}
.news_list .ico_file{width:20px;height:0;padding:20px 0 0 0;overflow:hidden;background: url("/images/01_portal/bbs/icon_file.gif") no-repeat center;}
.news_list .list_none{text-align:center;padding:30px 0}
.news_list .img{display:block;width:100%;margin:0 auto 10px auto}

@media all and (min-width:768px) {
.news_list li a{overflow:hidden}
.news_list .img{float:left;margin:0 20px 0 0;width:250px; height: 190px;}
.news_list li strong{margin-top: 20px;}
} 

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

.news_list .img{width:300px; height: 225px;}
.news_list li strong{margin-top: 60px;}
} 


/* 토론형 목록 */
.bbs_ask .ask_list ul li{margin: 0 0 20px 0;}
.bbs_ask .ask_list a{display: block; padding: 20px; border: 1px #e1e1e1 solid; font-size: 14px;}
.bbs_ask .ask_list a:hover{border: 1px #004ec4 solid; box-shadow: 5px 5px 8px #eef8ff}
.bbs_ask .ask_list a strong{display: block; width: 100%; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; padding: 20px; background: #f4f4f4; font-weight: 400; font-size: 18px;}
.bbs_ask .ask_list a span{display: inline-block; font-size: 16px;}
.bbs_ask .ask_list a span::before{content: ''; display: inline-block; width: 18px; height: 18px; margin: 0 8px -4px 0; background: url('/images/apc_2022/bbs/ask.png') no-repeat;}
.bbs_ask .ask_list a span.good{color: #004ec4; margin-right: 30px;}
.bbs_ask .ask_list a span.bad{color: #d7182a;}
.bbs_ask .ask_list a span.bad::before{background-position: -32px -5px;}
.bbs_ask .ask_list a i{display: block; padding-top: 14px; margin-top: 14px; font-style: normal; text-align: right; border-top: 1px #d8d8d8 solid; color: #666;}
.bbs_ask .ask_list a i em{display: inline-block; margin-right: 10px; font-style: normal; color: #333;}
.bbs_ask .ask_list a i em.comment{position:static;font-size: 14px;}

/* 토론형 찬성 반대 */
.ask_link{margin-bottom: 20px; text-align: center;}
.ask_link a{position: relative; display: inline-block; width: 100px; height: 100px; margin: 0 6px; padding-top: 60px; border-radius: 100px; text-align: center;}
.ask_link a::before{content: ''; position: absolute; top: 20px; width: 35px; height: 32px; background: url('/images/apc_2022/bbs/ask.png') no-repeat;}
.ask_link a.good::before{background-position: -65px -36px;}
.ask_link a.bad::before{background-position: 0 -36px;}
.ask_link a.good{border: 1px #004ec4 solid; color: #004ec4;}
.ask_link a.bad{border: 1px #d7182a solid; color: #d7182a;}

/* 토론형 댓글 */
.ask_comment_list .tab{position: relative;}
.ask_comment_list .tab ul{margin: 0 0 10px; border-top:1px #d1d1d1 solid; border-left:1px #d1d1d1 solid; font-size: 0;}
.ask_comment_list .tab li{display: inline-block; width:100%; text-align: center; font-family: 'GmarketSans'}
.ask_comment_list .tab li a{display:block;padding:14px 0 0 0;height:45px; border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid; position:relative; font-size: 16px;}
.ask_comment_list .tab li a:hover{text-decoration: underline; color: #001d77;}
.ask_comment_list .tab li.on a{background:#0075cb;color:#fff;}
.ask_comment_list .tab li.on a:after{background-position:-23px -90px;}
.ask_comment_list .tab li.on a:hover{background-color:#0075cb;}
.ask_comment_list .tab .my_comment a{display:block; margin: 0 0 10px; padding:12px 0 0 0; height:45px;  font-size: 16px; background: #001d77; color: #fff; text-align: center; font-family: 'GmarketSans';}

.comment_wrap{position:relative;}
.comment_wrap form {display:block;padding-bottom:20px;border-bottom: 1px #e1e1e1 solid;}
.comment_wrap form textarea{display:block;box-sizing: border-box;width:100%;height: 100px;padding: 14px;margin-bottom:8px;font-family: NotoSans, 'Noto Sans KR';text-align: left;border: 1px #061d79 solid;}
.comment_wrap form input[type="submit"]{display:block;box-sizing:border-box;width: 120px;height: 48px;margin: 0 0 0 auto;background:#464646;color:#fff;cursor: pointer; font-family: NotoSans, 'Noto Sans KR';}
.comment_wrap .bbs_total{text-align:left; margin: 20px 0; padding: 0;}
.comment_wrap .commentPage{ border-bottom:1px #061d79 solid;}
.comment_wrap .commentPage li{padding:20px 0; border-bottom: 1px #e1e1e1 solid;}
.comment_wrap .commentPage li:last-child{border-bottom:none;}
.comment_wrap .commentPage div{font-size:16px;}
.comment_wrap .commentPage span{display: inline-block; color:#666;font-size: 14px;}
.comment_wrap .commentPage span strong{display:inline-block; margin-right:6px;}
.comment_wrap .commentPage .bbs_btn{text-align:right;margin: 0;}
.comment_wrap .commentPage .bbs_btn a{margin: 0;padding: 8px 14px;}
.comment_wrap .commentPage .bbs_btn a:before{display:none;}

.ask_comment_list .commentPage span.good{position: relative; font-size: 16px; color: #004ec4;}
.ask_comment_list .commentPage span.bad{position: relative; color: #d7182a;}
.ask_comment_list .commentPage span.good::before{content: ''; display: inline-block; width: 18px; height: 18px; margin: 0 8px -4px 0; background: url('/images/apc_2022/bbs/ask.png') no-repeat;}
.ask_comment_list .commentPage span.bad::before{content: ''; display: inline-block; width: 18px; height: 18px; margin: 0 8px -4px 0; background: url('/images/apc_2022/bbs/ask.png') no-repeat;background-position: -32px -5px;}

.s_ask{position: absolute;top: -50px;left: 78px;display: inline-block;height: 40px;padding: 11px 10px 0 20px;border:1px #e1e1e1 solid;border-radius: 10px;}
.s_ask span{line-height: 0.9em;margin: 0 15px 0 0;}
.s_ask span input[type="radio"]{width:16px; height: 16px;}
.s_ask span.good{position: relative; font-size: 16px; color: #004ec4;}
.s_ask span.bad{position: relative; color: #d7182a;}

@media all and (min-width:768px) {
.bbs_ask .ask_list ul{font-size: 0;}
.bbs_ask .ask_list ul li{display: inline-block; width: 49.5%; margin: 0 1% 1% 0;}
.bbs_ask .ask_list ul li:nth-child(2n){margin: 0;}

.ask_comment_list .tab ul{border-top: none;}
.ask_comment_list .tab li{width: 24%; border-top:1px #d1d1d1 solid;}
.ask_comment_list .tab .my_comment{position: absolute; top: 0; right: 0; width: 24%;}
}

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

.bbs_ask .ask_list ul li{width: 32.6%; margin: 0 1% 1% 0;}
.bbs_ask .ask_list ul li:nth-child(2n){margin: 0 1% 1% 0;}
.bbs_ask .ask_list ul li:nth-child(3n){margin: 0;}

.ask_comment_list .tab li{width: 16%;}
.ask_comment_list .tab .my_comment{width: 16%;}
}

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

.bbs_ask .ask_list ul li{width: 440px; margin: 0 40px 40px 0;}
.bbs_ask .ask_list ul li:nth-child(2n){margin: 0 40px 40px 0;}
.bbs_ask .ask_list ul li:nth-child(3n){margin: 0;}
}

/* 자주묻는질무 Q&A */
.apc_faq{border-top:2px #004ec4 solid;line-height:1.5em;text-align:center}
.apc_faq li>a{display:block;border-bottom:1px solid #e6e6e6;padding:25px 20px 25px 20px;font-weight:bold;position:relative}
.apc_faq li>div{padding:20px 20px 20px 20px;background:#f3f7ff;min-height:25px;position:relative; font-weight: 400;}
.apc_faq li>div .bbs_btn{margin:20px 0 0 0}
.apc_faq li.on>div{display:block}
.apc_faq em{display:block; font-size: 20px; font-family: 'GmarketSans'; font-weight: 400;}
.apc_faq div em{color: #004ec4;}
.apc_faq .list_none{text-align:center;padding:30px 0;border-top:1px solid #dde1e4;border-bottom:1px solid #dde1e4}


@media all and (min-width:768px) {
.apc_faq{text-align:left}
.apc_faq li>a{padding-left:80px}
.apc_faq li>div{padding-left:80px}
.apc_faq em{position:absolute;top:27px;left:20px}

.apc_faq>ul>li>a::before{content: ''; position: absolute; top: 34px; right: 30px; display: block; width: 12px; height: 8px; background: url('/images/apc_2022/common/toggle.png') no-repeat;}
.apc_faq div em{background-position:center -240px}

}    

/* 민원형_뷰 */
.bbs_reply{padding: 20px; border: 1px #0075cb solid;}
.bbs_reply h4{margin-bottom: 6px; line-height: 1.4em; vertical-align: middle;}
.bbs_reply h4 strong{display: inline-block; height: 40px; padding:0 10px; font-size: 26px; color: #004ec4; border: 1px #004ec4 solid;}
.bbs_reply .col{padding-bottom:10px;text-align: right;border-bottom: 1px solid #004ec4;}
.bbs_reply .col li{margin:0 0 3px 0;}
.bbs_reply .col li:last-child{margin:0;}
.bbs_reply .col strong{color: #0075cb;}

@media all and (min-width:768px) {
.bbs_reply{padding: 30px;}
.bbs_reply .col{border: none;}
.bbs_reply .col li{display:inline;margin:0 20px 0 0} 

}

/* 제안형_뷰 */
.category span{display: inline-block; height: 30px; margin: 0 10px 10px 0; padding: 2px 20px; background: #f3f7ff;}
.category span:last-of-type{color: #004ec4;}
.offer_vtop h4{margin-bottom: 6px; line-height: 1.4em; vertical-align: middle;}
.offer_vtop .col{padding-bottom:10px;text-align: right;}
.offer_vtop .col li{margin:0 0 3px 0;}
.offer_vtop .col li:last-child{margin:0;}
.offer_vtop .col strong{color: #0075cb;}


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

.offer_vtop .col li{display:inline;margin:0 20px 0 0} 

}

/* 첩부파일 */
div.file_link{height: 50px; padding:12px 10px; background: #f3f7ff;}

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

div.file_link{padding: 12px 30px;}
div.file_link li{display: inline-block; margin-right: 16px;}
}

/* 설문조사 */
.enquete_list{width:100%;border-top:2px solid #123466;}
.enquete_list li{border-bottom:1px solid #dedede;line-height:1.5em;padding:25px 0}
.enquete_list li:hover{background:#f3f7ff;}
.enquete_list li *{vertical-align:middle}
.enquete_list li strong{font-weight:normal; font-size:20px;line-height:1.3em}
.enquete_list li>span{display:block;padding:7px 0;width:70px;line-height:1em;font-size:14px;background:#fff;border: 1px solid #555;border-radius:4px;text-align:center;}
.enquete_list li .close{border: solid 1px #f7f7f7; background: #dedede;}
.enquete_list li em{display:block;font-style:normal;color:#717171;margin-top:10px; }
.enquete_list li em i{font-style:normal;color: #0075cb; display: inline-block;padding-left: 5px;margin-top: -3px;}
.enquete_list li p{margin:10px 0 0 0}
.enquete_list li p a{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color:#fff}
.enquete_list li p a.join{background: #004ec4;}
.enquete_list li p a.join:hover, .enquete_list li p a.join:focus{background:#123466;}
.enquete_list li p a.result{background: #464646;}
.enquete_list li p a.result:hover, .enquete_list li p a.result:focus{background:#123466;}
.enquete_list li p span.end{display:inline-block;padding:10px 20px;margin:0 10px 0 0; background: #dedede;}
.enquete_list .list_none{text-align:center;padding:30px 0;border-bottom:1px solid #dedede}
.enquete_list .adm_check{width:20px;height:20px;margin:5px}

/* view */
.enquete_top h4{color: #004ec4;}
.enquete_top span{display: inline-block; padding: 10px 20px; margin-right: 6px;}
.enquete_top span.ing{background: #004ec4; color: #fff;}
.enquete_top span.end{background: #dedede;}
.enquete_top span.open{border: 1px #004ec4 solid;}
.enquete_top span.close{border: 1px #b2b2b2 solid;}
.enquete_top p.txt{color: #666; margin-bottom: 20px;}
.enquete_con h5{background:#f3f7ff;padding:15px;margin: 0 0 10px 0;line-height:1.3em; font-size: 18px;}
.enquete_con h5::before{display: none;}
.enquete_con .qbox div{margin-bottom: 20px;}
.enquete_con .qbox .group{padding: 15px;border: solid 1px #e1e1e1;}
.enquete_con .qbox>div .img {text-align: center;}
.enquete_con .qbox li{line-height:1.3em; margin:0 0 8px 0; padding:0 0 0 14px;}
.enquete_con .qbox li input {vertical-align: middle;}
.enquete_con .qbox li strong {display: inline-block;  margin-bottom: 4px; color: #123466;}
.enquete_con .qbox li ul{margin:10px 0}
.enquete_con .qbox li li{padding:0 0 0 10px;}
.enquete_con .qbox li.li_none{background:none;padding:0}
.enquete_con .qcoment{font-size:16px;padding: 10px; margin:0 0 10px 0; border: dashed 1px #dedede}
.enquete_con .in_txt{width:100%;border:1px solid #dedede;padding:9px 0;vertical-align:middle;box-sizing:border-box}
.enquete_con .in_txta{width:100%;height:50px;border:1px solid #dedede;padding:9px 0;vertical-align:middle;box-sizing:border-box}
.enquete_con .basic_box2>div{margin: 0;}

.enquete_con .qbox .toggle h5{padding: 0;}
.enquete_con .qbox .toggle h5.on{margin: 0; background: #004ec4;}
.enquete_con .qbox .toggle h5.on a{color: #fff;}
.enquete_con .qbox .toggle h5.on a::before{background-position: 0 -20px;}
.enquete_con .qbox .toggle h5 a{display: block; padding: 15px; color: #004ec4; position: relative;}
.enquete_con .qbox .toggle h5 a::before{content: ''; position: absolute; top:22px; right: 15px; display: block; width: 12px; height: 8px; background: url('/images/apc_2022/common/toggle.png') no-repeat;}

.enquete_con .qbox .graph li strong{display: block; margin-bottom: 10px;}
.enquete_con .qbox .graph li .graph_con{display: block; font-size: 0; padding: 0; margin: 0; border: none;}
.enquete_con .qbox .graph li .graph_con p{display: inline-block; width: 70%; height: 18px; margin-right: 2%; border-radius: 20px; border: 1px #e1e1e1 solid; line-height: 18px;}
.enquete_con .qbox .graph li .graph_con span{display: block; height: 16px; border-radius: 20px; background: #e1e1e1;}
.enquete_con .qbox .graph li .graph_con em{display: inline-block; line-height: 18px; font-size: 16px;}

.enquete_con .qbox .q_btn{display: inline-block; padding: 6px 20px; text-align: center; border: 1px #004ec4 solid; color: #004ec4;}
.enquete_con .qbox li.q_layout{position: relative; }
.enquete_con .qbox .q_layout_box{position: absolute; width: calc(100% - 16px);height: 400px; overflow-y: auto; margin: 10px 0; padding: 20px; border: 2px #123466 solid; background: #f6f6f6; z-index: 999;box-shadow: 10px 10px 10px #e8e8e8; }
.enquete_con .qbox .q_layout_box ul li{padding: 20px; background: #fff; border-radius: 20px;}
.enquete_con .qbox .q_layout_box .close{position: absolute; top: 10px; right: 0; left: 0; width: 40px; margin: 0 auto;}
.enquete_con .qbox .q_layout_box .close a{display: inline-block; overflow: hidden; width: 40px; height: 0; padding-top: 40px; background: url('/images/apc_2022/bbs/close.png') no-repeat;}

@media all and (min-width:768px) {
.enquete_list li{padding:30px 210px 30px 0;position:relative}
.enquete_list li span{display:inline-block;margin-right:5px}
.enquete_list li em{margin:10px 0 0 0}
.enquete_list li p{position:absolute;top:40px;right:0;margin:0}
.enquete_list li p a{margin:0 0 0 10px}
.enquete_list li p span.end{margin:0 0 0 10px}

.enquete_con .qbox .graph li{overflow: hidden;}
.enquete_con .qbox .graph li strong{float: left; }
.enquete_con .qbox .graph li .graph_con{float: right; width: 400px; text-align: right; margin: 0; }
.enquete_con .qbox .graph li .graph_con p{width: 296px; margin-right: 14px;}
.enquete_con .qbox .graph li .graph_con em{width: 90px;}
}

@media all and (min-width:1023px) {
.enquete_con .qbox .graph li .graph_con{width: 600px;}
.enquete_con .qbox .graph li .graph_con p{width: 496px;}

.enquete_con .qbox .q_layout_box{top: -30px; right: 0; margin: 0; width: 600px; }
}

@media all and (min-width:1440px) {
 .enquete_con .qbox .q_layout_box{right: 10%; width: 800px;}

}                                         