@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');




/* 여러 감추기 및 보이기*/
#tnb, #hd_wrapper, #gnb .gnb_mnal, #gnb ul:after, .gnb_1dli .bg, .ctt_admin,
.gnb_1dli_over .gnb_2dul, #gnb_all h2, .fa.fa-times, #gnb_all .gnb_al_li .gnb_al_a,#gnb .gnb_close_btn,
.mb_log_cate{display: none;}
a{cursor: pointer;}


:root{
  --header-hei: 9.2rem;
  --sidemenuWidth: 40rem;
  --Font-dark-2: #000000;
  --Font-dark-3: #2e2a1f;
  --Font-dark-4: #868686;
}


/* 로딩 화면 스타일 */
#loading {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: white;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 100000; /* 다른 요소 위에 표시되도록 z-index 설정 */
 }
 #loading img{width:100px}
 
 /* 페이지 로드 후 숨겨질 때의 스타일 */
 #loading.hidden {
     display: none;
 }
 #wrapper{padding-top:var(--header-hei);}
/* 헤드 */
.logo-wr{display: inline-block;}
.logo-wr img{width: 24rem; height: 1.8rem;}
#gnb #gnb_1dul{display: flex; justify-content: space-between; align-items: center; width: 100%; z-index: 1000; background-color: #fff; height: var(--header-hei); padding: 0 2rem;}
#gnb_all{display: flex; flex-direction: column; z-index: 999; top:var(--header-hei); transform: translateY(-30px); transition: 0.3s all; opacity: 0;visibility: hidden; border: none; background-color: #ffffffe9; }
#gnb_all.visible{display: flex; top:calc(var(--header-hei) - 1px); transform: translate(0px); transition: 0.3s all; opacity: 1; visibility: visible; }
#gnb_all .line{width: calc(100% - 4rem); height: 1px; background-color: #e2e2e2; margin: 0 2rem;}
#gnb_all .gnb_consult_btn{position:absolute;right:2rem;top:2rem;padding:1rem 8rem;background-color:#ff9c00;color:#fff;font-size:2.5rem;border-radius:2rem;text-decoration:none;font-weight:600;z-index:10}
.gnb_1da{color: var(--Font-dark-2);}
#gnb .gnb_1dli{width: 14rem; text-align: center;}
#gnb .gnb_1dli:hover > a{color: var(--Font-dark-2);}
.gnb_1dli .gnb_1da span{position: relative;}
.gnb_1dli .gnb_1da span::before{content: '';  position: absolute;bottom: -1.2rem; background-color: #000; height: 0.4rem; left: 50%; transform: translateX(-50%); display: block; width: 0; transition: 0.3s all;}
.gnb_1dli.menuhover .gnb_1da span::before{width: 100%; transition: 0.3s all;}
.gnb_1dli .gnb_1da{width: auto; padding: 0; font-size: 2rem; font-weight: 600;}
#gnb_all .gnb_al_ul{display: flex; position: relative; color: var(--Font-dark-3); font-size: 1.8rem; font-weight: 500;}
#gnb_all .gnb_al_li li a{color: var(--Font-dark-4);}
#gnb_all .gnb_al_li li a:hover{color: var(--Font-dark-3);}
#gnb_all .gnb_al_li{padding: 10px 0; text-align: center; border-left:none; }
#gnb .gnb_wrap{display: flex; justify-content: center;}
#hd{position: fixed; width: 100%; z-index: 10000; font-size: 1.3rem;}
.mobile-wr{display: none;}

.snsbtn{display: flex; justify-content: center; align-items: center; gap: 0.7rem;}
.snsbtn-item{width: 10rem; height: 3.5rem; background-color: #e2e2e2; font-size: 1.6rem; font-weight: 600; border-radius: 17.5rem; display: flex; justify-content: center; align-items: center;}
.snsbtn-item:hover{background-color: #3e3e3e; color: #fff; transition: 0.2s all;}

/* 모바일 헤드 */
@media screen and (max-width:1024px) {
:root {
  --header-hei: 6.5rem; /* 모바일에서 헤더 높이 축소 */
}

html{font-size: 1.5vw;} /* 10px = 1rem 기준으로 변경 */

.pc-wr{display: none;}
.mobile-wr{display: block;}
.bar1, .bar2, .bar3 {width: 100%;height: 0.3rem;background-color: #C0C0C0;margin: 0.5rem 0;transition: 0.4s;}
#gnb_open {position:absolute;top:calc(var(--header-hei)/2 - 2rem);right:1rem;padding:0 1rem;height:4rem;width:4rem;border:0;background-size:70%;color:#fff;background:none;font-size:2em}

#gnb_all .gnb_al_li .gnb_al_a{display: flex;}
.gnb_al_li-wr{display: flex; flex-direction: column; width: 100%; padding-bottom: 2rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
#gnb_all .gnb_al_ul{background-color: #fff;}
#gnb_all .gnb_al_a{justify-content: space-between; align-items: center; padding: 2rem; 
     font-weight: 700; font-size: 2.2rem; position: relative;}
#gnb_all .gnb_al_a img{transform: rotate(0deg); transition: 0.2s all;}
#gnb_all .gnb_al_a.active img{transform: rotate(45deg); transition: 0.2s all;}
/* + 모양 만들기 (가로선) */
#gnb_all .gnb_al_a::before{content: ''; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); width: 2rem; height: 0.1rem; background-color: #333; transition: transform 0.3s ease;}
/* + 모양 만들기 (세로선) */
#gnb_all .gnb_al_a::after{content: ''; position: absolute; right: 2.95rem; top: 50%; transform: translateY(-50%); width: 0.1rem; height: 2rem; background-color: #333; transition: transform 0.3s ease;}
/* active 상태에서 45도 회전 (translateY도 함께 적용) */
#gnb_all .gnb_al_a.active::before,
#gnb_all .gnb_al_a.active::after{transform: translateY(-50%) rotate(45deg);}
#gnb_all .gnb_al_a img{display: none;}
#gnb .gnb_wrap {justify-content: flex-start;}
#gnb_all .gnb_al_ul2{max-height: 0; overflow: hidden; padding: 0 5px;  transition: max-height 0.4s ease, padding 0.4s ease;}
#gnb_all .gnb_al_ul2 li a{padding: 0.2rem 2rem; width: 100%; height: 100%; display: block; font-size: 1.6rem;}
#gnb_all .gnb_al_ul2.active{max-height: 500px; padding: 5px;}
#gnb_all .gnb_al_li{width: 100%; min-height: auto; padding: 0; text-align: left;}
#gnb .gnb_close_btn{display: none;}
.snsbtn{display: none !important;}
#gnb_all .gnb_consult_btn{display: none;}
}

@media screen and (max-width:400px) {
     html{font-size: 2vw;}
}

/* 상단 배너 */
.topBanner{width: 100%; position: relative;}
.topBanner img{width: 100%; position: relative; z-index: 0;}
.bannerText{width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; font-size: 3em; font-weight: 700;
     align-items: center; z-index: 1; text-align: center;}
.button-wr{display: flex; position: absolute; bottom:0; width: 100%; align-items: center; justify-content: center;
     background-color: #ffffffaa;  z-index: 2; flex-wrap: wrap;}
.button{height: 40px;  display: flex; align-items: center; font-size: 1.5em; transition: 0.2s all; color:#404040;}
.button:hover, .button.active{color: #0656A3; transition: 0.2s all;}
.button div{height: 70%; padding: 0 30px; display: flex; align-items: center;}
.button-wr .bar2{width:1px; background-color: #404040; height: 25px; margin: 0 10px;}
.topBanner .bar {position: absolute;transition: all 0.3s ease;height: 3px; bottom:-1px; background: #015AAA; /* 모바일 배너쪽도 같이 수정해야함*/ z-index: 3;}


/* 모바일 배너 */
@media screen and (max-width:1024px) {
.topBanner{height: 250px; display: flex; justify-content: center; overflow: hidden;}
.topBanner img{width: auto; height: 100%;}
.topBanner .bar{display: none;}
.button:hover, .button.active{border-bottom: 3px solid #015AAA; transition: none;}
}


/* 콘텐츠 스킨 스타일링 */
.ctt_con_wr{width: 1200px; margin: 0 auto;}





/* 게시판 스킨 */

.bo_sch_wrap{display: none; position: relative;}
.bo_sch{position: relative; margin:0}
#bo_list_total, .bo_sch_cls, .bo_sch h3, .btn_bo_sch{display: none;}
.bo_sch form{padding: 0; display: flex; gap:9.5px; justify-content: flex-end;}
.bo_sch select{height:auto;}
.btn_bo_user{margin:0; display: flex;}
.bo_sch .sch_bar{margin:0; display: flex; border: 0px; border-radius: 0; width: auto;}
.bo_sch .sch_input{width: 180px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch_bg{background: transparent; display: none;}

#sfl{width:108px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch .sch_btn{font-size: 28px;}
.bo_sch{width: auto;}
.td_num2{width:150px; text-align: center;}
.tbl_head01 thead th, .tbl_head01 thead th a{color:#AAAAAA;}

.tbl_head01 thead th{padding: 17px 0;}
.tbl_wrap table thead{border-bottom: 1px solid #707070; color: #fff; font-size: 20px; }
#bo_list .tbl_wrap table tbody{font-size: 20px; color: #333333; font-weight: 500;}
#bo_list .td_num2{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_subject{width: auto; padding: 30px 0 30px 30px; }
#bo_list .td_subject .bo_tit{color: #333333; font-weight: 500;}
#bo_list .td_name{width: 10%; padding: 17px 0; text-align: center;color: #333333; font-weight: 500;}
#bo_list .td_datetime{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_blank{width: 10%;}
#bo_list tbody .even td{background-color: transparent;}
#bo_list tbody .even:hover td{background-color: transparent;}
#bo_list tbody tr{border-left:none ;}
.tbl_wrap table{border-top:1px solid #707070; }
#bo_list .pg_wrap{float:none;}
.tbl_head01 thead th{border: none;}

.tbl_head01 td{border-top: none;; border-bottom: 1px solid #707070; font-size: 18px; font-weight: 500;}
.tbl_head01 td a{font-weight: 500;}
#bo_w, #bo_v{ margin: 0 auto;}

.pg_wrapper{width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row;margin: 151px 0 216px 0;}
.pg_wrap{display: flex;flex-direction: row;}
.pg{display: flex;flex-direction: row; align-items: center; justify-content: center; gap:30px}
.pg_page{display: flex; align-items: center; justify-content: center; border: none; 
  background-color: transparent;padding: 0px; font-size: 16px;line-height: 28px;font-weight: 500;min-width: 15px;
  transition: 0.2s color;border-radius: 0px;}

.pg_page:hover{color:#484F4B;border-bottom:2px solid #484F4B ;transition: 0.2s color;}
.pg_page.pg_next:hover{border-bottom:none; transform: translateX(2px); transition: 0.2s all;}
.pg_page.pg_next_disabled:hover{border-bottom:none;}
.pg_page.pg_next_disabled .arrow-button{cursor: default; }
.pg_page.pg_next_disabled .arrow-button::before,
.pg_page.pg_next_disabled .arrow-button::after{background-color: #959595;}
.pg_page.pg_prev:hover{border-bottom:none; transform: translateX(-2px); transition: 0.2s all;}
.pg_page.pg_prev_disabled:hover{border-bottom:none;}
.pg_page.pg_prev_disabled .arrow-button{cursor: default; }
.pg_page.pg_prev_disabled .arrow-button::before,
.pg_page.pg_prev_disabled .arrow-button::after{background-color: #959595;}
.pg_current{display: flex;flex-direction: row; align-items: center; justify-content: center;
  color:#484F4B;background-color: transparent;border: none;padding: 0 10px;
  font-size: 16px; line-height: 28px; cursor: default; font-weight: 500; 
  border-bottom:2px solid #484F4B ; border-radius: 0px; padding: 0; min-width: 15px;}




/* 애니메이팅 */
.act{opacity: 0; transform: translateY(30px); transition: 0.5s all;}
.act.visible{opacity: 1; transform: translateY(0);}
.actl{opacity: 0; transform: translateX(30px); transition: 0.5s all;}
.actl.visible{opacity: 1; transform: translateX(0);}
.actr{opacity: 0; transform: translateX(-30px); transition: 0.5s all;}
.actr.visible{opacity: 1; transform: translateX(0);}
.actt{opacity: 0; transform: translateY(-30px); transition: 0.5s all;}
.actt.visible{opacity: 1; transform: translateY(0);}
.big{opacity: 0; transform: scale(2.0); transition: 0.5s all;}
.big.visible{opacity: 1; transform: scale(1);}


.s1{transition-delay: 0.1s;}
.s2{transition-delay: 0.2s;}
.s3{transition-delay: 0.3s;}
.s4{transition-delay: 0.4s;}
.s5{transition-delay: 0.5s;}
.s6{transition-delay: 0.6s;}
.s7{transition-delay: 0.7s;}
.s8{transition-delay: 0.8s;}
.s9{transition-delay: 0.9s;}
.s10{transition-delay: 1.0s;}
.s11{transition-delay: 1.1s;}



/* 슬라이더 */

.slider-wr{width: 100%; overflow: hidden; position:relative; display: flex; justify-content: center;}
.main-slider{width: 100%;}
.slick-initialized .slick-slide{display: flex; justify-content: center; overflow: hidden;}
.main-slider img{width: 100%;min-width:850px; min-height: 350px;}
.slick-dots{bottom: 20px !important; z-index: 21;}
.slick-dots {bottom: 10px; list-style: none; display: flex; justify-content: center; padding: 0;}
.slick-dots li {margin: 0 5px;}
.slick-dots li button {border: none;color: transparent; width: 10px; height: 10px; border-radius: 100%; border: 2px solid #FFFFFF;transform: translateX(-10px);}
.slick-dots li.slick-active button {background-color: #0656A3;border: 2px solid #0656A3;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom: 0;}
#pauseButton {transform: translateX(25px);position: absolute;cursor: pointer;width: 13.2px;height: 13.2px;background-color: transparent;border: 0px;margin-left: 10px; z-index: 21;bottom:27px;display: flex;justify-content: space-between;}
#pauseButton.paused{width: 0; height: 0; border-top: 6.7px solid transparent; border-bottom: 6.7px solid transparent; border-left: 10.2px solid #fff}
#pauseButton div{background-color:#fff;width: 33%;height:100%}
.slider-wr .text-wr{text-align: left; display: block;  width:calc(100% - 40px); max-width: 1200px; position: absolute; font-size:35px; left:50%; transform: translateX(-50%); top:40%; z-index:999; font-weight: 300;}
.text-wr .toptext2{font-size: 50px; font-weight: 700; line-height: 100px;}



/* 푸터 */

#ft{display: flex; justify-content: center; background-color: transparent; flex-direction: column; width: 100%; max-width: 140rem; gap: 2rem; padding-bottom: 9.3rem; }
#ft_wr{display: flex; width: 100%; gap: 20px; max-width: none; border-top: 1px solid #e6e6e6; justify-content: space-between; padding: 0; padding-top: 4rem}
#ft_wr .left img{width: 24rem;}
#ft_wr .right{color: #999595; font-weight: 300; display: flex; gap: 1rem;}
#ft_wr .right a{display: flex; align-items: center; justify-content: center;}
#ft_wr .right img{width: 2rem;}
#ft_wr:after{display: none;}
#ft_content{font-size: 1.5rem;line-height: 1.3; color: #999595; font-weight: 300; width: 100%; text-align: left;padding-bottom: 4rem}

/* 뷰 폼 탭 네비게이션 (Sticky) */
.view_tab_nav_wrapper {position:sticky;top:var(--header-hei, 9.2rem);z-index:100;background:#fff; border-radius: 0 0 2rem 2rem;}
.view_tab_nav {padding: 1rem 2.6rem; background:#f5f5f5;display:flex;gap:1rem;border-radius: 2rem; justify-content:center}
.view_tab_btn {flex: 1; padding:1.2rem;font-size:2.5rem;font-weight:500;background-color: transparent; color:#666;
     border: none; border-radius:1rem;cursor:pointer;transition:all 0.3s ease; }
.view_tab_btn:hover, .view_tab_btn.active {background:#fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}

/* 풀페이지 */


#fullpage {position: relative;z-index: 2; pointer-events: auto; padding-bottom: 340px;}
.overlay{background-color: #000000; opacity: 0.45; position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: 0;}
.fp-watermark {display: none !important;}
#fullpage .section{height: 100vh ; text-align: center; overflow: visible;}
#fullpage .section.footer{height: auto;}

/* 탭 컨테이너 */
.section-top {width: 140rem; margin: 0 auto; padding: 3rem 2rem;}
.top-title {font-size: 4.5rem; font-weight: 700; color: #333;}
.tab-container {margin-bottom: 20px;}
.tab-buttons {width: 100%; display: flex; justify-content: center; gap: 10px; padding: 3rem 0;}
.tab-button {padding: 1rem 2rem; border: none; background: #fff; cursor: pointer; border-radius: 3rem; font-size: 2.1rem; transition: all 0.3s; font-weight: 600;}
.tab-button:hover {background: #f5f5f5;}
.tab-button.active {background: #333; color: #fff;}
.tab-content {position: relative; overflow: hidden;}
.tab-panel {display: none;}
.tab-panel.active {display: block;}

@media screen and (max-width:1024px) {
     .tab-panel {width: 100%;}
}
/* section1 탭 컨테이너 */
.section1-tab-container {margin-bottom: 10rem; }
.section1-tab-buttons {width: 140rem; margin: 0 auto; display: flex; justify-content: space-between;
      padding: 0.9rem 1.8rem; background-color: #f5f5f5; border-radius: 3rem;}
.section1-tab-button {padding: 1rem 2rem; border: none; cursor: pointer; border-radius: 3rem; background-color: transparent;
     font-size: 2.5rem; transition: all 0.3s; font-weight: 600; color: #7a7a7a;}
.section1-tab-button:hover { color: #333; }
.section1-tab-button.active {background: #41332a;; color: #fff;}
.section1-tab-content {position: relative; width: calc(140rem + 10rem); margin: 0 auto; margin-top: 4rem;}
.section1-tab-panel {display: none;}
.section1-tab-panel.active {display: block;}


#tab2 .pic_lt .swiper-wrapper{justify-content: center;}

@media screen and (max-width:1024px) {
     #tab2 .pic_lt .swiper-wrapper{justify-content: left}
     .section1-tab-button {font-size: 1.6rem;}
     .section1-tab-container{margin-bottom: 5rem;}
}

/* Section3*/
.section3-content{width: 140rem; margin: 0 auto; padding: 3rem 0 10rem 0; display: flex; gap: 2rem;}


/* Section3 left links */
.section3-content .left{width: 16%;}
.section3-content .left-link{display:flex;flex-direction:column; align-items:center; justify-content: center; height: 100%; gap:1.5rem;padding:2rem;background:#e1e1e1;border-radius:1rem;text-decoration:none;color:#333;transition:all 0.3s}
.section3-content .left-link:hover{background:#c6c6c6}
.section3-content .left-link .imgwr{width:5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.section3-content .left-link .imgwr img{height:4rem;width:auto}
.section3-content .left-link span{font-size:2.2rem;font-weight:600}

/* Section3 middle card */
.section3-content .middle{width:50.66%;display:flex;justify-content:center;align-items:flex-start}
.section3-content .middle-out{width:100%;background-color:#857266;border-radius:2rem; padding: 2.2rem;position:relative; display: flex; flex-direction: column; gap: 2rem;}
.section3-content .middle-out-top{color:#fff}
.section3-content .middle-title{font-size:3.5rem;font-weight:700;margin:0 0 1.5rem 0;color:#fff}
.section3-content .middle-desc{font-size:1.6rem;margin:0;color:rgba(255,255,255,0.9);line-height:1.5}
.section3-content .middle-inner{background:#fff;padding:3.5rem 2.5rem 2rem 2.5rem;border-radius:2rem;position:relative;z-index:1;display:flex;gap:2rem;justify-content:center}
.section3-content .middle-item{display:flex;flex-direction:column;align-items:center;gap:2rem}
.section3-content .middle-item .qrwr{width:8rem;height:8rem; padding: 0.5rem; border: 1px solid #41332a; border-radius: 1rem;}
.section3-content .middle-item .qrwr .qr-code{width:100%;height:100%;object-fit:cover}
.section3-content .middle-btn{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0.9rem 2.5rem;background:#fff;border:1px solid #bababa;border-radius:2rem;text-decoration:none;color:#333;transition:all 0.3s;font-size:1.8rem;font-weight:500;width:100%;min-width:15rem}
.section3-content .middle-btn:hover{background:#f5f5f5;border-color:#ccc}
.section3-content .middle-btn img{width:2.4rem;height:2.4rem;flex-shrink:0}

/* Section3 right cards */
.section3-content .right{width:33.33%;display:flex;flex-direction:column;gap:2rem}
.section3-content .right-card{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;border-radius:2rem;text-decoration:none;position:relative;transition:all 0.3s; height: 100%}
.section3-content .right-card-top{background-color:#857266}
.section3-content .right-card-bottom{background-color:#474747}
.section3-content .right-content{flex:1;display:flex;flex-direction:column}
.section3-content .right-label{padding:0.1rem 1.5rem;background-color:#fff;border-radius:1rem;font-size:1.3rem;font-weight:500;color:#41332a;margin-bottom:1rem;display:inline-block;align-self:flex-start}
.section3-content .right-card-top .right-title{font-size:3rem;font-weight:700;color:#fff;margin:0 0 1.5rem 0}
.section3-content .right-card-bottom .right-title{font-size:3rem;font-weight:700;color:#fff;margin:0 0 1.5rem 0}
.section3-content .right-card-top .right-text{font-size:1.4rem;line-height:1.3;color:#fff;margin:0}
.section3-content .right-card-bottom .right-text{font-size:1.4rem;line-height:1.3;color:#fff;margin:0}
.section3-content .right-arrow{width:3rem;height:3rem;flex-shrink:0;transition:transform 0.3s ease}
.section3-content .right-card:hover .right-arrow{transform:translateX(0.5rem)}

@media screen and (max-width:1024px) {
#ft_wr {flex-direction: column; align-items: center; padding: 30px 20px;}
#ft_wr .left {margin-bottom: 2rem;}
#ft_wr .right {justify-content: center;}
#ft_content {text-align: center;}

/* section1 탭 버튼 스크롤 가능 */
.section1-tab-container{padding: 0 2rem;}
.section1-tab-buttons {overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; gap: 1rem;}
.section1-tab-buttons::-webkit-scrollbar {display: none;}
.section1-tab-buttons {display: flex; width: 100%; padding: 0.9rem 0.9rem;border-radius: 4rem;}
.section1-tab-button {white-space: nowrap; flex-shrink: 0;padding: 1.6rem 0.9rem;}

/* section3 모바일 정렬 */
.section3-content {flex-direction: column; width: 100%; padding: 0rem 2rem 3rem 2rem;}
.section3-content .left {width: 100%;}
.section3-content .middle {width: 100%;}
.section3-content .right {width: 100%;}
.section3-content .right-title{text-align: center;}
.section3-content .right-card {height: auto; min-height: auto; align-items: center; flex-direction: column; }
.section3-content .middle-btn img{width: 1.5rem; height: 1.5rem; }
.section3-content .middle-btn{padding: 0.6rem 1.3rem;min-width: 0;}
.section3-content .middle-item .qrwr{width: 7rem; height: 7rem;}
.section3-content .middle-item{gap: 1rem;}
.section3-content .right-arrow{display: none;}
.section3-content .right-label{align-self:center}
.section3-content .right-text{text-align: center;}
.section3-content .right-text br{display: none;}
.section3-content .left-link{flex-direction: row;}
.section3-content .right-title{margin-bottom: 0.9rem!important;}

/* section2 모바일 정렬 */
.section2-content {width: 100%; padding: 0rem 2rem 10rem 2rem;}

@media screen and (max-width:1024px) {
     .section2-content {padding: 0rem 2rem 5rem 2rem;}
}

/* section-top */
.section-top {width: 100%; padding: 0 2rem 3rem;}
.top-title {font-size: 3rem;}

/* section1-tab-content */
.section1-tab-content {width: 100%; margin-left: 0; margin-right: 0; margin-top: 2rem;}

/* 탭 컨테이너 */
.tab-container {width: 100%;}
.tab-buttons {flex-wrap: wrap; gap: 1rem; padding: 2rem 2rem 3rem 2rem;}
.tab-button {font-size: 1.8rem; padding: 1.5rem 2.2rem;}

/* ctt_con_wr */
.ctt_con_wr {width: 100%; padding: 0 2rem;}
}


@media screen and (max-width:1024px){
     .view_board_info, .view_tab_nav_wrapper,
     .view_section{padding:0 2rem}
     .view_section.view_section_top{padding:0}
     .view_section{border-bottom:none}
     .view_tab_nav{width: auto;}
     
     /* view_tab_nav 스크롤 가능하게 */
     .view_tab_nav {
          overflow-x: auto;
          overflow-y: hidden;
          scrollbar-width: none; /* Firefox 스크롤바 숨김 */
          -ms-overflow-style: none; /* IE/Edge 스크롤바 숨김 */
          justify-content: flex-start;
          padding: 1rem 1.8rem;
     }
     .view_tab_nav::-webkit-scrollbar {
          display: none; /* Chrome/Safari 스크롤바 숨김 */
     }
     .view_tab_btn {
          white-space: nowrap; /* 텍스트 줄바꿈 방지 */
          flex-shrink: 0; /* 버튼이 줄어들지 않도록 */
          padding: 1.2rem 2rem;
     }
 }

/* 모바일 플로팅 메뉴 (기본 숨김) */
.mobile-floating-menu {display:none}

@media screen and (max-width:1024px) {
     /* 플로팅 메뉴 컨테이너 */
     .mobile-floating-menu {display:block;position:fixed;bottom:2rem;right:2rem;z-index:10000;transition:bottom 0.3s ease}
     
     /* 서브페이지에서는 9rem 더 위로 */
     .mobile-floating-menu.subpage {bottom:11rem}
     
     /* 메인 버튼 (햄버거/닫기) */
     .fab-main-btn {width:6rem;height:6rem;border-radius:50%;border:none;background:#474747;color:#fff;cursor:pointer;
          box-shadow:0 4px 12px rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;
          transition:all 0.3s ease;position:relative;z-index:10001}
     .fab-main-btn:hover {background:#333;transform:scale(1.1)}
     .fab-main-btn:active {transform:scale(0.95)}
     
     /* 아이콘 전환 */
     .fab-icon {position:absolute;transition:all 0.3s ease}
     .fab-icon-menu {opacity:1;transform:rotate(0deg)}
     .fab-icon-close {opacity:0;transform:rotate(180deg)}
     .mobile-floating-menu.active .fab-icon-menu {opacity:0;transform:rotate(-180deg)}
     .mobile-floating-menu.active .fab-icon-close {opacity:1;transform:rotate(0deg)}
     
     /* 옵션 버튼들 */
     .fab-options {position:absolute;bottom:7rem;right:0;display:flex;flex-direction:column;gap:1.2rem;
          opacity:0;visibility:hidden;transform:translateY(2rem);transition:all 0.3s ease}
     .mobile-floating-menu.active .fab-options {opacity:1;visibility:visible;transform:translateY(0)}
     
     /* 개별 옵션 버튼 */
     .fab-option {width:6rem;height:6rem;border-radius:50%;background:#fff;border:2px solid #e5e5e5;
          display:flex;align-items:center;justify-content:center;text-decoration:none;
          box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.3s ease;position:relative;margin-left:auto}
     .fab-option:hover {transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.25)}
     .fab-option:active {transform:scale(0.95)}
     .fab-option img {width:2.4rem;height:2.4rem;object-fit:contain}
     .fab-option svg {width:2.4rem;height:2.4rem}
     
     /* 상담하기 버튼 (강조) */
     .fab-option-primary {background:#ffc600;border-color:#ffc600}
     .fab-option-primary:hover {background:#ffd633}
     
     /* 라벨 (호버 시 표시) */
     .fab-option::before {content:attr(data-label);position:absolute;right:6rem;background:#474747;color:#fff;
          padding:0.8rem 1.5rem;border-radius:2rem;font-size:1.4rem;white-space:nowrap;font-weight:500;
          opacity:0;visibility:hidden;transition:all 0.3s ease;pointer-events:none}
     .fab-option:hover::before {opacity:1;visibility:visible;right:6.5rem}
     
     /* 애니메이션 딜레이 (순차적으로 나타남) */
     .mobile-floating-menu.active .fab-option:nth-child(1) {transition-delay:0.05s}
     .mobile-floating-menu.active .fab-option:nth-child(2) {transition-delay:0.1s}
     .mobile-floating-menu.active .fab-option:nth-child(3) {transition-delay:0.15s}
     .mobile-floating-menu.active .fab-option:nth-child(4) {transition-delay:0.2s}
}