@charset "utf-8";

/*정보공개제도안내*/
.sub_040101 > ul > li {margin-top: 30px;}
.sub_040103 .sub_tab li {width: 25%;}
.sub_040103 .tb1_st2 tr td {text-align: center; padding: 10px 5px;}
.sub_040106 .part01 > li span {color:#0066b3;}
/*.sub_040109 .part02 > li {list-style: decimal; margin-left: 30px;}*/

/*정보공개청구_처리흐름도*/
.sub_040109 .part01 h5{ margin-bottom: 30px;}
.sub_040109 .part01 dl dt{ width: 222px; height: 106px; background: url(/ko/img/sub/sub04/step_bg.png) no-repeat center center; background-size: cover; float: left; box-sizing: border-box; overflow: hidden; margin-left: 30px;}
.sub_040109 .part01 dl dt div{ width: 178px; height: 100px; text-align: center; margin-top: 15px;}
.sub_040109 .part01 dl dt div b{ font-size: 18px;}
.sub_040109 .part01 dl dt div b, .sub_040109 dl dt div p {line-height: 20px; color: #222222;}
.sub_040109 .part01 dl{ clear: both; margin-bottom: 20px; overflow: hidden; position: relative; padding-bottom: 5px;}
.sub_040109 .part01 dl dd{ float: left; width: 684px; position: relative;}
.sub_040109 .part01 dl dd div.bg{ width: 684px; height: 100%; background: #e5e5e5; position: absolute; z-index: -1; top: 5px; left: 5px;}
.sub_040109 .part01 dl dd div.content{ width: 684px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #f6f6f6; padding: 20px 0; min-height: 110px;}
.sub_040109 .part01 dl dd .h5_ul > li{ margin-top: 0;}
.sub_040109 .part02{ clear: both; overflow: hidden;}
.sub_040109 .part02 h5{ margin-bottom: 30px;}
.sub_040109 .part02 .content{ position: relative; padding-top: 40px; background: url(/ko/img/sub/sub04/part02_bg_big.png) no-repeat left 40px; }
.sub_040109 .part02 .notice{ padding: 20px; background: #f6f6f6; box-sizing: border-box; border: 1px solid #cccccc; width: 250px; overflow: hidden;}
.sub_040109 .part02 .notice ul li{ float: left; width: 50%;}
.sub_040109 .part02 .must{ width: 192px; height: 40px; box-sizing: border-box; border: 2px solid #0066b3; background: white; line-height: 40px; text-align: center; border-radius: 3px;}
.sub_040109 .part02 .option{ width: 192px; height: 40px; box-sizing: border-box; border: 2px solid #0066b3; background: #0066b3; line-height: 40px; text-align: center; border-radius: 5px; color: white; overflow: hidden;}
.sub_040109 .part02 .notice .must{ width: 80%}
.sub_040109 .part02 .notice .option{ width: 80%}
.sub_040109 .part02 ul li{ text-align: center; font-weight: 600; width: 192px;}
.sub_040109 .part02 ul li p{font-size: 14px; color: #555555; margin-top: 5px; line-height: 17px; font-weight: normal;}
.sub_040109 .part02 .flow_1{ float: left;}
.sub_040109 .part02 .flow_1 li{ float: left; }
.sub_040109 .part02 .flow_2{ float: left;}
.sub_040109 .part02 .flow_2 li{ margin-bottom: 40px;}
.sub_040109 .part02 .flow_3{ float: left; position: absolute; right: 15px; top: -40px; background: url(/ko/img/sub/sub04/arrow.png) no-repeat center 50px;}
.sub_040109 .part02 .flow_3 li{ margin-bottom: 40px;}
.sub_040109 .part02 .flow_4{ clear: both; padding-left: 54px; box-sizing: border-box;}
.sub_040109 .part02 .flow_4 li{ float: left; margin-bottom: 20px;}
.sub_040109 .part02 .flow_5{ clear: both; padding-left: 54px; box-sizing: border-box;}
.sub_040109 .part02 .flow_5 li{ float: left; margin-bottom: 40px;}
.sub_040109 .part02 .flow_6{ clear: both; padding-left: 54px; box-sizing: border-box; overflow: hidden;}
.sub_040109 .part02 .flow_6 li{  float: left;}
.sub_040109 .part02 .flow_4 li{ width: 256px;}
.sub_040109 .part02 .flow_5 li{ width: 256px;}
.sub_040109 .part02 .flow_6 li{ width: 256px;}
.sub_040109 .part02 .flow_4 li div{ width: 256px;}
.sub_040109 .part02 .flow_5 li div{ width: 256px;}
.sub_040109 .part02 .flow_6 li div{ width: 256px;}
.sub_040109 .part02  .step_2{ margin: 0 50px;}
.sub_040109 .part02  .step_52{ margin: 0 50px;}
.sub_040109 .part02  .step_7{ margin: 0 50px;}
.sub_040109 .part02  .step_10{ margin: 0 50px;}
/*20180130추가및수정*/
.sub_040109 .part02 .flow_3 .step_41{ position: absolute; top: 182px;}
.sub_040109 .part02 .flow_3 .step_42{ position: absolute; top: 80px;}

/*정보공개 - 관련법령*/
.sub_040111 .btn.blank {float: left;margin-left: 12px;margin-top: 12px;}
.sub_040111 .h5 {float: left;}
.sub_040111 > ul > li::after {content: '';display: block;clear: both;}

/*공표목록*/
.sub_040301 ul {overflow: hidden;}
.sub_040301 ul li {float: left; width: 24%; margin-right: 1%; height: 250px; border: 1px solid #bbbbbb; border-radius: 7px; background-repeat: no-repeat;}
.sub_040301 ul li p {font-size: 20px; font-weight: 600; text-align: center; color:#222222; margin: 140px 0 17px;}
.sub_040301 ul li a {display: block; width: 100px; height: 40px; text-align: center; margin: 0 auto; line-height: 40px; color:#fff; font-weight: 600; font-size: 15px; background: #0066b3; border-radius: 5px; }
.sub_040301 .list01 {background-image: url(/ko/img/sub/sub04/img_01.png); background-position: center 30px;}
.sub_040301 .list02 {background-image: url(/ko/img/sub/sub04/img_02.png); background-position: center 30px;}
.sub_040301 .list03 {background-image: url(/ko/img/sub/sub04/img_03.png); background-position: center 20px;}
.sub_040301 .list04 {background-image: url(/ko/img/sub/sub04/img_04.png); background-position: center 30px; margin-right: 0;}




/*공공데이터개방*/
.sub_040501 .part01 {background: url(/ko/img/sub/sub04/img_05.png) no-repeat 85% 20px;}
.sub_040501 .part01 .line {width: 40px; height: 3px; background: #0066b3; display: block; margin-bottom: 15px;}
.sub_040501 .part01 h4 {font-size: 35px; font-weight: 600; color:#222222; margin-bottom: 25px;}
.sub_040501 .part01 h4 span {color:#0066b3;}
.sub_040501 .part01 .text01 {margin-bottom: 30px;}
.sub_040501 .part01 .text01 span {display: block;}
.sub_040501 .part01 .saeol_down {display: table; margin-bottom: 10px;}
.sub_040501 .part01 .text02 {font-size: 14px; margin-top: 40px; margin-bottom: 70px; font-weight: 600;}


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

/*정보공개청구_처리흐름도*/
.sub_040109 .part02 .content{ width: 582px; margin: 0 auto; background: url(/ko/img/sub/sub04/part02_bg_small1.png) no-repeat left 35px;}
.sub_040109 .part01 dl dt{ width: 25%; margin-left: 0;}
.sub_040109 .part01 dl dd{ width: 75%;}
.sub_040109 .part01 dl dd div.content{ width: 99%;  padding-right: 10px;}
.sub_040109 .part01 dl dd div.bg{ width: 100%;}
.sub_040109 .part01 dl dt div{ width: 85%;}
.sub_040109 .part02 .flow_1{ margin-bottom: 44px;}
.sub_040109 .part02 .flow_2{ clear: both; float: left; margin: 0; position: relative; top: 80px;}
.sub_040109 .part02 .flow_3{ position: static; margin-left: 50px; background: none; height: 300px; }
.sub_040109 .part02 .flow_4{ width: 592px; padding-left: 0;}
.sub_040109 .part02 .flow_5{ width: 592px; clear:none; padding-left: 0;}
.sub_040109 .part02 .flow_6{ width: 592px; clear:none; padding-left: 0;}
.sub_040109 .part02 .flow_4 li{ width: 192px; margin-bottom: 12px;}
.sub_040109 .part02 .flow_5 li{ width: 192px;}
.sub_040109 .part02 .flow_6 li{ width: 192px;}
.sub_040109 .part02 .flow_4 li div{ width: 192px;}
.sub_040109 .part02 .flow_5 li div{ width: 192px;}
.sub_040109 .part02 .flow_6 li div{ width: 192px;}

.sub_040109 .part02 .flow_4 .step_52{ margin-bottom: 30px;}
.sub_040109 .part02 .flow_5 .step_6{ margin-left: 50px; margin-bottom: 30px;}
.sub_040109 .part02 .flow_5 .step_7{ margin: 0; margin-right: 50px;}
.sub_040109 .part02 .flow_5 .step_8{ margin-bottom: 20px;}
.sub_040109 .part02 .step_1, .sub_040109 .part02 .flow_2, .sub_040109 .part02 .flow_4, .sub_040109 .part02 .flow_5, .sub_040109 .part02 .flow_6  { margin-left: 10px;}
.sub_040109 .part02 .step_2{ margin-left: 114px !important;}
.sub_040109 .part02 .step_52, .sub_040109 .part02 .step_6,  .sub_040109 .part02 .step_10{ margin-left: 114px !important;}
.sub_040109 .part02 .step_41, .sub_040109 .part02 .step_42, .sub_040109 .part02 .step_43, .sub_040109 .part02 .step_8{ margin-left: 64px;}
/*20180130 추가및수정*/
.sub_040109 .part02 .flow_3 .step_41{top: 327px;}
.sub_040109 .part02 .flow_3 .step_42{ top: 225px;}

.sub_040501 .part01 {background-size: 27%; background-position: 90% 20px;}
}

/*테블릿*/
@media all and (max-width:768px) {
 .sub_040501 .part01 {background: url(/ko/img/sub/sub04/img_05.png) no-repeat 100% 20px; background-size: 25%;}
}


@media all and (max-width:640px) {
    /*정보공개청구_처리흐름도*/
    .sub_040109 .part01 dl dt{ width: 100%; float: none; background: url(/ko/img/sub/sub04/step_bg_big.png) no-repeat center center; background-size: cover; margin-bottom: 10px;}
    .sub_040109 .part01 dl dd div.content{ width: 100%;}
    .sub_040109 .part01 dl dd div.bg{display: none;}
    .sub_040109 .part01 dl dt div{ width: 100%;}
    .sub_040109 .part01 dl dd{ width: 100%;}


    .sub_040109 .part02{ width: 100%; overflow-x: scroll;}
    .sub_040109 .part02 .content{ width: 485px; background: url(/ko/img/sub/sub04/part02_bg_small2.png) no-repeat left 35px; overflow: hidden;}
    .sub_040109 .part02 .flow_3{ margin-left: 55px;}
    .sub_040109 .part02 .step_2{ margin-left: 54px !important; margin-right: 0 !important;}
    .sub_040109 .part02 .step_41, .sub_040109 .part02 .step_42, .sub_040109 .part02 .step_43, .sub_040109 .part02 .step_8{ margin-left: 0;}
    .sub_040109 .part02 .step_52, .sub_040109 .part02 .step_6, .sub_040109 .part02 .step_10{ margin-left: 54px !important}
    .sub_040501 .part01  {background: none;}
}


/*모바일*/
@media all and (max-width:480px) {

  .sub_040301 ul li {width: 49%; margin: 0 0 2%;}
  .sub_040301 .list01, .sub_040301 .list03 {margin-right: 2%}
}


/* 청년정책 */
.category_list ul{display: flex; justify-content: space-between;width: 100%;}
.category_list > ul > li a{display: block; padding: 10px 18px; border: 1px solid #ddd; border-radius: 6px; text-align: center;}
.category_list > ul > li.on a{background: #104f9f; color: #fff; font-weight: 700; border-color: #104f9f;}
p.page_num{margin: 10px 0; width: 100%; text-align: right;}
.photo_gallery{display: flex; flex-wrap: wrap; margin-bottom: 30px; border-bottom: 1px solid #ddd; border-top: 2px solid #333;}
ul.photoArea{width: 33.3%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; box-sizing: border-box;}
.photo_gallery ul.photoArea:nth-child(3n){border-right: 0;}
li.photo a img{width: 100% !important; height: auto !important; border-radius: 8px;}
.in_photo_g span{display: inline-block; padding: 5px 10px; margin: 10px 0; background: #057c71; color: #fff; font-weight: 600; border-radius: 5px;}

@media all and (max-width:985px) {
  .category_list{padding-top: 15px;}
  .category_list > ul{gap: 10px;  flex-flow: row wrap; }
  .category_list > ul > li{flex: 1 1 20%;}
  .category_list > ul > li a{padding: 6px 12px;}
}
@media all and (max-width:756px) {
  ul.photoArea{width: 50%;}
  .photo_gallery ul.photoArea:nth-child(3n){border-right: 1px solid #ddd;}
  .photo_gallery ul.photoArea:nth-child(2n){border-right: 0;}
}
@media all and (max-width:525px) {
  .category_list > ul > li{flex: 1 1 25%;}
}
@media all and (max-width:404px) {
  .category_list > ul > li{flex: 1 1 32%;}
}