@charset "utf-8";

/*공통*/
.cont_body h4 {position:relative; font-size:26px; margin:60px 0 20px; font-weight:500; letter-spacing:-0.05em; padding-top:20px; text-align:left;}
.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:#004098; text-align:left;}
.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:20px; 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;}
.allCont {padding:50px 0;}
@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:18px; 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;}
}

.rightCont > div {overflow:hidden; position:relative; padding:50px 0; border-bottom:2px solid #e1e1e1;}
.rightCont > div:first-of-type {padding-top:0;}
.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_body ul li {line-height:1.6; text-align:left;}
.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 > li {position:relative; padding:7px 0 5px 18px; background:url('/Main/Images/new/ko/contents/ul_dep01.gif') no-repeat left 14px; font-weight:400; 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:6px; width:30px; height:30px; margin-right:7px; background:#103e93; color:#fff; font-size:16px; font-weight:600; line-height:30px; 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 span {top:4px;}
}

/*탭1단계*/
.page_tab {width:1500px; margin:0 auto; overflow:hidden; margin-bottom:50px; padding:30px; background:#f6f6f6;}
.page_tab ul li {display:inline-block;}
.page_tab ul li a {display:block; padding:8px 20px; border-radius:40px; font-size:17px; color:#898989; font-weight:500;}
.page_tab ul li a.on {background:rgb(187,23,105); color:#fff; }
@media all and (max-width:1500px){
	.page_tab {width:100%;}
}
@media all and (max-width:1023px){
	.page_tab {margin:0; background:none; padding:0 2%; margin-top:15px;}
	.page_tab ul li {float:left; width:49%; margin-top:10px; margin-left:2%;}
	.page_tab ul li:nth-child(1),
	.page_tab ul li:nth-child(2) {margin-top:0;}
	.page_tab ul li:nth-child(2n+1) {margin-left:0;}
	.page_tab ul li a  {padding:5px 20px; border-radius:20px; font-size:16px; border:1px solid #ddd;}
	.page_tab ul li a.on { border:1px solid rgb(187,23,105);}
}
@media all and (max-width:650px){
	.page_tab ul li {float:left; width:100%; margin-left:0;}
	.page_tab ul li:nth-child(2) {margin-top:10px;}
}

/*버튼*/
.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_blue:hover {background:#fff; color:#004098; border:2px solid #004098}
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_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; text-align:left; font-size:16px; line-height:1.5;}
.check {color:#004098; font-weight:600;}

.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;}
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 {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:none !important; border-top:2px solid #4b4b4b !important; margin-left:-1px; width:100%; padding:0 !important; }
.table_style 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;}
.table_style tbody th {background:#fafafa; font-weight:600;}
.table_style th {font-size:17px; border:none !important;}
.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:none !important; border-left:1px solid #d4d4d4 !important; border-bottom:1px solid #d4d4d4 !important; text-align:center; padding:12px 1.5%; /*word-break:break-all;*/ word-break:normal;}
.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;}
	.table_style th,
	.table_style td {font-size:14px;}
	.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;}
}

/* 박스 */
.box {margin:0 0 30px; padding:25px !important; background:#f6f6f6; overflow:hidden; border-radius:10px; text-align:left;}
.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;}
.box3.pad50 {padding:50px;}
.imgbox {margin:20px 0; padding:40px 2%; 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;}
  .imgbox {padding:20px 2%;}
	.imgbox.img02 img {display:block; max-width:100%;}
}
@media all and (max-width:768px){
	.box .img {width:100%; text-align:center;}
	.box .img img {width:30%;}
	.box ul.info {width:100%; margin-top:20px !important;}
	.box3.pad50 {padding:30px;}
}
@media all and (max-width:480px){
	.box .img img {width:70%;}
	.box3.pad50 {padding:20px;}
}

.bbsBtn {overflow:visible !important;}

.board_festival {border-bottom:1px solid #d6d6d6;}
.board_festival dt {position:static !important; width:100% !important; text-align:left !important; padding:10px; background:#fafafb; border-top:1px solid #d6d6d6;  border-bottom:1px solid #d6d6d6;}