@charset "utf-8";
@import url('/Main/design_new/common/css/GmarketSans.css');

.blue {color:#004098 !important;}
.skyblue {color:#0487eb !important;}
/*.cont_body * {line-height:1.6}*/

/*공통 콘텐츠 */
.allCont {overflow:hidden;}
.allCont .halfCont {display:block; width:48%;float:left;}
.allCont .halfCont:nth-of-type(2) {margin-left:4%; padding-left:4%; border-left:1px solid rgba(221,221,221,.3)}
.cont_body h4 {position:relative; font-size:26px; margin:60px 0 20px; font-weight:500; letter-spacing:-0.05em; padding-top:20px;}
.cont_body h4::before,
.cont_body h4::after {content:''; display:block; width:11px; height:11px; position:absolute; top:0; left:0; background:#b9005d; border-radius:50%;}
.cont_body h4::before {left:15px; background:#01a1b1;}
.cont_body h4:first-child,
.cont_body div h4:first-child {margin-top:0 !important;}
.cont_body h4.type2 {padding-top:0 !important; font-size:30px; color:#004098;}
.cont_body h4.type2:before, .cont_body h4.type2:after {display:none;}
.cont_body h5 {font-size:22px; margin:20px 0 0; font-weight:600; letter-spacing:-0.01em; padding-top:20px; color:#333}
.cont_body h4 + h5 {margin-top:0;}
.cont_body h5:first-child,
.cont_body div h5:first-child {margin-top:0; padding-top:0;}
.cont_body h6 {font-size:19px; margin-bottom:5px;}
.cont_body img {max-width:100%;}
.cont_body img.shadow {box-shadow:5px 5px 20px rgba(0,0,0,0.2);}
.cont_body strong {font-weight:600;}
@media all and (max-width:1720px){
  .cont_body h4, .cont_body h4.type2 {font-size:24px; margin-bottom:10px; padding-top:15px;}
  .cont_body h5 {font-size:20px; margin-bottom:10px;}
}
@media all and (max-width:1023px){
  .cont_body h4 {font-size:20px;}
  .cont_body h4::before, .cont_body h4::after {/*display:none;*/}
  .cont_body h5 {font-size:18px;}
}

@media all and (max-width:768px){
	.allCont .halfCont {width:100%;}
	.allCont .halfCont:nth-of-type(2) {border:none; padding-left:0; margin-left:0;}
	.allCont .halfCont:nth-of-type(2) h4,
	.cont_body h4 {margin-top:30px;}
	.cont_body h4.type2 {margin-top:0;}
	.cont_body h5 {font-size:18px;}
}

.rightCont > div {overflow:hidden; position:relative; padding:50px 0; border-bottom:2px solid #e1e1e1;}
.rightCont > div:last-of-type {border-bottom:0;}
.rightCont > div > h4 {float:left; width:22%;}
.rightCont > div > .img {float:left; width:20%; text-align:center;}
.rightCont > div > .right {float:right; width:76%; margin-top:3px;} /*.rightCont > div > .right {float:right; width:75%; margin-top:3px;}*/
.rightCont > div > ul {margin-top:18px !important;}
.rightCont > div.top p {margin:7px 0 20px;}
.rightCont > div > .right > table {margin-top:27px;}
.rightCont > div > .right > p > img {margin-top:20px;}
.allDiv {border-top:2px solid #e1e1e1; padding:50px 0;}
.brd_b2px {border-bottom:2px solid #e1e1e1; padding:50px 0;}
@media all and (max-width:1365px) {
    .rightCont.hanok > div > h4 {float:none; width:100%;}
    .rightCont.hanok > div > .right {float:none; width:100%;}
}
@media all and (max-width:1023px){
    .rightCont > div {padding:30px 0;}
    .rightCont > div > h4 {float:none; width:100%;}
	  .rightCont > div > .img {float:none; width:100%; margin-bottom:20px; border:1px solid #ddd; padding:30px;}
    .rightCont > div > .right {float:none; width:100%; margin-top:0;}
    .rightCont > div > ul {margin-top:inherit !important;}
    .rightCont > div.top p {margin-top:0;}
    .rightCont > div > .table_wrap {margin-top:0;}
	  .allDiv {padding:30px 0;}
}


/*cont ver02*/
.contBox { position: relative; padding: 0 0 50px 22%; overflow:hidden; margin-bottom:50px;}
.contBox::before {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#e1e1e1}
.contBox h4{ position: absolute !important; top:5px; left: 0; width: 22%; padding-top: 20px !important; padding-right:2%;/*margin:0 !important*/}
.contBox h4 + * {margin-top:20px !important;}
.contBox > h5:first-child {margin-top:0 !important}
/*.contBox:first-child {margin-top:35px;}*/
.contBox:last-child {margin-bottom:0;}
.contBox:last-child::before {display:none !important;}
.contBox > div {margin-top:20px;}
@media all and (max-width:1023px){
	.contBox {padding:20px 0; margin-bottom:0px;}
	.contBox:first-child {padding-top:0;}
	.contBox:first-child {margin-top:0;}
	.contBox h4 {position:relative !important; width:100%; /*padding-top:0 !important; top:0;*/ margin-bottom:5px; padding-bottom:10px;}
	.contBox h4 + * {margin-top:0px !important;}
}

/* 뎁스 */
.cont_body ul li {line-height:1.6;}
.cont_body .ul_dep01 {margin:10px 0 10px 2px;}
.cont_body .ul_dep02 {margin:5px 0 10px 0;}
.cont_body .ul_dep03 {margin:5px 0 5px 0;}
.cont_body .ul_dep04 {margin:0;}
.cont_body .ul_dep01 .txt_blank {color:#115ac8; text-decoration:underline; padding-right:2px;}
.cont_body .ul_dep01 .txt_blank span {background:url('/Main/Images/new/ko/contents/blank_btn_b.png') no-repeat 98% center; padding-right:20px;}
.cont_body .ul_dep01 > li {position:relative; padding:7px 0 5px 18px; background:url('/Main/Images/new/ko/contents/ul_dep01.gif') no-repeat left 14px; font-size:18px;}
.cont_body .ul_dep02 > li {position:relative; padding:0px 0px 3px 14px;}
.cont_body .ul_dep02 > li:before {content:''; position:absolute; top:12px; left:0; width:4px; height:4px; background:#4b4b4b}
.cont_body .ul_dep02 > li em {color:#000; font-weight:600; text-decoration:underline;}
.cont_body .ul_dep03 > li {position:relative; padding:0 0 0 14px; font-size:16px;}
.cont_body .ul_dep03 > li:before {content:''; position:absolute; top:13px; left:0; width:6px; height:2px; background:#999;}
.cont_body .ul_dep04 > li {position:relative; padding:0 0 0 14px; font-size:15px;}
.cont_body .ul_dep04 > li:before {content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background:#999;}
.cont_body .ul_dep01 > li.li_none {background:none;}
.cont_body .ul_dep02 > li.li_none::before {background:none; height:0;}
.cont_body .ul_dep01 > li:last-child, .ul_dep02 > li:last-child, .ul_dep03 > li:last-child {padding-bottom:0;}
.cont_body .bullet_num {margin-left:0;}
.cont_body .bullet_num > li {background:none; padding-left:44px;}
.cont_body .bullet_num > li > span {display:block; position:absolute; left:0; top:10px; width:25px; height:25px; margin-right:7px; background:#103e93; color:#fff; font-size:16px; font-weight:600; line-height:25px; text-align:center;}
.cont_body .bullet_num > li span.text {position:static; background:none; color:#103e93; text-align:left; width:auto; margin-right:0; font-size:18px;}
.cont_body .bullet_num2 > li {background:none; padding-left:60px;}
.cont_body .bullet_num2 > li span {display:block; position:absolute; left:0; top:4px; width:50px; height:auto; margin-right:7px; border:2px solid #ddd; border-radius:100px; font-size:14px; font-weight:600; line-height:30px; text-align:center;}
.cont_body .noBl > li {background:none;}
@media all and (max-width:1023px){
    .cont_body .ul_dep01 > li {font-size:16px;}
    .cont_body .ul_dep02 > li {font-size:15px;}
	.cont_body .bullet_num > li {padding-left:30px;}
    .cont_body .bullet_num > li > span {top:9px; width:20px; height:20px; line-height:20px; font-size:15px;}
}

.depth1, .depth2, .depth3, .depth_num {margin:5px 0 5px 0; /*overflow:hidden;*/}
.depth1 > li {position:relative; padding:3px 0 3px 20px; color:#222;}
.depth1 > li::before {content:""; display:block; position:absolute; top:10px; left:0; width:5px; height:5px; background:#fff; border:3px solid #888da6; border-radius:50%;}
.depth1 > li > span {font-weight:600; color:#161270;}
.depth2 > li {position:relative; padding:2px 0 2px 15px; color:#222;}
.depth2 > li::before {content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background:#373737;}
.depth3 > li {position:relative; padding:2px 0 2px 15px; font-size:15px; color:#666;}
.depth3 > li::before {content:''; position:absolute; left:0; top:15px; width:5px; height:2px; background:#333;}

/*버튼*/
.btn_area {margin:10px 0 !important;}
.btn_area.floatr {margin:10px 0 30px !important;}
a.btn_blue {display:inline-block; margin:2px; padding:7px 20px; background:#004098; border:2px solid #004098; color:#fff; font-size:17px; border-radius:30px; font-weight:600; transition:all .3s;}
a.btn_gray {display:inline-block; margin:2px; padding:7px 20px; background:#525659; border:2px solid #525659; color:#fff; font-size:17px; border-radius:30px; font-weight:600; transition:all .3s;}
a.btn_blue:hover {background:#fff; color:#004098; border:2px solid #004098;}
a.btn_gray:hover {background:#fff; color:#525659; border:2px solid #525659;}
a.btn_blue.blank span {background:url('/Main/Images/new/ko/contents/blank_btn_w.png') no-repeat right center; padding-right:25px;}
a.btn_blue.blank:hover span {background:url('/Main/Images/new/ko/contents/blank_btn_b.png') no-repeat right center;}
a.btn_blue.down span {background:url('/Main/Images/new/ko/contents/down_btn_w.png') no-repeat right center; padding-right:25px;}
a.btn_blue.down:hover span {background:url('/Main/Images/new/ko/contents/down_btn_b.png') no-repeat right center;}
a.btn_blue.sound span {background:url('/Main/Images/new/ko/contents/sound_btn_w.png') no-repeat right center; padding-right:25px;}
a.btn_blue.sound:hover span {background:url('/Main/Images/new/ko/contents/sound_btn_b.png') no-repeat right center;}
a.btn_small {padding:0px 10px !important; font-size:15px;}

.tel_btn {display:inline-block; background:url('/Main/Images/new/ko/contents/ico_tel.gif') no-repeat 15px center; background-size:35px; background-color:#fff; padding:15px 20px 15px 60px; border:1px solid #004098; border-radius:30px;}
.caution {background:url('/Main/Images/new/ko/contents/caution.png') no-repeat left 4px; padding-left:30px;}
.check {color:#004098; font-weight:600;}
@media all and (max-width:768px){
	.caution {font-size:15px;}
}

.text_blank,
a.text_link,
a.list_link {background:url('/Main/Images/new/ko/contents/blank_btn_b.png') no-repeat right 5px; padding-right:20px; color:#004089; text-decoration:underline;}
a.text_blank:hover, a.text_link:hover, a.list_link:hover {color:#004089; text-decoration:underline;}
@media all and (max-width:1023px){
    a.btn_blue, a.btn_gray {font-size:14px; padding:7px 17px;}
	.tel_btn {font-size:14px; background-size:25px; padding-left:45px;}
}
@media all and (max-width:360px){
	.tel_btn {background-image:none; padding-left:20px;}
}

/* 테이블 */
.table_wrap {overflow-x:auto; margin-top:15px;}
.table_style {border-collapse:separate; border-top:2px solid #4b4b4b; margin-left:-1px; width:100%; }
.table_style thead th {background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:600; border:none;}
.table_style tbody th {background:#fafafa; font-weight:600;}
.table_style th {font-size:17px;}
.table_style tbody td, .table_style tfoot td {background:#fff;}
.table_style tbody th, .table_style tbody td, .table_style tfoot th, .table_style tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:12px 1%; word-break:break-all; border:none;}
.table_style tr td dl {margin-bottom:5px; padding-bottom:10px;}
.table_style tr td dt {margin:7px 0; color:#004098; font-weight:600;}
.table_style tr td dd {padding-left:25px; line-height:1.5}
.table_wrap .bg_yellow {font-weight:600; color:#000 !important; background:#fffcec;}
.table_style img {width:auto; /*width:100%*/}
.scroll_txt {display:none;}
@media all and (max-width:768px){
	.scroll_tb {position:relative;}
	.table_style.scroll {width:768px; position:relative;}
	.no_scroll .scroll_txt {display:none;}
	.table_style th,
	.table_style td {font-size:15px; -webkit-white-space:pre;}
	.scroll_txt {display:block; font-size:14px; background:url('/Main/Images/new/ko/contents/scroll_txt.png') no-repeat 5px center; padding-left:30px;}
	.scroll_txt ~ .table_wrap {margin-top:10px;}
}

.table_wrap2 {overflow-x:auto; margin-top:15px;}
.table_organ {border-collapse:separate; border-top:2px solid #4b4b4b; margin-left:-1px; width:100%; }
.table_organ thead th {background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:600; border:none;}
.table_organ th {font-size:17px;}
.table_organ tbody td, .table_organ tfoot td {background:#fff;}
.table_organ tbody th, .table_organ tbody td, .table_organ tfoot th, .table_organ tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:12px 1%; word-break:break-all; border:none;}
@media all and (max-width:768px){
	.scroll_tb {position:relative;}
	.table_organ.scroll {width:768px; position:relative;}
	.table_organ th,
	.table_organ td {font-size:15px; -webkit-white-space:pre;}
}


/* 박스 */
.box_line {padding:25px; border:1px solid #ddd;}
.box_line .warning {font-weight:600;}
.box {margin:0 0 30px; padding:25px; background:#f6f6f6; overflow:hidden; border-radius:10px;}
.box4 {padding:25px; background:#f6f6f6; overflow:hidden; border-radius:10px;}
.box p {margin-bottom:15px;}
.box p:last-of-type {margin-bottom:0;}
.box2 {margin-top:20px; padding:25px; background:#f9f8ce;}
.box2 p {font-weight:600; color:#004098;}
.box3 {background:#fff; border:1px solid #ddd;}
.imgbox {margin:20px 0; padding:1%; border:1px solid rgba(221,221,221,0.7); border-radius:6px;}
.imgbox.bodN {border:0;}
.imgbox img {display:block; margin:0 auto;}
.imgbox.img02 {font-size:0; text-align:center;} /*어디서나민원처리제 참고*/
.imgbox.img02 img {max-width:50%; display:inline-block; padding:0 1%;}
.box .img {float:left; width:20%; margin-right:5%;} /*무인민원발급 참고*/
.box .img img {width:100%;}
.box ul.info {float:left; width:65%;}
@media all and (max-width:1023px){
	.box {font-size:16px; margin:0 0 10px;}
	.box4 {font-size:16px;}
	.imgbox {padding:2%;}
	.imgbox.img02 img {display:block; max-width:100%;}
}
@media all and (max-width:768px){
	.box_line {padding:15px;}
	.box_line .warning {margin-bottom:10px;}
	.box {padding:20px 2%;}
	.box4 {padding:20px 2%;}
	.box .img {width:100%; text-align:center;}
	.box .img img {width:30%;}
	.box ul.info {width:100%; margin-top:20px !important;}
}
@media all and (max-width:480px){
	.box .img img {width:70%;}
}

/* 상단박스02 */
.top_box {position:relative;text-align:left; box-sizing:border-box; margin-bottom:30px; }
.top_box::before {position:absolute; content:''; top:0; left:5%; width:180px; height:180px; border-radius:50%; background-color:#fff; background-position:center; border:1px solid #ddd; z-index:10; background-repeat:no-repeat;}
.top_box .tit {position:relative; padding:15px 3% 20px 22%; font-size:26px; font-weight:500; letter-spacing:-0.07em;}
/*.top_box .tit::before {position: absolute; top:0; content: ''; width:40px; height:5px; border-radius:3px; background:rgba(1,161,177,1) ;}*/
.top_box .txt {position:relative; padding:20px 3% 20px 22%; min-height:140px;}
.top_box .txt::before{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(1,161,177,.09); z-index:-1;}
.page_tab ~ .cont_body .top_box {margin-top:20px}
@media all and (max-width:1400px){
  .top_box::before {width:150px; height:150px; background-size:50%;}
  .top_box .tit  {font-size:24px;}
}
@media all and (max-width:1023px){
  .top_box  {margin-bottom:20px;}
  .page_tab ~ .cont_body .top_box {margin-top:0px}
  .page_tab ~ .cont_body .top_box p {border-top:none;}
  .top_box::before {display:none;}
  .top_box .tit {font-size:20px; padding:20px 0; border-top:1px solid #ddd;}
  .top_box .txt {padding:10px 2%; min-height:auto;}
}
@media all and (max-width:640px){
  /*.top_box .tit {font-size:18px; padding-top:0;}*/
}

/*STEP 박스*/
.step_box {overflow:hidden; margin-top:20px; margin-left:-3.5%;}
.step_box li {float:left; background:url('/Main/Images/new/ko/contents/ico_arrow.gif') no-repeat left center; text-align:center; padding-left:3.5%; margin-left:2%;}
.step_box li:first-child {background:none; margin-left:0;}
.step_box.step3 li {width:31%;}
.step_box.step4 li {width:22%;}
.step_box.step5 li {width:17%;}
.step_box.step6 li {width:26%;}
.step_box.step6 li:nth-child(4),
.step_box.step6 li:nth-child(5),
.step_box.step6 li:nth-child(6) {margin-top:20px;}
.step_box.step3 dl, .step_box.step4 dl, .step_box.step5 dl, .step_box.step6 dl {overflow:hidden;}
.step_box.step3 dt, .step_box.step4 dt, .step_box.step5 dt, .step_box.step6 dt {padding:10px; color:#fff; font-weight:bold; border-bottom:1px solid #283b64; background:#283b64; border-radius:7px 7px 0 0;}
.step_box.step3 dd, .step_box.step4 dd, .step_box.step5 dd, .step_box.step6 dd {box-sizing:border-box; height:80px; display:flex; align-items: center;
 justify-content:center; border:1px solid #ccc; border-radius:0 0 7px 7px;}
@media all and (max-width:768px){
	.step_box li {width:30% !important; padding-left:5% !important;}
	.step_box li:nth-child(4),
	.step_box li:nth-child(5),
	.step_box li:nth-child(6) {margin-top:20px !important;}
	.step_box dt,
	.step_box dd {font-size:14px; padding:7px 2%;}
}
@media all and (max-width:480px){
	.step_box li {width:100% !important; padding-left:0 !important; margin-left:0 !important; margin-top:10px; padding-top:25px; background:url('/Main/Images/new/ko/contents/ico_arrow_m.gif') no-repeat center 0; }
	.step_box li:nth-child(4),
	.step_box li:nth-child(5),
	.step_box li:nth-child(6) {margin-top:10px !important;}
}


/*규정 등의 형태 : 적극행정제도소개(소통참여)*/
.paragraph_list dl {margin:20px 0 0 0; border:1px solid #ddd;}
.paragraph_list dt {padding:8px 15px 6px 42px; border-bottom:1px dashed #ddd; background:url('/Main/Images/new/ko/contents/ico_memo.gif') no-repeat 20px 15px #f7f9fa; color:#1160a4; font-weight:600;}
.paragraph_list dd {padding:8px 20px; color:#7d7d7d; overflow:hidden;}
.paragraph_list dd ul {overflow:hidden;}
.paragraph_list dd li {margin:10px 0; padding-left:13px; background:url('/Main/Images/ko/sub/blt02.gif') no-repeat left 10px;}
.paragraph_list dd li dl {margin:0; border:none; overflow:hidden;}
.paragraph_list dd li dt {display:block; float:left; width:10%; padding:0; color:#000; font-weight:normal; border:none; background:none;}
.paragraph_list dd li dt span {float:right;}
.paragraph_list dd li dd {float:right; width:88%; padding:0; font-size:16px; color:#7d7d7d;}
@media all and (max-width:1023px){
	.paragraph_list dd li dt,
	.paragraph_list dd li dd {width:auto;}
}


/*이북 : 도청이전백서 (경북소개), 2021년 주요업무계획(행정정보)*/
.ebook {overflow:hidden;}
.ebook li {float:left; padding:30px; text-align:center; box-sizing:border-box; border:1px solid #ccc; box-shadow:8px 8px 0 #f6f6f6; margin-bottom:10px;}
.ebook li:first-child {margin-left:0 !important;}
.ebook li > p {display:inline-block; width:145px; margin:0 auto; padding:5px; box-sizing:border-box; border:1px solid #ddd;}
.ebook li > p img {width:100%;}
.ebook li > span {display:block; margin:30px 0 20px 0; font-weight:600; font-size:20px; /*width:90%;*/ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ebook .li1,
.ebook .li2 {text-align:center;}
.ebook .li1 li {width:31.8%; margin-left:2%; float:none; display:inline-block;}
.ebook .li2 li {width:31.8%; margin-left:2%; float:none; display:inline-block;}
.ebook .li3 li {width:31.8%; margin-left:2%; margin-bottom:30px;}
.ebook .li3 li:nth-child(3n+1) {margin-left:0;}
.ebook .li4 li {width:23.3%; margin-left:2%; margin-bottom:30px;}
.ebook .li4 li:nth-child(4n+1) {margin-left:0;}
@media all and (max-width:1023px){
	.ebook .li1 li {width:99.5%; margin-left:0;}
	.ebook .li4 li {width:47.5%; margin-left:4%;}
	.ebook .li4 li:nth-child(2n+1) {margin-left:0;}
	.ebook .li4 li:nth-child(3),
	.ebook .li4 li:nth-child(4) {margin-top:20px;}
}
@media all and (max-width:800px){
	.ebook .li2 li {width:99.5%; margin-left:0;}
	.ebook .li3 li {width:99.5%; margin-left:0;}
}
@media all and (max-width:599px){
	.ebook li {float:none !important; width:98.5% !important; margin-left:0 !important;}
}

.ebook_new {overflow:hidden;}
.ebook_new li {float:left; width:22%; margin:0 0 40px 4%; padding:40px; text-align:center; border:1px solid #ddd; box-shadow: -1px 8px 20px rgba(0,0,0,0.1);}
.ebook_new li:nth-child(4n+1) {clear:both; margin-left:0;}
.ebook_new li span {display:block;}
.ebook_new li .title {font-weight:600; font-size:19px;}
.ebook_new li .img {margin:10px 0 15px 0;}
.ebook_new.farm li .img {border:1px solid #ddd;}
.ebook_new li .img img {max-width:100%;}
.ebook_new li .link a {position:relative; display:inline-block; padding:0 15px;}
.ebook_new li .link a:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#555;}
.ebook_new li .link a:first-child::before {display:none;}
@media all and (max-width:1400px){
	.ebook_new li {padding:30px;}
	.ebook_new li .title {font-size:18px;}
	.ebook_new li a {letter-spacing:-1px;}
}
@media all and (max-width:1280px){
	.ebook_new li {width:22.75%; margin-left:3%;}
	.ebook_new li a {padding:0 10px; font-size:16px;}
}
@media all and (max-width:1023px){
	.ebook_new li {width:31.3333%; margin-bottom:30px;}
	.ebook_new li:nth-child(4n+1) {clear:none; margin-left:3%;}
	.ebook_new li:nth-child(3n+1) {clear:both; margin-left:0;}
}
@media all and (max-width:768px){
	.ebook_new li {width:48.5%; margin-bottom:20px;}
	.ebook_new li:nth-child(3n+1) {clear:none; margin-left:3%;}
	.ebook_new li:nth-child(2n+1) {clear:both; margin-left:0;}
	.ebook_new li .title {font-size:17px;}
}
@media all and (max-width:480px){
	.ebook_new li a {padding:0 5px; font-size:15px;}
}


/*공통_연혁*/
.history {overflow:hidden; margin-bottom:60px;}
.history dl {overflow:hidden;}
/*.history dl {width:48%; overflow:hidden;}
.history dl:nth-of-type(odd) {float:left;}
.history dl:nth-of-type(even) {float:right;}*/
.history dl dt {float:left; width:15%; padding-top:6px; font-size:30px; font-weight:600; font-family:'verdana'; color:#004098; box-sizing:border-box;}
.history dl dd {float:left; width:75%; margin-top:12px; padding-left:29px; border-left:1px solid #004098; box-sizing:border-box;}
.history dl dd li {position:relative; padding-left:135px; margin:20px 0;}
.history dl dd li:first-of-type {margin-top:0;}
.history dl dd li:before {content:''; position:absolute; top:8px; left:-33px; width:7px; height:7px; background:#004098; border-radius:50%;}
.history dl dd li span {position:absolute; font-weight:600; left:15px;}
.history dl dd li p {margin:5px 0 0 3px;}
@media all and (max-width:1720px) {
	.history dl dt {float:none; width:100%;}
	.history dl dd {float:none; width:100%; margin-left:20px; padding-right:20px;}
}
@media all and (max-width:768px) {
	.history {margin-bottom:0;}
	.history dl {width:100%;}
	.history dl:nth-of-type(odd) {float:none;}
	.history dl:nth-of-type(even) {float:none;}
  .history dl dd li {padding-left:120px;}
}

/*공통_Qna : 어디서나민원처리제(전자민원), 적극행정 국민추천(소통참여)*/
.qna {overflow:hidden;}
.qna > li {border:1px solid #004098; margin-bottom:20px;}
.qna .tit {background:#004098; color:#fff; padding:15px; font-weight:600;}
.qna dl {padding:20px;}
.qna dt {font-weight:600; color:#004098; margin-bottom:10px;}
.qna2 {overflow:hidden;}
.qna2 > li {border:1px solid #004098; margin-bottom:30px; width:49%; float:left; margin-left:2%;}
.qna2 > li:nth-child(2n+1) {margin-left:0;}
.qna2 .tit {background:#004098; color:#fff; padding:10px; font-weight:600;}
.qna2 dt {font-weight:600; color:#004098;}
.qna2 dd {padding:10px;}
.qna2.wp100 > li {border:1px solid #004098; margin-bottom:30px; width:100%; float:left; margin-left:0;}
.over {margin-top:25px; font-weight:600;}
.over strong {display:inline-block; background:#004098; color:#fff; padding:15px 30px; margin-right:15px; border-radius:60px;}
@media all and (max-width:1023px) {
	.qna .tit {padding:10px;}
	.qna dl {padding:10px;}
	.qna2 > li {width:100%; margin-left:0;}
}
@media all and (max-width:640px){
	.qna dt,
	.qna dd,
	.qna2 dt,
	.qna2 dd{font-size:15px;}
}

/*행정서비스헌장(행정정보)*/
.charter {overflow:hidden;}
.charter li {float:left; width:30%; margin:10px 0 10px 5%; padding-left:22px; background:url('/Main/Images/new/ko/contents/view_btn_b.png') no-repeat left 6px; box-sizing:border-box;}
.charter li:nth-child(3n+1) {margin-left:0; clear:both;}
.charter li a:hover {color:#004098; text-decoration:underline;}


/*홈페이지 링크형 : 공공데이터개방(전자민원),유관기관민원신청(전자민원),법령관련사이트(행정정보)*/
.paragraph_section {overflow:hidden;}
.paragraph_section li {overflow:hidden; float:left; width:48%; padding:30px 0; border-bottom:1px dashed #d7d7d7;}
.paragraph_section.wp100 li {width:100%;}
.paragraph_section li:nth-child(even) {float:right;}
.paragraph_section p {float:left; margin-right:30px; padding:80px; text-align:center; border:1px solid #d4d4d4; background:#f7f9fa;}
.paragraph_section dl {overflow:hidden;}
.paragraph_section dt {position:relative; margin-bottom:20px;}
.paragraph_section dt .title {display:block; font-weight:600; font-size:22px;}
.paragraph_section dt .site {display:block; color:#666; font-size:14px; font-weight:normal; margin:3px}
.paragraph_section dt .btn_blue {position:absolute; right:0; top:0;}
.paragraph_section.wd100 li {width:100%;}
.paragraph_section.wd100 dt .title {margin-top:20px;}
@media all and (max-width:1465px) {
  .paragraph_section li {float:none; width:100%;}
  .paragraph_section li:nth-child(even) {float:none;}
}
@media all and (max-width:1023px) {
  .paragraph_section p {padding:10px 30px;}
}
@media all and (max-width:768px) {
	.paragraph_section li {padding:20px 0;}
  .paragraph_section {text-align:center;}
  .paragraph_section p {display:inline-block; float:none; margin:0; width:100%;}
  .paragraph_section dl {text-align:left; margin-top:10px;}
  .paragraph_section dd {font-size:14px;}
}
@media all and (max-width:480px) {
	.paragraph_section dt .title {font-size:18px}
}
/* 오늘의 일정 */
.cal_head .nav_month {position:relative; text-align:center;}
.cal_head .nav_month .tit_month {font-size:40px; font-weight:900;}
.cal_head .nav_month .month_prev,
.cal_head .nav_month .month_next {position:absolute; top:19px; width:49px; height:49px; background:url('/Main/Images/new/ko/contents/calendar01.gif') no-repeat; text-indent:-9999px;}
.cal_head .nav_month .month_prev {left:0;}
.cal_head .nav_month .month_next {right:0; background-position:-49px 0;}
.cal_head .tit_head {font-size:16px; margin-bottom:25px; text-align:center;}
.cal_area .table_cal {width:100%; margin-bottom:40px;}
.cal_area .table_cal thead th {width:14.28%; background:#004098; color:#fff; font-weight:600; font-size:16px;}
.cal_area .table_cal tbody td {width:14.28%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.cal_area .table_cal thead th {padding:10px 5px; text-align:center;}
.cal_area .table_cal tbody td {position:relative; padding:5px 10px; height:60px; vertical-align:top; font-weight:600; font-size:16px;}
.cal_area .table_cal tbody td p.num {position:absolute; bottom:0; right:0; background:#004098; padding:0px 7px; color:#fff; font-size:14px; font-weight:600;}
.cal_area .table_cal tbody tr td:first-of-type {/*background:#fff7f7; */ color:#d00000; border-left:0;}
.cal_area .table_cal tbody tr td:last-of-type {/*background:#f7f8ff;*/ color:#3f65c2; border-right:0;}
.table_schedule tr:hover td {background:#edf5ff; color:#004098; font-weight:600;}
.table_schedule tr:hover td a {color:#004098}
.schedule_view .img {display:table; width:100%; table-layout:fixed; background:url('/Main/Images/new/ko/contents/box_pattern.png'); padding:10px; min-height:328px;}
.schedule_view .img p {display:table-cell; vertical-align:middle; background:#fff; min-height:328px;}
.schedule_view .img img {display:block; margin:0 auto}
.poster_info p {margin-bottom:20px; font-size:22px; font-weight:600;}
.poster_info .ul_dep02 li > span {display:inline-block; width:80px; font-weight:600; color:#333;}

.cal_wrap {overflow:hidden; width:100%; padding:50px 6%; border:1px solid #ddd; border-radius:10px;}
.cal_head {width:30%; clear:left;}
.cal_area {width:30%; float:left;}
.lst_area {width:62%; float:right; margin-top:-90px;}
.lst_area .lst {min-height:355px; background:#F5f5f5; padding:40px 5%;}
.lst_area .lst li {position:relative; padding:0px 0px 10px 20px;}
.lst_area .lst li::before {content:''; position:absolute; top:12px; left:0; width:4px; height:4px; background:#4b4b4b}

.table_schedule {border-top:2px solid #4b4b4b; margin-left:-1px; width:100%; }
.table_schedule thead th {background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4 !important; border-bottom:1px solid #c4c4c4 !important; text-align:center; font-weight:600; border:none;}
.table_schedule tbody th {background:#fafafa; font-weight:600;}
.table_schedule th {font-size:17px;}
.table_schedule tbody td, .table_schedule tfoot td {background:#fff; border-right:none;}
.table_schedule tbody th, .table_schedule tbody td, .table_schedule tfoot th, .table_schedule tfoot td { border-left:1px solid #d4d4d4 !important; border-bottom:1px solid #d4d4d4 !important; text-align:center; padding:12px 1.5%; word-break:break-all; border:none;}
.table_schedule tr td dl {margin-bottom:5px; padding-bottom:10px;}
.table_schedule tr td dt {margin:7px 0; color:#004098; font-weight:600;}
.table_schedule tr td dd {padding-left:25px; line-height:1.5}
@media all and (max-width:1023px){
	.cal_wrap {padding:20px 2%; border:none;}
	.cal_head {width:40%;}
	.cal_area {width:40%;}
	.lst_area {width:52%;}
}
@media all and (max-width:768px){
	.cal_head,
	.cal_area,
	.lst_area {width:100%;}
}

/*여론조사*/
#container > .layout {padding:0; max-width:100%;}

/*월간일정_view*/
.poster_wrap {border-bottom:1px dashed #ddd; padding-bottom:30px; overflow:hidden;}
.poster_wrap .poster { width:35%; margin-right:5%; float:left; border:1px solid #ddd; background:#eee; padding:6px;}
.poster_wrap .poster .img_wrap { width:100%; line-height:0; background:#fff url('/Main/Images/skin/common/no_img.png') no-repeat center; min-height:200px;}
.poster_wrap .poster img { width:100%; line-height:0;}

.poster_wrap .poster_info {float:left; width:55%;}
.poster_wrap .poster_info p { /*text-indent:55px;*/ font-size:20px; font-weight:600; color:#222; margin:10px 0; border-bottom:2px solid #555; padding-bottom:20px; }
.poster_wrap .poster_info p.title_dae { text-indent:65px; }
/*.poster_info .title_gi {background: url('/Main/Images/skin/common/gigi.png') no-repeat left 2px; padding-left:45px; font-size:20px; font-weight:600; color:#222; margin:10px 0; border-bottom:2px solid #555; padding-bottom:20px; }
.poster_info .title_dae {background: url('/Main/Images/skin/common/dae.png') no-repeat left 2px; padding-left:45px; font-size:20px; font-weight:600; color:#222; margin:10px 0; border-bottom:2px solid #555; padding-bottom:20px; }*/

.poster_info .title_so {background: url('/Main/Images/skin/common/title01.gif') no-repeat left 2px;}
.poster_info .title_dae {background: url('/Main/Images/skin/common/title02.gif') no-repeat left 2px;}
.poster_info .title_jun {background: url('/Main/Images/skin/common/title03.gif') no-repeat left 2px;}
.poster_info .title_gi {background: url('/Main/Images/skin/common/title04.gif') no-repeat left 2px;}
.poster_info .title_no { text-indent:0 !important; }
.poster_info .list_black {margin-top:20px; margin-left:0 !important;}
.poster_info .list_black li > span {display:inline-block; width:80px; font-weight:600; color:#333;}
.poster_info .buy_ticket {background:none; padding:20px 0 0; margin:20px 0 0; text-align:center; border-top:1px solid #eee;}
.poster_info .buy_ticket a {background:#3f3738; border-radius:5px; display:inline-block; padding:0 30px;}
.poster_info .buy_ticket a span {background:url('/Main/Images/skin/common/buy_icon.png') no-repeat left 12px; line-height:30px; display:inline-block; /*background-size:32px;*/ padding:7px 0 7px 47px; font-size:17px; color:#fff; font-weight:700;}
.info_wrap {margin-left:0 !important; overflow:hidden; white-space:pre-line; background:#f4f4f4; padding:20px 2%;}
.info_wrap .margin60 {margin-top:-60px;}
.info_wrap img { max-width:890px;}


@media (max-width:1023px){
.info_wrap img { width:100%; }
.poster_wrap .poster { width:100%; text-align:center; margin-bottom:20px;}
.poster_wrap .poster_info {width:100%;}	 
.poster_info .list_black li > span { width: 100px;}

}

.table_date {text-align:center; margin-bottom:20px; font-weight:600; font-size:26px;}
@media (max-width:1023px){
	.table_date {text-align:left; font-size:20px;}
}
@media (max-width:640px){
	.table_date {margin-left:10px; margin-bottom:10px;}
}


.required {display:inline-block; position:relative; width:15px; text-indent:-99999px;}
.required::before {content:''; position:absolute; left:0; top:7px; width:10px; height:10px; background:url('/Main/Images/new/ko/contents/ico_required.png') no-repeat;}

.magazine {margin:10px 0 30px 0; border-top:2px solid #4b4b4b;}
.magazine .top_tit {text-align:center; font-weight:600; border-bottom:1px solid #ddd; padding:20px 10px; color:#b9005d;}
.magazine dl {display:flex; justify-content:space-between; border-bottom:1px solid #ddd;}
.magazine dt {width:25%; background:#fafafa; font-weight:600; display:flex; justify-content:center; align-items:center;}
.magazine dt, .magazine dd {padding:12px 10px;}
.magazine dd {width:75%; padding-left:20px;}
.magazine dd input[type="text"] {display:inline-block; width:200px; height:35px; line-height:35px; padding:0 15px; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:6px; font-size:16px;}
.magazine dd span {margin-right:20px;}
.magazine dd .zipcode {width:100px !important;}
.btn_zipcode {display:inline-block; height:35px; line-height:34px; margin-bottom:4px; padding:0 15px; box-sizing:border-box; font-size:15px; color:#fff; background:#323232; border-radius:4px; font-weight:600;}
.btn_zipcode:hover, .btn_zipcode:visited, .btn_zipcode:active, .btn_zipcode:focus {color:#fff;}
.magazine dd .age {width:70px !important;}
.magazine dd .address1 {width:40% !important; margin-top:10px;}
.magazine dd .address2 {width:55% !important; margin:10px 0 0 5px;}
@media (max-width:950px){
	.magazine dd .address1, .magazine dd .address2 {display:block; width:100% !important; margin:5px 0 0 0;}
}
@media (max-width:560px){
	.agree_checkbox {font-size:15px;}
	.required::before {top:4px;}
	.magazine dl {display:block;}
	.magazine dt, .magazine dd {width:100%; padding:10px;}
	.magazine dt {justify-content:left; padding:14px 10px; font-size:17px; border-bottom:1px dashed #ddd;}
}
.step_lawyer {display:flex; flex-flow: row wrap; justify-content:initial;}
.step_lawyer > li {position:relative; width:21.25%; margin-top:15px; border:1px solid #ccc; border-radius:7px;}
.step_lawyer > li.arrow {width:5%; background:url('/Main/Images/new/ko/contents/ico_arrow.gif') no-repeat center; border:none}
.step_lawyer .arrow span {position:absolute !important; top:-99999px; left:-99999px; line-height:0;}
.step_lawyer dl {overflow:hidden;}
.step_lawyer dt {padding:10px; color:#fff; font-weight:bold; border-bottom:1px solid #283b64; background:#283b64; border-radius:7px 7px 0 0; text-align:center;}
.step_lawyer dd {padding:10px 10px 10px 20px;}
.step_lawyer dd > ul {overflow:hidden; margin-bottom:55px !important;}
.step_lawyer p {display:block; position:absolute; bottom:0; width:100%; padding:10px; text-align:center; font-weight:600; border-top:1px dashed #ccc;}
@media all and (max-width:768px){
	.step_lawyer > li {width:40%;}
	.step_lawyer > li.arrow {width:10%;}
}
@media all and (max-width:480px){
	.step_lawyer {display:block;}
	.step_lawyer > li, .step_lawyer > li.arrow {width:100%;}
	.step_lawyer > li.arrow {height:20px; transform: rotate(90deg);}
}


.fusioncharts > div {width:100%; height:500px !important; padding:30px; border:1px solid #ddd; margin-top:30px;}
.fusioncharts > div:first-child {margin-top:0;}

.gb_map {display:flex; align-items:center; padding:30px; background:#fbfbfb;}
.gb_map ul {margin-left:50px;}
.gb_map li {position:relative; padding:10px 0 0 100px; margin:20px 0; min-height:80px;}
.gb_map li::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:80px; height:80px; background-color:#fff; background-repeat:no-repeat; border-radius:50%; background-position:center;}
.gb_map li:nth-child(1)::before {background-image:url('/Main/Images/new/ko/contents/gb_map_01.png');}
.gb_map li:nth-child(2)::before {background-image:url('/Main/Images/new/ko/contents/gb_map_02.png');}
.gb_map li:nth-child(3)::before {background-image:url('/Main/Images/new/ko/contents/gb_map_03.png');}
.gb_map li .tit {display:block; font-weight:600;}
@media all and (max-width:1023px){
	.gb_map {display:block; text-align:center; font-size:16px;}
	.gb_map p {margin-bottom:20px;}
	.gb_map ul {display:inline-block; margin:0 auto; text-align:left;}
	.gb_map li::before {width:70px; height:70px; background-size: cover;}
}
@media all and (max-width:768px){
	.gb_map {font-size:15px;}
}


.daummap.root_daum_roughmap .cont {display:none;}