@charset "utf-8";
/* =========================================================================
   생생병원 main.css  —  Figma: 생생병원 (node 7322:2251 / mobile 7519:2059)
   Desktop First. html font-size: 100% > (≤1440) 80% > (≤1024) 100%
   ========================================================================= */

:root{
	--pink:#E7336E;          /* Primary/Normal */
	--navy:#142D42;          /* Navy/Normal */
	--navy-deep:#0E2233;     /* Navy/Strong~Deep */
	--navy-foot:#0E2233;
	--gold:#E3C878;
	--black:#000;
	--txt:#000;
	--gray:#6D6D6D;          /* Neutral/700 */
	--gray2:#8E8E8E;         /* Neutral/600 */
	--gray3:#878A93;         /* Label/Assistive */
	--line:#E1E2E4;
	--line2:#E3E3E3;
	--bg-alt:#F7F7F8;
	--font:'Pretendard',-apple-system,'Malgun Gothic',sans-serif;
	--tr:all .3s ease;
	--container:100rem;      /* 1600px */
	--hd:5.625rem;           /* header 90px */
}

/* common */
*{box-sizing:border-box;}
p,dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{width:100%; max-width:var(--container); margin:0 auto; padding:0 1.25rem;}
.ta-l{text-align:left;} .ta-c{text-align:center;} .ta-r{text-align:right;}
.flex{display:flex; align-items:center;}
.flex-jb{display:flex; align-items:center; justify-content:space-between;}
.flex-jc{display:flex; align-items:center; justify-content:center;}
.flex-je{display:flex; align-items:center; justify-content:flex-end;}
img{max-width:100%;}
.main_tit{margin-bottom:2.75rem;}
.main_tit em{font-size:1rem; font-weight:600; color:var(--pink); letter-spacing:-0.02em;}
.main_tit .tit{margin:.75rem 0 1rem; font-size:2.25rem; letter-spacing:-0.04em; font-weight:700; color:var(--navy); line-height:1.22;}
.main_tit p{font-size:1.125rem; letter-spacing:-0.02em; font-weight:400; color:var(--gray); line-height:1.5;}
.no_data{width:100% !important; border-top:0.125rem solid #000; border-bottom:0.0625rem solid #000; height:29.375rem !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:1.75rem; margin:0 !important; aspect-ratio:initial !important;}
.no_data .icon{width:2.375rem;}
.no_data p{font-size:1.25rem; font-weight:500; letter-spacing:-0.02em; text-align:center;}


/* =========================== HEADER / GNB =========================== */
.header{position:fixed; top:0; left:0; z-index:1000; width:100%; height:var(--hd); transition:var(--tr);}
.header .inner{max-width:100%; padding:0 3.75rem; height:100%; display:flex; align-items:center; justify-content:space-between; gap:1.25rem;}
.header h1 a{display:block;}
.header h1 a img{width:7.5rem; display:block;}
.header h1 a img.logo_on{display:none;}
.header .gnb{display:flex; gap:4.6875rem;}
.header .gnb > li{position:static;}
.header .gnb > li > a{display:block; font-size:1.125rem; font-weight:600; color:#fff; line-height:5.625rem; transition:color .2s;}
.header .head_rt{display:flex; align-items:center; gap:1.75rem;}
.header .member{display:flex; align-items:center; gap:.9375rem;}
.header .member a{font-size:1rem; font-weight:500; color:#fff; letter-spacing:-0.025em;}
.header .member .line{width:0.0625rem; height:.625rem; background:rgba(255,255,255,.5); display:inline-block;}
.header .head_btns{display:flex; align-items:center; gap:.5rem;}
.hbtn{display:inline-flex; align-items:center; gap:.25rem; height:2.5rem; padding:0 1rem; font-size:1rem; font-weight:500; border-radius:.75rem; transition:var(--tr); white-space:nowrap;}
.hbtn img{width:1.25rem;}
.hbtn.line{border:0.0625rem solid rgba(255,255,255,.6); color:#fff;}
.hbtn.line img{filter:brightness(0) invert(1);}
.hbtn.fill{background:var(--pink); color:#fff; border-radius:.5rem;}
.hbtn.fill img{filter:brightness(0) invert(1);}
.all_menu_btn{width:2rem; cursor:pointer; filter:brightness(0) invert(1);}
.all_menu_btn img{width:100%; display:block;}
.head_mob_btn{display:none !important;}
.head_bg{display:none;}

/* header on light (hover / scroll / sub) */
.header:hover, .header.fixed, .header.on{background:#fff; box-shadow:0 .125rem 1.25rem rgba(0,0,0,.06);}
.header:hover h1 a img.logo, .header.fixed h1 a img.logo, .header.on h1 a img.logo{display:none;}
.header:hover h1 a img.logo_on, .header.fixed h1 a img.logo_on, .header.on h1 a img.logo_on{display:block;}
.header:hover .gnb > li > a, .header.fixed .gnb > li > a, .header.on .gnb > li > a{color:#000;}
.header:hover .gnb > li:hover > a{color:var(--pink);}
.header:hover .member a, .header.fixed .member a, .header.on .member a{color:#000;}
.header:hover .member .line, .header.fixed .member .line, .header.on .member .line{background:rgba(0,0,0,.5);}
.header:hover .hbtn.line, .header.fixed .hbtn.line, .header.on .hbtn.line{border-color:#000; color:#000;}
.header:hover .hbtn.line img, .header.fixed .hbtn.line img, .header.on .hbtn.line img{filter:none;}
.header:hover .all_menu_btn, .header.fixed .all_menu_btn, .header.on .all_menu_btn{filter:none;}

/* mega menu */
.gnb_wrap{position:static;}
.mega_bg{display:none; position:absolute; top:var(--hd); left:0; width:100%; height:auto; background:#fff;}
.mega{display:none; position:absolute; top:var(--hd); left:0; width:100%; background:#fff; border-top:0.0625rem solid var(--line); box-shadow:0 1.25rem 1.875rem rgba(0,0,0,.06);}
.header:hover .gnb > li:hover .mega{display:block;}
.mega_inner{position:relative; width:100%; max-width:var(--container); margin:0 auto; display:flex; min-height:31.25rem; padding:2.5rem 1.25rem 3.75rem;}
.mega_side{position:relative; width:23.75rem; flex-shrink:0; padding:1.375rem 2.5rem 0 0;}
.mega_side::before{content:''; position:absolute; top:-2.5rem; bottom:-3.75rem; right:6.25rem; width:100vw; background:var(--navy); z-index:-1;}
.mega_side em{position:relative; font-size:2.25rem; font-weight:700; letter-spacing:-0.015em; color:#fff; font-style:normal;}
.mega_cont{flex:1; padding-left:2.5rem;}
.mega_cols{display:flex; flex-wrap:wrap; gap:2.5rem;}
.mega_cols .col{width:calc((100% - 10rem)/5); min-width:9rem;}
.mega_cols .col_tit{display:block; font-size:1.375rem; font-weight:700; color:var(--navy); letter-spacing:-0.005em; margin-bottom:1rem;}
.mega_cols .col ul li + li{margin-top:.5rem;}
.mega_cols .col ul a{font-size:1rem; color:var(--gray3); transition:color .2s;}
.mega_cols .col ul a:hover{color:var(--pink);}
.mega_list{display:flex; flex-wrap:wrap; gap:1.75rem 2.5rem;}
.mega_list a{font-size:1.125rem; color:var(--gray); transition:color .2s;}
.mega_list a:hover{color:var(--pink);}
.mega_preview{width:19rem; flex-shrink:0; margin-left:2.5rem;}
.mega_preview .img{aspect-ratio:3/2; border-radius:.75rem; overflow:hidden; background:var(--bg-alt);}
.mega_preview .img img{width:100%; height:100%; object-fit:cover;}
.mega_preview .txt{margin-top:1.25rem;}
.mega_preview .txt strong{display:block; font-size:1.25rem; font-weight:500; line-height:1.45; color:#111;}
.mega_preview .txt span{display:block; margin-top:.75rem; font-size:1.125rem; color:var(--gray);}


/* =========================== PC 전체메뉴 =========================== */
.all_menu{display:none; position:fixed; inset:0; z-index:5000; background:#fff; overflow-y:auto;}
.all_menu_inner{max-width:var(--container); margin:0 auto; padding:5rem 1.25rem 7.5rem;}
.am_top{display:flex; align-items:center; justify-content:space-between; margin-bottom:3.75rem;}
.am_top .logo img{width:7.5rem;}
.all_menu_close{width:2rem; cursor:pointer;}
.am_block{padding:2.5rem 0; border-top:0.0625rem solid var(--line);}
.am_block:first-child{border-top:0;}
.am_btit{font-size:1.25rem; font-weight:700; color:#000; margin-bottom:1.25rem;}
.am_grid{display:flex; flex-wrap:wrap; gap:1.25rem 2.5rem;}
.am_grid a{width:13.75rem; font-size:1.125rem; font-weight:500; color:#000; transition:color .2s;}
.am_cols{display:flex; flex-wrap:wrap; gap:2.5rem;}
.am_cols .col{width:13.75rem;}
.am_cols .col_tit{display:block; font-size:1.125rem; font-weight:500; color:#000; margin-bottom:.75rem;}
.am_cols .col ul li + li{margin-top:.25rem;}
.am_cols .col ul a{font-size:1rem; color:var(--gray3); transition:color .2s;}
.all_menu a:hover{color:var(--pink);}


/* =========================== 모바일 전체메뉴 =========================== */
/* (≤1024 에서 노출) */


/* =========================== 퀵메뉴 =========================== */
.quick{position:fixed; right:1.875rem; bottom:8.75rem; z-index:900; display:flex; flex-direction:column; gap:.75rem;}
.quick a{width:5.125rem; border-radius:.75rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.25rem; text-align:center; transition:var(--tr);}
.quick a img{width:1.5rem;}
.quick a span{font-size:.875rem; font-weight:700; color:#fff; letter-spacing:-0.02em;}
.quick .q_book{height:4.5rem; background:var(--pink);}
.quick .q_book img{filter:brightness(0) invert(1);}
.quick .q_tel{height:4.5rem; background:var(--navy);}
.quick .q_tel img{filter:brightness(0) invert(1);}
.quick .top_btn{height:4.375rem; background:#fff; border:0.0625rem solid rgba(0,0,0,.1);}


/* =========================== VISUAL (히어로) =========================== */
.visual{position:relative;}
.vis_slider{position:relative; overflow:hidden;}
.visual .swiper-slide{position:relative; height:59.375rem;}
.visual .vis_img{height:100%;}
.visual .vis_img > a, .visual .vis_img{display:block; height:100%;}
.visual .vis_img img{width:100%; height:100%; object-fit:cover;}
.visual .vis_img::after{content:''; position:absolute; inset:0; background:rgba(0,0,0,.35); pointer-events:none;}
/* 비디오 배너 */
.visual .vis_img.vis_video{position:relative;}
.visual .vis_img.vis_video .pc, .visual .vis_img.vis_video .mob{position:absolute; inset:0;}
.visual .vis_img.vis_video iframe{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none;}

.visual .vis_txt{position:absolute; left:0; right:0; top:38%; transform:translateY(-50%); z-index:5; color:#fff;}
.visual .vis_txt em{display:block; font-size:1.25rem; font-weight:700; letter-spacing:-0.02em; margin-bottom:.75rem;}
.visual .vis_txt h2{font-size:3.5625rem; font-weight:700; letter-spacing:-0.025em; line-height:1.12; word-break:keep-all;}
.visual .vis_txt p{margin-top:.75rem; font-size:1.25rem; font-weight:400; letter-spacing:-0.005em; line-height:1.45; word-break:keep-all;}
.visual .vis_more{display:inline-flex; align-items:center; gap:.25rem; margin-top:2.5rem; padding:.75rem 1.5rem; font-size:1rem; color:#fff; border:0.0625rem solid #fff; border-radius:1.875rem; transition:var(--tr);}
.visual .vis_more img{width:1.25rem; filter:brightness(0) invert(1);}
.visual .vis_more:hover{background:#fff; color:var(--navy);}
.visual .vis_more:hover img{filter:none;}

/* 컨트롤 (dots + 자동재생 토글) */
.vis_ctrl{position:absolute; left:0; right:0; bottom:14.5rem; z-index:6; display:flex; align-items:center; gap:1.75rem;}
.vis_dots{display:flex; align-items:center; gap:.9375rem; width:auto;}
.vis_dots .swiper-pagination-bullet{width:.3125rem; height:.3125rem; border-radius:50%; background:#fff; opacity:.7; margin:0 !important; transition:var(--tr);}
.vis_dots .swiper-pagination-bullet-active{width:.625rem; height:.625rem; opacity:1;}
.vis_play{position:relative; width:2.5rem; height:2.5rem; border-radius:50%; border:0.0625rem solid rgba(255,255,255,.5); background:none; cursor:pointer; flex-shrink:0;}
.vis_play .ico_play, .vis_play .ico_pause{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.vis_play .ico_pause{width:.75rem; height:.75rem; border-left:.1875rem solid #fff; border-right:.1875rem solid #fff;}
.vis_play .ico_play{width:0; height:0; border-top:.4375rem solid transparent; border-bottom:.4375rem solid transparent; border-left:.625rem solid #fff; margin-left:.125rem;}
.vis_play .ico_play{display:none;}
.vis_play.paused .ico_pause{display:none;}
.vis_play.paused .ico_play{display:block;}

/* 하단 바로가기 탭 */
.vis_tab{position:absolute; left:0; right:0; bottom:2.5rem; z-index:6; display:flex; border-radius:.75rem; overflow:hidden;}
.vis_tab .vt_item{flex:1; height:5.5rem; display:flex; align-items:center; justify-content:center; gap:.5rem; background:rgba(255,255,255,.3); position:relative; transition:var(--tr);}
.vis_tab .vt_item:first-child{background:rgba(255,255,255,.4);}
.vis_tab .vt_item + .vt_item::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:0.0625rem; height:1.75rem; background:rgba(255,255,255,.4);}
.vis_tab .vt_item img{width:2.5rem; filter:brightness(0) invert(1);}
.vis_tab .vt_item span{font-size:1.125rem; font-weight:700; color:#fff;}
.vis_tab .vt_item:hover{background:rgba(255,255,255,.5);}

.vis_badge{position:absolute; right:0; bottom:14rem; z-index:5; width:10rem;}
.vis_badge img{width:100%;}

/* 슬라이드 1개일 때 컨트롤 숨김 */
.vis_slider.single .vis_ctrl{display:none;}


/* =========================== FOOTER =========================== */
.footer{background:var(--navy-foot); padding:3.75rem 0 8.75rem;}
.footer .ft_top{display:flex; align-items:center; justify-content:space-between; padding-bottom:2.5rem; border-bottom:0.0625rem solid rgba(255,255,255,.3);}
.footer .ft_logo img{width:10rem;}
.footer .ft_sns{display:flex; gap:.5rem;}
.footer .ft_sns a{width:2.75rem; height:2.75rem; border-radius:50%; border:0.0625rem solid rgba(255,255,255,.6); display:flex; align-items:center; justify-content:center; color:#fff; transition:var(--tr);}
.footer .ft_sns a img{width:1.25rem;}
.footer .ft_sns a:hover{background:rgba(255,255,255,.12);}
.footer .ft_mid{display:flex; justify-content:space-between; gap:2.5rem; margin-top:2.5rem;}
.footer .ft_use{display:flex; gap:1.875rem; margin-bottom:1.25rem;}
.footer .ft_use a{font-size:1rem; font-weight:500; color:#fff; letter-spacing:-0.0375em;}
.footer .ft_use a b{font-weight:700;}
.footer .ft_use a.gray{color:var(--gray);}
.footer .ft_info p{display:flex; flex-wrap:wrap; gap:.3125rem 1.25rem; margin-bottom:.3125rem;}
.footer .ft_info span{font-size:1rem; font-weight:400; color:#fff;}
.footer .ft_info b{font-weight:700; margin-right:.5rem;}
.footer .ft_copy{margin-top:1.25rem; font-size:1rem; color:rgba(255,255,255,.7); letter-spacing:-0.0375em;}
.footer .ft_right{text-align:right; flex-shrink:0;}
.footer .ft_cs{font-size:1.5625rem; font-weight:800; color:#fff; letter-spacing:-0.02em;}
.footer .ft_cs b{font-weight:800;}
.footer .ft_time{margin-top:.3125rem; font-size:1rem; color:#fff; letter-spacing:-0.0375em;}

/* 빠른문의 바 */
.inquiry_bar{position:fixed; left:0; bottom:0; z-index:800; width:100%; background:#fff; box-shadow:0 -.25rem 1.25rem rgba(0,0,0,.08); transition:transform .4s;}
.inquiry_bar.off{transform:translateY(100%);}
.inquiry_bar .inner{display:flex; align-items:center; justify-content:space-between; gap:2rem; height:5rem;}
.iq_tel{display:flex; align-items:center; gap:.75rem;}
.iq_tel strong{display:flex; align-items:center; gap:.3125rem; font-size:1.625rem; font-weight:800; color:var(--navy);}
.iq_tel strong img{width:1.625rem;}
.iq_tel span{font-size:.875rem; font-weight:500; color:var(--navy); letter-spacing:-0.03em;}
.iq_form{display:flex; align-items:center; gap:1.875rem; flex:1; justify-content:flex-end;}
.iq_fields{display:flex; gap:.9375rem;}
.iq_fields select, .iq_fields input{height:2.8125rem; border:0.0625rem solid var(--line2); border-radius:.375rem; padding:0 1.25rem; font-size:1.125rem; font-weight:600; color:var(--navy); font-family:var(--font); background:#fff;}
.iq_fields select{color:var(--gray2);}
.iq_fields input::placeholder{color:#BEBEBE;}
.iq_chk{display:flex; align-items:center; gap:.5625rem; cursor:pointer;}
.iq_chk input{width:1.25rem; height:1.25rem; accent-color:#000;}
.iq_chk span{font-size:1rem; color:#000;}
.iq_btn{height:2.8125rem; padding:0 1.75rem; background:var(--pink); color:#fff; border:0; border-radius:.5rem; font-size:1.125rem; font-weight:700; cursor:pointer;}
.iq_close{position:absolute; right:0; top:-2.6875rem; width:3.125rem; height:2.6875rem; background:var(--pink); border:0; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.iq_close img{width:.875rem; filter:brightness(0) invert(1);}


/* =========================== 팝업레이어 (newwin / #hd_pop) =========================== */
#hd_pop{position:relative; z-index:6000;}
#hd_pop .hd_pops{z-index:6000;}
#hd_pop .hd_pops_con{border:0 !important; border-radius:1.25rem; overflow:hidden; background:#fff; box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.25);}
#hd_pop .hd_pops_con img{display:block; max-width:100%; height:auto;}
#hd_pop .hd_pops_footer{display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#fff; padding:.75rem 1.25rem; font-size:1rem;}
#hd_pop .hd_pops_footer button{background:none; border:0; color:#000; cursor:pointer; font-size:1rem; font-family:var(--font);}
#hd_pop .hd_pops_footer .hd_pops_close{color:var(--pink); font-weight:600;}


/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media screen and (max-width:1440px){
	html{font-size:80%;}
	.inner{max-width:calc(100% - 4rem);}
	.header .inner{max-width:100%;}
	.mega_inner{max-width:calc(100% - 4rem);}
}

@media screen and (max-width:1024px){
	html{font-size:100%;}
	.pc{display:none !important;}
	.mob{display:block !important;}
	.inner{max-width:100%; padding:0 1.25rem;}

	/* HEADER */
	.header{height:3.75rem; --hd:3.75rem;}
	.header .inner{padding:0 1.25rem;}
	.header h1 a img{width:5rem;}
	.header .gnb, .header .member, .mega, .mega_bg{display:none !important;}
	.all_menu_btn{display:none !important;}
	.head_rt{gap:.75rem !important;}
	.head_btns .hbtn.line{display:none;}
	.head_btns .hbtn.fill{height:2.25rem; font-size:.875rem; border-radius:.5rem; padding:0 1rem;}
	.head_mob_btn{display:block !important; width:1.5rem; cursor:pointer; filter:brightness(0) invert(1);}
	.header:hover .head_mob_btn, .header.fixed .head_mob_btn, .header.on .head_mob_btn{filter:none;}

	/* PC 전체메뉴 숨김 */
	.all_menu{display:none !important;}

	/* 모바일 전체메뉴 */
	.head_bg{display:none; position:fixed; inset:0; z-index:10000; background:#fff;}
	.head_bg.on{display:block;}
	.mob_menu{height:100%; display:flex; flex-direction:column;}
	.mob_top{position:relative; padding:1.25rem 1.25rem 0;}
	.mob_logo img{width:6.25rem;}
	.head_bg_close{position:absolute; top:1.375rem; right:1.25rem; width:1.25rem; cursor:pointer;}
	.mob_login{margin-top:2.5rem;}
	.mob_login_links{display:flex; align-items:center; gap:.9375rem;}
	.mob_login_links a{font-size:1rem; font-weight:500; color:#000;}
	.mob_login_links .line{width:0.0625rem; height:.625rem; background:#000;}
	.mob_login_btns{display:flex; gap:.5rem; margin-top:1rem;}
	.mob_login_btns .hbtn{flex:1; justify-content:center; height:2.25rem; font-size:.875rem;}
	.mob_login_btns .hbtn.line{border-color:#000; color:#000;}
	.mob_login_btns .hbtn.line img{filter:none;}
	.mob_body{flex:1; display:flex; margin-top:1.25rem; border-top:0.0625rem solid var(--bg-alt); min-height:0;}
	.mob_1depth{width:12.5rem; flex-shrink:0; background:var(--navy); overflow-y:auto;}
	.mob_1depth li{display:flex; align-items:center; justify-content:space-between; padding:1rem; height:3.5rem; border-bottom:0.0625rem solid rgba(255,255,255,.3); cursor:pointer;}
	.mob_1depth li span{font-size:1rem; font-weight:700; color:#fff;}
	.mob_1depth li i{width:.375rem; height:.625rem; background:url("/img/main/ic_cright.svg") no-repeat center/contain; filter:brightness(0) invert(1);}
	.mob_1depth li.on{background:#fff;}
	.mob_1depth li.on span{color:var(--navy);}
	.mob_1depth li.on i{filter:none;}
	.mob_2depth{flex:1; overflow-y:auto; padding:1.25rem;}
	.mob_panel{display:none;}
	.mob_panel.on{display:block;}
	.mob_center + .mob_center{margin-top:1rem;}
	.mob_ctit{display:flex; align-items:center; justify-content:space-between; gap:.3125rem;}
	.mob_ctit a{font-size:.875rem; font-weight:700; color:var(--navy);}
	.mob_ctit i{width:.625rem; height:.375rem; background:url("/img/main/ic_down.svg") no-repeat center/contain; transition:var(--tr);}
	.mob_center.open .mob_ctit i{transform:rotate(180deg);}
	.mob_3depth{display:none; padding:.75rem 0 0;}
	.mob_center.open .mob_3depth{display:block;}
	.mob_3depth li + li{margin-top:.75rem;}
	.mob_3depth a{font-size:.8125rem; color:var(--gray);}
	.mob_center.single .mob_ctit i{display:none;}
	.mob_flat li + li{margin-top:1rem;}
	.mob_flat a{font-size:.875rem; font-weight:700; color:var(--navy);}

	/* 퀵 */
	.quick{right:.9375rem; bottom:7.5rem; gap:.5rem;}
	.quick a{width:3.75rem; border-radius:.625rem;}
	.quick a img{width:1.25rem;}
	.quick a span{font-size:.6875rem;}
	.quick .q_book, .quick .q_tel{height:3.5rem;}
	.quick .top_btn{height:3rem;}

	/* VISUAL */
	.visual .swiper-slide{height:35rem;}
	.visual .vis_txt{top:auto; bottom:9.5rem; transform:none;}
	.visual .vis_txt em{font-size:.875rem; margin-bottom:.5rem;}
	.visual .vis_txt h2{font-size:2rem; letter-spacing:-0.015em; line-height:1.25;}
	.visual .vis_txt p{font-size:.875rem; line-height:1.43; margin-top:.75rem;}
	.visual .vis_more{margin-top:1.5rem; padding:.5rem 1rem; font-size:.875rem;}
	.vis_ctrl{bottom:2.5rem; gap:1.5rem;}
	.vis_play{width:2.25rem; height:2.25rem;}
	.vis_tab, .vis_badge{display:none;}

	/* FOOTER */
	.footer{padding:2.5rem 0 6.25rem;}
	.footer .ft_top{padding-bottom:1.5rem;}
	.footer .ft_logo img{width:7.5rem;}
	.footer .ft_sns a{width:2.5rem; height:2.5rem;}
	.footer .ft_mid{flex-direction:column; gap:2rem; margin-top:1.5rem;}
	.footer .ft_use{flex-wrap:wrap; gap:.75rem 1.25rem;}
	.footer .ft_use a, .footer .ft_info span, .footer .ft_copy, .footer .ft_time{font-size:.875rem;}
	.footer .ft_info p{gap:.25rem .75rem;}
	.footer .ft_right{text-align:left;}
	.footer .ft_cs{font-size:1.25rem;}

	/* 빠른문의 바 */
	.inquiry_bar .inner{flex-direction:column; height:auto; gap:.75rem; padding:1rem 1.25rem;}
	.iq_form{flex-direction:column; width:100%; gap:.75rem;}
	.iq_fields{width:100%; flex-wrap:wrap;}
	.iq_fields select, .iq_fields input{flex:1; min-width:6rem; height:2.5rem; font-size:1rem;}
	.iq_btn{width:100%;}
	.iq_close{top:-2.375rem; width:2.75rem; height:2.375rem;}
}

@media screen and (max-width:768px){
	.visual .vis_txt h2{font-size:1.75rem;}
	.head_btns .hbtn.fill span{display:inline;}
	.mob_1depth{width:11rem;}
	.footer .ft_top{flex-direction:column; align-items:flex-start; gap:1.25rem;}
}