@charset "utf-8";

/* Mobile */
/* 온라인투표 */
.bbs_vtop {padding: 10px 0;}
.jm .bbs_vtop h4 {word-break: keep-all; font-weight: 500;}
.jm .bbs_vtop h4 span {display: block;color: #666; font-size: 16px;margin-bottom: 3px;}
.jm .bbs_con .txt li {border-top: dashed 1px #f5f4fa; padding: 15px 0; position: relative; box-sizing: border-box;}
.jm .bbs_con .txt li:before {content: '';  position: absolute; width: 98px; height: 1px; background:var(--color1); display: block; top: -1px; left: 0;}
.jm .bbs_con .txt li>strong {padding: 10px 10px 10px 45px; display: block; color: #4635c8; font-size: 18px; position: relative; box-sizing: border-box; font-weight: 600;}
.jm .bbs_con .txt li span {display: block; padding-top: 10px; box-sizing: border-box;}
.jm .bbs_con .txt li em {color: #f5f4fa; font-size: 40px;  position: absolute; z-index: -1;  left: 0; font-weight: 900;}
.jm .bbs_con .txt li:after {display: block; content: ''; clear: both;}
.jm .bbs_con .txt li.date span {color: #4635c8; font-weight: 500;}
.jm .bbs_con .txt li span strong {color: #4635c8;}
.jm .bbs_con .info { background: var(--gray1); padding: 15px 10px; text-align: center; margin-top: 20px; border-radius: 10px;}
.jm .jmbtn {margin: 20px auto 30px;}
.jm .jmbtn a {padding: 20px 50px 20px; color: #fff; display: inline-block;border-radius: 10px;font-weight: 600;}
.jm .jmbtn .jm_none {background: #ebebeb url(/images/01_potal/main/main_common.png) no-repeat  0 40%; margin-right: 5px; color: #000;}

/* Tablet */
@media (min-width: 768px) {
.bbs_vtop {padding: 30px 0 0px;}
.jm .bbs_vtop h4 {font-size: 35px; padding: 30px 227px 135px 30px; background: #f5f4fa url(/images/23_finance/content/jm_bg.png) no-repeat top right; line-height: 1.3;max-width: 565px; margin: 0 auto 30px;border-radius: 20px;}
.jm .bbs_vtop h4 span {font-size: 21px; font-weight: 300;margin: 10px 0;}
.jm .bbs_con .txt li>strong { width: 20%; float: left; font-size: 21px; padding-left: 35px;    word-break: keep-all;}
.jm .bbs_con .txt li span {width: 80%; float: left; padding: 0 0 0 40px;}
.jm .bbs_con .info { padding: 25px 20px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.jm .bbs_vtop h4 {padding: 30px 358px 104px 30px;max-width: 1000px;margin: 0 auto 30px;}
.jm .bbs_vtop h4 span {font-size: 25px; margin: 30px 0;}
.bbs_con .txt {max-width: 1000px; margin: 0 auto;}
.jm .bbs_con .txt li:before {width: 155px;}
}

/* Mobile */
/* 전자입찰공고 */
.gy_list ul {max-width: 260px; margin: 0 auto;}
.gy_list ul li {box-sizing: border-box; padding: 225px 10px 10px 20px; background: #f6f9ff; border-radius: 10px; min-height: 300px; margin-bottom: 3%; position:relative;}
.gy_list ul li:first-of-type {border-radius:30px 10px 10px 10px;;}
.gy_list ul li:last-of-type {border-radius:10px 10px 30px 10px;}
.gy_list ul li a {box-shadow: 0 0 10px #ebebeb; transition: .2s all; display: block; padding: 8px 10px; border: 1px solid #ebebeb;  border-radius:5px  5px 20px 5px; background: url(/images/common/btn_go.png)no-repeat right 15px center #fff; margin: 10px;}
.gy_list ul li a:hover, .gy_list ul li a:active, .gy_list ul li a:focus { border: 1px solid #fec502;  background:url(/images/common/btn_go.png)no-repeat right 15px center #fec502;box-shadow: 0 0 10px var(--point3); }
.gy_list ul li a:hover p, .gy_list ul li a:active p, .gy_list ul li a:focus p {color:#000;font-weight: 500;}
.gy_list ul li::after {content:''; position:absolute; top: 24px; left:12%; background:url(/images/23_finance/content/sub03/gy1.gif) no-repeat center; width:200px; height:183px; background-size:100%;border-radius: 30px 10px;box-shadow: 0 0 10px rgba(0, 0,0 , .1);}
.gy_list ul li.gy_list2::after {background:url(/images/23_finance/content/sub03/gy2.gif) no-repeat center;}
.gy_list ul li.gy_list4::after {background:url(/images/23_finance/content/sub03/gy4.gif) no-repeat center;}
.gy_list ul li.gy_list3::after {background:url(/images/23_finance/content/sub03/gy3.gif) no-repeat center;}
.gy_list ul li.gy_list5::after {background:url(/images/23_finance/content/sub03/gy5.gif) no-repeat center;}

/* Tablet */
@media (min-width: 768px) {
.gy_list ul {max-width: 890px;} 
.gy_list ul li {width: calc(100%/2 - 20px);display: inline-block;margin-right: 3%;margin-bottom: 0;}
.gy_list ul li:last-of-type {margin-right: 0;}
.gy_list ul li::after {left: 20%;}
.gy_list ul.col4 li {width: calc(100%/2 - 14px); margin-bottom: 3%;}
.gy_list ul.col4 li:nth-of-type(2n) {margin-right: 0;}
}

/* Pc */
@media (min-width: 1400px) {
.gy_list ul li {width: calc(100%/2 - 30px);display: inline-block;margin-right: 5%;}
.gy_list ul li::after {left: 27%;}
.gy_list ul li a {margin: 10px 30px;}
.gy_list ul.col4 li {width: calc(100%/2 - 30px);}
}

@media all and (min-width:1600px) {
.gy_list {margin: 60px 0 30px 0;}
.gy_list ul li {padding: 357px 10px 40px 20px;}
.gy_list ul li::after {top: 35px; left: 14.3%;width: 300px; height: 270px;}
.gy_list ul li:first-of-type {border-radius:50px 10px 10px 10px;;}
.gy_list ul li:last-of-type {border-radius:10px 10px 50px 10px;}
.gy_list ul.col4 {max-width:1300px;}
.gy_list ul.col4 li {margin-bottom: 0; width: calc(100%/4 - 14px);margin-right: 1%;padding:246px 10px 30px 10px;}
.gy_list ul.col4 li:nth-of-type(2n) {margin-right: 1%;}
.gy_list ul.col4 li:last-of-type {margin-right: 0;}
.gy_list ul.col4 li::after {width: 200px;height: 182px;left: 12%;}
}
@media all and (min-width:1700px) {
.gy_list ul.col4 li::after {left: 18%;}
}

/*예산현황*/
.toggle>div.budget{position: relative;padding: 0;background: none;}
.budget h4{position: relative;margin: 20px 0;padding-right: 40px;}
.budget h4:after{position: absolute;right: 15px;top: 49%;width: 8px;height: 6px;background: url("/images/common/toggle_open.png");content: "";}
.budget h4.on:after{background-image: url("/images/common/toggle_close.png");}
.budget .budget_btn{position: absolute;top: 5px;right: 38px;}
.budget .budget_btn a{display: inline-block;background: var(--dkgray);color: #fff;padding: 5px 10px;border-radius: 5px;}
.budget .budget_btn a:hover, .budget .budget_btn a:focus{background: var(--point1);}
.budget .on+.budget_btn{right: 90px;}
.toggle>div.budget>div{padding: 0;background: #fff;}
@media all and (max-width:500px) {
.budget .budget_btn{position: static;margin: 10px 0;text-align: right;}
}
@media all and (min-width:768px) {
.toggle>div.budget>div{padding: 20px;}
}

.site_wrap{padding: 20px;border-radius: 20px;background: var(--bggray2);}
.site_wrap .site{position: relative;margin-top: 10px;}
.site_wrap .site:first-child{margin: 0;}
.site_wrap .site>a{display: block;padding: 15px;border-radius: 10px;background: #fff;box-shadow: 0 0 10px rgba(219,219,219,0.4);cursor: pointer;}
.site_wrap .site>a:after{position: absolute;right: 20px;top: 20px;width: 8px;height: 6px;background: url("/images/common/toggle_open.png") no-repeat;content: "";}
.site_wrap .site ul{position: absolute;width: 100%;max-height: 420px;overflow-y: auto;background: #464646;z-index: 1;border-radius: 10px;}
.site_wrap .site ul a{display: block;padding: 10px;border-bottom: 1px solid #555;color: #fff;}
@media (min-width: 768px) {
.site_wrap:after{display: block;clear: both;content: "";}
.site_wrap .site{float: left;width: calc((100% - 20px)/3);margin: 0 0 0 10px;}
}    



/* 교육재정정보 게시판스킨 */
.bbs_finance .b_none{border-bottom: none !important;}