@charset "utf-8";
/****************************************/
/* Name: 부산광역시 수영
/* PART: COMMON STYLE 
/* Version: 1.0 / day: 2019-06-26
/* Author: imtec 
/****************************************/


/* 공통정의 */
h2.title{position:relative;margin:60px 0 8px 0;padding-top:10px;font-family:'NanumSquare';font-size:24px;color:#333;font-weight:700}
h2.title::before{position:absolute;top:0;left:0;width:31px;height:5px;content:'';background:url(/img/common/com_img.png) no-repeat -84px 0}
h3.title{position:relative;margin:30px 0 7px 0;font-family:'NanumSquare';font-size:22px;color:#294baa;}
h3.title2{margin:20px 0 16px 0;padding: 1px 0 0 27px;font-family:'NanumSquare';font-size:18px;background:url('/img/common/h3_dot.png') no-repeat 0 8px;}

h4.title{position:relative;margin:20px 0 16px 10px;padding:0 0 0 25px;font-size:16px;line-height:24px;color:#333;}
h4.title::before{position:absolute;top:3px;left:0;width:18px;height:18px;content:'';background:url(/img/common/com_img.png) no-repeat -139px 0}
h4.title2{position:relative;margin:20px 0 16px 10px;font-size:16px;line-height:24px;color:#333;}

#content > h2.title:first-child,h1.title+h2.title{margin-top:0}
h2.title+h3.title{margin-top:30px}/* h2.title에 인접해있는 h3 title만 적용 */
h3.title+h4.title{margin-top:16px}/* h3.title에 인접해있는 h4 title만 적용 */
h3.title+h4.title2{margin-top:16px}/* h3.title에 인접해있는 h4 title2만 적용 */

/* dl 타이틀 */
.dl_title{margin-top:15px}
.dl_title dt{font-weight:bold}
.dl_title dd{margin:5px 0 15px 10px}

/* h2, h3뒤에 오는 li*/
.h_li{margin:0 0 10px 0 !important}
.h_li li{position:relative;margin-bottom:6px;padding-left:12px}
.h_li li::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.h_li li ul,.h_li li ol{margin:8px 0 12px 0;}
.h_li li li{position:relative;padding-left:10px}
.h_li li ol.li_num2 li{position:relative;padding-left: 20px !important;}
.h_li li li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/img/common/com_img.png) no-repeat -125px 0}
.h_li li li li{position:relative;padding-left:11px}
.h_li li li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.h_li li li li li{position:relative;padding-left: 9px}
.h_li li li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* h4뒤에 오는 li*/
.h4_li{margin:0 0 10px 18px}
.h4_li li{position:relative;margin-bottom:6px;padding-left:12px}
.h4_li li::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.h4_li li ul,.h4_li li ol{margin:8px 0 12px 0;}
.h4_li li li{position:relative;padding-left:10px}
.h4_li li li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/img/common/com_img.png) no-repeat -125px 0}
.h4_li li li li{position:relative;padding-left:11px}
.h4_li li li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.h4_li li li li li{position:relative;padding-left: 9px}
.h4_li li li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* 기본 li아이콘 #1 */
.li_dot1{margin:0 0 10px 0;text-align:left}
.li_dot1 li{position:relative;margin-bottom:6px;padding-left:12px}
.li_dot1 li::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.li_dot1 li ul,.li_dot1 li ol{margin:8px 0 12px 0;}
.li_dot1 li li{position:relative;padding-left:10px}
.li_dot1 li li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/img/common/com_img.png) no-repeat -125px 0}
.li_dot1 li ol.li_num2 li{position:relative;padding-left: 20px !important;}
.li_dot1 li li li{position:relative;padding-left:11px}
.li_dot1 li li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.li_dot1 li li li li{position:relative;padding-left: 9px}
.li_dot1 li li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* 기본 li아이콘 #2 */
.li_dot2{margin:0 0 10px 0;text-align:left}
.li_dot2 li{position:relative;padding-left:10px}
.li_dot2 li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/img/common/com_img.png) no-repeat -125px 0}
.li_dot2 li li{position:relative;padding-left:11px}
.li_dot2 li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.li_dot2 li li li{position:relative;padding-left: 9px}
.li_dot2 li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* 기본 li아이콘 #3 */
.li_dot3{margin:0 0 10px 0;text-align:left}
.li_dot3 li{position:relative;margin-bottom:3px;padding-left:11px}
.li_dot3 li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.li_dot3 li ul,.li_dot1 li ol{margin:5px 0 12px 0}
.li_dot3 li li{position:relative;padding-left: 9px}
.li_dot3 li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* dot 없는 li */
.li_none{margin:0 0 10px 0}
.li_none li{position:relative;margin:0 0 3px 0 !important;padding:0 !important;background:none !important}
.li_none li::before{display:none !important}
.li_none li ul,.li_none li ol{margin:5px 0 12px 0 !important}
.li_none li li{padding-left:12px !important}
.li_bold li{font-weight:bold}

/* 숫자가 있는 li */
.li_num{margin:0 0 10px 0}
.li_num > li{position:relative;margin-left:15px !important;margin-bottom:3px !important;padding-left:0 !important;list-style-type:decimal;background:none !important}
.li_num > li::before{display:none !important}
.li_num > li ol, .li_num > li ul{margin:5px 0 12px 0}

/* 숫자가 있는 li2 */
.li_num2{margin:0 0 10px 0}
.li_num2 li{position:relative;margin-bottom:3px;padding-left:25px}
.li_num2 li .num{position:absolute;top:2px;left:0;width:18px;height:18px;font-size:12px;color:#fff;text-align:center;line-height:16px;font-weight:bold;background:#b7b7b7;border-radius:50%}

/* h뒤에 오는 p */
.h2_p{margin:0 0 30px 0}/* h2뒤에 오는 p */
.h3_p{margin:0 0 16px 0}/* h3뒤에 오는 p */
.h4_p{margin:0 0 16px 18px}/* h4뒤에 오는 p */

/* h뒤에 오는 p dot */
.h_dot{position:relative;margin-bottom:10px;padding-left:12px}
.h_dot::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.h4_dot{position:relative;padding-left:11px}
.h4_dot::before{position:absolute;top:0px;left:0;width:4px;height:5px;content:'ㆍ'}

/* 기본 dot 아이콘 */
.dot1{position:relative;margin-bottom:10px;padding-left:12px}
.dot1::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.dot2{position:relative;margin-bottom:10px;padding-left:10px}
.dot2::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/img/common/com_img.png) no-repeat -125px 0}
.dot3{position:relative;padding-left:11px}
.dot3::before{position:absolute;top:0px;left:0;width:4px;height:5px;content:'-'}
.dot4{position:relative;padding-left:11px}
.dot4::before{position:absolute;top:0px;left:0;width:4px;height:5px;content:'ㆍ'}


/* 상단안내글 #1 */
.guideTxt{position:relative;padding:50px 50px 40px 194px;min-height:160px;background:#fff}
.guideTxt::before{content: "";display: inline-block;width: calc(100% + 1px);height: 45px;position: absolute;left: 0;top: 0;background: url(/img/common/guide_txt_top_bg.jpg) repeat-x;z-index: 30}
.guideTxt::after{content: "";display: inline-block;width: calc(100% - 10px);height: 30px;left: 5px;top: 5px;background: #fff;position: absolute;z-index: 31}
.guideTxt .guide_bg{border:1px solid #d3d5db;z-index: 20;width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.guideTxt .ic{display: inline-block;width: 102px;height: 102px;border-radius: 50%;z-index: 50;position: absolute;left: 50px;top: 30px;background: #f1f4fb}
.guideTxt .ic::after{content: "";width: 64px;height: 44px;display: inline-block;position: absolute;left: 19px;top: 29px;background: url(/img/common/com_img.png) no-repeat}
.guideTxt h2{margin-bottom:12px;font-family:'NanumSquare';font-size:22px;color: #333;position: relative;}
.guideTxt p{position: relative;margin-bottom: 9px;}
.guideTxt p:last-of-type{margin-bottom: 0;}
.guideTxt p, .guideTxt a, .guideTxt ul, .guideTxt h2{z-index: 50;position: relative;}

.guideTxt .ic_point{padding-left: 26px;position: relative;font-size: 14px;}
.guideTxt .ic_point::before{content: "※";display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;color: #fff;background-color: #eb5241;position: absolute;top: 2px;left: 0}

@media all and (min-width: 769px){
.guideTxt.img_type{padding-left: 385px;min-height: 293px}
.guideTxt.img_type .ic{width: 299px;height: 201px;border-radius: 0;top:50px;}
.guideTxt.img_type .ic::after{display: none;}
}

.guideTxt2{position:relative;padding: 50px 50px 50px 194px;min-height: 190px;background:#fff}
.guideTxt2::before{content: "";display: inline-block;width: calc(100% + 1px);height: 45px;position: absolute;left: 0;top: 0;background: url(../img/common/guide_txt_top_bg.jpg) repeat-x;z-index: 30}
.guideTxt2::after{content: "";display: inline-block;width: calc(100% - 10px);height: 30px;left: 5px;top: 5px;background: #fff;position: absolute;z-index: 31}
.guideTxt2 .guide_bg{border:1px solid #d3d5db;z-index: 20;width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.guideTxt2 .ic2{display: inline-block;width: 124px;height: 147px;z-index: 50;position: absolute;left: 50px;top: 30px;background: url(https://www.suyeong.go.kr/upload_data/board_data/BBS_0000087/171817814268027.jpg) no-repeat}
/*.guideTxt2 .ic2::after{content: "";width: 64px;height: 44px;display: inline-block;position: absolute;left: 19px;top: 29px;}*/
.guideTxt2 h2{margin-bottom:12px;font-family:'NanumSquare';font-size: 28px;color: #333;position: relative;}
.guideTxt2 h2 strong{font-size: 30px;letter-spacing: -2px;}
.guideTxt2 h2 strong span.pink{color:#f50089}
.guideTxt2 h2 strong span.yellow{color:#ffa600}
.guideTxt2 h2 strong span.green{color:#5daa10}
.guideTxt2 .blue{color:#0194e2}
.guideTxt2 p{position: relative;margin-bottom: 9px;}
.guideTxt2 p:last-of-type{margin-bottom: 0;}
.guideTxt2 p, .guideTxt2 a, .guideTxt2 ul, .guideTxt2 h2{z-index: 50;position: relative;}

.guideTxt22{position:relative;margin-bottom:20px;padding:6px;background:url('../img/common/guid_line.gif') repeat;border:1px solid #dadee6;}
.guideTxt22::before{content: "";display: inline-block;width: calc(100% + 1px);height: 45px;position: absolute;left: 0;top: 0;background: url(../img/common/guide_txt_top_bg.jpg) repeat-x;z-index: 30}
.guideTxt22::after{content: "";display: inline-block;width: calc(100% - 10px);height: 30px;left: 5px;top: 5px;background: #fff;position: absolute;z-index: 31}
.guideTxt22 .content{padding:50px 50px 40px 50px;min-height:160px;background:#fff}
.guideTxt22 .content::after{display:block;clear:both;content:''}
.guideTxt22 .content.ic_notice01{background-image:url('/img/common/notice_ic1.png');}
.guideTxt22 .content.ic_notice02{background-image:url('/img/common/notice_ic2.png');}
.guideTxt22 .content.ic_notice03{background-image:url('/img/common/notice_ic3.png');}
.guideTxt22 .content h2,.guideTxt22 .content h3{margin-bottom: 6px; font-size: 18px; font-family: 'GmarketSans'; font-weight: 400;}
.guideTxt22 .content.cter{padding-top:35px;min-height:100px;background-position:30px center;}
.guideTxt22 .content2{padding:45px 50px;background-color:#fff;background-repeat:no-repeat;}
.guideTxt22 .content2 h2{margin-bottom:20px;font-size:28px;color:#0e51b8}
.guideTxt22 .content2.bg{padding-right:350px;background-image:url('/img/sasang/sub/s1_5_img.gif');background-position:right center;}
.guideTxt22 .content2.bg02{padding-right:350px;background-image:url('/img/sasang/sub/s2_6_5_img04.png');background-position:right center;}
.guideTxt22 .content2.bg03{padding-right:350px;background-image:url('/img/sasang/sub/s2_6_5_img05_bg.png');background-position:90% center;}
.guideTxt22 .content3 {padding: 30px 40px 25px 40px; background-color: #fff; background-repeat: no-repeat;}
.guideTxt22 .content3 h2 {font-family:'GmarketSans'; margin-bottom: 10px; font-size: 24px; color: #0e51b8;}

.guideTxt3{position:relative;clear:both;margin-bottom:20px;padding:20px;background:#f1f5fc;border:1px solid #dadee6;}
.guideTxt3::after{display:block;clear:both;content:''}
.guideTxt3 .ic_notice{position:relative;padding-left:22px;font-size:15px;min-height:22px;background:url('/img/common/ic_atten.png') no-repeat 0 4px;}
.guideTxt3 .ic_report{position:relative;padding-left: 75px;padding-top: 10px;font-size:15px;min-height:62px; word-break: keep-all; background:url('/upload_data/board_data/BBS_0000264/172965095626417.png') no-repeat 0 4px;}
.guideTxt3 .ri_con{position:absolute;top:15px;right:16px;z-index:10}

/* 셀렉트 디자인 */
.yesan_select{position:relative;font-size:15px}
.yesan_select .btn_yesan{width:auto;background:#fff;border:1px solid #b6b6b6}
.yesan_select .btn_yesan a{display:block;padding:0 40px 0 10px;height:28px;line-height:26px;text-decoration:none;background:url('/img/sasang/sub/select_arrow.gif') no-repeat right top}
.yesan_select .btn_yesan a.on{background:url('/img/sasang/sub/select_arrow_up.gif') no-repeat right top}
.yesan_select .yesel_box{position:absolute;top:30px;left:0;width:100%;z-index:10}
.yesan_select ul{max-height:160px;overflow:auto;background:#fff;border:1px solid #888;border-width:0 1px 1px;}
.yesan_select ul li a{display:block;padding:5px 10px;text-decoration:none}
.yesan_select ul li a:hover,.yesan_select ul li a.on{color:#fff;background:#888}

/* 통계연보 */
.yeonbo_box{position:relative;padding: 30px 30px 30px 310px;min-height:420px}
.yeonbo_box dt{margin-bottom:10px;font-size:26px;color:#333;font-weight:bold;line-height: 1.7em;margin-top: 2px;}
.yeonbo_box dd.cover{position:absolute;top:30px;left:30px;}
.yeonbo_box dd.cover img {width:100%}
.yeonbo_box dd.cover img.mb5::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';color:#fff;font-weight:bold;background:url('/upload_data/board_data/BBS_0000087/174597897811545.png') repeat-y left top;z-index:100}

.yeonbo_tb{border-top:2px solid #5c81c6;border-bottom:1px solid #a5a5a5}
.yeonbo_tb h3{position:relative;padding:15px 20px;font-size:15px;color:#2a56a9;border-top:1px solid #ccc}
.yeonbo_tb .down_link{position:absolute;top:8px;right:20px}
.yeonbo_tb h3:first-child{border-top:0}
.yeonbo_tb h3+dl.first{border-top:1px solid #ccc}
.yeonbo_tb h4{position:relative;padding:15px 40px;background:url(/img/common/h3_dot.png) no-repeat 20px center;border-top:1px solid #ccc;}
.yeonbo_tb dl{position:relative;}
.yeonbo_tb dl dt{padding:15px 40px;font-weight:bold;background:url(/img/common/h3_dot.png) no-repeat 20px center;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.yeonbo_tb dl.first{border-top:0}
.yeonbo_tb dl.first dt{border:0}
.yeonbo_tb dl.first dd{position:absolute;top:8px;right:20px;padding:0;background:none}
.yeonbo_tb dl.last dt{border-bottom:0;}
.yeonbo_tb dl.last dd{position:absolute;top:8px;right:20px;padding:0;background:none;}
.yeonbo_tb dl dd{padding:20px 40px ;background:#f6f6f6}
.yeonbo_tb dl dd ol{height:100%;overflow:hidden}
.yeonbo_tb dl dd ol li{float:left;margin-bottom:5px;width:33.3%;font-size:13px}
.yeonbo_tb dl dd ol.col2 li{width:50%}
.yeonbo_tb dl dd ol ol{margin-left:10px}
.yeonbo_tb dl dd ol li li{float:none;margin-bottom:2px;width:100%}
.yeonbo_box.non_img{position:relative;padding: 30px 30px 30px 30px;min-height:150px}
.yeonbo_box.non_img dt{margin-bottom:10px;font-size:16px;color:#333;font-weight:bold}
.yeonbo_box.non_img dd.cover{position:absolute;top:30px;left:30px;}
.li_dot1 li li.w50{display:inline-block;width: 48% !important;background-color: #efefef;padding: 1px 0 1px 10px;margin: 0 5px 2px 0;}


@media all and (max-width: 768px){
  .yeonbo_box{padding: 20px;}
  .yeonbo_box dd.cover{position: relative;top: 0;left: 0;margin-bottom: 10px;text-align: center;}
  .li_dot1 li li.w50{display:inline-block;width: 98% !important;}
}

/* 사각박스 */
.sq_box{padding:22px 30px 20px 30px;background:#f4f6f9;font-size: 16px;position: relative;margin:0 0 20px 0} /*font-weight: bold;*/
.sq_box h2:first-child,.con_box h3:first-child,.con_box h4:first-child{margin-top:0}
.sq_box.ic{padding-left: 70px}
.sq_box.ic::before{content: "";display: inline-block;background: #4b68ba url(/img/common/com_img.png) -670px -6px no-repeat;width: 30px;height: 30px;position: absolute;top: 20px;left: 30px;}
.sq_box .btn_box{float: right;}
.sq_box.ic2{padding-left: 65px} /*여권 시계아이콘 때문에 추가*/
.sq_box.ic2::before{content: "";display: inline-block;background: url(https://www.suyeong.go.kr/upload_data/board_data/BBS_0000087/174668255989417.png) 1px 1px no-repeat;width: 30px;height: 30px;position: absolute;top: 20px;left: 30px;}





/* 절차, 단계 */
.stepCon{position:relative;overflow:hidden;z-index:2}

.stepCon{position:relative;overflow:hidden;z-index:2}
.stepCon ol::after{display:block;clear:both;content:''}
.stepCon ol{width:100%;text-align:center}
.stepCon ol > li{position:relative;float:left;margin:10px 0;padding-right:40px;text-align:center;}

.stepCon.bg{background: #f7f7f7;padding: 10px 0 10px 30px}
.stepCon ol.step1{display: flex;flex-wrap: wrap;justify-content: space-around;}
.stepCon ol.step1 > li{flex: auto;padding-right: 30px;}
.stepCon ol.step1 > li::after{position:absolute;top:50%;right:11px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/img/common/com_img.png') no-repeat -239px -25px;}
.stepCon ol.step1 > li > div{position:relative;padding:20px 5px 0 5px;min-height:120px;color:#333;background:#fff;border:1px solid #c4c4c4;z-index:2;}
.stepCon ol > li > div span{display:block;}
.stepCon ol > li > div .num{position:relative;margin-bottom:15px;padding:5px 0;line-height: 1;border-top:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;display: inline-block;color: #555;font-size: 16px}
.stepCon ol > li > div .tit{font-size:16px;line-height:22px;font-weight:bold;word-break: keep-all;}
.stepCon ol.mih > li > ul{min-height:80px}
.stepCon ol > li > ul > li{width:100%;font-size:14px}
.stepCon ol.step1 > li:first-child div{border:1px solid #07998d;color: #037b71;}
.stepCon ol > li:last-child::after{display:none}
.stepCon ol.step1 > li:first-child div .num{border-color: #07998d;color: #037b71;}
.stepCon ol.step1 > li:last-child div{color:#fff;background:#07998d;border:1px solid
 #07998d}
.stepCon ol.step1 > li:last-child div .num{border-color: #fff;color: #fff}

@media all and (min-width: 769px){
	.stepCon ol.step1.st4 > li:nth-child(4n+4)::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}	
	.stepCon ol.step1.st4 > li:nth-child(4n+5)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/img/common/com_img.png') no-repeat -239px -25px;}
}
@media all and (min-width: 641px) and (max-width: 768px){
	.stepCon ol.step1.st4 > li:nth-child(3n+3)::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}
	.stepCon ol.step1.st4 > li:nth-child(3n+4)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/img/common/com_img.png') no-repeat -239px -25px;}
}
@media all and (min-width: 451px) and (max-width: 640px){
	.stepCon ol.step1.st4 > li:nth-child(even)::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}
	.stepCon ol.step1.st4 > li:nth-child(2n+3)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/img/common/com_img.png') no-repeat -239px -25px;}
}
@media all and (max-width: 450px){
	.stepCon ol.step1.st4 > li::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}
	.stepCon ol.step1.st4 > li:nth-child(n+2)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/img/common/com_img.png') no-repeat -239px -25px;}
}



.stepCon ol.step2 > li::after{position:absolute;top:52px;right:16px;width:11px;height:18px;content:'';background:url('/img/common/com_img.png') no-repeat -316px 0;}
.stepCon ol.step2 > li > div .tit{margin-bottom:9px;padding:15px 10px;min-height:50px;background: #e4e4e4;}
.stepCon ol.step2 > li > div .con{position:relative;padding:15px 10px;min-height:70px;font-weight:normal;background:#fff;border:1px solid #c4c4c4;z-index:2}
.stepCon ol.step2 > li > div .con::before{position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;content:'';background:#fff;border:3px solid #c4c4c4;border-radius:50%}
.stepCon ol.step2 > li:first-child div .tit{color:#fff;background: #383a4a;}
.stepCon ol.step2 > li:first-child > div .con{border: 1px solid #383a4a;}
.stepCon ol.step2 > li:first-child > div .con::before{border: 3px solid #383a4a;}
.stepCon ol.step2 > li:last-child div .tit{color:#fff;background: #07998d;}
.stepCon ol.step2 > li:last-child > div .con{color: #037b71;border: 1px solid #07998d;}
.stepCon ol.step2 > li:last-child > div .con::before{border: 3px solid #07998d;}



/* 텍스트 탭메뉴 유형01 - 최대 7칸 */
.tabTxt01{margin-bottom:15px}
.tabTxt01 ul:after{display:block;clear:both;content:''}
.tabTxt01 ul li{position:relative;float:left;margin:-1px 0 0 -1px}
.tabTxt01 ul li:hover{}
.tabTxt01 ul li a{position:relative;display:block;padding:18px 45px 0 20px;height:60px;font-size:16px;border:1px solid #dadada;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition: all 0.3s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */}
.tabTxt01 li a::after{position:absolute;top:20px;right:20px;width:22px;height:22px;content:'';background:url(/img/common/com_img.png) no-repeat -102px -24px;border:1px solid #b2b2b2}
.tabTxt01 ul li a:focus, .tabTxt01 li a:hover{background:#f7f7f7}
.tabTxt01 ul li a.on,.tabTxt01 li a.on:hover,.tabTxt01 li a.on:focus{color:#fff;font-weight:bold;background:#4b68ba;box-shadow: 3px 3px 10px rgba(133,137,184,0.35);text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 1px;text-decoration-color: #eaeaea;font-weight: bold;}
.tabTxt01 ul li a.on::after{background-position:-80px -24px;border:1px solid #cce3f7}

ul.li2 > li,ol.li2 > li{width:50%}/* 2칸 */
ul.li3 > li,ol.li3 > li{width:33.3%}/* 3칸 */
ul.li4 > li,ol.li4 > li{width:25%}/* 4칸 */
ul.li5 > li,ol.li5 > li{width:20%}/* 5칸 */
ul.li6 > li,ol.li6 > li{width:16.6%}/* 6칸 */
ul.li7 > li,ol.li7 > li{width:14.2%}/* 7칸 */
ul.li8 > li,ol.li8 > li{width:12.5%}/* 7칸 */
ul.li9 > li,ol.li9 > li{width:11.2%}/* 7칸 */

.fli::after{display:block;clear:both;content:''}
.fli li{float:left}

/* 텍스트 탭메뉴 유형03 */
.tabTxt02{margin:15px 0;width:100%;text-align:right;}
.tabTxt02:after{display:block;clear:both;content:''}
.tabTxt02 li{display:inline-block;margin-left:-4px;vertical-align:top}
.tabTxt02 li a{display:block;color:#555;height: 57px;line-height:57px;text-decoration:none;background:#f6f6f6;border-top:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom: 1px solid #a0a0a0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;padding:0 20px}
.tabTxt02 li a.on{position:relative;color:#333;font-weight:bold;background:#fff;border-top:2px solid #3e4452;border-bottom:0;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0}


/* 이미지 탭 */
.tab_img{height:100%;overflow:hidden}
.tab_img li{float:left;margin:10px 0;width:50%;line-height:18px;text-align:center}
.tab_img li p{text-align:center}
.tab_img.li_3 li{width:33% !important}
.tab_img.li_1 li{width:100% !important}

/* 테이블공통 */
.tbl_txt{margin-bottom:5px;font-size:14px;text-align:right}
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_center tbody td,
.th_center tbody th{text-align:center}
.td_left2 tbody th+td,.td_left2 tbody tr td:first-child{text-align:left}/* th 다음에 오는 td만 왼쪽정렬 */
.td_left2 tbody td[rowspan]+td{text-align:left}
.td_left3 tbody tr td:first-child + td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;border-spacing:0;border-top:2px solid #383a4a;border-left:0;border-right:0;border-bottom:1px solid #d5d5d5;border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:10px 0;color:#333;line-height:18px;background:#f8f8f8;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5}
.t_typel thead th:first-child{border-left:0}
.t_typel thead tr th.fnone{border-left:0 !important}
.t_typel thead th[colspan]{border-bottom:1px solid #a5a5a5}/* th가 두줄이상으로 합쳐질때 border-bottom 값 */
.t_typel thead th[rowspan]{border-right:1px solid #a5a5a5}/* th가 두줄이상으로 합쳐질때 border-right 값 */
.t_typel thead th[rowspan]:last-child{border-right:0}
.t_typel thead th.none{border-bottom:1px solid #a5a5a5}/* th가 한줄일때 class추가 */
.t_typel tbody th{padding:10px;font-weight:bold;background:#fafafa;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right:1px solid #d5d5d5}
.t_typel tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #d5d5d5}
.t_typel tbody td{padding:10px;background:#fff;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody.none td{border-left:0;border-bottom:0}
.t_typel tbody td[rowspan]{border-right:1px solid #d5d5d5}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td.left{text-align:left;}
.t_typel tbody td+th{border-left:1px solid #d5d5d5}
.t_typel tfoot th{padding:10px 5px;background:#fafafa;border-right:1px solid #d5d5d5}
.t_typel tfoot td{padding:10px 5px;border-left:1px solid #d5d5d5}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #d5d5d5}
.t_typel thead tr th.h_line,.t_typel tbody th.h_line{border-left:1px solid #d5d5d5}
.t_typel tr.h_line th{border-left:1px solid #d5d5d5}
.t_typel tr.h_line th:first-child{border-left:0}
.t_typel tr.bg th,.t_typel tr.bg td,.t_typel th.bg,.t_typel td.bg{background:#f6f6f6 !important}
.thead_bg thead th{background:#fafafa}

.t_typel.has_btn_box{table-layout:fixed}

/* 테이블 상단 수정(23.6.22.) */
.t_typel_1 th,.t_typel td{border:0}
.t_typel_1 {width:100%;border-spacing:0;border-top:1px solid #d5d5d5;border-left:0;border-right:0;border-bottom:1px solid #d5d5d5;border-collapse: collapse}
.t_typel_1 tr { text-align: center; }
.t_typel_1 thead th{padding:10px 0;color:#333;line-height:18px;background:#f8f8f8;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5}
.t_typel_1 thead th:first-child{border-left:0}
.t_typel_1 thead tr th.fnone{border-left:0 !important}
.t_typel_1 thead th[colspan]{border-bottom:1px solid #a5a5a5}/* th가 두줄이상으로 합쳐질때 border-bottom 값 */
.t_typel_1 thead th[rowspan]{border-right:1px solid #a5a5a5}/* th가 두줄이상으로 합쳐질때 border-right 값 */
.t_typel_1 thead th[rowspan]:last-child{border-right:0}
.t_typel_1 thead th.none{border-bottom:1px solid #a5a5a5}/* th가 한줄일때 class추가 */
.t_typel_1 tbody th{padding:10px;font-weight:bold;background:#fafafa;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.t_typel_1 tbody th:first-child{border-left:0}
.t_typel_1 tbody th[rowspan]{border-right:1px solid #d5d5d5}
.t_typel_1 tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #d5d5d5}
.t_typel_1 tbody td{padding:10px;background:#fff;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.t_typel_1 tbody td:first-child{border-left:0}
.t_typel_1 tbody td[rowspan]{border-right:1px solid #d5d5d5}
.t_typel_1 tbody td[rowspan]:last-child{border-right:0}
.t_typel_1 tbody td.left{text-align:left;}
.t_typel_1 tbody td+th{border-left:1px solid #d5d5d5}
.t_typel_1 tfoot th{padding:10px 5px;background:#fafafa;border-right:1px solid #d5d5d5}
.t_typel_1 tfoot td{padding:10px 5px;border-left:1px solid #d5d5d5}
.t_typel_1 tfoot td[colspan]{border-left:0}
.t_typel_1 tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #d5d5d5}
.t_typel_1 thead tr th.h_line,.t_typel tbody th.h_line{border-left:1px solid #d5d5d5}
.t_typel_1 tr.h_line th{border-left:1px solid #d5d5d5}
.t_typel_1 tr.h_line th:first-child{border-left:0}
.t_typel_1 tr.bg th,.t_typel tr.bg td,.t_typel th.bg,.t_typel td.bg{background:#f6f6f6 !important}
.thead_bg_1 thead th{background:#fafafa}

.t_typel_1.has_btn_box{table-layout:fixed}






.td_center_1 tbody tr td:nth-child(1){text-align:center !important}
.td_center_2 tbody tr td:nth-child(2){text-align:center !important}
.td_center_3 tbody tr td:nth-child(3){text-align:center !important}
.td_center_4 tbody tr td:nth-child(4){text-align:center !important}
.td_center_5 tbody tr td:nth-child(5){text-align:center !important}

.td_left_1 tbody tr td:nth-child(1){text-align:left !important}
.td_left_2 tbody tr td:nth-child(2){text-align:left !important}
.td_left_3 tbody tr td:nth-child(3){text-align:left !important}
.td_left_4 tbody tr td:nth-child(4){text-align:left !important}
.td_left_5 tbody tr td:nth-child(5){text-align:left !important}


/* 기본버튼 */
.btnBs{display:inline-block;vertical-align:middle;text-align:center;background: #4b68ba;}
.btnBs a,
.btnBs button,
.btnBs input{position:relative; margin:0; display:-moz-inline-stack; display:inline-block; padding:0 18px;min-width:80px;height:38px;color:#fff;line-height:38px;font-weight:bold;text-decoration:none;white-space:nowrap;background:none;vertical-align:top;cursor:pointer;border:1px solid #5380d2;transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */}
.btnBs.big{min-width:160px}
.btnBs.big a,
.btnBs.big button,
.btnBs.big input{width:100%;height:48px;line-height:48px}
.btnBs a:hover,
.btnBs button:hover,
.btnBs input:hover{color: #4b68ba;background:#fff;border: 1px solid #4b68ba;}
.btnBs.gray{background-color:#3e4452}
.btnBs.gray a,
.btnBs.gray button,
.btnBs.gray input{border: 1px solid #383a4a;}
.btnBs.gray a:hover,
.btnBs.gray button:hover,
.btnBs.gray input:hover{color:#383a4a;border:1px solid #383a4a}
.btnBs.gray a:focus,
.btnBs.gray button:focus,
.btnBs.gray input:focus{outline:2px dashed #000; } /* 접근성 추가 */
.btnBs.red{background-color:#e61818}
.btnBs.red a,
.btnBs.red button,
.btnBs.red input{border:1px solid #e61818}
.btnBs.red a:hover,
.btnBs.red button:hover,
.btnBs.red input:hover{color:#e61818;border:1px solid #e61818}
.btnBs.green{background-color:#07998d}
.btnBs.green a,
.btnBs.green button,
.btnBs.green input{border:1px solid #07998d}
.btnBs.green a:hover,
.btnBs.green button:hover,
.btnBs.green input:hover{color:#07998d;border:1px solid #07998d}
.btnBs.pink{background-color:#ec5b73}
.btnBs.pink a,
.btnBs.pink button,
.btnBs.pink input{border:1px solid #ec5b73}
.btnBs.pink a:hover,
.btnBs.pink button:hover,
.btnBs.pink input:hover{color:#ec5b73;border:1px solid #ec5b73}


/* 파일아이콘 버튼 */
.btnDw{position:relative;display:inline-block;margin:1px 0;vertical-align:middle;line-height:40px;background:#fff}
.btnDw a{position:relative;display:block;padding:0 16px 0 40px;height:40px;border:1px solid #c2c2c2;transition: all 0.2s;font-size:14px;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */}
.btnDw::before{position:absolute;top:50%;left:15px;margin-top:-9px;width:17px;height:18px;content:'';background:url(/img/common/com_img.png) no-repeat}
.btnDw.ic_jpg::before{background-position:-347px 0}
.btnDw.ic_ai::before{background-position:-373px 0}
.btnDw.ic_pdf::before{background-position:-395px 0}
.btnDw.ic_ex::before{background-position:-413px 0}
.btnDw.ic_hwp::before{background-position:-433px 0}
.btnDw.ic_down::before{background-position:-453px 0}
.btnDw a:hover{color:#010101;font-weight:bold;border:1px solid #000}

/* 작은 버튼 */
.btnSm{
	position:relative;
	display:inline-block;
	margin: 1px;
	font-size:12px;
	vertical-align:middle;
	background:#fff;
	border:1px solid #4b68ba;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
	}
.btnSm a,
.btnSm button,
.btnSm input{position:relative; margin:0; display:-moz-inline-stack; display:inline-block; padding:0 10px;height:28px;font-size:13px;color:#4b68ba;line-height:28px;text-decoration:none;white-space:nowrap;background:none;vertical-align:top;cursor:pointer;border:0;transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */}
.btnSm.big a,
.btnSm.big button,
.btnSm.big input{height:38px;line-height:40px}	
.btnSm:hover{background:#4b68ba}
.btnSm:hover a,
.btnSm:hover button,
.btnSm:hover input{color:#fff}
.btnSm::before{position:absolute;top:50%;left:10px;content:'';background:url(/img/common/com_img.png) no-repeat}
.btnSm.ic_down a{padding-left:32px}
.btnSm.ic_down::before{margin-top:-7px;left:12px;width:18px;height:20px;background-position:-490px 0}
.btnSm.ic_down:hover::before{background-position:-490px -30px}
.btnSm.ic_view a,
.btnSm.ic_view button,
.btnSm.ic_view input{padding-left:34px}
.btnSm.ic_view::before{margin-top:-6px;width:18px;height:13px;background-position:-513px 0}
.btnSm.ic_view:hover::before{background-position:-513px -31px}
.btnSm.ic_link a,
.btnSm.ic_link button,
.btnSm.ic_link input{padding-left:32px}
.btnSm.ic_link::before{margin-top:-6px;width:13px;height:13px;background-position:-541px 0}
.btnSm.ic_link:hover::before{background-position:-541px -30px}
.btnSm.ic_blank a,
.btnSm.ic_blank button,
.btnSm.ic_blank input{padding-left:32px}
.btnSm.ic_blank::before{margin-top:-6px;width:13px;height:13px;background-position:-564px 0}
.btnSm.ic_blank:hover::before{background-position:-564px -30px}
.btnSm.ic_beview a,
.btnSm.ic_beview button,
.btnSm.ic_beview input{padding-left:32px}
.btnSm.ic_beview::before{margin-top:-7px;width:13px;height:15px;background-position:-614px -28px}
.btnSm.ic_beview:hover::before{background-position:-467px -29px}
/*여권*/
.btnSm.ic_Refresh a,
.btnSm.ic_Refresh button,
.btnSm.ic_Refresh input{padding-left: 38px;}
.btnSm.ic_Refresh::before{background:url('/upload_data/board_data/BBS_0000087/174668468151967.png') no-repeat;margin-top: -8px;width: 23px;height: 18px;background-position: 0 0;}
.btnSm.ic_Refresh:hover::before{background-position:0 -21px} 
.btnSm.ic_plus a,
.btnSm.ic_plus button,
.btnSm.ic_plus input{padding-left:26px}
.btnSm.ic_plus::before{margin-top:-1px;width:8px;height:2px;background:#2769cc}
.btnSm.ic_plus::after{content:"";display:inline-block;position:absolute;top:50%;margin-top:-4px;left:13px;width:2px;height:8px;background:#2769cc}
.btnSm.ic_plus:hover::before,.btnSm.ic_plus:hover::after{background:#fff;}
.btnSm.ic_min a,
.btnSm.ic_min button,
.btnSm.ic_min input{padding-left:26px}
.btnSm.ic_min::before{margin-top:-1px;width:8px;height:2px;background:#2769cc}
.btnSm.ic_min:hover::before{background:#fff;}

.btnSm.blue a,
.btnSm.blue button,
.btnSm.blue input{color:#fff;background:#4b68ba;border:1px solid #4b68ba}

.btnSm.ic_only a,
.btnSm.ic_only button,
.btnSm.ic_only input{text-indent: -9999px;width: 28px;padding-left: 0}
.btnSm.ic_only::before{left:50%;}
.btnSm.ic_only.ic_down::before{width: 14px;margin-left: -6px}
.btnSm.ic_only.ic_beview::before{margin-left: -7px}


/* 하단 버튼박스 */
.btn_box_bottom{text-align: center;margin-top: 30px}
@media all and (max-width: 640px){
	.btn_box_bottom > .btnBs{width: 80%;max-width:330px;margin-bottom: 5px}	
}

a.blank{position:relative;padding-right:18px;color:#0071d9}
a.blank::after{position:absolute;top:50%;right:0;margin-top:-6px;width:13px;height:13px;content:'';background:url(/img/common/com_img.png) no-repeat -401px -31px}

a.blank2{position:relative;padding-right:18px;}
a.blank2::after{position:absolute;top:50%;right:0;margin-top: -6px;margin-left: 3px;width: 15px;height: 23px;content:'';background: url(/img/common/com_img.png) no-repeat -540px -29px;}


.img_left{float:left;margin:0 20px 20px 0}
.img_right{float:right;margin:0 0 20px 20px}

/* iframe 스크롤숨기기 */
.ifrmScrol{overflow:hidden;width:100%}
.ifrmScrol iframe{display:block;margin:0 auto;width:102.5%}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.5);border-radius:50%}
.mblink a::after{position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;width:14px;height:16px;content:'';background:url(/img/common/com_img.png) no-repeat -614px -28px;opacity:0.8}


/* 사이트맵 */
.com_sitemap_box a:hover{text-decoration: underline;font-weight: bold;}
.com_sitemap_box .depth_2{width: 100%;border-top:2px solid #383a4a;}
.com_sitemap_box .depth_2 > li{padding: 35px 0 20px 0;display: flex;border-bottom: 1px solid #d5d5d5;min-height: 100px}
.com_sitemap_box h3.title{margin-top: 0;flex-shrink: 0;width: 160px;padding-right: 15px;word-break: break-all;}
.com_sitemap_box h3.title.long{width: 100%}

.com_sitemap_box .depth_3{display: flex;flex-wrap: wrap;width: 100%}
.com_sitemap_box .depth_3 > li{margin-bottom: 15px;width: 25%;padding-right: 15px;}
.com_sitemap_box .depth_3 > li > ul{margin:10px 0 0 -5px;text-align:left}
.com_sitemap_box .depth_3 > li > ul li{position:relative;margin-bottom:3px;padding-left:11px;color: #666;font-size: 14px}
.com_sitemap_box .depth_3 > li > ul li::before{position:absolute;top:11px;left:0;width:6px;height:1px;content:'';background:#777;}

@media all and (max-width:640px){
	.com_sitemap_box .depth_2 > li{flex-direction: column;padding: 25px 10px 10px 10px;}
	.com_sitemap_box h3.title{width: auto;margin-bottom: 15px}
	.com_sitemap_box .depth_3 > li{width: 50%}
}


.clearfix::after{content:"";display: block;width: 100%;height: 0;overflow: hidden;clear: both}


/* pc 테이블 가로스크롤 */
	.mb_scroll2{position:relative}
	.mb_scroll2 .tbBox{position:relative;padding-top:30px;width:100%;overflow:auto}
	.mb_scroll2 table{width:640px}
	.mb_scroll2::before{position:absolute;top:0;left:50%;content:'좌우로 스크롤을 움직이면 내용을 볼 수 있습니다';font-size:13px;display: inline-block;padding: 2px 0 2px 82px;background: url(/img/common/mb_scroll.png)left center no-repeat;transform: translateX(-50%);-ms-transform: translateX(-50%);white-space: nowrap;}


@media all and (max-width:600px){
	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative}
	.mb_scroll .tbBox{position:relative;padding-top:30px;width:100%;overflow:auto}
	.mb_scroll table{width:640px}
	.mb_scroll::before{position:absolute;top:0;left:50%;content:'좌우로 스크롤을 움직이면 내용을 볼 수 있습니다';font-size:13px;display: inline-block;padding: 2px 0 2px 82px;background: url(/img/common/mb_scroll.png)left center no-repeat;transform: translateX(-50%);-ms-transform: translateX(-50%);white-space: nowrap;}
}
@media all and (max-width:640px){
	.mblink a{display:block}
}

/* 이미지 왼쪽정렬 콘텐츠 */
.phBox{width:100%}
.phBox:after{display:block;clear:both;content:''}
.phBox .content{float:right}
.phBox .content h2:first-child{margin-top:0}
.phBox .content h3:first-child{margin-top:0}

/* 페이지만족도 */
#change{position:relative;clear:both;margin-top:70px;font-size:14px;border:1px solid #dadada;}
#change .page_infor{position:relative;padding:15px 20px;color:#555;overflow:hidden;min-height:55px}
#change .page_infor ul::after{display:block;clear:both;content:''}
#change .page_infor ul li{position:relative;float:left;margin-right:15px;padding-left:27px;background-repeat:no-repeat;background-position:left center}
#change .page_infor ul li::before{position:absolute;top:0;left:0;content:'';background: #6b7482 url(/img/common/com_img.png) no-repeat -180px -240px;width: 22px;height: 22px;border-radius: 50%;}
#change .page_infor ul li.ic1::before{background-position:-476px -78px}
#change .page_infor ul li.ic2::before{background-position:-497px -78px}
#change .page_infor ul li.ic3::before{background-position:-517px -78px}
#change .page_infor .mod_data{position:absolute;right:10px;top:15px;padding-left: 21px;}
#change .page_infor .mod_data::before{background-color: transparent;width: 16px;height: 15px;background-position: -621px -84px;top: 3px}
#change .ch_check{position:relative;padding:25px 20px 33px 463px;background:#f7f7f7;}
#change .ch_check::after{display:block;clear:both;content:''}
#change .ch_check dt{position:absolute;top:25px;left:70px;color:#333;font-weight:bold;font-size: 15px;}
#change .ch_check dt::before{content: "";display: inline-block;width: 38px;height: 38px;background: #fff url(/img/common/com_img.png) -642px -75px no-repeat;position: absolute;left: -50px;top: -5px;border-radius: 50%;}
#change .ch_check dd.ch_list{position:absolute;top:55px;left:65px}
#change .ch_check dd.ch_list ul li{display:inline-block;margin-right:8px;color:#666}
#change .ch_check dd.wri_bx{position:relative;padding:0 64px 0 0;}
#change .ch_check dd.wri_bx textarea{padding:13px 10px 13px 10px;width:100%;height:45px;font-size:13px;border-color: #bbb;}
#change .ch_check dd .w_btn{position:absolute;top:1px;right:0;width:64px;height:45px;font-size:13px;color:#fff;background:#4b68ba;border:0;cursor:pointer;-webkit-appearance: none}
#change .ch_check dd .w_btn:focus{outline:2px dashed #000; } /* 접근성 추가 */

.root_daum_roughmap_landing{width:100% !important;}
.root_daum_roughmap .wrap_map{height: 450px !important}
/*.root_daum_roughmap .wrap_controllers{display: none;}*/

/* 사이트맵(본청외 사이트) */
.sitemap_con{text-align:left}
.sitemap_con:after{display:block;clear:both;content:''}
.sitemap_con > li{display:inline-block;width:29.5%;margin:0 1.5% 60px 1.5%;vertical-align:top;text-align:left}
.sitemap_con > li h2{font-size:18px;color:#2a56a9;text-align:center;border-top:2px solid #5c81c6;border-bottom:1px solid #e3e3e3}
.sitemap_con > li h2 a{display:block;padding:15px 0;color:#2a56a9}
.sitemap_con > li > ul > li{padding:15px;font-weight:bold;border-bottom:1px dashed #bbb}
.sitemap_con > li > ul > li:last-child{border-bottom:1px solid #5c81c6}
.sitemap_con > li > ul > li > ul{margin:10px 0 10px 8px}


 /* PC Device */
@media all and (min-width:640px){
	.mb_tab .selet_txt{display:none}
	.mb_tab ul{display:block !important}
}
/* Tablet Device */

@media all and (max-width:1024px){
	.ggNuri{height: auto; min-height: 54px; line-height: 1.4}

	#change .ch_check{padding:15px 10px 10px 10px}
	#change .ch_check dt{position:relative;top:0;left:0;padding-left: 50px;}
	#change .ch_check dd.ch_list{position:relative;top:0;left:0;margin-bottom:10px;padding-left: 45px;}
	#change .ch_check dt::before{left: 0;}
	#change .ch_check dd.wri_bx{padding:0;border-left:0}	
}

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

	.ifrmScrol iframe{width:103%}

}
 /* Mobile Device */
@media all and (max-width:768px){
	
	.guideTxt{padding: 20px;min-height: auto}
	.guideTxt .ic{display: none}

	#change .page_infor .mod_data{position: relative;top: 0;right: 0;padding-left: 27px;}
	#change .page_infor .mod_data::before{left: 3px}
	#change .page_infor ul li{width: 50%;margin-right: 0;margin-bottom: 10px}


	ul.li4 li,ul.li5 li,ul.li6 li,ul.li7 li,
	ol.li4 li,ol.li5 li,ol.li6 li,ol.li7 li{width:33.33%}
	

}
 /* Mobile Device */
@media all and (max-width:640px){
	h1.title{margin-bottom:30px;padding-bottom:15px;font-size:26px}	

	.ifrmScrol iframe{width:104%}

	.sq_box .btn_box{margin-top: 15px}

	/* 탭 셀렉트 변환 */
	.mb_tab{border:0}
	.mb_tab ul li{width:100%}
	.mb_tab ul.li4 li{width:100%}
	.mb_tab ul.li4 li a{margin:0 5px}
	.mb_tab{position:relative;padding:0}
	.mb_tab .selet_txt{position:relative;display:block;width:100%;height:41px;color:#333;font-weight:bold;text-decoration:none;background:#f1f5fc;border:1px solid #dadee6}
	.mb_tab .selet_txt::after{position:absolute;top:50%;right:10px;margin-top:-4px;width:22px;height:12px;content:'';background:url(/img/common/com_img.png) no-repeat -239px 0}
	.mb_tab .selet_txt.on{color:#3977c3}
	.mb_tab .selet_txt.on::after{background-position:-274px 0;opacity:0.4}
	.mb_tab ul{display:none;position:absolute;top:40px;left:0;padding:5px 0 4px 0;width:100%;background:#fff;border:1px solid #dadee6;z-index:100}
	.mb_tab ul li{text-align:left}
	.mb_tab ul li a{display:block;margin:0 2px 0 5px;padding:10px 45px 10px 10px;height:auto;text-decoration:none;background:#fff }
	.mb_tab li a::after{top:10px;right:10px}
	

	ul.li3 li,ul.li4 li,ul.li5 li,ul.li6 li,ul.li7 li,
	ol.li3 li,ol.li4 li,ol.li5 li,ol.li6 li,ol.li7 li{width:50%}
	
	#change{margin-top: 50px;}
	#change .page_infor ul li{width: 100%;}
	#change .page_infor ul li:last-child{margin-bottom: 0;}	

	.ggNuri{
		background-position: left top;
		padding-top: 64px; padding-left: 0 !important;
	}	

}

 /* Mobile Device */
@media all and (max-width:450px){

	.btnDw a{height:auto;padding:11px 16px 11px 40px;line-height:1.2}
	
	ul.li2 li,ul.li3 li,ul.li4 li,ul.li5 li,ul.li6 li,ul.li7 li,
	ol.li2 li,ol.li3 li,ol.li4 li,ol.li5 li,ol.li6 li,ol.li7 li{width:100%}

	.sitemap_con > li{margin:0 0 20px;padding:0 10px;width:100%}
	.sitemap_con a{display:block}
}




/* 
==================
신규 css
==================
*/
.ic_point{padding-left: 26px;position: relative;}
.ic_point::before{content: "※";display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;color: #fff;background-color: #eb5241;position: absolute;top: 2px;left: 0}

/* 링크버튼 */
.guide_btn_link{display: inline-block;width: auto;height: 48px;line-height:48px;padding: 0 72px 0 24px;position: relative;border: 1px solid #383a4a;color: #383a4a;font-size: 16px; background:#fff;}
.guide_btn_link::after{content: "";display: inline-block;width: 47px;height: 46px;position: absolute;right: 0;top: 0;background: #383a4a url(/img/common/com_img.png) -172px 14px no-repeat}
.guide_btn_link:hover,.guide_btn_link:focus{text-decoration: underline;font-weight: bold;}

/* 테이블 작은버튼 */
.tbl_sm_btn{display: inline-block;width: 30px;height: 30px;text-indent: -9999px;border:1px solid #605e5e;background: #fff;position: relative}
.tbl_sm_btn::after{content: "";display: inline-block;position: absolute;left: 50%;top: 50%;background: url(/img/common/com_img.png) no-repeat;}
.tbl_sm_btn:hover,.tbl_sm_btn:focus{border-color: #4b68ba}
.tbl_sm_btn.ic_file::after{background-position: -587px 0;width: 17px;height: 17px;margin-left: -8px;margin-top: -8px;}
.tbl_sm_btn.ic_file:hover::after,.tbl_sm_btn.ic_file:focus::after{background-position: -587px -27px}
.tbl_sm_btn.ic_dot::after{background-position: -614px 0;width: 13px;height: 15px;margin-left: -6px;margin-top: -8px;}
.tbl_sm_btn.ic_dot:hover::after,.tbl_sm_btn.ic_dot:focus::after{background-position: -614px -28px}
.tbl_sm_btn.ic_home::after{background-position: -637px 0;width: 18px;height: 17px;margin-left: -9px;margin-top: -8px;}
.tbl_sm_btn.ic_home:hover::after,.tbl_sm_btn.ic_home:focus::after{background-position: -637px -27px}


/* new_버튼스타일 */
.basic_btn{min-width: 82px;display: inline-block;border: none;color: #fff;text-align: center;padding: 7px 20px;font-weight: bold;font-size: 15px;background-color: #2f343a}
.basic_btn span{display: inline-block;position: relative;}
.basic_btn.color_b{background-color: #0091d6}
.basic_btn.color_y{background-color: #f7941e}
.basic_btn.color_r{background-color: #e25355}
.basic_btn.color_g{background-color: #626770}
.basic_btn.color_g2{background-color: #2f343a}
.basic_btn.color_b2{background-color: #0c4e9f}

.basic_btn span.has_ic::before{background-image: url(/img/lll/common/btn_com_img.png);background-repeat: no-repeat;}
.basic_btn span.ic_list{padding-left: 22px}
.basic_btn span.ic_list::before{content: "";display: inline-block;width: 14px;height: 12px;position: absolute;left: 0;top: 5px;background-position: 0 0;}
.basic_btn span.ic_print{padding-left: 25px}
.basic_btn span.ic_print::before{content: "";display: inline-block;width: 16px;height: 17px;position: absolute;left: 0;top: 5px;background-position: -24px 0;}
.basic_btn span.ic_excel{padding-left: 22px}
.basic_btn span.ic_excel::before{content: "";display: inline-block;width: 15px;height: 16px;position: absolute;left: 0;top: 5px;background-position: -50px 0;}

.basic_btn.big_btn{min-width: 142px;padding: 12px 20px;border: 1px solid transparent;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.basic_btn.big_btn:focus,.basic_btn.big_btn:hover{border-color: #1c1f23;background-color: #fff;color: #3c3c4e}


/* flex */
.flex_box{display: flex;flex-wrap: wrap;}
.flex_box > li,.flex_box > dl,.flex_box > div{flex-shrink: 0;margin-bottom: 10px}
.flex_box .img_box+span{margin-top: 10px}
.flex_box.btween{justify-content: space-between;flex-wrap: wrap;}

.flex_box img{display: block;width: 100%}
.flex_box.li2 > img{max-width: calc(50% - 5px)}
.flex_box.li3 > li,.flex_box.li3 > dl ,.flex_box.li3 > div{max-width: calc(33.33% - 5px);}
.flex_box.li4 > li,.flex_box.li4 > dl ,.flex_box.li4 > div{max-width: calc(25% - 5px);}
.flex_box.li2 > li,.flex_box.li2 > dl ,.flex_box.li2 > div{max-width: calc(50% - 5px);}

.flex_box.margin li{margin-right:7px;margin-bottom:7px;}

@media all and (max-width: 768px){
	.flex_box > li, .flex_box > dl, .flex_box > div{flex-shrink: 1;}
	.flex_box.li4 > li,.flex_box.li4 > dl ,.flex_box.li4 > div,.flex_box.li3 > li,.flex_box.li3 > dl ,.flex_box.li3 > div{min-width: calc(50% - 5px);margin-bottom: 10px}
}
@media all and (max-width: 450px){
	.flex_box.li4 > li,.flex_box.li4 > dl ,.flex_box.li4 > div,.flex_box.li3 > li,.flex_box.li3 > dl ,.flex_box.li3 > div,.flex_box.li2 > li,.flex_box.li2 > dl ,.flex_box.li2 > div,.flex_box.li2 img{min-width: 100%;margin-bottom: 5px}
}

/* float */
.float_box::after{content:"";display:block;width:100%;clear:both;}
.float_box li{float:left}
.float_box li img{width:100%}
.float_box.li3 li{width: calc(33.33% - 5px);margin-right:7px;margin-bottom:7px;}
@media all and (min-width: 769px){
	.float_box.li3 li:nth-child(3n+3){margin-right:0}
}
@media all and (max-width: 768px){
	.float_box.li3 li{width:calc(50% - 4px);margin-right:8px;}
	.float_box.li3 li:nth-child(2n+2){margin-right:0}
}
@media all and (max-width: 450px){
	.float_box.li3 li{margin-right:0;width:100%;}	
}

.photo_box_style01{position: relative;margin-bottom: 25px}
.photo_box_style01 .tit_box{width: 60%;min-width: 260px;height: 62px;padding: 20px 20px 0 20px;position: absolute;left: 0;bottom: 0;background-color: #fff;font-size: 16px;}
.photo_box_style01 .tit_box span{font-family: 'NanumSquare';font-size: 21px;display: block;line-height: 1}


.content_preparing{padding-top: 325px;background: url(/img/common/content_preparing.png) center 63px no-repeat;min-height: 550px}
.content_preparing h2{font-size: 28px;font-family: 'NanumSquare';line-height: 1;color: #222;margin-bottom: 25px;text-align: center;}
.content_preparing h2 span{font-weight: normal;}
.content_preparing p{text-align: center;}


/* 개인정보처리방침 */
.pims_con{}
.pims_con h2.title{margin:30px 0 5px 0 !important;}
.pims_con h2.title::before{top:8px !important;}
.pims_con h2.title.ic_no::before{top:7px !important;}
.pims_con .labic{display:inline-block; width:50px; vertical-align:middle;}
.pims_con .labic:first-child{margin-left:10px;}
.pims_con .labic.ic01{}
.pims_con .downBox .btn{top:3px !important; width:230px !important; background:none !important;}


/* 공공누리 */
.nuri_wrap{width: 100%;min-height:110px;border:1px solid #dadada;position: relative;padding-left: 290px;margin-top: 40px;}
.nuri_wrap .nuri_mark{min-width: 290px;height: 100%;padding: 0 30px;background: #fff;display: flex;align-items: center;position: absolute;left: 0;top: 0;}
.nuri_wrap .nuri_mark a:focus{outline:2px dashed #000; } /* 접근성 추가 */
.nuri_wrap .nuri_txt{width: 100%;height:100%;padding: 24px 35px;background: #f7f7f7;font-size: 14px;}
.nuri_wrap .nuri_txt a{display: block;padding-left: 22px;position: relative;font-size: 16px;font-weight: bold;color: #037b71;margin-bottom: 8px}
.nuri_wrap .nuri_txt a::before{content: "";display: inline-block;width: 16px;height: 15px;position: absolute;left: 0;top: 4px;background: url(/img/common/com_img.png) -139px -25px no-repeat;}
@media all and (max-width: 640px){
	.nuri_wrap{padding-left: 0;padding: 0}
	.nuri_wrap .nuri_mark{width: 100%;height: auto;padding:15px;position: relative;}
	.nuri_wrap .nuri_txt{padding: 15px}
	.nuri_wrap .nuri_txt a{font-size: 15px}

	.content_preparing{background-size: 340px auto;background-position: center 30px;padding-top: 250px;min-height: 400px}
}

/* 지도공통 */
.suyeong_map_box .map_info{height: 70px;border-bottom: 1px solid #e6e6e6;position: relative;display: flex;justify-content: space-between;padding:0 20px;align-items: center;}
.suyeong_map_box .map_info .address{font:bold 20px/1.3 'NanumSquare';color: #222;}
.suyeong_map_box .map_info .tel,
.suyeong_map_box .map_info .fax{display: inline-block;padding-left: 34px;position: relative;}
.suyeong_map_box .map_info .fax{margin-left: 15px;}
.suyeong_map_box .map_info .tel::before{content: "T";display: inline-block;width: 24px;height: 24px;border-radius: 50%;background-color: #4b69ba;color: #fff;text-align: center;font-weight: bold;font-size: 14px;line-height: 24px;position: absolute;left: 0;top: 0;}
.suyeong_map_box .map_info .fax::before{content: "F";display: inline-block;width: 24px;height: 24px;border-radius: 50%;background-color: #1e2a4a;color: #fff;text-align: center;font-weight: bold;font-size: 14px;line-height: 24px;position: absolute;left: 0;top: 0;}
@media all and (max-width:1024px){
	.suyeong_map_box .map_info .fax{margin-top: 10px;margin-left: 0;}
}
@media all and (max-width:640px){
	.suyeong_map_box .map_info{flex-wrap: wrap;height: auto;padding: 20px}
	.suyeong_map_box .map_info .address{font-size: 18px;margin-bottom: 10px}
	.suyeong_map_box .tel_box .fax{margin-left: 10px}
}
@media all and (max-width:340px){
	.suyeong_map_box .tel_box .fax{margin-left: 0;display: block;}
}   


/* 연혁 공통 */
.sy_history_wrap{padding-top: 100px;position: relative;padding-bottom: 30px}
.sy_history_wrap .top_box{width: 100%;height: 250px;background-size: cover;}
.sy_history_wrap .tit_box{width: 300px;height: 180px;top: 0;left: 50%;margin-left: -150px;box-shadow: -12px 12px 20px rgba(0,0,0,0.2);text-indent: -9999px;position: absolute;}

.sy_history_wrap .history_box{position: relative;padding-top: 60px}
.sy_history_wrap .history_box .mid_bd{display: inline-block;position: absolute;width: 6px;height: 100%;background-color: #e5e5e5;left: 50%;margin-left: -3px;top: 0;}
.sy_history_wrap .history_box .mid_bd::after{content: "";display: inline-block;width: 6px;height: 70px;background: linear-gradient(to bottom,rgba(229,229,229,1),rgba(229,229,229,0));position: absolute;left: 0;bottom: -70px}
.sy_history_wrap .list_box{display: flex;-ms-display: flexbox;position: relative;margin-bottom: 55px}
.sy_history_wrap .list_box:last-child{margin-bottom: 0;}
.sy_history_wrap .history_list::after{content: "";display: inline-block;width: 28px;height: 28px;position: absolute;left: 50%;margin-left: -14px;top: 0;border:7px solid #fff;background-color: #294baa;border-radius: 50%;z-index: 1;}
.sy_history_wrap .history_list,.sy_history_wrap h3{width: 50%;}
.sy_history_wrap h3{text-align: right;padding-right: 30px;font-size: 30px;line-height: 1;color: #333;font-family: 'NanumSquare'}
.sy_history_wrap .list_box .history_list{padding-left: 30px;padding-top: 4px}
.sy_history_wrap .list_box dl{display: flex;-ms-display: flexbox;margin-bottom: 8px}
.sy_history_wrap .list_box dt{font-size: 16px;font-weight: bold;color: #294baa;width: 106px;flex-shrink: 0;}
.sy_history_wrap .list_box dd{font-size: 16px}
@media all and (min-width: 641px){
  .sy_history_wrap .list_box:nth-child(even) h3{order:1;text-align: left;padding-right: 0;padding-left: 30px;}
  .sy_history_wrap .list_box:nth-child(even) .history_list{text-align: right;padding-right: 30px;padding-left: 0;}
  .sy_history_wrap .list_box:nth-child(even) dl{flex-direction: row-reverse;}
}
@media all and (max-width: 640px){
  .sy_history_wrap .list_box{flex-direction: column;}
  .sy_history_wrap .history_list,.sy_history_wrap h3{width: 100%}
  .sy_history_wrap h3{text-align: left;padding-right: 0;padding-left: 30px;margin-bottom: 10px;font-size: 24px}
  .sy_history_wrap .history_box .mid_bd{left: 5px;margin-left: 0;}
  .sy_history_wrap .history_list::after{left: 8px;top: -3px}
}


.ic_sq_box{background-color: #f7f7f7;padding: 40px 20px 20px 168px;position: relative;}
.ic_sq_box .ic{width: 100px;height: 100px;background-repeat: no-repeat;position: absolute;left: 40px;top: 35px;text-indent: -9999px;display: inline-block;}
.ic_sq_box h4{font-family: 'NanumSquare';font-size: 22px;line-height: 1;margin-bottom: 10px;}
.ic_sq_box h4 span{color: #294baa;}
.ic_sq_box p strong{display: block;font-size: 16px;}
@media all and (max-width: 640px){
	.ic_sq_box{padding: 20px;}
	.ic_sq_box .ic{display: none;}
}


h2.h2_style01{font:normal 28px/1.4 'NanumSquare';padding-top: 58px;position: relative;text-align: center;margin-bottom: 28px}
h2.h2_style01::before{content: "";display: inline-block;width: 1px;height: 47px;background-color: #000;left: 50%;top: 0;position: absolute;}
h2.h2_style01::after{content: "";display: inline-block;width: 7px;height: 7px;background-color: #fff;left: 50%;margin-left: -3px;top: 0;border-radius: 50%;border:1px solid #000;position: absolute;}
h2.h2_style01 span{color: #294baa;}

@media all and (max-width: 640px){
  h2.h2_style01{font-size: 20px;margin-bottom: 15px;letter-spacing: -1.5px;word-break: keep-all;}
}


.img_txt_box_style01{position: relative;display: inline-block;}
.img_txt_box_style01 .txt_box{padding: 30px 40px 0 40px;position: absolute;right: 0;bottom: 0;background-color: #fff}
.img_txt_box_style01 .txt_box h3{font-weight: bold;margin-bottom: 10px;}

@media all and (max-width: 640px){
	.img_txt_box_style01 .txt_box{position: relative;padding: 0;margin-top: 10px}
}


/* 사진옆에 설명이 있는 컨텐츠 */
.photo_txt_list{display: flex;margin-bottom: 55px;}
.photo_txt_list h2.title{margin-top: 0;}
.photo_txt_list .img_box{flex-shrink: 0;margin-right: 30px;}
@media all and (max-width: 640px){
	.photo_txt_list{flex-direction: column;margin-bottom: 30px}
	.photo_txt_list .img_box{margin-right: 0;}
	.photo_txt_list .txt_box{margin-top: 15px}
}


/* 테두리박스안에 사진과 설명명이 있는 컨텐츠 */
.border_photo_txt_list{width: 100%;margin-top: 30px}
.border_photo_txt_list {display: flex;flex-wrap: wrap;}
.border_photo_txt_list li{width: calc(33.33% - 16px);border:1px solid #cfcfcf;display: flex;margin-right: 24px;flex-direction: column;margin-bottom: 24px}
.border_photo_txt_list.li4 li{width: calc(25% - 12px);margin-right: 14px;}
.border_photo_txt_list li .img_box{display: flex;justify-content: center;align-items: center;}
.border_photo_txt_list li .img_box img{width: 100%}
.border_photo_txt_list li .txt_box{border-top:1px solid #cfcfcf;background-color: #f3f3f3;text-align: center;line-height: 40px;}
@media all and (min-width: 641px){
	.border_photo_txt_list.li3 li:nth-child(3n+3){margin-right: 0;}
	.border_photo_txt_list.li4 li:nth-child(4n+4){margin-right: 0;}
}
@media all and (max-width: 640px){
  .border_photo_txt_list li{width: calc(50% - 5px) !important;margin-right: 10px !important;margin-bottom: 10px}
  .border_photo_txt_list li:nth-child(2n+2){margin-right: 0 !important}	
}
@media all and (max-width: 450px){
	.border_photo_txt_list li{width: 100% !important;margin-right: 0 !important;}
}               

/* 셀렉트 박스 스타일01 */
.select_box_style01{position:relative;margin-bottom:20px;padding:22px 25px;background:#f6f6f6;border:1px solid #dadada;word-break: keep-all;}
.select_box_style01::after{display:block;clear:both;content:''}
.select_box_style01 .btnSelect{position:absolute;top:14px;right:25px}
.select_box_style01 .btnSelect button{position:relative;height:37px;line-height:35px;text-align:left;background:#fff;border:1px solid #b6b6b6}
.select_box_style01 .btnSelect button span{position:relative;display:block;padding:0 80px 0 15px;}
.select_box_style01 .btnSelect button::after{position:absolute;top:0;right:0;width:32px;height:100%;content:'';background:#f6f6f6;border-left:1px solid #b6b6b6}
.select_box_style01 .btnSelect button::before{position:absolute;top:50%;right:12px;margin-top:-2px;width:7px;height:4px;content:'';z-index:2;border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 4px solid #777;}
.select_box_style01 .btnSelect button.on::before{background-position:-115px -460px}
.select_box_style01 .btnSelect ul{display:none;position:absolute;top:36px;left:0;width:100%;max-height: 175px;overflow: auto;background:#fff;border:1px solid #b6b6b6;z-index:20}
.select_box_style01 .btnSelect ul li{border-top:1px solid #e7e7e7}
.select_box_style01 .btnSelect ul li:first-child{border-top:0}
.select_box_style01 .btnSelect ul li a{display:block;padding:5px 15px}
.select_box_style01 .btnSelect ul li a:hover{color:#fff;background:#4b68ba}
@media all and (max-width: 640px){
	.select_box_style01 .btnSelect{position:relative;top:0;right:0;float:right;margin-top:5px}
}


/* 테이블내 다운로드 리스트(예산서) */
.t_typel.has_btn_box ul{display: flex;flex-wrap: wrap;padding-top: 20px;padding-left: 4%}
.t_typel.has_btn_box ul li{width: 46%;position: relative;padding-right: 65px;margin-right: 4%;margin-bottom: 10px}
.t_typel.has_btn_box li .btn_box{position: absolute;right: 0;top: -6px;}
.t_typel.has_btn_box li .btn_box .ic_down{margin-right: 3px;}

/* 다운로드 리스트(예산공시) */
.down_list_style01{width: 100%;border-top: 2px solid #3e4452;margin-top: 10px}
.down_list_style01 ul{width: 100%;}
.down_list_style01 li{width: 100%;display: flex;padding-left: 50px;height: 60px;border-bottom:1px solid #ccc;align-items: center;}
.down_list_style01 li.bg_list{background-color: #d0d8ed;border-bottom-color: #a5a5a5}
.down_list_style01 li h3,.down_list_style01 h4{width: 256px;}
.down_list_style01 li h3{font-size: 17px;color: #333;}
.down_list_style01 .link_box{background-color: #f8f8f8;padding: 20px 0 20px 63px;border-bottom: 1px solid #ccc}
.down_list_style01 .link_box a{color: #333;display: block;line-height: 35px;font-weight: bold;}
.down_list_style01 .link_box a:hover{text-decoration: underline;}
@media all and (max-width: 640px){
.down_list_style01 li{height: auto;padding: 20px 10px;flex-direction: column;align-items: flex-start;}
.down_list_style01 li h3,.down_list_style01 h4{width: 100%}
.down_list_style01 .link_box{padding-left: 15px}
}     

#subContainer #content{font-size:16px;letter-spacing:-0.5px;}


/* 하단다운로드 */
.downBox{
	width: 100%;
	position:relative;padding:25px 220px 25px 40px;
	background:#f3f4f8;
}
.downBox h2{
	margin-bottom:10px;font-size:18px;
	font-family: 'NanumSquare'; margin-bottom: 5px !important;
}
.downBox h2.mark,
.downBox h2.mark + p{
	padding-left: 30px;
	position: relative;
}
.downBox h2.mark::before{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common2.png);
	background-repeat: no-repeat;	
	background-position: -233px -478px;
	top: 2px; left: 0px;
	width: 22px; height: 22px;
}
.downBox .btnDown{
	display: inline-block;
	position:absolute;top:26px;right:40px;
	height:50px;line-height: 50px;
	text-align: center;
	background: #3e4452;
}
.downBox .btnDown a{
	display:block;width: 100%;height: 100%;
	padding: 0 30px 0 58px;
	color: #fff; position: relative;
}
.downBox .btnDown a::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common2.png);
	background-repeat: no-repeat;	
	background-position: -327px -335px;
	top: 17px; left: 32px;
	width: 16px; height: 17px;
}   

     /* 버튼 위쪽으로 */
.bt-20pp {/* margin-top: -20px !important; */ position:absolute; top: 45px;right: 90px;}
@media all and (max-width: 1024px){.bt-20pp {right: 110px;}}
@media all and (max-width: 800px){.bt-20pp {right: 20px;top: 25px;}}

/* 통계셀렉트  */
.selBox{position:relative;margin-bottom:20px;padding:22px 25px;background:#f6f6f6;border:1px solid #dadada;word-break: keep-all;}
.selBox::after{display:block;clear:both;content:''}
.selBox .btnSelect{position:absolute;top:15px;right:25px}
.selBox .btnSelect button{position:relative;height:37px;line-height:35px;text-align:left;background:#fff;border:1px solid #b6b6b6}
.selBox .btnSelect button span{position:relative;display:block;padding:0 80px 0 15px;}
.selBox .btnSelect button::after{position:absolute;top:0;right:0;width:38px;height:100%;content:'';background:#f6f6f6;border-left:1px solid #b6b6b6}
.selBox .btnSelect button::before{position:absolute;top:50%;right:10px;margin-top:-7px;width:18px;height:18px;content:'';background: url('/img/common/com_img.png') no-repeat -102px -24px;z-index:2}
.selBox .btnSelect button.on::before{background-position:-102px -24px}
.selBox .btnSelect ul{display:none;position:absolute;top:36px;left:0;width:100%;max-height: 175px;overflow: auto;background:#fff;border:1px solid #b6b6b6;z-index:100}
.selBox .btnSelect ul li{border-top:1px solid #e7e7e7}
.selBox .btnSelect ul li:first-child{border-top:0}
.selBox .btnSelect ul li a{display:block;padding:5px 15px}
.selBox .btnSelect ul li a:hover{color:#fff;background:#005fca}