body{margin:0px;padding:0px;font-size:var(--font-14);}
body.lang-ko,
body.lang-ko * {
  font-family: 'Suit', sans-serif;
}

body.lang-en,
body.lang-en * {
  font-family: 'Source Serif 4', serif;
}

body.lang-cn,
body.lang-cn * {
  font-family: 'Noto Sans SC', sans-serif;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}



	* {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:middle;}
* 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 *{vertical-align:middle;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:#6F625D;
	--brown1:#3A3A3A;
	--white:#EFEAE4;
	--black1:#000000;
	--ative_c: #6F625D;
    --brown2: #CCAD66;
	--gray:#878686;
}

div, li, p, span, select, textarea, input, ul{ font-family: 'Suit', sans-serif; color:var(--brown1);font-size:1.0rem; letter-spacing: -0.02em;}
h1,h2,h3,h4,h5,h6{font-family: 'Suit', sans-serif; font-weight:600;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; color:var(--black1);}
h2{font-size:1.7rem; line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 18px; position: relative; padding-bottom: 10px;}
h3.post-details__title{font-size:1.35rem;}


.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{content: ""; position: absolute; bottom: 0; left: 0; width: 36px; height: 2px; background: var(--ative_c);}

.page_maintitle h2{position:relative; font-size: 1.7rem; font-weight:500; padding-bottom: 10px; letter-spacing: -0.02em;  color: var(--brown);}
.page-category{ display:inline-block; font-size:12px; background: var(--ative_c); color: var(--white); border:1px solid var(--ative_c); padding:4px 10px; border-radius:0; margin-bottom:8px;}


.mainpage_title h2{font-size:1.75rem; padding-bottom: 10px;}
.page_maintitle p{ margin-top: 8px;}



.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; padding-top: 30px;}
.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(--brown);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{ border-bottom: 1px solid #f1f1f1;}
.main-nav ul li:last-child{ border-bottom: none;}
.main-nav ul li a{ transition: all .25s ease;}
.main-nav ul li a i{width:14px;height:14px;border:none;right:12px;}
.main-nav ul li a:hover{ padding-left: 6px;  color: var(--ative_c); font-weight: 600;}
.main-nav ul li img{width:25px;height:25px; padding: 6px; background: #f5f6f8; border-radius: 50%;}



.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:600;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;gap:5px;}
.post-details_title .header__icon a{margin-top:-12px;margin-right:10px;display:inline-block;}
.post-details__date{font-weight:500;text-align:left;font-size:1.2rem;padding-top:0;}
.post-details__feat-image img{border-radius: 0px;}
.header__icon img{max-width:18px; opacity: 0.7;}
.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;
    }
    .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: 100px;
            padding: 5px 0px;
            background: transparent;
         

            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: 30px;
      
            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(--white);
        }

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

		.dropdown .dropdown-item:hover span { color: var(--white);}
		.dropdown-item:hover .flag-icon img{}

		.dropdown-item.selected,
		.dropdown-item.selected span{ color: var(--white);}

		.dropdown-item.selected .flag-icon img{}

        /* 국기 아이콘 스타일 */
        /*.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{}
  .pbtn_wrap a{ background:var(--ative_c);color:var(--white); font-size:1rem; display:flex; justify-content: center; align-items: center; width: 100%; padding: 16px; box-sizing: border-box;}

  .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;}



/*헤더*/
.logo img{height:26px;}
.header__logo.header__logo--text img { height: 26px;}
.header__icon--menu { position: relative; width: 24px; height: 18px; cursor: pointer;}

.main-nav .nav_logo{text-align:left;}
.mobile-nav__group { margin-top: 40px;}

.mobile-nav__group.main_title h2 { font-size: 1.7rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 18px; padding-bottom: 10px;}
.panel--left { background: #fff;}


/*.panel--left.active { background-image: url('../img/intro/square_bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}*/
.header.header-scrolled{ background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); box-shadow: 0 4px 20px rgba(0,0,0,0.08);}

.dropdown-item { display: flex; align-items: flex-end !important;}


/*index*/
.intro_bg { background: #e0dfdb url('../img/intro/square_bg4.jpg') no-repeat center top; width: 100%; height: 100%; background-size: cover; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.intro_main { width: 100%; padding-top: 30px; padding-bottom: 30px;}
.mobile-section-menu { margin-top: 60px;}


.menu-group + .menu-group { margin-top: 60px;}
.menu-group__title { margin: 0 0 18px; line-height: 1.2;}

.menu-group__title::after{ content: ""; display: block; width: 36px; height: 2px; background: var(--ative_c); margin-top: 10px;}

.menu-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 13px;}
.menu-card-grid--single { grid-template-columns: 1fr;}

.menu-card { display: flex; flex-direction: column;  align-items: center;  justify-content: center; height: 130px;  padding: 18px 14px; border: 1px solid var(--brown); background: #fff; border-radius: 10px; text-decoration: none; color: var(--black1); text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08);}

.menu-card__icon { flex-shrink: 0; width: 50px; height: 50px; font-size: 18px; line-height: 1;}
.menu-card__icon img { width: 50px; height: 50px; object-fit: contain;}
.menu-card__text { font-size: 14px; font-weight: 600; margin: 0; line-height: 1.2; word-break: keep-all;  letter-spacing: -0.02em; margin-top: 10px; min-height: 2.0em; /* 두 줄 높이 확보 */}

.main_title h2 { position: relative; padding-bottom: 10px;}
.main_title h2:after{ content: ""; display: block; width: 100%; height: 2px; background: var(--ative_c); margin-top: 10px;}
.main_title h2.big-title:after{ content: ""; display: block; width: 36px; height: 2px; background: var(--ative_c); margin-top: 10px;}

.main_title .big-title { font-size: 2.3rem; letter-spacing: -0.03em; line-height: 1.1; text-transform: uppercase;}
.main_title .big-subtitle { font-size: 14px;  letter-spacing: -0.01em;}



.post-header { padding-top: 40px;}

.mobile-nav__group.main_title ul li {
    padding: 13px 0;
}

.mobile-nav__group.main_title ul li:first-child {
    padding: 0 0 13px 0;
}



.post-details__feat-image{ min-height: 300px;}

/*footer*/
.footer_wrap{ background:var(--brown1); color:var(--white);width:100%;height:42px; display:flex;justify-content: center;align-items: center;}
.footer_wrap p{ color: var(--white);}




@media (max-width: 480px) {

br.mo { display: none;}
.menu-card { padding: 18px 10px; height: 110px;}


}
@media (max-width: 420px) {
h2 {font-size: 1.8rem;}
.header__logo--text img { margin-left: 25px;}

.menu-card__icon { width: 40px; height: 40px;}
.menu-card__icon img { width: 40px; height: 40px;}

}

@media (max-width: 360px) {
.menu-card__text { font-size: 16px;}
.header__logo.header__logo--text img { height: 20px;}


}

@media (max-width: 320px) {
.header__logo--text img { margin-left: 3px;}
.main_title .big-title { font-size: 2.0rem;}



.menu-card__text { font-size: 14px;}
}