@charset "UTF-8";

/*공통*/
.content_box img {display: block; margin: 0 auto;}
#content.ver1 h4:first-child, #content.ver1 .h4:first-child {margin-top: 0;}
#content.ver1 .h4 { font-size:28rem; margin:40rem 0 20rem; font-weight: bold; }
#content.ver1 .h4::before { content:''; display:block; width:25rem; height:3px; background:var(--p_color);  margin-bottom:5rem; }
#content.ver1 h5, #content.ver1 .h5 { font-size:25rem; color:var(--p_color); margin:30rem 0 20rem; }
#content.ver1 .h5 {font-weight: bold;}

.nuri_wrap .nuri { border-radius: 4rem; background: #FAFAFA; justify-content: flex-start; padding: 20rem 40rem;}
.nuri_wrap .nuri span {display: inline; font-weight: 500;}
.nuri_wrap .nuri strong {font-weight: 500; color: #125DF3; text-decoration-line: underline; }
.page_research_box {border-radius: 4rem; border: 1px solid #D2D2D2;}
.page_research_box dl {padding: 30rem 40rem;}
.page_research_box dt, .page_research_box dd {padding-left: 35rem;}
.page_research_box dt {color: #222; font-size: 16rem; font-weight: 300; line-height: 38rem; position: relative;}
.page_research_box dt::before, .page_research_box .page_manager > p::before {content: ""; display: block; position: absolute; width: 23rem; height: 23rem; background: url('/design/ko2026/img/contents/icon-research.png') no-repeat 0 0/400%;}
.page_research_box dt::before{left: 0; top: 10rem;}
.page_research_box .radio_list {font-size: 15rem; color: #555;}
.page_research_box .radio_list li {gap: 10rem;}
.page_research_box .radio_list li label::before {display: none;}
.page_research_box .page_manager {background: none; border-top: 1px solid #D2D2D2; font-size: 15rem; padding: 20rem 40rem; color: #222222;}
.page_research_box .page_manager > p {position: relative; padding-left: 37rem; }
.page_research_box .page_manager > p:nth-of-type(1)::before {left: 0; background-position-x: 33.33%;}
.page_research_box .page_manager > p:nth-of-type(2)::before {left: 0; background-position-x: 66.66%;}
.page_research_box .page_manager > p:nth-of-type(3)::before {left: 0; background-position-x: 100%;}
.page_research_box dt strong {font-weight: 500; padding-right: 12rem; margin-right: 12rem; border-right: 1px solid #E5E5E5;}
.page_research_box dd {display: block;}
.page_research_box dd .comment {display: flex; flex-wrap: wrap; justify-content: center; gap: 10rem; width: 100%;}
.page_research_box dd .comment > input {display: block; width: calc(100% - 133rem); height: 60rem; padding: 10rem 20rem; font-size: 15rem; font-weight: 300; border-radius: 4rem; border: 1px solid rgb(213 213 213 / 70%); }
.page_research_box dd .comment > a {border-radius: 4rem; background: #39413C; padding: 0 30rem; color: #ffffff; height: 60rem; line-height: 60rem; font-size: 17rem; font-weight: 400; }
.page_research_box .page_manager strong {font-weight: 400; margin-right: 12rem; padding-right: 12rem; border-right: 1px solid #888888;}
.page_research_box .page_manager .update {flex-grow: 0; text-align: left;}
@media all and (max-width: 768px) {
  .page_research_box dd .comment > input {width: 100%;}
}
#content .depth_01,
#content .depth_02,
#content .depth_03,
#content .depth_04 { margin:10rem 0; }
#content .depth_01 ul,
#content .depth_02 ul,
#content .depth_03 ul,
#content .depth_04 ul { margin:5rem 0; }
#content .depth_01 li,
#content .depth_02 li,
#content .depth_03 li,
#content .depth_04 li { position:relative; padding:4rem 0 4rem 15rem; }
#content .depth_01 li::before,
#content .depth_02 li::before,
#content .depth_03 li::before,
#content .depth_04 li::before { content:''; position:absolute; left:0; }
#content .depth_01 li li li {font-size:0.95em; }
#content .tbl_wrap {overflow-x:auto; margin:10rem 0 30rem; text-align:center;}
#content .tbl_wrap caption {position:absolute; left:-99999rem; top:-99999rem;}
#content .tbl_wrap.tdL tbody td { text-align:left;}
#content a.text_blank { display:inline-flex; text-decoration:underline; color:#2149a6; }
#content a.text_blank::after { content:''; display:block; flex-shrink:0; width:13px; height:13px; background:url('/design/common/template/sprite.png') no-repeat -26px 0; margin:2rem 0 0 5rem; }
#content a.btnL, #content a.btnM, #content a.btnS,
#content a.btL, #content a.btM, #content a.btS { display:inline-flex; align-items:center; justify-content:center; border:1px solid #666; padding:7rem 15rem; border-radius:5rem; margin:2rem; }
#content a.btnL:hover, #content a.btnS.hover,
#content a.btL:hover, #content a.btS.hover {background:#f5f5f5;}
#content a.btnL::after, #content a.btnM::after, #content a.btnS::after,
#content a.btL::after, #content a.btM::after, #content a.btS::after { display:block; flex-shrink:0; width:14px; height:14px; background:url('/design/common/template/sprite.png') no-repeat -180px 0; margin-left:8rem; }
#content a.btnL.down::after, #content a.btnM.down::after, #content a.btnS.down::after,
#content a.btL.down::after, #content a.btM.down::after, #content a.btS.down::after { content:''; }
#content a.btnL.blank::after, #content a.btnM.blank::after, #content a.btnS.blank::after,
#content a.btL.blank::after, #content a.btM.blank::after, #content a.btS.blank::after { content:''; background-position-y:-20px;}
#content a.btnL.view::after, #content a.btnM.view::after, #content a.btnS.view::after,
#content a.btL.view::after, #content a.btM.view::after, #content a.btS.view::after { content:''; background-position-y:-40px;}
#content a.btnM, #content a.btM { background:var(--p_color); color:#fff; border:1px solid var(--p_color);}
#content a.btnM.down::after, #content a.btM.down::after { content:''; background-position-y:-60px; }
#content a.btnM.blank::after, #content a.btM.blank::after { content:''; background-position-y:-80px;}
#content a.btnM.view::after, #content a.btM.view::after { content:''; background-position-y:-100px;}
#content a.btnS, #content a.btS { font-size:14rem; padding:2rem 8rem; font-weight: 400; }

#content .list_ebook ul li .btn_ebook,
#content .list_ebook ul li .btn_pdf,
#content .list_ebook ul li .btn_xls {margin:2rem;}
#content .list_ebook ul li .btn_ebook a,
#content .list_ebook ul li .btn_pdf a,
#content .list_ebook ul li .btn_xls a {display:inline-flex; align-items:center; justify-content:center; border:1px solid #666; border-radius:5rem; background: #ffffff;}
#content .list_ebook ul li .btn_ebook a:hover,
#content .list_ebook ul li .btn_pdf a:hover,
#content .list_ebook ul li .btn_xls a:hover {background:#f5f5f5; color: inherit;}
#content .list_ebook ul li .btn_ebook a::after,
#content .list_ebook ul li .btn_pdf a::after,
#content .list_ebook ul li .btn_xls a::after {content:''; display:block; flex-shrink:0; width:14px; height:14px; background:url('/design/common/template/sprite.png') no-repeat -180px -40px; margin-left:8rem;}

#content.ver1 .depth_01:not(.depth_02, .depth_03, .depth_04) > li::before { top:14rem; width:5rem; height:5rem; border-radius:50%; background:var(--p_color); }
#content.ver1 .depth_01 li li::before,
#content.ver1 .depth_02 > li::before { top:13rem; width:4rem; height:4rem; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(45deg); }
#content.ver1 .depth_01 li li li::before,
#content.ver1 .depth_03 > li::before { top:15rem; width:4rem; height:4rem; background:#666; border:0 !important; transform:none !important; }
#content.ver1 .depth_01 li li li li::before,
#content.ver1 .depth_04 > li::before { top:15rem; width:4rem; height:1rem; background:#666; border:0 !important; transform:none !important; }
#content.ver1 .txt_box01 { border:1px solid #ddd; background:#f6f6f6; padding:30rem; margin:10rem 0 30rem; border-radius:10rem; }
#content.ver1 .basic_box, #content.ver1 .txt_box01, #content.ver1 .txt_box02, #content.ver1 .round_box01 { border:1px solid #ddd; background:#f6f6f6; padding:30rem; margin:10rem 0 30rem; border-radius:10rem; }
#content.ver1 dl.basic_box { border-top:2px solid var(--p_color); }
#content.ver1 dl.basic_box dt {font-size:25rem; font-weight:bold; color:var(--p_color); margin-bottom:15rem; }
#content.ver1 dl.basic_box.icon { position:relative; padding:30rem 30rem 30rem 160rem; }
#content.ver1 dl.basic_box.icon::before {content:''; position:absolute; left:30rem; top:25rem; width:100px; height:90px; background:url('/design/common/template/sprite.png') no-repeat -200px 0; }
#content.ver1 .tbl_wrap table, #content.ver1 .table_01 { width:100%; border-top:2px solid var(--p_color); border-spacing:0; margin-left:-1px; }
#content.ver1 .tbl_wrap thead th, #content.ver1 .table_01 thead th { background:#f5f5f5; border-left:1px solid #ccc; padding:10rem 20rem; border-bottom:1px solid #aaa; }
#content.ver1 .tbl_wrap tbody th,
#content.ver1 .tbl_wrap tbody td,
#content.ver1 .table_01 tbody th,
#content.ver1 .table_01 tbody td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem 20rem; background:#fbfbfb; }
#content.ver1 .tbl_wrap tbody td, #content.ver1 .table_01 tbody td { background:#fff; }
#content.ver1 .table_01 thead tr:nth-child(1) th:nth-child(1), #content.ver1 .table_01 tbody tr:nth-child(1) th:nth-child(1)  {border-left: none;}

/*2022레이아웃 변경 이전 소스 시작*/
/*common_2019*/
.full {width:100%; overflow:hidden;}
.ovH {overflow:hidden !important}
ul.half {overflow:hidden;}
ul.half li {float:left; width:50%; line-height:30px;}
ul.half li.full {float:left; width:100%;}

/* 날짜기준 */
.standard {position:absolute; top:11rem; right:0; font-weight:bold; font-size:0.6em; letter-spacing:0.03em;}

/* 단위 */
.unit {position:absolute; top:0; right:0; font-weight:normal; font-size:14rem;}
.road_map {box-sizing:border-box; display:inline-block; background:#4d4d4d; margin-left:10rem; line-height:18rem; padding:0 12rem 2rem 12rem; border-radius:15rem;}
.road_map a {color:#fff; font-size:12rem;}

/* 검색 */
.page_search {overflow:hidden; padding-bottom:10rem;}
.page_search select {float:left; height:26rem;}
.page_search input {float:left; margin-left:6rem;}
.page_search input.txt {height:24rem; border:1px solid #b5b5b5;}
.page_search input.btn {height:26rem; line-height:26rem; padding:0 10rem; border:0; border-radius:4rem 4rem; font-size:0.9em; color:#fff; background:#00a3a8;}

/* tabType */
.tabMenu {overflow:hidden; margin-bottom:37rem;}
.tabMenu li {float:left; margin:0 3rem 3rem 0;}
.tabMenu li a {display:block; padding:0 10rem; height:35rem; line-height:35rem; color:#444; background:#f8f8f8; border:1px solid #b5b5b5;}
.tabMenu li a:hover,
.tabMenu li.active a {background:#066; border:1px solid #033; color:#fff;}

.box_mnu_wrap {overflow:hidden; margin-bottom:32rem; border-top:2px solid #82a800; border-left:1px solid #999;}
.box_mnu {float:left; width:100%; overflow:hidden;}
.box_mnu li {float:left; width:25%;}
.box_mnu li.tab_bg_on {/*background:url('/design/ko/img/common/boxmnu_bg.gif') no-repeat 94% center;*/}
.box_mnu li.tab_bg_on a {font-weight:bold; color:#4a5f3e;}
.box_mnu li a {display:block; height:36rem; line-height:36rem; padding:0 0 0 12rem; font-size:1em; letter-spacing:-0.1em; border-right:1px solid #999; border-bottom:1px solid #ccc;}
.box_mnu li a:hover {font-weight:bold; color:#4a5f3e;}


table td input {vertical-align:middle;}
table.firstL td:first-of-type,
table.lastL td:last-of-type {padding-left:12rem; padding-right:12rem; text-align:left;}
table.tdL td {padding-left:12rem; padding-right:12rem; text-align:left !important;}
table.tdT td {vertical-align:top;}
table {table-layout:fixed;}
/*th, td {word-wrap:break-word; word-break:keep-all;}*/


/* box */
.br {border:1px solid #b5b5b5;}
/* .basic_box {padding:30rem 3%; border:3rem solid #f1f1f1;}

.txt_box01 {position:relative; padding:20rem 3%; background:#f8f8f8; margin-bottom:20rem; border:1px solid #ccc;}
.txt_box01 > .depth01 {margin-bottom:0;}
.txt_box02 {padding:17rem 24rem 21rem 24rem; border:1px solid #999; border-top:1px solid #ef496f; background-color:#fef1f4;} */

.img_box {margin-bottom:19rem; padding:0; line-height:0; border:1px solid #999; border-top:1px solid #666; text-align:center; border-radius:10rem;}
.img_box01 {margin-bottom:19rem; padding:30rem 0; border:1px solid #999; border-top:1px solid #666; background:#f7f7f7; text-align:center; border-radius:10rem;}
.img_box02 {margin-bottom:19rem; padding:30rem 0; border:1px solid #999; border-top:1px solid #666; background:#ffffff; text-align:center; border-radius:10rem;}

/* .round_box01 {padding:12rem 12rem 0 12rem; border:1px solid #999; border-top:1px solid #666; border-radius:6rem 6rem; background:#f7f7f7;} */



/* heading tag */
/*h4,.h4 {position:relative; margin-top:30rem; padding-left:40rem; font-weight:600; font-size:1.6em; color:#333; letter-spacing:-0.03em; background:url('/design/ko/img/common/h4.png') no-repeat 0 1px;}
h4:first-child {margin-top:0;}*/

.depth_no {margin:0 0 15rem 20rem;}
.depth_no > li {margin:0; padding:0; background:none;}


/* 관련사이트 */
.screen {min-height:200rem; overflow:hidden; padding:40rem 4% 40rem 400rem; border:5rem solid #f5f5f5; background-position:5% center !important; background-repeat:no-repeat !important;}
.screen dt.h4 {margin-top:0; letter-spacing:-0.06em;}
.screen dd {width:100%;}
.screen li span {display:inline-block; width:180rem;}

.screen_1 {background-image:url('/design/ko2019/img/sub03/screen_1.png')} /*국민권익위원회*/
.screen_2 {background-image:url('/design/ko2019/img/sub02/screen_2.jpg');} /* 청렴신문고 */
.screen_4 {background-image:url('/design/ko2019/img/sub03/screen_4.png')} /*규제정보포털*/
.screen_5 {background-image:url('/design/ko2019/img/sub03/screen_5.png')}/*규제개혁신문고*/
.screen_6 {background-image:url('/design/ko2019/img/sub03/screen_6.png')} /*온라인민원창구(새올)*/
.screen_7 {background-image:url('/design/ko2019/img/sub01/screen_7.jpg') } /*자동차검사일조회*/
.screen_8 {background-image:url('/design/ko2019/img/sub01/screen_8.png') } /*상하수도요금조회*/
.screen_9 {background-image:url('/design/ko2019/img/sub01/screen_9.png')} /*상하수도 요금계산*/
.screen_10 {background: url('/design/ko2019/img/sub03/screen_10.png')} /* 경주시 청렴동아리 */
.screen_11 {background: url('/design/ko2019/img/sub03/screen_11.png')} /* 청렴신문고 홈페이지. 청렴포털 */


.screen_qr {height:320rem; padding-left:320rem; background:#f7f7f7 url('/design/ko/img/sub03/screen_3.png') no-repeat 80px 50px;}
.screen_qr li:first-child {margin-right:60rem;}


@media (max-width:880px){
  .screen {background:none; padding:20rem 3%; min-height:auto;}
  .screen dd {width:100%;}
  .screen_qr {height:314rem; margin-left:0; padding-top:40rem; padding-left:30rem; background-image:none;}
  .screen_qr ul {width:100%; overflow:hidden;}
  .screen_qr li {width:50%;}
  .screen_qr li:first-child {margin-right:0;}
}

/* 관련사이트02*/
.minwon {float:left; width:100%; padding:30rem 0; border-top:1px solid #e5e5e5;}
.minwon_fst {float:left; width:100%; padding:30rem 0; border:none;}
.lt_minwon {float:left; width:130rem; margin:0 0 0 30rem;}
.rt_minwon {float:left; width:480rem; margin:0 0 0 50rem;}
.minwon_logo {display:block; width:130rem; height:50rem;}
.minwon_btn {display:block; padding:4rem 0; margin:10rem 0 0 0; background:#fafafa; border:1px solid #ccc; color:#555; width:130rem; text-align:center;}
.minwon_btn a {color:#333;}
.minwon_tit {background:url('/design/ko/img/sub01/minwon_dot.gif') 1px 0 no-repeat; padding:0 0 7rem 35rem; font-size:14rem;}
.minwon_txt {background:#f6f6f6; padding:15rem 20rem; font-size:12rem; margin:20rem 0 0 0;}


.wrap_hang {width:100%; border-bottom:1px solid #ccc; padding:0 0 20rem 0;}
.small_btn {padding:1rem 8rem 1rem 8rem; font-size:0.8em; color:#fff !important; margin-left:10rem; background-color:#3366cc;}
.small_btn:hover {color:#fff;}

/* 관련사이트 */
.siteWrap {padding:2.5% 2.5% 2.5% 2.5%; border:1px solid #999; border-top:1px solid #000; overflow:hidden;}
.siteWrap .logo {float:left; /*display:table-cell;*/ width:32.5%; height:100%; padding:20rem 0 0 0 !important; text-align:center; font-size:0; line-height:0;}
.siteWrap .butn {float:right; display:inline-block; height:19rem; margin-top:7rem; padding:1rem 24rem 1rem; border-radius:4rem 4rem; border:0; font-weight:bold; font-size:12rem; line-height:16rem; color:#fff; background:#00a3a8;}
.siteWrap > div {float:left; width:65%; padding-left:2.5%; background:url('/design/area/img/common/bgc_e6e6e6.gif') repeat-y 0 0; overflow:hidden;}
.siteWrap > div dl {float:left; width:100%; overflow:hidden;}
.siteWrap > div dl dt { font-weight:600; font-size:1.16em;}
.siteWrap > div dl dd {float:left; margin-top:10rem;}
.siteWrap .cont {float:left; width:94%; margin-top:10rem; padding:8rem 3% 16rem 3%; overflow:hidden; background:#f3f3f3;}
.siteWrap .cont li {float:left; width:45%; font-size:0.95em;}
.siteWrap .cont li:nth-child(odd) {clear:both;}

.siteShort {clear:both; padding:3% 2.5% 2.5% 0; overflow:hidden;}
.siteShort .logo {float:left; display:table; width:30%; text-align:center; line-height:0;}
.siteShort .butn {float:right; display:inline-block; height:19rem; margin-top:3rem; padding:1rem 24rem 1rem; border-radius:4rem 4rem; border:0; font-weight:bold; font-size:12rem; line-height:18rem; color:#fff; background:#117b7e;}
.siteShort > div {float:left; width:66%; padding-left:4%; background:url('/design/area/img/common/bgc_e6e6e6.gif') repeat-y 0 0; }
.siteShort > div dl {margin-top:-6rem;}
.siteShort > div dl dt {margin:0 0 15rem 0; font-weight:600; font-size:1.16em;}
.siteShort > div dl dd {width:94%; margin-top:6rem; padding:9rem 3% 9rem 3%; background:#fafafa;}

.butns {float:right; display:inline-block; margin-top:7rem; padding:3rem 20rem; border:1px solid #047296; font-weight:bold;  color:#fff; background:#0480a8;}

.iBlank {display:inline-block; padding-right:16rem; background:url('/design/ko/img/common/i_blank.gif') no-repeat right center;}
.wd_100t {width:100%; overflow:hidden; margin-top:-40rem;}

/*시민행복제안관련으로 수정 다른곳에 지장있을시 재수정하기_김현수*/
.oldlink .butns { float:none; color:#fff !important; }
.oldlink.wd_100t { margin-top:0; text-align:right; }

@media (max-width:880px){

  .wd_100t {width:100%; overflow:hidden; margin-top:0;}
  /*h4,.h4 {font-size:1.5em; padding-left:36rem; background-size:28rem;}*/

  .mSbar {overflow-x:auto;}
  .mSbar td {white-space:nowrap;}

  .table_01 thead th {padding-bottom:6rem; font-size:0.9em; line-height:1.5;}
  .table_01 tbody th {padding-bottom:6rem; font-size:0.9em; line-height:1.5;}
  .table_01 tbody td {padding-bottom:6rem; font-size:0.9em; line-height:1.5;}

  .img_box02 img {width:90%;}


  .mwp90 {width:90%;}
  .mwp100 {width:100%;}
  /* 관련사이트 */
  .siteShort {padding:4%;}
  .siteShort .logo {float:none; width:100%;}
  .siteShort .butn {margin-bottom:10rem;}
  .siteShort > div {float:none; width:100%; margin-top:25rem; padding:30rem 0 0 0; border-top:1px dashed #999; background:none;}
  .siteShort > div dl dd {clear:both;}

}


@media (max-width:479px){

  /*관련사이트02*/
  .minwon {float:none; width:98%; padding:30rem 1%; border-top:1px solid #e5e5e5; overflow:hidden;}
  .minwon_fst {float:none; width:98%; padding:30rem 1%; border:none; overflow:hidden;}
  .lt_minwon {float:left; width:98%;}
  .rt_minwon {float:left; width:95%; margin:20rem 0 0 3%;}
  .minwon_logo {float:left; width:130rem;}
  .minwon_btn {float:left; margin:10rem 0 0 20rem; background-color:#0099cc; border:1px solid #0e88b1;}
  .minwon_btn a {color:#fff;}
  .minwon_tit {background:url('/design/ko/img/sub01/minwon_dot.gif') 1px 4px no-repeat; font-size:1.2em;}
  .minwon_txt {background:#f6f6f6; padding:15rem 20rem; margin:20rem 0 0 0; font-size:1em;}


  .tabType_01 li{background: none;}

}

/*5대지표공개*/
.icontab_area {background:#f9f8f9; border-radius:3rem; border:1px solid #d8d7d8; margin:40rem auto 30rem;}
.icontab_area ul {overflow:hidden; padding:15rem 0;}
.icontab_area li {list-style:none; display:inline-block; float:left; padding-left:23rem;}
.icontab_area ul li a {border:none;}

.data_div .full_div .half_div1 {width:52%; float:left;}
.half_div1  {width:52rem;}
.data_div .full_div .half_div2  {width:48%; float:left;}
.half_div2 {width:48rem;}
.data_div .full_div .half_div2  img { width: 350rem; padding:10rem;}
.half_div1 .jus_texbox {width:200%; padding-bottom:40rem;}
#data_01 .half_div1 .table_01 {height:290rem;}
#data_02 .half_div1 .table_01 {height:290rem;}
#data_03 .half_div1 .table_01 {height:310rem;}
#data_04 .half_div1 .table_01 {height:290rem; width:52%;}
#data_05 .half_div1 .table_01 {height:290rem;}


/*폰트사이즈*/
.f12 {font-size:12rem !important;}
.f16 {font-size:16rem !important;}

/*인력풀신청*/

.write_wrap {overflow: hidden;	width:100%;	border-top:2px solid #333; margin-top:10rem;}

.write_wrap .write_form_inpul {border-bottom:1px solid #ccc; overflow:hidden; clear:both;}
.write_wrap .write_form_inpul dt {clear:both; float:left; width:25%; background:#eee; font-weight:bold; font-size:14rem; overflow:hidden; padding:8rem 0 8rem 15rem;}
.write_wrap .write_form_inpul .txtdt {clear:both; float:left; width:25%; background:#eee; font-weight:bold; font-size:14rem; overflow:hidden; height:40rem; padding-top:60rem;}
.write_wrap .write_form_inpul .txtdt2 {clear:both; float:left; width:25%; background:#eee; font-weight:bold; font-size:14rem; overflow:hidden; height:130rem; padding-top:70rem;}
.write_wrap .write_form_inpul dd {float:left; width:70%; padding:8rem 0 8rem 15rem;}
.write_wrap .write_form_inpul_50 {border-bottom:1px solid #ccc; overflow:hidden; width:50%; float:left;}
.write_wrap .write_form_inpul_50 dt {clear:both; float:left; width:50%; background:#eee; font-weight:bold; font-size:14rem; overflow:hidden; padding:8rem 0 8rem 15rem;}
.write_wrap .write_form_inpul_50 dd {float:left; width:40%; padding:8rem 0 8rem 15rem;}

.write_wrap .write_form_inpul_50 input {border:1px solid #ddd !important;}
.write_wrap .write_form_inpul_50 select {border:1px solid #ddd !important;}

.write_wrap .write_form_inpul input {border:1px solid #ddd !important;}
.write_wrap .write_form_inpul select {border:1px solid #ddd !important;}
.write_wrap .write_form_inpul textarea {border:1px solid #ddd !important; overflow:hidden;}

.write_text20 {width:20%;}
.write_text30 {width:30%;}
.write_text50 {width:50%;}
.write_text70 {width:70%;}
.write_text90 {width:90%;}
.write_text95 {width:95%;}
.write_text100 {width:100%;}

@media (max-width:880px){

	/*인력풀신청*/

	.write_wrap {overflow: hidden;	width:100%;	border-top:2px solid #333; margin-top:10rem;}

	.write_wrap .write_form_inpul {border-bottom:1px solid #ccc; overflow:hidden;}
	.write_wrap .write_form_inpul dt {clear:both; float:left; width:25%; font-weight:bold; background:#eee; font-size:14rem; overflow:hidden; padding:8rem 0 8rem 15rem;}
	.write_wrap .write_form_inpul .txtdt {clear:both; float:left; width:25%; font-weight:bold; font-size:14rem; overflow:hidden; height:130rem; padding-top:80rem;}
	.write_wrap .write_form_inpul dd {float:left; width:60%; padding:8rem 0 8rem 15rem;}
	.write_wrap .write_form_inpul_50 {border-bottom:1px solid #ccc; overflow:hidden; width:100%;}
	.write_wrap .write_form_inpul_50 dt {clear:both; float:left; width:25%; background:#eee; font-weight:bold; font-size:14rem; overflow:hidden; padding:8rem 0 8rem 15rem;}
	.write_wrap .write_form_inpul_50 dd {float:left; width:60%; padding:8rem 0 8rem 15rem;}

	.write_wrap .write_form_inpul_50 input {border:1px solid #ddd !important;}
	.write_wrap .write_form_inpul_50 select {border:1px solid #ddd !important;}

	.write_wrap .write_form_inpul input {border:1px solid #ddd !important;}
	.write_wrap .write_form_inpul select {border:1px solid #ddd !important;}
	.write_wrap .write_form_inpul textarea {border:1px solid #ddd !important; overflow:hidden;}

	}

@media (max-width:479px){

	/*인력풀신청*/

	.write_wrap {overflow: hidden;	width:100%;	border-top:2px solid #333; margin-top:10rem;}

	.write_wrap .write_form_inpul {border-bottom:1px solid #ccc; overflow:hidden;}
	.write_wrap .write_form_inpul dt {clear:both; float:left; width:25%; font-weight:bold; background:#eee; font-size:14rem; overflow:hidden; padding:8rem 0 8rem 15rem;}
	.write_wrap .write_form_inpul .txtdt {clear:both; float:left; width:25%; font-weight:bold; font-size:14rem; overflow:hidden; height:130rem; padding-top:80rem;}
	.write_wrap .write_form_inpul dd {float:left; width:60%; padding:8rem 0 8rem 15rem;}
	.write_wrap .write_form_inpul_50 {border-bottom:1px solid #ccc; overflow:hidden; width:100%;}
	.write_wrap .write_form_inpul_50 dt {clear:both; float:left; width:25%; background:#eee; font-weight:bold; font-size:14rem; overflow:hidden; padding:8rem 0 8rem 15rem;}
	.write_wrap .write_form_inpul_50 dd {float:left; width:60%; padding:8rem 0 8rem 15rem;}

	.write_wrap .write_form_inpul_50 input {border:1px solid #ddd !important;}
	.write_wrap .write_form_inpul_50 select {border:1px solid #ddd !important;}

	.write_wrap .write_form_inpul input {border:1px solid #ddd !important;}
	.write_wrap .write_form_inpul select {border:1px solid #ddd !important;}
	.write_wrap .write_form_inpul textarea {border:1px solid #ddd !important; overflow:hidden;}

}


/* 지도*/
.map {margin-top:10rem; line-height:0; border:none !important; }
.map > div {width:100%; box-sizing:border-box;}
.map > div button {height:auto;}

/*만족도평가, 공공누리*/
#page_info {clear:both; margin-top:30rem; padding:0; overflow:hidden; border:1px solid #e5e7e9;}
.dataOffer {overflow:hidden; padding:15rem; border-bottom:1px dashed #ccc;}
.pageLevel {clear:both; padding:20rem;background: #f9f9f9 url('/design/ko2019/img/sub/pageLevel_bg.png') no-repeat 30px 25px; padding-left: 90rem; overflow:hidden;}
.in_txt { float:right; width:calc(100% - 400rem); height: 35rem; margin:5rem; margin-right:0; border:1px solid #999; box-sizing:border-box;}
.dataOffer dt {float:left;}
.dataOffer dd {float:left; padding-left:15rem;}
.dataOffer dd li {float:left;}
.dataOffer dd li span {padding:0 9rem 0 8rem;}
.pageLevel dt {float:left; margin:0 10rem 5rem 0; font-weight:600;}
.pageLevel dd p {float:left;}
.pageLevel dd fieldset {clear:both; float:left; width:calc(100% - 80rem);}
.formWrap {clear:both; width:100%; overflow:hidden; /*background:url('/design/ko/img/common/page_level.gif') no-repeat 10rem 13rem;*/}
.formWrap fieldset {float:left; width:calc(100% - 80rem);}
.formWrap fieldset ul {overflow:hidden; float:left;}
.formWrap li, .pageLevel fieldset li { display:flex; align-items:center; float:left; font-size:15rem; margin-right:10rem; line-height:35rem; }
.formWrap li input, .pageLevel fieldset li input {vertical-align:middle; margin-right:5rem; }
.formWrap .txtBox input {float:left; width:50%; height:35rem; margin-top:10rem;}
.formWrap .btn, .pageLevel .btn {float:right; width:80rem;}
.formWrap .btn a, .pageLevel .btn a {float:left; display:block; width:100%; height:35rem; box-sizing:border-box; padding:7rem 9rem 0 9rem; margin:5rem; margin-left:0; font-weight:600; line-height:1.3; color:#333; border:1px solid #999; border-left:0; background:#f0f0f0; text-align:center;}
#page_open {box-sizing: border-box; border:1px solid #d7d7d7; margin-top:70rem; padding:11rem 11rem 10rem 11rem; overflow:hidden;}
#page_open dt {float:left; width:110rem; }
#page_open dd {float:right; width:77%; padding-top:15rem; line-height:1.6;}
#page_open dd span {font-weight:600; color:#003399; text-decoration:underline;}
#page_open dl dd a {background:#003399; color:#fff; padding:0 10rem;}
@media all and (max-width:1200px){
	.formWrap fieldset, .pageLevel dd fieldset {width:100%;}
	.formWrap fieldset ul {width:100%; margin-bottom:10rem;}
	.in_txt { float:left; width:calc(100% - 105rem);}
	.formWrap .btn, .pageLevel .btn { width:100rem; margin-top:-45rem; }
}
@media all and (max-width:880px){
	.pageLevel {padding-left:20rem; background-image:none;}
}
@media all and (max-width:480px){
	.dataOffer {padding:10rem 3%;}
	.dataOffer dd {float:left; padding-left:0rem;}
	.dataOffer dd li {margin-top:10rem;}
	.pageLevel {padding:10rem 3%;}
	.pageLevel dd p {padding-left:0; line-height:1.5;}
	.formWrap li, .pageLevel fieldset li {line-height:25rem; margin-bottom:5rem;}
	#page_open {display:none;}
}

/*텝메뉴*/
.box5_nomal, .tab_depth04 {width:100%; padding:0 0 20rem; /*! border-bottom:1px dotted #ccc; */ /*! margin-bottom:20rem; */}
.box5_nomal ul, .tab_depth04 ul {margin-bottom:0rem; overflow:hidden;box-sizing: border-box; position:relative; text-align:center;border-left:1px solid #e1e6eb;}
.box5_nomal li, .tab_depth04 li {/*! float:left; */ /*! width:33.333%; */ box-sizing:border-box;/*! display: inline-block; */width: 25%;float: left;border-bottom:1px solid #e1e6eb;border-right:1px solid #e1e6eb; border-top:1px solid #e1e6eb;}
/* .box5_nomal li:nth-of-type(4)~ li, .tab_depth04 li:nth-of-type(4)~ li {border-top:0;} */
.box5_nomal ul.col_1 li, .tab_depth04 ul.col_1 li {width:100%;}
.box5_nomal ul.col_2 li, .tab_depth04 ul.col_2 li {width:50%;}
.box5_nomal ul.col_3 li, .tab_depth04 ul.col_3 li {width:33.333%;}
.box5_nomal ul.col_4 li, .tab_depth04 ul.col_4 li {width:25%;}
.box5_nomal ul.col_5 li, .tab_depth04 ul.col_5 li {width:20%;}
.box5_nomal li a, .tab_depth04 li a {display:block; /*! border:1px solid #2a4483; */ box-sizing:border-box; /*! padding-left:7%; */ /*! background:url('/design/ko2019/img/sub/tab_depth04_off.png') no-repeat 90% center; */ font-size:15rem; letter-spacing:-0.05em;/*! background: #f1f1f1; *//*! border-radius: 20rem; */padding: 10rem 15rem; /*! border-right:1px dotted #ddd; */border:1px solid #fff;background: #f7f7f7;}
.box5_nomal li a:focus-visible, .tab_depth04 li a:focus-visible {margin:2rem;}
.box5_nomal li a img, .tab_depth04 li a img {display:none;}
.box5_nomal li a[target="_blank"] span, .tab_depth04 li a[target="_blank"] span {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5px; padding-right:20rem;}
.box5_nomal li.active a, .tab_depth04 li.active a,
.box5_nomal li a:hover, .tab_depth04 li a:hover {color:#fff; font-weight:600; margin-left:10rem; background: #fff; color: #2a4483; margin-left:0;border:1px solid #2a4483;box-sizing: border-box;color: #2a4483;}
.box5_nomal li.active a span, .tab_depth04 li.active a span,
.box5_nomal li a:hover span, .tab_depth04 li a:hover span {font-weight:bold; text-decoration: underline;}
.box5_nomal li:nth-of-type(5)~ li a, .tab_depth04 li:nth-of-type(5)~ li a {/*! border-top:0; */}

.box5_nomal ~ .tab_depth04 {width:100%; padding:0 0 20rem;}
.box5_nomal ~ .tab_depth04 ul {margin-bottom:0rem; overflow:hidden;box-sizing: border-box; position:relative; text-align:center;border-left: none;}
.box5_nomal ~ .tab_depth04 li {box-sizing:border-box;width: 25%;float: left;padding: 4rem;border: none;}
.box5_nomal ~ .tab_depth04 ul.col_1 li {width:100%;}
.box5_nomal ~ .tab_depth04 ul.col_2 li {width:50%;}
.box5_nomal ~ .tab_depth04 ul.col_3 li {width:33.333%;}
.box5_nomal ~ .tab_depth04 ul.col_4 li {width:25%;}
.box5_nomal ~ .tab_depth04 ul.col_5 li {width:20%;}
.box5_nomal ~ .tab_depth04 li a {display:block; box-sizing:border-box; font-size:15rem; letter-spacing:-0.05em; border-radius: 10rem;padding: 10rem 15rem; border:1px solid #e1e6eb; background: #fff;}
.box5_nomal ~ .tab_depth04 li a:focus-visible {margin:2rem;}
.box5_nomal ~ .tab_depth04 li a img {display:none;}
.box5_nomal ~ .tab_depth04 li a[target="_blank"] span {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5px; padding-right:20rem;}
.box5_nomal ~ .tab_depth04 li.active a,
.box5_nomal ~ .tab_depth04 li a:hover {color:#fff; font-weight:600; margin-left:10rem; background: #2a4483 !important; margin-left:0;border:none;box-sizing: border-box;color: #fff;}
.box5_nomal ~ .tab_depth04 li.active a span,
.box5_nomal ~ .tab_depth04 li a:hover span {font-weight:bold;}
.box5_nomal ~ .tab_depth04 li:nth-of-type(5)~ li a {/*! border-top:0; */}

.tab_depth05{ display:flex; flex-wrap:wrap; clear:both; margin-bottom:30rem; padding:6rem 0; border:1px solid #999; overflow:hidden;border:1px dashed #ddd; background:#f5f5f5; }
.tab_depth05 li { width:25%; margin:5rem 0; padding-left:15rem;text-align: center;}
.tab_depth05 li {/*font-size:0.95em;*/ padding-left:6rem; box-sizing: border-box;}
.tab_depth05 li a { display:flex; align-items:center; justify-content:center; }
.tab_depth05 li a img {display:none;}
.tab_depth05 li a[target="_blank"] {background: url('/design/common/img/layout/blankB.gif') no-repeat 100% 4px; padding-right:20rem;}
.tab_depth05 li.selected {background:url('/design/ko2019/img/sub/check_tab05.gif') no-repeat 0 center;}
.tab_depth05 li.selected a {text-decoration:underline; font-weight:600; color:#2a4483;}
.tab_depth05 li.active a { text-decoration:underline; font-weight:600; color:#2a4483; }
.tab_depth05 li.active a::before { content:''; display:block; width:5rem; height:10rem; border-bottom:2px solid #2a4483; border-right:2px solid #2a4483; transform:rotate(45deg); margin:0 9rem 3rem 0; }
@media all and (max-width:768px){
	.tab_depth05 li {width:33.33%;}
}
@media all and (max-width:480px){
	.tab_depth05 li {width:50%;}
}

.cat_minwon { position:relative; }
.cat_minwon::before {content:''; position:absolute; left:0; top:0; width:40rem; height:40rem; border-top:2rem solid #0a75c2; border-left:2rem solid #0a75c2;}
.cat_minwon ul { overflow:hidden; margin-bottom:20rem; padding:12rem 20rem; border:2rem solid #e7ebf4; }
.cat_minwon ul li { float:left; }
.cat_minwon ul li a {display:block; position:relative; padding:5rem 15rem;}
.cat_minwon ul li a:after {content:''; position:absolute; top:50%; right:0; width:1px; height:10rem; margin-top:-5rem; background:#afafaf;}
.cat_minwon ul li:last-child a:after {display:none;}
.cat_minwon ul a:hover {color:#026cba; font-weight:500;}
.cat_minwon ul li.on a {padding-right:38rem; color:#026cba; font-weight:500;}
.cat_minwon ul li.on a:before {content:''; position:absolute; top:50%; right:15rem; width:15rem; height:15rem; margin-top:-7.5rem; background:url('/design/ko2019/img/sub/check_tab05.gif') no-repeat center;}
@media only screen and (max-width:1400px){
	.box5_nomal li, .tab_depth04 li {width:33.333% !important;}
	.box5_nomal li:nth-of-type(3)~ li, .tab_depth04 li:nth-of-type(3)~ li {border-top:0;}
}
@media only screen and (max-width:1280px){
	.box5_nomal li.active a, .tab_depth04 li.active a, .box5_nomal li a:hover, .tab_depth04 li a:hover {background: none !important; /*padding-right:0 !important*/}
	.box5_nomal li a, .tab_depth04 li a {padding: 5rem 15rem;}
	.box5_nomal li.active a, .tab_depth04 li.active a  {padding: 5rem 15rem; margin-left:0;background:none !important;}
	.box5_nomal ~ .tab_depth04 li.active a {padding: 10rem 15rem; background: #2a4483 !important;}
	}
@media all and (max-width:1023px){
  .cat_minwon ul {padding:12rem;}
}
@media only screen and (max-width:768px){
	.box5_nomal li, .tab_depth04 li {width:50% !important;}
	.box5_nomal li:nth-of-type(2)~ li, .tab_depth04 li:nth-of-type(2)~ li {border-top:0;}
}
@media only screen and (max-width:480px){
	.box5_nomal li, .tab_depth04 li {width:100% !important;}
	.box5_nomal li:nth-of-type(1)~ li, .tab_depth04 li:nth-of-type(1)~ li {border-top:0;}
}

.depth_no {margin:0 0 15rem 20rem;}
.depth_no > li {margin:0; padding:0; background:none;}

table td input {vertical-align:middle;}
table.firstL td:first-of-type,
table.lastL td:last-of-type {padding-left:12rem; padding-right:12rem; text-align:left;}
table.tdL td {padding-left:12rem; padding-right:12rem; text-align:left !important;}
table.tdT td {vertical-align:top;}
.scrollX {overflow-x:auto;}

.imgWrap {width:100%; overflow:hidden; box-sizing: border-box; padding:30rem 2%; text-align:center; border:5rem solid #f5f5f5; margin-bottom:30rem;}
.imgWrap img {max-width:100%;}
.blue {color:#0066b3 !important;}
.noLine {border:none !important}

#data_01 {display:block;}

/* 탑박스 A */
.board_box{overflow:hidden;position:relative;padding:3rem; background:#f4f6f9; border:none;border-radius: 15rem}
.board_box:before {display:block;position:absolute;left:0;right:0;top:0;z-index: 1;content:'';width:auto;height:40rem;background:#cacfd5;}
.board_box:after {display:block;visibility: visible;position:absolute;right:0;top:0;z-index:2;content:'';width: 40rem;height:40rem;background:#2a4483;left: auto;bottom: auto;}
.board_box .inner{position:relative;z-index:3;min-height:100rem;background:#fff; border-radius:12rem;}

.board_box > .inner span.leftIcon {display:none;}
.board_box .con {width:100%; border-left:none; margin:0; padding:30rem 5%;}
@media only screen and (max-width: 768px){
    .board_box .inner {padding:20rem; text-align:left;}
    .board_box .inner .txtwrap .h-box {text-align:left;}
    .ui-topbox .btnwrap{top:0;}
}


/* 권한없음 */
.error_str_wrap {border:3rem solid #e2e2e2; padding:40rem; background:url('/design/ko/img/common/private_icon.gif') no-repeat center 40px; border-radius:20rem;}
.error_str_wrap .box_be_top {padding-top:70rem; text-align:center; }
.error_page_ctn dt {font-size:20rem}
.error_page_ctn dt strong {display:none;}
.error_str_wrap .alignRight a {display:inline-block; padding:10rem 20rem; background:#2a4483; color:#fff; font-size:14rem; border-radius:40rem;}


.map .daummap {box-sizing:border-box; width:100% !important;}

.plenty {color:#0182c8;}
.some {color:#eb6100;}
.few {color:#a40000;}
.empty {color:#9a9a9a;}
.break {color:#000;}

.table_01 .retailer {width:20%;}
.table_01 .mask_add {width:30%;}
.table_01 .inventory {width:15%;}
.table_01 .inbound {width:15%;}
.table_01 .renewal {width:15%;}
.table_01 .location {width:5%;}

@media only screen and (max-width:768px){
	.table_01 .retailer {width:26%;}
	.table_01 .mask_add {display:none;}
	.table_01 .inventory {width:20%;}
	.table_01 .inbound {width:22%;}
	.table_01 .renewal {width:22%;}
	.table_01 .location {width:10%;}
}

.subBox {background:#e6e9ec; padding:5rem;}
.subBox > div {background:#fff; padding:30rem;}
.subBox > div ul {overflow:hidden; margin:0 !important;}
.subBox > div li {float:left; width:45%; margin:5rem 0 !important; overflow:hidden;}
.subBox > div li span {float:left; padding:4rem 0; width:45%;}
.subBox > div li .tit {color:#18336a; font-weight:bold;}
.subBox > div li .tel {margin-left:5%;}

@media only screen and (max-width:650px){
	.subBox > div li {width:100%;}
}

.brd_box {border:1px solid #ddd; padding:30rem; text-align:center;}

/*건너뛰기*/
.skipStart, .skipEnd {position:absolute; left:-99999rem; top:-9999rem;}
.skipStart:focus, .skipEnd:focus { position:relative; left:0; top:0; display:block; background:#666; color:#fff; text-align:center; padding:10rem 0;}


/*코로나버튼*/
.corona_btn a:hover span {color:#fff;}

@media all and (max-width:560px){
	.corona_btn a {padding:7rem 20rem 7rem 0 !important;}
	.corona_btn a span {display:none;}
	.corona_btn a:nth-child(1), .corona_btn a:nth-child(2), .corona_btn a:nth-child(3) {width:30%;}
	.corona_btn a:nth-child(4) {width:25%;}
	.corona_btn a:nth-child(5) {width:65%;}
}

/*키즈자동차극장*/
.conference_agree { margin-top:20rem; }
.conference_agree.tbl_wrap { border:3rem solid #e2e0e0; padding:30rem; }
.conference_agree.check_box { text-align:right; }
.conference_agree a.bt2.app { background:#1f23b1; color:#fff; padding:10rem 25rem; }
.conference_agree a.bt2.mod { background:#626265; color:#fff; padding:10rem 25rem; }
.conference_agree a.bt2.mods { background:#020055; color:#fff; padding:10rem 25rem; }
.conference_agree .taC .bt2 { width:30%; margin-right:15rem; }
.conference_agree .taC .bt2:nth-child(3) { margin-right:0; }
.conference_agree .tbl_wrap input[type="text"],.tbl_wrap input[type="password"] {width:190rem; margin-right:7rem; padding:5rem 12rem; border:1px solid #ddd;}
.conference_agree span.la{ margin-right:10rem; margin-left:5rem; }

@media only screen and (max-width:360px){
	.conference_agree a.bt2 { display:inline-block; margin-right:0!important; margin-bottom:15rem; padding:10rem 40%!important; }
	.conference_agree .tbl_wrap input[type="text"],.tbl_wrap input[type="password"] {width:100rem; }
}
/*2022레이아웃 변경 이전 소스 끝*/


/*2022레이아웃 변경작업 - KHS*/
/*layout*/
#footer { border-top:1px solid #ddd; }
#go_top { position:fixed; right:20rem; bottom:20rem; z-index:20; }

#container > .wrap { padding:50rem 0; overflow:hidden;}
@media all and (max-width:768px){
    #container > .wrap { padding:50rem 20rem;}
}




.depth01 > li, .dep_01 { position:relative; background:none; padding:0 0 0 15rem; }
.depth01 > li::before, .dep_01::before { content:''; position:absolute; left:0; top:9rem; width:5rem; height:5rem; background:#345df5; border-radius:3rem; }
.depth01 > li.no::before { display:none; }
#content { outline:0; }
#content iframe {height:100vh;}
#content iframe[title="YouTube video player"] {max-height: 390rem;}
#CoolFilterTargetFrame {height:0 !important; }
.screen li span.blank_01{width:auto;}
.depth01 >.b01::before{top:13rem;}
@media all and (max-width:1317px){.screen li span.blank_01 {width:100%;}.h_blank{margin-top:5px;margin-left: 0!important;}
    @media all and (max-width:1023px){
        .screen li span.blank_01 { width: 77%;}
    }
    @media all and (max-width:880px){.screen li span.blank_01 {width:auto;}
        .h_blank{margin-left: 10px!important;}
        .depth01 >.b01::before{top:15rem;}
    }
    @media all and (max-width:508px){
        .screen li span.blank_01 {width:100%;}
        .h_blank{margin-left: 0!important;}

    }
}

/* 사이버추모 */
.cyber_memorial {position:relative;}
.cyber_memorial .map_div {position:absolute !important; top:0; left:0; width:100%; height:100%;}
.cyber_memorial .map_div a {position:absolute; text-indent:-99999px;}
.cyber_memorial .map_2750 a.btn01{width: 14.5%; bottom:6%; height: 8.5%; right:35%;}
.cyber_memorial .map_2750 a.btn02{width: 14.5%; bottom:6%; height: 8.5%; right:19.8%;}
.cyber_memorial .map_2750 a.btn03{width: 14.5%; bottom:6%; height: 8.5%; right:4.8%;}

.cyber-worship {margin-top:20px;height:auto; padding: 30px 30px 20px 30px; justify-content: space-between; box-sizing: border-box; display: flex; background:url(/design/ko2019/img/sub02/cyber_memorial_bg2.jpg) center top;position: relative;} /*현충일용 */
.cyber-worship .worship_title{width: 50%; margin: 20px 0 -20px 0;}
.cyber-worship .worship_place{width: 46%; display: flex; justify-content: space-between; flex-direction: column;}
.cyber-worship .worship_place .worship_img{width: 100%; height: 100%; position: relative; background:url(/design/ko2019/img/sub02/cyber_memorial_img.jpg) no-repeat center; background-size: contain;}
.cyber-worship .worship_place .worship_img .img1{position: absolute; bottom: 7%;left: 50%;transform: translateX(-50%);display:none}
.cyber-worship .worship_place .worship_img .img2{position: absolute; bottom: 3%;left: 49%; transform: translateX(-50%);display:none}
.cyber-worship .worship_place .worship_img .img3{position: absolute; top:0; left: 0; display:none; background:#000; opacity:0;transition: all 2s; width:100%; color:#fff; text-align:center; font-weight:bold}
.cyber-worship .worship_place .worship_img .img1.on,
.cyber-worship .worship_place .worship_img .img2.on,
.cyber-worship .worship_place .worship_img .img3.on{display:block}
.cyber-worship .worship_place .worship_img .img3.on{ opacity:1; }

.cyber-worship .worship_btn{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 0; text-align:center;}
.cyber-worship .worship_btn li { align-content:center; width:calc(30% - 10px); font-size: 16px; border-radius: 20px; height: 30px; background: #72573f;}
.cyber-worship .worship_btn li:last-child { width:calc(40% - 10px); margin:0 ;}
.cyber-worship .worship_btn li a{display: block; cursor:pointer; color:#fff;}


 @media all and (max-width:800px){
	 /*사이버참배*/
	.worship{padding: 20px 20px 0 25%;}
	.worship:before{width: 20%!important;}
	.cyber-worship{flex-direction: column; padding: 20px ; align-items: center;}
	.cyber-worship .worship_title{width: 50%; margin: 0;}
	.cyber-worship .worship_place{width: 100%; height: 510px;}
	.cyber-worship .worship_place .worship_img{background-size: cover;margin-bottom: 20px;}
	.cyber-worship .worship_place .worship_img .img1{bottom: 3%;}
	.cyber-worship .worship_place .worship_img .img2{bottom: 0%;}
	.cyber-worship .worship_place .worship_img .img3{top: -3%;}
}
@media all and (max-width:620px){
	.cyber-worship .worship_place{width: 100%; height: 400px;}
}


/* 중소기업운전자금지원 */
.hsw_step {display: flex; justify-content: space-between;}
.hsw_step dl {width: 18%; text-align: center; border: 1px solid #ddd; border-radius: 10px; position: relative;}
.hsw_step dl::before{position: absolute; content: '⇒'; left: -20px; top: 50%; transform: translateY(-50%);}
.hsw_step dl:first-child::before{display: none;}
.hsw_step dl dt {background: #2a6cb5; border-radius: 10px 10px 0 0; color: #fff; padding: 8px; font-weight: bold;}
.hsw_step dl dd {padding: 8rem;}
@media all and (max-width:720px){
	.hsw_step{flex-wrap: wrap; row-gap: 20px;}
	.hsw_step dl{width: 48%;}
	.hsw_step dl:nth-child(3)::before{display: none;}
	.hsw_step dl:nth-child(5)::before{display: none;}
}
@media all and (max-width:490px){
	.hsw_step dl::before{left: -16px;}
}

/* 경주비전-2025년 APCE 서명하기 */
.APEC {font-size:40rem; text-align:center; line-height:1;}
.APEC p {font-size:40rem; }
.APEC .top{background:url('/design/ko2022/img/sub/top_img.jpg')center no-repeat; border-bottom:1px solid #f0eee9; padding:16% 7% 15%; font-size:40px;}
.APEC .top > p { line-height:1.3; font-family:'NotoSerifKR'; font-weight:500;}
.APEC .top > p+p { margin-top:32rem;}
.APEC  .top  > p.JSA {font-family:'JSArirangHON'; font-size:71rem; color:#463632;}
.APEC .top > p > span{color:#853b0f;}
.APEC .txt { margin:13% 2% 12%;}
.APEC > p {font-weight:500; margin-bottom:33px;}
.APEC .txt > p + p {padding-top:2.5%;;}
.APEC .txt > p  span {font-size:53rem; color:#853b0f;}
.APEC .txt > p:last-child {padding-top:3%;}
.APEC .total {padding:10rem;}
.APEC .total ul{position:relative; font-family:'notokr-medium';display: flex; align-items: center;  justify-content: center;}
.APEC .total ul li{position:relative; padding-top:18rem; width:98rem;  height:140rem; font-size:97rem; color:#fff; background:url('/design/ko2022/img/sub/total_bg.png')no-repeat center;}

.APEC .total ul li+li {margin-left:5rem;}
.APEC .total ul li:after{content:''; display:inline-block; position:absolute; left:0; top:50%; width:100%; height:2rem; background:#030303;}
.APEC .total ul li.comma{background:none;width: 40rem;display: inline-block; padding-top: 0;}
.APEC .total ul li.comma:before{margin-left:40rem; background:none;}
.APEC .total ul li.comma:after {content: none;}
.APEC .total ul li.comma img {position: absolute; display: block; bottom: 0; left: 50%; transform: translateX(-50%);}

.APEC > ul {padding-top:11%; padding-bottom:12%;}
.APEC > ul li{position:relative; display:inline-block;;}
.APEC > ul li+li {padding-left: 7%;}
.APEC > ul li dl{padding: 13rem 0px; text-align: left; padding: 13rem 13rem 13rem 120rem;}
.APEC > ul li:nth-child(1) dl{background:url('/design/ko2022/img/sub/i-offline.png')no-repeat;}
.APEC > ul li:nth-child(2) dl{background:url('/design/ko2022/img/sub/i-online_231204.png')no-repeat;}
.APEC > ul li dl dt{font-size:22rem;  font-weight:600;}
.APEC > ul li dl dd{font-size:59rem; font-weight:700; line-height:1;}
.APEC > ul li:first-child dl dd{color:#2a4383;}
.APEC > ul li:nth-child(2) dl dd{color:#007881;}
.APEC .why {background:url('/design/ko2022/img/sub/why_bg.jpg')center no-repeat; line-height:1; padding:0 20rem; }
.APEC .why p.tit{padding-top:19%; color:#fff; font-weight:500; margin-bottom:40rem;}
.APEC .why p.subTitle {font-size:53rem; color:#fff; line-height:1.4;}
.APEC .why p{font-size:53rem; font-weight:600; color:#fff;}
.APEC .why p span{position:relative; box-shadow: inset 0px -21px 0px #f46c20;}
.APEC .why ul{display: flex; flex-wrap: wrap; justify-content: space-evenly; color:#fff; padding: 13% 0;}
.APEC .why ul li{display: flex; flex-direction: column; align-items: center; padding-bottom:57rem; width:calc(100%/3);}
.APEC .why ul li i{display: flex; justify-content: center; align-items: center; background: rgb(225, 225, 225, 0.1); width: 179px; height: 179px; border-radius: 50%; border:1px solid #fff; }
.APEC .why ul li dl{margin-top:16rem;}
.APEC .why ul li dl dt{font-size:26rem; font-weight:500; line-height:1.2;}
.APEC .why ul li dl dd{font-size:18rem; margin-top:11rem;}
.APEC .signature {}
.APEC .signature > p {font-size:53rem; font-weight:600; padding-top:13%; padding-bottom:6.5%;}
.APEC .signature .sns {}
.APEC .signature .sns span {font-size:18rem; font-weight:500; color:#000; display:inline-block;}
.APEC .signature .sns ul {display:inline-block;}
.APEC .signature .sns ul li{display:inline-block;}

.APEC .signature .sns ul li a{text-indent: -9999px;}
.APEC  .con_box {background: #f1f1f1; text-align: left; padding:40rem; line-height:1.4;}
.APEC  .con_box li{font-size:21rem; position:relative; padding-left:12rem;}
.APEC  .con_box li:before{content:''; position: absolute; left:0; top:15px; width:3px; height:3px;  background:#000;}

.APEC .signature .btn {position:relative; padding-top: 5.5%; padding-bottom: 8.3%; text-align: right;}
.APEC .signature .btn a {position:relative; padding:52px 65px 46px 44px; text-align:center; background:#853b0f; border:0; font-size:26rem; font-weight:700; color:#fff; display:inline-block; box-shadow:0px 0px 15px 0px rgba(133, 59, 15, 0.5); width:72%;}
.APEC .signature .btn a:before {content:''; position:absolute; right:0; top:0; display:inline-block; width:100%; height:100%; background:url('/design/ko2022/img/sub/i-click.png')no-repeat bottom 15% right 2%;}
.APEC .signature .btn:before {content:''; position:absolute; left:0; top:120px; display:inline-block; width:100%; height:1px; background:#853b0f;}

.APEC .sch_def {padding:9.5% 20rem 8%;}
.APEC .sch_def input {border:1px solid #414141; border-radius:0; width:25%; height:75px; font-size:22rem; color:#333; box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); padding-left:15px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
.APEC .sch_def input#phone {width:32%;}
.APEC .sch_def select {border:1px solid #414141; width:18%; height:75px; font-size:22rem; color:#333; box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); padding-left:15px; appearance: none; background:url('/design/ko2022/img/sub/i-select.gif') no-repeat center right 10%;}

.APEC .check_box {position:relative; text-align:left;}

.APEC .check_box label {display: inline-block; padding: 20rem 20rem 28rem 45rem; font-size: 21px;  color: #000; font-weight: 600;}
.APEC .check_box input[type=checkbox] {position:absolute; left:0; top:18%; width:32rem; height:32rem; -moz-appearance:initial; margin:0;  border: 2px solid #ff6c0c; }
.APEC .check_box input[type=checkbox]::after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; outline: none;}
.APEC .check_box input[type=checkbox]:checked + label{}
.APEC .check_box input[type=checkbox]:checked::after{background:#ff6c0c url('/design/ko2022/img/sub/i-checkbox_on.png') no-repeat center;}

.APEC .bottom{background:#fef5f0;  text-align:center;}
.APEC .bottom p{font-size:21px; color:#000; font-weight:400;}
.APEC .bottom > p{padding-top:12%; line-height:1.2; margin-bottom:30rem;}

.APEC .bottom {padding:0 40rem;}
.APEC .bottom a{position:relative; font-size:21rem; color:#fff; background:#000; width:48%; padding:28px 20px; border-radius:15px; display:block; margin:0 auto;}
.APEC .bottom a:before{content:''; position:absolute; right:6%; top:50%;  transform: translateY(-50%); display:inline-block; width:21px; height:21px; background:url(/design/ko2022/img/sub/down.gif)no-repeat;}
.APEC .bottom .contact{ padding: 4% 0 14%; }
.APEC .bottom .contact p {position:relative; color:#6f737a;display:inline-block; padding-left:12px;}
.APEC .bottom .contact p:before {content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); display:inline-block; width:3px; height:3px; background:#000;}
.APEC .bottom .contact p span{margin-right:16px; color:#000;}
.APEC .bottom .contact p+p{margin-left:45px;}




@media all and (max-width:1169px){

	.APEC p {font-size:36rem; }
	.APEC > ul {padding-bottom:10%;}


	.APEC .top{padding:16% 5% 15%;}
	.APEC .txt > p span {font-size:48rem;}


	.APEC .why ul {padding:0;}

	.APEC .why p {font-size:48rem;}
	.APEC .why > img {width:85%;}
	.APEC .why ul li {width:calc(100%/2);}

	.APEC .signature > p {font-size:48rem;}
	.APEC .signature .btn a {font-size:24rem;}

	.APEC .sch_def input {font-size:20rem; }
	.APEC .sch_def select {font-size:20rem;}

	.APEC .bottom a {width:52%;}

	.APEC .why ul li {width:calc(100%/3);}
	.APEC > ul li dl{padding: 10rem 10rem 10rem 110rem;}
	.APEC > ul li:nth-child(1) dl { background: url('/design/ko2022/img/sub/i-offline.png')no-repeat 0 0 / 25%;}
	.APEC > ul li:nth-child(2) dl { background: url('/design/ko2022/img/sub/i-online.png')no-repeat 0 0 / 30%;}




}

@media all and (max-width:1080px){
	.APEC > ul li+li {padding-left: 1%;}
	.APEC > ul li dl { padding: 10rem 10rem 10rem 108rem;}

}

@media all and (max-width:1023px){
		.APEC > ul li+li {padding-left: 5%;}


}


@media all and (max-width:991px){
	.APEC .txt {margin: 10% 2% 10%;}
	.APEC .why ul li i {width:150px; height:150px;}
	.APEC .why ul li i img{width:50%;}
	.APEC .why ul li dl dt {font-size:22rem;}
    .APEC .signature > p {padding-top: 10%; padding-bottom: 1.5%;}
    .APEC .sch_def {padding: 6% 20rem;}

}

@media all and (max-width:800px){
	.APEC p {font-size:32rem;}
	.APEC .txt > p span {font-size:42rem;}
	.APEC .why ul {padding:10% 0;}
	.APEC .why ul li {width:calc(100%/2);}
	.APEC > img {width:80%;}
	.APEC > ul li dl {padding: 12rem 10rem 10rem 100rem;}
	.APEC > ul li:nth-child(1) dl {background: url(/design/ko2022/img/sub/i-offline.png)no-repeat 0 0 / 29%;}
	.APEC > ul li:nth-child(2) dl {background: url(/design/ko2022/img/sub/i-online.png)no-repeat 0 0 / 36%;}
	.APEC > ul li dl dd {font-size:44rem;}
	.APEC > ul li > i > img {width:90%;}
	.APEC .sch_def input {width:35%; margin-bottom:1%;}
    .APEC .sch_def input#phone {width:63%;}
	.APEC .sch_def select {width:49%;}

	.APEC .signature .btn a {width:74%;}
	.APEC .bottom {padding:0 20rem;}
	.APEC .bottom a {width:70%;}
	.APEC .bottom .contact p+p {margin-left:20rem;}

	.APEC .total ul li { width: 72rem;  height: 100rem; font-size: 63rem; }
	.APEC .total ul:after {width: 15rem; height: 27rem;}
	.APEC .total ul li.comma img {max-width:50%;}
}

@media all and (max-width:535px){


	.APEC .top {padding: 13% 5% 11%;}

	.APEC  .top  > p.JSA {font-family:'JSArirangHON'; font-size:50rem;}
	.APEC p {font-size:22rem;}

	.APEC .txt > p span {font-size:28rem;}
	.APEC .top > p+p {margin-top:15rem;}
	.APEC > ul {display:flex; flex-wrap:wrap; flex-direction: column; align-items: center;}
	.APEC > ul li:nth-child(1) {margin-left:-20rem;}
	.APEC > ul li dl dd {font-size:40rem;}
	.APEC > ul li > i {text-align:left;}
	.APEC > ul li > i > img {width:85%;}
	.APEC > ul li+li {padding-left:0; padding-top:3%;}
	.APEC > ul li > span > img {width:75%;}

	.APEC .why {padding:0 10rem;}
	.APEC .why p.subTitle {font-size:30rem;;}
	.APEC .why p span {box-shadow: inset 0px -11px 0px #f46c20;}
	.APEC .why ul li i {width:120px; height:120px;}
	.APEC .why ul li dl dt {font-size:19rem;}
	.APEC .why ul li dl dd {font-size:17rem}
	.APEC .why p.tit {padding-top:17%; margin-bottom:25rem;}

	.APEC .signature .btn a {width:100%; font-size:22rem; padding: 42rem 120rem 36rem 20rem;}
	.APEC .sch_def input {font-size:20rem; padding-left:15px; width:98.7%; height:60px; margin-left: 2rem;}
    .APEC .sch_def input#phone {width:98.7%;}
	.APEC .sch_def select {font-size:20rem; padding-left:15px; padding-right:15px; height:60px; width:calc((100%/2) - 2%);}

	.APEC .signature > p {font-size:40rem;}
	.APEC .signature .btn:before {display:none;}
	.APEC .bottom p {font-size:18rem;}
	.APEC .bottom a {width:95%;}
	.APEC .bottom > p {padding-bottom:7%; margin-bottom:0;}
	.APEC .con_box {padding:30rem;}

	.APEC .total ul li { width: 72rem;  height: 100rem; font-size: 63rem; padding-top:22rem;}

	.APEC .total ul li { width: 67rem; height: 85rem; font-size: 50rem;}


    .APEC .total ul:after { width: 11rem; height: 20rem;}


}

/*시책*/
.policy > div {display:flex; justify-content:space-between; align-items:center; border:1px solid #ddd; padding:15rem 20rem; border-radius:6rem; margin:10rem 0;}
.policy > div .tit {font-weight:600;}
@media all and (max-width:376px){
    .policy > div {display:block;}
    .policy .btnList {text-align:right; margin:15rem 0 0 0;}
    .policy .btnList a {margin:0; }
}



/* 분야별 > 청년/청소년 > 교복구입비 지원 > 자주 묻는 질문 */
.box_240222{padding: 10rem; border: 1px solid #ddd; margin: 30rem 0;}



/*251002 민원게시판 부서지정 -khs*/
#boardDeptSelect {margin-top:40px; }
#boardDeptSelect .title {font-size:25px; font-weight:600; }
#boardDeptSelect .cat_minwon::before {display:none;}
#boardDeptSelect .cat_minwon ul {display:flex; flex-wrap:wrap; padding:20px 30px; background:#f0f0f0; border-radius:20px; margin:10px 0 20px; }
#boardDeptSelect .cat_minwon ul li { width:calc(100% / 5); font-size:17px; }
#boardDeptSelect .cat_btn {text-align:center; }
#boardDeptSelect .cat_btn input { font-size:16px; font-weight:600; background:#444; color:#fff; border:0; border-radius:5px; padding:7px 20px; cursor:pointer;}
@media all and (max-width:1200px){
  #boardDeptSelect .cat_minwon ul {padding:10px 15px;}
  #boardDeptSelect .cat_minwon ul li { font-size:16px; width:calc(100% / 4); }
}
@media all and (max-width:768px){
  #boardDeptSelect .cat_minwon ul li { font-size:15px; width:calc(100% / 3); }
}
@media all and (max-width:480px){
  #boardDeptSelect .cat_minwon ul li { width:calc(100% / 2); }
}

/*이미지맵(시청건물이미지)포커스*/
area { outline: none; position:absolute; left:-9999rem;}
.focus-area {fill: rgba(0, 95, 204, 0.2); stroke: #005fcc; stroke-width: 3; display: none; }
.focusWrap { position: relative; width:100%; }
.focusWrap .img img {position: relative; display: block;  margin: 0 auto; }
.focus-overlay { position: absolute; top: 0; left: 50%;	transform: translateX(-50%); width: 66%; 	height: 100%;	pointer-events: none;}
@media all and (max-width:1440px){
	.focus-overlay {display:none;}
}
/* 이미지맵(층별안내용)포커스*/
.floor-focus-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}



/*2022레이아웃 변경 이전 소스 시작*/
/*기존 sub01.css 시작*/
.blue {color:#0053a7 !important;}

/*민원실*/
#civil_automatic .con_txt {float:left; width:70%;}
#civil_automatic .con_img {float:right; width:25%;}
#civil_skipPaper {overflow:hidden;}
#civil_skipPaper li {float:left; font-size:0; line-height:0; margin:20rem 10rem 0 0; padding-right:20rem; text-align:left;}
#civil_skipPaper li:nth-of-type(1),
#civil_skipPaper li:nth-of-type(3) {background:url('/design/ko/img/sub01/skippaper_arrow.gif') no-repeat right center;}
#civil_car2 .box_mnu li {width:20% !important;}
@media ( max-width: 880px ) {
    #civil_skipPaper ul {width:100%;}
    #civil_skipPaper li {width:47%; padding-right:0; background:none;}
    #civil_skipPaper li img {width:100%;}
    #civil_automatic .con_txt {clear:left; width:100%;}
    #civil_automatic .con_img {clear:right; width:100%;}
}
@media ( max-width: 479px ) {
    #civil_skipPaper ul {width:100%;}
    #civil_skipPaper li {width:100%; margin-right:0; padding-right:0; background:none;}
    #civil_skipPaper li img {width:100%;}
}

/*요금납부*/
.fb {font-weight:600; padding-left:20rem; font-size:15rem;}
.green {color:#336633;}
.wd_100 img {width:100%;}
.wrap_btn {padding:20rem 0; text-align:center;}
.fs15 {font-size:16rem !important}

/* 상하수도민원 > 계산방법 */
#civil_water_1 dd ul {overflow:hidden; margin:3rem 0 26rem 0;}
#civil_water_1 dd li {float:left; width:160rem;}
#civil_water_1 dd li:nth-of-type(3) {clear:both;}
#civil_water_1 dd p {clear:both;}
#civil_water_3 > ul > li {padding:32rem 0 20rem 0; border-top:1px dashed #ccc;}
#civil_water_3 .con {overflow:hidden; margin-top:11rem;}
#civil_water_3 .con dl {float:left; width:29%; min-height:150rem; padding:1% 1% 1.5% 1%; margin-left:2%; border:1px solid #e6e6e6; border-top:1px solid #777; background-color:#f7f7f7; }
#civil_water_3 .con dl:first-child {margin-left:0;}
#civil_water_3 .con dt {padding:5rem 0 9rem 0; font-weight:bold; color:#fff; line-height:1.1; text-align:center;}
#civil_water_3 .con dl.dl_1 dt {background:#0066cc;}
#civil_water_3 .con dl.dl_2 dt {background:#4b7f17;}
#civil_water_3 .con dl.dl_3 dt {background:#cc3300;}
#civil_water_3 .con dd {float:left; padding:10rem 0 0 0; font-weight:normal; font-size:0.98em;}
#civil_water_3 .con dd p.memo {padding-bottom:4rem;}
#civil_water_3 .con.con_4 dl {clear:both; overflow:hidden; width:100%; margin:10rem 0 0 0;}
#civil_water_3 .con.con_4 dl:first-child {margin-top:0;}
#civil_water_3 .con.con_4 dt {float:left; width:20rem; min-height:140rem; padding:5rem 5rem 9rem 5rem;}
#civil_water_3 .con.con_4 dd {float:left; width:90%; padding:0 0 0 10rem;}
@media ( max-width: 880px ) {
    #civil_water_3 .con {width:100%;}
    #civil_water_3 .con dl {clear:both; width:95%; margin:10rem 0 0 0; padding:2%;}
    #civil_water_3 .con dl:first-child {margin-top:0;}
    #civil_water_3 .con dt {width:100%;}
    #civil_water_3 .con dd {clear:both;}
    #civil_water_3 .con.con_4 dl {width:95%;}
    #civil_water_3 .con.con_4 dl dt {width:100%; min-height:15rem; padding:5rem 0 9rem 0;}
    #civil_water_3 .con.con_4 dd {padding:10rem 0 0 0;}
}

/*  상하수도민원 > 상하수도 요금조회 & 상하수도 요금계산 팝업 */
#pop_water {background:url('/design/ko2019/img/sub01/sister_tit_bg.gif') no-repeat center top;}
#pop_water input,
#pop_water select { padding:2rem 8rem;}
#pop_water input[type="submit"] {padding:10rem 20rem; margin:15rem 0; cursor:pointer; text-align:center;margin:0 auto;}
#pop_water .title {font-size:18rem !important; font-weight:bold; color:#0053a7; margin-bottom:10rem;}
#pop_water .pop_water_wrap {width:90%; margin:0 auto; padding-bottom:30rem; font-size:1.1em; line-height:1.8; letter-spacing:-0.05em;}
#pop_water h1 {height:106rem; font-size:24rem !important; margin-bottom:20rem; padding-left:100rem; padding-top:35rem; text-align:center; font-weight:bold; box-sizing: border-box;}
#pop_water h2 {padding:0 0 3rem 20rem; font-weight:600; font-size:1.08em; color:#333; background:url('/design/ko/img/common/h5.gif') no-repeat 0 7rem;}
#pop_water_wrap .depth01 li,
#pop_water_wrap .depth01 li span {font-size:15rem !important;}
#pop_water .reference {overflow:hidden; margin-bottom:10rem;}
#pop_water .reference li {float:left; text-align:center;}
#pop_water .reference li.hyphen {width:20rem;}
#pop_water .reference li .num {width:60rem;}
#pop_water .reckoning {margin-top:16rem;}
#pop_water .reckoning ul {margin-bottom:9rem; overflow:hidden;}
#pop_water .reckoning li {float:left; width:47%; margin-bottom:6rem;}
#pop_water .reckoning li.last {clear:both; width:100%;}
#pop_water .reckoning li .subject {display:inline-block; width:70rem; font-weight:bold;}

/* 옥외광고물 */
#civil_billboard .space_app {display:inline-block; width:155rem;}

/* 부동산민원 > 개별공시지가 */
.btn_kras {float:right; padding:3rem 15rem; line-height:1.4; border-radius:5rem 5rem; background:#00a3a8; text-align:center;}
.btn_kras a {color:#fff;}
#civil_property_1 dl {clear:both;}

/*지방세 민원 펼쳐보기*/
.tax_credit{padding:20rem; border:1px solid #ccc; box-sizing:border-box; background-color:#efefef; margin-top:20rem;}

/*정보통신공사 사용전검사*/
.process_infoc {width:100%; text-align:center; margin-top:20rem; }
@media ( max-width: 880px ) {
    .process_infoc img{width:100%;}
}


/*개별공시지가 문자알림서비스*/
.sns_property table input,
.sns_property table select {border:1px solid #ccc; height:35rem; box-shadow:none !important; border-radius:0;}
.sns_property table select {width:100rem;}
.sns_property input[type="submit"] {-webkit-appearance:none; border-radius:0; box-sizing:border-box;}
.sns_property table input#name {width:30%; margin-right:5rem;}
.sns_property table input#cell2,
.sns_property table input#cell3 {width:100rem;}
.sns_property table button {padding:3rem 10rem; box-sizing:border-box; border-radius:5rem; cursor:pointer; color:#fff; margin:0 1rem; border:0; height:30rem; font-size:14rem;}
.sns_property .ipin_chk {background:#465694;}
.sns_property .cell_chk {background:#222;}
.pro_agree {margin:20rem 0; text-align:left;}
.pro_agree > div {text-align:center;}
.pro_agree > div label {margin:0 15rem 0 5rem;}
.pro_agree .tit {font-size:17rem; font-weight:bold; color:#2a4483;}
.pro_agree ul {margin:15rem 0;}
.agree_btn {text-align:center;}
.agree_btn .writeok,
.agree_btn .cancel {padding:10rem 40rem; box-sizing:border-box; cursor:pointer; color:#fff; margin:0 2rem; border:0; height:40rem;}
.agree_btn .writeok {background:#465694;}
.agree_btn .cancel {background:#222;}

@media ( max-width: 480px ) {
	.sns_property table select {display:inline-block; margin-bottom:5rem;}
    .sns_property table input#name {width:100%; margin-right:0; margin-bottom:5rem;}
}

/*부동산이전등기특별조치법*/
.step li {position:relative; float:left; width:25%; margin-bottom:10rem;}
.step li::before {content:'→'; position:absolute; right:2%; top:10rem; color:#666; }
.step li:nth-child(4n+1) {clear:both;}
.step li:last-child::before { display:none; }
.step li span { display:block; width:90%; border:1px solid #9e9e9e; padding:10rem; box-sizing:border-box; box-shadow:2rem 2rem 2rem rgba(0,0,0,0.1); background:#f0f6fa; text-align:center; }
.step li p { width:90%; font-size:13rem; color:#777; text-align:center; padding:10rem 0 0;}
@media ( max-width: 768px ) {
  .step li {width:33.33%;}
  .step li:nth-child(4n+1) {clear:none;}
  .step li:nth-child(3n+1) {clear:both;}
}
@media ( max-width: 480px ) {
  .step li {width:50%;}
  .step li:nth-child(3n+1) {clear:none;}
  .step li:nth-child(2n+1) {clear:both;}
}


/*상하수도 subindex*/
.waterSubindex * {box-sizing:border-box;}
.waterSubindex .overH {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rem 4%;}
.waterSubindex dl {width:100%;}
.waterSubindex dl dt { color:#333; text-align:center; font-size:20rem; font-weight:600; padding:20rem;}
.waterSubindex dl dt span {display:inline-block; position:relative; padding-left:55rem;}
.waterSubindex dl dt span::before { content:''; position:absolute;left:0; top:-10rem; width:50rem; height:50rem; background:url('/design/area2019/img/sub/waterIcon.png') no-repeat 0 0 ;}
.waterSubindex dl:nth-child(2) dt span::before { background-position:-50rem 0;}
.waterSubindex dl:nth-child(3) dt span::before { background-position:-100rem 0;}
.waterSubindex dl dd,
.waterSubindex .txt_box01 { padding:20rem; background:#f4f6f9; border:1px solid #eee; border-radius:10rem; overflow:hidden;}
.waterSubindex dl dd {min-height: 384rem;}
.waterSubindex .txt_box01 { height:auto; }
.waterSubindex .depth01 > li > a { font-weight:600; letter-spacing: -1rem;}
.waterSubindex .depth02 > li > a {letter-spacing: -1rem;}
.waterSubindex .depth03 > li > a {letter-spacing: -1rem;}
.waterSubindex h4 {clear:both;}
@media all and (max-width:768px ) {
  .waterSubindex .overH {grid-template-columns: minmax(0, 1fr);}
  .waterSubindex dl {width:100%;}
  .waterSubindex dl:first-child {margin-top:0;}
  .waterSubindex dl dd {height:auto; min-height: unset;}
}

.poll_wrap {overflow:hidden; padding:20rem;}
.poll_title {box-sizing:border-box; padding:15rem; background:#2a4483; color:#fff; font-size:28rem; font-weight:600; text-align:center;}
.poll {overflow:hidden;}
.poll dt {padding-bottom:10rem; /*font-size:17rem;*/}
.poll img {width:100%;}
.poll dd {padding:7rem 10rem; line-height:25rem; border-top:1px solid #d8d8d8;}
.poll .poll_txt {padding:20rem;}
.poll .date {margin-bottom:10rem;}
/* .poll .date span {display:inline-block; background:url('/ko/img/sub/sub05/poll_02.png') no-repeat 10rem 7rem; padding:0 10rem 0 30rem; color:#fff; font-size:13rem;} */
.poll .date span {display:inline-block; padding:0 10rem; color:#fff; font-size:13rem;}
.poll .date p {display:inline-block; background:#454545; border-radius:3rem; margin-right:10rem;}

.poll_paper {border-top:1px solid #d8d8d8;}
.poll_paper dl { background:url('/ko/img/sub/sub05/poll_01.png') no-repeat left 20rem; padding-left:50rem; border-bottom:1px dashed #ddd; padding:20rem;}
.poll_paper dt {font-weight:600; color:#555; margin-bottom:20rem;}
.poll_paper dd {font-size:16rem; margin:7rem 10rem;}
.poll_paper dd .txt_tit {display:inline-block; width:80rem; font-weight:600; color:#2a4483;}
.bod_list .list_tit .subject { display: inline-block; padding-top: 4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 95%; }
.bod_list .list_btn {width:12%;}

@media all and (max-width: 768px ) {
.bod_list .list_btn {width:20%;}
}

/*.poll_result {border-top:2rem solid #ccc;}*/
.poll_result > dl { background:url('/ko/img/sub/sub05/poll_01.png') no-repeat left 20rem; /*padding-left:50rem; border-bottom:1px dashed #ddd; padding:20rem 0 20rem 50rem;*/ padding:20rem 0;}
.poll_result > dl > dt {font-weight:600; color:#131313; margin-bottom:20rem; background:url('/design/ko2019/img/sub/dep01.png') no-repeat 0 7rem; padding-left:18rem;}
.poll_result > dl > dd {overflow:hidden; padding-bottom:8rem; margin-bottom:8rem; border-bottom:1px dashed #ddd;}
/*.poll_result > dl > dd > span {float:left; width:30%; text-align:right;}
.poll_result > dl > dd > ul {overflow:hidden; float:right; width:68%;}*/
.poll_result > dl > dd > ul {overflow:hidden; width:100%;}
.poll_result > dl > dd > ul > li {float:left; width:10%; text-align:right; margin:3rem 0;}
.poll_result > dl > dd > ul > li:first-child {width:90%; text-align:left; background:#dddddd;}
.poll_result .result_graph {display:inline-block; background:#812929; color:#fff; padding:0 10rem; box-sizing:border-box; max-width:100%; }
.poll_result .result_txt { border-top:10rem solid #fff;}
.poll_result .result_txt ul {border:3rem solid #ddd; background:#fff; padding:10rem 20rem;}
.poll_result .result_txt li {border-bottom:1px dashed #ddd; font-size:13rem; padding:3rem 0;}
.poll_result .poll_ing {position:relative; margin:10rem 0; background:#eee;}
.poll_result .poll_ing li:nth-child(2) {position:absolute; top:0; right:10rem;}
@media all and (max-width: 480px ) {
	.poll_result > dl > dd > span {float:none; width:100%;}
	.poll_result > dl > dd > ul {float:none; width:100%;}
}

/* 20240813추가 여론조사 */
.poll .guide_poll .poll_duration{padding-left: 10px !important; }
.poll_paper textarea{vertical-align: middle;}
.result_graph > img{display: none;}


.box {position: relative; border: 2rem solid #dddddd;}
.box .border_point {position: absolute; right: -2rem; bottom: -2rem; background: url(/ko/img/sub/border_point.png); width: 100rem; height: 70rem; z-index: 10;}
.box1 {padding: 20rem 40rem; margin-bottom: 30rem;}
.box1 div {overflow: hidden;}
.box1 div img {float: left;}
.box1 div dl {margin-left: 150rem; margin-top: 10rem;}
.box1 div dl dt {font-size: 22rem; color:#0066b3; font-weight: 600; margin-bottom: 10rem;}


.sns_btn {overflow:hidden; width:100%; text-align:right;}
.sns_btn a {display:inline-block; margin-left:5rem;}

/*기존 sub01.css 끝*/

/*기존 sub02.css 시작*/
#socialhub {width:100%;}
#socialhub ul {overflow:hidden; margin-bottom:20rem;}
#socialhub li {float:left; width:125rem; margin-left:2rem; line-height:0;}
#socialhub li:first-child {margin-left:0;}
#socialhub li:hover {cursor:pointer;}
#socialhub div {display:none;}


/* 건의/공고 > 시민의견수렴 */
#part_collect {border-bottom:1px dashed #bbb !important; overflow:hidden; margin-bottom:20rem;}


/* 주민참여예산 > 시민제안사업 */
.jumin_flow2 {margin-top:15rem; overflow:hidden;}
.jumin_flow2 li {float:left; margin-left:18rem;}
.jumin_flow2 li:first-child {margin-left:0;}


.box_agree {background-color:#efefef; border:1px solid #ccc; padding:20rem;}

.wd_100 {width:100%;}

@media ( max-width: 880px ) {


#socialhub li {width:16.25%; margin-left:0.5%;}
#socialhub li:first-child {margin-left:0;}
#socialhub img {width:100%;}


/* 주민참여예산 > 시민제안사업 */
.jumin_flow2 {width:100%; margin-top:10rem;}
.jumin_flow2 li {float:left; width:19%; margin-left:1.25%;}
.jumin_flow2 li:first-child {margin-left:0;}


}

/* 부패비리익명신고 */
.bgImg { text-align:center; margin-bottom:20rem; padding:20rem 0 10rem; background:#f3f3f3; }
@media (max-width: 480px ) {
.bgImg { padding:0; background:none; }
.bgImg img { width: 100%; }
}

/*
#gj_organ .h5 {margin-top:0 !important; padding-bottom:30rem;}
#gj_organ a:hover {text-decoration:underline;}
#gj_organ a:focus {border:1px dashed #333; box-sizing:border-box;}
#gj_organ a img {margin-left:1px;}
#gj_organ .tit {display:block; width:131rem; height:50rem; line-height:50rem; font-weight:bold; font-size:1.03em; letter-spacing:-0.06em; color:#fff !important; text-align:center;}
#gj_organ .tit.mayor {background:url('/design/ko/img/sub03/org_mayor.gif') repeat;}
#gj_organ .tit.dblue {background:url('/design/ko/img/sub03/org_dblue.gif') repeat;}
#gj_organ .tit.green {background:url('/design/ko/img/sub03/org_green.gif') repeat;}
#gj_organ .tit.wine {background:url('/design/ko/img/sub03/org_wine.gif') repeat;}
#gj_organ .tit.leaf {background:url('/design/ko/img/sub03/org_leaf.gif') repeat;}
#gj_organ .tit.gray {background:url('/design/ko/img/sub03/org_gray.gif') repeat;}

#gj_organ .org_box {width:131rem; margin:0 9rem 0 10rem;}
#gj_organ .org_box dd {height:200rem; padding-top:5rem; background:#fff; border:1px solid #ccc; border-top:0;}
#gj_organ .org_list {margin:0 10rem;}
#gj_organ .org_list li {margin:0; padding:0 0 0 9rem; font-size:0.85em; background:url('/design/ko/img/common/depth01.gif') no-repeat 0 8rem;}

.font_s {font-size:1em !important;}
*/

/* 주민참여예산위원회 조직도 */
.nonTaxKind {padding:40rem; overflow:hidden; background-color:#f4f4f4; background:url('/design/ko2019/img/sub02/bg_jmOrg.gif') center 40rem; background-repeat:no-repeat; background-size:auto; }
.nonTaxKind span {display:block;}
.nonTaxKind span,
.nonTaxKind dl,
.nonTaxKind dd {color:#131313; text-align:center; box-sizing:border-box; overflow:hidden;}
.nonTaxKind > p.kind01 > span {width:30%; height:61rem; margin:0 auto; padding-top:7rem; font-size:20rem; background:#e6e1c4;}
.nonTaxKind > ul {margin-top:45rem; overflow:hidden;}
.nonTaxKind > ul > li { }
.nonTaxKind > ul > li > span {width:30%; height:45rem; margin:0 auto; padding-top:8rem; font-size:18rem; line-height:1.4; background:#d8e5c7; }
.nonTaxKind dl {float:left; width:49%; margin:45rem 0.5% 0; padding:6rem 6rem 9rem; background:#d0edff;}
.nonTaxKind dt {height:28rem; font-size:17rem; line-height:1.4;}
.nonTaxKind dd {padding:13rem; background:#fff; color:#454545;}
.nonTaxKind dd li {font-size:13rem; text-align:left; }

.kind04 {  margin-bottom:30rem; width:100%; float:left; }
.kind04 span { margin:0 40rem !important;}
.kind04 dl { float:right; margin: 0; width:25%; background:#ecd8eb; }
.kind04 dd { height:55rem; }

.kind05 {  margin:0 auto 30rem; width:100%; overflow:hidden;}
.kind05 span { margin:0 40rem !important;}
.kind05 dl { margin: 120rem auto 0; width:100%; background:#e6e1c4; float:none;}
.kind05 dd { }

/* .org_list li {background:url('/design/ko/img/common/bl.gif') no-repeat 0 10rem; padding-left:8rem; } */
/* .org_list li > ul > li {background:url('/design/ko/img/common/depth02.gif') no-repeat 0 11rem; padding-left:10rem; font-weight:normal} */


@media all and (max-width:768px ) {
.nonTaxKind {padding:20rem; background:#f4f4f4;}
.nonTaxKind > p.kind01 {width:100%;}
.nonTaxKind > p.kind01 > span {width:100%; height:auto; margin-left:0; padding:4rem 0; font-size:14rem; border-width:1px;}
.nonTaxKind > ul {float:left; width:100%; margin-top:20rem;}
.nonTaxKind > ul > li {float:none; width:48%;}
.nonTaxKind > ul > li > span {float:left; width:18%; height:auto; padding-bottom:7rem; font-size:14rem;}
.nonTaxKind > ul > li > div {float:left; width:18%; margin-left:4%;}
.nonTaxKind dl {float:none; width:100%; margin:0 0 15rem; padding:6rem 4rem 4rem;}
.nonTaxKind dt {height:auto; padding-bottom:3rem; font-size:14rem;}
.nonTaxKind dd {height:auto; padding:9rem 10rem;}
.nonTaxKind dd li {font-size:13rem;}
.kind02_1 { width:100% !important; overflow:hidden;}
.kind02_1 span { width:100% !important; margin-bottom:20rem; }
.kind03 { width:100% !important; }
.kind04 { margin-top:20rem; margin-bottom:0; }
}

/*경주시 시민원탁회의*/
.round_table_wrap01 {background:url('/design/ko/img/sub02/round_table_tit.png') no-repeat center 40rem #f2f4f7; border:1px solid #d3dae2; padding:250rem 40rem 40rem 40rem;}
.round_table_wrap01 p {margin-top:30rem;}
.round_table_wrap01 p:first-child {margin-top:0;}
.round_table_wrap01 p span {color:#bf1313; font-weight:bold; text-decoration:underline;}

.round_table_wrap02 > div {border-top:1px dotted #aaa; padding:40rem 0 40rem 180rem;}
.round_table_wrap02 > div:first-child {border-top:0;}
.round_table_wrap02 > div.icon01 {background:url('/design/ko/img/sub02/round_table_icon01.png') no-repeat 20rem center;}
.round_table_wrap02 > div.icon02 {background:url('/design/ko/img/sub02/round_table_icon02.png') no-repeat 20rem center;}
.round_table_wrap02 > div.icon03 {background:url('/design/ko/img/sub02/round_table_icon03.png') no-repeat 20rem center;}
.round_table_wrap02 > div .tit {font-size:1.25em; font-weight:600;}
.round_table_wrap02 > div .txt {margin-top:15rem;}

@media all and (max-width:768px ) {
	.round_table_wrap02 > div {background-size:100rem !important; padding:30rem 0 30rem 150rem;}
}
@media all and (max-width:480px ) {
	.round_table_wrap01 {background-size:80%; padding:230rem 5% 5% 5%;}
	.round_table_wrap02 > div {background-position:center 30rem !important; background-size:120rem !important; padding:170rem 0 30rem 0;}
}

.form_table form {border-top:2rem solid #333;}
.form_table table {width:100%; max-width:100%;}
.form_table table th {padding:8rem 15rem; background:#f6f6f6; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.form_table table td {padding:8rem 15rem; border-bottom:1px solid #d5d5d5;}
.form_table textarea {width:100%;}

.form_table select,
.form_table input[type="tel"],
.form_table input[type="text"] {width:25%; height:32rem;}

.form_table input[type="text"],
.form_table input[type="tel"],
.form_table select,
.form_table textarea {border:1px solid #d2d2d2; padding:0 5rem; box-sizing:border-box;}

.form_table input[type="radio"] {vertical-align:middle; margin-right:3rem;}

.form_table .box {background:#f6f6f6; text-align:center; font-weight:600;}

.form_table .btn {margin-top:20rem; text-align:center;}
.form_table .btn button {border:0; border-radius:6rem; padding:9rem 12rem; color:#fff; font-weight:600; font-family:'나눔고딕'}
.form_table .btn button.type_1 {background:#4a4a4a;}
.form_table .btn button.type_2 {background:#ee2f5b}

@media all and (max-width:1023px ) {
	.form_table select,
	.form_table input[type="text"] {width:100%}
}

/* 적극행정 소식 */
.admin_box {margin-top:40rem; border-top:1px solid #d0d0d0;}
.admin_box > ul > li .a_layer {display:flex; position:relative; padding:10rem 0 10rem 20rem; padding-right:100rem; font-weight:600; color:#000; border-bottom:1px solid #d0d0d0;}
.admin_box > ul > li .a_layer:after {content:''; position:absolute; width:33rem; height:30rem;  top:9rem; right:20rem; background:url('/design/ko2019/img/sub02/admin_arr.gif') no-repeat right 0/contain; transform:rotate(0);}
.admin_box > ul > li .num {flex-shrink:0; flex-grow:0; display:inline-block; width:26rem; height:26rem; margin-right:5rem; background:#e53e64; color:#fff; font-weight:600; border-radius:50%; text-align:center; line-height:26rem;}
.admin_box > ul > li .div_layer {display:none; border-bottom:1px solid #d0d0d0; padding:20rem 25rem;}
.admin_box > ul > li .div_layer .s_tit {display:inline-block; margin-bottom:15rem !important; background:#dcdcdc; text-align:center; padding:3rem 20rem; font-weight:600; border-radius:40rem;}
.admin_box > ul > li .div_layer p {margin-bottom:6rem;}
.admin_box > ul > li .div_layer p:last-of-type {margin-bottom:0;}
.admin_box > ul > li .div_layer .list > li {margin:5rem 0; font-weight:600; color:#961b37;}
.admin_box > ul > li .div_layer .list > li > ul {margin:0 0 0 10rem; color:#111; font-weight:400;}



/*참여예산 흐름도*/
.budgetFlow01 {overflow:hidden;}
.budgetFlow01 p {margin-bottom:0 !important;}
.budgetFlow01 ul.prc01 {}
.budgetFlow01 ul.prc01 > li {overflow:hidden;}
.budgetFlow01 ul.prc01 > li  > p {float:left; width:15%; display:inline-block; text-align:center;}
.budgetFlow01 ul.prc01 > li  > p span {display:block; border-radius:50% 50%; box-sizing:border-box;}
.budgetFlow01 ul.prc01 > li  > p span.cr1 { width:90rem; height:90rem; border:1px solid #ddd; padding-top:4rem; padding-left:4rem;}
.budgetFlow01 ul.prc01 > li  > p span.cr2 { width:80rem; height:80rem; padding:25rem 10% 0 10%; color:#fff; font-weight:600; line-height:25rem;}
.budgetFlow01 ul.prc01 > li:nth-of-type(1) > p span.cr2 {background:#951734;}
.budgetFlow01 ul.prc01 > li:nth-of-type(2) > p span.cr2 {background:#a5602e;}
.budgetFlow01 ul.prc01 > li:nth-of-type(3) > p span.cr2 {background:#27641c;}
.budgetFlow01 ul.prc01 > li:nth-of-type(4) > p span.cr2 {background:#1a4f6e;}
.budgetFlow01 ul.prc01 > li:nth-of-type(5) > p span.cr2 {background:#3f35b3;}
.budgetFlow01 ul.prc01 > li:nth-of-type(6) > p span.cr2 {background:#0b2b3c;}
.budgetFlow01 ul.prc01 > li:nth-of-type(6) > ul.prc02 > li {background:none;}
.budgetFlow01 ul.prc02 {float:right; width:85%; display:inline-block;}
.budgetFlow01 ul.prc02 > li {width:100%; min-height: 90rem; clear:both; overflow:hidden; padding:0 0 30rem; margin-bottom:15rem; background:url('/design/ko2019/img/sub02/arr01.gif') no-repeat 21% bottom;}
.budgetFlow01 ul.prc02 > li  > p {float:left; width:40%; min-height:90rem; box-sizing:border-box; border:1px solid #e1e1e1;}
.budgetFlow01 ul.prc02 > li  > p span {display:block; padding:30rem 40rem; background:#fff; font-weight:bold;}
.budgetFlow01 ul.prc02 > li  > p span.long {height:65rem;}
.budgetFlow01 ul.prc02 > li .link-img {float:left; width:5%; text-align:center;}
.budgetFlow01 ul.prc02 > li .link-img span {display:block; margin:0 auto; width:25rem; min-height:65rem; vertical-align:middle; background:url('/design/ko2019/img/sub02/link-img.gif') no-repeat center;}
.budgetFlow01 ul.prc03 {float:right; width:55%; box-sizing:border-box; border:1px solid #e1e1e1; padding:20rem 40rem;}
.budgetFlow01 ul.prc03 > li { }
@media all and (max-width:880px ) {
	.budgetFlow01 ul.prc01 > li  > p {width:100%;}
	.budgetFlow01 ul.prc02 {width:100%;}
	.budgetFlow01 ul.prc01 > li > p span.cr1 {margin:0 auto 20rem;}
	.budgetFlow01 ul.prc02 > li > p {width:49%; margin:0 0.5%; min-height:auto;}
	.budgetFlow01 ul.prc02 > li .link-img {display:none;}
	.budgetFlow01 ul.prc03  {width:49%; margin:0 0.5%;}
	.budgetFlow01 ul.prc01 > li.first {background-position:center bottom;}
	.budgetFlow01 li ul.prc02 > li {background-position: center bottom !important;}
}
@media all and (max-width:480px ) {
	.budgetFlow01 ul.prc02 > li > p,
	.budgetFlow01 ul.prc03  {width:100%; margin:0;}
	.budgetFlow01 ul.prc02 > li > p {margin-bottom:5rem !important;}
	.budgetFlow01 ul.prc02 > li > p span,
	.budgetFlow01 ul.prc03 {padding:10rem 5%;}
	.budgetFlow01 ul.prc02 > li > p span.long {height:auto;}
}

/*시민제안사업 운영*//*공통사용*/
.step {overflow:hidden; margin:10rem 0 15rem;}
.step dl {position:relative; float:left; width:16%; margin-left:5%; border:1px solid #d2d2d2; box-sizing:border-box; text-align:center;}
.step dl:after {content:''; position:absolute; bottom:50%; right:-40rem; width:28rem; height:28rem; margin-bottom:-9.5rem; padding:0 1rem; background:url('/design/ko2019/img/sub02/arr02.gif') no-repeat center;}
.step dl:last-child:after {display:none;}
.step dl:first-of-type {margin-left:0;}
.step dl dt {padding:10rem 15rem; min-height:auto; background:#0169c2; color:#fff;}
.step dl:nth-of-type(1) dt {background:#901834;}
.step dl:nth-of-type(2) dt {background:#884718;}
.step dl:nth-of-type(3) dt {background:#25651a;}
.step dl:nth-of-type(4) dt {background:#1e5575;}
.step dl:nth-of-type(5) dt {background:#3f35b3;}
.step dl.combine dt {border-bottom:1px dashed rgba(255,255,255,0.5);}
.step dl.combine dd {color:#fff; font-size:17rem;}
.step dl:nth-of-type(1).combine dd {background:#901834;}
.step dl:nth-of-type(2).combine dd {background:#884718;}
.step dl:nth-of-type(3).combine dd {background:#25651a;}
.step dl:nth-of-type(4).combine dd {background:#1e5575;}
.step dl:nth-of-type(5).combine dd {background:#3f35b3;}
.step dl dd:first-of-type {border:0;}
.step dl dd {padding:10rem 5rem; border-top:1px dashed #d2d2d2;}
@media all and (max-width:900px ) {
	.step dl {float:none; width:100%; margin-left:0; margin-bottom:40rem;}
	.step dl:after {bottom:-29rem; right:50%; margin-bottom:0; margin-right:-10.5rem; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.step dl:last-child:after {display:none;}
}

/*설문조사*/
.surveyBtn {padding:5rem 15rem !important; margin-left:0 !important;}
.surveyBtn::after { display:none !important; }

/*임산부의 날 DIY*/
.gongmo2021{padding-bottom: 20rem;}
.gongmo2021 dl { position:relative; ;background:#fff9da url('/design/ko2019/img/sub02/gongmo2022.png') no-repeat 90rem bottom; padding:50rem 90rem 50rem 380rem; margin-bottom:50rem; }
.gongmo2021 dl::before {content:''; position:absolute; left:2%; top:5%; width:96%; height:90%; border:3rem solid #fff; box-sizing:border-box; z-index:10;}
.gongmo2021 dl dt { font-size:20rem; }
.gongmo2021 dl dt strong {display:block; font-size:40rem; }
.gongmo2021 dl dd { font-size:17rem; margin-top:20rem; line-height:1.8;  }
/* .gongmo2021 a{ position:relative; display:block; width:180rem; font-size:18rem; font-weight:600; padding:8rem 0; text-align:center; background:#e34945; color:#fff; border-radius:5rem; box-shadow:3rem 3rem 2rem rgba(0,0,0,0.1); margin-top:30rem; z-index:20;}
.gongmo2021 a:hover {background:#0072bc;} */
.gongmo2021 a.btnrrrrr{ position:relative; display:block; width:180rem; font-size:18rem; font-weight:600; padding:8rem 0; text-align:center; background:#ed7711; color:#fff; border-radius:5rem; box-shadow:3rem 3rem 2rem rgba(0,0,0,0.1); margin-top:30rem; z-index:20;}
.gongmo2021 a.btnrrrrr:hover {background:#b15404;}
@media all and (max-width:1023px){
	.gongmo2021 dl {background-position:50rem bottom; padding:50rem 50rem 50rem 300rem;}
	.gongmo2021 dl dt strong { font-size:30rem; }
	.gongmo2021 dl dd {font-size:15rem;}
}
@media all and (max-width:768px){
	.gongmo2021 dl {background:#f9efd2; padding:40rem; text-align:center;}
	/* .gongmo2021 a {margin:30rem auto 0;} */
	.gongmo2021 a.btnrrrrr{margin:30rem auto 0;}
}

/* 규제입증요청 */
.regulation .step dl { float:left; width:21.25%;}
.regulation .step dt {font-size:17rem; font-weight:500; }
.regulation a.corona_btn { margin-top:50rem; }
.regulation .agree_ dt {font-size:20rem; border-top:1px solid #c4c9ce; background:#f4f5f9; padding:17rem 15rem; }
.regulation .agree_ dd {padding:20rem; border-bottom:1px solid #111; }
.regulation .agree_ dd h5 {margin-top:0;}
.regulation .agree_ .btn {text-align:center; padding:20rem 0; font-size:17rem; }
.regulation .agree_ .btn label {padding-left:7rem; }
@media all and (max-width:900px ) {
	.regulation .step dl {width:100%;}
}

/*혁신원자력연구단지 명칭공모전*/
.kaeri_contest {}
.kaeri_contest .topCont {overflow:hidden; background:#cde8f7 url('https://www.gyeongju.go.kr/design/ko2019/img/sub02/kaeri_contest_bg.png') no-repeat 90% top; padding:30rem;}
.kaeri_contest .topCont h4 {padding-left:0 !important; color:#0f365d; margin-top:5rem; font-size:30rem; font-family:'notokr-black' !important}
.kaeri_contest .topCont h4::before {display:none;}
.kaeri_contest .topCont h4 span {padding-top:5rem;}
.kaeri_contest .topCont h4 a {background-color:#0f365d; border-color:#0f365d; color:#fff;}
.kaeri_contest .topCont h4 a:hover {background-color:#0f365d;}
.kaeri_contest .topCont h4 a::after {background-position:-13rem -11rem;}
.kaeri_contest .topCont .box {background:#fff; border-radius:10rem; padding:30rem; margin-top:40rem;}
@media all and (max-width:880px ) {
  .kaeri_contest .topCont {background-size:40%; background-position:90% 50rem;}
  .kaeri_contest .topCont h4 {font-size:22rem !important}
  .kaeri_contest .topCont h4 span {display:block;}
  .kaeri_contest .topCont h4 a {margin-left:0; margin-top:10rem;}
}
@media all and (max-width:540px ) {
  .kaeri_contest .topCont {background-size:50%; background-position:90% 100rem;}
}


/* 자유게시판 */
.freeboard .box {margin-bottom:20rem;}
.freeboard .box .point {font-weight:600; margin-bottom:15rem;}
.freeboard .box .point p {display:inline-block; position:relative; margin-bottom:5rem; font-size:22rem; letter-spacing:-1rem;  color:#a90063; line-height:1.5;}
.freeboard .box .point p:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:10rem; background:rgb(255 43 173 / 10%); z-index:-1;}
.freeboard .btn {display:block; background:#2a4483; text-align:center; margin:10rem 0 20rem;}
.freeboard .btn a {display:inline-block; border-radius:0; border:0; color:#fff; padding:7rem 40rem 7rem 0; position:relative; margin-left:0;}
.freeboard .btn a:hover {background:none;}
.freeboard .btn a:after {top:13px; background-position-y:-11px;}
.freeboard p.tit {margin-bottom:7rem; color:#2a4483 !important; letter-spacing:-0.7rem; line-height:1.5 !important;}

/* 행복톡톡 */
.civil_happy_box {margin:10rem 0;}
.civil_happy_box p {font-weight:600; color:#2a4483;}
.civil_happy_box ol {display:flex; flex-flow:row wrap; margin-top:7rem; border:1px dashed #ddd; padding:20rem;}
.civil_happy_box ol li {margin:5rem 15rem;}
/*기존 sub02.css 끝*/

/*기존 sub03.css 시작*/
/* 경주소개 > 상징 */
#gj_symbol {}
#gj_symbol ul {}
#gj_symbol li {overflow:hidden; padding:40rem 0 40rem 0; border-bottom:1px solid #e1e1e1;}
#gj_symbol li:first-child {padding-top:0;}
#gj_symbol p {float:left; width:25%; line-height:0; text-align:center;}
#gj_symbol p img {max-width:100%;}
#gj_symbol dl {float:right; width:70%;}
#gj_symbol dt {padding-top:7rem; font-size:22rem; padding-left:75rem; font-weight:bold;}
#gj_symbol dt span {font-size:28rem; font-weight:bold;}
#gj_symbol dd {padding-top:23rem; line-height:1.5; font-size:16rem; letter-spacing:-0.03em;}
#gj_symbol dd span {line-height:1.5; font-size:17rem; letter-spacing:-0.03em;}
#gj_symbol .symbol_1 dl {background:url('/design/ko2019/img/sub03/symbol_1.gif') no-repeat 0 0;}
#gj_symbol .symbol_2 dl {background:url('/design/ko2019/img/sub03/symbol_2.gif') no-repeat 0 0;}
#gj_symbol .symbol_3 dl {background:url('/design/ko2019/img/sub03/symbol_3.gif') no-repeat 0 0;}
#gj_symbol .symbol_4 dl {background:url('/design/ko2019/img/sub03/symbol_4.gif') no-repeat 0 0;}
#gj_symbol .symbol_5 dl {background:url('/design/ko2019/img/sub03/symbol_5.gif') no-repeat 0 0;}
#gj_symbol .symbol_6 dl {background:url('/design/ko2019/img/sub03/symbol_6.gif') no-repeat 0 0;}
#gj_symbol .symbol_1 dt span {color:#996633;}
#gj_symbol .symbol_1 dt span.day {font-size:13rem; color:#333;}
#gj_symbol .symbol_2 dt span {color:#336600;}
#gj_symbol .symbol_2 dt span.day {font-size:13rem; color:#333;}
#gj_symbol .symbol_3 dt span {color:#114095;}
#gj_symbol .symbol_3 dt span.day {font-size:13rem; color:#333;}
#gj_symbol .symbol_4 dt span {color:#95318d;}
#gj_symbol .symbol_4 dt span.day {font-size:13rem; color:#333;}
#gj_symbol .symbol_5 dt span {color:#1f6272;}
#gj_symbol .symbol_5 dt span.day {font-size:13rem; color:#333;}
#gj_symbol .symbol_6 dt span {color:#b10000;}
#gj_symbol .symbol_6 dt span.day {font-size:13rem; color:#333;}
@media ( max-width: 1023px ) {
    #gj_symbol dl {background:none !important;}
    #gj_symbol dt {padding-left:0;}
}
@media ( max-width: 640px ) {
    #gj_symbol p,
    #gj_symbol dl {float:none; width:100%;}
    #gj_symbol dl {text-align: center; box-sizing: border-box; padding:0 5%;}
}

/* 경주소개 > CI */
#gj_ci > ul {}
#gj_ci > ul > li {clear:both; width:100%; padding-bottom:40rem; overflow:hidden;}
#gj_ci .ci_img {float:left; width:25.5%;}
#gj_ci .ci_img p {height:160rem; line-height:160rem; border:1px solid #ccc; text-align:center; background:url('/design/ko2019/img/sub03/ci_bg.gif')}
#gj_ci .ci_img p img {vertical-align:middle;}
#gj_ci .ci_img a {display:block; height:33rem;margin-top:8rem; padding-top:5rem; border:1px solid #ccc; background:#f5f5f5; text-align:center;}
#gj_ci .ci_img a:hover {border:1px solid #8e8e8e;}
#gj_ci .ci_img a img {margin-right:5rem; vertical-align:middle;}
#gj_ci .ci_con {float:right; width:70%;}
#gj_ci .ci_con dt {margin-top:0;}
#gj_ci .ci_con dd.st {padding-bottom:11rem; font-weight:bold; color:#0480a8;}
#gj_ci .ci_con dd {text-align:justify;}
#gj_ci .ci_btn {clear:both; padding-top:50rem; text-align:center; border-top:1px dashed #ccc;}
#gj_ci .ci_btn a {display:inline-block; height:31rem; padding:5rem 20rem 0; border-radius:4rem 4rem; font-size:1.05em; color:#fff; background:#00a3a8;}
#gj_ci .ci_btn a span {color:#ffff00;}
#gj_ci_w > ul {}
#gj_ci_w > ul > li {clear:both; width:100%; padding-bottom:40rem; overflow:hidden;}
#gj_ci_w .ci_img {float:left; width:28%;}
#gj_ci_w .ci_img p {height:220rem; line-height:160rem; border:1px solid #ccc; border-radius:4rem 4rem; text-align:center;}
#gj_ci_w .ci_img p img {vertical-align:middle;}
#gj_ci_w .ci_img a {display:block; height:38rem;margin-top:8rem; padding-top:5rem; border:1px solid #ccc; border-radius:4rem 4rem; background:#efefef; text-align:center;}
#gj_ci_w .ci_img a img {margin-right:5rem; vertical-align:middle;}
#gj_ci_w .ci_con {float:right; width:70%;}
#gj_ci_w .ci_con dt {margin-top:0; margin-left:0 !important;}
#gj_ci_w .ci_con dd.st {padding-bottom:11rem; font-weight:bold; color:#0a7275;}
#gj_ci_w .ci_con dd {text-align:justify; font-size:0.95em;}
#gj_ci_w .ci_btn {clear:both; padding-top:50rem; text-align:center; border-top:1px dashed #ccc;}
#gj_ci_w .ci_btn a {display:inline-block; height:31rem; padding:5rem 20rem 0; border-radius:4rem 4rem; font-size:1.05em; color:#fff; background:#00a3a8;}
#gj_ci_w .ci_btn a span {color:#ffff00;}
.wide_symbol {clear:both; width:100%; padding-bottom:40rem; overflow:hidden;}
.wide_symbol .h5 {margin-top:0; margin-left:0 !important; clear:both;}
.wide_symbol .h6 {color:#cc0000; font-size:13rem; font-weight:bold; margin-top:10rem; border-top:1px dashed #ccc; padding-top:10rem; clear:both;}
.wide_symbol dd > img {display:block; margin:20rem auto;}
.wide_symbol dd.w img {width:100%; margin-top:20rem; }
.wide_symbol a {width:30%;  display:inline-block; margin-left:1%; margin-bottom:20rem; height:38rem;margin-top:8rem; padding-top:5rem; border:1px solid #ccc; border-radius:4rem 4rem; background:#efefef; text-align:center;}
.wide_symbol a img {margin-right:5rem; vertical-align:middle;}
.wide_symbol dd.s a{ position:relative; left:50%; margin-left:-15%;}

.ci_gif{display: flex; flex-wrap: wrap; gap: 10rem; padding: 30rem 0; justify-content: center;}
.ci_gif > img{width: 13%; padding: 10rem; margin: 0 !important; border: 1px solid #ddd;}

@media all and (max-width:1023px ) {
    .wide_symbol dd.s {width:100%;}
    .wide_symbol dd.s a {width:100%; left:0; margin-left:0; box-sizing:border-box;}
}
@media all and (max-width:880px ) {
    #gj_ci .ci_img {clear:left; width:100%;}
    #gj_ci .ci_img p {margin:0 auto;}
    #gj_ci .ci_img a {line-height:33rem; padding-top:0;}
    #gj_ci .ci_con {clear:left; margin:0 auto; width:100%; margin-top:32rem; margin-left:0;}
    #gj_ci .ci_btn {padding-top:40rem;}
    #gj_ci_w .ci_img {clear:left; width:100%;}
    #gj_ci_w .ci_img p {margin:0 auto;}
    #gj_ci_w .ci_img a {line-height:33rem; padding-top:0;}
    #gj_ci_w .ci_con {clear:left; margin:0 auto; width:100%; margin-top:32rem; margin-left:0;}
    #gj_ci_w .ci_btn {padding-top:40rem;}
    .wide_symbol dd.w img {width:100%; margin-top:0; }
    .wide_symbol dd a{margin-bottom:3rem;}
    .ci_gif > img{width: 17%;}
}
@media all and (max-width:768px ) {
    .wide_symbol a {width:98%; float:left; display:block; height:33rem;margin-top:8rem; padding-top:5rem; border:1px solid #ccc; border-radius:4rem 4rem; background:#efefef; text-align:center;}
    .wide_symbol a img {margin-right:5rem; vertical-align:middle;}
}
@media all and (max-width:400px){
    .ci_gif > img{width: 23%;}
}

/* 경주소개 > 역대시장/군수 */
.all-time .top_box{position:relative; background-color:#1c3c72; padding:20px; margin-bottom:30px; }
.all-time .sub_box {border:1px solid #677ca1; display: flex; gap: 40rem; color: #fff; align-items:center; }
.all-time .top_box .mayor { width:140rem; height:174rem;}
.all-time .top_box .mayor img { width:100%; height:100%; object-fit:contain; }
.all-time .top_box .name_box .name_title{margin-bottom:16px; padding:3px 10px; color:#ffdd9b; display:inline-block;  font-weight:600; font-size:15px; border:1px solid #ffdd9b;}
.all-time .top_box .name_box .name { font-size: 27rem; }
.all-time .top_box .name_box .name span { font-size: 20rem; color:#ddd; }

@media screen and (max-width:540px) {
	.all-time .top_box .name_box .name span { display:block; }
	.all-time .top_box .mayor { width:126rem; height:155rem; }
}

@media screen and (max-width:425px) {
	.all-time .sub_box{ flex-direction: column; padding: 10rem; }
	.all-time .top_box .name_box { display: flex; flex-direction: column; align-items: center; }
	.all-time .top_box .name_box .name { text-align: center; }
	.all-time .top_box .name_box .name_title { margin-bottom: 8px; }
}

/* 경주8색 (2019)*/
.cont-281 {overflow:hidden;}
.cont-281 li {position:relative; width:100%; min-height:195rem; border-bottom:1px solid #f2f2f2; background-repeat:no-repeat; background-position:left top; background-size:35%; margin:20rem 0;}
.cont-281 li span {position:absolute; bottom:15rem; left:305rem;}
.cont-281 li dl {width:55%; float:right; margin-top:20rem;}
.cont-281 li dl dt {font-size:20rem; margin-bottom:10rem; font-weight:bold}
.cont-281 li dl dd {font-size:15rem;}
.cont-281 li:nth-of-type(1) {background-image:url('/design/ko2019/img/contents/cont-281-01.png');}
.cont-281 li:nth-of-type(2) {background-image:url('/design/ko2019/img/contents/cont-281-02.png');}
.cont-281 li:nth-of-type(3) {background-image:url('/design/ko2019/img/contents/cont-281-03.png');}
.cont-281 li:nth-of-type(4) {background-image:url('/design/ko2019/img/contents/cont-281-04.png');}
.cont-281 li:nth-of-type(5) {background-image:url('/design/ko2019/img/contents/cont-281-05.png');}
.cont-281 li:nth-of-type(6) {background-image:url('/design/ko2019/img/contents/cont-281-06.png');}
.cont-281 li:nth-of-type(7) {background-image:url('/design/ko2019/img/contents/cont-281-07.png');}
.cont-281 li:nth-of-type(8) {background-image:url('/design/ko2019/img/contents/cont-281-08.png');}
.cont-281 .c-gold{color:#61470e;}
.c-red {color:#c41c2b;}
.c-orange {color:#9b4322;}
.c-green {color:#094c49;}
.c-blue {color:#005da3;}
.c-purple {color:#5d3363;}
.c-gold{color:#2f2308;}
.c-black{color:#333134;}
.tin {text-indent:-9999rem}
@media all and (max-width:1023px ) {
	.cont-281 li dl {width:55%;}
    .cont-281 li span {bottom:5rem; left:30%;}
}
@media all and (max-width:880px ) {
    .cont-281 li dl dt {font-size:16rem;}
    .cont-281 li dl dd {font-size:13rem;}
    .cont-281 li span {left:0}
}
@media all and (max-width:640px ) {
    .cont-281 li dl {width:60%; margin-top:0;}
    .cont-281 li dl {}
}


/* 경주소개 > 시민의 노래 */
#gj_song {padding:40rem 0 40rem; border:1px solid #ccc; text-align:center;}
.gj_song {width:100%;border-bottom:1px dashed #999; padding-bottom:15rem;clear:both;}
.gj_song dt {width:100%; margin-bottom:4rem; padding-top:20rem;  padding-bottom:9rem; font-weight:600; font-size:1.1em; }
.gj_song dd {padding-top:10rem; font-size:1em; }
.gj_song dd audio {width:100%;}
.song_btn {width:100%;border-bottom:1px dashed #999; padding:15rem 0 15rem 0; overflow:hidden;}
.song_btn ul li{width:50%; float:left; text-align:center;}
@media ( max-width: 1023px ) {
	.song_btn ul li{width:90%; margin:5rem 5% 5rem 5%; float:left; text-align:center;}
}
@media ( max-width: 880px ) {
    #gj_song {padding:30rem 0 30rem;}
    #gj_song img {width:90%;}
}

/* */
#gj_charter {padding:50rem; text-align:center; box-shadow:20rem 20rem 30rem #ddd; margin:0 auto 100rem; border:1px solid #e1e1e1;}
#gj_charter dl {padding-bottom:44rem; border-bottom:1px dashed #ccc;}
#gj_charter dt strong {display:inline-block; margin-bottom:4rem; padding-bottom:9rem; font-weight:bold; font-size:30rem; border-bottom:5rem solid #52a644;}
#gj_charter dt strong span {font-size:30rem; font-weight:bold;}
#gj_charter dd {padding-top:38rem; font-size:18rem}
#gj_charter dd strong {font-size:18rem}
#gj_charter ul { display:inline-block; margin:52rem 0 ;}
#gj_charter li { margin-bottom:15rem; font-size:1.3em; text-align:left;}
#gj_charter li span {display:block; float:left; width:32rem; height:32rem; margin-right:15rem; color:#fff; text-align:center; background:#cc3300; border-radius:16rem 16rem;}
@media all and (max-width:880px ) {
    #gj_charter {padding:20rem;}
    #gj_charter dt strong {font-size:2em;}
    #gj_charter dd {font-size:1em;}
    #gj_charter ul {margin-left:0;}
    #gj_charter li { font-size:1em;}
    #gj_charter li span {width:24rem; height:24rem; border-radius:12rem; margin-right:5rem;}
}

/* */
.gj_state .location {margin-bottom:19rem; padding:30rem 0; background:#f7f9fa; border:1px solid #d8d8d8; text-align:center;}
.gj_state .con_1 {float:left; width:40%}
.gj_state .con_r {float:right; width:57%;}
.gj_state li {position:relative;}
@media all and (max-width:880px ) {
    .gj_state .con_1,
    .gj_state .con_r {float:none; width:100%;}
    #gj_state_1 p img {width:90%;}
    #gj_state_1 table {clear:both; width:100%; margin:0 0 14rem 0;}
    #gj_state_2 p img {width:90%;}
}

/* 경주소개 > 자매우호도시 */
#pop_sister {background:url('/design/ko/img/sub03/sister_tit_bg.gif') no-repeat 0 0;}
#pop_sister > div {width:90%; margin:0 auto; padding-bottom:30rem; font-size:1.1em; line-height:1.8; letter-spacing:-0.05em;}
#pop_sister h1 {height:106rem; line-height:106rem; font-size:1em;}
#pop_sister h1 strong {font-size:2em;}
#pop_sister h2 {margin-top:30rem; padding:4rem 0 10rem; font-weight:normal; font-size:1.5em; letter-spacing:-0.07em; color:#0b777a; background:url('/design/ko/img/common/h4_3.gif') no-repeat 0 0;}
#sister_pop_cnt > ul > li {padding:0 0 5rem 9rem; font-size:1.08em; background:url('/design/ko/img/common/h5_1.gif') no-repeat 0 11rem;}
#sister_pop_cnt .txt_box01 {overflow:hidden; font-size:0.9em; text-align:justify;}
#sister_pop_cnt .box {clear:both;}
#sister_pop_cnt .box p:first-child {float:left; padding:7rem 15rem 0 0;}

/* 경주소개 > 지도서비스 */
#gj_mapService p {float:right; margin-bottom:20rem;}
#gj_mapService dl {clear:both;}
#gj_mapService dt span {display:block; float:left;}
#gj_mapService dt a {display:block; float:left; margin:9rem 0 0 10rem;}
@media all and (max-width:880px ) {
    #gj_mapService p {clear:both; width:100%; padding:0 !important; text-align:center; line-height:2.5em;}
    #gj_mapService .map_01 {clear:both;}
    #gj_map .map {border:1px solid #000;}
    #gj_map .map img {width:100%; border:0;}
}

/* 경주의역사 > 연혁 */
#gj_history div:nth-of-type(1) {border:1px solid #ccc; background:url('/design/ko2019/img/sub03/history_bg.png') no-repeat 96% center;}
#gj_history div:nth-of-type(1) dl {width:92%; padding:4% 4%;}
#gj_history div:nth-of-type(1) dt {width:6070%; font-size:1.3em; color:#296509; font-weight:bold;}
#gj_history div:nth-of-type(1) dd {width:58%;}
#gj_history div:nth-of-type(1) p {margin-top:25rem; text-align:justify;}
#gj_history td ul {margin:10rem 0 10rem 15rem;}
#gj_history td li {padding:0 0 0 20rem;}
@media all and (max-width:768px ) {
    #gj_history div:nth-of-type(1) {background: none;}
	#gj_history div:nth-of-type(1) dt {width:100%;}
    #gj_history div:nth-of-type(1) dd {width:100%;}
}

/* 경주의역사 > 지명유래 */
#gj_provenance p, #gj_provenance td, #gj_provenance li {text-align:justify;}

/* 경주의역사 > 경주시사 */
#gj_sisaNews {width:100%; overflow:hidden;}
#gj_sisaNews div {float:left; width:41%; margin:0 3% 20rem 0; padding:30rem 3% 30rem 4%; border:1px solid #e6e6e6; border-top:1px solid #777; background-color:#f7f7f7;}
#gj_sisaNews div:nth-child(even) {margin-right:0;}
#gj_sisaNews div dl {float:left;}
#gj_sisaNews div dl dt.h4 {height:28rem; margin-top:0;}
#gj_sisaNews div dl dd {}
#gj_sisaNews div dl dd span {display:block;}
#gj_sisaNews div dl dd a {margin-top:3rem; padding:0 12rem;}
#gj_sisaNews div p {float:right; border:1px solid #ccc; padding:5rem; line-height:0; font-size:0;}
#gj_sisa > p.img {float:left;}
#gj_sisa > p.img img {border-color:#333; padding:12rem;}
#gj_sisa ul {float:left; width:100%;}
#gj_sisa ul li {float:left; width:32%; border:7rem solid #f5f5f5; box-sizing:border-box; margin-right:2%; text-align:center; padding:20rem;}
#gj_sisa ul li:nth-of-type(3n) {margin-right:0;}
#gj_sisa ul li p.img img {border:1px solid #ccc; padding:5rem; text-align:center;}
#gj_sisa ul li p.txt {display:block; text-align:center;}
@media all and (max-width:768px ) {
    #gj_sisa ul li {width:49%; margin-bottom:10rem;}
    #gj_sisa ul li:nth-of-type(2n) {margin-right:0;}
}
@media all and (max-width:414px ) {
    #gj_sisa ul li {width:100%; margin-right:0;}
}

/* 행적조직 > 조직도 */
#gj_organ{margin-top:50rem;}
#gj_organ h4 a.btnM { font-family:'Pretendard', sans-serif; font-size:16rem; font-weight:400; }
#gj_organ .h5 {margin-top:0 !important; padding-bottom:30rem;}
#gj_organ a:hover {text-decoration:underline;}
#gj_organ a:focus {border:1px dashed #333; box-sizing:border-box;}
#gj_organ a img {margin-left:1px;}
#gj_organ .tit {display:block; width:100%; height:50rem; border-radius: 20rem; line-height:50rem; font-weight:500; font-size:1.03em; letter-spacing:-0.06em; color:#fff !important; text-align:center;}
#gj_organ .tit.mayor {background:var(--p_color);}
#gj_organ .tit.dblue {background:var(--blue-dark);}
#gj_organ .tit.green {background:var(--green);}
#gj_organ .tit.wine {background:var(--pink);}
#gj_organ .tit.leaf {background:var(--soft-mint); color: var(--text) !important;}
#gj_organ .tit.gray {background:var(--muted);}
#gj_organ .org_box {width:15.555%; margin:0 0.5%} /*대표*/
#gj_organ .right .org_box {width:32%; margin:0 2% 0 0;}
#gj_organ .right ul.list {width:32%; margin:0}
#gj_organ .org_box dt a {border-radius: 20rem 20rem 0 0;}
#gj_organ .org_box dd {height: 170rem;padding-top:5rem;background:#fff;border:1px solid #808080;border-top:0; border-radius: 0 0 20rem 20rem}
#gj_organ .org_list {margin:0 10rem;}
#gj_organ .org_list li {position:relative; padding:0 0 0 15rem; font-size: 0.85em;}
#gj_organ .org_list li::before { content:''; position:absolute; left:0; top:7rem; width:4rem; height:4rem; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(45deg); }
.font_s {font-size:1em !important;}
#gj_organ a:hover {text-decoration:none;}
/*
#organ01 {position:relative; width:90%; margin:40rem auto 0; overflow:hidden; background:url('/design/ko2019/img/sub03/org_line_1.gif') no-repeat center 50rem;}
*/
#organ01 {position:relative;/* top:70rem; */width: 100%;margin:40rem auto 0;/*overflow:hidden;*/background:url('/design/ko2019/img/sub03/org_line_1_220110.gif') no-repeat center 48rem;}
#organ01:after {content:''; clear:both; display:block;}
#organ01 .org_top {width:18%; position:absolute; top:-70rem; left:50%; background:var(--blue); margin-left:-9%}
#organ01 li {margin-bottom:8rem;}
#organ01 .org_top:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100rem; background:#666; z-index:-1; margin-left:-1rem;}
#organ01 .org1_1 {position:absolute; top:0; left:50%; margin-left:-9%; width:18%;}
#organ01 .org1_2 {position:absolute; top:35rem; right:84rem;}
#organ01 .org1_3 {position:absolute; top:50rem; left:8%; width:18%;}
#organ01 .org1_3_2 {position:absolute; top:50rem; right:8%; width:18%}
#organ01 .org1_4 {position:absolute; top:130rem; left:50%; margin-left:-9%; width:18%;}
#organ01 .org1_5 {position:absolute; top:180rem; left:8%; width:18%;}
#organ01 .org1_6 {position:absolute; top:180rem; right:8%; width:18%;}
#organ01 .org_box {float:left; margin-top:360rem; border-radius: 20rem;}
#organ02 {width: 100%;/* margin:40rem auto 0; */overflow:hidden;}
#organ02 .org_box {width:49%;}
#organ02 > dl {float:left;}
#organ02 > dl > dt > span {margin:0 auto 0 auto;}
#organ02 > dl > dd {padding-top:50rem;}
#organ02 > dl > dd > dl {float:left;}
#organ02 .left {float:left; width:40%; overflow:hidden; background:url('/design/ko2019/img/sub03/org_line_2.gif') no-repeat center 50rem;}
#organ02 .right {float:right; width:54%; overflow:hidden; background:url('/design/ko2019/img/sub03/org_line_3.gif') no-repeat 75rem 50rem;}
#organ02 .right .list {float:left;}
#organ02 .right .list li {margin-bottom:8rem;}
#organ03 {clear:both;width: 100%;/* margin:40rem auto 0; */overflow:hidden;/*background:url('/design/ko/img/sub03/org_line_4.gif') no-repeat 0 50rem;*/}
#organ03 dt span {margin:0 auto;}
#organ03 dd {padding-top:50rem;display: flex;justify-content: space-between;}
#organ03 ul {float:left;width:30%;/* margin-left:3.333%; */}
#organ03 ul.org_list {width:100%;}
#organ03 ul li {margin-bottom:8rem;}
#organ03 ul .dblue_angang {margin-bottom:8rem; border:1px solid #808080; width:100%; height:161rem; line-height:20rem; font-size:1.02em;background:#fff}
#organ03 ul .dblue_angang > a {color:#fff; cursor:text; display:block; width:100%; height:50rem; border-radius: 20rem 20rem 0 0; font-weight:500; background:var(--blue-dark); box-sizing:border-box; padding-top:5rem; cursor:pointer; letter-spacing:-1rem;}
#organ03 ul .dblue_angang ul {margin:20rem 0 0 15rem; clear:both; text-align:left !important;}
#organ03 ul .dblue_angang ul li {color:#666 !important; line-height:22rem !important; font-weight:normal !important; font-size:0.85em !important; }
#organ03 ul .dblue_angang ul li a {color:#666 !important; }

.d_mayor{position:absolute; border:2px solid #ccc; width:200rem; background-color: #fff; top:130rem; z-index:100; left:50%; margin-left:-100rem; display:none;}
.d_mayor dl dt{background-color:#efefef; text-align:center; font-weight:bold; padding:5rem 0;}
.d_mayor dl dd {padding-top:10rem;}
.d_mayor .close {display:flex; align-items:center; justify-content:center; padding:10rem; }
.d_mayor .close	a {font-size:12rem; color:#fff; background-color:#555; display:block; width:50rem; padding:4rem 0; text-align:center; border-radius:3rem;}

/*20231227추가*/
#organ01.modify2024{background:url('/design/ko2019/img/sub03/org_line_1_240701.gif') no-repeat center 48rem;}
/*
#organ01.modify2024 .org1_3 {top:25rem;}
#organ01.modify2024 .org1_3_2 {top:25rem;}
*/
#organ01.modify2024 .org1_5 {top:188rem;}
#organ01.modify2024 .org1_6 {top:188rem;}
#organ01.modify2024 .org3_4_4 {margin-top:8rem !important;}

#gj_organ #organ02.modify2024 .left,
#gj_organ #organ02.modify2024 .right {background:none; position:relative; width:45%;}
#gj_organ #organ02.modify2024 .left:before{content:'';display:inline-block;position:absolute;left: 50%;top: 15%;width:1px;height: 9%;background: #808080;}
#gj_organ #organ02.modify2024 .right:before {content:'';display:inline-block;position:absolute;left: 50%;top:0;width:1px;height: 13.5%;background: #808080;}

#gj_organ #organ02.modify2024 > dl > dd {margin:0 -5rem;}
#gj_organ #organ02.modify2024 .org_box,
#gj_organ #organ02.modify2024 .list {width:50%; padding:0 5rem; margin:0;}

#gj_organ #organ02.modify2024 .tit.leaf {position:relative; /*z-index: 999;*/}
#gj_organ #organ02.modify2024 > dl > dd {position:relative;}
#gj_organ #organ02.modify2024 > dl.left > dd:before {content:'';display:inline-block;position:absolute;left: 25%;top: 50%;width: 50%;height: 1px;background: #808080;}
#gj_organ #organ02.modify2024 > dl.right > dd:before {content:'';display:inline-block;position:absolute;left:25%;top: 50%;width: 50%;height: 1px;background: #808080;}
#gj_organ #organ02.modify2024 .left .org_box > dd,
#gj_organ #organ02.modify2024 .right .org_box > dd{position:relative;}
#gj_organ #organ02.modify2024 .left .org_box > dd:before,
#gj_organ #organ02.modify2024 .right .org_box > dd:before {content:'';display:inline-block;position:absolute;left: 50%;top: -44%;width:1px;height: 15%;background: #808080;}
#gj_organ #organ02.modify2024 .right ul.list  {position:relative;}
#gj_organ #organ02.modify2024 .right ul.list:before  {content:'';display:inline-block;position:absolute;left: 50%;top: -5.4%;width:1px;height: 5.4%;background: #808080;}


@media all and (max-width:1440px){
    #organ01.modify2024 {background-size:88% 337px;}
}
@media all and (max-width:1200px ) {
    #organ01 .org1_5 {right:0;}
    /*#organ01 .org1_3,
    #organ01 .org1_3_2 {left:0;}*/
}

@media all and (max-width: 880px ) {
  #organ01 .org_top {margin-left:-60rem;}
	#gj_organ .tit {display:block; width:120rem; height:50rem; line-height:50rem; font-weight:600; font-size:1.03em; letter-spacing:-0.06em; color:#fff !important; text-align:center; }
	#gj_organ .org_box {width:100%; margin-left:0;}
	#gj_organ .org_box dt {float:left; width:120rem;}
	#gj_organ .org_box dd {height: 50rem;padding:5rem 0 0 0;border:1px solid #ccc;box-sizing:border-box; border-radius: 20rem;}
  #gj_organ .org_box dt a {border-radius: 20rem 0 0 20rem;}
	#organ01 {width:100%; background:url('/design/ko2019/img/sub03/org_line_1_1.gif') no-repeat center 50rem;}
	#organ01 .org_list li {float:left; margin-left:10rem;}
	#organ01 .org1_1 {left:50%; margin-left:-60rem;}
	#organ01 .org1_3 {left:0;}
	#organ01 .org1_3_2 {right:0;}
	#organ01 .org1_4 {left:50%; margin-left:-60rem;}
	#organ01 .org1_5 {left:0; width:auto;}
    #organ01 .org1_6 {right:0; width:auto;}
	#organ01 .org_box {clear:left;}
	#organ01 .org3_1 {margin-top:340rem;}
	#organ01 .org3_2 {margin-top:20rem;}
	#organ01 .org3_3 {margin-top:20rem;}
	#organ01 .org3_4 {margin-top:20rem;}
	#organ01 .org3_4_2 {margin-top:20rem;}
	#organ01 .org3_4_3 {margin-top:20rem;}
	#organ01 .org3_5 {margin-top:20rem;}
	#organ02 {width:100%;}
	#organ02 > dl {width:100%; overflow:hidden;}
	#organ02 > dl > dt a {}
	#organ02 > dl > dt > span {margin:0 auto;}
	#organ02 > dl > dd {width:100%; padding:0; overflow:hidden;}
	#organ02 .org_box {width:49%; margin:10rem 2% 10rem 0; float:left;}
    #organ02 .org_box:nth-of-type(2) {margin-right:0;}
    #organ02 .left, #organ02 .right {margin-bottom:20rem;}
    #gj_organ .right .org_box {margin:10rem 0; width:49%; margin-right:2%;}
    #gj_organ .right .org_box:nth-of-type(2) {margin-right:0;}
    #gj_organ .right ul.list {width:100%;}
    #gj_organ .right ul.list li {float:left; width:49%; margin-right:2%;}
    #gj_organ .right ul.list li:nth-of-type(2n) {margin-right:0;}
    #gj_organ #organ02 .tit {width:100%; border-radius: 20rem;}
	#organ02 .org_box dt {float:left; width:100%; margin-bottom:10rem;}
	#organ02 .org_box dd {float:left; width:100%; height:60rem;}
	#organ02 .org_list { width:auto;}
	#organ02 .org_list li {float:left; padding-right:10rem;}
	#organ02 .left,
	#organ02 .right {background:none; float:none; width:100%;}
	#organ02 .right .list {clear:both; margin:0;}
    #organ03 {width:100%;}
    #organ03 .tit {width:100%;}
    #organ03 dd {overflow:hidden; padding-top:20rem;}
    #organ03 ul {width:32%; margin:0 2% 0 0;}
    #organ03 ul:nth-of-type(3) {margin-right:0;}
	.d_mayor{left: 50%; margin-left:-35rem; display:none;}

	#organ01.modify2024 {background:url('/design/ko2019/img/sub03/org_line_1_1_240701.gif') no-repeat center 50rem;}
	#organ01.modify2024 .org1_4 {top:150rem;}
	#organ01.modify2024 .org1_3 {top:73rem;/*43rem;*/ width:auto;}
	#organ01.modify2024 .org1_3_2 {top:73rem;/*43rem;*/ width:auto;}
	#organ01.modify2024 .org1_5{top:202rem;}
	#organ01.modify2024 .org1_6{top:202rem;}
	#organ01.modify2024 .org3_4_4 {margin-top:20rem !important;}

	#gj_organ #organ02.modify2024 .left:before,
	#gj_organ #organ02.modify2024 .right:before {content:none;}
	#gj_organ #organ02.modify2024 > dl > dd:before {content:none;}
	#gj_organ #organ02.modify2024 .left .org_box > dd:before,
	#gj_organ #organ02.modify2024 .right .org_box > dd:before {content:none;}
	#gj_organ #organ02.modify2024 .left ul.list:before,
	#gj_organ #organ02.modify2024 .right ul.list:before  {content:none;}


	#gj_organ #organ02.modify2024 .left,
	#gj_organ #organ02.modify2024 .right {width:100%;}

	#gj_organ #organ02.modify2024 > dl > dd {margin:10rem 0 0 0; display:flex; justify-content:space-between;}
	#gj_organ #organ02.modify2024 > dl.left > dd:before {display:none;}
	#gj_organ #organ02.modify2024 .org_box,
	#gj_organ #organ02.modify2024 .list {width:calc(50% - 5rem); padding:0;}
}

@media all and (max-width: 768px ) {
    #organ01.modify2024 {background:url('/design/ko2019/img/sub03/org_line_1_2_240701.gif') no-repeat center 50rem;}
}
@media ( max-width: 600px ) {
    .d_mayor{left: 28%;}
}
@media all and (max-width:480px ) {
    #organ01 .org_top {margin-left:-45rem;}
    #gj_organ .tit {width:100rem; height:40rem; line-height:40rem; font-size:1.01em;}
    #gj_organ .org_box dt {width:88rem;}
    #gj_organ .tit {/*font-size:0.98em;*/ font-size:0.9em;}
    #gj_organ #organ02 .org_box dt {width:100%;}
    #gj_organ .org_box dt {width: 100%;}
    #gj_organ .org_box dt a {border-radius: 20rem 20rem 0 0; display: block; width: 100%;}
    #organ01 .org_box dd {clear:both; height:70rem; border-radius: 0 0 20rem 20rem;}
    #organ01 {background:url('/design/ko2019/img/sub03/org_line_1_2.gif') no-repeat center 40rem;}
    #organ01 .org1_1 {margin-left:-45rem;}
    #organ01 .org1_4 {margin-left:-45rem;}
    #organ01 .org3_1 {margin-top:280rem;}
    #organ02 .tit.dblue {width:140rem;}
    #organ03 .tit {width:100%;}

    #organ01.modify2024 {background:url('/design/ko2019/img/sub03/org_line_1_3_231227.gif') no-repeat center 40rem;}
	#organ01.modify2024 .org3_1 {margin-top:310rem;}
	#organ01.modify2024 .org1_5{top:197rem;}
	#organ01.modify2024 .org1_6{top:197rem;}
}
@media ( max-width: 320px ) {
    .org3_2 dd,.org3_4 dd {height:65rem !important;}
}



/*2026 1.1 조직개편*/
#organ01.modify2026 {margin-top:80rem; margin-left:-0.5%; margin-right:-0.5%; background:none;}
#organ01.modify2026 .org1_1 {display:flex; align-items:center; justify-content:center;}
#organ01.modify2026 .org1_1 img {flex-shrink:0; flex-grow:0; margin-left:5rem;}
#organ01.modify2026 .org1_6 {top:216rem}
#organ01.modify2026 .org_top:before {display:none;}
/*선*/
#organ01.modify2026::before {content:''; position:absolute; top:-70rem; left:50%; width:1px; height:400rem; background:var(--line);}
#organ01.modify2026 > ul > li {position:relative;}
#organ01.modify2026 > ul > li::before,
#organ01.modify2026 > ul > li::after {content:''; position:absolute; top:75rem; left:50%; width:18%; height:1px; background:var(--line); transform:translateX(-50%); z-index:-1;}
#organ01.modify2026 > ul > li::after {top:241rem;}
#organ01.modify2026 .dblue {position:relative;}
#organ01.modify2026 .dblue::before {content:''; position:absolute; top:50%; left:83.5%; width:100%; height:1px; background:var(--line); z-index:-1}
#organ01.modify2026 .dblue::after {content:''; position:absolute; top:-7rem; left:183.5%; width:1px; height:calc(50% + 8rem); background:var(--line);}
#organ01.modify2026 .org1_6 .dblue::before,
#organ01.modify2026 .org1_3_2 .dblue::before {left:-100%;}
#organ01.modify2026 .org1_5 li:first-child .dblue::after {bottom:-8px; top:inherit;}
#organ01.modify2026 .org1_3 li:first-child .dblue::after {display:none;}
#organ01.modify2026 .bureau {position:relative;}
#organ01.modify2026 .bureau::before,
#organ01.modify2026 .bureau::after {content:''; position:absolute; top:330rem; width:50%; height:1px; background:var(--line); }
#organ01.modify2026 .bureau::before {left:8.3%; }
#organ01.modify2026 .bureau::after { right:8.9%; }
#organ01.modify2026 .bureau dl dt {position:relative;}
#organ01.modify2026 .bureau dl dt::before {content:''; position:absolute; top:-30px; left:50%; width:1px; height:30px; background:var(--line); z-index:-1}
#organ01.modify2026 .bureau dl:nth-of-type(n+7) dt::before {display:none;}
@media all and (max-width: 880px ) {
	#organ01.modify2026{background:none;}
	#organ01.modify2026 .org1_6 {top:226rem}
	/*선*/
	#organ01.modify2026::before {height:420rem;}
	#organ01.modify2026 > ul > li::before,
	#organ01.modify2026 > ul > li::after {top:98rem; left:50%; width:100%;}
	#organ01.modify2026 > ul > li::after {top:251rem;}
	#organ01.modify2026 .org1_5::before {content:'';position:absolute;top:49rem;left:30rem;width:120rem;height:1px;background:#fff;}
	#organ01.modify2026 .dblue::before {left:100%; width:25%;}
	#organ01.modify2026 .dblue::after {left:125%;}
	#organ01.modify2026 .org1_6 .dblue::before,
	#organ01.modify2026 .org1_3_2 .dblue::before {left:-25%;}
	#organ01.modify2026 .bureau::before,
	#organ01.modify2026 .bureau::after {display:none;}
	#organ01.modify2026 .bureau dl:nth-of-type(n+7) dt::before {display:block;}
	/*사업본부사업소*/
	#organ02.modify2024 > dl.right > dd:before {display:none !important;}
}
@media all and (max-width:480px ) {
	#organ01.modify2026 {background:none;}
	#organ01.modify2026 .org1_6 {top:220rem;}
	/*선*/
	#organ01.modify2026 > ul > li::before,
	#organ01.modify2026 > ul > li::after {top:93rem;}
	#organ01.modify2026 > ul > li::after {top:240rem;}
	#organ01.modify2026 .org1_5::before {top:45%; left:0; width:127rem; background:#ffffff;}
	/*사업본부사업소*/
	#organ02.modify2026 .org_box dd {height:auto;}
	#organ02.modify2026 .list {display:flex; flex-wrap:wrap;}
	#organ02.modify2026 .right ul.list li {width:100%; float:none; margin:0 0 10rem;}
	/*읍면동*/
	#organ03.modify2026 ul .dblue_angang a {height:auto !important;}
	#organ03.modify2026 ul .dblue_angang ul {margin:0; padding:3rem;}
}

.gj_organ_search {background:#f4f4f4; border:1px solid #f0f1f3; padding:12rem;}
.gj_organ_search .board_search {width:60%; margin:0 auto; position:relative; white-space:nowrap; display:flex; align-items:stretch;}
.gj_organ_search .inputTxt {flex:1; min-width:0;}
.gj_organ_search .btn_search {flex:0 0 auto; background:#1e1e20; text-align:center; color:#fff; border:none; padding:0 28rem; margin-left:10rem;}
@media all and (max-width:520px ) {
	.gj_organ_search .board_search {width:100%;}
}

/*조직도 홈화면 추가 방법 안내*/
#org_webapp {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30rem 20rem; padding: 20rem 0 40rem;}
#org_webapp li {border-radius: 20rem; border: 1px solid #e5e5e5; overflow: hidden;}
#org_webapp li p {padding: 16rem 20rem;}
@media all and (max-width: 768px) {
  #org_webapp {grid-template-columns: repeat(2, 1fr);}
}

/*시청안내>찾아오시는길*/
#gj_map .map {margin-top:10rem; line-height:0; border:none !important; }
#gj_map .map > div {width:100%; box-sizing:border-box;}
#gj_map .map > div button {height:auto;}

/*경주비전>중장기발전계획*/
#gj_heavy .floatR {margin-bottom:10rem;}
#gj_heavy .gj_heavy_img {clear:both; border:1px solid #d8d8d8; border-top:1px solid #777; line-height:0;}
#gj_heavy .gj_heavy_img img {width:100%;}

/**/
#dept_view {margin-top:80rem;}
#dept_view > h5.tit_org {margin-left:0;}
#dept_view .table_01 th:nth-child(1) {width:15%; }
#dept_view .table_01 th:nth-child(2) {width:15%; }
#dept_view .table_01 th:nth-child(3) {width:15%; }
#dept_view .table_01 th:nth-child(4) {width:15%; }
#dept_view .table_01 th:nth-child(5) {width:40%; }

/* 경주비전 > 주요시책 > 시정목표 */
#gj_vision_1 {width:660rem; margin:0 auto;}
#gj_vision_1 p {line-height:0;}
#gj_vision_1 .slogan {padding-top:10rem; text-align:center;}
#gj_vision_1 .plan_1 {margin-top:30rem;}
#gj_vision_1 .plan_2 {height:87rem; padding-top:73rem; background:url('/design/ko/img/sub03/vision_02.gif') no-repeat 0 0;}
#gj_vision_1 .plan_2 ul {margin-left:60rem;}
#gj_vision_1 .plan_2 li {float:left; width:45%; margin-bottom:4rem;}
@media all and (max-width:880px ) {
    #gj_vision_1 {width:100%;}
    #gj_vision_1 .plan_2 {height:125rem; margin-top:25rem; padding-top:25rem; background-color:#ccc; background-image:none;}
    #gj_vision_1 .plan_2 ul {margin-left:20rem;}
    #gj_vision_1 .plan_2 li {float:none; width:80%;}
}

/* 경주비전 > 주요시책 > 2015년 시정성과 */
.gj_result h5 {margin-left:0;}
.gj_result .conWrap {overflow:hidden;}
.gj_result .conWrap .pic {float:right; font-size:0; line-height:0;}
.gj_result .conWrap .pic img {border:1px solid #ccc;}
.gj_result .conWrap .con {float:left;}
#gj_result_4 .imgWrap {clear:both; margin-bottom:20rem; overflow:hidden;}
#gj_result_4 .imgWrap li {float:left; margin-left:4rem; font-size:0; line-height:0;}
#gj_result_4 .imgWrap li:first-child {margin-left:0;}
#gj_result_7 .result_slogan img {padding:15rem 20rem; margin-left:20rem; border:1px solid #ccc;}
#gj_result_7 .picWrap {clear:both; margin-bottom:20rem; overflow:hidden;}
#gj_result_7 .picWrap li {float:left; margin-left:4rem; font-size:0; line-height:0;}
#gj_result_7 .picWrap li:first-child {margin-left:0;}
#gj_result_7 .picWrap li img {border:1px solid #ccc;}
@media all and (max-width:768px ) {
    .gj_result .conWrap .pic {clear:both; width:100%;}
    .gj_result .conWrap .pic img {}
    .gj_result .conWrap .con {clear:both;}
    .gj_result .conWrap .depth01 {margin-left:0;}
    #gj_result_4 .imgWrap li {padding-bottom:4rem;}
    #gj_result_4 .imgWrap li:nth-of-type(3) {clear:both;  margin-left:0;}
}

/*행정서비스헌장*/
.ad_pdf { margin: 9rem 0; padding: 15rem 19rem 14rem 19rem; border: 1rem solid #ccc; background-color: #fcf7f0; font-size:15rem; font-weight:500;}
@media all and (max-width:768px ) {
    .ad_pdf > .btnM{margin:5rem;}
}

/* 청렴시책 */ /*2019*/
#gj_integrity {overflow:hidden;}
#gj_integrity h4 {background:#c1e2f3; background-image:none; padding-top:25rem; color:#1c5ea1; font-size:36rem; font-family:'notokr-bold'; text-align:center; margin-bottom:0}
#gj_integrity h4::before {display:none;}
#gj_integrity .integrity_tit {overflow:hidden; background:#c1e2f3 url('/design/ko2019/img/sub03/gj_integrity01.png') no-repeat 93% center; box-sizing:border-box; padding:10rem 40% 40rem 30rem;}
#gj_integrity .integrity_tit ul {width:100%; float:left;}
#gj_integrity .integrity_tit ul li {margin-top:20rem; overflow:hidden;}
#gj_integrity .integrity_tit ul li span,
#gj_integrity .integrity_tit ul li p {display:inline-block; float:left; min-height:55rem; border-radius:25rem; box-sizing:border-box; padding-top:13rem; font-size:18rem; font-weight:bold;}
#gj_integrity .integrity_tit ul li span {width:25%; margin-right:5%; background:#5186bc; color:#fff; text-align:center;}
#gj_integrity .integrity_tit ul li p {width:70%; font-weight:500; background:#fff; padding-left:5%; }
#gj_integrity .integrity_con {overflow:hidden; margin-top:20rem;}
#gj_integrity .integrity_con div {width:48.5%; margin-right:3%; float:left; box-sizing:border-box; border:2px solid #e1e1e1; padding:30rem 15rem;}
#gj_integrity .integrity_con div:nth-child(even) {margin-right:0;}
#gj_integrity .integrity_con div:nth-of-type(1),
#gj_integrity .integrity_con div:nth-of-type(2) {margin-bottom:20rem;}
#gj_integrity .integrity_con div h5,
#gj_integrity .integrity_con div ul {display:inline-block;}
#gj_integrity .integrity_con div h5 {float:left; width:35%; background:none; padding:0; margin:0; color:#131313; font-size:16rem;}
#gj_integrity .integrity_con div h5 span {display:block; font-size:24rem; font-family:'notokr-bold'; color:#5186bc;}
#gj_integrity .integrity_con div ul {float:right; width:62%; border-left:1px solid #ddd; box-sizing:border-box; padding-left:15rem; }
@media ( max-width: 768px ) {
    #gj_integrity .integrity_tit {padding:10rem 30rem 40rem 30rem; background-image:none;}
    #gj_integrity .integrity_con div {width:100%; margin-bottom:20rem;}
}

/* 청렴시책 */ /*2021*/
.gj_integrity_2021 {overflow:hidden;}
.gj_integrity_2021 h4 {background:#c1e2f3; background-image:none; padding:25rem 0; color:#1c5ea1; font-size:36rem; font-family:'notokr-bold'; text-align:center; margin-bottom:0}
.gj_integrity_2021 h4::before {display:none;}
.gj_integrity_2021 .integrity_tit {overflow:hidden; background:#c1e2f3 url('/design/ko2019/img/sub03/gj_integrity01.png') no-repeat 93% center; background-size:200rem; box-sizing:border-box; padding:10rem 30% 40rem 30rem;}
.gj_integrity_2021 .integrity_tit ul {width:100%;}
.gj_integrity_2021 .integrity_tit ul li {margin-top:20rem; overflow:hidden;}
.gj_integrity_2021 .integrity_tit ul li span,
.gj_integrity_2021 .integrity_tit ul li p {display:inline-block; float:left; min-height:55rem; border-radius:25rem; box-sizing:border-box; padding:13rem 0; font-size:18rem; font-weight:bold;}
.gj_integrity_2021 .integrity_tit ul li span {width:25%; margin-right:5%; background:#25517f; color:#fff; text-align:center;}
.gj_integrity_2021 .integrity_tit ul li p {width:70%; font-weight:500; background:#fff; padding:13rem 5%; }
.gj_integrity_2021 .integrity_con {overflow:hidden; margin-top:20rem;}
.gj_integrity_2021 .integrity_con div {width:100%; box-sizing:border-box; border:2px solid #e1e1e1; padding:30rem;}
.gj_integrity_2021 .integrity_con div:nth-child(even) {margin-right:0;}
.gj_integrity_2021 .integrity_con div:nth-of-type(1),
.gj_integrity_2021 .integrity_con div:nth-of-type(2) {margin-bottom:20rem;}
.gj_integrity_2021 .integrity_con div h6 {background:none; padding:0; margin:0; color:#131313; font-size:18rem;}
.gj_integrity_2021 .integrity_con div h6 span {margin-right:10rem; font-size:24rem; font-family:'notokr-bold'; color:#294b6d;}
.gj_integrity_2021 .integrity_con div ul {box-sizing:border-box; padding-left:15rem;}
.gj_integrity_2021 .integrity_con div ul {overflow:hidden;}
.gj_integrity_2021 .integrity_con div ul.depth02 {margin-top:20rem;}
.gj_integrity_2021 .integrity_con div ul.depth02 > li {float:left; width:47%; margin-left:2%; font-size:16rem; font-weight:bold; }
.gj_integrity_2021 .integrity_con div ul.depth02 > li:first-child {margin-left:0;}
.gj_integrity_2021 .integrity_con div ul.depth03 {margin-top:10rem;}
.gj_integrity_2021 .integrity_con div ul.depth03 > li {font-size:15rem; font-weight:normal; }

@media ( max-width: 768px ) {
    .gj_integrity_2021 .integrity_tit {padding:10rem 30rem 40rem 30rem; background-image:none;}
    .gj_integrity_2021 .integrity_con div {width:100%; margin-bottom:20rem;}
	.gj_integrity_2021 .integrity_con div ul.depth02 > li {width:1000%; margin-left:0;}
}

/* 청렴 덕분에 챌린지 20230208 추가 */
.challenge_head {border: 5rem solid #f5f5f5; border-radius:20px; padding:30px; margin-bottom:20px; background:url(/design/ko2022/img/sub/chall_head_img.png) 93% 127% no-repeat;}
.challenge_head h4{}
.challenge_head ul{}
.challenge_head ul li{}

@media ( max-width: 768px ) {
    .challenge_head {background:url(/design/ko2022/img/sub/chall_head_img.png) 95% 122% / 30% no-repeat;}
}
@media ( max-width: 500px ) {
    .challenge_head {background:none;}
}



/*시청방침*//*2019*/
.slogan {overflow:hidden;}
.slogan ul {width:100%; padding:60rem 30rem 30rem; box-sizing:border-box; border:10rem solid #f7f6f5; text-align:center;}
.slogan ul li {width:28%; position:relative; display:inline-block; padding-top:180rem; font-size:18rem; margin-bottom:30rem;}
.slogan ul li::before {content:''; position:absolute; top:0; left:50%; margin-left:-75rem; width:150rem; height:150rem; background-size:100% 100% !important;}
.slogan ul li:nth-of-type(1)::before {background-image:url('/design/ko2019/img/sub03/slogan01.png');}
.slogan ul li:nth-of-type(2)::before {background-image:url('/design/ko2019/img/sub03/slogan02.png');}
.slogan ul li:nth-of-type(3)::before {background-image:url('/design/ko2019/img/sub03/slogan03.png');}
.slogan ul li:nth-of-type(4)::before {background-image:url('/design/ko2019/img/sub03/slogan04.png');}
.slogan ul li:nth-of-type(5)::before {background-image:url('/design/ko2019/img/sub03/slogan05.png');}
.slogan ul li span {display:block; font-size:24rem; font-weight:bold;}
.slogan ul li span em {font-size:24rem; font-weight:bold; font-style:normal;}
.slogan ul li:nth-of-type(1) span em {color:#3958c2;}
.slogan ul li:nth-of-type(2) span em {color:#785029;}
.slogan ul li:nth-of-type(3) span em {color:#436912;}
.slogan ul li:nth-of-type(4) span em {color:#c23557;}
.slogan ul li:nth-of-type(5) span em {color:#205b59;}
.slogan p.mayor,
.slogan p.mayor span {text-align:center; font-size:24rem; font-weight:bold; margin-top:30rem;}
@media ( max-width: 768px ) {
    .slogan ul li {width:32%;}
}
@media ( max-width: 480px ) {
    .slogan ul li {padding-top:150rem;}
    .slogan ul li::before {width:120rem; height:120rem; margin-left:-60rem; }
    .slogan ul li {width:48%;}
}

/* 전화번호 안내 */
#gj_callCenter {overflow:hidden;}
#gj_callCenter .gj_call {width:100%; min-height:125rem; padding:40rem; box-sizing:border-box; background: #0c906f url('/design/ko2019/img/main/straightCall_p_bg.png') no-repeat 95% bottom;}
#gj_callCenter .gj_call p,
#gj_callCenter .gj_call p span  {color:#fff; font-size:20rem;}
#gj_callCenter .gj_call p {display:inline-block;}
#gj_callCenter .gj_call p:nth-of-type(1) {border:1px solid rgba(255,255,255,0.6); padding:0 20rem;}
#gj_callCenter .gj_call p:nth-of-type(2),
#gj_callCenter .gj_call p:nth-of-type(2) span {font-size:28rem; font-weight:bold;}
#gj_callCenter .gj_call p:nth-of-type(2) {margin-left:20rem;}
@media ( max-width: 1023px ) {
    #gj_callCenter .gj_call {padding:40rem 2%;}
    #gj_callCenter .gj_call p {display:block; border:none !important; margin-bottom:15rem;}
}
@media all and (max-width:880px ) {
    #gj_callCenter .gj_call {background-size: 30%;}
    #gj_callCenter table {clear:both; width:100%;}
    #gj_callCenter .div_01 {clear:both; width:100%;}
}
@media all and (max-width:480px ) {
    #gj_callCenter .div_left {float:none; width:100%;}
    #gj_callCenter .div_right {float:none; width:100%;}
}

/*청사안내*/
#colorbox iframe {height:100%;}
.location_office {width:100%;}
.location_office dt { position:relative; margin-left:0; padding:0 0 3rem 20rem; font-weight:600; font-size:1.08em; color:#333; background:url('/design/ko/img/common/h5_3.gif') no-repeat 0 7rem;}
.location_office dd {margin-bottom:20rem;}
.location_office dd img {width:100%;}
.location_office50 {width:50%; float:left;}
.location_office50 dt { width:100%; position:relative; margin-left:0; padding:0 0 3rem 20rem; font-weight:600; font-size:1.08em; color:#333; background:url('/design/ko/img/common/h5_3.gif') no-repeat 0 7rem;}
.location_office50 dd {margin-bottom:20rem; width:100%;}
.location_office50 dd img {width:100%;}

/*청사안내 이미지*/
#gj_building .imgWrap {padding:0;}
#gj_building .imgWrap img {max-width:66%;}
@media all and (max-width:880px ) {
    #gj_building .imgWrap {padding:0 2%;}
    #gj_building .imgWrap img {max-width:85%;}
}
@media all and (max-width:640px ) {
    #gj_building .imgWrap {padding:0 2%;}
    #gj_building .imgWrap img {max-width:100%;}
}

/* 청사안내 직원목록 */
#cboxOverlay {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:200;}
#colorbox {background:#fff; z-index:250;}
#colorbox iframe {height:100%; padding:25rem;}
#colorbox #cboxLoadedContent {overflow:hidden !important;}
#cboxClose {position:absolute; top:0; right:0; width:40rem; height:40rem; background:#345df5; text-indent:-99999px; border:0; cursor:pointer;}
#cboxClose:before,
#cboxClose:after {content:''; position:absolute; top:50%; left:50%; width:2px; height:15px; background:#fff; transform:translate(-50%, -50%) rotate(45deg);}
#cboxClose:after {transform:translate(-50%, -50%) rotate(-45deg);}

/* 시청안내 > 전화번호, 팩스번호 안내 */
.div_left {float:left; width:48%;}
.div_right {float:right; width:48%;}

@media ( max-width: 768px ) {
    .div_left {float:none; width:100%;}
    .div_right {float:none; width:100%;}
}


/* 수상실적 */
.gj_prize_tbl {width:100%; border-top:2px solid #38842b; text-align:center; border-left:1px solid #ccc;}
.gj_prize_tbl thead tr {background:#f7f7f7; border-bottom:1px solid #ccc;}
.gj_prize_tbl td {border-bottom:1px solid #ccc;}
.gj_prize_tbl th, .gj_prize_tbl td {padding:7rem 15rem; border-right:1px solid #ccc;}
.gj_prize_tbl th {border-bottom:1px solid #9e9e9e;}
.gj_prize_tit {position:relative; line-height:1.7; margin-bottom:5rem; padding-left:53rem !important; background:url('/design/ko/img/sub03/gj_prize.jpg') no-repeat 0 0 !important;}
.gj_prize_tit::before {display:none;}

.organ_post {overflow:hidden; margin:20rem 0;}
.organ_post p {width:30%; margin:0 auto; padding:10rem; color:#fff; background:#2a4483; text-align:center; font-weight:bold;}
.organ_post p a {color:#fff; font-size:16rem;}
.organ_post div.organ_post_li {position:relative;}
.organ_post div.organ_post_li::before {content:''; position:absolute; width:1px; height:30rem; border-left:1px solid #ddd;position: absolute;top: -30rem;left: 50%;}
.organ_post ul {margin-top:30rem; border:3rem solid #eee; background:#f7f7f7; padding:10rem; overflow:hidden;}
.organ_post li {box-sizing:border-box; float:left; width:18%; margin:5rem 1%; padding:7rem; text-align:center; color:#666; border:1px solid #ccc; background:#fff;}
.organ_post li a {display:block; padding:15rem;}
.organ_post li a:hover {color:#fff; background:#2f5883;}
.organ_post li.on a {color:#fff; background:#2f5883;}
@media all and (max-width:980px ) {
	.organ_post li {width:23%;}
}
@media all and (max-width:640px ) {
	.organ_post li {width:31.3333%;}
}
@media all and (max-width:480px ) {
	.organ_post li {width:48%;}
}

/*청사안내2020*/
#gj_building,
.gj_building_wrap,
.gj_building_div {overflow:hidden; clear:both;}
.gj_building_dl {position:relative;}
.gj_building_dl a {position:absolute; display:block; top:30%; margin-bottom:-15rem; left:13%; background:#ccc; border-radius:15rem; padding:3rem 15rem; background:#2a4483; color:#fff; cursor:pointer; font-weight:bold;}
.gj_building_dl dl{width:100%;display: table;  border-spacing:3rem;}
.gj_building_dl dt,
.gj_building_dl dd {box-sizing:border-box; }
.gj_building_dl dt {display: table-cell; box-sizing:border-box; width: 25%; padding-left:5%; border:3rem solid #e1e6eb; vertical-align:middle; font-weight:bold;}
.gj_building_dl dd {display: table-cell; box-sizing:border-box; width: 75%; border:1px solid #e1e6eb; padding:25rem 20rem;}

.gj_building_dl2 {position:relative;}
.gj_building_dl2 a {position:absolute; display:block; top:30%; margin-bottom:-15rem; left:13%; background:#ccc; border-radius:15rem; padding:3rem 15rem; background:#2a4483; color:#fff; cursor:pointer; font-weight:bold;}
.gj_building_dl2 dl{width:100%;display: table;  border-spacing:3rem;}
.gj_building_dl2 dt,
.gj_building_dl2 dd {box-sizing:border-box; }
.gj_building_dl2 dt {display: table-cell; box-sizing:border-box; width: 25%; padding-left:5%; border:3rem solid #e1e6eb; vertical-align:middle; font-weight:bold;}
.gj_building_dl2 dd {display: table-cell; box-sizing:border-box; width: 75%; border:1px solid #e1e6eb; padding:25rem 20rem;}

.gj_building_img {width:100%; box-sizing:border-box; padding:0 3rem; position:relative; visibility:hidden; height:0}
.gj_building_img.on {visibility:visible; height:auto}
.gj_building_img a {position:absolute; top:0; right:3rem; display:block; width:33rem; height:33rem; text-indent:-9999rem; background:#2a4483 url('http://www.gyeongju.go.kr/design/ko2019/img/sub03/cityHall_info/close.png') no-repeat center; cursor:pointer;}
.gj_building_img img {width:100%; }
@media all and (max-width:1400px ) {
	.gj_building_dl dt {width:30%;}
	.gj_building_dl dd {width:70%;}

	.gj_building_dl2 dt {width:30%;}
	.gj_building_dl2 dd {width:70%;}
}
@media all and (max-width:640px ) {
	.gj_building_dl dl {margin-bottom:10rem; display:block;}
	.gj_building_dl dt,
	.gj_building_dl dd {width:100%;display:block;}
	.gj_building_dl dt {margin-bottom:3rem; padding:10rem 5%;}
	.gj_building_dl span{left:auto; bottom:auto; right:10rem; top:10rem;}
	.gj_building_dl a {top:10rem; left:15%;}

	.gj_building_dl2 dl {margin-bottom:10rem; display:block;}
	.gj_building_dl2 dt,
	.gj_building_dl2 dd {width:100%;display:block;}
	.gj_building_dl2 dt {margin-bottom:3rem; padding:10rem 5%;}
	.gj_building_dl2 span{left:auto; bottom:auto; right:10rem; top:10rem;}
	.gj_building_dl2 a {top:10rem; left:15%;}
}

/*행정서비스헌장*/
.bun_file {overflow:hidden; margin-top:30rem;}
.bun_file ul {float:left;width:32%; margin-left:2%;}
.bun_file ul:first-child {margin-left:0;}
.bun_file ul li {padding:10rem 10rem 10rem 30rem; border:1px solid #ddd; background:url('/design/ko2019/img/sub03/bun_bl.gif') no-repeat 10rem center; margin-bottom:10rem;}

@media all and (max-width:780px ) {
	.bun_file ul {width:100%; margin-left:0;}
}

.box_txt {height:290rem; overflow-y:auto; background:#f7f7f7; padding:20rem;}
.box_txt .title {font-weight:bold; margin-bottom:10rem;}

/* 서체 */
a.font_silla {margin-top:3rem; margin-bottom:3rem; text-transform:uppercase; color:#fff; border:2px solid #0072bc !important; background:#0072bc; letter-spacing:0.5rem !important; font-size:14rem;}
a.font_silla:after {background-position:0 -13rem !important;}
.font_silla_detail {overflow:hidden;}
.font_silla_detail img {display:block; margin:0 auto;}
.font_silla_detail > div {overflow:hidden; margin-bottom:50rem;}
.font_silla_detail > div:last-child {margin-bottom:0;}
.font_silla_detail .left {float:left; width:450rem;}
.font_silla_detail .right {padding-left:480rem;}
.font_silla_detail .right span {display:block; color:#2a4483; margin-top:10rem;}
.font_silla_detail.top {margin:30rem 0;}
.font_silla_detail.top .left img {margin-top:15rem;}
.font_silla_detail.top.gothic .left img {margin-top:10rem;}
.font_box {margin:30rem 0 20rem; border:1px solid #ddd; padding:40rem; border-radius:10rem;}
.font_box .font_silla_detail .left,
.font_box .font_silla_detail .right {margin:0 0 0 -40rem;}
.font_box .font_silla_detail.gothic p {margin-top:35rem;}
@media all and (max-width:768px ) {
    .font_silla_detail img {margin-bottom:25rem;}
	.font_silla_detail > div {margin-bottom:35rem;}
	.font_silla_detail .left {float:none; width:100%;}
	.font_silla_detail .right {padding-left:0;}
	.font_silla_detail.top .left img {margin-top:0;}
	.font_silla_detail.top.gothic .left img {margin-top:0;}
	.font_box {padding:30rem;}
	.font_box .font_silla_detail .left,
	.font_box .font_silla_detail .right {margin:0;}
	.font_box .font_silla_detail.gothic p {margin-top:0;}
}

/* 영조물배상공제보험 */
.step2 {overflow:hidden; margin:10rem 0 15rem;}
.step2 dl {position:relative; float:left; width:16%; margin-left:5%; border:1px solid #d2d2d2; box-sizing:border-box; text-align:center;}
.step2 dl:after {content:'→'; position:absolute; bottom:50%; right:-40rem; width:28rem; height:28rem; margin-bottom:-9.5rem; padding:0 1rem; /*background:url('/design/ko2019/img/sub02/arr02.gif') no-repeat center/90% auto;*/}
.step2 dl:last-child:after {display:none;}
.step2 dl:first-of-type {margin-left:0;}
.step2 dl dt {padding:10rem 15rem; min-height:20rem; line-height: 20rem; background:#0169c2; color:#fff; font-weight:bold;}
.step2 dl:nth-of-type(1) dt {background:#9c2a44;}
.step2 dl:nth-of-type(2) dt {background:#935325;}
.step2 dl:nth-of-type(3) dt {background:#264a1f;}
.step2 dl:nth-of-type(4) dt {background:#195070;}
.step2 dl:nth-of-type(5) dt {background:#3f35b3;}
.step2 dl dd:first-of-type {border:0;}
.step2 dl dd {padding:10rem 5rem; border-top:1px dashed #d2d2d2;}
@media all and (max-width:900px ) {
	.step2.type03 dl {width:100% !important;}
	.step2.type03 dd {height:auto;}
	.step2 dl {float:none; width:100%; margin-left:0; margin-bottom:40rem;}
	.step2 dl:after {bottom:-29rem; right:50%; margin-bottom:0; margin-right:-10.5rem; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.step2 dl:last-child:after {display:none;}
}
/*기존 sub03.css 끝*/

/*기존 sub04.css 시작*/
/* 행사안내 - 세올행사일정 */
.time_span {text-align:center; margin-bottom:20rem; overflow:hidden;}
.time_span a {display:inline-block; text-indent:-9999rem; vertical-align:middle;}
.time_span span {display:inline-block; text-align:center; width:50%; margin:0 auto; font-weight:bold; font-size:18rem; vertical-align:middle;}
.time_span span em {font-weight:bold; font-size:18rem; font-style: normal;}
.time_span a.bt_prev {text-align:center; width: 35rem;height: 35rem; background:url('/design/ko2019/img/sub04/arr_l.gif') no-repeat 0 0; background-size:contain;}
.time_span a.bt_next {text-align:center; width: 35rem;height: 35rem;background:url('/design/ko2019/img/sub04/arr_r.gif') no-repeat 0 0; background-size:contain;}
.table_sch {width:100%; max-width:100%; margin:9rem 0; border-top:1px solid #000; border-left:1px solid #999;}
.table_sch caption {position:absolute; top:-9999rem;}
.table_sch thead th,
.table_sch tbody th,
.table_sch tbody td {padding:4rem 2% 8rem; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center;}
.table_sch thead th {background-color:#f5f5f5; color:#333;}
.table_sch tbody th {background-color:#f8f8f8;}
.table_sch tbody td {background-color:#fff;}
.table_sch .day_6 {color: #0066cc;}
.table_sch .day_7 {color: #ff0000;}
.table_sch td.event_name {text-align:left; padding-left:10rem;}
.btn #btnExcelDownload {display: inline-block;background: #f4f4f4;color: #000;padding: 7rem 14rem;border: 1rem solid #999;font-size: 14rem;text-decoration: none !important;}
@media all and (max-width:768px ) {
    .time_span span { width:70%;}
    .time_span span em {display:block;}
    .time_span a.bt_prev {float:left;}
    .time_span a.bt_next {float:right;}
}
@media all and (max-width:480px ) {
    .time_span span {font-size:13rem; letter-spacing:-0.05em;}
}

/*한수원소식*/
.img_hansuwon {overflow:hidden; width:100%; box-sizing:border-box; padding:0 10rem; text-align:center; background:url('/design/ko2019/img/sub04/img_hansuwon_bg.jpg')repeat-x center top/cover; }

/*고시/공고*/
.sms_apply {display:block !important; margin-top:15rem; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; }
.sms_apply dt {display:inline-block; float:left; width:25%; min-height:180rem; box-sizing:border-box; padding:10rem 2% 0; text-align:center; background:#f9d45d url('/design/ko2019/img/sub04/gosi_sms.png') no-repeat center bottom; font-size:16rem; letter-spacing:-0.05em;}
.sms_apply dd {display:inline-block; float:left; width:75%;}
.sms_apply dd p {width:100%; background:#f5f5f5; padding:10rem 2%; margin-bottom:20rem; box-sizing:border-box;}
.sms_apply dd .smsInput,
.sms_apply dd .smsBtn {width:100%; clear:both; text-align:center; margin:15rem 0; overflow:hidden;}
.sms_apply dd .smsInput div {display:inline; overflow:hidden; margin-right:20rem;}
.sms_apply dd .smsInput div label {display:inline-block; margin-right:10rem;}
.sms_apply dd .smsInput div input {display:inline-block; height:35rem; line-height:35rem; padding:0 2%;}
.sms_apply dd .smsBtn a {display:inline-block; padding:8rem 17rem; margin:0 5rem;}
.sms_apply dd .smsBtn a.smsOn {background:#c23557; color:#fff;}
.sms_apply dd .smsBtn a.smsOff {background:#d1d1d1;}
@media all and (max-width:640px ) {
    .sms_apply dt,
    .sms_apply dd {width:100%;}
    .sms_apply dd .smsInput div:nth-of-type(2) {display:block; margin-top:10rem;}
}


/*알짜배기 경주소식*/
.gj_sms * {box-sizing: border-box; word-break: keep-all;}
.gj_sms.first .title { position:relative; background:url('/design/ko2019/img/sub04/sms_bg.jpg') no-repeat center/cover; padding:60rem 60rem 60rem 410rem; border-radius:30rem; overflow:hidden; }
.gj_sms.first .title::before {content:''; position:absolute; left:0; bottom:0; width:345rem; height:385rem; background:url('/design/ko2019/img/sub04/sms_illu.png') no-repeat center/cover; }
.gj_sms.first .title .txt1 img { display:inline-block; vertical-align:bottom; padding:0 10rem 15rem 0; }
.gj_sms.first .title .txt1 div { display:inline-block; font-size:20rem; word-break: keep-all; word-wrap: break-word; }
.gj_sms.first .title .txt1 p {float:left;}
.gj_sms.first .title .txt1 p strong { display:inline-block; position:relative; font-size:30rem; padding:7rem 0 0; }
.gj_sms.first .title .txt1 p strong::before {content:''; position:absolute; left:50%; top:0; width:7rem; height:7rem; border-radius:50%; background:#333; transform:translate(-50%, 0); }
.gj_sms.first .title .txt2 {padding:15rem 0 20rem;}
.gj_sms.first .title dl { display:inline-block; background:#fff url('/design/ko2019/img/sub04/sms_emo.png') no-repeat 20rem center; border-radius:20rem; font-size:17rem; padding:15rem 20rem 15rem 90rem; color:#6c6c6c;  }
.gj_sms.first .title dl dt { font-size:20rem; font-weight:600; color:#222; }
.gj_sms.first .title2 {position:relative; background:url('/design/ko2019/img/sub04/sms_bg.jpg') no-repeat center/cover; padding:90rem 100rem 90rem 500rem; border-radius:30rem; overflow:hidden;}
.gj_sms.first .title2::before {content:''; position:absolute; left:50rem; top:50%; width:411rem; height:270rem; background:url('/design/ko2019/img/sub04/sms_illu3.png') no-repeat center/contain; transform:translateY(-50%);}
.gj_sms.first .title2 .txt2 {margin:25rem 0 0 3rem;}
.gj_sms.first .type_check {overflow:hidden; margin:30rem 0 0;}
.gj_sms.first .type_check dl { position:relative; float:left; width:48%; background:#f4f4f4; border-radius:20rem; padding:40rem 160rem 40rem 40rem; color:#6c6c6c; }
.gj_sms.first .type_check dl::before {content:''; position:absolute; right:40rem; top:40rem; width:100rem; height:100rem; background:url('/design/ko2019/img/sub04/sms_people.png') no-repeat 100% 0/200% auto; }
.gj_sms.first .type_check dl dt { font-size:20rem; font-weight:600; color:#222; margin:0 0 15rem; }
.gj_sms.first .type_check dl dd strong {color:#0053a7; }
.gj_sms.first .type_check dl dd a { display:inline-block; background:#666; font-size:16rem; color:#fff; padding:7rem 20rem; border-radius:5rem; margin:20rem 0 0; transition:0.5s; }
.gj_sms.first .type_check dl:first-of-type {margin:0 4% 0 0;}
.gj_sms.first .type_check dl:first-of-type::before {background-position: 0 0;}
.gj_sms.first .type_check dl:first-of-type dd a { background:#4d4ddc;}
.gj_sms.first .type_check dl dd a:hover {background:#333;}
@media all and (max-width:1340px ) {
  .gj_sms.first .title2 { padding:80rem 80rem 80rem 450rem;}
  .gj_sms.first .title2::before {width:350rem; height:230rem;}
}
@media all and (max-width:1200px ) {
  .gj_sms.first .type_check dl {padding:30rem 150rem 30rem 30rem; }
  .gj_sms.first .type_check dl::before { top:30rem; right:30rem; }
  .gj_sms.first .title2 { padding:60rem 60rem 60rem 340rem;}
  .gj_sms.first .title2::before {width:300rem; height:197rem; left:-10rem;}
}
@media all and (max-width:900px ) {
  .gj_sms.first .title { padding:40rem 40rem 40rem 350rem; }
  .gj_sms.first .title::before { width:300rem; height:340rem; }
}
@media all and (max-width:768px ) {
  .gj_sms.first .title { padding:40rem; }
  .gj_sms.first .title2 { padding:40rem; text-align:center;}
  .gj_sms.first .title::before { display:none; }
  .gj_sms.first .title2::before { display:none; }
  .gj_sms.first .type_check dl {width:100%;}
  .gj_sms.first .type_check dl:first-of-type {margin:0 0 20rem;}
}
@media all and (max-width:480px ) {
  .gj_sms.first .title dl {display:none;}
  .gj_sms.first .title .txt2 {padding:10rem 0 0;}
  .gj_sms.first .type_check dl { padding:30rem; }
  .gj_sms.first .type_check dl::before {display:none;}
}
.gj_sms.second .agree {margin:0 0 60rem;}
.gj_sms.second .agree > div:not(.check) {background:#f4f7fc; border:1px solid #dbe2ec; padding:30rem; }
.gj_sms.second .table {overflow-x:auto;}
.gj_sms.second .table table {width:100%; border-top:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a; text-align:center; margin-left:-1rem;}
.gj_sms.second .table table thead th, .gj_sms.second .table table tbody th  {color:#222; background:#fcfcfd; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; padding:10rem; }
.gj_sms.second .table table tbody td { padding:10rem; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; text-align:left; }
.gj_sms.second .check {background:#666; color:#fff; padding:10rem 20rem; }
.gj_sms.second .check > * {vertical-align: top;}
.gj_sms.second .check input {margin:3rem 10rem 0 0; }
.gj_sms.second .form {border-top:1px solid #898989;}
.gj_sms.second .form dl {border-bottom:1px solid #dbe2ec; overflow:hidden; }
.gj_sms.second .form dl dt { position:relative; float:left; width:25%; font-size:17rem; font-weight:600; padding:20rem 30rem 0 ; }
.gj_sms.second .form dl dt span { position:absolute; left:13rem; top:24rem; color:red; }
.gj_sms.second .form dl dd {float:right; width:75%; padding:10rem 30rem; }
.gj_sms.second .form dl dd input[type="text"] { width:100%; height:45rem; padding:0 10rem; border:1px solid #c6c6c6; font-size:16rem }
.gj_sms.second .form dl.address dd { border-top:1px dashed #dbe2ec; }
.gj_sms.second .form dl.address dd:first-of-type { border-top:0; }
.gj_sms.second .form dl.address dd > * { float:left; line-height:45rem; height:45rem;  }
.gj_sms.second .form dl.address dd label {font-weight:600; color:#222; width:80rem;}
.gj_sms.second .form dl.address dd input[type="text"] {width:calc(100% - 190rem); margin:0 10rem 0 0; }
.gj_sms.second .form dl.address dd a {display:block; width:100rem; text-align:center; background:#4a4a4a; color:#fff;}
.gj_sms.second .form2 { display:flex; align-items:center; /*height:300rem;*/ border-radius:7rem; border:1px solid #ddd; background:url('/design/ko2019/img/sub04/sms_illu2.png') no-repeat 50rem center; padding:30rem 70rem 30rem 400rem; }
.gj_sms.second .form2.bg2 {background:url('/design/ko2019/img/sub04/sms_illu4.png') no-repeat 60rem center;}
.gj_sms.second .form2 > div {width:100%; }
.gj_sms.second .form2 dl { position:relative; overflow:hidden; margin:10rem 0; height:55rem; line-height:55rem; background:#f1f1f1; border-radius:7rem;  }
.gj_sms.second .form2 dl dt { position:absolute; left:0; top:0; width:150rem; height:100%; padding:0 30rem; font-weight:600; font-size:16rem; }
.gj_sms.second .form2 dl dt::before {content:''; position:absolute; right:0; top:50%; width:1px; height:20rem; background:#ccc; transform:translate(0, -50%);}
.gj_sms.second .form2 dl dd { padding:0 30rem; margin:0 0 0 150rem; }
.gj_sms.second .form2 dl dd input[type="text"], .gj_sms.second .form2 dl dd select { background:transparent; border:0; height:40rem; width:100%; font-size:15rem; }
.gj_sms.second .form2 dl dd label {margin:0 20rem 0 5rem; }

.gj_sms.second .form2 dl.address dd {display:flex; align-items:center; padding-right:0;}
.gj_sms.second .form2 dl.address dd input[type="button"] {height:55rem; background:#345df5; border:0; padding:0 15rem; color:#fff; flex:0 0 auto; cursor:pointer;}
.gj_sms.second .form2 dl.address dd input[type="button"]:focus-visible {outline:none; border:2px dashed #000;}
.gj_sms .btn {text-align:center;}
.gj_sms .btn a { display:inline-block; background:#666; font-size:18rem; color:#fff; padding:10rem 30rem; border-radius:5rem; margin:20rem 5rem 0; transition:0.5s; }
.gj_sms .btn a:first-of-type { background:#4d4ddc;}
.gj_sms .btn a:hover {background:#333;}
@media all and (max-width:1200px ) {
.gj_sms.second .form2 { background-position:30rem center !important; background-size:230rem auto !important; padding:30rem 50rem 30rem 300rem  !important; /*height:250rem;*/ }
}
@media all and (max-width:768px ) {
  .gj_sms.second .form dl dt { width:30%; }
  .gj_sms.second .form dl dd { width:70%; }
  .gj_sms.second .form dl.address dd label { width:100%; }
  .gj_sms.second .form dl.address dd input[type="text"] {width:calc(100% - 110rem);}
  .gj_sms.second .form2 { background-position:center 30rem !important; padding:220rem 30rem 30rem !important; height:auto !important; }
}
@media all and (max-width:480px ) {
  .gj_sms.second .form dl dt { width:100%; }
  .gj_sms.second .form dl dd { width:100%; }
  .gj_sms.second .form2 {background-position:center 15rem !important; padding:190rem 15rem 15rem !important;}
  .gj_sms.second .form2 dl dt { font-size:15rem; width:100rem; padding:0 10rem 0 20rem; }
  .gj_sms.second .form2 dl dd {padding:0 20rem 0 15rem; margin:0 0 0 100rem;}
  .gj_sms.second .form2 dl dd label {margin:0 10rem 0 3rem;}
}
.gj_sms.last .title {position:relative; background:#e5f1fa; padding:60rem 60rem 60rem 410rem; border-radius:30rem; overflow:hidden; }
.gj_sms.last .title::before {content:''; position:absolute; left:0; bottom:0; width:345rem; height:385rem; background:url('/design/ko2019/img/sub04/sms_illu.png') no-repeat center/cover; }
.gj_sms.last .title .txt1 {font-size:35rem; line-height:1.4; font-weight:700; }
.gj_sms.last .title .txt1 strong {color:#4d4ddc;}
.gj_sms.last .title .txt2 {font-size:18rem; margin:10rem 0 20rem; }
.gj_sms.last .title dl { display:inline-block; background:#fff url('/design/ko2019/img/sub04/sms_emo.png') no-repeat 20rem center; border-radius:20rem; font-size:16rem; padding:15rem 20rem 15rem 90rem; color:#6c6c6c;  }
.gj_sms.last .title dl dd { font-size:30rem; font-weight:600; color:#222; }
.gj_sms.last .title.type2 {padding:40rem 30rem 40rem 420rem; border-radius:30rem; overflow:hidden; min-height:340rem;}
.gj_sms.last .title.type2:before {content:''; position:absolute; left:-30rem; top:50%; width:411rem; height:270rem; background:url('/design/ko2019/img/sub04/sms_illu3.png') no-repeat center/contain; transform:translateY(-50%);}
.gj_sms.last .title.type2 .txt1 {font-size:30rem;}
.gj_sms.last .title.type2 dl dd { font-size:17rem;}
@media all and (max-width:900px ) {
  .gj_sms.last .title { padding:40rem 40rem 40rem 350rem; }
  .gj_sms.last .title::before { width:300rem; height:340rem; }
}
@media all and (max-width:768px ) {
  .gj_sms.last .title { padding:40rem !important; text-align:center; }
  .gj_sms.last .title::before { display:none !important; }
  .gj_sms.last .title .txt2 {font-size:16rem !important;}
  .gj_sms.last .title dl {text-align:left !important;}
  .gj_sms.last .title.type2 {overflow:hidden; min-height:auto;}
}
@media all and (max-width:480px ) {
  .gj_sms.last .title {padding:25rem !important;}
  .gj_sms.last .title .txt1 {font-size:25rem !important;}
  .gj_sms.last .title .txt2 {font-size:14rem !important; }
  .gj_sms.last .title dl { background-position:center 15rem !important; padding:70rem 15rem 15rem 15rem !important; font-size:14rem !important; text-align:center !important; }
  .gj_sms.last .title dl dd {font-size:20rem !important;}
}
/*기존 sub04.css 끝*/

/*기존 sub05.css 시작*/
/*left메뉴 타이틀간격*/
#leftWrap h3 {letter-spacing:-0.1em;}
#navi .sm dt {letter-spacing:-0.1em;}

#infor_gover p {font-size:0; line-height:0 !important;}


#infor_example ul {width:750rem; margin:0 auto; overflow:hidden;}
#infor_example li {float:left; width:250rem; margin:30rem 0 20rem 0; text-align:center;}
#infor_example li:first-child {margin-left:0;}


/* 정보공개 > 사전정보공개 */
#infor_open input[type="text"],
#infor_open input[type="submit"],
#infor_open select {border:1px solid #ccc !important; border-radius:0; margin:3rem;}
#infor_open input[type="text"] {width:calc(100% - 200rem - 21rem); padding:0 10rem;}
#infor_open input[type="submit"] {width:80rem !important; margin-right:0; border:0 !important;}
#infor_open select {width:120rem !important; padding:0 7rem; margin-left:0;}
#infor_open select,
#infor_open input,
.board_search button {height:42rem !important;}
.infor_open_mn {margin-bottom:20rem; margin-top:10rem;}
.infor_open_mn ul {overflow:hidden; width:100%; border:1px solid #d9d9d9; border-left:0;}
.infor_open_mn ul li {float:left; width:16.666%; box-sizing: border-box; border-left:1px solid #d9d9d9; line-height:0; background-repeat:no-repeat; background-position:center 0;}
.infor_open_mn ul li a {display:block; height:120rem; padding-top:71rem; }
.infor_open_mn ul li:nth-of-type(6) ~ li {border-top:1px solid #cecece;}
.infor_open_mn ul li:hover,
.infor_open_mn ul li.active {position:relative; background-position:center -131px; text-decoration:underline; background-color:#f7f7f7;}
.infor_open_mn ul li.active::before {content:''; position:absolute; width:100%; height:100%; background:url('/design/ko/img/common/bg_pattern.png') repeat;}
.infor_open_mn ul li.icon01 {background-image:url('/design/ko/img/sub05/develop_01.png');}
.infor_open_mn ul li.icon02 {background-image:url('/design/ko/img/sub05/develop_02.png');}
.infor_open_mn ul li.icon03 {background-image:url('/design/ko/img/sub05/develop_03.png');}
.infor_open_mn ul li.icon04 {background-image:url('/design/ko/img/sub05/develop_04.png');}
.infor_open_mn ul li.icon05 {background-image:url('/design/ko/img/sub05/develop_05.png');}
.infor_open_mn ul li.icon06 {background-image:url('/design/ko/img/sub05/develop_06.png');}
.infor_open_mn ul li.icon07 {background-image:url('/design/ko/img/sub05/develop_07.png');}
.infor_open_mn ul li.icon08 {background-image:url('/design/ko/img/sub05/develop_08.png');}
.infor_open_mn ul li.icon09 {background-image:url('/design/ko/img/sub05/develop_09.png');}
.infor_open_mn ul li.icon10 {background-image:url('/design/ko/img/sub05/develop_10.png');}
.infor_open_mn ul li.icon11 {background-image:url('/design/ko/img/sub05/develop_11.png');}
.infor_open_mn ul li.icon12 {background-image:url('/design/ko/img/sub05/develop_12.png');}
.infor_open_mn ul li span {display:block; width:75%; margin:0 auto; padding-top:8rem; border-top:1px dashed #ccc; font-weight:bold; font-size:0.90em; line-height:1.2; letter-spacing:-0.03em; text-align:center;}

.infor_open_tab {overflow:hidden; margin:21rem 0 40rem; border-left:1px solid #d8d8d8;}
.infor_open_tab ul {float:left; width:100%; overflow:hidden;}
.infor_open_tab li {float:left; width:25%;}
.infor_open_tab li a {display:block; height:36rem; line-height:36rem; padding:0 0 0 12rem; font-size:1em; letter-spacing:-0.1em; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.infor_open_tab li:nth-of-type(1) a,
.infor_open_tab li:nth-of-type(2) a,
.infor_open_tab li:nth-of-type(3) a,
.infor_open_tab li:nth-of-type(4) a {border-top:2px solid #82a800;}
.infor_open_tab li.on a,
.infor_open_tab li a:hover {font-weight:bold; color:#4a5f3e; background:#f9fbf2 url('/design/ko/img/common/boxmnu_bg.gif') no-repeat 94% center;}

#infor_open .btn {display:inline-block; color:#131313; font-weight:bold; border-radius:0; background:none; height:25rem; line-height:25rem; font-weight:normal; font-size:15rem;}
#infor_open .btn:hover {color:#004089; text-decoration:underline;}
#infor_open .btn::after {display:inline-block; margin-left:5rem; content:''; background:url('/design/ko2019/img/sub/btn_s.gif') no-repeat 66.666% 0/400% auto; width:13rem; height:11rem;}
#infor_open .btn:hover::after {display:inline-block; margin-left:5rem; content:''; background:url('/design/ko2019/img/sub/btn_s.gif') no-repeat 66.666% 0/400% auto; width:13rem; height:11rem;}



.btn_purple {background: #4a458b none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0rem;
    color: #fff;
    display: inline-block;
    font-size: 15rem;
    font-weight: 600;
    height: 22rem;
    line-height: 18rem;
    padding: 0 15rem;}


/*통계*/
.ConMove_top {width:100%; height:30rem;}
.ConMove_top li{ width:200rem; float:left;}
.ConMove_top li select {border: 1rem solid #999; font-size: 1em !important; height: 42rem; line-height: 42rem; width: 200rem; }
.ConMove_top .btn_M { width:54rem; height:25rem; padding:2rem 3rem 0 3rem;background: url('/design/ko/img/common/btn_go_move.png') no-repeat 0 0;
background-color:#494949;color:#fff; font-family:"나눔고딕", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif !important;}
.bu_t_green span {font-size:22rem;}

/* 정보공개 > 예산 · 재정 > 세입현황 */
#pop_texes {width:100%; height:100%;}

#texes_top {width:92%; /*height:100rem;*/ padding:0 4%; border-bottom:3rem solid #ac914a; overflow:hidden;}
#texes_top h1 {float:left; padding-top:28rem;}
#texes_top nav {float:left; margin:60rem 0 0 30rem; overflow:hidden;  font-size:1.37em;}
#texes_top nav li {float:left; position:relative; padding-right:20rem;}
#texes_top nav li:first-child {padding-right:40rem;}
#texes_top nav li span {display:block; float:left; width:50rem; margin:3rem 15rem 0 0; font-weight:600; background-color:#ff6600; padding:5rem 10rem; color:#fff;/*border-left:2px solid #333; border-right:2px solid #333;*/ text-align:center; }
#texes_top nav li a {display:block; float:left; height:32rem; padding:3rem 0 5rem 0; color:#333;}
#texes_top nav li a.active,
#texes_top nav li a:hover {font-weight:600; color:#ac914a; background:url('/design/ko/img/sub05/pop_taxes_arrow.gif') no-repeat center bottom;}

#texes_con {clear:both; width:100%; padding-bottom:60rem;}
#texes_con .path {width:92%; height:94rem; padding:18rem 4% 0 4%; margin:0; border-bottom:1px solid #ccc;}
#texes_con .path {overflow:hidden;}
#texes_con .path ul {height:20rem; padding-left:20rem; background:url('/design/ko/img/common/i_home.gif') no-repeat 0 2rem;}
#texes_con .path li {float:left; padding:0 9rem 2rem 12rem; background:url('/design/ko/img/common/i_gt.gif') no-repeat 0 center; color:#333;}
#texes_con .title {padding-top:32rem; font-weight:normal; font-size:2.4em;}

#texes_con #contents {width:92%; padding:35rem 4% 0 4%; font-size:1.2em; line-height:1.8; letter-spacing:-0.07em;}
.taxes_tbl {}
.taxes_tbl {width:100%; margin:8rem 0; border-right:1px solid #e6e6e6;}
.taxes_tbl caption {position:absolute; top:-9999rem;}
.taxes_tbl th {padding:4rem 0 8rem 0; border:1px solid #d8d8d8; vertical-align:middle; text-align:center; background-color:#f7f7f7; color:#333;}
.taxes_tbl tr:first-child th,
.taxes_tbl tr:first-child td {border-top:1px solid #777;}
.taxes_tbl td {padding:7rem 12rem 8rem 12rem; border:1px solid #e6e6e6; vertical-align:middle; text-align:left;}
.taxes_tbl td img {vertical-align:middle;}
#texes_con .taxes .btn {height:28rem; padding:0 20rem; font-weight:bold; font-size:0.9em; line-height:1; color:#fff;}
#texes_con .taxes .btn.search {background:#0a836b; border:1px solid #0d6e5b;}
#texes_con .taxes .btn.reset {background:#006ab6; border:1px solid #0561a3;}

/*성인지예산*/
.wrap_sj {position:relative; width:100%; }
.wrap_sj ul {position:relative; width:100%; border-top:2px solid #333;}
.wrap_sj ul li{position:relative; width:98%; border-bottom:1px solid #ccc; padding:5rem 0 5rem 2%; line-height:35rem;}
.wrap_sj ul li img {vertical-align:middle;}

@media ( max-width: 760px ) {


#infor_gover p {text-align:center;}
#infor_gover p img {width:100%;}


#infor_example ul {width:100%;}
#infor_example li {float:none; width:100%;}


.infor_open_mn ul li {width:16.666%;}
.infor_open_mn ul li:nth-of-type(7) {}

/* #infor_open .btn {padding:0 12rem 0;} */

#texes_top h1 {width:100%; text-align:center;}
#texes_top nav {clear:both; width:100%; margin:30rem 0 0 0;  font-size:1.15em;}
#texes_top nav li a:hover,
#texes_top nav li a.active {background:none;}
#texes_top nav li:nth-of-type(2) {clear:left;}
}

@media ( max-width: 480px ) {


.infor_open_mn ul {width:100%;}
.infor_open_mn ul li {width:25%;}

.infor_open_mn ul li:nth-of-type(7) {float:left !important;}
.infor_open_mn ul li:nth-of-type(4) ~ li {border-top:1px solid #cecece;}


#budget .half li {clear:left; width:100%;}


#infor_open .btn {padding:0 2rem;}

}

/* 조직운영 5대 지표공개 */

.fiveIndex_menu { position:relative; margin:10rem auto 30rem; padding:25rem; border:1px solid #d8d7d8; border-radius:3rem; background:#f9f8f9; overflow:hidden; text-align:center;}
.fiveIndex_menu p { position:absolute; right:6.3%; top:87%; color:#052cbd;}
.fiveIndex_menu ul {display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.fiveIndex_menu ul li{text-align: center; width: 25%;}
.fiveIndex_menu ul li a {display: flex; justify-content: center; align-items: center; background: #fff; font-weight: 500; height: 62px; border-radius: 50px; border: 2px solid #214986; line-height: 1.4;}
.fiveIndex_menu ul li:hover a,
.fiveIndex_menu ul li.active a{background: #214986; color: #fff; text-decoration:underline;}

/* .fiveIndex_menu li {float:left; width:20%; margin:0; padding:0; text-align:center; font-size:0; line-height:0;}
.fiveIndex_menu li a {display:block; font-size:0; line-height:0; cursor:pointer;} */

.fiveIndex_data > div {display:none;}
.fiveIndex_data > div#data_01 {display:block;}
.fiveIndex_flex {display:flex; flex-wrap:wrap; justify-content:space-between; }
.fiveIndex_flex h4 {margin-bottom:10rem;}
.fiveIndex_data table { width:calc(50% - 20px); margin:0;}
.fiveIndex_data .img { width:calc(50% - 20px); text-align:center;}
.fiveIndex_text { padding-top:10rem;}

@media all and (max-width: 1200px ) {
    .fiveIndex_menu ul{flex-wrap: wrap; justify-content: center;}
    .fiveIndex_menu ul li {width:30%;}
}
@media all and (max-width: 1023px ) {
/* .fiveIndex_menu li {width:18%; margin:0 1%;} */
.fiveIndex_menu li img, .fiveIndex_menu02 li img {width:100%;}
.fiveIndex_data .img img {max-width:100%;}
.fiveIndex_menu p { right:4.4%; top:86%;}
}

@media all and (max-width:760px ) {
.fiveIndex_menu {padding:15rem;}
.fiveIndex_data table {width:100%;}
.fiveIndex_data .img {width:100%; margin-top:20rem; height:300rem; }
.fiveIndex_menu p { right:4.4%; top:86%; font-size:10rem;  }
}

@media all and (max-width:480px ) {
.fiveIndex_menu {padding:10rem;}
.fiveIndex_menu ul{gap: 4px;}
.fiveIndex_menu ul li {width:100%;}
.fiveIndex_menu ul li a{height: 43px; border-width: 1px;}
.fiveIndex_menu ul li a span br{display: none;}
}

/* 인사통계 */
.fiveIndex_menu02 {margin:10rem auto 30rem; padding:20rem; border:1px solid #d8d7d8; border-radius:3rem; background:#f9f8f9; overflow:hidden; text-align:center;}
.fiveIndex_menu02 ul {display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.fiveIndex_menu02 ul li{text-align: center; width: 25%;}
.fiveIndex_menu02 ul li a {display: flex; justify-content: center; align-items: center; background: #fff; font-weight: 500; height: 62px; border-radius: 50px; border: 2px solid #214986; line-height: 1.4;}
.fiveIndex_menu02 ul li:hover a,
.fiveIndex_menu02 ul li.active a{background: #214986; color: #fff;}
/* .fiveIndex_menu02 li {float:left; width:25%; margin:0; padding:0; text-align:center; font-size:0; line-height:0;}
.fiveIndex_menu02 li a {font-size:0; line-height:0;} */

.fiveIndex_data02 {overflow:hidden;}
.fiveIndex_data02 > div {display:none;}
.fiveIndex_data02 > div#data_01 {display:block;}
.fiveIndex_data02 h4 {margin-bottom:10rem;}
.fiveIndex_data02 table {width:100%; margin-top:5rem;}
.fiveIndex_data02 > div > p {margin-top:10rem; line-height:18rem;}
.fiveIndex_data02 .box {overflow:hidden; padding:30rem;}
.fiveIndex_data02 .box .tbl_wrap,
.fiveIndex_data02 .box p {float:right; width:55%; clear:none;}
.fiveIndex_data02 .box .img {float:left; width:40%; text-align:center;}
.fiveIndex_data02 .box .img img {max-width:100%;}
.fiveIndex_text02 {clear:both; padding-top:10rem;}
@media all and (max-width:600px){
    .fiveIndex_menu02 ul{gap: 10px;}
    .fiveIndex_menu02 ul li a{height: 43px;}
}
@media all and (max-width:480px){
    .fiveIndex_menu02 ul{flex-wrap: wrap;}
    .fiveIndex_menu02 ul li{width: 48%;}
  .fiveIndex_data02 .box .img,
  .fiveIndex_data02 .box .tbl_wrap,
  .fiveIndex_data02 .box p {width:100%;}
}

/* 공공데이터개방 배너 */
.gong_banner {overflow:hidden; padding:30rem 0;}
.gong_banner li {float:left; width:50%; text-align:center;}
.gong_banner li img {vertical-align:middle; border:none;}

@media all and (max-width:1023px ) {
.gong_banner li img {width:80%;}
}

#infor_closed .depth_no li {margin-bottom:5rem;}
/*기존 sub05.css 끝*/

/*기존 sub06.css 시작*/
/* 사이트맵 */
#sitemap {}
#sitemap dl {clear:both; margin-bottom:30rem; background:#efefef; border:1px solid #ccc; overflow:hidden;}
#sitemap dt {float:left; width:100%; padding:9rem 0; height:auto; border-bottom:2px solid #2a4483;}
#sitemap dt span {display:block; margin:0 0 0 20rem;}
#sitemap dt span a {color:#2a4483; font-weight:700; font-size:20rem !important;}
#sitemap dt span a img{display:none !important;}
#sitemap dt span a[target="_blank"]  {background:url('/design/common/img/layout/blankB.gif') no-repeat right 8rem; padding-right:20rem;}
#sitemap dd {float:right; width:100%; padding:9rem 0; background:#fff;}
#sitemap dd > ul {margin-left:20rem;}
#sitemap dd > ul > li {margin:0 0 15rem 0;}
#sitemap dd > ul > li > a {/*padding:0 0 0 11rem;*/ font-weight:600; color:#333; /*background:url('/design/ko/img/common/depth01.gif') no-repeat 0 6rem;*/}
#sitemap dd > ul > li > a img {display:none !important;}
#sitemap dd > ul > li > a[target="_blank"]  {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5rem; padding-right:15rem;}
#sitemap dd > ul > li > ul {margin:4rem 20rem 4rem 0; padding:6rem 0 6rem 15rem; border:1px dashed #ddd; background:#f5f5f5; overflow:hidden;}
#sitemap dd > ul > li > ul > li {float:left; width:30.5%; padding:0 0 0 11rem; background:url('/design/ko/img/common/depth02.gif') no-repeat 0 11rem;}
#sitemap dd > ul > li > ul > li > a {color:#333;}
#sitemap dd > ul > li > ul > li > a img {display:none !important;}
#sitemap dd > ul > li > ul > li > a[target="_blank"]  {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5rem; padding-right:15rem;}

/* 이용약관 및 보호정책 > 이용약관 */
#userAgree {}
#userAgree h4 {height:31rem; padding-left:0; font-size:1.25em; /* color:#ef496f;*/ background-image:none;}
#userAgree p {line-height:1.7;}

/* 이용약관 및 보호정책 > 개인정보처리방침 */
#privacy {clear:both; padding-top:10rem;}
#privacy .txt_box01 {margin-bottom:25rem; text-align:justify;}
#privacy .tab_menu {margin-bottom:0rem; overflow:hidden;box-sizing: border-box; position:relative; text-align:center;border-top: 1rem solid #e1e6eb;border-left: 1rem solid #e1e6eb;}
#privacy .tab_menu li {box-sizing:border-box;/*! display: inline-block; */width: 50%;float: left;border-bottom: 1rem solid #e1e6eb;border-right: 1rem solid #e1e6eb;}
#privacy .tab_menu li a {display:block; /*! border:1px solid #2a4483; */ box-sizing:border-box; /*! padding-left:7%; */ /*! background:url('/design/ko2019/img/sub/tab_depth04_off.png') no-repeat 90% center; */ font-size:15rem; letter-spacing:-0.05em;/*! background: #f1f1f1; *//*! border-radius: 20rem; */padding: 10rem 15rem; /*! border-right: 1rem dotted #ddd; */border: 1rem solid #fff;background: #f7f7f7;}
#privacy .tab_menu li.active a,
#privacy .tab_menu li a:hover {color:#fff; font-weight:600; margin-left:10rem;  background: url('/design/ko2019/img/sub/tab_depth04_on.png') no-repeat 87% center !important; padding-right: 50rem; /*! border-radius: 25rem; */background: #fff; color: #2a4483; margin-left:0;border: 1rem solid #2a4483;box-sizing: border-box;color: #2a4483;}
#privacy .pri_con {clear:both; display:none; margin-top:20rem; position: relative;}
#privacy h5 {margin-left:0;}
#privacy p.txt {padding:0 0 0 20rem;}
/*#privacy li {text-align:justify !important;}*/
#privacy dl {margin-top:3rem;}
#privacy dt {font-weight:600;}
#privacy dd {padding:4rem 0 8rem 15rem;}
#privacy th, #privacy td {font-size:1em;}
.lastC td:last-of-type {text-align:center !important; padding-left:0 !important; padding-right:0 !important;}

#privacy .tblWrap {width:100%; overflow:hidden; overflow-x:auto;}
#privacy .tblWrap table {float:left; width:49%; margin-left:2%;}
#privacy .tblWrap table:first-child {margin-left:0;}

#privacy .pri_btn {margin:5rem 0 20rem;}
#privacy .pri_img {margin:40rem 0 20rem; text-align:center;}

#privacy h5 {margin-top:0;}
#privacy .list{padding: 20px 30px; border: 1px solid #ddd;}
#privacy .list > li{ padding: 20px 0 20px 44px; position: relative; font-size: 16px; border-bottom: 1px dashed #ddd;}
#privacy .list > li a{padding: 3px 4px 4px 0; display: block; font-size: 17px; font-weight: 500; margin-left: 30px;}
#privacy .list > li:nth-child(2){ padding: 20px 0 20px 105px;}
#privacy .list > li:nth-child(10){ padding: 20px 0 20px 105px;}
#privacy .list > li:last-child{border-bottom: none;}
#privacy .list > li::before{content: ""; position: absolute; background-image: url('/design/ko2019/img/sub07/gaein01.gif'); width: 60px; height: 61px; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;}
#privacy .list > li:nth-child(2)::after{content: ""; position: absolute; background-image: url('/design/ko2019/img/sub07/gaein02-2.gif'); width: 60px; height: 61px; left: 63px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;}
#privacy .list > li:nth-child(2)::before{background-image: url('/design/ko2019/img/sub07/gaein02.gif');}
#privacy .list > li:nth-child(3)::before{background-image: url('/design/ko2019/img/sub07/gaein03.gif');}
#privacy .list > li:nth-child(4)::before{background-image: url('/design/ko2019/img/sub07/gaein04.gif');}
#privacy .list > li:nth-child(5)::before{background-image: url('/design/ko2019/img/sub07/gaein05.gif');}
#privacy .list > li:nth-child(6)::before{background-image: url('/design/ko2019/img/sub07/gaein06.gif');}
#privacy .list > li:nth-child(7)::before{background-image: url('/design/ko2019/img/sub07/gaein07.gif');}
#privacy .list > li:nth-child(8)::before{background-image: url('/design/ko2019/img/sub07/gaein08.gif');}
#privacy .list > li:nth-child(9)::before{background-image: url('/design/ko2019/img/sub07/gaein09.gif');}
#privacy .list > li:nth-child(10)::before{background-image: url('/design/ko2019/img/sub07/gaein10-1.gif');}
#privacy .list > li:nth-child(10)::after{content: ""; position: absolute; background-image: url('/design/ko2019/img/sub07/gaein10-2.gif'); width: 60px; height: 61px; left: 63px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;}
#privacy .list > li:nth-child(11)::before{background-image: url('/design/ko2019/img/sub07/gaein1112.gif');}
#privacy .list > li:nth-child(12)::before{background-image: url('/design/ko2019/img/sub07/gaein12.gif');}
#privacy .list > li:nth-child(13)::before{background-image: url('/design/ko2019/img/sub07/gaein13.gif');}

/*20231115*/
#privacy td {text-align:center;}
#privacy td a {display:block;}

.img-ico {display: inline-block;width: 60px;height: 60px; margin-left: 5px; padding-top: 9px;}
.img-ico img {display: block; width: 100%; margin-top: 8px;}

@media (max-width:700px) {
#privacy .table_01 {min-width:700px;}

}


/* 라벨링팝업 */
.pr-btn{padding: 10px 20px; background: #153d7c; font-size: 18px; color: #fff;}
.pr-btn:hover{color: #fff;}
.active + .pr-popup{visibility: visible; opacity: 1;}
.pr-popup{visibility: hidden; opacity: 0; text-align: center; position: fixed; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); transition: all 0.3s;}
.pr-popup .wrap{max-width: 800px; width: 80%; max-height: 800px; background: #fff; padding: 20px 0 20px 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: auto;}
.pr-popup .wrap h5{margin: 10px 0; font-size: 26rem;}
.pr-popup .wrap p.tit{font-size: 20px; padding: 10px 0; font-weight: 600; background: #e4edff; margin-bottom: 20px;}
.pr-popup .wrap ul{overflow: hidden; margin-bottom: 30px;}
.pr-popup .wrap ul li{width: 25%; float: left;}
.pr-popup .wrap ul li span{display: block; padding: 10px; font-size: 16px; font-weight: 500;}
.pr_close{position: absolute; top: 10px; right: 10px; background: url('/design/ko2019/img/sub07/pri-close.png') no-repeat; height: 25px; width: 25px; border: none; cursor: pointer;}

@media (max-width:1023px ) {
	#privacy .pri_img img {width:100%;}
}
@media (max-width:800px) {
	.img-ico {display: inline-block;width: 40px; height: 40px; padding-top: 0;}
    .pr-popup .wrap{width: 90%;}
}
@media (max-width:600px) {
    .pr-btn{font-size: 16px;}
    .pr-popup .wrap{max-height: 600px;}
    .pr-popup .wrap ul li{width: 33%;}
    .pr-popup .wrap ul li span{font-size: 14px;}
    .pr-popup .wrap ul li img{width: 60px; height: 60px;}
    .pr-popup .wrap p.tit{font-size: 18px;}
}

/* 뷰어다운로드 */
#viewerDown h5 {margin-top:30rem;}
#viewerDown dl {overflow:hidden; padding:10rem 0 30rem 31rem; border-bottom:1px dashed #b5b5b5;}
#viewerDown dt {float:left; width:170rem; margin-top:5rem; line-height:0;}
#viewerDown dd {float:left;}
#viewerDown ul {}
#viewerDown li {padding:0 0 0 11rem;}
#viewerDown li:first-child {margin-bottom:5rem; background:url('/design/ko/img/common/depth01.gif') no-repeat 0 9rem;}
/*#viewerDown li a {display:inline-block; padding:2rem 12rem 2rem 24rem; background:url('/design/ko/img/sub07/i_down.png') no-repeat 12rem 7rem; color:#ef496f; border:1px solid #b5b5b5; border-radius:4rem; font-weight:bold; font-size:0.75em; letter-spacing:0.01em; text-transform:uppercase;}*/

/* 바로가기 > 관련기관 바로가기 */
#relativeOrgan .txt_box01 {padding:19rem 0 19rem 0;}
#relativeOrgan ul {margin:0 0 0 5%; overflow:hidden;}
#relativeOrgan li {float:left;}
#relativeOrgan li a {display:inline-block; padding-right:15rem; background:url('/design/ko/img/common/i_blank.gif') no-repeat right 7rem;}
#relativeOrgan .list02 li {width:45%;}
#relativeOrgan .list03 li {width:30%;}
#relativeOrgan .list04 li {width:21%;}

/* 바로가기 > 배너모음 & 경주시 배너모음 */

#guideBanner {overflow:hidden;}
#guideBanner li {float:left; width:25%; margin-bottom:25rem; line-height:0;}
#guideBanner li a {display:block; width:147rem; height:39rem; margin:0 auto;}
#guideBanner li img {width:100%; border:1px solid #b5b5b5;}

#bannerAll {overflow:hidden;}
#bannerAll ul {/*padding:15rem 0; border-bottom:1px dashed #999;*/ overflow:hidden;}
#bannerAll li {display:table; float:left; width:28%; height:54rem; margin:10rem 2.5%; /*background-color:rgba(0,0,0,0.3);*/}
#bannerAll li a {display:table-cell; min-height:78rem; padding:0 8rem; text-align:center; vertical-align:middle; font-weight:600; line-height:1.5;}
#bannerAll li img {width:100%; border:1px solid #b5b5b5;}
#bannerAll li:nth-of-type(4n-3) {background:#fbecee;}
#bannerAll li:nth-of-type(4n-3) a {border:1px solid #da445d; color:#c01c2e;}
#bannerAll li:nth-of-type(4n-3):hover {background:#da445d;}

#bannerAll li:nth-of-type(4n-2) {background:#fdf2ea;}
#bannerAll li:nth-of-type(4n-2) a {border:1px solid #f0802e; color:#cc3300;}
#bannerAll li:nth-of-type(4n-2):hover {background:#f0802e;}

#bannerAll li:nth-of-type(4n-1) {background:#edf6ec;}
#bannerAll li:nth-of-type(4n-1) a {border:1px solid #52a644; color:#1a6c12;}
#bannerAll li:nth-of-type(4n-1):hover {background:#52a644;}

#bannerAll li:nth-of-type(4n) {background:#e5f1f8;}
#bannerAll li:nth-of-type(4n) a {border:1px solid #0176b8; color:#00569e;}
#bannerAll li:nth-of-type(4n):hover {background:#0176b8;}

#bannerAll li:hover a {color:#fff; text-decoration:none;}


/*이용안내*/
.con100 {width:100%; border-bottom:1px dashed #ccc;}
.con100 dt { position:relative;  margin-top:30rem; padding:0 0 3rem 20rem; font-weight:600; font-size:1.08em; color:#333; background:url('/design/ko/img/common/h5.gif') no-repeat 0 7rem;}
.con100 dd {margin-bottom:10rem; }
.con100 dd img {width:100%;}

.con50 {width:50%; float:left;}
.con50 dt { width:100%; position:relative; margin-left:0; padding:0 0 3rem 20rem; font-weight:600; font-size:1.08em; color:#333; background:url('/design/ko/img/common/h5.gif') no-repeat 0 7rem;}
.con50 dd {margin-bottom:20rem; width:100%;}
.con50 dd img {width:100%;}

.dd_01 img{width:163rem !important; height:65rem;}

@media ( max-width: 880px ) {

#privacy .tblWrap table {width:100%; margin-left:0;}
#privacy .tblWrap table:first-child {margin-bottom:15rem;}

#guideBanner li {width:33.3%;}

}

@media ( max-width: 479px ) {
#sitemap dd > ul > li > ul > li {width:50%; box-sizing: border-box;}

#viewerDown {width:100%;}
#viewerDown h5 {margin:20rem 0 0 0;}
#viewerDown dl {width:100%; padding-top:5rem; padding-left:0;}
#viewerDown dt {width:100%;}
#viewerDown dd {margin-top:10rem;}


#relativeOrgan .list02 li {width:90%;}
#relativeOrgan .list03 li {width:45%;}
#relativeOrgan .list04 li {width:29%;}


#guideBanner li {width:50%;}

}

@media ( max-width: 360px ) {
    #sitemap dd > ul > li > ul > li {width:100%;}
}

/*개인정보처리방침*//*개편*/
.pri_img {display:none;}
.pri_img.pri_img_new {display:block;}
.privacy {width: 100%; overflow: hidden; background: url('/design/ko2019/img/sub07/privacy_bg.gif') no-repeat center 24rem;}
.privacy ul li {text-align: center; border-radius: 7rem; word-break: keep-all;}
.privacy ul li span {display: block;}
.org01 {margin-bottom: 40rem;}
.org01 li {width: 197rem; padding: 10rem 10rem; background: #0066b3; color:#fff; font-size: 16rem; font-weight: 500; margin: 0 auto;}
.org02, .org03 {width: 50%; float: left; box-sizing:border-box;}
.org02 {padding-right: 24rem;}
.org03 {padding-left: 24rem;}
.org00 .list01 {width: 197rem; padding: 10rem 0; background: #555555; color:#fff; font-weight: 500; margin: 0 auto 20rem;}
.org00 .list02 {padding: 8rem}
.org00 .list02, .org00 .list03 {margin: 0 auto 20rem; margin-bottom: 20rem; width: 197rem; min-height: 60rem; background: #f1f9ff; border: 1rem solid #0066b3; font-size: 14rem; line-height: 20rem; box-sizing:border-box;}
.org00 .list04 ul {overflow: hidden;}
.org00 .list04 ul li {float: left; margin: 0 auto 20rem; margin-bottom: 20rem; width: 197rem; min-height:auto; background: #f1f9ff; border: 1rem solid #0066b3; font-size: 14rem; line-height: 20rem; padding: 8rem;}
.org00 .list04 .text01 {margin-right: 42rem;}
.org02 .list03 {padding: 18rem 8rem;}
.org02 .list04 .text02 {padding: 18rem 8rem;}
.org02 .list05 {width: 197rem; padding: 10rem 10rem; background: #0066b3; color:#fff; font-size: 16rem; font-weight: 500;}
.org03 .list03 {padding: 8rem;}
@media all and (max-width:1400px ) {
	.org00 .list04 .text01 {margin-right: 10rem;}
	.privacy {background: none;}
    .org00 {background: url('/design/ko2019/img/sub07/privacy_bg02.gif') no-repeat center -61rem;}
    .org02, .org03 {float: none; width: 100%; padding: 0;}
    .org00 .list04 ul {width: 449rem; margin: 0 auto;}
    .org02 .list05 {margin: 0 auto 30rem;}
}
@media all and (max-width:980px ) {

}
@media all and (max-width:480px ) {
  .org00 .list04 ul {width: 100%;}
  .org00 .list04 ul li {width: 44%; min-height: 98rem;}
  .org00 .list04 .text01 {margin-right: 12%;}
}
/*기존 sub06.css 끝*/
/*2022레이아웃 변경 이전 소스 끝*/

/*비공개대상정보범위세부기준*/
#infor_closed h4 a.btnM { font-family:'Pretendard', sans-serif; font-size:16rem; font-weight:700; }

/*예산재정*/
form[name="frmMenuSelect"] select,
form[name="frmMenuSelect"] button { height:40rem; border:1px solid #aaa; font-size:16rem; vertical-align:top; padding:0 10rem;}
form[name="frmMenuSelect"] button {font-family:'Pretendard', sans-serif; font-weight:700; cursor:pointer; background:#444; color:#fff; border:0;  }

/*전자민원창구*/
.epeople_mobile { display:none; }
@media all and (max-width:768px){
  .epeople_mobile {display:block;}
  .epeople_pc { display:none; }
}
.gj_video {width:100%;}

/*고향사랑기부제명예의전당*/
.honor .img {margin-bottom:40rem;}
.honor .img img {border-radius:6rem;}
.honor .list {margin:15rem 0;}
.honor .list ul {display:flex; flex-wrap:wrap; margin:0 -10rem;}
.honor .list ul li { width:calc(33.333% - 20rem); margin:10rem; }
.honor .list ul li a { display:block; overflow:hidden; position:relative; border:1px solid #ddd; border-radius:6rem; padding:40rem 20rem 80rem 20rem; background:url('/design/ko2019/img/sub02/honor3.png') no-repeat center/80%; text-align:center;}
.honor .list ul li .name {font-weight:700; font-size:27rem; position:relative; padding-top:41rem; line-height:1.4;}
.honor .list ul li .name:before {content:''; position:absolute; top:0; left:50%; width:47rem; height:30rem; background:url('/design/ko2019/img/sub02/honor2.png') no-repeat 0 0/contain; transform:translateX(-50%);}
.honor .list ul li .money {position:absolute; left:0; bottom:0; width:100%; background:#654924; padding:10rem 0;}
.honor .list ul li .money > * {color:#fff;}
.honor .list ul li p:first-child span {font-size:18px; color:#735328; font-weight:700;}

@media all and (max-width:768px){
  .honor .list ul li {width:calc(50% - 20rem);}
}
@media all and (max-width:599px){
  .honor .list ul {margin:0 -5rem;}
  .honor .list ul li {width:calc(50% - 10rem); margin:5rem;}
  .honor .list ul li a {padding:30rem 15rem 65rem 15rem;}
  .honor .list ul li .name {font-size:25rem; padding-top:25rem;}
  .honor .list ul li .name:before {width:30rem; height:19rem;}
  .honor .list ul li .money  {font-size:16rem; padding:7rem 0;}
}
@media all and (max-width:321px){
  .honor .list ul {margin:0;}
  .honor .list ul li {width:100%; margin:5rem 0;}
}

/*고향사랑기부제 답례품*/
.dona_gift .gift_info {margin-bottom: 20rem;}
.dona_gift .gift_info p {font-weight: 600;margin-bottom: 10rem;}
.dona_gift .gift_info span {margin-right: 20rem;}
.dona_gift .gift_info span::before {content: '\260E'; padding-right: 5rem;}
.dona_gift .gift_list {display: flex;flex-wrap: wrap;align-items: center;padding-top: 20rem; border-top: 1px solid #eee;padding-bottom: 50rem;}
.dona_gift .gift_list img {width: 20%; max-width: 200rem;border-radius: 20rem;border: 1px solid #eee;}
.dona_gift .gift_list .depth02 {width: calc(80% - 20rem);max-width:500rem;margin: 0rem 0 0rem 20rem;}
.dona_gift .gift_list .depth02 li::after {content: ''; display: block; clear: both;}
.dona_gift .gift_list .depth02 li strong{float: right;text-align: right;}

/*마이데이터*/
.mydata {margin-bottom:60rem;}
.mydata .change {display:flex; justify-content:space-between;}
.mydata .change li {width:calc(50% - 10rem);}
.mydata .change li .tit {text-align:center; margin:-15rem 0;}
.mydata .change li .tit > * {padding:15rem 0; }
.mydata .change li .tit > span {display:inline-block; font-size:23rem; font-weight:600; text-transform:capitalize; color:#3a64ff;}
.mydata .change li .tit > p {font-size:21rem; border-top:1px solid #ddd;}
.mydata .change li .txt {background:#f7f7f7; padding:25rem;border-radius:10rem; margin-top:15rem}
.mydata .good {display:flex; flex-wrap:wrap; margin:-10rem;}
.mydata .good li {width:calc(50% - 20rem); margin:10rem; border:1px solid #ddd; border-radius:10rem; padding:25rem; border:1px solid #ddd;}
.mydata .good li > strong {font-size:23rem; display:inline-block; }
.mydata .good li > p {margin:10rem 0 0 2rem ;}
.mydata .link li {display:flex; align-items:center; justify-content:space-between; border:1px dashed #cacaca; border-radius:10rem; padding:10rem 20rem; margin:10rem 0;}
.mydata .link li span {font-weight:600; font-size:18rem;}
.mydata .link li a {flex-shrink:0; flex-grow:0;}
@media all and (max-width:480px){
  .mydata .change {flex-wrap:wrap;}
  .mydata .change li {width:100%;}
  .mydata .change li:last-child {margin-top:20rem;}
  .mydata .good {margin:-10rem 0;}
  .mydata .good li {width:100%; margin:10rem 0;}
}

/*APEC 소개*/
.apec_info_wrap .point_txt { text-align:center; font-size:25rem; color:#0053a7; margin:50rem 0; }
.apec_info_wrap .graph_wrap {display:flex; align-items:center; justify-content:space-between; }
.apec_info_wrap .graph_wrap .tbl_wrap { width:calc(55% - 20rem);}
.apec_info_wrap .graph_wrap > div:not(.tbl_wrap) { width:45%; border:1px solid #ddd; background:#fafafa; padding:20rem; border-radius:10rem; }
.apec_info_wrap .graph_wrap .graph { position:relative; display:flex; justify-content:space-between; max-width:400rem; padding:200rem 0 0; margin:0 auto; }
.apec_info_wrap .graph_wrap .graph::after { content:''; position:absolute; left:50%; top:50%; width:250rem; height:250rem; border:1px dashed #0053a7; border-radius:50%; transform:translate(-50%, -35%); z-index:1; }
.apec_info_wrap .graph_wrap .graph div { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; width:120rem; height:120rem; border-radius:50%; background:#ddf0fd; padding:10rem; z-index:3;}
.apec_info_wrap .graph_wrap .graph .top { position:absolute; left:50%; top:0; transform:translateX(-50%); }
.apec_info_wrap .graph_wrap .graph .center { position:absolute; left:50%; top:50%; transform:translate(-50%, -20%); background:#0053a7; color:#fff; font-weight:600; font-size:19rem; z-index:2; }
.apec_info_wrap .graph_wrap .graph+p {text-align:center; margin-top:10rem; }

.apec_wrap .btn {text-align:center; }
.apec_wrap .btn a {display:inline-flex; align-items:center; background:#3a64ff; height:50rem; border-radius:25rem; font-size:20rem; font-weight:600; color:#fff; padding:0 30rem; letter-spacing:-0.8rem; margin:5rem 2rem;  }
.apec_wrap .btn a:nth-of-type(2) {background:#146d2e;}
/*apec 조직도*/
.apec_org_wrap {display:flex; justify-content: space-between;}
.apec_org {width:calc(80% - 20rem); line-height:1.2; }
.apec_org2 {width:20%;}
.apec_org > * {margin:40rem 0;}
.apec_org_wrap .org1 { background:#00294F; color:#fff; width:calc(33.33% - 20rem); height:50rem; text-align:center; align-content:center; border-radius:25rem; margin:0 auto; }
.apec_org_wrap .org2 {display:flex; justify-content:space-between; }
.apec_org_wrap .org2 li { width:calc((100% - 40rem)/3); background:#004E7F; color:#fff; height:50rem; text-align:center; align-content:center; border-radius:25rem; }
.apec_org_wrap .org3 { background:#5C7D9C; color:#fff; width:calc(33.33% - 20rem); height:50rem; text-align:center; align-content:center; border-radius:25rem;margin:0 auto;  }
.apec_org_wrap .org4 { display:flex; align-items:center; justify-content:space-between; }
.apec_org_wrap .org4 div { background:#96ADCC; color:#174779; height:50rem; width:calc(33.33% - 20rem); text-align:center; align-content:center; border-radius:25rem; }
.apec_org_wrap .org4 ul { width:calc(33.33% - 20rem); background:#EBEEF3; border-radius:10rem; padding:10rem; }
.apec_org_wrap .org4 li { background:#fff; border:1px solid #174779; color:#00294F; height:40rem; text-align:center; align-content:center; border-radius:20rem; margin:5rem 0; }
.apec_org_wrap .org5 {display:flex; justify-content:space-between; align-items:flex-start; }
.apec_org_wrap .org5 > li { width:calc((100% - 60rem)/4); background:#96ADCC; border-radius:10rem;  }
.apec_org_wrap .org5 > li > p { color:#00294F; height:50rem; text-align:center; align-content:center; }
.apec_org_wrap .org5 ul {background:#EBEEF3; border-radius:10rem; padding:10rem; margin:0 10rem 10rem; }
.apec_org_wrap .org5 li li { background:#fff; border:1px solid #174779; color:#00294F; height:40rem; text-align:center; align-content:center; border-radius:20rem; margin:5rem 0; }
.apec_org2 .org3 {width:100%; margin-top:180rem;}
.apec_org_wrap div.org5 { align-items:center; justify-content:center; background:#96ADCC; color:#00294F; height:50rem; text-align:center; align-content:center; border-radius:25rem; margin-top:285rem; }
/*apec 조직도 선*/
.apec_org_wrap .org1,
.apec_org_wrap .org2 li,
.apec_org_wrap .org3,
.apec_org_wrap .org4,
.apec_org_wrap .org5 > li {position:relative;}
.apec_org_wrap .org1::before {content:''; position:absolute; left:50%; bottom:-20rem; width:1px; height:20rem; background:#444; }
.apec_org_wrap .org2 li::before {content:''; position:absolute; left:50%; top:-20rem; width:1px; height:20rem; background:#444; }
.apec_org_wrap .org2 li::after {content:''; position:absolute; left:0; top:-20rem; width:100%; height:1px; background:#444; }
.apec_org_wrap .org2 li:first-of-type::after { left:50%; }
.apec_org_wrap .org2 li:last-of-type::after { left:auto; right:50%; }
.apec_org_wrap .org3::before {content:''; position:absolute; left:50%; top:-40rem; width:1px; height:calc(100% + 80rem); background:#444; z-index:-1; }
.apec_org_wrap .org4::before {content:''; position:absolute; left:50%; bottom:-20rem; width:1px; height:calc(100% + 20rem); background:#444; z-index:-1; }
.apec_org_wrap .org4::after {content:''; position:absolute; left:0; top:50%; width:50%; height:1px; background:#444; z-index:-1; }
.apec_org_wrap .org4 li::before {content:''; position:absolute; left:50%; width:50%; height:1px; border-top:1px dashed #444; margin-top:12rem; z-index:-1; }
.apec_org_wrap .org5 > li::before {content:''; position:absolute; left:50%; top:-20rem; width:1px; height:20rem; background:#444; }
.apec_org_wrap .org5 > li::after {content:''; position:absolute; left:0; top:-20rem; width:calc(100% + 20rem); height:1px; background:#444; }
.apec_org_wrap .org5 > li:first-of-type::after { left:50%; }
.apec_org_wrap .org5 > li:last-of-type::after { left:auto; right:50%; }
.apec_org2 .org3::before { top:-65rem; height:450rem;}
.apec_org2 .org3::after { content:''; position:absolute; top:-65rem; left:-20rem; width:calc(50% + 20rem); height:1px; background:#444; }
/*apec 표*/
.apec_info_wrap .graph2_wrap { display:flex; flex-wrap:wrap; font-weight:600;  justify-content:space-between; text-align:center; }
.apec_info_wrap .graph2_wrap dl {width:calc((100% - 120rem)/4); margin-top:30rem; }
.apec_info_wrap .graph2_wrap dt { font-size:20rem; color:#204C7B;  }
.apec_info_wrap .graph2_wrap dd .img { position:relative; margin:10rem 0; }
.apec_info_wrap .graph2_wrap dd .img div { position:absolute; line-height:1.4; width:100rem; height:100rem; align-content:center; left:50%; top:50%; background:#fff; border-radius:50%; transform:translate(-50%, -50%); font-size:18rem; color:#204C7B; }
.apec_info_wrap .graph2_wrap dd p {font-size:22rem; }
.apec_info_wrap .charact dl { display:flex; flex-wrap:wrap; background:#f5f5f5; border-radius:20rem; overflow:hidden; margin:10rem 0;}
.apec_info_wrap .charact dt { width:30%; flex-shrink:0; background:#004E7F; color:#fff; padding:20rem 30rem 10rem; font-size:18rem;  }
.apec_info_wrap .charact dd { width:70%; padding:10rem 20rem;}
.apec_info_wrap .naming {display:flex; flex-wrap:wrap; justify-content:space-between; }
.apec_info_wrap .naming dl {width:calc((100% - 40rem)/2); border-radius:20rem; box-shadow:0 0 10rem rgba(0,0,0,0.2); text-align:center; }
.apec_info_wrap .naming dl dt {background:#BEE4E5; font-size:19rem; font-weight:600; border:1px solid #8AA4B6; border-radius:20rem; padding:20rem; }
.apec_info_wrap .naming dl dt span {color:#A51C56;}
.apec_info_wrap .naming dl:last-of-type dt { background:#D2D2EE; border:1px solid #8F9DBA; }
.apec_info_wrap .naming dl dd { padding:20rem; }
@media all and (max-width:768px){
    .apec_org_wrap { overflow-y:scroll; }
    .apec_org { flex-shrink:0; width:580px; }
    .apec_org2 {flex-shrink:0; width:150px; margin-left:20rem; }
    .apec_info_wrap .graph_wrap {flex-wrap:wrap; }
    .apec_info_wrap .graph_wrap > div { width:100% !important; }
    .apec_info_wrap .graph2_wrap dl { width:calc((100% - 40rem)/2); }
    .apec_info_wrap .charact dt {width:100%;}
}
@media all and (max-width:480px){
    .apec_info_wrap .naming dl {width:100%; margin-top:20rem; }
}

/*해오름*/
.haeoreum .explane {display:flex; justify-content:space-between; border:1px solid #ddd; border-radius:8rem; padding:30rem;}
.haeoreum .explane .left {display:flex; flex-direction:column; justify-content:center; align-items:center; width:300rem; flex-shrink:0; flex-grow:0;}
.haeoreum .explane .left img {display:block;}
.haeoreum .explane .left span {font-weight:700; font-size:24rem; display:block; margin-top:12rem; font-family:"NanumMyeongjo", "나눔명조", "Nanum Myeongjo", serif; color:#1b3189;}
.haeoreum .explane .right {width:calc(100% - 330rem);}
.haeoreum .explane .right h4 {margin:0;}
.haeoreum .explane .right p {margin:10rem 0 0 3rem; }
.haeoreum .org span {display:block; width:calc(33.333% - 10rem); margin-left:auto; margin-right:auto; border-radius:6rem; padding:10rem; text-align:center;}
.haeoreum .org .col1 {margin:0 -5rem;}
.haeoreum .org div.city {display:flex; justify-content:center;}
.haeoreum .org div.city span {text-align:center; font-weight:500; margin:0 5rem;}
.haeoreum .org div.city span.ph {background:#e9effd; border:1px solid #d6d3ee;}
.haeoreum .org div.city span.us {background:#f4ddd7; border:1px solid #ddc5bf;}
.haeoreum .org div.city span.gj {background:#f4ecd7; border:1px solid #dfd4b7}
.haeoreum .org div.dept {padding:10rem 0 0 0;}
.haeoreum .org div.dept span {background:#e1eae7; border:1px solid #bfd9d0;}
.haeoreum .org div.part {padding:10rem 0;}
.haeoreum .org div.part span {background:#e1e6ea; border:1px solid #c9d2da;}
.haeoreum .org div.team {display:flex; margin-top:16rem;}
.haeoreum .org div.team span {background:#eee; border:1px solid #ddd;}
/*line*/
.haeoreum .org .col1 span {position:relative;}
.haeoreum .org .col1 span:before {content:''; position:absolute; bottom:-14rem; left:50%; width:1rem; height:14rem; background:#808080; z-index:-1;}
.haeoreum .org div.city {position:relative;}
.haeoreum .org div.city:before {content:''; position:absolute; top:50%; left:5rem; width:100%; height:1rem; background:#808080; z-index:-1;}
.haeoreum .org div.city span.ph:before,
.haeoreum .org div.city span.gj:before {display:none;}
.haeoreum .org div.team span:before {bottom:inherit; top:-14rem;}
.haeoreum .org div.part {position:relative;}
.haeoreum .org div.part:before {content:''; position:absolute; bottom:-4rem; left:25%; width:25%; height:1rem; background:#808080; z-index:-1;}
.haeoreum .org div.part:after {content:''; position:absolute; bottom:-4rem; right:25%; width:25%; height:1rem; background:#808080; z-index:-1;}
.haeoreum iframe {height:500rem !important;}
@media all and (max-width:768px){
    .haeoreum .explane {flex-wrap:wrap;}
    .haeoreum .explane .left {width:100%;}
    .haeoreum .explane .right {width:100%; margin-top:20rem;}
    /*line*/
    .haeoreum .org div.city:before {left:0; width:calc(100% - 10rem); left:50%; transform:translateX(-50%);}
}
@media all and (max-width:599px){
    .haeoreum .org .col1 {margin:0;}
    .haeoreum .org span {width:100%; }
    .haeoreum .org div.city {flex-wrap:wrap; margin:-5rem 0;}
    .haeoreum .org div.city span {margin:5rem 0;}
    .haeoreum .org div.dept span {width:calc(50% - 10rem)}
    .haeoreum .org div.part span {width:calc(50% - 10rem)}
    .haeoreum .org div.team {margin-left:-5rem; margin-right:-5rem;}
    .haeoreum .org div.team span {width:calc(50% - 10rem)}
    /*line*/
    .haeoreum .org div.city:before {display:none;}
    .haeoreum .org div.city span.ph:before,
    .haeoreum .org div.city span.us:before {display:none !important;}
    .haeoreum .org div.city span.gj:before {display:block;}
    .haeoreum .org div.part:before {width:calc(50% + 2rem); }
    .haeoreum .org div.part:after {width:calc(50% + 2rem); }
    .haeoreum iframe {height:300rem !important;}
}

/*동영상자막*/
.video_script {border:1px solid #afafaf; padding:15rem; overflow-y:auto; height:200rem;}
.video_script pre {word-break:break-word; width:100%; white-space:break-spaces;}

/*apec관람신청*/
.box2 {overflow:hidden; position:relative; padding:3rem; background:#f4f6f9; border:none; border-radius:15rem}
.box2:before {display:block; position:absolute; left:0; right:0; top:0; z-index:1; content:''; width:auto; height:40rem; background:#cacfd5;}
.box2:after {display:block; visibility: visible; position:absolute; right:0; top:0; z-index:2; content:''; width: 40rem; height:40rem; background:#2a4483; left:auto; bottom:auto;}
.box2 .inner {position:relative; z-index:3; min-height:100rem; background:#fff; border-radius:12rem;}
.box2 .inner dl { padding:30rem;}
.box2 .inner dt {font-size:24rem; font-weight:700; font-family:'Arita-dotum', 'Pretendard', sans-serif; margin-bottom:10rem;}
.box2 .inner dd {margin-left:5rem;}
.box2 .inner dd .depth01 {margin:15rem 0 0 4rem;}
.box2 .inner dd .depth01 > li {margin:4rem 0; }
.box2 .inner dd .depth01 > li:last-child {margin-bottom:0;}
@media all and (max-width:599px){
	.box2 .inner dl {padding:25rem;}
}

.cal > p {display:block; text-align:center; color:#0076e4; font-size:28rem; font-weight:600; margin:30rem 0;}
.cal > p span {display:block; text-align:center; font-weight:400; color:#464646; font-size:14rem;}
.cal table {table-layout:fixed; width:100%;}
.cal thead tr th {width:calc(100% / 7); text-align:center; border-top:1px solid #037ae0; border-bottom:1px solid #ddd; padding:10rem;}
.cal tbody tr td {position:relative; width:calc(100% / 7); border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem; padding-top:35rem; vertical-align:top; color:#888; height:150rem;}
.cal tbody tr td:nth-child(7n+1) {border-left:0;}
.cal tbody tr td .date {position:absolute; left:0; top:0; width:35rem; height:35rem; line-height:35rem; color:#676767; text-align:center;}
.cal tbody tr td .date+div>a {display:block; font-size:13rem; background:#f6f6f6; padding:10rem; margin:6rem 0; border-radius:6rem; line-height:1.5; font-weight:600;}
.cal tbody tr td .date+div>a>span {font-weight:500; color:#037ae0;}
@media all and (max-width:1280px){

	.cal thead tr th {display:none;}
	.cal tbody tr:first-child td:nth-child(-n+6) {display:none;}
	.cal tbody tr:last-child td:nth-child(n+2):nth-child(-n+7) {display:none;}

    .cal tbody tr td {display:flex; flex-direction:column; position:relative; width:100%; height:auto; min-height:50rem; /*margin-top:-1px;*/ padding:10rem 20rem 10rem 80rem; border-bottom:1px solid #ddd; border-left:0;}
    .cal tbody tr td .date {top:5rem;}
	.cal tbody tr td .date+div {display:flex; flex-wrap:wrap; margin:-3rem;}
	.cal tbody tr td .date+div>a {margin:3rem; width:calc(33.333% - 6rem); text-align:center;}

	.cal tbody tr td::before {position:absolute; left:35rem; top:10rem; font-weight:500;}
	.cal tbody tr td:nth-child(1):before{content:"(일)"; color:#ff1313;}
    .cal tbody tr td:nth-child(2):before{content:"(월)"; color:#333; }
    .cal tbody tr td:nth-child(3):before{content:"(화)"; color:#333;}
    .cal tbody tr td:nth-child(4):before{content:"(수)"; color:#333;}
    .cal tbody tr td:nth-child(5):before{content:"(목)"; color:#333;}
    .cal tbody tr td:nth-child(6):before{content:"(금)"; color:#333;}
    .cal tbody tr td:nth-child(7):before{content:"(토)"; color:#037ae0;}

}
@media all and (max-width:599px){
		.cal tbody tr td .date+div>a {width:calc(50% - 6rem);}
}
@media all and (max-width:360px){
	.cal tbody tr td .date+div>a {width:100%; text-align:left;}
}

.agree {background:#f6f6f6; padding:30rem;}
.agree .text {}
.agree .text .pri_con {}
.agree .text .pri_con p {margin-top:0 !important;}
.agree .check {border-top:1px dashed #f6f6f6; display:flex; align-items:center; justify-content:flex-end; border-radius:6rem; margin-top:20rem; padding-top:20rem;}
.agree .check label {margin-left:10rem;}

.reserWrite .info {border-bottom:1px solid #ddd; text-align:right; display:block; padding-bottom:20rem; margin-top:40rem;}
.reserWrite dl {display:flex; align-items:center; border-bottom:1px solid #ddd; padding:20rem; min-height:87rem;}
.reserWrite dl dt {width:150rem;  font-weight:600;}
.reserWrite dl dd {width:calc(100% - 150rem); display:flex; align-items:center;}
.reserWrite dl dd input[type="text"] {width:calc(100% - 20rem); margin:3rem 10rem; height:40px; padding:0 9rem; border:1px solid #939393; border-radius:3rem; font-size:16px !important;}
.reserWrite dl:nth-of-type(3) dd {margin-left:17rem;}
.reserWrite dl:nth-of-type(4) dd {margin-left:17rem;}
@media all and (max-width:599px){
	.reserWrite dl {flex-wrap:wrap; min-height:87rem; padding-left:10rem; padding-right:10rem;}
	.reserWrite dl dt {width:100%;}
	.reserWrite dl dd {width:100%; margin-top:10rem;}
	.reserWrite dl dd input[type="text"] {width:calc(100% - 6rem); margin:3rem;}
	.reserWrite dl:nth-of-type(3) dd {margin-left:0;}
	.reserWrite dl:nth-of-type(4) dd {margin-left:0;}
}

.boardBtn {display:flex; align-items:center; justify-content:center; margin:40rem 0;}
.boardBtn a {display:flex; align-items:center; justify-content:center; background:#345df5; padding:8rem 20rem; margin:3rem; color:#fff; border-radius:3rem; font-size:16rem;}
.boardBtn a:last-child {background:#555555;}

.reserCheck li {font-family:'Arita-dotum', 'Pretendard', sans-serif; font-size:24rem; font-weight:700; line-height:1.5;}
.reserCheck .search { display:flex; border:1px solid #ddd; padding:30rem; border-radius:6rem; margin:15rem 0 30rem;}
.reserCheck .search input[type="text"] {width: calc(100% - 6rem); margin:3rem; height:40px; padding:0 7rem; border:1px solid #939393; border-radius:3rem; font-size:16px !important;}
.reserCheck .search a {margin:3rem; padding:0 20rem; height:40rem; display:flex; align-items:center; justify-content:center; background:#345df5; color:#fff; border-radius:3rem; font-size: 16px !important;}

.reserCheckList a {border:1px solid #d74646; color:#d74646; background:#fff; font-size:14rem; padding:6rem 7rem;}

.reserCheckList .board_list_v01 table th,
.reserCheckList .board_list_v01 table td {padding:10rem !important; font-size:15rem !important;}

@media all and (max-width:599px){
	.reserCheck .search { flex-wrap:wrap; padding:20rem;}
        .reserCheckList .board_list_v01 {overflow-x: auto;}
    .reserCheckList .board_list_v01 table {width:600rem;}
}

.apec_result {margin-top:20rem;}
.apec_result .img img {display:block; margin:0 auto;}
.apec_result .tit {text-align:center; font-size:30rem; font-family:'Arita-dotum', 'Pretendard', sans-serif; font-weight:600; line-height:1.4; margin:40rem 0 20rem;}
.apec_result .txt {text-align:center; font-family:'Arita-dotum', 'Pretendard', sans-serif; transform:rotate(0.04deg); font-size:18rem; border-bottom:1px solid #ddd; padding-bottom:40rem; margin-bottom:45rem;}
.apec_result .txt:last-of-type {border-bottom:0;}
.apec_result .main > div {border:1px solid #ddd; padding:30rem; margin-bottom:14rem; border-radius:10rem;}
.apec_result .main > div h5 {margin-top:0;}
.apec_result .main > div h5 ~ p {font-weight:600; font-size:18rem;}
@media all and (max-width:599px){
	.apec_result .tit {font-size:26rem;}
	.apec_result .ma {}
  }
