@charset "utf-8";

.opengg{border:1px solid #dedede;padding:10px 20px;margin:0 0 10px 0;width:100%;box-sizing:border-box}

/*교육통계상세조회*/
.edu_stat{overflow:hidden;}
.edu_stat li{margin:0 10px 10px 0;}
                                                                                                                                                           
@media all and (min-width:768px){
.opengg ul{overflow:hidden}
.opengg li{float:left;width: 48%;}
.opengg li:last-child{margin-bottom:0;}
    
.edu_stat li{float:left; width: 48%;}
}
@media all and (min-width:1023px){
.opengg li{float:left;width:23%}

.edu_stat li{float:left; width: 32%;}
}    


/*글쓰기*/
input[type=file].input_sel {width: 100%; padding: 3px; border-radius: 5px 20px 20px 5px;}

/*Tablet*/
@media all and (min-width:768px) {
.bbs_table .bw_file input[type=text].file_name {width: calc(100% - 141px);height: auto;}
.bw_file .filebox {margin: 5px 0;}
}

/*Desktop*/
@media all and (min-width:1023px) {
.bbs_table .bw_file .memoarea {float: right; width: 50%;}
.bbs_table .bw_file .memoarea em {width:auto;}
.bbs_table .bw_file .filebox {width:50%;}
}

.s_con .frame_box{width: 100%;height: 1200px;}
@media all and (min-width:1200px) {
.s_con .frame_box{width: 1220px;}
}

/*정보목록*/
.bbs_schtable{width: 100%;margin: 30px 0;}
.bbs_schtable tr{border-top: 1px solid #ddd;}
.bbs_schtable tr:first-child{border: none;}
.bbs_schtable th, .bbs_schtable td{padding: 10px 0;}
.bbs_schtable th{background: var(--bggray1);}
.bbs_schtable tr:last-child th{background: none;}
.bbs_schtable th .form_sm{margin: 0 2px;}
.bbs_schtable td a{display: inline-block;background: var(--bgpoint);color: var(--point1);padding: 4px;margin: 4px 0;border-radius: 3px;}
@media all and (max-width:767px) {
.bbs_schtable{border: none;overflow: hidden;}
.bbs_schtable colgroup{display: none;}
.bbs_schtable tr{display: block;padding: 0;}
.bbs_schtable th, .bbs_schtable td{display: block;width: 100%;}
}     

/* 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:1400px) {
.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: 15%;}
}

.jipyo{word-break: keep-all;}
.jipyo>ul>li{position: relative;margin: 20px 0;padding: 20px 20px 20px 100px;border-radius: 20px;border: 10px solid var(--bgpoint);box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.jipyo>ul>li:before{position: absolute;width: 80px;height: 80px;top: 50%;left: 10px;transform: translateY(-50%);content: "";background: url("/images/08_open/content/sub06/jp_icon.png") no-repeat;}
.jipyo>ul>li:nth-child(1):before{background-position: 0 0;}
.jipyo>ul>li:nth-child(2):before{background-position: -80px 0;}
.jipyo>ul>li:nth-child(3):before{background-position: -160px 0;}
.jipyo>ul>li:nth-child(4):before{background-position: 0 -80px;}
.jipyo>ul>li:nth-child(5):before{background-position: -80px -80px;}
.jipyo>ul>li:nth-child(6):before{background-position: -160px -80px;}
.jipyo>ul>li:nth-child(7):before{background-position: 0 -160px;}
.jipyo>ul>li:nth-child(8):before{background-position: -80px -160px;}
.jipyo>ul>li:nth-child(9):before{background-position: -160px -160px;}
.jipyo>ul>li:nth-child(10):before{background-position: 0 -240px;}
.jipyo>ul>li:nth-child(11):before{background-position: -80px -240px;}
.jipyo>ul>li:nth-child(12):before{background-position: -160px -240px;}
.jipyo>ul>li:nth-child(13):before{background-position: 0 -320px;}
.jipyo>ul>li:nth-child(14):before{background-position: -80px -320px;}
.jipyo>ul>li:nth-child(15):before{background-position: -160px -320px;}

.jipyo>ul>li>strong{display: block;margin-bottom: 10px;font-size: 18px;color: var(--point1);}
.jipyo li li{font-size: 15px;text-align: right;}
.jipyo li li strong{display: inline-block;float: left;text-align: left;font-weight: 500;}
@media all and (min-width:768px) {
.jipyo>ul{display: flex;flex-wrap: wrap;}
.jipyo>ul>li{width: 48%;margin: 1%;padding-left: 120px;box-sizing: border-box;}
.jipyo>ul>li:before{left: 20px;}
}
@media all and (min-width:1200px) {
.jipyo>ul>li{width: 31.333%;}
}