body{margin:0px;padding:0px;font-size:var(--font-14);}
@import url('https://fonts.cdnfonts.com/css/alte-din-1451-mittelschrift-gepraegt');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
	* {text-decoration:none;outline:0;padding:0;margin:0;}
/*span{display:inline-block;}  */
fieldset{border:none;border:0;}
img, a, span{border:0 none;vertical-align:top;}
u{vertical-align:top;text-decoration: underline;}
* html img, a, span{border:0 none;}
em{font-style:normal;}
address{font-style:normal;}

hr{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
td *, div *, li *, span *, p *, a *, u *{vertical-align:top;margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;text-align:left;clear:both;width:100%;}
:root{
    scroll-behavior: auto;

	
	--font-14:14px;
	--brown:#AA8F60;
	--brown1:#B7733B;
	--blue:#0D1B2D;
	--white:#fff;
	--black1:#1B1A18;
	--ative_c:#B7733B;
	--brown2:#CCAD66;
}

div, li, p, span, select, textarea, input, ul{ font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;color:#666;font-size:1.0rem;}
h1,h2,h3,h4,h5,h6{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;font-weight:500;color:var(--black1);word-break:break-all;/*word-break:keep-all;*/letter-spacing:-1px;}
p{word-break:break-all;/*word-break:keep-all;*/letter-spacing:-1px;}
h2{font-size:1.7rem;font-weight:600;}
h3.post-details__title{font-size:1.35rem;}
div,li,p,dt,dd{word-break:break-all;}
.eng_text{font-family: 'Alte DIN 1451 Mittelschrift gepraegt', 'Alte DIN 1451 Mittelschrift', sans-serif;}
.brown_btn1{background:var(--brown1);color:var(--white);}
.brown_btn{background:var(--brown);color:var(--white);}
.blue_btn{background:var(--blue);color:var(--white);}
.main_body{background:#e0dfdb;}
.intro_bg{background:#e0dfdb url('../img/intro/all_bg.jpg') no-repeat center top;width:100%;height:100%;background-size:cover;box-sizing: border-box;display:flex;justify-content: center;align-items: center;margin-top:-45px;}
.footer_wrap{background:var(--black1);color:var(--white);width:100%;height:42px; display:flex;justify-content: center;align-items: center;}
.footer_wrap p{font-size:0.90rem;text-align:center;font-weight:300;letter-spacing:0px;}
.intro_main{width:100%;padding-top:30px;}
.intro_btn_wrap{margin-bottom:30px;}
.intro_btn_wrap li{width:100%;margin-top:15px;}
.intro_btn_wrap a{color:var(--white);text-align:center;display:block;padding:10px 15px 11px 15px;}

.logo img{height:40px;}
.header__logo.header__logo--text img{height:40px;}

.main_title p{margin-top:8px;}
.main-nav ul li{width: calc(100% - 32px);}
.main-nav.main_nav_wrap{padding:0px 0px;width: 100%;box-sizing: border-box;margin-bottom:20px;}
.page_maintitle{position:relative;margin-bottom:20px;}
.page_maintitle h2:before{position:absolute;content:'';left:0px;top:50%;width:3px; height:92%;background:var(--ative_c);transform: translate(0, -48%);}
.page_maintitle p:before{position:absolute;content:'';left:0px;top:50%;width:3px; height:92%;background:var(--ative_c);transform: translate(0, -50%);}
.page_maintitle h2{font-size:1.45rem;position:relative;padding-left:15px;font-weight:600;}
.mainpage_title h2{font-size:1.75rem;}
.page_maintitle p{padding-top:20px;position:relative;margin-top:-7px;padding-left:15px;}

.post-details__feat-image{margin-bottom:20px;}
.main-nav .nav_logo{text-align:Center;}
  .accordion__input:checked ~ .accordion__label, .accordion .accordion__label:hover {
    background-color: var(--ative_c);
   color:var(--white);}
.page__content{overflow-x: hidden;}
.bottom_tarea{background:#101A2C;padding:25px 15px;margin-left:-15px;width:100%;}
.bottom_tarea .page_maintitle {margin-bottom:10px;}
.bottom_tarea .page_maintitle h2{color:var(--white);}
.bottom_tarea p{color:var(--white);margin-bottom:10px;}
.radio_start ul{    display: flex;justify-content: space-between;align-items: center;margin-bottom:10px;}
.radio_start li{  display: flex;justify-content: left;align-items: center;}
.radio_start li input{margin-right:2px;}
.radio_start textarea{width:100%;height:40px;border:none;margin-top:10px;}
.radio_start button{width:100%;background:var(--brown1);border:none;color:var(--white);padding:10px 0px;margin-top:10px;}
.page_section{min-height:564px;margin-bottom:28px;}
.radio_start img{width:14px;}
.img_w{width:100%;}
.content_wrap{margin:20px 0px;}
input, textarea{font-size:0.95rem;}
input{border-radius:0px;border:1px solid #ccc;padding:8px;}
button{border:none;}
.search_wrapper{border:2px solid var(--ative_c);position:relative;}
.search_wrapper input{border:none; }
.search_wrapper button{border-radius:0px;background:none;position:absolute;right:8px;top:7px;}
.search_button img{height:15px;}

.service_list_wrap li, .notice_list_wrap li{width: calc(100% - 30px);}
.notice_list_wrap li{ border:1px solid #ededed;padding:10px 15px;background-color: #fff;  box-shadow: 4px 4px 30px -5px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 4px 4px 30px -5px rgba(0, 0, 0, 0.08);margin:10px 0px;}
.notice_list_wrap li dl{ display:flex;justify-content: space-between;align-items: center;}
.notice_list_wrap li dt{ color: var(--black1);font-weight:500;margin-right:15px;position:relative;}
.notice_list_wrap li dd{text-align:right;width:100px;}
.notice_list_wrap li a{color: var(--black1);}

.service_list_wrap li{ border:1px solid #ededed;padding:10px 15px;background-color: #fff;  box-shadow: 4px 4px 30px -5px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 4px 4px 30px -5px rgba(0, 0, 0, 0.08);margin:10px 0px;}
.service_list_wrap li dl{ display:flex;justify-content: space-between;align-items: center;}
.service_list_wrap li dt{ color: var(--black1);font-weight:500;margin-right:15px;}

.service_list_wrap li dd{text-align:right;width:100px;}
.service_list_wrap li a{display:inline-block;background:var(--ative_c);padding:6px 15px;color:var(--white);font-size:0.85rem;width:70px;}


.notice_i{background:var(--ative_c);color:#fff;display:inline-block;font-size:0.74rem;padding:1px 8px 1px 8px;margin-right:5px;margin-top:-2px;}

.pageing_wrap{margin-top:20px;}
.pageing_wrap ul{display:flex;justify-content: center;align-items: center;}
.pageing_wrap li{margin:0px 3px;}
.pageing_wrap li a{color:var(--black1);}
.pageing_wrap li.active a, .pageing_wrap li:hover a{background:var(--ative_c);border:1px solid var(--ative_c);color:var(--white);}
.pageing_wrap li a{display:inline-block;border:1px solid #ededed;width:25px;height:25px;text-align:center;line-height:24px;color:#666;}
.pageing_wrap li img{width:10px;}
.main-nav ul li a i{width:14px;height:14px;border:none;right:12px;}
.main-nav ul li img{width:14px;height:14px;}
.slider-simple{border-radius: 0px; }
.page_maintitle_sub{margin-top:-10px;margin-bottom:10px;}
.map_btnwrap ul{display: flex;justify-content: space-between;align-items: center;gap:10px;width:100%;margin-top:15px;}
.map_btnwrap li{text-align:Center;width:calc(50% - 5px);}
.map_btnwrap li a{display:block;color:var(--white);padding:10px;font-size:0.90rem;}
.tab-container {
  width: 100%;

}

.tab-buttons {
  display: flex;
margin-left:-5px;
margin-bottom:15px;
}

.tab-button {
position:relative;
margin:0px 3px 0px 4px;
  padding: 3px 12px 5px 12px;
  cursor: pointer;
	color: var(--black1);
background:var(--white);
text-align:center;
font-size:0.95rem;


}
.tab-scroll-container{position:relative;}
.tab-scroll-container .scroll-btn{position:absolute;top:-10px;}
.tab-scroll-container .scroll-btn img{width:20px;}
.scroll-btn.left{left:-22px;}

.scroll-btn.right{right:-25px;}
.tab-button:before{content:'';position:absolute;right:-4px;top:0px;width:1px;height:100%;background:var(--ative_c);}
.tab-button.active {background:var(--ative_c);color:var(--white);}

.tab-content {

}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.tab-button-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

.tab-button-wrapper::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}



.scroll-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  padding: 10px;
  z-index: 2;
}

.scroll-btn.left {
  display: none; /* 처음엔 숨김 */
}


.content_tabwrap div{font-size:1.0em;line-height:1.5;color: var(--black1);letter-spacing:-1px;}
.content_tabwrap h4{font-size:1.20rem;font-weight:700;margin-bottom:8px;color: var(--black1);}
.map_info{margin-bottom:10px;}
.content_tabwrap li, .content_tabwrap p{color: var(--black1);}
.tab_img{margin-bottom:20px;}
.content_tabwrap{border-bottom:1px solid rgba(27,26,24,0.2);padding:15px 0px;}
.content_tabwrap:last-child{border-bottom:none;}

.wrap { width: 100%; overflow-x: auto; white-space: nowrap; 
        -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.wrap::-webkit-scrollbar {display: none;}

.post-details_title{display: flex;justify-content:left;align-items: center;}
.post-details_title .header__icon a{margin-top:-6px;margin-right:10px;display:inline-block;}
.post-details__date{font-weight:500;text-align:right;font-size:1.0rem;border-top:1px solid #ededed;padding-top:15px;}
.post-details__feat-image img{border-radius: 0px;}
.header__icon img{max-width:18px;}
.text-left{text-align:left;}
.icon_titlew {margin-right:15px;}
.icon_titlew img{width:15px;}
.icon_titlew1 img{width:13px;}
li {display:inline-block;}
.header__logo--text img{margin-left:40px;}
.slogo_text{text-align:left;}
.slogo_text .slogo_text_img{color:#1b1b1b;}

@media (min-width: 481px) {
.m_br{}

}
@media (max-width: 480px) {
body{font-size:12px;}

.m_br{display:none;}
}
  /* 배경 오버레이 */
    #popupOverlay {
      position: fixed;
      top: 0; left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.85); /* 투명 검정 */
      display: none;
      z-index: 9998;
    }

    /* 팝업 박스 */

  .popup {

      position: fixed;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -30%);
      width: 75%;
	  max-width:600px;
      padding: 20px;
      background: white;
  
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
      display: none; /* 기본은 숨김 */
      z-index: 9999;
	  
		/* 높이 자동 */
		height: auto;
		/*max-height: 90%;  /* 화면 90% 이상 커지지 않도록 제한 */
		/*overflow: auto;*/   /* 내용이 max-height 넘어가면 스크롤 */
    }
    .popup button {
     background:#fff;
    }
	.popup_c img{width:100%;}
	.popup_btnwrap{display: flex;justify-content: space-between;align-items: center;margin-top:20px;}

  .select-container {
            position: relative;
  
        }

        .custom-select {
            position: relative;
            display: inline-block;
            width: 100%;
            cursor: pointer;
        }

        .select-button {
		box-sizing: border-box;
            width: 84px;
            padding: 5px 0px;
            background: #fff;
         

            font-size: 0.95rem;
          color: var(--black1);
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }

       /* .select-button:hover {
            border-color: #667eea;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
        }

        .select-button.active {
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }*/

        .flag-icon {

            width: 16px;
      
            margin-right: 5px;
    
            display: inline-block;
            background-size: cover;
            background-position: center;
        }

        .arrow {
		  border-radius: 0px;
		  margin-top:-5px;
		margin-left:12px;
         width: 6px; /* 사이즈 */
    height: 6px; /* 사이즈 */
    border-top: 1px solid var(--black1); /* 선 두께 */
    border-right:1px solid var(--black1); /* 선 두께 */
	 transform: rotate(135deg); /* 각도 */
            transition: transform 0.3s ease;
        }

        .arrow.rotated {
		margin-top:2px;
            transform: rotate(315deg);
        }

        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #fff;
          
  
            border-radius: 0 0 12px 12px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            z-index: 1000;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .dropdown.active {
            max-height: 300px;
            border-color: #667eea;
        }

        .dropdown-item {
            padding: 8px;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #f0f0f0;
        }

        .dropdown-item:last-child {
            border-bottom: none;
        }

        .dropdown-item:hover {
            background: var(--ative_c);
            color: var(--black1);
        }

        .dropdown-item.selected {
            background: var(--ative_c);
            color: var(--black1);
        }
		#selectedText{color: var(--black1);font-size:0.95rem;}
		.dropdown-item span{color: var(--black1);font-size:0.90rem;}

        /* 국기 아이콘 스타일 */
        /*.flag-kr { background: linear-gradient(to bottom, #fff 50%, #cd2e3a 50%); }
        .flag-us { background: linear-gradient(45deg, #b22234 25%, #fff 25%, #fff 50%, #b22234 50%); }
        .flag-jp { background: #fff; position: relative; }
        .flag-jp::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; background: #bc002d; border-radius: 50%; }
        .flag-cn { background: #de2910; position: relative; }
        .flag-cn::after { content: '⭐'; position: absolute; top: 2px; left: 2px; font-size: 8px; color: #ffde00; }*/


.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* 뒷배경 투명 검정 */
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

.popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 80%;
  max-width: 600px;
  position: relative;
}

.close-btn {
 background: #fff;
  position: absolute;
  top:20px;
  right: 20px;
}

.map-box {
  height: 350px;

  display: flex;
  justify-content: center;
  align-items: center;


  }
  .pbtn_wrap{border-top:1px solid #ccc;padding-top:15px;text-align:right;}
  .pbtn_wrap a{display:inline-block;background:var(--ative_c);color:var(--white);padding:8px 25px;font-size:0.95rem;}

  .slider-simple__prev::after, .slider-simple__next::after{color:var(--white) ! important;}
.main-nav ul li.all_lis{text-align:Center;}
.main-nav ul li.all_list a{background:var(--blue);color:var(--white);text-align:Center;display:block;}
.main-nav ul li.all_list a span{color:var(--white);}

.main_introwrap{/*display: flex;justify-content:center;align-items: center;width:100%;height:100%;*/}

.panel-close--right.active img{width:16px;height:16px;}



.editor-content img {
    width: 100% !important;   /* inline width 무시 */
    height: auto !important;  /* 비율 유지 */
    display: block;
}