:focus-visible {
    outline: 3px solid #00178A;
    outline-offset: 3px;
}

@media (max-width: 899px){
	/* 모바일 */
	
}

@media (min-width: 900px) and (max-width: 1199px) {
    /* 테블릿 */ 
	
}

@media (min-width: 1200px) {
    /* 데스크탑 일반 */ 	
	
}
.HD .HD_inner:before {
	top: 70px;
}
.HD_inner .gnb_wrap .gnb_inner {
  padding-top: 20px;
}

.HD_inner .gnb_wrap .gnb_inner .hd_logo {
  margin: 0;
}

.HD .HD_inner .gnb_wrap .gnb_inner .hd_L {
  position: absolute;
  left: 5px;
  top: 23px;
}
.HD .HD_inner .gnb_wrap .gnb_inner .hd_R {
    top: 26px;
}
.HD .gnb_open .hover_bg {
    top: 140px;
}

.HD_inner .btn_search_open {
  position: fixed;
  top: 2.4rem;
  right: 6.5rem;
  z-index: 102;
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.HD_inner .btn_search_open .search_icon {
  display: block;
  width: 22px;
  height: 22px;
  position: relative;
  padding-top: 0.7rem;
	  background-image: url("../images/common/search.png");
	  background-repeat: no-repeat;
	  text-indent: -99999px;
	  background-size: 22px 22px;
	  background-position: center;
}

.search_wrap .search_div input {
	position: relative;
	height: 50px;
	border: 0;
	line-height: 50px;
	background: #EFEFEF;
	color: #000;
	font-size: 1.5rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
	letter-spacing: normal;
	font-weight: 300;
	width: 100%;
}
.search_wrap .search_div input::-webkit-input-placeholder {  color: #000;}
.search_wrap .search_div input:-ms-input-placeholder {  color: #000;}
.search_wrap .search_div button {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 60px;
  height: 50px;
  background-image: url("../images/common/search.png");
  background-repeat: no-repeat;
  text-indent: -99999px;
  background-size: 24px 24px;
  background-position: center;
}
    
/* 상단위치 정리하기 */
@media (min-width: 900px) {
	.HD {height: 140px;}
	.HD .HD_inner:after {
		content: '';
		width: 100%;
		height: 1px;
		background-color: #DCDCDC;
		position: absolute;
		left: 0;
		top: 140px;
	}
	.HD .HD_inner .gnb_wrap .gnb_inner .hd_logo {margin: 0 auto;}
	.HD .HD_inner .gnb_wrap .gnb_inner .gnb {position: relative;top: 20px;left: 0;width: 100%;}
	.HD .HD_inner .gnb_wrap .gnb_inner .gnb .gnb_menu > li > a {	  
		height: 70px;
		line-height: 70px;
	}
	.HD .gnb_open .hover_bg {height: 200px;} 
	
	.contents_wrap .sub_section {
		padding: 50px 0;
	}
	
	.HD_inner .btn_search_open {
	  display: none;
	}
	.search_wrap {
		display: block;
		position: absolute;
		width: 35%;
		margin-right:10px;
		top: 0;
		right: 0;
		z-index: 1;
	}
	.search_wrap .btn_search_close {display: none;}/* 2022.10 탭에 잡혀서 안보이게 설정 */
	.search_wrap .search_div {position: relative;}
}
/* 상단위치 정리하기 */
@media (max-width: 899px){
	/* 모바일 */
	.HD .HD_inner .gnb_wrap .gnb_inner .gnb {
		position: relative;
		left: 0;
	}
	/* 브라우저 체크 영역 */	
	.con_wrap .top_info {
    	display: none;
	}
	.contents_wrap .sub_section {
		padding: 20px 0;
	}
	
	.search_wrap {
		display: none;
		position: absolute;
		width: 100%;
		top: -10px;
		left: 0;
		background-color: #00178A;
		padding: 20px;
	}
	
	.search_wrap .search_div {position: relative;width: 85%;}
	.btn_search_close {
	  position: absolute;
	  right: 20px;
	  top: 20px;
		width: 50px;
		height: 50px;
	  background-image: url("../images/mobile/close.png");
	  background-repeat: no-repeat;
	  background-position: center;
		
    background-color: #F8F8F8;
    border-radius: 5px;
	}
	.btn_search_close:hover {background-color: #cbcbcb;}
}


.contents_wrap {
  letter-spacing: -0.34px;
  text-align: left;
  padding: 0;
  z-index: auto;	
  transition-duration: 0.5s;
}
.contents_wrap .bg1 {background-image: url("../images/img/img-header-5.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}
.contents_wrap .bg2 {background-image: url("../images/img/img-header-6.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}
.contents_wrap .bg3 {background-image: url("../images/img/img-header-3.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}
.contents_wrap .bg4 {background-image: url("../images/img/img-header-4.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}

.contents_ttl {
  color: #ffffff;
  text-align: left;
  line-height: 1.2;
}

/* Sub _Title*/
.sub_top {width: 100%;text-align: center;position: relative;}
.sub_top:after {position: absolute;top: 0;left: 0;content: '';width: 100%;height: 56px;background-color: #F8F8F8;border-bottom: 1px solid #D6D6D6;}
.sub_top ul {margin: 0;padding: 0;}
.sub_top ul,
.sub_top li {list-style: none;}
.sub_top .snb {width: 100%;max-width: 1100px;opacity: 0.95;position: relative;z-index: 1;}
.sub_top .snb ul,
.sub_top .snb li {list-style: none;}
.sub_top .snb:after {content: "";height: 0;line-height: 0;clear: both;display: block;*zoom: 1;}
.sub_top .snb a,
.sub_top .snb button {border: 0;margin: 0;padding: 0;background: transparent;text-decoration: none;}
.sub_top .snb .home {border-right: 1px solid #D6D6D6;position: absolute;left: 0;top: 0;}
.sub_top .snb .home a {width: 100%;height: 100%;display: block;color: #ffffff;text-align: center;}
.sub_top .snb .home a span {font-size: 0;line-height: 0;overflow: hidden;text-indent: -999;}
.sub_top .snb ul.breadcrumbs {float: left;  width: 100%;  position: relative;}
.sub_top .snb ul.breadcrumbs li.breadcrumb {  float: left;  border-right: 1px solid #D6D6D6;  min-width: 30%; position: relative;}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn {
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 1.6rem;
  padding: 0 0 0 2rem;
  position: relative;
  text-align: left;
  cursor: pointer;
  color: #000000;
  font-weight: 400;
}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn i {
  position: absolute;
  width: 20px;
  height: 10px;
  right: 15px;
  top: 25px;
  background-image: url("../images/common/updown_arw.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn.active i {  background-position: 0 -10px !important;}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 55px;
  background-color: #D6D6D6;
  z-index: 1000;
  opacity: 0;
  transition: all 0.2s;
  display:none;
	border: 1px solid #D6D6D6;
}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list.opened {
  opacity: 1;
  height: auto;
  overflow: auto;
  display:block;
}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li {  width: 100%;  text-align: left;}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li a {  line-height: 40px;  font-size: 1.6rem;  color: #000000;
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 0 2.5rem;
}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li a:hover {  color: #ffffff;  background-color: #00178A;}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li a:focus-visible { 
	outline: none;
	border: 3px dotted #ff0000 !important
}
.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li.active a {  color: #ffffff;  background-color: #00178A;}

.etc_top {width: 100%;position: relative;background-color: #F8F8F8;border-top: 1px solid #D6D6D6;height: 50px;}
.etc_top ul {  margin: 0;  padding: 0;}
.etc_top ul,.etc_top li {  list-style: none;}
.etc_top .etc {  width: 100%;  max-width: 1100px;  opacity: 0.95;  position: relative;  z-index: 1;margin: 0 auto;padding: 0 0 0 10px;  }
.etc_top .etc .home {width: 30px;height: 50px;border: none;
	  background-image: url("../images/sub/home_m.png");
	  background-repeat: no-repeat;
	  background-position: center;
}
  .etc_top .etc ul.etc_page {position: absolute;top: 0;left: 45px;}
  .etc_top .etc ul.etc_page li {
    float: left;
    margin-right: 8px;
    padding-right: 15px;
    background-image: url("../images/sub/nav.png");
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 50px;
    color: #000000;
    font-size: 1.5rem;
    font-weight: 400;
  }
  .etc_top .etc ul.etc_page li:last-child {
    background-image: none;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
@media (min-width: 900px) {
  .contents_ttl {
    width: 100%;
    font-size: 3.6rem;
    font-weight: 600;
  }
  .snb {
    margin: 0 auto;
    padding: 0 250px 0 56px;
  }
  .snb .home {
    width: 56px;
    height: 56px;
	  background-image: url("../images/sub/home_p.png");
	  background-repeat: no-repeat;
	  background-position: center;
    background-color: #00178A;
  }
  .snb .home a {
    font-size: 2rem;
    line-height: 56px;
  }
  .snb ul.breadcrumbs li.breadcrumb {
    height: 56px;
  }
  .snb ul.breadcrumbs_m {
    display: none;
  }
}
@media (max-width: 899px) {
  .contents_ttl {
    font-size: 2.8rem;
    z-index: 101;
    font-weight: 600;
	  padding-left: 10px;
  }
  .sub_top:after {
    height: 40px !important;
  }
  .sub_top .snb {
    margin: 0 auto 0 auto;
    padding: 0 0 0 40px;
    height: 50px;
  background-color: #F8F8F8;
	border-bottom: 1px solid #D6D6D6;
  }
  .sub_top .snb .home {
    width: 50px;
    height: 50px;
    border: none;
	  background-image: url("../images/sub/home_m.png");
	  background-repeat: no-repeat;
	  background-position: center;
  }
  .sub_top .snb .home a {
    font-size: 1.7rem;
    line-height: 50px;
    color: #00178A !important;
  }
  .sub_top .snb ul.breadcrumbs {
    display: none;
  }
  .sub_top .snb ul.breadcrumbs_m {
    float: left;
    width: 100%;
  }
  .sub_top .snb ul.breadcrumbs_m li {
    float: left;
    margin-right: 8px;
    padding-right: 15px;
    background-image: url("../images/sub/nav.png");
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 50px;
    color: #000000;
    font-size: 1.5rem;
    font-weight: 400;
  }
  .sub_top .snb ul.breadcrumbs_m li:last-child {
    background-image: none;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
}
.M_tit_nline  {margin:10px 0;}
.contents_wrap .tit_nline_B {position: relative;font-size: 2.5rem;color:#171717;padding:20px 0 10px; margin:35px 0 0 0;}
.contents_wrap .tit_nline_S {position: relative;font-size: 1.6rem;color:#171717;padding:10px 0;font-weight: 600;}
.contents_wrap .tit_wline_S {position: relative;font-size: 2.5rem;color:#171717;padding:20px 0;}
.contents_wrap .tit_wline_S:after {position: absolute;bottom: 0;left: 0;content: '';width: 50px;height: 2px;background-color: #BBBBBB;}
.contents_wrap .tit_wline_L {position: relative;font-size: 2.5rem;color:#171717;padding:10px 0;}
.contents_wrap .tit_wline_L:after {position: absolute;bottom: 0;left: 0;content: '';width: 100%;height: 2px;background-color: #BBBBBB;}
.contents_wrap .tit_wline_L a.more_btn {  text-decoration: none;font-size: 1.8rem;margin: 5px;position: absolute;right: 0;color: #000;}

.contents_wrap ul.icon {position: relative;line-height: 2rem;font-size: 1.6rem;color:#6E6E6E;}
.contents_wrap ul.icon li {position: relative;padding-left:15px;margin: 10px 0;}
.contents_wrap ul.icon li:before {
    position: absolute;
	top: 7px;	left: 0;content: '';
	width: 6px;height: 6px;background-color: #00178A;
	border-radius: 6px;
}
.contents_wrap ul.icon2 {position: relative;line-height: 1.5rem;font-size: 1.5rem;color:#6472ae;margin: 15px 0 20px;}
.contents_wrap ul.icon2 li {position: relative;padding-left:15px;margin: 10px 0;}
.contents_wrap ul.icon2 li:before {
    position: absolute;
	top: 6px;	left: 0;content: '';
	width: 6px;height: 2px;background-color: #00178A;
	border-radius: 0;
}
.contents_wrap .tit_box {position: absolute;top:0;display:block;}
.contents_wrap .txt_box {position: relative;line-height: 2.8rem;font-size: 1.6rem;margin:20px 0;}
.contents_wrap .txt_box p {margin-bottom:10px;}
.contents_wrap .img_box {position: relative;line-height: 2.8rem;padding:50px 20px;margin-bottom:20px;font-size: 1.8rem;}
.contents_wrap .line_box {position: relative;line-height: 2.8rem;border:1px solid #BBBBBB;padding:20px;margin-bottom:20px;font-size: 1.6rem;}
.contents_wrap .tip {display:block;position: relative;font-size: 1.4rem;color:#000;padding: 5px 15px 5px 30px;
    background-image: url("../images/sub/tip.png");background-repeat: no-repeat;background-position: left 5px;}
.contents_wrap ul.nicon {position: relative;line-height: 2rem;padding:20px;}

.contents_wrap .img_box:before {position: absolute;content: '';width:1px;height:80px;left:50%;top:-40px;background-color: #BBBBBB;}
.contents_wrap .sub1 {background-image: url("../images/sub/sub1_bg1.png");background-repeat: no-repeat;background-size: cover;background-position: center;}

.contents_wrap .line_box_m {position: relative;display:block;line-height: 2.8rem;padding:20px;font-size: 1.6rem;
float: left;margin-left:1%;margin-right:1%;}
.contents_wrap .line_box_m .tit {font-size: 1.9rem;font-weight: 600;color:#00178A;margin-bottom:15px;display:block;}

@media (max-width: 899px){
	/* 모바일 */
	.contents_wrap .line_box_m {width:48%;height:240px;border:1px solid #DCDCDC;margin-bottom:20px;}
	
}
@media (min-width: 900px){
	.contents_wrap .line_box_m {width:23%;height:300px;border:1px solid #DCDCDC;}
}
/* 탭 관련 쿼리 dev.js 하단에 있음*/
.contents_wrap .tabs {position: relative;display: block;padding:100px 0;}
.contents_wrap .tab_button_outer {position: relative;margin:20px 0;height:150px;}
.contents_wrap .tab_button_outer ul {display: block;list-style: none;font-size:1.6rem;}
.contents_wrap .tab_button_outer ul li {float: left;width:20%;border-bottom:2px solid #BBBBBB;text-align: center;padding:10px 0;}
.contents_wrap .tab_button_outer ul li:hover,
.contents_wrap .tab_button_outer ul li.is-active {background-color: #F8F8F8;border-bottom:2px solid #00178A;}

.contents_wrap .tab_button_outer ul li a{display: block;margin:5px;text-decoration: none;color:#000000;}
.contents_wrap .tab_button_outer ul li.is-active a,
.contents_wrap .tab_button_outer ul li a:hover{color:#00178A;font-weight: 600;}
.contents_wrap .tab_select_outer {display: none;}

/* 검색결과 */
.contents_wrap .search_tab {position: relative;margin: 25px 0 50px 0;}
.contents_wrap .search_tab ul {list-style: none;display: block;font-size:1.6rem;border-bottom:1px solid #DCDCDC;}
.contents_wrap .search_tab ul li {display: inline-block;background-color: #F1F1F1;}
.contents_wrap .search_tab ul li:hover {background-color: #00178A;}
.contents_wrap .search_tab ul li.active {background-color: #00178A;}
.contents_wrap .search_tab ul li.active a,
.contents_wrap .search_tab ul li a:hover {color:#ffffff;}
.contents_wrap .search_tab ul li a {display: block;padding: 15px 30px;color:#171717;text-decoration: none;}
.contents_wrap .search_box {position: relative;margin: 25px 0 50px 0;}
.contents_wrap .search_box ul {display: block;list-style: none;font-size:1.6rem;}
.contents_wrap .search_box ul.list1 li {display: block;margin: 20px 0;}
.contents_wrap .search_box ul.list1 li a.tit {display: block;font-size:1.8rem;margin-bottom: 5px;color:#00178A;text-decoration: none;}
.contents_wrap .search_box ul.list1 li a.tit:hover {text-decoration:underline;}
.contents_wrap .search_box ul.list1 li span.add {display: inline-block;font-size:1.5rem;color:#8B8B8B;}
.contents_wrap .search_box ul.list1 li span.add:after {display: inline-block;content: '';margin:0 10px;	width: 1px;height: 10px;background-color: #8B8B8B;}
.contents_wrap .search_box ul.list1 li span.tel {display: inline-block;font-size:1.5rem;color:#8B8B8B;}
.contents_wrap .search_box ul.list2 li {display: block;margin: 20px 0 30px 0;}
.contents_wrap .search_box ul.list2 li ul.depth {display: block;margin: 0 0 10px 0;color:#000000;line-height: 1rem;}
.contents_wrap .search_box ul.list2 li ul.depth li {display: inline-block;margin: 10px 8px 0 0;padding-right: 15px;
    background-image: url("../images/sub/nav.png");background-repeat: no-repeat;background-position: right center;font-size: 1.5rem;font-weight: 400; }
.contents_wrap .search_box ul.list2 li ul.depth li:last-child {background-image: none;padding-right: 0 !important;margin-right: 0 !important;}
.contents_wrap .search_box ul.list2 li a.tit {display: block;font-size:1.8rem;margin-bottom: 5px;color:#00178A;text-decoration: none;}
.contents_wrap .search_box ul.list2 li a.tit:hover {text-decoration:underline;}
.contents_wrap .search_box ul.list2 li span.body {display: block;color:#8B8B8B;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}

@media (max-width: 899px){
	/* 모바일 */
	.contents_wrap .tit_wline_S {font-size: 1.8rem;}
	.contents_wrap .tit_wline_S:after {width: 30px;}
	.contents_wrap .tit_wline_L {font-size: 1.8rem;}
	.contents_wrap .tit_wline_L a.more_btn {padding-top:0;}
	
	.contents_wrap .search_tab ul li a {padding: 8px 12px;}
	
	.contents_wrap .tab_select_outer {display: block;}
	.contents_wrap .tab_button_outer {display: none;}
	.contents_wrap .tabs {padding:30px 0;}
	.contents_wrap .tabs .tit_box {display: none;}

	.contents_wrap .tabs select {
		width: 96%; margin: 0 2%;
		padding: .8em .5em; border: 1px solid #999;
		background: url('../images/sub/select_off_icon.png') no-repeat 98% 50%;
		border-radius: 0; -webkit-appearance: none; -moz-appearance: none;appearance: none;
		font-size: 1.6rem;
		background-color: #00178A;
		color: #fff;
	}
	.contents_wrap .tabs select::-ms-expand {display: none;}
	.contents_wrap p .br {display: block;}

	
}

@media (min-width: 900px) and (max-width: 1199px) {
    /* 테블릿 */ 
	.contents_wrap .tab_button_outer {height:250px;}
	.contents_wrap .tab_button_outer ul li {width:33.3%;}	
}

@media (min-width: 900px) {
	.contents_wrap .tit_wline_L a.more_btn {padding-top:5px;}
	
}

/* 사이트 소개 메뉴 */
.contents_wrap ul.sub1_ul {
	position: relative;
	list-style: none;
	border-top:2px solid #666;
	border-bottom:1px solid #D2D2D2;
}
.contents_wrap ul.sub1_ul li {
	display:inline-block;
	border-right: 1px solid #D2D2D2;
	text-align: center;
	padding: 30px 0;
}
.contents_wrap ul.sub1_ul li:last-child {border-right: 0px solid #D2D2D2;}
.contents_wrap ul.sub1_ul li img {display:block;margin: 0px auto;}
.contents_wrap ul.sub1_ul li span {display:block;margin-top:20px; }


.contents_wrap ul.sub1_ul2 {position: relative;	list-style: none;border:0px;padding:20px 0;border-bottom: 1px solid #D2D2D2;}
.contents_wrap ul.sub1_ul2:last-child {border-bottom: 0px solid #D2D2D2;}
.contents_wrap ul.sub1_ul2 li {
	display:inline-block;
	vertical-align: top;
}
.contents_wrap ul.sub1_ul2 li:first-child {font-weight:600;}
.contents_wrap ul.sub1_ul2 li span.line {position: relative;display: inline-block;padding:0 10px;}
.contents_wrap ul.sub1_ul2 li span.line:after {position: absolute;content: '';width:1px;height:12px;background-color: #D2D2D2;top:8px;right:0;}
.contents_wrap ul.sub1_ul2 li span.line:first-child {padding-left:0px;}
.contents_wrap ul.sub1_ul2 li span.line:last-child:after {width:0px;}
.contents_wrap ul.sub1_ul2 li dl {display: inline-block;}
.contents_wrap .sub1_ul2 dl span.br {display: block;}
.contents_wrap .sub1_ul2 dt {display: inline-block; color:#00178A;margin-right: 10px;font-weight:600;}
.contents_wrap .sub1_ul2 dd {display: inline-block; color:#171717;margin-right: 15px;}

.contents_wrap .img_line_box {position: relative;border:1px solid #BBBBBB;}
.contents_wrap .img_line_box img {display:block;margin: 0px auto;}

.contents_wrap .line_box2 {position: relative;line-height: 2.8rem;font-size: 1.6rem;}
.contents_wrap .line_box2 .img_tit1,
.contents_wrap .line_box2 .img_tit2 {display:inline-block;font-size: 2rem;color:#fff;background-repeat: no-repeat;background-size: cover;background-position: center;text-align: center;font-weight: 500;height: 200px;padding-top: 80px;}
.contents_wrap .line_box2 .img_tit1 {background-image: url("../images/sub/sub3_bg1.png");}
.contents_wrap .line_box2 .img_tit2 {background-image: url("../images/sub/sub3_bg2.png");}
.contents_wrap .line_box2 .txt_body1,
.contents_wrap .line_box2 .txt_body2  {display:inline-block;font-size: 1.6rem;height: 200px;}

.contents_wrap .line_box2 .img_tit1 span,
.contents_wrap .line_box2 .img_tit2 span {margin:auto 0;}
.contents_wrap .line_box2 .bt-box {margin-top:15px;}
@media (max-width: 899px){
	/* 모바일 */
	.contents_wrap ul.sub1_ul {
		padding:20px 0;
		margin: 10px 15px 20px 15px;
	}
	.contents_wrap ul.sub1_ul li {
		width: 45%;
		border-right: 0px solid #D2D2D2;
	}
	.contents_wrap ul.sub1_ul2 li {width:100%;}
	.contents_wrap ul.sub1_ul2 li:last-child {width:100%;}
	.contents_wrap .img_line_box {padding:20px;}
	.contents_wrap .img_line_box img{width:90%;height:auto;}
	
	.contents_wrap .line_box2 {border:0px solid #BBBBBB;margin:0 20px;}
	.contents_wrap .line_box2 .img_tit1,
	.contents_wrap .line_box2 .img_tit2,
	.contents_wrap .line_box2 .txt_body1,
	.contents_wrap .line_box2 .txt_body2 {width:100%;}
	.contents_wrap .line_box2 .txt_body1 p,
	.contents_wrap .line_box2 .txt_body2 p {margin-top: 20px;}
	.contents_wrap .line_box2 .bt-box {text-align: center;}
	
	.contents_wrap ul.sub1_ul2 li span.line {display: block;padding:0;}
	.contents_wrap ul.sub1_ul2 li span.line:after {display: none;}
}
@media (min-width: 900px) {
	.contents_wrap ul.sub1_ul {
		padding:20px 10%;
		margin: 10px 0 20px 0;
	}
	.contents_wrap ul.sub1_ul li {
		width: 23%;
	}
	.contents_wrap ul.sub1_ul2 li {width:18%;}
	.contents_wrap ul.sub1_ul2 li:last-child {width:80%;}
	
	.contents_wrap .img_line_box {padding:50px 30px;}
	
	.contents_wrap .line_box2 {border:1px solid #BBBBBB;}
	.contents_wrap .line_box2 .img_tit1,
	.contents_wrap .line_box2 .img_tit2 {width:40%;}
	.contents_wrap .line_box2 .img_tit1 {float: left;}
	.contents_wrap .line_box2 .img_tit2 {float: right;}
	.contents_wrap .line_box2 .txt_body1,
	.contents_wrap .line_box2 .txt_body2 {width:58%;}
	.contents_wrap .line_box2 .txt_body1 {text-align: left;margin-left:2%;}
	.contents_wrap .line_box2 .txt_body2 {text-align: right;margin-right:2%;}
	.contents_wrap .line_box2 .txt_body1 p,
	.contents_wrap .line_box2 .txt_body2 p {margin-top: 45px;}
	
}
	/* 지도영역 transition-duration: 0.5s;*/

/* 맵 로딩화면 */
.contents_wrap .loader {border: 8px solid #f3f3f3;border-top: 8px solid #909EE2;border-radius: 50%;	width: 40px;height: 40px;animation: spin 2s linear infinite;}
.contents_wrap .loader_bg {position: relative;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.contents_wrap .loaderWrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.contents_wrap .loading_ex,
.contents_wrap .loader {text-align: center;	margin: 0 auto;}
.contents_wrap .loading_ex {margin-top: 10px;}
.contents_wrap .loading_ex .ex {font-size: 1.5rem;font-weight: 500;color: #515151;margin-bottom: 10px;color: #fff;}

/* 맵 클릭시 간단 설명 레이어 팝업 */
.overwrap {position: absolute;width: 270px; height: 150px; margin-left: -135px; text-align: left; overflow: hidden; font-size:1rem; line-height: 1.5rem;}
.overwrap * {padding: 0;margin: 0;}
.overwrap .infowindow {width: 268px;height: 140px; border-radius: 5px; border-bottom: 2px solid #b4b4b4;border-right: 1px solid #ccc;overflow: hidden;background: #fff;box-shadow:1px 1px 2px -2px rgba(0, 0, 0, 0.4);}
.overwrap .infowindow .title { padding:15px 14px 5px;}
.overwrap .infowindow .title .name {font-size: 1.5rem; font-weight: 500;vertical-align: middle; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #00178A;}
.overwrap .infowindow a {display:block;text-decoration: none;margin:0 10px 5px 10px;}
.overwrap .infowindow a.more {text-align: center;color:#fff;background-color: #81838C;padding:3px;font-size: 1rem;}
.overwrap .infowindow a.more:hover {background-color: #00178A;text-decoration: none;}
.overwrap .infowindow .close {position: absolute;top:3px;right:0;display: block; width:30px; height:30px; font-size: 0;}
.overwrap .infowindow .close:hover {cursor: pointer;}
.overwrap .infowindow .close span:before,
.overwrap .infowindow .close span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.overwrap .infowindow .close span:before { width:15px; height: 1px; background: #aaa; }
.overwrap .infowindow .close span:after { width: 1px; height:15px; background: #aaa; }
.overwrap .infowindow .body {position: relative;overflow: hidden;margin-top:5px;}
.overwrap .infowindow .desc {position: relative;padding:0 14px 10px; line-height: 1.6rem;font-size:1.3rem;}
.overwrap .infowindow .type {color:#8d8d8d;margin-bottom:5px;}
.overwrap .desc .addr {color:#222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.overwrap .desc .call {font-size:1rem; color: #909EE2;}
.copyimg{ margin-top:30px; text-align: right;}


#findMap {position:relative; height: 780px; overflow: hidden;border: none; border-top: none; }
#findMap:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#findMap #mapArea,
#findMap #resultArea {height:100%;}
#findMap #mapArea { position:relative;background: #f3f6ff; width:62%; float: right;}
#findMap #resultArea {width:38%;}
#findMap #resultArea .resultSch {}
#findMap #resultArea .resultSch .btn {padding:15px 12px 5px 12px;text-align: center;}
#findMap #resultArea .resultSch .btn a {display: block;font-size: 1.7rem;line-height: 1.8rem;padding: 10px;color:#00178A;text-decoration: none;border:2px solid #e5e5e5;font-weight: 500;}
#findMap #resultArea .resultSch .btn a:hover {border:2px solid #00178A;}
#findMap #resultArea .resultSch .option {padding: 10px 12px;border-bottom:1px solid #e5e5e5;}
#findMap #resultArea .resultSch .option ul {list-style: none;display:block;}
#findMap #resultArea .resultSch .option li {margin: 0 3px;display: inline-block;border-radius: 20px;border: 1px solid #00178A;height: 3rem;padding: 0;background-color: #fff;}
#findMap #resultArea .resultSch .option li:hover {background-color: #00178A;}
#findMap #resultArea .resultSch .option li.active {background-color: #00178A;}
#findMap #resultArea .resultSch .option li a {display: block;font-size: 1.5rem;line-height: 1.8rem;padding: 5px 10px;color:#00178A;text-decoration: none;}
#findMap #resultArea .resultSch .option li.active a,
#findMap #resultArea .resultSch .option li a:hover {color: #ffffff;}

#findMap #resultArea .resultSch .schArea { padding:8px 12px 9px;border-bottom:1px dotted #e5e5e5;}
#findMap #resultArea .resultSch .schArea .schbar {position: relative;}
#findMap #resultArea .resultSch .schArea .schbar a {display: block; height: 30px; width:30px; position:absolute;top:10px; right: 7px;
  background-image: url("../images/common/search.png");
  background-repeat: no-repeat;
  background-position: 0 0;text-indent: -9999;font-size: 0;
} 
#findMap #resultArea .resultSch .schArea .schbar input {width:100%;padding:0px 42px 0 12px; background:#EFEFEF; border:1px solid #EFEFEF;line-height: 42px; height: 42px;font-size: 1.5rem;}
#findMap #resultArea .resultSch .schArea .schbar input::-webkit-input-placeholder {  color: #000;}
#findMap #resultArea .resultSch .schArea .schbar input:-ms-input-placeholder {  color: #000;}

#findMap #resultArea .header {padding:8px 5px 7px 15px;}
#findMap #resultArea ul:not(.noti_w) li { padding: 20px 15px 6px; }
#findMap #resultArea ul .info { width: calc( 100% - 100px ); }
#findMap #resultArea ul .info p span {display:block;font-size:1.3rem;}
#findMap #resultArea .lists {height:calc(100% - 221px); overflow-y:auto;overflow-x:visible;width:380px;}
#findMap #mapArea .layer_info_btn {display: block;}
#findMap #mapArea i {width:38px;height:48px;text-indent:-9999;font-size:0;position:absolute;background-repeat:no-repeat;background-position:center;background-size: auto 38px;}
#findMap #mapArea i:focus,
#findMap #mapArea i:hover {background-size: auto 48px;}
#findMap #mapArea i.family {background-image: url(../images/sub/family_sooyu.png);}
#findMap #mapArea i.general {background-image: url(../images/sub/general_sooyu.png);}

#resultArea {width:100%; float:left;}
#resultArea .header {border-bottom:1px solid #e5e5e5; padding: 8px 0;}
#resultArea .header h4 {float: left; font-size: 1.5rem; line-height: 32px; color: #000;margin:0;}
#resultArea .header h4 i { color: #e9525a; margin-left: 5px; font-size: 1.4rem;}
#resultArea .header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#resultArea .header .tblInfo {float:right;}
#resultArea .header .tblInfo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#resultArea .header .orgLegend,
#resultArea .header .listCount {float:left;}
#resultArea .header .orgLegend {margin-right:10px; margin-top: 6px;}
#resultArea .header .orgLegend span.org {margin: 0 2px 0 10px;}

/* legend */
#resultArea .orgLegend {display: inline-block; line-height: 20px; text-align: center;margin: 0 3px;}
#resultArea span {position:relative;display: inline-block; line-height:18px;font-size: 0.8rem;}
#resultArea span.org{padding-left:15px;}
#resultArea span i {width: 20px;height: 20px;background-repeat: no-repeat;background-position: 0 0;background-size: auto 100%;text-indent: -9999;font-size: 0;position: absolute;left: 0;overflow: hidden;padding-left:50px;}
#resultArea span i.type1 {background-image: url(../images/sub/family_sooyu.png);margin-rign: 20px;}
#resultArea span i.type2 {background-image: url("../images/sub/general_sooyu.png");}


#resultArea ul {}
#resultArea ul:not(.noti_w) li {padding: 20px 0 20px 50px; border-bottom: 1px solid #e5e5e5; position: relative;}
#resultArea ul .info { width: calc( 100% - 100px ); position: relative; padding-left:22px;}
#resultArea ul .info span.org {position: absolute;top:0;left:0;margin:0;}
#resultArea ul .info h5 { line-height: 1.5rem; margin-bottom: 6px; }
#resultArea ul .info h5 a { font-size: 1.5rem; color: #000;vertical-align: middle; line-height: 1.7rem; word-wrap: break-word; white-space: pre-line; white-space: -moz-pre-line; white-space: -pre-line; white-space: -o-pre-line; word-break: break-all;}
#resultArea ul .info h5 a.closed {color: #b1b1b1;}
#resultArea ul .info h5 a.closed span {color: #b1b1b1;text-decoration: line-through;margin-right:2px;}
#resultArea ul .info h5 span {color: #5172df;}
#resultArea ul .info p { color: #222; margin: 2px 0 8px; line-height:1.4rem;}
#resultArea ul .info i {color: #666; font-size: 0.96rem;}
#resultArea .lists ul li {background-color: #ffffff;position: relative;}
#resultArea .lists ul li:hover {background-color: #e6f4ff;}

#resultArea ul .btns {position: absolute; top: 24px; right: 10px; width: 100px;height:50px;text-align: right;}
#resultArea ul .btns a {display:inline-flex;width:30px;height:30px;background-color: #848484;background-repeat: no-repeat;border-radius: 50%;line-height: 0;font-size: 0;text-indent: -99999px;}
#resultArea ul .btns a:hover {background-color: #6472BB;}
#resultArea ul .btns a.search_map {margin:0 3px;background-image: url(../images/sub/how.png);background-position: 10px 7px;}
#resultArea ul .btns a.search_i {background-image: url("../images/sub/where.png");background-position: center;}
#resultArea ul .btns a.more_i {background-image: url("../images/sub/more.png");background-position: center;}

#resultArea.boardList { width: 100%; border: none; float: none; }
#resultArea.boardList .header {padding-bottom:5px;}
#resultArea.boardList .header h4 {font-size:1.2rem;line-height: 22px; height: 22px; margin-top: 10px;}


@media (max-width: 899px){

	#findMap #resultArea ul li#guideLi { padding: 0px;}
    #findMap { height: auto; }
    #findMap #mapArea { width: 100%; height: 380px;float: none;margin-top:172px;}
    #findMap #resultArea { width: 100%; float: none; }
    #findMap #resultArea .lists { height: auto; overflow-y: visible;width: 100%;}
    #findMap #resultArea ul:not(.noti_w) li { padding: 15px 15px 15px; }
    #findMap #resultArea ul li { padding: 20px; }
    #findMap #resultArea ul .info p {margin-bottom:0;}
    #findMap #resultArea ul .info p span { display: inline-block; width: auto; margin-right: 5px; vertical-align: middle; }

	#resultArea ul .btns {top: 10px; right: 12px;height:50px;}

	#findMap #resultArea .resultSch {position: absolute; top: 0;width:100%;}

}
@media (min-width: 900px) {
    #findMap #mapArea,
    .zoom #findMap #mapArea { width:calc(100% - 380px); z-index:0; }
    #findMap #resultArea { width: 380px; }

}

/* 수유시설 현황 부분 */
.contents_wrap .public_infotext {
  text-align: left;
  font-size: 1.4rem;
  color: #555;
	margin-top:16px;
  padding-bottom: 10px;
  background-image: url("../images/common/tooltip.png");
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-left: 20px;
  display: inline-block;
}
.contents_wrap .choice_pbdata {
  border-left: 2px solid #00178A;
  border-bottom: 2px solid #00178A;
  border-right: 2px solid #00178A;
  overflow: hidden;
  clear: both;
}
.contents_wrap .choice_pbdata .top_tt {

  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #00178A;
  text-align: left;
  overflow: hidden;
}
.contents_wrap .choice_pbdata .top_tt span {
  font-size: 1.7rem;
  color: #fff;
  font-weight: 400;
  padding: 15px;
  display: inline-block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	text-align: center;
	  position: relative;
}
.contents_wrap .choice_pbdata .top_tt span:after {position: absolute;content: "";width: 1px;height: 15px;top: 15px;	right: 0;background-color: #fff;}
.contents_wrap .choice_pbdata .top_tt span:last-child:after {background-color: transparent;}

.contents_wrap .choice_pbdata .choice_list {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.contents_wrap .choice_pbdata .choice_list .input_list {
  position: absolute;
  top: 60px;
  right: 0;
  width: 81%;
  max-height: 185px;
  background-color: #00178A;
  margin-top: -15px;
  padding: 10px;
  display: block;
  z-index: 5;
}
.contents_wrap .choice_pbdata .choice_list .input_list ul {
  background-color: white;
  max-height: 165px;
  padding-top: 5px;
  overflow-y: auto;
  width: 100%;
}
.contents_wrap .choice_pbdata .choice_list .input_list ul li {
  text-align: left;
  padding-left: 10px;
  letter-spacing: -0.34px;
}
.contents_wrap .choice_pbdata .choice_list .input_list ul li a {
  text-decoration: none;
  width: 100%;
  display: block;
  font-size: 1.5rem;
  height: 26px;
  line-height: 2.6rem;
  color: #333333;
}

.contents_wrap .choice_pbdata .choice_list div.item_box {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  border-right: 1px solid #e0e0e0;
  height: 400px;
  overflow: auto;
}

.contents_wrap .choice_pbdata .top_tt span:nth-child(1),
.contents_wrap .choice_pbdata .choice_list div.item_box:nth-child(1) {width: 30%;}
.contents_wrap .choice_pbdata .top_tt span:nth-child(2),
.contents_wrap .choice_pbdata .choice_list div.item_box:nth-child(2) {width: 35%;}
.contents_wrap .choice_pbdata .top_tt span:nth-child(3),
.contents_wrap .choice_pbdata .choice_list div.item_box:nth-child(3) {width: 35%;}

.contents_wrap .choice_pbdata .choice_list div.item_box .input-group {overflow: hidden;margin-bottom: 10px;}
.contents_wrap .choice_pbdata .choice_list div.item_box .input-group .radio-roundbox-group li {position: relative;height: 40px;margin-top: 5px;}
.contents_wrap .choice_pbdata .choice_list div.item_box .input-group .radio-roundbox-group li input[type=radio] {margin: 10px;}
.contents_wrap .choice_pbdata .choice_list div.item_box .input-group .radio-roundbox-group li input[type=radio] + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: #333;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  display: inline-block;
  font-size: 1.4rem;
  cursor: pointer;
  text-align: left;
}
.contents_wrap .choice_pbdata .choice_list div.item_box .input-group .radio-roundbox-group li input[type=radio] + label:hover {
  background-image: none;
  background-color: #e4e4e4;
  color: #000;
  border: 1px solid #e4e4e4;
  font-size:1.4rem;
  padding:8px;
}
.contents_wrap .choice_pbdata .choice_list div.item_box .input-group .radio-roundbox-group li input[type=radio]:checked + label {
  background-image: none;
  outline: normal;
  background-color: #e4e4e4;
  color: #000;
  border: 1px dotted #00178A;
  font-size:1.4rem;
  padding:8px;
}
/* 2022.10 수정 */
.contents_wrap .choice_pbdata .choice_list div.item_box .input-group .radio-roundbox-group li input[type=radio]:focus + label {
  border: solid;
}
.contents_wrap .choice_pbdata .route_search_box {
    width: 100%;
    clear: both;
    background: #e8e8e8;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
}
.contents_wrap .choice_pbdata .route_search_box .search_btn {
    float: right;
    display: inline-block;
    background: #3247ae;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    width: 120px;
    height: 45px;
    line-height: 45px;
    font-weight: 500;
    text-decoration: none;
}
.contents_wrap .choice_pbdata .route_search_box .search_btn:hover {background: #00178A;}

/* 수유시설 현황 모바일 */

@media (max-width: 899px){

	.contents_wrap .choice_pbdata {display: none;}
	.contents_wrap .m_choice_pbdata {display: block;margin-bottom:50px;}	
	
	/* 수유시설 현황 모바일 */
	.contents_wrap .m_choice_pbdata .m_tabs_container {clear: both;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox {width: 100%;margin-bottom: 10px;border-bottom: 1px solid #e0e0e0;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox .stepct .selects-group {margin-top: 10px;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox .stepct .selects-group .select {height: 50px;margin-bottom: 0 !important;margin-right: 0 !important;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox .stepct .selects-group .select select {height: 45px;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox .stepct .selects-group .select.fl_select:nth-child(1) {float: left;width: 49%;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox .stepct .selects-group .select.fl_select:nth-child(2) {float: right;width: 49%;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox .stepct .selects-group .select:last-child {clear: both;margin-bottom: 1rem !important;}
	.contents_wrap .m_choice_pbdata .m_tabs_container .stepbox .stepct .selects-group .select .select-arrow {top: 20px;}
	.contents_wrap .m_choice_pbdata .search_btn {
		display: inline-block;
		background: #909EE2;
		color: #fff;
		font-size: 1.6rem;
		text-align: center;
		height: 45px;
		line-height: 45px;
		font-weight: 500;
		text-decoration: none;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contents_wrap .m_choice_pbdata .search_btn:hover {background: #00178A;}
}
@media (min-width: 900px) {
	.contents_wrap .choice_pbdata {display: block;margin-bottom:50px;}
	.contents_wrap .m_choice_pbdata {display: none;}	

}

/* 수유시설 자세히보기 */
.info_box {position:relative;display:inline-flex;margin:20px 0 50px 0;}
.modify {text-decoration: none;font-size: 1.2rem;margin: 15px 5px 5px 5px;position: absolute;right: 0;color: #767676;font-weight: 400;}

.info_box_btn {height: 30px;display: inline-block;margin-left: 10px;}
.info_box_btn a {position: relative;display:inline-flex;width:30px;height:30px;background-color: #bcbcbc;background-repeat: no-repeat;border-radius: 50%;line-height: 0;font-size: 0;text-indent: -99999px;top: -22px;}
.info_box_btn a:hover {background-color: #909EE2;}
.info_box_btn a.search_map {margin-right:3px;background-image: url(../images/sub/how.png);background-position: 10px 7px;}
.info_box_btn a.search_i {background-image: url("../images/sub/where.png");background-position: center;}

.info_photo {display: block;}
.info_photo .view {width:100%;overflow: hidden;background-color:#F8F8F8;background-repeat:no-repeat;background-image:url(../images/sub/no_img.png);background-position:50% 50%;border-top: 2px solid #171717;
}
.info_photo ul.list {width:100%;margin-top:10px;text-align: center;}
.info_photo ul.list li{position: relative;display: inline-block;width:20%; overflow: hidden;background-color:#F8F8F8;background-repeat:no-repeat;background-image:url(../images/sub/no_img.png);background-position:50% 50%;background-size:50%;margin-right:4%;
}
.info_photo ul.list li.active {border:2px solid #171717;}
.info_photo ul.list li img {opacity: .7;}
.info_photo ul.list li.active img {opacity:1;}
.info_photo .view img,
.info_photo ul.list li img {width:100%;height:100%;}
.info_photo ul.list li:last-child {margin-right:4%;}

.info_view {display: block;}
.info_view table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 2px solid #171717;
  border-bottom: 1px solid #BFBFBF;
}
.info_view table tr {border-bottom: 1px solid #BFBFBF;}
.info_view table tr td {
  color: #171717;
  padding: 10px 10px 10px 70px;
  line-height: 1.7;
  text-align: left;
  font-size: 1.5rem;
  background-color: white;
  word-break: break-word;
}
.info_view table tr td.td_add {background:url("../images/sub/list_map.png") no-repeat 30px center;}
.info_view table tr td.td_name {background:url("../images/sub/list_person.png") no-repeat 30px center;}
.info_view table tr td.td_tel {background:url("../images/sub/list_call.png") no-repeat 30px center;}
.info_view table tr td.td_use {background:url("../images/sub/list_check.png") no-repeat 30px center;}
.info_view table tr td.td_type {background:url("../images/sub/list_building.png") no-repeat 30px center;}

@media (max-width: 899px){

	.modify {position:relative;display: block;text-align: left;width:100%;}	
	.info_box {display:block;}
	.info_photo {width: 100%;}
	.info_photo .view {height:250px;}
	.info_photo ul.list li{height:50px;}
	.info_view {width: 100%;margin-left: 0%;margin-top:20px;}
	.info_view table tr td {padding-left: 35px;}
	.info_view table tr td.td_add,
	.info_view table tr td.td_name,
	.info_view table tr td.td_tel,
	.info_view table tr td.td_use,
	.info_view table tr td.td_type {background-position: 10px center;}
	
}
@media (min-width: 900px){
	.info_box {display:inline-flex;}
	.info_photo {width: 50%;}
	.info_photo .view {height:280px;}
	.info_photo ul.list li{height:80px;}
	.info_view {width: 48%;margin-left: 2%;}
	
}

/* 서브테이블 */
.sub_table {display: block;margin:10px 0;}
.sub_table table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 2px solid #171717;
  border-bottom: 1px solid #BFBFBF;
}
.sub_table table th,
.sub_table table td {
  text-align: center;
  font-size: 1.5rem;
}
.sub_table table th {
  background-color: #f1f1f1;
  color: #171717;
  padding: 10px;
  line-height: 1.7;
  font-weight: 500;
  border-bottom: 1px solid #BFBFBF;
}
.sub_table table tr {border-bottom: 1px solid #BFBFBF;}
.sub_table table tr td {
  color: #171717;
  padding: 10px;
  line-height: 1.7;
  text-align: left;
  font-size: 1.5rem;
  background-color: white;
  word-break: break-word;
}

/* 사이트맵 */
.contents_wrap .line_box_step {position: relative;display:block;line-height: 2.8rem;padding:20px;font-size: 1.8rem;border-top:2px solid #666;border-bottom:1px solid #D2D2D2;}
.contents_wrap .line_box_step ul.step {position: relative;display:block;text-align: center}
.contents_wrap .line_box_step ul.step li {position: relative;display:inline-block;}
.contents_wrap .line_box_step ul.step li:after {position: absolute;display:block;color:white;background-color:#00178A;background-repeat: no-repeat;background-position: center;}
.contents_wrap .line_box_step ul.step li:last-child:after {display:none;}


@media (max-width: 899px){
	/* 모바일 */
	.contents_wrap .line_box_step ul.step li {position: relative;display:block;padding:40px 20px;}
	.contents_wrap .line_box_step ul.step li:first-child {padding-top:20px;}
	.contents_wrap .line_box_step ul.step li:last-child {padding-bottom:20px;}
	.contents_wrap .line_box_step ul.step li:after {width:40px;height:40px;border-radius:40px;content:'';bottom:-20px;left:46%;background-image: url("../images/sub/step_mo.png");}
	
	
}
@media (min-width: 900px){
	.contents_wrap .line_box_step ul.step li {padding:20px 80px;}
	.contents_wrap .line_box_step ul.step li:after {width:50px;height:50px;border-radius: 50px;content:'';right:-40px;top:25px;background-image: url("../images/sub/step_pc.png");}
	
}
/* 레이어 팝업 */
.layerpopup {position:absolute;width:600px; height: auto;text-align: left; overflow: hidden; font-size:1rem; line-height: 1.5rem;z-index:3;margin:0 auto;}
.layerpopup:before {position:fixed;content:"";width:100%;height:100%;top:0;left:0;background-color:#000000;opacity: 0.7;}
.layerpopup .infowindow {position: relative;display:block;width:100%;border-radius: 10px; border-bottom: 2px solid #b4b4b4;border-right: 1px solid #ccc;overflow: hidden;background: #fff;z-index:10;padding: 15px;}
.layerpopup .infowindow .close {position: absolute;top:0;right:0;width:30px; height:30px; font-size: 0;}
.layerpopup .infowindow .close:hover {cursor: pointer;}
.layerpopup .infowindow .close span:before,
.layerpopup .infowindow .close span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.layerpopup .infowindow .close span:before { width:22px; height: 1px; background: #aaa; }
.layerpopup .infowindow .close span:after { width: 1px; height:22px; background: #aaa; }
.layerpopup .infowindow .body {position: relative;overflow: hidden;margin:20px 0;}
.layerpopup .infowindow .desc {position: relative;padding:0 14px 10px; line-height: 1.6rem;font-size:1.3rem;}
.layerpopup .infowindow .type {color:#8d8d8d;margin-bottom:5px;}
.layerpopup .desc .addr {color:#222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.layerpopup .desc .call {font-size:1rem; color: #909EE2;}


	
/*본인확인 팝업 박스*/
#sub_popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);} 
.popup_name_box{position: relative;top:50%;left:50%; width:550px;
	transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;text-align:left;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
.popup_name_box .title { padding:15px 14px 10px;border-bottom:1px solid #ddd;}
.popup_name_box .title .name {font-size: 1.8rem; font-weight: 500;vertical-align: middle; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #171717;}
.popup_name_box .title a {position: relative; display:inline-block; color:#fff; font-size:1.5rem;vertical-align:middle;text-decoration:none;}
.popup_name_box .title a:hover {color:#909EE2;}
.popup_name_box .title a.close {padding: 14px 15px;right:20px;position: absolute;}
.popup_name_box .title a.close:before {content:'';display:block;position:absolute;
	top:0;right:0;
	width:1px;height:21px;background:#171717;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);}
.popup_name_box .title a.close:after {content:'';display:block;position:absolute;
	top:0;right:0;
	width:1px;height:21px;background:#171717;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);}
.popup_name_box .title a.close:hover:before,
.popup_name_box .title a.close:hover:after {background:#909EE2;}
.popup_name_box .con {padding:20px 20px 30px;line-height:2rem;font-size:1.5rem;word-break: break-word;}

@media (min-width: 900px) {
	.popup_name_box{width:550px;}
}
@media (max-width: 899px) {
	.popup_name_box{width:auto;margin-right:30px;}
}
	
/*본인확인 팝업 박스*/
#add_popup_layer
{position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);} 
.popup_add_box {position: relative;top:50%;left:50%;height:550px;
	transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;text-align:left;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup_add_box .title { padding:15px 14px 10px;border-bottom:1px solid #ddd;}
.popup_add_box .title .name {font-size: 1.8rem; font-weight: 500;vertical-align: middle; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #171717;}
.popup_add_box .title a {position: relative; display:inline-block; color:#fff; font-size:1.5rem;vertical-align:middle;text-decoration:none;}
.popup_add_box .title a:hover {color:#909EE2;}
.popup_add_box .title a.close {padding: 14px 15px;right:20px;position: absolute;}
.popup_add_box .title a.close:before {content:'';display:block;position:absolute;
	top:0;right:0;
	width:1px;height:21px;background:#171717;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);}
.popup_add_box .title a.close:after {content:'';display:block;position:absolute;
	top:0;right:0;
	width:1px;height:21px;background:#171717;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);}
.popup_add_box .title a.close:hover:before,
.popup_add_box .title a.close:hover:after {background:#909EE2;}
@media (min-width: 900px) {
	.popup_add_box{width:450px;}
}
@media (max-width: 899px) {
	.popup_add_box{width:auto;margin-right:30px;}
}

/* 이용자 가이드 */
.GHD {width: 100%;background-color: white;position: fixed;z-index: 2;top: 0;}
.GHD:after {content: "";height: 0;line-height: 0;clear: both;display: block;*zoom: 1;}
.GHD .tit {
	width: 100%;
	color: white;
	background-color: #00178A;
	padding:15px 0;
	font-size: 1.7rem;
	font-weight: 600
}
.GMD {width: 100%;position: relative;z-index: 1;}
.GMD:after {content: "";height: 0;line-height: 0;clear: both;display: block;*zoom: 1;}

.GMD .tabs {position: relative;display: block;}
.GMD .tab_button_outer {position: fixed;width: 100%;top: 50px;border-bottom: 1px solid #DCDCDC;z-index: 2;}
.GMD .tab_button_outer ul {display: block;list-style: none;font-size:1.6rem;font-weight: 600;text-align: center;background-color: #ffffff;}
.GMD .tab_button_outer ul li {display: inline-block;border-bottom:2px solid #ffffff;text-align: center;padding:15px 5px;margin:0 3%;}
.GMD .tab_button_outer ul li:hover,
.GMD .tab_button_outer ul li.is-active {border-bottom:2px solid #00178A;}

.GMD .tab_button_outer ul li a{display: block;margin:5px;text-decoration: none;color:#171717;}
.GMD .tab_button_outer ul li.is-active a,
.GMD .tab_button_outer ul li a:hover{color:#00178A;font-weight: 600;}

.GMD .tabs .tab-contents {position: relative;display: block;font-size:1.6rem;text-align: left;padding:150px 15px 50px 15px;letter-spacing: -1px;}

.GMD .tabs .tab-contents .img_box {overflow: hidden;background-color:#fefefe;border:4px solid #DCDCDC;}
.GMD .tabs .tab-contents .img_box img {width:100%;height:100%;}

.GMD .tabs .tab-contents .tit {display: block;font-size:1.8rem;font-weight: 600;color:#171717;margin:20px 0 10px;}
.GMD .tabs .tab-contents ul {display: block;list-style: none;}
.GMD .tabs .tab-contents li {position: relative;display: block;font-size:1.5rem;margin:7px 0;}
.GMD .tabs .tab-contents li .num {position: relative;display: block;float: left; width:20px;height:20px;line-height: 1.8rem;color:#ffffff;font-size:1.4rem;font-weight: 600;background-color:#FF3838;border-radius: 20px;margin-right:7px;text-align: center}
.GMD .tabs .tab-contents li .txt {position: relative;display: block;width:auto;height:auto;color:#171717;margin-left:27px;}


.GMD .con {position: relative;display: block;font-size: 1.65rem;text-align: left;padding-left:30px;margin-top: 80px;line-height: 2.2rem;}
.GMD .con .tit_nline_B {position: relative;font-size: 1.9rem;color:#171717;padding:10px 0;margin:20px 0 0 0;}

.GMD .con ul.sub1_ul2 {position: relative;	list-style: none;border:0px;padding:20px 0;border-bottom: 1px solid #D2D2D2;}
.GMD .con ul.sub1_ul2:last-child {border-bottom: 0px solid #D2D2D2;}
.GMD .con ul.sub1_ul2 li {
	display:block;
	vertical-align: top;
}

.GMD .con .sub1_ul2 dl span.br {display: block;}
.GMD .con .sub1_ul2 dt {display: inline-block; color:#00178A;margin-right: 10px;font-weight:600;}
.GMD .con .sub1_ul2 dd {display: inline-block; color:#171717;margin-right: 15px;}

@media (max-width: 899px){
	.GMD .tab_button_outer ul {font-size:1.5rem;}
	.GMD .tab_button_outer ul li {padding:10px 2px;margin:0 1%;}	
}