.title_guide{
	padding-top:30px;
}
.sub_title {
  font-size: 2em;
  text-align: center;
  margin-bottom: 30px;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 700;
}

.sub_contents {
  background: #fff;
  color: #333333;
  font-family: "Nanum Gothic", "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  font-weight: 400;
  font-size: 15px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

.sub_contents .container {
  padding: 0 10px;
}


/* 서브 메뉴 */

.sub_navi_wrap {
  border-top: solid 1px rgba(255, 255, 255, .3);
  border-bottom: solid 1px rgba(255, 255, 255, .3);
  width: 100%;
  border-top: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
}

.sub_navi::after {
  content: '';
  display: block;
  clear: both;
}

.sub_navi {
  border-left: solid 1px rgba(255, 255, 255, .3);
  position: relative;
  z-index: 1;
  border-left: solid 1px #ccc;
}

.sub_navi>li {
  float: left;
  border-right: solid 1px #ccc;
  height: 100%;
  position: relative;
  background: #fafafa;
  color: #444;
}

.sub_navi a {
  display: block;
  height: 60px;
  padding-left: 1em;
  padding-right: 2em;
  min-width: 220px;
  display: flex;
  align-items: center;
  position: relative;
  letter-spacing: -0.05em;
  transition: all .5s ease-out 0s;
}

.sub_navi a:hover,
.sub_navi a:focus {
  background: rgba(53, 58, 69, 1);
  color: #fff;
}

.sub_navi .path_home {
  width: 60px;
}

.sub_navi .path_home a {
  padding: 0;
  min-width: 60px;
  justify-content: center;
  font-size: 25px;
}

.sub_navi .depth1>a::after,
.sub_navi .depth2>a::after,
.sub_navi .depth3>a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 1;
  letter-spacing: normal;
  position: absolute;
  right: 10px;
  top: 25px;
  background: url(../images/iconSet.png) no-repeat -46px -38px;
}
.sub_navi .depth1.active>a,
.sub_navi .depth2.active>a,
.sub_navi .depth3.active>a,
.sub_navi a:hover,
.sub_navi a:focus{
  background: rgba(53, 58, 69, 1);
  color: #fff;
}

.sub_navi .depth1.active>a::after,
.sub_navi .depth2.active>a::after,
.sub_navi .depth3.active>a::after,
.sub_navi a:hover::after{
  background-position-y: -54px;
}

.sub_navi>li ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 60px;
  border: solid 1px #e6e6e6;
  background: #fff;
  z-index: 1;
  width: 100%;
}

.sub_navi>li ul a {
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #dcdcdc;
  height: auto;
  width: 100%;
  min-width: auto;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
}
/* tab_4th */
.tab_4th{
  display: flex;
  width: 100%;
  flex-grow: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  border-left:solid 1px #dcdcdc;
}
.tab_4th li{
   flex: 1 1;
   border-top:solid 1px #dcdcdc;
  border-bottom:solid 1px #dcdcdc;
  border-right:solid 1px #dcdcdc;
}
.tab_4th a{
  display: block;
  padding:15px 0;
  text-align: center;
  
}
.tab_4th a:hover,
.tab_4th a:focus,
.tab_4th .active a{
  background: #214f8a;
  color: #fff;
}
.bbs_page a img{
	vertical-align:middle;
}
.bbs_view_btn .btn{
	display:table-cell;
	color:#fff;
}
.mgnavi_depth_open, 
.mgnavi_depth_close{
	display:none;
}

/* depth */
.sub_path{
	text-align:right;
	padding-top:20px;
	padding-bottom:20px;
	font-size:13px;
	color:#666;
}
.sub_path a{
	color:#666;
}
.sub_path span{
	vertical-align:middle;
}
@media (max-width: 767px) {
  .sub_title {
    font-size: 1.7em;
  }
  .sub_top {
    font-size: .8em;
  }
  .sub_top .tit {
    top: 30px;
    line-height: 1em;
    font-size: 28px;
  }
 
  .sub_navi {
  	display:flex;
  }
  .sub_navi a {
    height: 40px;
  }
  .sub_navi .path_home {
    width: 50px;
  }
  .sub_navi .path_home a {
    font-size: 24px;
    padding: 0;
    min-width: auto;
  }
  .sub_navi>li ul {
    top: 40px;
  }
  .sub_navi .depth1,
  .sub_navi .depth2,
  .sub_navi .depth3 {
    width: auto;
  }
  .sub_navi .depth1>a,
  .sub_navi .depth2>a,
  .sub_navi .depth3>a {
    width: 100%;
    min-width: auto;
    display: flex;
    line-height: 1;
    
  }
  .sub_navi .depth1>a::after,
  .sub_navi .depth2>a::after,
  .sub_navi .depth3>a::after {
    top: 15px;
    right: 4px;
  }

  .photo_list03 li{
    float:none;
    width:100% !important;
  }
  
}