@charset "utf-8";

/* reset */
*  {margin:0; padding:0; box-sizing:border-box;}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; }
ul > li {list-style-type:none;}
img, fieldset {border:0; vertical-align: middle;}
img {max-width:100%;}
hr {display:none;}
table {width:100%; /*border-collapse:separate;*/ border-collapse:collapse; border-spacing:0;}
table caption {position:absolute; top:-99999rem; left:-99999rem; line-height:0;}
.iframe {overflow:hidden; width:100%; height:100%; margin:0; border:0; background:transparent;}
.hidden {position:absolute; top:-99999rem; left:-99999rem; line-height:0;}
iframe {width:100%; min-width:100%; border:none; margin:0; overflow:hidden; }
input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0; }
input[readonly] {background:#eee;}
select { -webkit-border-radius: 0; }
small, address, em {font-size:100%; font-style:normal;}

/* common */
/*::selection {background:red; color:#fff;}*/
html { font-size:1px; line-height:1.6; word-break: keep-all; word-wrap:break-word;  -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;  }
html, body { max-width:100%; overflow-x:hidden !important; overflow-y:auto; }
a, a:hover, a:visited a:active, a:focus { text-decoration:none; }

#skipBtn { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipBtn a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active { width: auto; padding:20rem 0; background: #333; color: #fff; font-weight: bold; font-size:16rem; }
#skipBtn a:focus-visible {outline:none; border:2px dashed #ff0000;}
.skipBtn a:focus-visible {outline:none; border:2px dashed #ff0000;}
.noScroll {overflow:hidden !important;}
.blackBg::after {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:1; }

.db{display:block;}
.dib{display:inline-block;}
.dn {display:none !important;}

/* align */
.floatR {float:right;}
.floatL {float:left;}
.floatN {float:none !important;}
.clear  {clear:both;}
.taC, .aC, .txtC {text-align:center !important;}
.taR, .aR, .txtR {text-align:right !important;}
.taL, .aL, .txtL {text-align:left !important;}
.taJ, .aJ {text-align:justify;}
.verT {vertical-align:top;}
.verB {vertical-align:bottom;}
.verM {vertical-align:middle;}
.divC {margin:0 auto;}
.overH {overflow:hidden;}

/* font & color */
.sansserif {font-family:"Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif;}
.serif {font-family:"NanumMyeongjo", "나눔명조", "Nanum Myeongjo", serif;}
.font0 {font-size:0; line-height:0;}
.font12 {font-size:12rem;}
.font13 {font-size:13rem;}
.font14 {font-size:14rem;}
.font17 {font-size:17rem;}
.font20{font-size:20rem;}
.normal {font-weight:400;}
.bold {font-weight:600 !important;}
.line {text-decoration:underline;}
.lineT {text-decoration:line-through;}
.italic {font-style:italic;}
.white {color:#fff;}
.black {color:#000;}
.gray7 {color:#777;}
.gray8 {color:#888;}
.red {color:#cc3333 !important;}
.blue {color:#095eac;}
.pink {color:#E50077;}
.green {color:#008800;}
.orange {color:#da5200 !important;}
.purple {color:#6633cc !important;}


/* margin & padding */
.mar_0  {margin:0 !important;}

.mar_t0  {margin-top:0 !important;}
.mar_t3  {margin-top:3rem;}
.mar_t4  {margin-top:4rem !important;}
.mar_t5  {margin-top:5rem !important;}
.mar_t6  {margin-top:6rem !important;}
.mar_t7  {margin-top:7rem !important;}
.mar_t8  {margin-top:8rem !important;}
.mar_t10 {margin-top:10rem !important;}
.mar_t11 {margin-top:11rem !important;}
.mar_t12 {margin-top:12rem !important;}
.mar_t13 {margin-top:13rem !important;}
.mar_t14 {margin-top:14rem !important;}
.mar_t15 {margin-top:15rem !important;}
.mar_t17 {margin-top:17rem !important;}
.mar_t18 {margin-top:18rem !important;}
.mar_t19 {margin-top:19rem !important;}
.mar_t20 {margin-top:20rem !important;}
.mar_t21 {margin-top:21rem !important;}
.mar_t24 {margin-top:24rem !important;}
.mar_t25 {margin-top:25rem !important;}
.mar_t26 {margin-top:26rem !important;}
.mar_t30 {margin-top:30rem !important;}
.mar_t33 {margin-top:33rem;}
.mar_t34 {margin-top:34rem;}
.mar_t35 {margin-top:35rem !important;}
.mar_t50 {margin-top:50rem !important;}
.mar_t70 {margin-top:70rem !important;}
.mar_b0  {margin-bottom:0rem !important;}
.mar_b3  {margin-bottom:3rem !important;}
.mar_b5  {margin-bottom:5rem !important;}
.mar_b7  {margin-bottom:7rem !important;}
.mar_b8  {margin-bottom:8rem !important;}
.mar_b10 {margin-bottom:10rem;}
.mar_b20 {margin-bottom:20rem;}
.mar_b30 {margin-bottom:30rem !important;}
.mar_b35 {margin-bottom:35rem;}
.mar_r5  {margin-right:5rem !important;}
.mar_r13 {margin-right:13rem;}
.mar_r20 {margin-right:20rem;}
.mar_r28 {margin-right:28rem;}
.mar_r33 {margin-right:33rem;}
.mar_r30 {margin-right:30rem;}
.mar_r37 {margin-right:37rem;}

.mar_l0  {margin-left:0 !important;}
.mar_l5  {margin-left:5rem !important;}
.mar_l10 {margin-left:10rem !important;}
.mar_l12 {margin-left:12rem !important;}
.mar_l15 {margin-left:15rem;}
.mar_l16 {margin-left:16rem !important;}
.mar_l17 {margin-left:17rem !important;}
.mar_l20 {margin-left:20rem !important;}
.mar_l22 {margin-left:22rem !important;}
.mar_l25 {margin-left:25rem;}
.mar_l30 {margin-left:30rem !important;}
.mar_l32 {margin-left:32rem !important;}
.mar_l33 {margin-left:33rem !important;}

.pad_0 {padding:0 !important;}
.pad_5 {padding:5rem;}
.pad_10 {padding:10rem;}

.pad_t0  {padding-top:0rem !important;}
.pad_t3  {padding-top:3rem;}
.pad_t5  {padding-top:5rem;}
.pad_t15 {padding-top:15rem !important;}
.pad_t17 {padding-top:17rem !important;}
.pad_t20 {padding-top:20rem !important;}
.pad_t25 {padding-top:25rem;}
.pad_t30 {padding-top:30rem;}
.pad_t40 {padding-top:40rem;}

.pad_r5 {padding-right:5rem;}
.pad_r6 {padding-right:6rem;}

.pad_l0  {padding-left:0 !important;}
.pad_l3  {padding-left:3rem;}
.pad_l5  {padding-left:5rem !important;}
.pad_l10 {padding-left:10rem !important;}
.pad_l12 {padding-left:12rem;}
.pad_l15 {padding-left:15rem !important;}
.pad_l16 {padding-left:16rem !important;}
.pad_l17 {padding-left:17rem !important;}
.pad_l18 {padding-left:18rem;}
.pad_l20 {padding-left:20rem !important;}
.pad_l25 {padding-left:25rem;}
.pad_l30 {padding-left:30rem;}
.pad_l32 {padding-left:32rem !important;}
.pad_l33 {padding-left:33rem !important;}
.pad_l40 {padding-left:40rem;}

.pad_b5  {padding-bottom:5rem !important;}
.pad_b6 {padding-bottom:6rem;}
.pad_b7 {padding-bottom:7rem;}
.pad_b8 {padding-bottom:8rem;}
.pad_b9 {padding-bottom:9rem;}
.pad_b10 {padding-bottom:10rem;}
.pad_b20 {padding-bottom:20rem !important;}
.pad_b30 {padding-bottom:30rem;}
.pad_b40 {padding-bottom:40rem;}


/* width */
.wpAuto {width:auto;}
.wp100 {width:100% !important;}
.wp90 {width:90%;}
.wp80 {width:80%;}
.wp75 {width:75%;}
.wp68 {width:68%;}
.wp50 {width:50%;}
.wp49 {width:49% !important;}
.wp48 {width:48%;}
.wp45 {width:45%;}
.wp40 {width:40%;}
.wp36 {width:36%;}
.wp35 {width:35% !important;}
.wp34 {width:34%;}
.wp33 {width:33%;}
.wp32 {width:32%;}
.wp31 {width:31%;}
.wp30 {width:30%;}
.wp29 {width:29%;}
.wp28 {width:28%;}
.wp27 {width:27%;}
.wp26 {width:26%;}
.wp25 {width:25%;}
.wp24 {width:24%;}
.wp23 {width:23%;}
.wp22 {width:22%;}
.wp21 {width:21%;}
.wp20 {width:20% !important;}
.wp19 {width:19%;}
.wp18 {width:18%;}
.wp17 {width:17%;}
.wp16 {width:16%;}
.wp15 {width:15%;}
.wp14 {width:14%;}
.wp13 {width:13%;}
.wp12 {width:12%;}
.wp11 {width:11%;}
.wp10 {width:10%;}
.wp9 {width:9%;}
.wp8 {width:8%;}
.wp7 {width:7%;}
.wp6 {width:6%;}
.wp5 {width:5% !important;}
.wp4 {width:4%;}
.wp3 {width:3%;}
.wp1 {width:1%;}

.w80 {width:80rem !important;}
/*sitemap (사이트 전체 공통으로 사용, 수정 시 주의 바랍니다)*/
#sitemap_content {line-height:1.4;}
#sitemap_content .depth1 > li > a { display:inline-block; font-size:25rem; color:#445878; font-weight:800; margin:40rem 0 20rem;}
#sitemap_content .depth1 > li:first-of-type > a { margin-top:0; }
#sitemap_content .depth2 {overflow:hidden;}
#sitemap_content .depth2 > li {float:left; width:22.75%; margin:0 0 20rem 3%; padding:3rem;}
#sitemap_content .depth2 > li:nth-of-type(4n+1) { clear:both; margin-left:0; }
#sitemap_content .depth2 > li > a { position:relative; display:flex; align-items:center; border:1px solid #798495; height:50rem; padding:0 45rem 0 20rem; border-radius:5rem; font-weight:600; }
#sitemap_content .depth2 > li > a::before {content:''; position:absolute; right:20rem; top:16rem; width:8rem; height:8rem; border-right:2px solid #798495; border-bottom:2px solid #798495; transform:rotate(45deg); }
#sitemap_content .depth3 {padding:10rem 20rem;}
#sitemap_content .depth3 > li > a { position:relative; display:block; padding:5rem 0 5rem 13rem; }
#sitemap_content .depth3 > li > a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#798495; }
#sitemap_content a[target="_blank"] span { position:relative; display:inline-block; padding-right:20rem; }
#sitemap_content a[target="_blank"] span::before { content:''; position:absolute; right:0; top:4rem; width:14px; height: 14px; background:url('/design/common/img/blank.png') no-repeat 0 0}

#sitemap_content .depth1 > li > a[target="_blank"] span::before{background-position-x: -42px; top: 10px;}
/* #sitemap_content .depth3 > li > a[target="_blank"] span::before{background-position-x: -14px;} */

@media all and (max-width:1200px){
  #sitemap_content .depth2 > li { width:31.33%; }
  #sitemap_content .depth2 > li:nth-of-type(4n+1) { clear:none; margin-left:3%; }
  #sitemap_content .depth2 > li:nth-of-type(3n+1) { clear:both; margin-left:0; }
}
@media all and (max-width:600px){
  #sitemap_content .depth2 > li { width:48.5%; }
  #sitemap_content .depth2 > li:nth-of-type(3n+1) { clear:none; margin-left:3%; }
  #sitemap_content .depth2 > li:nth-of-type(2n+1) { clear:both; margin-left:0; }
}

/*권한없음*/
#error_page { font-size:1px; display:flex; align-items:center; width:100%; text-align:center; }
#error_page dl { font-size:16rem; margin:0 auto; max-width:800px; width:94%; border:3px solid #e2e2e2; background:url('/design/common/img/private_icon.gif') no-repeat center 40rem; border-radius:20rem; padding:140rem 40rem 40rem; }
#error_page dl dt {font-size:25rem; font-weight:600; }
#error_page dl dd p { margin:20rem 0; }
#error_page dl dd a {display:inline-block; background:#2a4483; color:#fff; padding:8rem 20rem; border-radius:20rem; }



.ready {text-align:center; padding-top:200rem; margin:100rem 0; background:url('/design/common/img/ready.png') no-repeat center top;}
.ready dt {margin:0 0 20rem 0; font-size:50rem; font-weight:800; letter-spacing:-0.5rem; line-height:1.4;}
.ready dd {font-size:19rem; color:#717171;}
@media all and (max-width:768px){
  .ready {background-size:80px; padding-top:140rem; margin:60rem 0;}
  .ready dt {font-size:33rem;}
  .ready dd {font-size:17rem;}
}

/* 공공누리 */
.nuri_wrap {margin-top:60rem; padding:25rem; background:#efefef; border:1rem solid #e0e0e0; text-align:center;}
.nuri_wrap .nuri {display:inline-block;}
.nuri_wrap .nuri a {display:block;}
.nuri_wrap .nuri img {display:inline-block; height:50rem; vertical-align:middle; margin:0 15rem 5rem;}
.nuri_wrap .nuri span {display:inline-block; vertical-align:middle; text-align:left;}

/* 만족도조사 */
.research_box {margin-top:60rem; border:1px solid #e0e0e0; border-radius: 10rem; overflow: hidden;}
.research_box .title {display:flex; justify-content:space-between; background:#f9f9f9; padding:17rem 25rem; border-top: 1rem solid #e0e0e0;}
.research_box .title > ul > li {display:inline-block; vertical-align:middle; margin-right:25rem;}
.research_box .title > ul > li > span { font-weight:600;}
.research_box .btn_mgr01 {font-weight:600;}
.research_box .btn_mgr01 a {padding-right:20rem; position:relative;}
.research_box .btn_mgr01 a::before {position:absolute; content: ""; background:url('/design/common/img/blank.png') no-repeat 0 0/400% auto; right:0; top:4rem; width:13rem; height:13rem;}
.research_box .radio_box {display:flex; align-items:flex-end; justify-content:space-between; padding:25rem;}
.research_box .radio_box > div p {margin: 0 0 8rem 0;}
.research_box .radio_list {margin-bottom:-3rem;}
.research_box .radio_list > li {display:inline-block; margin:3rem 10rem 3rem 3rem;}
.research_box .radio_list > li input[type="radio"] {display:inline-block; vertical-align:middle;}
.research_box .radio_list > li label {margin-left:5rem; display:inline-block; vertical-align:middle;}
.research_box .rd_box02 {display:flex; margin-bottom:3rem;}
.research_box .rd_box02 > * {height:40rem; font-size:16rem;}
.research_box .rd_box02 input[type="text"] {width:270rem; padding: 0 13rem; border:1px solid #e0e0e0;}
.research_box .rd_box02 a {display:inline-block; padding:0 14rem; line-height:40rem; color:#fff; background:#444444;}
@media all and (max-width:1023px){
  .research_box .title {flex-wrap:wrap;}
  .research_box .title > ul {/*width:100%;*/ margin-bottom:7rem;}
  .research_box .radio_box {flex-wrap:wrap; align-items:flex-start; justify-content:flex-start;}
  .research_box .radio_list {width:100%;}
  .research_box .rd_box02 {width:100%; margin:25rem 0 0 3rem;}
  .research_box .rd_box02 input[type="text"] {width:100%;}
  .research_box .rd_box02 a {width:90rem; text-align:center;}
}
@media all and (max-width:599px){
  .research_box .title > ul > li {width:100%; margin-right:0; margin-bottom:3rem;}
}


/* 설문조사 표*/
.survey_tbl .tbl_board .list_num {width: 10%;}
/*.survey_tbl .tbl_board .list_tit {width: 40%;}*/
.survey_tbl .tbl_board .list_per {width: 25%;}
.survey_tbl .tbl_board .list_date {width: 15%;}
.survey_tbl .tbl_board .list_btn {width: 15%;}

.list_btn a{ display:inline-block; padding: 6rem 12rem; background: #095eac; border-radius: 6rem; color: #fff; font-size: 17rem; font-weight: 500; word-break:keep-all; }
.list_btn a.sv02{background: #cc3333;}
.list_btn a.sv03{background: #5d5d5d;}

@media (max-width: 1023px){
	.survey_tbl .tbl_board .list_num{ display:none;}
  .survey_tbl .tbl_board thead th,
  .survey_tbl .tbl_board tbody td, .survey_tbl .tbl_board tfoot td{font-size: 17rem;}
}
@media all and (max-width:800px){
  /*.survey_tbl .tbl_board .list_tit{width:50%;}*/
	.survey_tbl .tbl_board .list_per{width:30%;}
  .survey_tbl .tbl_board .list_date{display: none;}
  .survey_tbl .tbl_board .list_btn{width:20%;}
}
@media all and (max-width:480px){
	.survey_tbl .tbl_board .list_per{display:none;}
	/*.survey_tbl .tbl_board .list_tit {width:70%;}*/
  .survey_tbl .tbl_board .list_btn{width:30%;}
}


/* 설문조사 상세화면*/
.survey .contBox{border: 1px solid #ddd; border-radius: 20rem; padding: 30rem 46rem; margin-bottom: 50rem;}
.survey .contBox .poll dt{font-size: 25rem; font-weight: 600; margin-bottom: 20rem;}
.survey .contBox .date {display: flex; align-items: center; font-size: 18rem; font-weight: 500; color: #cd2e2c;}
.survey .contBox .date p {margin-right: 15rem; font-size: 16rem;}
.survey .contBox .date p span {background: #cd2e2c; display: inline-block; padding: 2rem 13rem; border-radius: 5rem; color: #fff;}
.survey .contBox .poll dd {margin-top: 20rem;}

.poll_paper dl, .poll_result dl{margin-bottom: 35rem; padding: 10rem 13rem 40rem; border-bottom: 1px dashed #ddd;}
.poll_paper dl dt, .poll_result dl dt{font-weight: 600; font-size: 18rem; margin-bottom: 20rem; background: #f3f3f3; padding: 8rem 17rem; border-radius: 10rem;}
.poll_paper dl dd, .poll_result dl dd{margin: 4rem 15rem;}
.poll_paper dl dd input{margin: 0 3rem 3rem 0;}
.poll_paper dl dd input[type=text] {margin-left: 9px;}
.poll_paper dl dd textarea{width: 100%; padding: 10rem;}

.poll_result dl dd ul li{margin: 5px 0;}
.result_graph{display: none;}
.result_T{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.result_T .quest{width: 80%;}

.survey .btn{display: flex; align-items: center; justify-content: center;}
.survey .btn button,
.survey .btn a{padding: 0 11px; line-height: 40rem; background: #444; border: none; color: #fff;}
.survey .btn button{margin-right: 8rem; background: #2a4483;}

@media all and (max-width:599px){
  .survey .contBox{text-align: center;}
}

a.mapBtn {display:inline-block; width:21rem; text-indent:-9999rem; background:url('/design/common/img/ico_map.png') no-repeat center;}

/*출력시*/
* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
    color-adjust: exact !important;                 /*Firefox*/
}


.table_scroll {background:url('/design/common/img/scroll.png') no-repeat left center; padding:10rem 0 10rem 70rem; margin:15rem 0 -15rem;}