@charset "UTF-8";
/* 화살표 없는제목 */
.list_tit{color: #044ea0;
  font-size: 1.063em;
  font-weight: 500;
  margin-top: 12px;
}
.list_tit2{color: #555555;}

/* 블릿 없는 내용 (굳이 만들어야 되는지 의문) ex) - abcde */
.list_doc{}

/* 게시판 타이틀 옆 이미지 숨기기*/
td.attach > a:after{
 content: '';
 display: inline-block;
 vertical-align: text-top;
 background: url(/_static/osan/img/sub/is_icon.gif) no-repeat left center;
 width: 13px;
 height: 13px;
 margin-left: 5px;
 margin-top: 6px;
 display: none;
}


/* 블릿 타이틀 중복되는 곳 */
.com_tit{font-size: 1.625em; font-weight: 600; margin-bottom: 27px;}

/* sub_blt 타이틀 다시 보이기 */
/* .sub_blt{display: none;} */
/* .sub_blt{font-size: 1.5em; font-weight: 600; line-height: 1; margin-bottom: 16px; position: relative; padding-top: 16px;}
.sub_blt:before{content:''; display: block; position: absolute; top: 0; left: 2px; background: url(/_static/osan/img/sub/blt_bg.png) no-repeat center; width: 16px; height: 7px; background-size:100%;}    */
.sub_tit_box > div{ display: table; table-layout: fixed; width: 100%;}
.sub_tit_box > div .sub_blt2{ display: table-cell; width: 150px; border-right: 1px solid #ddd; vertical-align: top;
  font-size: 1.5em; font-weight: 600; word-break: keep-all;}  
.sub_tit_box > div .sub_p{ display: table-cell; padding-left: 5%; vertical-align: top;}

/* 컨텐츠 블릿(공통) */
.sub_tit{ font-weight: 600; font-size: 1.375em; padding-top: 10px; position: relative; color: #000000; line-height: 1; margin-bottom: 16px;}
.sub_tit:before{ content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: url(/_static/osan/img/sub/bullet_04.png) no-repeat left center; width: 29px; height: 3px;}

/* sub_blt = sub_tit  */
.sub_blt{ font-weight: 600; font-size: 1.375em; padding-top: 10px; position: relative; color: #000000; line-height: 1; margin-bottom: 16px;}
.sub_blt:before{ content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: url(/_static/osan/img/sub/bullet_04.png) no-repeat left center; width: 29px; height: 3px;}

/* 두번째 블릿 */
.list_blt{margin-top: 6px; padding-left: 6px;}
.list_blt:first-child{margin-top: 0;}
.list_blt > li{position: relative; padding-left: 11px; margin-top: 9px; text-align: left; line-height: 1.5;}
.list_blt > li:before {content: ''; display: inline-block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #21b2b8;}
.list_blt > li:first-child{margin-top: 0;}
.list_blt.only{padding-left:0; margin-top: 0;}

/* 동그라미 숫자 블릿 ( 1), ① ) */
.round_blt{margin-top: 6px;}
.round_blt.only{margin-top: 0;}

/* 텍스트 블릿 (가. 나. 다) */
.txt_blt{margin-top: 7px;}
.txt_blt.only{}
.txt_blt li{margin-top: 5px; padding-left: 20px; text-indent: -20px;}
.txt_blt li:first-child{margin-top: 0;}

/* 테이블 안 별표 블릿 (*) 6_2_1_5  */
.star_blt{padding-left: 9px;
    text-indent: -7px;}

sup{font-size: 0.750em;}

/*일반 ※ 표시*/
/* p{margin-top: 5px;} */
.list_blt > li p{margin-top: 5px;}
.list_area > p{margin-top: 5px;}
p > em{color: #006cc0;}


/*- 세번째 블릿*/
.add_blt{margin-top: 7px;}
.add_blt > li{margin-top: 7px; letter-spacing: -0.05em; padding-left: 9px; text-indent: -9px;}
.add_blt > li:first-child{margin-top: 0;}

.add_blt.num > li {padding-bottom:20px;}
.add_blt.num > li:last-child {padding-bottom:0;}
.add_blt.num p {font-weight: 600;font-size: 18px;padding-bottom: 10px;}
.add_blt.num ul {padding-left: 20px;}
.add_blt.num ul > li {padding-bottom:10px;}
.add_blt.num ul > li:last-child {padding-bottom:0;}


/* 상단 탭메뉴 유형2 */
/* .board_top_list{border: 1px solid #cccccc; background-color: #f6f7f9; padding: 25px 20px; margin-bottom: 50px; }
.board_top_list .list_btm{margin-top: 12px;}
.board_top_list > div{display: table;table-layout: auto;overflow: hidden;width: 100%; margin-left: 3px;}
.board_top_list > div > div{text-align: center;display: inline-table;width: 43%;vertical-align: middle;border-spacing: 5px 0;margin-left:-5px;float: left;}
.board_top_list > div > div:first-child{margin-left: 0;width: 57%;}
.board_top_list > div > div > div{ display: table-cell; vertical-align: middle; border: 1px solid #cccccc; background: #ffffff; text-align: center;}
.board_top_list > div > div > div > a{color: #1f1f1f;font-size: 0.938em;padding: 8px 10px;display: block;min-width: 100%;}
.board_top_list > div > div > div.on{border:2px solid #254e97; }
.board_top_list > div > div > div.on > a{color:#254e97; font-weight: 600; padding: 6px 8px;} */

/* 상단 3뎁스 탭 메뉴 슬라이드*/
.board_top_area{border: 1px solid #cccccc; background-color: #f6f7f9; padding: 25px 50px; margin-bottom: 50px; }
.board_top_area .list_btm{margin-top: 12px;}
/* .board_top_area > div{display: table;table-layout: auto;overflow: hidden;width: 100%; text-align: center; margin-left: 3px;} */
/* .board_top_area > div > div{text-align: center;display: inline-table;width: 43%;vertical-align: middle;border-spacing: 5px 0;margin-left:-5px;float: left;} */
/* .board_top_area > div > div:first-child{margin-left: 0;width: 57%;} */
/* .board_top_area > div > div > div{ display: table-cell; vertical-align: middle; border: 1px solid #cccccc; background: #ffffff; text-align: center;} */
.board_top_area .list_slide .slick-arrow{}
.board_top_area .list_slide .slick-arrow.slide-prev{}
.board_top_area .list_slide .slick-arrow.slide-next{}
.board_top_area .list_slide .slick-arrow.slide-prev{}
.board_top_area .list_slide a{color: #1f1f1f; font-size: 0.938em; padding: 8px 5px; display: block; min-width: 151px; border: 1px solid #cccccc; background: #ffffff; text-align: center; margin: 0 5px;}
.board_top_area .slick-current a{color:#254e97; font-weight: 600; padding: 7px 5px; border:2px solid #254e97;}


/*슬라이드 탭*/
.board_top_area2{position: relative; border: 1px solid #cccccc; background-color: #f6f7f9; padding: 25px 50px; margin-bottom: 50px;}
.board_top_area2 .list_slide2{z-index: 1;}
.list_slide2 .owl_list_top a{color: #1f1f1f; font-size: 0.938em; padding: 8px 5px; display: block; min-width: 151px; border: 1px solid #cccccc; background: #ffffff; text-align: center; margin: 0 5px;}
.list_slide2 .owl_list_top a.on{color:#254e97; font-weight: 600; padding: 7px 3px; border:2px solid #254e97; }
.customNavigation{ position: absolute; top: 50%; left: 0; width: 100%; height: 35px; margin-top: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 0;}
.ts-prev{ display: inline-block; width: 20px; height: 35px; position: absolute; top: 0; left: 20px; cursor: pointer; background: url(/_static/osan/img/sub/year_left.png) 0 0 no-repeat;}
.ts-next{ display: inline-block; width: 20px; height: 35px; position: absolute; top: 0; right: 20px; cursor: pointer; background: url(/_static/osan/img/sub/year_right.png) 0 0 no-repeat;}

/*슬라이드 탭 전체보기*/
.all_view .year_all{
  position: absolute;
  left: 50px;
  top: 25px;
  z-index: 2;
}
.all_view .year_all > a{
  color: #1f1f1f;
  font-size: 0.938em;
  padding: 8px 5px;
  display: block;
  min-width: 151px;
  border: 1px solid #cccccc;
  background: #ffffff;
  text-align: center;
  margin: 0 5px;
}
.all_view .year_all > a.on{color: #254e97;
    font-weight: 500;
    padding: 7px 3px;
    border: 2px solid #254e97;
}
.all_view .list_slide2{padding-left: 157px;}


/* 상단 탭메뉴 유형1(공통) */
.board_top_tab { margin-bottom: 50px; display: table; table-layout: fixed; width: 100%;}
.board_top_tab .tab_click a{color:#fff; background: #292929; font-weight: 500;}

.board_top_tab div{border: 1px solid #ccc; border-width: 1px 1px 1px 0px; display: table-cell;}
.board_top_tab div:first-child{border-left: 1px solid #ccc;}
.board_top_tab div > a{display: block; height: 50px; text-align: center; line-height: 50px; }



/*조직도*/
.o_chart{margin: 0 auto;/* overflow: hidden; */position: relative;}
.sec_wrap{padding-top: 30px;position: relative; display: flex; width:100%; gap:5%; }
.sec_wrap::before   {background-color: #dddddd;content: '';position: absolute;height: 1px;top: 0px;width: 52.5%;left: 50%; transform: translateX(-50%);}
.sec_wrap2{width: 100%; display: flex; flex-direction: column; padding-top:100px; position: relative;}
.sec_wrap2_tit{position: absolute; top:0; left:50%; transform: translateX(-50%);}
.sec_wrap2_tit p{background: #b2b8d5;border: 1px solid #d0d9e6;padding: 15px 30px 16px;text-align: center;color: #000000;font-size: 1.125em;font-weight: 600;margin: 0 5px;position: relative;}
.sec_wrap2_tit::before{content: '';position: absolute;height: 53%;top: -30px;width: 1px;left: 50%; transform: translateX(-50%); background-color: #dddddd;}
.sec_wrap2_tit::after{content: '';position: absolute;height: 25%;top: 100%;width: 1px;left: 50%; transform: translateX(-50%); background-color: #dddddd;}
.sec_chart{display: table;width: 100%;table-layout: fixed; }
.sec_chart div{display: table-cell; position: relative; }
.sec_chart div:before{ background-color: #dddddd; content: ''; position: absolute; height: 30px; left: 50%; top: -30px; width: 1px;}
/*08.20*/
/* .sec_chart div:first-child:before{top: -60px; height: 60px;} */
.sec_chart div:after {background-color: #dddddd;content: '';position: absolute;height: 1px;top: -30px;width: 107%;left: 0;}
.sec_chart div:first-of-type:after { left: 50%; /*top: -60px; width: 264%;*/}
.sec_chart div:last-child p{margin-right: 0;}
.sec_chart div p{background: #eff3f9;border: 1px solid #d0d9e6;padding: 15px 10px 16px;text-align: center;color: #000000;font-size: 1.125em;font-weight: 600;margin: 0 5px;position: relative;}
/* .sec_chart div p:before{ content: ''; display: inline-block; position: absolute; z-index: 1; top: -67px; left: 50%; border: 4px solid #cbcbcb; border-radius: 15px; width: 7px; height: 7px; background: #ffffff; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);} */
.sec_chart div:last-of-type:after { right: 50%; left: auto;}
.sec_chart div:nth-child(2):after{left: 50%;}

.mid_wrap{padding: 13px 0 32px; position: relative; max-width: 805px; margin: 0 auto;}
.mid_wrap:before{display: block;background-color: #dddddd;content: '';position: absolute;height: 293px;left: 50%;top: 0;width: 1px;}
.mid_wrap > span{display: inline-block; width: 190px; height: 56px; line-height: 56px; color: #ffffff; text-align: center; background: #3f4665; float: right; position: relative;}
.mid_wrap > span:before{ display: block; background-color: #dddddd; content: ''; position: absolute; height: 1px; top: 50%; width: 112%; right:100%; z-index: -1;}
.mid_wrap > span:first-child{float: left;}
.mid_wrap > span:first-child:before{content:''; display: block; right: auto; left: 100%;}

.abosulte_wrap{
  position: absolute;
  bottom: -86px;
  left: 0;
  width: 13.5%;
  z-index: 1;
}
.abosulte_wrap > div{
  position: relative;
  /*width: 50%;*/
}
.abosulte_wrap > div:after{
  background-color: #dddddd;
  content: '';
  position: absolute;
  height: 1px;
  left: 50%;
  top: -219px;
  width: 50%;
}
.abosulte_wrap > div > span:before{
  background-color: #dddddd;
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  top: -220px;
  height: 220px;
}

.abosulte_wrap > div > span:after{
  background-color: #dddddd;
  content: '';
  position: absolute;
  height: 1px;
  left: 50%;
  top: -220px;
  width: 325%;
}
.abosulte_wrap > div > span{
  color: #1a1a1a;
  position: relative;
  background: #eff3f9;
  border: 1px solid #d0d9e6;
  text-align: center;
  font-size: 1.125em;
  font-weight: 600;
  /*width: 27%;*/
  height: 56px;
  line-height: 56px;
  display: block;
}
.abosulte_wrap > span:before{ display: block; background-color: #dddddd; content: ''; position: absolute; height: 1px; top: 50%; width: 83%; right:100%; z-index: -1;}
.abosulte_wrap > span:first-child{float: left;}
/* .abosulte_wrap > span:first-child:before{content:''; display: block; right: auto; left: 100%;} */

.top_chart{text-align: center;}
.top_chart span{
  display: inline-block; color: #ffffff; font-size: 1.125em; font-weight: 500; line-height: 138px; text-align: center; position: relative;
  width: 125px; height: 140px;
  background: url(/_static/osan/img/sub/year_left_bg.png) no-repeat center;
}


/* .mid_one_wrap:after{
background-color: #dddddd;
    content: '';
    position: absolute;
    height: 1px;
    left: 50%;
    top: -105px;
    width: 50%;
} */
.mid_one_wrap{
 text-align: center;
 padding: 22px 0 30px;
 max-width: 100%;
 position: relative;
}
/* .mid_one_wrap:before {
 display: block;
 background-color: #dddddd;
 content: '';
 position: absolute;
 height: 85px;
 left: 50%;
 top: 0;
 width: 1px;
} */
.mid_one_wrap > div{
 display: inline-block;
 width: 125px;
 height: 140px;
 line-height: 138px;
 color: #ffffff;
 text-align: center;
 font-size: 1.125em;
 font-weight: 600;
 background: url(/_static/osan/img/sub/year_right_bg.png) no-repeat center;
 position: relative;
}
.mid_one_wrap > div > span{
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  color: #fff;
}

 /* 공단 사회공헌활동 */
 .active_wrap{border-top: 3px solid #1b1b1b; padding: 30px 0 ; border-bottom: 1px solid #dedede;}
 .active_list .txt_area{height: 30px; margin-top: 12px;}
 .active_list .txt_area .tit{font-size: 0.875em;}
 .active_list li {width:30%; margin-right:5%; float: left; margin-top: 30px;}
 .active_list li:nth-child(4n) {margin-right:5%;}
 .active_list li:nth-child(3n) {margin-right:0;}
 .active_list li:nth-child(-n+3){margin-top: 0;}
 /* .active_list li:nth-last-child(-n+4) .txt_area{height: 38px;}
 .active_list li:nth-last-child(-n+3) .txt_area{height: 8px;} */
 .active_list li a {display:block; /*height: 40px;*/}
 .active_list li a > span{ overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em; height: 2.6em;}
 .active_list .img_area > a{width:100%; position:relative; padding-top:72.5%; }
 .active_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}
 .active_list .img_area + div{height: 90px; padding: 10px; border: 1px solid #dedede;}
 .active_list li .active_detail{font-size: 0.813em; margin-top: 10px;}
 .active_list li .active_detail div:first-child{float: left;}
 .active_list li .active_detail div:last-child{float: right;}

/* ( table-cell 50% : 50% = 공통적으로 사용가능한 클래스)
공단 CI */

.symbol{display: table; table-layout: fixed; width: 100%;}
.symbol > div{display: table-cell;}

/* 민원상담박스 */
.counsel_box{border: 2px solid #0066b4; margin-top: 30px; line-height: 1.5;}
.counsel_box.user{border-color: #dedede;}

.counsel_box .tit{
  padding: 10px;
  background: #0066b4;
  color: #fff;
}
.counsel_box .info{padding: 10px;}
.counsel_box.user .tit{
  padding: 10px;
  background: #dedede;
  color: #171717;
}

/* 민원상담 만족도 */
.counsel_info{overflow: hidden; padding: 20px; background-color: #f7f7f7; margin-top: 30px; border: 1px solid #dedede;}
.counsel_info > div{
 display: block;
 width: 100%;
 overflow: hidden;
}
.counsel_info .service_area{display: table; table-layout: fixed; width: 100%; position:relative; overflow:visible;}
/* .counsel_info .service_area > div:nth-child(1){display: table-cell;}
.counsel_info .service_area > div:nth-child(2){display: table-cell;} */
.counsel_info .service_area > div:nth-child(1){float: left;}
.counsel_info .service_area > div:nth-child(2){float: right; width: 620px; padding-right:100px;}

.counsel_info .service_regist > div{
 display: inline-block;
 vertical-align: middle;
 float: left;
}
.counsel_info .service_regist{position: absolute; right: 0; top: -3px;}
.counsel_info .service_regist a.btn_confirm{margin-left:0; line-height:18px; width:80px; padding:5px 10px; font-size:0.938em;}
.counsel_info .service_regist > div:nth-child(1){ width: 90%;}


.counsel_info ul >li{float: left; padding-right: 5%;}
.counsel_info ul >li:last-child{padding-right: 0;}
.counsel_info .btn_area{margin-top: 0;}
.counsel_info textarea{
  height: 100%;
  min-height: 100%;
  width: 100%;
  padding: 10px 5px;
}


/* 사이트맵 */
.sitemap_wrap{padding: 0 4.2% 0 4.2%;}

.sitemap_wrap .list_blt > li{padding-left: 13px; margin-top: 6px;}
.sitemap_wrap .list_blt > li:before{left: 4px;}

.sitemap_area{ overflow: hidden;}
.sitemap_area:last-child{margin-top: 34px; padding-top: 49px; border-top: 1px solid #dbdbdb;}
.sitemap_area > div{float: left;}
.sitemap_area > div:nth-child(1){width: 37.7%;}
.sitemap_area > div:nth-child(2){width: 37.7%;}
.sitemap_area > div:nth-child(3){width: 24.6%;}
.sitemap_area p{position: relative; font-size: 1.375em; padding-bottom: 17px; color: #000;}
.sitemap_area p::after{position: absolute; background: url(/_static/osan/img/sub/sitemap_stick.png)left no-repeat; content: ""; display: block; width: 100%; height: 3px; bottom: 0;}

.site_list{margin-top: 17px;}
.site_list > li{margin-top: 13px;}
.site_list > li:first-child{margin-top: 0px;}
.site_list > li > a{font-size: 1.063em; font-weight: 500; color: #1f1f1f;}
.site_list a > img{margin-left: 6px;
  vertical-align: middle;
  margin-bottom: 2px;
}

/* 예산현황 */
.budget{display: table; table-layout: fixed; width: 100%; padding-bottom: 30px;}
.budget .budget_tit{text-align: right;}
.budget > div{display: table-cell; vertical-align: middle;}
.budget > div:last-child{ width: 55%; padding-left: 30px;}

.budget .brd_fixed_col td{height: 35px; font-size: 0.875em;}

/* 차량 및 인원현황 */
.car_area{display: table; table-layout: fixed; width: 100%; text-align: center; margin-top: 30px;} 
.car_area > div{display: table-cell; } 


/* 체육생활시설 운동장 */
.stadium{overflow: hidden;}
.stadium_wrap{margin: 0px -20px;}
.stadium_area{display: table; table-layout: fixed; width: 100%; text-align: center; border-spacing: 20px 0;} 
.stadium_area:nth-child(2){margin-top: 20px;}
.stadium_area > div{display: table-cell; } 



/* 약관 박스유형 2 */
.fresh_tit0{color: #254e97; font-size: 1.063em; font-weight: 500;}

.fresh_box1{}
.fresh_box1 .fresh_tit{color: #254e97; font-size: 1.063em; font-weight: 500;}
.fresh_box2 {margin-top: 15px;}
.fresh_box2 > .fresh_tit2{color: #000; font-size: 1.063em; }
.fresh_box2 > .fresh_tit2 + p{margin-top: 5px;}

/* 결산현황 부분 */
.finish_box{}
/* .finish_box > div:first-child span{margin: 0 0 5px;} */
.finish_box > div > span{font-size: 1.063em;
    margin: 15px 0 5px;
    display: inline-block;
    font-weight: 500;}

.finish_box > div > span + div >span {
    font-size: 1.063em;
    margin: 15px 0 5px;
    display: inline-block;
    font-weight: 500;}    

.finish_box > div em{font-size: 1.25em; font-weight: 600; display: block; margin-top: 40px;}    

.finish_box ul > li p{    padding-left: 3px;   text-indent: 0px; margin-top: 6px;}
.finish_box .finish_mid{margin-top: 20px;}

/* 결산현황(주석/기타) -제목 /단위 */
.present{overflow: hidden; margin-top: 20px;}
.present > div:nth-child(1){float: left;}
.present > div:nth-child(2){float: right;}

/* 개인정보처리 다운로드 버튼 */
.new_btn{    text-indent: 0px; margin-left: 5px;}


/* 클린신고센터_신고절차 */
.report_bg{background-color: #f4f7ff; width: 100%; padding:39px 0px;}
.report_back{max-width:1050px; margin: 0 auto; }
.report_clean{overflow: hidden; }
.report_clean > li{float: left;}
.report_clean > li .hexagon_b { background: url(/_static/osan/img/sub/hexagon_blue.png)no-repeat center ;}
.report_clean > li .hexagon_s { background: url(/_static/osan/img/sub/hexagon_sky.png)no-repeat center ;}
.report_clean > li .hexagon_g { background: url(/_static/osan/img/sub/hexagon_green.png)no-repeat center ;}
.report_clean > li > div {width: 125px;height: 140px; text-align: center; font-size: 1.125em; line-height: 140px; font-weight: 500;}
.report_clean li.next{ background: url(/_static/osan/img/sub/clean_arrow.png) center no-repeat; height: 140px; width: 30px; vertical-align: middle; margin: 0px 15px;}

/* 윤리현황 하단 계단식 만들기 */
.yoon_wrap{border: 1px solid #d0d9e6; padding: 50px 10px 45px;}
.yoon{overflow: hidden; max-width: 970px; margin: 0 auto; padding-top: 41px;}
.yoon > div{float: left; width: 30%;}
.yoon > div p{position: relative; text-align: center; font-size: 1.5em; font-weight: 600; color: #2f961e; height: auto; line-height: 1.1;}
.yoon > div p:before{position: absolute; content: ""; width: 100%; height: 4px; background-color: #3f4665; left: 0; bottom: -15px;}
/* .yoon > div p:after{position: absolute; content: ""; width: 4px; height: 100%; background-color: #3f4665; right: 0; bottom: -25px;} */
.yoon > div:nth-child(2)	{ margin:0 5%; }
.yoon > div:nth-child(2) p{color: #00a29c ;}
.yoon > div:nth-child(3) p{color: #006cc0 ; }
.yoon > div:nth-child(3) p::after{background: none;}

/* .yoon > div:nth-child(1){margin-top: 116px;}
.yoon > div:nth-child(2){margin-top: 58px;} */

.yoon .list_blt{margin-top: 30px; padding-left: 15px;}
.yoon .list_blt > li:before{background: #acacac;}

/* 인권경영 로드맵  */
.road_area{border: 1px solid #d0d9e6; padding: 47px 0;}
.yoon.road_map{padding-top: 0;}
.yoon.road_map > div p{font-size: 1.875em;}
.yoon.road_map > div p{padding-top: 20px;}
.yoon.road_map .list_blt{margin-top: 0 !important; padding-left: 0 !important;}
.yoon.road_map .list_blt li{letter-spacing: -0.05em; margin-top: 4px;}
.yoon.road_map .list_blt li:first-child{margin-top: 0;}

.road_wrap{border: 1px solid #dbdbdb; border-radius: 10px; max-width: 208px; margin: 67px auto 0;} 
.road_wrap span{display:block; font-size: 1.25em; font-weight: 500; text-align: center; padding:28px 0;     border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff;}
.yoon.road_map > div:nth-child(1) span{background: #2f961e;}
.yoon.road_map > div:nth-child(2) span{background: #00a29c;}
.yoon.road_map > div:nth-child(3) span{background: #006cc0;}


/* 정보공개_경영목표 */
.road_box{padding: 16px 19px 16px 25px;/* height: 143px; */}

/* 인권경영 비전 */
.seon_wrap{overflow: hidden;}
.seon{position:relative; background: #f4f7ff; height: 90px;}
.seon > span{    position: absolute; left: 0; top: 0; background: #3f4665; color: #fff; font-size: 1.25em; width: 100%; max-width: 160px; text-align: center; padding: 17px 0px; border-radius: 10px; font-weight: 500; z-index: 1;}
.seon > div {  background: #f4f7ff; }
.seon > div > p{font-size: 1.188em; color: #171717; line-height: 90px; padding-left: 205px;}
.seon > div > strong{font-size: 1.75em; color: #006cc0; font-weight: 500; line-height: 86px; padding-left: 205px; display:block;}
.seon + .seon{margin-top: 30px;}

.seon_big{height: 217px;}
.seon_big > div { width: 100%; max-width: 1040px; background: #f4f7ff; position: absolute; left: 13.3%;  height: 100%;}
.seon_big .hexa_wrap > div{max-width:800px; margin: 0 auto; height: 100%; padding-top: 40px;}
.seon_big .hexa_wrap ul div{width: 125px; height: 140px; text-align: center; line-height: 1.2;}
.seon_big:nth-child(4) .hexa_wrap ul div{display: table-cell; vertical-align: middle;}
.seon_big .hexa_wrap li div span{font-size: 1.125em; font-weight: 500; width: 30px; height: 30px; background: #006cc0; display: inline-block; color: #fff; border-radius: 50%; line-height: 30px; margin-top: 20px;}
.seon_big .hexa_wrap li:nth-child(3) div span{background: #00a29c;}
.seon_big .hexa_wrap li:nth-child(5) div span{background: #2f961e;}
.seon_big .hexa_wrap li:nth-child(7) div span{background: #8eb200;}

.seon_big .hexa_wrap div p{font-size: 1.25em; font-weight: 500; color: #393939; margin-top: 7px;}
/* .seon_wrap .seon_big:nth-child(3) .hexa_wrap li:nth-child(5) div p,
.seon_wrap .seon_big:nth-child(3) .hexa_wrap li:nth-child(7) div p {
  margin-top: 19px;
} */

.seon_big:nth-child(4) .hexa_wrap div p {font-size: 1.125em; font-weight: 500; color: #fff; margin-top: 0;}
.hexa_wrap ul > li {float: left;}
.hexa_b{background: url(/_static/osan/img/sub/hexagon_blue.png);}
.hexa_s{background: url(/_static/osan/img/sub/hexagon_sky.png);}
.hexa_g{background: url(/_static/osan/img/sub/hexagon_green.png);}
.hexa_l{background: url(/_static/osan/img/sub/hexagon_light.png);}
.seon_big .hexa_wrap .hexa_g > p{margin-top: 19px;}
.seon_big .hexa_wrap .hexa_l > p{margin-top: 19px;}

.hexa_color_b{background: url(/_static/osan/img/sub/hexagon2_blue.png);}
.hexa_color_s{background: url(/_static/osan/img/sub/hexagon2_sky.png);}
.hexa_color_g{background: url(/_static/osan/img/sub/hexagon2_green.png);}
.hexa_color_l{background: url(/_static/osan/img/sub/hexagon2_light.png);}

.hexa_wrap li.plus {
  background: url(/_static/osan/img/sub/hu_plus.png) center no-repeat;
  height: 140px;
  width: 19px;
  vertical-align: middle;
  margin: 0px 40px;
}

.seon_btm{min-height: 380px;}
.seon_btm > div {position: absolute; top: 40px; left: 20%; }
.seon_btm > div > div { float: left; background: #fff; border: 1px solid #dbdbdb; border-radius: 10px; margin-left: 15px; padding: 20px 25px; width: 208px; height: 197px; border-top: 21px solid #006cc0;}
.seon_btm > div > div:nth-child(2){border-top-color: #00a29c;}
.seon_btm > div > div:nth-child(3){border-top-color: #2f961e;}
.seon_btm > div > div:nth-child(4){border-top-color: #8eb200;}
.seon_btm > div > div:first-child{margin-left: 0;}

.seon_btm .list_blt{padding-left: 0;}
.seon_btm .list_blt > li{letter-spacing: -0.05em; margin-top: 4px;}
.seon_btm .list_blt > li:first-child{margin-top: 0;}
.seon_btm .list_blt > li:before{background:#acacac;}

/* 정보공개_경영목표 */
.seon_big .hexa_wrap.mock li div span{margin-top: 40px;}
.seon_big .hexa_wrap.mock div p{margin-top: 4px;}
.seon_btm.mock > div > div {min-height: 300px;padding: 20px 19px 20px 25px;}

.jang{background: #f4f7ff; position: relative; padding-bottom: 40px;}
.jang .yoon{ margin: -48px auto 0; max-width: 1040px; margin-right: 0;}
.jang .yoon > div{position: relative;}

.jang .yoon > div:nth-child(3){ padding-right: 18px;}
.jang .yoon > div:nth-child(2){ margin-top: 70px; }
.jang .yoon > div:nth-child(1){margin-top: 140px; padding-left: 20px;}
/* .jang .yoon > div:nth-child(2):after{position: absolute; content: ""; background: url(/_static/osan/img/sub/mock_arrow.png)no-repeat; width: 78px; height: 80px; left: 0; top: 0;} */

.jang_tit{    background: #3f4665;
    color: #fff;
    font-size: 1.25em;
    width: 160px;
    text-align: center;
    padding: 17px 0px;
    border-radius: 10px;
    font-weight: 500;}

.jang_num {
  position: absolute;
  top: 50px;
  width: 348px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #d0d9e6;
  margin-left: 35%;
  padding: 6px 0;
}
.jang_num span{position: relative; padding-left: 14px; margin-left: 45px;}
.jang_num span:first-child{margin-left: 30px;}
.jang_num span:after{position:absolute; width: 8px; height: 8px; content: ""; background: #2f961e; left: 0; top: 9px; border-radius: 50%; }
.jang_num span:nth-child(2)::after{background: #00a29c ;}
.jang_num span:nth-child(3)::after{background: #006cc0 ;}

.jang_wrap{margin: 0 auto; background: #fff; position: relative;}
.yoon div:first-child .jang_wrap:after {
  display: none;
}
.jang_wrap:after{position: absolute; content: ""; background: url(/_static/osan/img/sub/mock_arrow.png)no-repeat; width: 78px; height: 80px; left: -50%; top: 32px;}
.jang_wrap span{padding: 16px 0;}

/* 개인정보 순서도 */
.gaein{overflow: hidden; max-width: 980px; width: 100%;  margin: 0 auto;}
.gaein li{float: left; }
.gaein li div{width: 200px; background: #006cc0; height: 50px; line-height: 50px; color: #fff; border-radius: 10px; text-indent: 0; font-size: 1rem;}
.gaein li:nth-child(3) div{background: #00a29c;}
.gaein li:nth-child(5) div{background: #2f961e;}
.gaein li:nth-child(7) div{background: #8eb200;}
.gaein li.next{
  background: url(/_static/osan/img/sub/gaein_arrow.png) center no-repeat;
  height: 50px;
  width: 24px;
  vertical-align: middle;
  margin: 0px 18px;
}



@media all and (max-width:1200px){
/* 개인정보 순서도 */
.gaein{max-width: 900px;}
.gaein li div{width: 180px;}

/* 정보공개_경영목표 */
.seon_btm.mock > div > div{height: 208px; padding: 20px 13px;}
.seon_btm .list_blt > li br{display: none;}

/* 인권경영 비전 */
.seon_big > div{left: 12.3%;}
.hexa_wrap li.plus{margin: 0 35px;}
.seon_btm > div{left: 17%;}
.seon_btm > div > div{width: 197px; height: 208px;}

/* 클린신고센터_신고절차 */
.report_bg{padding: 35px 30px;}
.report_back{max-width:950px;}
.report_clean > li > .hexagon_com {background-size: 108px; margin: 0 auto;}
.report_clean>li>div {
  width: 110px;
  height: 140px;
  line-height: 140px;
}
.report_clean li.next{height: 140px; background-size: 27px; width: 27px;}


  /* .sub_blt{font-size: 1.375em;} */
  .sub_blt2{font-size: 1.375em;}


 /* 상단 탭메뉴 유형2 */
 .board_top_list > div{margin-left: 0;}
 .board_top_list > div > div{display: table; table-layout: auto; width: 100%; margin:5px 0 0 0;}
 .board_top_list > div > div:first-child{margin-top: 0;width: 100%;}
 .board_top_list > div > div > div > a{padding: 8px 10px;}
 .board_top_list > .list_btm > div:first-child > div:first-child > a{padding: 8px 10px;}
 .board_top_list .list_btm{margin-top: 5px;}
}

/* url 중간정렬 ex) 3_2_1 , 5_3_1  */
.url_top{vertical-align: top;}

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

  .abosulte_wrap > div > span{font-size: 1em;}
  .sec_chart div p{font-size: 1em;}

/* 개인정보 순서도 */
.gaein{max-width: 600px;}
.gaein li{width: 30%;}
.gaein li.next{width: 30%;}
.gaein li:nth-child(4){display: none;}
.gaein li:nth-last-child(-n+3){margin-top: 20px;}

/* 인권경영 비전 */
.seon_big > div{left: 11.3%; max-width: 940px;}
.hexa_wrap li.plus{margin: 0 30px; height: 130px;}
.seon_big .hexa_wrap ul div {
  width: 115px;
  height: 130px;
  background-size: 115px;
  background-repeat: no-repeat;
}
.seon_big .hexa_wrap > div{padding-top: 50px;}
.seon > span{  padding: 14px 0px; max-width: 140px; font-size: 1.188em;}

.seon_btm{min-height:420px;}
.seon_btm > div{top: 80px; left: 10%;}
.seon_btm > div > div { padding: 20px 15px; width: 177px;}

/* 정보공개_경영목표 */
.jang .yoon{margin: -32px auto 0;}
.jang_tit{width: 140px; font-size: 1.188em; padding: 14px 0;}
.jang_wrap:after{background-size: 48px; width: 48px; left: -36%; top: 62px;}
.jang .yoon > div:nth-child(3){ padding-right: 0px;}
.jang .yoon > div:nth-child(1){ padding-left: 0px;}

  /* 클린신고센터_신고절차 */
  .report_clean > li:nth-child(odd){width: 25%;}
  .report_clean > li:nth-child(even){width: 12.5%;}
  .report_clean > li:nth-child(8), .report_clean > li:nth-child(10){transform: rotate(180deg);}
  .report_clean > li:nth-child(6){
  display: block;
  position: absolute;
  left: -9999px;
  text-indent: 9999px;
  width: 0;
  height: 0;
  border: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
  }
  .report_clean > li:nth-child(5){position: relative;}
  .report_clean>li:nth-child(5)::after {
    position: absolute;
    display: block;
    background: url(/_static/osan/img/sub/clean_arrow.png) center no-repeat;
    content: "";
    width: 30px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg);
    bottom: -30px;
    background-size: 90%;
  }
  .report_clean > li:nth-last-child(-n+5){margin-top: 50px; float: right;}
  .report_clean > li:nth-last-child(2), .report_clean > li:nth-last-child(4){margin-top: 50px !important;}
  .report_clean li.next{margin: auto;}

  /* .report_clean > li:nth-child(11), .report_clean > li:nth-child(9), .report_clean > li:nth-child(7){float: right;} */


  /* 체육생활시설 운동장 */
  .stadium_wrap{ margin: 0px -10px;}
  .stadium_area{ border-spacing: 10px 0;}

 /* 사이트맵 */
 .sitemap_wrap{padding: 0 1.2% 0 4.2%;}
 .sitemap_area > div:nth-child(1){width: 31.7%;}
 .sitemap_area > div:nth-child(2){width: 39.7%;}
 .sitemap_area > div:nth-child(3){width: 28.6%;}

 .sec_chart div:after{width: 107%;}
 .sec_chart div:first-of-type:after{width: 266%;}
 .abosulte_wrap > div > span:after{width: 113%;}
 
 /* 민원상담 만족도 */ 
 .counsel_info .service_area{display: block;}
 .counsel_info .service_regist{    position: static;
    text-align: right;
    margin-top: 15px;
    display: block;
 float: right;}
 .counsel_info .service_area > div:nth-child(1) {display: block; width: 100%;}
 .counsel_info .service_area > div:nth-child(2) {display: block; width: 100%; padding-left: 0; margin-top: 10px; padding-right:0;}

}

@media all and (max-width:860px){
/* 개인정보 순서도 */
.gaein{max-width: 450px;}
.gaein li{width: 160px;}
.gaein li div{height: 40px; line-height: 40px; font-size: 0.875rem; width: 160px;}
.gaein li.next{
  height: 40px;
  background-size:20px ;
  width: 17%;
}

  
/* 인권경영 비전 */
.seon_big{height: 237px;}
.seon_big .hexa_wrap > div{padding-top: 80px;}
.seon > span{padding: 12px 0; font-size: 1.125em; max-width: 120px;}
.seon_big .hexa_wrap > div{max-width: 660px;}
.seon_big > div{left: 0%;}
.seon_big .hexa_wrap ul div {
  width: 105px;
  height: 120px;
  background-size: 105px;
}
.hexa_wrap li.plus{height: 120px;}
.seon_big .hexa_wrap li div span{font-size: 0.938em; width: 25px; height: 25px; line-height: 25px; }
.seon_big .hexa_wrap div p{font-size: 1.063em; margin-top: 5px;}
.seon_big:nth-child(4) .hexa_wrap div p{font-size: 1em;}
.seon > div > p{padding-left: 175px; font-size: 1.063em;}
.seon > div > strong{padding-left: 175px; font-size: 1.375em;}

.seon_btm{min-height: 730px;}
.seon_btm > div{left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 80%; top: 70px;}
.seon_btm > div > div {width: 47%; padding: 20px 25px; margin-left: 20px;}
.seon_btm > div > div:nth-child(3){margin-left: 0;}
.seon_btm > div > div:nth-last-child(-n+2){margin-top: 20px;}


/* 윤리현황 하단 계단식 만들기 */
.yoon_wrap{ padding: 35px 10px;}
.yoon > div p{font-size: 1.25em;}
.yoon > div{width: 100%; padding: 0 10px;margin-top: 25px;}
/* .yoon > div:last-child{width: 100%;} */
.yoon > div p:after{display: none;}
.yoon > div:nth-child(1) { margin-top: 0;}
.yoon > div:nth-child(2) { margin-inline:0;margin-top: 25px; }
.yoon .list_blt {
  margin-top: 26px;
  padding-left: 20px;
}
.yoon > div:last-child .list_blt {
  margin-top: 26px;
  padding-left: 20px;
}
.yoon .list_blt > li br{display: none;}
.yoon > div p:before{bottom: -7px;}

/* 인권경영 로드맵  */
.road_area{ padding: 30px 10px;}
.yoon.road_map > div p{font-size: 1.5em;}
.yoon.road_map > div:last-child{margin-top: 0;}
.road_wrap{ margin: 27px auto 0;}
.road_wrap span{padding: 18px 0; font-size: 1.125em;}

/* 정보공개_경영목표 */
.jang{padding-bottom: 30px;}
.jang .road_box{height: 180px;}
.jang_tit{padding: 12px 0; width: 120px; font-size:1.125em;}
.jang_wrap:after{display: none;}
.jang .yoon{margin: 0 auto 0; }
.jang .yoon > div{width: 33% !important;}
.jang .yoon>div:nth-child(1){margin-top: 0;}
.jang .yoon>div:nth-child(2){margin-top: 0;}
.jang_num{width: 288px; }
.jang_num span{margin-left: 35px; font-size: 0.938em; padding-left: 10px;}
.jang_num span:first-child{margin-left: 20px;}
.jang_num span:after{width: 4px; height: 4px; top: 8px; }

  /* 클린신고센터_신고절차 */
.report_back{max-width: 550px;}
/* .report_clean > li:nth-child(odd){width: 20%;} */

/* .report_bg{padding: 30px 20px;} */
.report_clean > li > .hexagon_com {background-size: 90px;}
.report_clean>li>div {
  width: 94px;
  height: 115px;
  font-size: 1.063em;
  line-height: 115px;
}
.report_clean li.next{height: 115px; background-size: 25px;  }
.report_clean>li:nth-child(5)::after{background-size: 80%;}

  /* 블릿 타이틀 중복되는 곳 */
  .com_tit{font-size: 1.5em; ;}

  /* 약관 박스유형 2 */
.fresh_box1 .fresh_tit{ font-size: 1em; }
.fresh_box2 > .fresh_tit2{ font-size: 1em; }

  /* .sub_blt{font-size: 1.250em; padding-top:11px;} */
  .sub_blt2{font-size: 1.250em; }
  /* .sub_blt:before{width: 11px;} */
 /*탭*/
 .board_top_area{margin-bottom: 30px;}

/* 컨텐츠 블릿(공통) */
 .sub_tit{font-size: 1.125em; padding-top: 9px;}
 .sub_tit:before{background-size: 15px;}

/* sub_blt = sub_tit  */
 .sub_blt{font-size: 1.125em; padding-top: 9px;}
 .sub_blt:before{background-size: 15px;} 


 /*조직도*/
 .sec_wrap{margin: 0; padding: 0;}
.sec_wrap2              { padding-top: 60px; }
 .sec_wrap2_tit         { width:100%; font-size: 0.875em; line-height: 40px; top:20px; }
 .sec_wrap2_tit p       {height: 40px; padding: 0 10px;
  font-size: 1em; margin: 0;
  line-height: 40px;}
  .sec_wrap2_tit:before{top:-20px;}
 .sec_chart{display: block;position: relative;padding-left: 0;padding-top: 10px;}
 .sec_chart:after {background-color: #dddddd;content: '';position: absolute;left: 0;width: 50%;height: 1px;top: 10px;}
 .sec_chart div{display: block; padding: 5px 10px; padding-right: 0;}
 .sec_chart div:after { height: 100%; left: 0; top: 0; width: 1px; }
 .sec_chart div:first-child{margin-top: 0;}
 .sec_chart div dt:before{display: none;}
 .sec_chart div dt{padding: 10px; font-size: 1em;}
 .sec_chart div:before{ background-color: #dddddd; content: ''; position: absolute; height: 1px; left: 0; top: 50%; width: 10px; }
 .sec_chart div:first-child:before{top: 50%; height: 1px;}
 .sec_chart div p{height: 40px; padding: 0 10px;
  font-size: 1em; margin: 0;
  line-height: 40px;}
 .sec_chart div p:before{display: none;}
 .sec_chart div:first-of-type:after { left: 0; width: 1px; top: 0;}
 .sec_chart div:nth-child(2):after{left: 0;}
 .sec_chart div:last-of-type:after { left: 0; right: inherit; width: 1px; height: 50%; } 
 .mid_wrap{padding: 20px 0 10px;}
 .mid_wrap:before{height: 215px;}
 .mid_wrap > span{height: 40px; font-size: 1em; line-height: 40px; width: 35%;}
 .top_chart span{
  background-size: 94px;
  width: 94px;
  height: 105px;
  line-height: 102px;
 }

 .abosulte_wrap{position: static; width: 50%; padding: 0;}
 .abosulte_wrap > div{width: 70%;}
 .abosulte_wrap > div > span{display: block; width: 100%; font-size: 1em;
  height: 40px;
  line-height: 40px;
} 
.abosulte_wrap:before{
  display: block;
  background-color: #dddddd;
  content: '';
  position: absolute;
  height: 100%;
  left: 50%;
  top: 11px;
  width: 1px;
  z-index: -1;
}
.abosulte_wrap > div:after{left: 93%; top: 50%; z-index: -1;}
.abosulte_wrap > div > span:after{display: none;}
.abosulte_wrap > div > span:before{display: none;}

.mid_one_wrap{padding: 20px;}
.mid_one_wrap > div{
  background-size: 94px;
  width: 94px;
  height: 105px;
  line-height: 102px;
}

 .mid_one_wrap:before{height: 70px;}
 .mid_one_wrap:after{display: none;}


}

@media all and (max-width:767px){
  /* 인권경영 비전 */
  .seon > div >p { padding-left: 155px; font-size: 1em;  }
  .seon > div > strong { padding-left: 155px; font-size: 1.125em;  }

  .hexa_wrap ul > li{width: 40%;}
  .hexa_wrap ul > li:nth-child(4){display: none;}
  .hexa_wrap ul > li:nth-last-child(-n+3){margin-top: 15px;}
  .hexa_wrap li.plus{width: 20%; margin: 0;}
  .seon_big .hexa_wrap ul div{margin: 0 auto;}
  .seon_big:nth-child(4) .hexa_wrap ul div{display: block;}
  .seon_big:nth-child(4) .hexa_wrap div p{ padding-top: 40px; font-size: 1.063em;}
  .seon_big .hexa_wrap .hexa_g > p{margin-top: 10px;}
  .seon_big .hexa_wrap .hexa_l > p{margin-top: 10px;}
  .seon_big{height: 357px ;}

  /* 정보공개_경영목표 */
  .seon_big:nth-child(4) .hexa_wrap.mock div p{padding-top: 40px;}
  .seon_big:nth-child(4) .hexa_wrap.mock div li:nth-child(3) p{padding-top: 30px;}
  .seon_big:nth-child(4) .hexa_wrap.mock div li:nth-child(7) p{padding-top: 30px;}
  


 /* 상단 탭메뉴 유형1(공통) */
 .board_top_tab div{ display: block; width: 100%; border: 1px solid #ccc; border-top: 0;}
 .board_top_tab div:first-child{border-top: 1px solid #ccc;}
 .board_top_tab div >a{font-size: 0.938em; height: 40px; line-height: 40px; }

 /* 공단 사회공헌활동 */
 .active_list .txt_area{margin-top:7px;}
 .active_list .txt_area .tit{font-size: 0.813em;}
 .active_list li {width:49%; margin-right:2%; margin-top: 15px;}
 .active_list li:nth-child(3n) {margin-right:2%;}
 .active_list li:nth-child(4n) {margin-right:2%;}
 .active_list li:nth-child(2n) {margin-right:0;}
 .active_list li:nth-child(-n+3){margin-top: 15px;}
 .active_list li:nth-child(-n+2){margin-top: 0;}

 /* 사이트맵 */
 .sitemap_wrap{padding: 0;}
 .sitemap_area > div{float: none; width: 100% !important; margin-top: 30px;}
 .sitemap_area:last-child{border-top: 0; margin-top: 0; padding-top: 0;}
 .sitemap_wrap .sitemap_area:first-child div:first-child{margin-top: 0px;}
 .sitemap_area p::after{background-repeat: repeat;}
 .site_list > li > a{ border-bottom: 1px solid #dbdbdb; display: block; padding-bottom: 5px; width: 90%;}
 .site_list .list_blt > li:last-child{margin-bottom: 0;}
 .site_list .list_blt > li{margin-top: 7px;}
 .site_list .list_blt{margin-top: 7px;}
 .site_list > li{margin-top: 13px;}
 .site_list{margin-top: 13px;}
}

@media all and (max-width:640px){
  /* 체육생활시설 운동장 */
  .stadium_area > div{display: block; margin-top: 15px; } 
  .stadium_area > div:first-child{margin-top: 0; } 

 /* 예산현황 */
.budget{display: block; }
.budget > div{display: block;}
.budget > div:last-child{text-align: center; width: 100%; padding-left: 0px; padding-top: 10px;}
 
}

@media all and (max-width:580px){
/* 개인정보 순서도 */
.gaein li{width: 150px;}
.gaein li div{height: 30px; line-height: 30px; font-size: 0.875rem; width: 150px;}
.gaein li.next{height: 30px; background-size: 12px; margin: 0 8px; width: 12px;}
.gaein li:nth-last-child(-n+3){margin-top: 15px;}

/* 인권경영 비전 */
.seon{height: 120px;}
.seon_big{height: 357px;}
.seon > div >p{text-align: center; padding: 30px 10px 0;}
.seon > div > strong{ text-align: center; padding: 30px 10px 0;}

.seon_btm{height: 527px;}
.seon_btm > div > div{padding: 20px 15px; margin-left: 15px;}
.seon_btm > div > div:nth-last-child(-n+2){margin-top: 15px;}
  
/* 윤리현황 하단 계단식 만들기 */
.yoon_wrap{ padding: 25px 10px;}
.yoon > div{width: 100%; padding: 0;}
.yoon > div p{font-size: 1.125em; height: 30px;}
.yoon>div .list_blt {
  margin-top: 16px;
  padding-left: 10px;
}
.yoon>div:last-child .list_blt {
  margin-top: 16px;
  padding-left: 10px;
}
.yoon > div{margin-top: 30px !important;}
.yoon > div p:before{bottom: 0; height: 2px;}

/* 정보공개_경영목표 */
.jang{padding-bottom: 20px;}
.jang .yoon > div{width: 100% !important; margin-top: 0 !important;}
.jang .road_box{height: 100%;}
.jang_tit{font-size: 1.063em; padding: 10px 0; width: 100px;}
.jang_num{position: static; margin: 15px auto 0; width: 248px;}
.jang_num span{font-size: 0.875em; margin-left: 25px;}
.jang_num span:first-child{margin-left: 15px;}


/* 인권경영 로드맵  */
.road_area{padding: 20px 10px;}
.road_wrap{margin: 15px auto 0; max-width: 288px;}
.road_wrap span{padding:8px 0; font-size: 1em;}
.yoon.road_map > div p{padding-top: 10px; font-size: 1.25em; height: 45px;}
.yoon.road_map > div:first-child{margin-top:0 !important;}

/* 클린신고센터_신고절차 */

.report_bg{padding: 25px 20px;}
.report_clean > li > .hexagon_com {background-size: 70px;}
.report_clean>li>div {
  width: 72px;
  height: 90px;
  font-size: 0.938em;
  line-height: 90px;
}
.report_clean li.next{height: 90px; background-size: 20px; }
.report_clean>li:nth-child(5)::after{    background-size: 65%;}

  /* 블릿 타이틀 중복되는 곳 */
  .com_tit{font-size: 1.188em; margin-bottom: 20px;}

  /* 결산현황(주석/기타) -제목 /단위 */
  .present{margin-top: 20px;}
  .present > div{float: none !important; font-size: 0.938em;}
  .present > div:nth-child(2){text-align: right; padding-top: 5px;}

  /* 예산현황 */
  .budget .budget_tit{font-size: 0.938em;}

  .board_top_tab{margin-bottom: 30px;}
  .board_top_tab div >a{font-size: 0.875em;}
  
  /* 결산현황 부분 */
  .finish_box > div span{font-size: 1em; margin: 10px 0 5px;}
  .finish_box > div em{margin-top: 30px; font-size: 1.125em;}
  .finish_box > div > span + div > p {font-size: 0.875em;}
  .finish_box > div > span + div >span{font-size: 1em; margin: 10px 0 5px;}

  /*화살표없는 제목*/
  .list_tit{font-size: 0.938em;}

  /* 동그라미 숫자 블릿 */
  .round_blt > li {font-size: 0.875rem;    padding-left: 14px;
    text-indent: -17px;}

  /* 텍스트 블릿 */
  .txt_blt > li {font-size: 0.875rem;     padding-left: 14px;
    text-indent: -17px;}

  /* 약관 박스유형 2 */
  .fresh_tit0{ font-size: 1em; }
  .fresh_box1 .fresh_tit{font-size: 0.938em;}
  .fresh_box2 .fresh_tit2{font-size: 0.938em;}



  /* .sub_blt{font-size: 1.125em;} */
  .sub_blt2{font-size: 1.125em;}

  p > em{font-size: 0.875rem;}
  
  /* 차량 및 인원현황 */
.car_area{display: block; margin-top: 15px;} 
.car_area > div{display: block; } 


 /*탭*/
 .board_top_area{padding: 15px 40px;}
 .board_top_area .list_slide a{font-size: 0.875em;}

 /*슬라이드 탭*/
 .board_top_area2{padding: 15px 30px; margin-bottom: 30px;}
 .list_slide2 .owl_list_top a{font-size: 0.875em; padding: 5px 2px; min-width: auto;}
 .list_slide2 .owl_list_top a.on{padding: 4px 3px;}

 .ts-prev{left: 10px;}
 .ts-next{right: 10px;}

 /*슬라이드 탭 전체보기*/
 .all_view .list_slide2{padding-left: 146px;}
 .all_view .year_all{top: 15px; left: 30px;}
 .all_view .year_all > a{min-width: 135px; padding: 5px 5px 4px;}
 .all_view .year_all > a.on{padding: 4px 3px 3px;}

 /* 사이트맵 */ 
 .sitemap_area p{font-size: 1.063em;}
 .site_list > li > a{font-size: 0.938em;}
 .site_list .list_blt > li > a{font-size: 0.875rem;}
 .site_list a > img{margin-left: 8px;
  vertical-align: middle;
  margin-bottom: 4px;
}

/* 민원상담 만족도 */
.counsel_info{padding: 10px;}
.counsel_info .service_regist > div:nth-child(1) {display: block; width:100%; float: none; padding-right: 12px;}

.counsel_info ul >li{padding-right: 4%;}

/*댓글*/
.counsel_box{font-size: 0.875em;}
.counsel_box.user{font-size: 0.875em;}

/*등록 버튼*/
a.btn_confirm{
 width: 100%;
 height: 35px;
 line-height: 33px;
 font-size: 0.875em;
 margin: 0px;
 margin-top: 5px;
}
.counsel_info .service_regist a.btn_confirm{padding:0; line-height:35px;}
.counsel_info textarea{padding: 5px;}

 /* 컨텐츠 블릿(공통) */
 .sub_tit{font-size: 1.063em; margin-bottom: 9px;}

 /* sub_blt = sub_tit  */
 .sub_blt{font-size: 1.063em; margin-bottom: 9px;}
 
 /* 두번째 블릿 */

 .list_blt{/*margin-top: 9px;*/}
 .list_blt > li{font-size: 0.875em; margin-top: 7px;}
 .list_blt > li:before{top: 8px;}

 /*조직도*/
 .top_chart span{
  background-size: 62px;
  width: 62px;
  font-size: 1em;
  line-height: 68px;
  height: 70px;
 }
 .mid_one_wrap > div{
  background-size: 62px;
  width: 62px;
  font-size: 0.875em;
  line-height: 68px;
  height: 70px;
 }
 .mid_wrap:before{height: 180px;}
 .mid_wrap > span{font-size: 0.875em;}
 .abosulte_wrap > div > span{font-size: 0.875em;}
 .abosulte_wrap > div > span a{display: block;}
 .sec_chart div p{font-size: 0.875em;}
 .sec_chart div p a{display: block;}

 /*민원게시판*/
 .counsel_box .info{font-size: 0.875em;}
}

@media all and (max-width:479px){
  /* 개인정보 순서도 */
  .gaein li{float: none; margin: 0 auto;}
  .gaein li:nth-last-child(-n+3){margin-top: 0;}
  .gaein li:nth-child(4){display: block;}
  .gaein li.next { transform: rotate(90deg); margin: 0 auto; }
  .gaein li div{font-size: 0.813rem;}

  /* 인권경영 비전 */
  .seon + .seon{margin-top: 20px;}
  .seon > div > p{font-size: 0.938em;  line-height: inherit; padding: 50px 10px 0; word-break: keep-all;}
  .seon > div > strong{font-size: 1em; line-height: inherit; padding: 65px 10px 0;}
  .seon{height: 110px;}

  .seon_big{height: 307px;}
  .seon_big .hexa_wrap > div{padding: 60px 8px 0;}
  .seon > span{max-width: 100px; font-size: 1.063em; padding:10px 0;}
  .seon_big .hexa_wrap ul div{width: 95px; height: 110px; background-size: 94px;}
  .hexa_wrap li.plus{height: 110px; background-size: 12px;}
  .seon_big .hexa_wrap li div span{font-size: 0.875em; width: 20px; height: 20px; line-height: 20px;}
  .seon_big .hexa_wrap div p{font-size: 0.938em;}
  .hexa_wrap ul > li{width: 39%;}
  .seon_big:nth-child(4) .hexa_wrap div p{ padding-top: 35px; font-size: 0.938em;}

  .seon_btm{height: 627px;}
  .seon_btm.mock{min-height: 657px;}
  .seon_btm > div{top: 60px;}
  .seon_btm > div > div{width: 90%; height: 100% !important; min-height: 100% !important; border-top: 15px solid #006cc0;}
  .seon_btm > div > div:first-child{ margin-top: 0;}
  .seon_btm>div>div:nth-last-child(-n+2){margin-top: 10px;}
  .seon_btm > div > div{margin-left: 10px !important;}
  .seon_btm > div > div:nth-child(2){margin-top: 10px;}

  /* 정보공개_경영목표 */
  .seon_big .hexa_wrap.mock li div span{margin-top: 35px;}
  .seon_big:nth-child(4) .hexa_wrap.mock div p{padding-top: 35px;}
  .seon_big:nth-child(4) .hexa_wrap.mock div li:nth-child(3) p{padding-top: 27px;}
  .seon_big:nth-child(4) .hexa_wrap.mock div li:nth-child(7) p{padding-top: 27px;}

  /* 클린신고센터_신고절차 */
  .report_bg{padding: 20px 15px;}
  .report_clean li:nth-child(odd){width: 40%;}
  .report_clean li:nth-child(even){width: 20%;}
  .report_clean li:nth-child(4n){
    background:none;
    display: block;
    position: absolute;
    left: -9999px;
    text-indent: 9999px;
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
  }
  .report_clean li.next{background-size: 15px;}
  .report_clean li:nth-child(6) {
    display: block;
    float: right;
    position: static;
    transform: rotate(180deg);
  }
  .report_clean li:nth-child(4), .report_clean li:nth-child(5){float: right;}
  .report_clean>li:nth-last-child(-n+5){ float: left; margin-top: 0px;}
  .report_clean>li:nth-last-child(-n+7){ margin-top: 20px;}
  .report_clean>li:nth-child(5)::after{display: none;}
  .report_clean>li:nth-child(10) {    transform: rotate(0deg);  }
  .report_clean > li:nth-last-child(2){margin-top: 20px !important;}
  /* .report_clean>li:nth-last-child(1){margin-top: 20px;} */
  .report_clean>li:nth-child(3),.report_clean>li:nth-child(7){position: relative;}
  .report_clean>li:nth-child(3):after,.report_clean>li:nth-child(7):after{
    position: absolute;
    display: block;
    background: url(/_static/osan/img/sub/clean_arrow.png) center no-repeat;
    content: "";
    width: 30px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg);
    bottom: -20px;
    background-size: 50%;
  }

  /* 컨텐츠 블릿(공통) */
  .sub_tit{line-height: 1.3;}

  /* sub_blt = sub_tit  */
  .sub_blt{line-height: 1.3;}
  
  .sub_tit_box > div{display: block;}
  .sub_tit_box > div .sub_blt2{display: block; border-right:0; width: 100%; margin-bottom:8px; font-size: 1.063em;}
  .sub_tit_box > div .sub_p{display: block; padding: 0; font-size: 0.875em; }

/*슬라이드 탭*/
  /* .list_slide2 .owl_list_top a{min-height: 90px;} */
  

  /*슬라이드 탭 전체보기 */
  .all_view .list_slide2{padding-left: 100px;}
  .all_view .year_all > a{min-width: 90px;}

 /*- 세번째 블릿*/
 .add_blt{margin-top: 6px;}
 .add_blt > li{margin-top: 5px;}
 
 /* 민원상담 만족도 */
 .counsel_info ul >li{float: none; padding: 5px 0;}


 /* 상단 탭메뉴 유형2 */
.board_top_list{padding: 20px 5px;}

/* 공단 사회공헌활동 */
.active_list .img_area + div{height: 100px;}
.active_list li .active_detail{font-size: 0.750em;}
.active_list li .active_detail > div{float: none !important;}

 
 /*조직도*/
 /* .top_chart span{ height: 100px; width: 100px; line-height: 100px; font-size: 1.125em; }
 .top_chart span:after{width: 110px; height: 110px;}
 .mid_wrap{padding: 15px 0;}
 .mid_wrap:before{height: 70px;} */
}

@media all and (min-width: 320px) and (max-width: 339px){

  
  .list_slide2 .owl_list_top a{margin: 0 2px; padding:5px 0;}
  .all_view .list_slide2{padding-left: 75px;}
  .all_view .year_all > a.on{min-width: 70px; margin: 0 2px;}
}