@charset "UTF-8";

/*  DMZ 서브 공통 레이아웃  */

table {
  table-layout: fixed;
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  border-top: 2px solid #626262;
  border-bottom: 1px solid #e2e2e2;
}
caption {
  padding: .5rem 1rem;
  color: #999;
  text-align: center;
}
th, td {
  text-align: center;
}
table thead tr th {
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
  background-color: #f3f3f3;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #9f9f9f;
  padding: 5px;
}
table thead tr th:last-child {
  border-right: 0;
}
table tbody tr th {
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
  background-color: #f3f3f3;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 5px;
}
table tbody tr td {
  font-size: 1rem;
  color: #626262;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px;
  line-height: 120%;
}

table td:first-of-type,
table th:first-of-type {
  border-left: 0 !important;
}

table td:last-of-type,
table th:last-of-type {
  border-right: 0 !important;
}

.hidden-txt {
  overflow: hidden;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  text-indent: -9999px;
  padding: 0;
}
.h3 {
  position: relative;
  font-size: 1.9rem;
  color: #505050;
  margin: 0;
  margin-top: 0px;
  padding-top: 20px;
}
.h3:before {
  content: ' ';
  position: absolute;
  width: 122px;
  height: 6px;
  background-image: url('/assets/img/text-line.png');
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
.h3 span {
  color: #3965bd;
  font-weight: bold;
}
.h4,
.h5,
.h6 {
  margin: 0;
}
.p {
  font-size: 0.9rem;
  color: #505050;
  margin: 0;
  line-height: 1.5;
}
.list_txt li ul {
  list-style: none;
  padding-left: 20px;
}
.list_txt li ul li {
  position: relative;
  padding-left: 20px;
}
.list_txt li ul li:before {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 2px;
  top: 13px;
  left: 0;
  background-color: #333;
}
.point_box {
  text-align: center;
  padding: 15px 30px;
  background-color: #f2f5f9;
  border-radius: 10px;
}
.point_box h6 {
  font-size: 1rem;
  margin: 0;
  color: #000;
  margin-bottom: 10px;
}
.point_box p {
  font-size: 0.9rem;
  margin: 0;
  color: #3e3e3e;
  line-height: 1.5;
}

.color_blue {
  color: #051d56;
}
.content_left {
  padding-left: 30px;
}
.content_left_2 {
  padding-left: 40px;
}

.sub_top_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f4f4f4;
  border: 4px solid #efefef;
  border-radius: 15px;
  padding: 1rem 2rem;
}
.sub_top_box span {
  display: block;
  width: 90px;
  min-width: 90px;
  height: 90px;
  align-content: center;
  background: #fff;
  border-radius: 100%;
  padding: 15px;
  margin-left: 10px;
}

.visual_section{
  position: relative; 
  width: 100%;
  padding: 0;
  margin: 0; 
  padding-top: 127px; 
  border-bottom: 1px solid #e6e6e6;
}

body.dmz_1 .sub_visual{
  background: url("/assets/img/banner_top_01_v20251210.jpg") no-repeat center;
}

body.dmz_2 .sub_visual{
  background: url("/assets/img/banner_top_02_v20251210.jpg") no-repeat center;
}

body.dmz_3 .sub_visual{
  background: url("/assets/img/banner_top_03_v20251210.jpg") no-repeat center;
}

body.dmz_4 .sub_visual{
  background: url("/assets/img/banner_top_04_v20251212.jpg") no-repeat center;
}

body.dmz_5 .sub_visual{
  background: url("/assets/img/banner_top_05_v20251210.jpg") no-repeat center;
}


.container{
  display: flex;
  position: relative;
  max-width:1200px; 
  width: 100%;
  margin: 30px auto 0; 
  padding: 0; 
  min-height: 487px;
}

.top_text_box{
  width: 100%; 
  height: 220px; 
  margin: 0 auto; 
  align-content: center; 
  text-align: center; 
  position: relative; 
  z-index: 1;
}

.top_text_box p{
  display: inline-block;
  font-weight: 700;
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 6px;
  text-shadow: 0px 0px 5px rgb(115 115 115);
}

.sub_left_box{
  width: 220px; 
  margin-right: 50px;
}

.content_article{
  width:calc(100% - 270px); 
  padding-bottom: 3rem;
}

.sub_left_box h2{
  margin: 0; 
  padding: 0; 
  background: url("/assets/img/sidebar_title_v20251210.jpg") no-repeat; 
  color: #fff; 
  text-align: center; 
  width: 220px; 
  height: 90px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1.5rem; 
  border-top-right-radius: 15px; 
  letter-spacing: -1px;
}

.sub_left_box h2 strong {
  font-weight: 700;
}

.sub_left_box ul li{ 
  list-style: none;
}

.sub_left_box > ul{
  border:1px solid #e9e9e9; 
  border-top: none; 
  border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px;
}

.sub_left_box > ul >li{
  border-bottom:1px solid #e9e9e9;
}

.sub_left_box > ul >li:last-child{
  border-bottom:none;
}

.sub_left_box > ul >li > a{
  font-size: 1.063rem; 
  color: #444; 
  padding: 15px 1rem; 
  display: block; 
  line-height: 1.5; 
  font-weight: 500;
}

.sub_left_box > ul >li > ul > li{
  background: #f6f6f6;
  border-bottom: 1px solid #e9e9e9;
}

.sub_left_box > ul >li > ul > li:last-child {
  border-bottom: 0;
}


.sub_left_box > ul >li > ul > li > a{
  position: relative;
  font-size: 0.9rem; 
  font-weight: 500;
  padding: 13px 1rem 13px 2rem; 
  display: block; 
  color: #444; 
  display: block; 
  line-height: 1.5;
}

.sub_left_box > ul >li:last-child > ul > li:last-child > a{
  border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px;
}

.sub_left_box > ul >li > ul > li > a:hover{
  background: #ccc;
}

.sub_left_box > ul >li > ul > li > a.active{
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.sub_left_box > ul >li > a.active{
  position: relative; 
  background: #005333; 
  color: #fff; 
  cursor: unset;
}

.sub_left_box > ul >li:last-child > a.active{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.sub_left_box > ul >li > ul > li > a:before{
  content: " "; 
  display: block; 
  position: absolute; 
  top: 22px;
  left: 18px;
  width: 4px;
  height: 4px;
  background: url('/assets/img/left_menu_icon_v20251212.png') no-repeat;
}


.sub_left_box > ul >li > ul > li > ul > li > a{
  font-size: 0.8rem; 
  padding: 10px 1rem 10px 1.8rem; 
  display: block; 
  position: relative; 
  color: #000; 
  display: block; 
  line-height: 1.4;
}

.sub_left_box > ul >li > ul > li > ul > li > a:before{
  content: ""; 
  display: block; 
  position: absolute; 
  top: 18px; 
  left: 1.4rem; 
  width: 2px; 
  height: 2px; 
  background: #787878;
}

.sub_left_box > ul >li > ul > li > ul > li > a.active{
  color: #fff; 
  background: #2b557a; 
}

.sub_left_box > ul >li > ul > li > ul > li > a.active:before{
  background: #fff;
}

.stats_wrap{
  overflow: hidden;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
}

.stats_wrap h3{
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  font-weight: 700;
}

.b_crumb{
  float: right; 
  margin: 0; 
  padding: 0; 
  display: flex; 
  justify-content: left; 
  align-items: center; 
  flex-wrap: wrap; 
  margin-top: 6px;
}

.b_crumb li{
  display: inline-block;
  position: relative;
  padding-left: 5px;
  padding-right: 10px;
}

.b_crumb li:first-child{
  padding-left: 0;
}

.b_crumb li:last-child{
  padding-right: 0px;
}

.b_crumb li:after{
  position: absolute; 
  content: " "; 
  display: block; 
  top: 10px; 
  left: -7px; 
  width: 6px;
  height: 9px;
  background: url("/assets/img/breadcrumb_top_v20251210.png") no-repeat left center;
  background-size: 100%;
}

.b_crumb li:first-child:after{
  display: none;
}

.b_crumb li:first-child a:before {
  content: "";
  position: relative;
  display: inline-block;
  top: 2px;
  width: 19px;
  height: 18px;
  background: url("/assets/img/breadcrumb_home_v20251210.png") no-repeat left center;
  background-size: 100%;
}

.b_crumb li a {
  font-weight: 600;
  color: #565656 !important;
}

.content_box{
  padding-bottom: 3.125rem;
}

.content_wrap h4{
  position: relative; 
  padding-left: 40px;
  color: #333;
  font-size: 1.563rem;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  letter-spacing: -1px;
}

.content_wrap h4:before{
  content: ' ';
  position: absolute;
  width: 27px;
  height: 18px;
  background-image: url(/assets/img/icon_bullet_sub_v20251210.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 7px;
  left: 0;
}

.content_wrap h5{
  position: relative; 
  padding-left: 30px;
  color: #333;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  letter-spacing: -1px;
}

.content_wrap h5:before{
  content: ' ';
  position: absolute;
  width: 17px;
  height: 16px;
  background-image: url(/assets/img/icon_bullet_sub_02_v20251210.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 6px;
  left: 5px;
}

.content_wrap h6{
  position: relative; 
  padding-left: 30px;
  color: #111;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  letter-spacing: -1px;
}

.content_wrap h6:before{
  content: ' ';
  position: absolute;
  width: 16px;
  height: 17px;
  background-image: url(/cmmn/download.do?idx=112809);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 6px;
  left: 5px;
}

.mobile_slice {
  display: none;
  font-size: 0.9rem; 
  font-weight: 600;
}

.content_text_box {
  padding: 30px;
  border: 1px solid #e1f0ce;
  background: #f8ffef;
  border-top-right-radius: 15px;
  margin-top: 20px;
}

.content_text_box p {
  color: #555;
  font-size: 1.063rem;
  line-height: 164%;
  letter-spacing: -1.2px;
}

.content_img_box {
  position: relative;
  margin: 40px 0;
}

.greenbox {
  padding: 30px;
  border: 1px solid #e1e1e1;
  border-top-right-radius: 15px;
  font-size: 1.063rem;
  line-height: 164%;
  letter-spacing: -1.2px;
  color: #555;
  margin-top: 35px;
}

.greenbox h5 {
  margin-bottom: 20px;
}

.greenbox h6 {
  font-size: 1.25rem;
  margin-bottom: 20px;
}

.greenbox p {
  font-size: 1.1rem;
  color: #555;
  font-weight: 500;
}

.greenbox p span {
  color: #111;
  font-weight: 700;
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
  .container{
    width: 100%;
  }

  .sub_container{
    width: 100%;
  }

  .sub_visual{
    min-width: 100%; 
    min-height: 150px; 
    background-size: cover;
  }

  .top_text_box{ 
    width: 100%; 
    height: 150px;
  }

  .sub_left_box{
    display: none;
  }

  .content_article{
    width:100%; 
    padding:0 0.8rem;
  }

  .visual_section{ 
    width: 100%;
    padding-top: 79px;
  }

  .content_wrap h4:before{
    top: 3px;
  }
}
@media (max-width: 768px) {
  .h3 {
    font-size: 1.2rem;
  }
  .h4 {
    font-size: 1.15rem;
  }
  .h5 {
    font-size: 1.1rem;
  }
  .h6 {
    font-size: 1rem;
  }

  .mobile_slice {
    display: block;
  }
}
@media (max-width: 480px) {
  .stats_wrap h3{
    display: none;
  }

  .content_text_box,
  .greenbox {
    padding: 15px;
  }
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {

}


/*  DMZ 서브 공통 레이아웃 끝  */




/* 레프트 메뉴 3 + 4 뎁스 활성화 */
.sub_left_box > ul > li > ul{
  display:none;
}

.sub_left_box > ul > li > a.active + ul{
  display:block;
}

.sub_left_box > ul > li > a.active + ul > li > ul{
  display:none;
}

.sub_left_box > ul > li > a.active + ul > li > a.active + ul{
  display:block;
}

#result{padding-top:3.75rem;}

/* 컨텐츠 tab 영역 */
.nav-pills li {
  width: 32% !important;
  height: 3.5em;
  margin: -1px 0 0.65em 1% !important;
}

.nav-pills.col4>li>a {
  border: 1px solid #ddd;
  border-radius: 0;
  text-align: center;
  background: #f1f5f5;
  color: #737373;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  line-height: 1.3;
}

.nav-pills.col4>li>a:hover {
  border: 1px solid #178549;
}

.nav-pills.col4>li.on>a, 
.nav-pills.col4>li.on>a:hover, 
.nav-pills.col4>li.on>a:focus {
  background: linear-gradient(134deg, #35A02E, #06775a);
  color: #fff;
  border: 1px solid #178549;
  box-shadow: 3px 3px 15px rgb(65 143 100 / 25%);
}


@media (max-width: 992px){
  .nav-pills{margin-left: -1.3333%}
  .nav-pills li{width: 32%;margin-left: 1.3333% !important; height: 4.0em;}

}
@media (max-width: 576px){
  .nav-pills{margin-left: -2%}
  .nav-pills li{width: 48% !important;margin-left: 2% !important; }
  .nav-pills li > a{padding: 19px 0 !important;}
}

.content_wrap p {
  margin:0; 
}


/*  DMZ 관광지  */


.dmz_link_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px;
  border-radius: 5px;
  border: 1px solid #28953a;
  color: #28953a;
  line-height: 150%;
  max-width: 85px;
  margin: auto;
  font-weight: 600;
  font-size: 0.9rem;
  transition: none;
}

.dmz_link_btn:before {
  position: absolute;
  content: ' ';
  display: block;
  width: 13px;
  height: 13px;
  background: url('/cmmn/download.do?idx=112832') no-repeat;
  background-size: 100%;
  right: 7px;
}

.dmz_link_btn:hover {
  background: #28953a;
  color: #fff;
}

.dmz_link_btn:hover:before {
  background: url('/cmmn/download.do?idx=112833') no-repeat;
  background-size: 100%;
}


/*  DMZ 관광지 끝  */




/*  DMZ 체험관  */

.dmz_title_impact {
  line-height: 130%;
  font-size: 1.3em;
  font-weight: 600;
}

.dmz_col_box_title {
  background: #f8f7f5;
  padding: 5px 7px;
  font-weight: 600;
  height: 40px;
  display: flex;
  align-items: center;
}

.dmz_col_box_title span {
  font-size: 1.1rem;
  font-weight: 500;
  margin-right: 3px;
}

.dmz_col_box_text {
  padding-top: 10px;
  line-height: 150%;
  font-size: 0.938rem;
  font-weight: 500;
}

.dmz_4col_box {
  margin-right:-5px;
}

.dmz_4col_box > div {
  margin-top:10px;
  display: flex;
  flex-wrap:wrap;
}

.dmz_4col_box > div.padding_b_box > div {
  padding-bottom: 20px;
}

.dmz_4col_box > div > div {
  width:25%;
  padding-right: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.dmz_4col_box > div > div img {
  width: 100%;
}

.dmz_3col_box {
  margin-right:-5px;
}

.dmz_3col_box > div {
  margin-top:10px;
  display: flex;
  flex-wrap:wrap;
}

.dmz_3col_box > div > div {
  width:33.333%;
  padding-right: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.dmz_3col_box > div > div img {
  width: 100%;
}

.dmz_2col_box {
  margin-right:-10px;
}

.dmz_2col_box > div {
  margin-top:10px;
  display: flex;
  flex-wrap:wrap;
}

.dmz_2col_box > div > div {
  width:50%;
  padding-right: 10px;
  padding-bottom: 15px;
  box-sizing: border-box;
}

.dmz_2col_box > div > div > div {
  display: flex;
}

.dmz_2col_box > div > div > div > div {
  width: 100%;
  margin-bottom:10px;
}

.dmz_2col_box > div > div > div > div:not(:first-child) {
  margin-left: 20px;
}


.dmz_2col_box > div > div img {
  width: 100%;
}

.dmz_sub_title {
  border-top: 2px solid #000;
  padding: 5px 0;
  font-size: 1.3em;
  font-weight: 600;
  margin-top: 13px !important;
}

.dmz_sub_title b {
  display: block;
  color: #aaa;
  font-size:0.7em;
}

.dmz_full_img {
  margin-top: 10px;
}

.dmz_full_img img {
  width: 100%;
}

.dmz_campgreaves_info_bottom{
  display: flex;
  padding: 30px;
  width:100%;
  align-items: center;
  box-sizing: border-box;
  margin-top:30px;
  background-image: url('/cmmn/download.do?idx=62');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}

.dmz_campgreaves_info_bottom > div {
  margin: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  border-left: 1px solid #fff;
}

.dmz_campgreaves_info_bottom > div:first-child {
  border-left: 0;
}

.dmz_campgreaves_info_bottom>div p,
.dmz_campgreaves_info_bottom>div h6 {
  color:#fff;
}

.dmz_campgreaves_info_bottom>div h6 {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.dmz_campgreaves_info_bottom > div a {
  text-decoration: none;
  background-color: #262836;
  color:#fff;
  border-radius: 30px;
  display:inline-block;
  padding:0 40px;
  font-weight:bold;
}

.dmz_exhibition_box {
  display: flex;
}

.dmz_exhibition_box > div {
  width:100%;
  padding-right: 20px;
}

.dmz_exhibition_box > div:last-child {
  padding-right:0;
}

.dmz_exhibition_box > div:first-child img {
  width:100%;
}

@media (max-width: 768px) {
  .dmz_4col_box > div > div {
    width:50%;
  }

  .dmz_3col_box > div > div {
    width:100%;
    padding-right: 0;
  }

  .dmz_campgreaves_info_bottom {
    flex-direction: column;
  }

  .dmz_campgreaves_info_bottom > div {
    width:100%;
    border-left: 0;
  }

  .dmz_2col_box > div > div {
    width: 100%;
  }

  .dmz_exhibition_box {
    flex-direction: column;
  }

  .dmz_exhibition_box > div:first-child {
    padding-right: 0;
    margin-bottom: 10px;
  }
}

/*  DMZ 체험관 끝  */


/*  bi소개  */
.dmz-bi h5.txt-logo{display:block;width:594px;height:28px;margin:20px auto 0 ;text-align:center;overflow:hidden;text-indent:-9999px;background:url('/cmmn/download.do?idx=71') 0 0 no-repeat;}
.dmz-bi > p > img{width:316px;display:block;margin:0 auto;padding:20px 0 0}
.dmz-bi > p {margin-bottom:20px}

/*img-box*/
.img-box{display:table;margin-left:15px}
.img-box dl{border:1px solid #e2e2e2;padding:10px;text-align:center}
.img-box dd{font-size:1.25em;padding-top:9px;font-weight:600;line-height:1.2em;text-align:center}

.img-boxs li{float:left;margin-right:2%;margin-bottom:2%}
.img-boxs li dl{border:1px solid #e2e2e2;box-sizing:border-box;padding:10px 20px;}
.img-boxs li:nth-child(3n){margin-right:0}
.img-boxs li dt{font-weight:600;font-size:1.2em}
.img-boxs li dd{font-size:1.25em;font-weight:600;line-height:1.2em;text-align:center}
.img-boxs li dd img{width:205px;padding: 7px 0 10px 0}

.img-boxs li dt.tit{font-size:1.2em;}
.img-boxs li dd.summary{font-weight:normal;font-size:.9em;padding-top:0}

/*img-boxs-2개*/
.img-boxs2{width:400px;margin:10px auto 0}
.img-boxs2 li{float:left;border:1px solid #e2e2e2;box-sizing:border-box;padding:15px;margin-right:1em;margin-bottom:1em}
.img-boxs2 li dt{font-weight:600;margin-bottom:10px}
.img-boxs2 li dd{font-weight:600;line-height:1.2em;text-align:center}

/*img-boxs -3개(주무관님요청으로 중앙정렬)*/
.img-boxs3{display: flex;justify-content: center; width:670px;margin:20px auto 0}
.img-boxs3 li{margin-right:1em;margin-bottom:1em}
.img-boxs3 li:nth-child(3n){margin-right:0}
.img-boxs3 li dt{font-weight:600;text-align:center;}
.img-boxs3 li dt img{padding: 7px 0 0}
.img-boxs3 li dd{font-weight:600; line-height: 130%; margin-top: 20px;}
.img-boxs3 li dd img{padding:0 0 10px}


/*img-boxs -4개(주무관님요청으로 width100)*/
.img-boxs4 li{float:left;border:1px solid #e2e2e2;box-sizing:border-box;padding:15px;margin-left:1em;margin-bottom:1em}
.img-boxs4 li:nth-child(4n+1){margin-left:0}
.img-boxs4 li dt{margin-bottom:10px}
.img-boxs4 li dd{font-weight:600;line-height:1.2em;text-align:center}
.img-boxs4 li dd img{padding: 7px 0 10px 0}


@media (max-width: 768px) {
  /*img-box 1개*/
  .img-box{width:100%}
  .img-box > img{width:100%}
  .img-box dl{width:187px;padding:10px;margin:20px auto 10px}

  /*img-box 3개*/
  .img-boxs li:first-child{margin-top:20px !important}
  .img-boxs li{width:100%}
  .img-boxs li dl{width:250px;padding:20px;margin:0 auto 20px}
  .img-boxs li dt img{width:100%}
  .img-boxs li dd{margin-top:10px}
  /*이미지박스*/
  .img-boxs3{width:100%;flex-direction: column;}
}


/*  bi소개 끝  */


/* 전시관 */

.thumnail_list_box {
  width:100%; 
  display:inline-block;
}

.thumnail_list_box li {
  float:left; 
  width:31.3%; 
  margin:10px 1%; 
  padding-left: 0 !important;
}

.thumnail_list_box li:after {
  content: none !important;
}

.thumnail_list_box li > a {
  position: relative;
  display: block;
}

.thumnail_list_box li > a:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  border: 4px solid #005333;
  transition: all 0.4s ease;
}

.thumnail_list_box li > a:hover:after {
  opacity: 1;
}

.thumnail_list_box li a .thumnail_list_img {
  width:100%; 
  height:200px; 
  overflow:hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.thumnail_list_box li a .thumnail_list_img img {
  transition:all 0.3s; 
  transform:scale(1) rotate(0.001deg); 
  width:100%; 
  height:100%;
  object-fit: cover;
}

.thumnail_list_box li a:hover .thumnail_list_img img{
  transform:scale(1.2) rotate(0.001deg);
}

.thumnail_list_box li a .thumnail_list_tit01{
  font-size:18px; 
  font-weight:500; 
  color:#000; 
  overflow: hidden; 
  white-space: nowrap; 
  text-overflow: ellipsis;
  word-break: break-all;
  text-align: center;
  border: 1px solid #e9e9e9;
  border-top: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 5px;
}

.thumnail_list_box li a .thumnail_list_txt {
  margin: 20px 5% 20px; 
  font-size:14px; 
  line-height:22px; 
  float: right; 
  display: inline-block;
}



.thumnail_content_box {
  width:100%; 
}

.thumnail_content_box .thumnail_content_img_box {
  width: 100%;
  display: inline-block;
}


.thumnail_content_box .thumnail_content_img_box ul {
  display:flex; 
  flex-wrap: wrap;
  width:100%; 
  margin:20px 0;
  margin-right: -20px;
}

.thumnail_content_box .thumnail_content_img_box ul li {
  width:calc(50% - 20px);
  margin-bottom: 20px;
  padding-left: 0 !important;
}

.thumnail_content_box .thumnail_content_img_box ul li:after {
  content: none !important;
}

.thumnail_content_box .thumnail_content_img_box ul li:first-child {
  margin-right: 20px;
}

.thumnail_content_box .thumnail_content_img_box ul li img {
  width: 100%; 
  max-width: 100%;
  border-radius: 15px;
}

.thumnail_content_box .thumnail_content_img_box .thumnail_list_tit01 {
  font-size: 25px; 
  font-weight: bold; 
  color:#005333; 
  line-height: 130%;
  padding: 20px 0;
  border-bottom: 1px solid #333;
}

.thumnail_content_box .thumnail_content_img_box .thumnail_list_tit01 span {
  display: block;
  font-size: 20px;
  color: #777;
  font-weight: 500;
}

.thumnail_content_box .thumnail_content_img_box .thumnail_content_tt01 {
  width:100%; 
  padding:2% 0; 
  font-size:17px; 
  font-weight: 500;
  color: #333;
  letter-spacing:-0.4px; 
  line-height:160%; 
  word-break:keep-all;
}

.thumnail_content_box .under_line {
  width:100%; 
  display: inline-block; 
  border-bottom:1px solid #ccc;
}

.thumnail_content_box dl {
  width:100%; 
  display: inline-block; 
  border-bottom:1px solid #ccc;
}

.thumnail_content_box dl dt {
  width:100%; 
  float: left; 
  font-size: 34px; 
  color:#003d9a; 
  font-weight: bold;
}

.thumnail_content_box dl dd {
  float:left; 
  width:100%; 
  padding:2% 0; 
  font-size:16px; 
  word-break: keep-all; 
  line-height: 24px; 
  color: #333;
}

.thumnail_content_box .thumnail_content_img_box .thumnail_content_img_view {
  width:100%; 
  margin:20px 0;
}


@media (max-width: 768px) { 

  .thumnail_list_box li {
    float:left; 
    width:48%;
  }

  .thumnail_list_box li a .thumnail_list_tit01 {
    font-size:14px; 
  }

  .thumnail_list_box li a .thumnail_list_txt {
    font-size:11px; 
    line-height:20px; 
    margin:17px 5%;
  }


  .thumnail_content_box dl dt {
    font-size:16px;
  }

  .thumnail_content_box dl dd {
    font-size:12px;
  }

  .thumnail_content_box .thumnail_content_img_box ul li {
    width:100%;
  }

  .thumnail_content_box .thumnail_content_img_box ul li:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .thumnail_content_box .thumnail_content_img_box .thumnail_list_tit01 {
    font-size:16px; 
    letter-spacing:-1px;
  }

  .thumnail_content_box .thumnail_content_img_box .thumnail_list_tit01 span {
    font-size:11px;
  }

  .thumnail_content_box .thumnail_content_img_box .thumnail_content_tt01 {
    font-size:12px;
  }
}

@media (max-width: 480px) { 
  .thumnail_list_box li {
    width:100%;
    margin: 10px 0;
  }

  .thumnail_list_box li a .thumnail_list_img {
    height: auto;
  }
}

/* 전시관 끝 */


/* DMZ BI */

.bg_grid {
  background:
  linear-gradient(to bottom, transparent 8px, #f1f1f1 8px) 0 0 / 100% 10px repeat-y,
  linear-gradient(to right, transparent 8px, #f1f1f1 8px) 0 0 / 10px 100% repeat-x
  white;
  border: 1px solid #f1f1f1;
  padding: 20px;
  align-content: center;
  max-width: 500px;
  width: 100%;
  min-height: 195px;
  text-align: center;
  margin: auto;
}

.bi_flex {
  position: relative;
  display: flex;
}

.bi_flex .bi_26box {
  width: 26%;
  margin-right: 20px;
}

.bi_flex .bi_75box {
  width: 75%;
}

.bi_flex h5 {
  font-size: 1.38rem;
  color: #005333;
}

.bi_text_box {
  background: #f8ffef;
  border-top-right-radius: 15px;
  padding: 30px 20px;
}

@media (max-width: 768px) { 
  .bi_flex {
    flex-direction: column;
  }

  .bi_flex .bi_26box {
    width: 100%;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .bi_flex .bi_75box {
    width: 100%;
  }
}

/* DMZ BI 끝 */



/* 자주하는 질문 */

.qna_wrap .content li {
  list-style: none;
}

.qna_wrap .toggleBoard  {
  position: relative;
}

.qna_wrap .toggleBoard ul { 
  margin:0; 
  padding:0 
}


.qna_wrap .toggleBoard .collapsible h5 {
  font-size: 17px;
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
}

.qna_wrap .toggleBoard .collapsible h5 a {
  padding: 15px;
  color: #333;
  display: block;
  position: relative;
  padding-right:50px;
  padding-left:56px;
  font-weight:400;
  border:1px solid transparent;
}

.qna_wrap .toggleBoard .collapsible h5 a em { 
  position:absolute; 
  top:13px; 
  left:15px; 
  color:#fff; 
  background:#58a754; 
  width:30px; 
  height:30px; 
  text-align:center; 
  line-height:30px; 
  border-radius:500px; 
  font-style:normal; 
  font-size: 14px;
}

.qna_wrap .toggleBoard .collapsible h5 a:after {
  content: "";
  width: 13px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("/cmmn/download.do?idx=112818")no-repeat center right / contain;
  transition: all .4s ease;
  transform:translateY(-1px)
}

.qna_wrap .toggleBoard .collapsible h5 a.selected:after {
  transform: rotate(-180deg) translateY(50%)
}

.qna_wrap .toggleBoard .cpsContent {
  display: none;
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 20px 30px 20px 56px;
  background:#f6f6f6;
  position:relative;
}

.qna_wrap .toggleBoard .cpsContent .icA { 
  display:inline-block; 
  position:absolute; 
  top:15px; 
  left:15px; 
  width:30px; 
  height:30px; 
  background:#58a754; 
  color:#fff; 
  border-radius:500px; 
  text-align:center; 
  line-height:30px 
}

.qna_wrap .toggleBoard .cpsContent ul { 
  margin:0; 
  padding:0 
}

.qna_wrap .toggleBoard .cpsContent li { 
  line-height:150%;
  font-weight:300 
}

.qna_wrap .q_ul_style_box{
  color:#000;
}

.qna_wrap .q_ul_style_box li{
  position: relative; 
  padding-left: 15px; 
  margin-bottom: 10px;
}

.qna_wrap .q_ul_style_box li:last-child{
  margin-bottom: 0px;
}

.qna_wrap .q_ul_style_box li:after{
  content: "" ; 
  display: block; 
  width: 3px; 
  height: 3px; 
  background: #797979; 
  position: absolute; 
  top: 9px; 
  left: 4px;
}

.qna_wrap .q_ul_style_box li > ul{
  padding-left: 5px !important; 
  color:#454545; 
  margin-top:5px !important;
}

.qna_wrap .q_ul_style_box li > ul > li{
  margin-bottom: 0; 
  padding-left: 10px;
}

.qna_wrap .q_ul_style_box li > ul > li:after{
  content: "" ; 
  display: block; 
  width: 4px; 
  height: 1px; 
  background: #797979; 
  position: absolute; 
  top: 11px; 
  left: 0px;
}

.qna_wrap .toggleBoard .collapsible h5 a:hover{
  border: 1px solid #58a754;
}

/* 자주하는 질문 끝 */


/* 평화누리길 */

.walk_road_wrap .color1 {
  background-color: #1f5519 !important;
  color: #fff !important;
}

.walk_road_wrap .color2 {
  background-color: #905035 !important;
  color: #fff !important;
}

.walk_road_wrap .color3 {
  background-color: #c74978 !important;
  color: #fff !important;
}

.walk_road_wrap .color4 {
  background-color: #005dad !important;
  color: #fff !important;
}

.walk_road_wrap .list_title_box {
  display: flex;
  position: relative;
}

.walk_road_wrap .list_title_box p {
  width: 12%;
  border-right: 1px solid #e3e3e3;
  border-top: 2px solid #626262;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f3f3f3;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 5px;
  text-align: center;
  color: #000;
}

.walk_road_wrap .list_title_box p:nth-child(1) {
  width: 8%;
}

.walk_road_wrap .list_title_box p:nth-child(3),
.walk_road_wrap .list_title_box p:nth-child(7) {
  width: 20%;
}

.walk_road_wrap .list_title_box p:last-child {
  border-right: 0;
}

.walk_road_wrap .toggleBoard  {
  position: relative;
}

.walk_road_wrap .toggleBoard .title {
  display: flex;
  position: relative;
}

.walk_road_wrap .toggleBoard .title p {
  width: 12%;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
  text-align: center;
  align-content: center;
  line-height: 150%;
}

.walk_road_wrap .toggleBoard .title p:nth-child(1) {
  width: 8%;
}

.walk_road_wrap .toggleBoard .title p:nth-child(3),
.walk_road_wrap .toggleBoard .title p:nth-child(7) {
  width: 20%;
}

.walk_road_wrap .toggleBoard .title p:last-child {
  border-right: 0;
}

.walk_road_wrap .toggleBoard .title p span {
  display: none;
}

.walk_road_wrap .toggleBoard .title a {
  width: 12%;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
  text-align: center;
  align-content: center;
  line-height: 150%;
}

.walk_road_wrap .toggleBoard .title a span {
  display: block;
  padding: 5px;
  border: 1px solid #28953a;
  border-radius: 5px;
  color: #28953a;
  max-width: 85px;
  font-size: 0.9rem;
  font-weight: 600;
  margin: auto;
}

.walk_road_wrap .toggleBoard .title a span:hover {
  background: #28953a;
  color: #fff;
}

.walk_road_wrap .toggleBoard .cpsContent {
  display: none;
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 20px 56px;
  background:#f6f6f6;
  position:relative;
  border-bottom: 1px solid #e3e3e3;
}

.walk_road_wrap .toggleBoard .cpsContent p {
  text-align: center;
}


@media (max-width:768px) {

  .walk_road_wrap .list_title_box {
    display: none;
  }

  .collapsible {
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 10px;
  }

  .walk_road_wrap .toggleBoard .title {
    flex-wrap: wrap;
  }

  .walk_road_wrap .toggleBoard .title p {
    display: flex;
    align-items: center;
    width: 50% !important;
    text-align: left;
    padding: 0;
    border-right: 0;
  }

  .walk_road_wrap .toggleBoard .title p:first-child {
    width: 100% !important;
    border-right: 0;
    text-align: center;
    display: block;
    background-color: #eeee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
  }

  .walk_road_wrap .toggleBoard .title p:nth-child(2),
  .walk_road_wrap .toggleBoard .title p:nth-child(5) {
    border-right: 1px solid #e3e3e3;
  }

  .walk_road_wrap .toggleBoard .title p:nth-child(3) {
    order: 1;
  }

  .walk_road_wrap .toggleBoard .title p:nth-child(7) {
    order: 2;
  }

  .walk_road_wrap .toggleBoard .title p:nth-child(3),
  .walk_road_wrap .toggleBoard .title p:nth-child(7) {
    width: 100% !important;
  }

  .walk_road_wrap .toggleBoard .title p:nth-child(7) {
    border-bottom: 0;
  }

  .walk_road_wrap .toggleBoard .title p span {
    display: block;
    font-weight: 500;
    margin-right: 10px;
    border-right: 1px solid #e3e3e3;
    min-width: 50px;
    height: 100%;
    align-content: center;
    padding: 5px;
    background-color: #fbfbfb;
    text-align: center;
  }

  .walk_road_wrap .toggleBoard .title a span {
    max-width: 100%;
  }

  .walk_road_wrap .toggleBoard .title a {
    width: 100%;
    border-bottom: 0;
    border-top: 1px solid #e3e3e3;
    order: 3;
  }

  .walk_road_wrap .toggleBoard .cpsContent {
    padding: 10px;
  }
}

/* 평화누리길 끝 */



/* 평화누리 자전거 */

.bike_road_wrap .color1 {
  background-color: #724598 !important;
  color: #fff !important;
}

.bike_road_wrap .color2 {
  background-color: #168334 !important;
  color: #fff !important;
}

.bike_road_wrap .color3 {
  background-color: #e82e15 !important;
  color: #fff !important;
}

.bike_road_wrap .color4 {
  background-color: #f18101 !important;
  color: #fff !important;
}

.bike_road_wrap .color5 {
  background-color: #844929 !important;
  color: #fff !important;
}

.bike_road_wrap .color6 {
  background-color: #e8437f !important;
  color: #fff !important;
}

.bike_road_wrap .color7 {
  background-color: #007cb8 !important;
  color: #fff !important;
}

.bike_road_wrap .list_title_box {
  display: flex;
  position: relative;
}

.bike_road_wrap .list_title_box p {
  width: 12%;
  border-right: 1px solid #e3e3e3;
  border-top: 2px solid #626262;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f3f3f3;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 5px;
  text-align: center;
  color: #000;
}

.bike_road_wrap .list_title_box p:nth-child(1) {
  width: 8%;
}

.bike_road_wrap .list_title_box p:nth-child(2) {
  width: 44%;
}

.bike_road_wrap .list_title_box p:last-child {
  border-right: 0;
}

.bike_road_wrap .toggleBoard  {
  position: relative;
}

.bike_road_wrap .toggleBoard .title {
  display: flex;
  position: relative;
}

.bike_road_wrap .toggleBoard .title p {
  position: relative;
  width: 12%;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
  text-align: center;
  align-content: center;
  line-height: 150%;
}

.bike_road_wrap .toggleBoard .title p:nth-child(1) {
  width: 8%;
}

.bike_road_wrap .toggleBoard .title p:nth-child(2) {
  width: 44%;
}

.bike_road_wrap .toggleBoard .title p:last-child {
  border-right: 0;
}

.bike_road_wrap .toggleBoard .title p span {
  display: none;
}

.bike_road_wrap .toggleBoard .title a {
  width: 12%;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
  text-align: center;
  align-content: center;
  line-height: 150%;
}


.bike_road_wrap .toggleBoard .title a span {
  display: block;
  padding: 5px;
  border: 1px solid #28953a;
  border-radius: 5px;
  color: #28953a;
  font-weight: 600;
  font-size: 0.9rem;
  max-width: 85px;
  margin: auto;
}

.bike_road_wrap .toggleBoard .title a span:hover {
  background: #28953a;
  color: #fff;
}

.bike_road_wrap .toggleBoard .cpsContent {
  display: none;
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 20px;
  background:#f6f6f6;
  position:relative;
  border-bottom: 1px solid #e3e3e3;
}

.bike_road_wrap .toggleBoard .cpsContent p {
  text-align: center;
}

@media (max-width:768px) {

  .bike_road_wrap .list_title_box {
    display: none;
  }

  .collapsible {
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 10px;
  }

  .bike_road_wrap .toggleBoard .title {
    flex-wrap: wrap;
  }

  .bike_road_wrap .toggleBoard .title p {
    display: flex;
    align-items: center;
    width: 50% !important;
    text-align: left;
    padding: 0;
  }

  .bike_road_wrap .toggleBoard .title p:first-child {
    width: 100% !important;
    border-right: 0;
    text-align: center;
    display: block;
    background-color: #eeee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
  }

  .bike_road_wrap .toggleBoard .title p:nth-child(odd) {
    border-right: 0;
  }

  .bike_road_wrap .toggleBoard .title p:nth-child(4),
  .bike_road_wrap .toggleBoard .title p:nth-child(5) {
    border-bottom: 0;
  }

  .bike_road_wrap .toggleBoard .title p span {
    display: block;
    font-weight: 500;
    margin-right: 10px;
    border-right: 1px solid #e3e3e3;
    min-width: 50px;
    height: 100%;
    align-content: center;
    padding: 5px;
    background-color: #fbfbfb;
    text-align: center;
  }

  .bike_road_wrap .toggleBoard .title a span {
    max-width: 100%;
  }

  .bike_road_wrap .toggleBoard .title a {
    width: 100%;
    border-bottom: 0;
    border-top: 1px solid #e3e3e3;
  }
}

/* 평화누리 자전거 끝 */