/*진료안내*/
.clinic_info {display:flex; }
.clinic_info .left {display:flex; flex-direction:column; gap:15px; width:50%; padding:5% 4%; background-color:var(--bg-color); color:var(--y-txt-color);}
.clinic_info .left dl {display:flex; align-items:center; gap:10px; font-size:20px; }
.clinic_info .left dt {width:100px; background-color:rgba(0,0,0,0.1); padding:10px; border-radius:100px; text-align:center; text-align:center;}
.clinic_info .left a {display:block; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); padding:20px 10px; font-size:20px;}
.clinic_info .right {display:flex; align-items:center; justify-content:center; position:relative; width:50%; background:url('../data/company/202602/module_page_1770858747.webp') no-repeat center center / cover;}
.clinic_info .right::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.clinic_info .right > * {position:relative; z-index:1;}
.clinic_info .right a:hover span {background-color:var(--bg-color);} 
.clinic_info .right span {display:inline-block; background-color:var(--bg-opacity90); color:var(--y-txt-color); padding:20px; font-size:18px; font-weight:bold; }

@media all and (max-width:768px) {
.clinic_info {flex-wrap:wrap;}
.clinic_info .left {width:100%; padding:20px;}
.clinic_info .left dl {font-size:16px;}
.clinic_info .left a {padding:15px 10px; font-size:15px;}
.clinic_info .right {width:100%; height:300px;}
}

/*공통*/
.w1300 {width:1300px; margin:0 auto;}

/*헤더*/
header {position:fixed; left:0; top:0; width:100%; z-index:999;}
.nav-up {top: -80px;}
header.hidd- { visibility:hidden; }
header.not- {background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.04);}
header.not- a {color:#111;}
header .width {position:relative; display:flex; justify-content:space-between; align-items:center; padding:0 50px; z-index:105}
header .header_wrap {position:relative; }
header .header_wrap.bg- {background-color:#fff !important; color:#000 !important; border-bottom:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header .header_wrap.bg- .depth1>li>a { color:#000; }
header h1 {width:15%}
header h1 a {display:block; width:100%; height:100%;}
header .depth1 {display:flex;  width:70%; justify-content:center; }
header .depth1>li {position:relative; text-align:center; padding:0 3.5%;} 
header .depth1>li:hover span {color:var(--txt-color);}
header .depth1>li>a {display:block; font-size:18px; color:#111; font-weight:500; line-height:90px; }
header .depth1>li.on:hover {color:var(--txt-color);}
header .depth1>li.on:hover span::after {display:block; position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background:var(--bg-color);}
header .depth1>li.on span {position:relative; display:block; line-height:90px; white-space:nowrap;  }
header .depth2 {display:none; position:absolute; left:0; /*top:100px; */width:100%; background:#fff; margin-top:1px; padding:15px 0; z-index:101;  }
header .depth2:hover { display:block;}
header .depth2.on { display:block }
header .depth2 li a {display:block; font-size:16px; font-weight:500; text-align:center; padding:10px 10px;}
header .depth2 li a:hover {font-weight:600; color:var(--txt-color)}
header .util_wrap {display:flex; align-items:center; gap:0 20px; justify-content:right; width:15%;} 
header .util_wrap .inquiry_go {display:inline-block; background-color:var(--bg-color); color:var(--y-txt-color); border-radius:100px; padding:12px 25px; font-size:15px;}
header .util {display:flex; align-items:center; flex-wrap:wrap; justify-content:end; padding:15px 0 15px 0;}
header .util>li {position:relative;}
header .util>li::before {content:""; display:inline-block; width:1px; height:8px; margin:0 12px; background:#e5e5e5;}
header .util>li:first-child::before {display:none;}
header .util>li>a {display:inline-block; color:var(--txt-color); font-size:13px; font-weight:400; } 
header .util>li i {font-size:15px; vertical-align:middle;}
header .util .quick_my {position:absolute; left:40%; top:30px; transform:translate(-40%, 0); min-width:130px; border-radius:5px; background:#fff; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:88;}
header .util .quick_my li {border-bottom:1px dotted #ddd; }
header .util .quick_my li:last-child {border-bottom:0;}
header .util .quick_my li a {display:block; font-size:14px; color:#555 !important; padding:10px 0; text-align:center;}
header .util .quick_my li a:hover {font-weight:bold;}
header .m_menubtn {display:none;}
header .menu_bg {display:none;position:absolute; top:90px; width:100%; height:260px; background:#fff; border-top:1px solid #ddd; z-index:100; /*transition:height 0.3s ease-in-out;*/ box-shadow:0px 5px 10px rgba(0,0,0,0.05); /*display:none;*/ z-index:101;}
header .menu_bg.on { display:block; } /*추가*/
header .search { text-align:right;}
header .search a {font-size:24px; font-weight:200; color:var(--txt-color);}
header .search.on a {color:#333 !important;}
header .util>li .axi-perm-identity {font-size:30px; font-weight:200; color:var(--txt-color);}
/*header .menu_bg::after {content:""; display:block; position:absolute; top:90px; width:100%; height:1px; background:#ddd; }*/

header.on a { color:#fff !important; }
header.not- {background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.01);}
header.not- a { color:#111 !important; }
header.on .depth2>li a { color:#333 !important; }
header.not- .depth2>li a { color:#333 !important; }
header.on .depth2 { border:none; }
.header_wrap.bg- .util>li>a { color:#333 !important; }
.header_wrap.bg- .util>li .axi-perm-identity {color:#333 !important; }


footer {background:#222222; padding:6% 0;  }
footer .w1300 {display:flex; gap:0 6%;}
footer .left {width:47%;}
footer .right {width:47%; min-height:300px;}
footer .b_logo a {display:block; width:100%; height:100%;}
footer .b_logo img {max-width:100%;}
footer .dl_wrap {display:flex; flex-direction:column; margin-top:30px; }
footer .dl_wrap dl {display:flex; align-items:center; gap:10px; border-top:1px solid rgba(255,255,255,0.15); padding:30px; }
footer .dl_wrap dl dt {width:80px; font-size:18px; font-weight:bold; color:#ffffff; font-weight:bold; line-height:1.4;}
footer .dl_wrap dl dd {width:calc(100% - 80px - 10px); font-size:18px; line-height:1.4; color:#fff;}
footer .sns {display:flex; flex-wrap:wrap; gap:8px;} 
footer .sns img {width:30px;}
footer .b_link {display:flex; flex-wrap:wrap; align-items:center; gap:5px; border-top:1px solid  rgba(255,255,255,0.15); padding:30px 0;}
footer .b_link a {display:inline-block; background-color:rgba(255,255,255,0.1); padding:8px; font-size:13px; color:#fff; font-weight:normal;}
footer .company_info {font-size:14px; color:#fff; line-height:1.4; font-weight:400;}
footer .right .box2 {width:100%; height:100%;}
footer .right .box2 img {max-width:100%;}

/*사이드퀵*/
.side_quick {position: fixed; right:30px; top:15%; z-index:100;}
.side_quick ul {width:84px; background-color:rgba(255,255,255,0.8); border-radius:100px; padding:5px 15px 15px 15px;  text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.side_quick li {border-bottom:1px solid #c9c9c9;}
.side_quick li:last-child {border-bottom:none;}
.side_quick a {display:block;padding:15px 0; }
.side_quick .img {display:flex; align-items:center; justify-content:center; margin:0 auto 10px auto; }
.side_quick .txt {font-size:14px; color:#555555; word-break:keep-all; line-height:1.1; letter-spacing:-0.3px;}
.side_quick .call .txt {font-weight:bold;}
.side_quick .call .img {width:33px; height:33px;border-radius:100px;background-color:var(--txt-color); color:var(--y-txt-color); font-size:12px;}
.side_quick .online .img {width:27px; height:27px; font-size:12px; background-color:#443b36; border-radius:3px; color:#fff;}
.side_quick .kakao img {width:29px;}
.side_quick .naver_talk img {width:27px;}
.side_quick button {display:flex; align-items:center; justify-content:center; width:64px; height:64px; background-color:var(--txt-color); color:var(--y-txt-color); border-radius:100px; font-size:13px; margin:15px auto 0 auto;}

/*메인*/
.main_con {overflow:hidden; background:#eeeae0;}

.main_visual_wrap {position:relative; overflow:hidden;}
.main_visual_wrap::before {position:absolute; left:0; bottom:-0.5px; content:""; display:block; width:50%; aspect-ratio: 1 / 0.1; background:#eeeae0; clip-path:polygon(0 0, 100% 100%, 0 100%); z-index:5;}
.main_visual_wrap::after {position:absolute; right:0; bottom:-0.5px; content:""; display:block; width:50%; aspect-ratio: 1 / 0.1;  background:#eeeae0; clip-path:polygon(100% 0, 100% 100%, 0 100%); z-index:55;}
.main_visual_wrap .swiper-slide img {width:100%; height:100vh; object-fit:cover; opacity:0.3;  transform: scale(1.08);
  transition:    opacity 1.4s cubic-bezier(0.36, 1, 0.3, 1),    transform 6s cubic-bezier(0.36, 1, 0.3, 1);}
.main_visual_wrap .swiper-slide-active img {  opacity: 1; transform: scale(1); }
.main_visual_wrap .swiper-pagination_wrap {display:flex; gap:20px; position:absolute; left:50%; bottom:25%; transform:translate(-50%, 0%); width:1440px ; text-align:left;  z-index:99;}
.main_visual_wrap .swiper-pagination_wrap button {flex-shrink:0; width:54px; height:54px; border:3px solid  rgba(255,255,255,0.2); color:#fff; border-radius:100px; font-size:16px; font-weight:300;}
.main_visual_wrap .swiper-pagination {position:initial; display:flex; gap:5px; align-items:center;}
.main_visual_wrap .swiper-pagination span {display:flex; gap:0px; align-items:center; width:12px; height:12px;}
.main_visual_wrap span.swiper-pagination-bullet {background-color:rgba(255,255,255,0.5);  opacity:1;}
.main_visual_wrap span.swiper-pagination-bullet-active {background-color:#fff;}
.main_visual_wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.main_visual_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.main_visual {position:relative;}
.main_visual .main_txt {position:absolute; left:50%; top:45%; transform:translate(-50%, -45%); width:1440px;}
.main_visual .main_txt .b1 {font-size:65px; color:#fff; font-weight:700; line-height:1.4; opacity:0; transform:translate(-40px, 0px);  transition:transform 2.5s ease-in-out, opacity 2.5s ease-in-out; font-family:'Maruburi'; font-weight:700 !important;}
.main_visual .main_txt .b2 {display:flex; gap:15px; align-items:center; margin-top:40px; }
.main_visual .main_txt .b2 br.mob {display:none;}
.main_visual .main_txt .b2 em {display:inline-block; height:2px; background:rgba(255,255,255,0.5); transform:translate(0%, -50%); animation:b2bar 2.5s 1s forwards; opacity:0; }
.main_visual .main_txt .b2 div {font-size:16px; line-height:1.4; color:#fff; font-weight:300; opacity:0; transform:translate(-10px, 0px);  transition:transform 2.3s linear, opacity 2.5s linear; transition-delay:2s; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.main_visual .swiper-slide-active .b1 {opacity:1; transform:translate(0,0);}
.main_visual .swiper-slide-active .b2 div {opacity:1; transform:translate(0,0);}


@keyframes b2bar {
0% {
	width:1px; opacity:0;
	}
100% {
	width:90px; opacity:1;
	}
}

@keyframes main-bg-anim {
0% {opacity:1; transform:scale(1.05)}
100%  {opacity:1; transform:scale(1)}
}

/*이벤트 공지*/
.main_event {}
.main_event .event_list {position:relative; display:flex; gap:0 6%; margin:8% 0 13% 0;}
.main_event .spin_txt {position:absolute; left:-120px; top:-100px; display:flex; align-items:center; justify-content:center; z-index:6;}
.main_event .spin_txt::before {content:""; display:block; width:178px; height:178px; background:url('../images/main18/rotate_txt.png') no-repeat center center / cover; animation:rotate_image 35s linear infinite; transform-origin:50% 50%;}
.main_event .spin_txt img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.main_event .left {position:relative; width:47%; overflow:hidden;  z-index:7;}
.main_event .left .img {position:relative; object-fit:cover; width:100%; padding-bottom:100%;}
.main_event .left .img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.main_event .left .big_btn {display:flex; opacity:0; position:absolute; right:0; bottom:0; transition:opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1); z-index:99;}
.main_event .left .big_img:hover .big_btn {opacity:1;}
.main_event .left .big_btn button {display:flex; align-items:center; justify-content:center; background-color:rgba(0,0,0,0.6); color:#fff; font-size:24px; font-weight:bold; width:50px; height:50px;}
.main_event .right {display:flex; flex-direction:column; justify-content:space-between; gap:3% 0; width:47%;}
.main_event .right .small_img {overflow:hidden;}
.main_event .right .small_img .swiper-wrapper {display:flex; align-items:center; height:auto;}
.main_event .right .small_img .swiper-slide {position:relative; /*height:194px;*/ overflow:hidden; cursor:pointer; aspect-ratio: 1 / 1;}
.main_event .right .small_img .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.main_event .right .small_img .swiper-slide-active {border:5px solid var(--txt-color);}
.main_event .title {display:flex; gap:10px; align-items:center; justify-content:space-between; width:100%; padding:4% 0; border-bottom:1px solid var(--txt-color);}
.main_event .title p {font-size:46px; color:#0a0a0a; font-family:'Maruburi'; font-weight:400;}
.main_event .title b {font-weight:700;}
.main_event .title a {position:relative; display:flex; align-items:center; gap:0 6px;  font-size:15px; color:var(--txt-color); padding-right:13px;}
.main_event .title a::before {position:absolute; right:0; top:50%; transform:translate(0, -50%); content:""; display:inline-block; width:23px; height:23px; border-radius:100px; background-color:var(--bg-opacity20);  transition:background-color 0.3s ease-in-out; }
.main_event .title a::after {content:""; display:inline-block; width:20px; height:1px; background-color:var(--txt-color); }
.main_event .title a:hover::before { background-color:var(--bg-opacity40);}

.main_event .event_text {  position: relative;  overflow: hidden;}
.main_event .event_text .swiper-slide a {display:flex; flex-direction:column; gap:35px 0;  opacity: 0;  transform: translateY(12px);}
.main_event .event_text .swiper-slide.is-animate a {opacity: 1;  transform: translateY(0);  transition:opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);}
.main_event .event_text .swiper-slide-active a {opacity: 1;  transform: translateY(0);}
.main_event .event_text .t2 {font-size:40px; font-weight:600; color:var(--txt-color); color:#1a1a1a; line-height:1.2;}
.main_event .event_text .t3 {font-size:18px; font-weight:600; color:var(--bg-opacity90); color:#777; line-height:1.5;}
.main_event .event_text .t2,
.main_event .event_text .t3 {  opacity: 0;  transform: translateY(12px);  transition:opacity 0.8s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);}
.main_event .event_text .swiper-slide-active .t2 {  opacity: 1;  transform: translateY(0);  transition-delay: 0.05s;}
.main_event .event_text .swiper-slide-active .t3 {  opacity: 1;  transform: translateY(0);  transition-delay: 0.15s;}

@keyframes rotate_image {
100%  {transform:rotate(360deg);}
}


/*메인 상품종류*/
.main_kind ul {display:flex;}
.main_kind ul li {position:relative; flex:1; width:25%; height:70vh; background-color:#000; overflow:hidden;}
.main_kind ul li a {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; color:rgba(255,255,255,0.7); padding:15% 10%;}
.main_kind ul li a::before {content:""; position:absolute; left:0; inset:0; background-size:cover; background-position:center; opacity:0.5; transition:opacity 0.5s ease; }
.main_kind ul li.kind1 a::before {background-image:url('../images/main18/kind_01.webp');}
.main_kind ul li.kind2 a::before {background-image:url('../images/main18/kind_02.webp');}
.main_kind ul li.kind3 a::before {background-image:url('../images/main18/kind_03.webp');}
.main_kind ul li.kind4 a::before {background-image:url('../images/main18/kind_04.webp');}
.main_kind ul li a > * {position:relative; z-index:2;}
.main_kind ul li a:hover {color:#fff;}
.main_kind ul li .tit {font-size:36px; line-height:1.4; }
.main_kind ul li .info_t {font-size:16px; line-height:1.4; margin-top:20px; letter-spacing:-0.3px; word-break:keep-all;}
.main_kind ul li:hover a::before {opacity:1;}
.main_kind ul li:hover .tit {font-weight:900;}
.main_kind ul li .view_more {/*transform: translate(0, 20px);*/ opacity: 0; transition: all 0.4s ease; z-index: 3;}
.main_kind ul li:hover .view_more { opacity: 1; /*transform: translate(0, 0);*/ padding-top:30px; margin-top:30px; border-top:1px solid #fff;}
.main_kind ul li:hover .view_more span {display:inline-block; padding: 10px 26px; border-radius: 30px; background: #fff; color: #666666; font-size: 14px; }

/*메인 프로그램*/
.main_prg {position:relative; padding:8% 0 0 0;}
.main_prg .sub_tit {font-size:18px; color:#656565; line-height:1.4; font-family:'Maruburi'; font-weight:400; text-align:center; letter-spacing:-0.3px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; word-break:keep-all;}
.main_prg .title {font-size:46px; color:#0a0a0a;  font-family:'Maruburi'; margin:25px 0 30px 0; text-align:center; letter-spacing:-0.3px; word-break:keep-all;}
.main_prg .title b {font-weight:700;}
.main_prg .tab {background:var(--bg-opacity10); padding:18px 10px; border-radius:100px;}
.main_prg .tab ul {display:flex; gap:10px 3%; flex-wrap:wrap; align-items:center; justify-content:center; }
.main_prg .tab ul li a {display:inline-block; font-size:18px; color:#111111; padding:10px 20px; border-radius:100px; }
.main_prg .tab ul li.on a {color:var(--txt-color); border:2px solid var(--txt-color); font-weight:bold; box-sizing:border-box;}
.main_prg .tab ul li a:hover {background-color:var(--bg-opacity20)}
.main_prg .tab ul li.on a:hover {background-color:transparent;}
.main_prg .con_t {margin-top:50px; overflow:hidden;}
.main_prg .con_t .swiper-slide {display:flex; align-items:center; justify-content:space-between; gap:0 6%;}
.main_prg .con_t .left {width:47%;}
.main_prg .con_t .left .category {font-size:24px; font-weight:600; color:#ec5f6d; line-height:1.4;}
.main_prg .con_t .left .tit {font-size:44px; font-weight:bold; color:#111; line-height:1.4; margin:15px 0 30px 0;}
.main_prg .con_t .left .txt {font-size:18px; color:#333333; line-height:1.4;}
.main_prg .con_t .left a {display:inline-block; padding:15px 20px; font-size:20px; border-radius:100px; background-color:var(--bg-opacity50); color:var(--y-txt-color); margin-top:40px; font-weight:400; transition:background-color 0.3s ease-in-out}
.main_prg .con_t .left a:hover {background-color:var(--bg-opacity70); }
.main_prg .con_t .right {display:flex; gap:10px; width:47%; align-items:start; overflow:hidden;}
.main_prg .con_t .right .big {width:74.6%; position:relative; aspect-ratio: 1 / 1;/*padding-bottom:74%;*/}
.main_prg .con_t .right .big img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover;}
.main_prg .con_t .right .small {display:flex; flex-direction:column; gap:10px; width:calc(100% - 74.6% - 10px);}
.main_prg .con_t .right .small li { aspect-ratio: 1 / 1;}
.main_prg .con_t .right img {width:100%; height:100%;}
.main_prg .con_t .swiper-pagination {position:initial;  bottom:0; top:auto; margin-top:40px;}
.main_prg .con_t .swiper-pagination span {width:13px; height:13px;}
.main_prg .con_t .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.main_prg .con_t .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
.main_prg .con_t .swiper-pagination-bullet-active {background-color:var(--txt-color);}
.main_prg .bg_col {display:flex;}
.main_prg .wave-divider {  position: relative;  width: 100%;  height: 120px;  background: #fff;  overflow: hidden;}
.main_prg .wave-divider svg {  position: absolute;  bottom: 0;  width: 100%;  height: 100%;  display: block;  transform: scaleX(-1);}

/*공간 room*/
.room {position:relative; background:#fff; padding:7% 0 7% 0}
.room .w1300 {display:flex; gap:0 4%; align-items:center; }
.room .left {position:relative; width:40%; }
.room .left .title {font-size:46px; font-family: 'Maruburi'; font-weight:400; color:#0a0a0a; line-height:1.2;}
.room .left .title b {font-weight:700;}
.room .left .sub_tit {display:inline-block; background-color:var(--bg-opacity20); color:#454545; font-size:18px; padding:11px; margin:25px 0;}
.room .left .txt {font-size:18px; color:#6d6a64; line-height:1.6; }
.room .right {position:absolute; right:0; top:50%; transform:translate(0,-50%);  width:calc(100% - 45% - 4%); }
.room .right .swiper-container { overflow:hidden;}
.room .right .swiper-slide {position:relative; padding-bottom:50%; }  
.room .right img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);  object-fit:cover;}
.room .right .more {display:flex; flex-direction:column; gap:10px 0; position:absolute; left:-70px; bottom:-70px; display:flex; align-items:center; justify-content:center; width:148px; height:148px; border-radius:100px; background-color:var(--txt-color); color:var(--y-txt-color); font-size:30px; font-weight:900; z-index:55; overflow:hidden;}
.room .right .more span {position:absolute; left:0; bottom:-30px; width:100%; text-align:center; opacity:0; transition: all 0.4s ease; font-size:15px; font-weight:400;}
.room .right .more:hover span {transform: translateY(40%); bottom:50px; opacity:1; }
.room .right .more i {position:relative; transition: transform 0.4s ease; }
.room .right .more:hover i { transform: translateY(-20px);}
.room .swiper-pagination {position:initial; text-align:left; margin-top:60px;}
.room .swiper-pagination span {display:inline-block; width:28px; height:5px; border-radius:0; background-color:var(--txt-color); }
.room .swiper-pagination-bullet-active {background-color:var(--bg-opacity20); }
.room .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.room .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px 0 0;}

/*하단 텍스트*/
.list_txt_wrap {padding-top:60px;  background:#fff; }
.list_txt {border-top:1px solid #e7e7e7;}
.list_txt ul {display:flex; }
.list_txt li {width:25%; padding:40px; border-left:1px solid #e7e7e7;}
.list_txt li:last-child {border-right:1px solid #e7e7e7;}
.list_txt .tit {font-size:22px; font-weight:750; line-height:1.4; color:#111; margin-bottom:20px;}
.list_txt .sub_tit {font-size:16px; color:#444444; line-height:1.6;}
.list_txt .img {display:flex; align-items:center; justify-content:center; width:88px; height:88px; background-color:#f2f2f2; border-radius:100px; padding:15px; margin:40px 0 0 auto;}
.list_txt .img img {width:40px;}


/*모바일메뉴*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; }
.m_nav .menu_wrap {position:absolute; right:0; width:80%; background:#fff; height:100%;}
.m_nav .m_menu {height:100%;}
.m_nav .m_menu .m_nav_tab {display:flex; padding:15px 15px 0px 15px; }
.m_nav .m_menu .m_nav_tab li {width:50%;cursor:pointer; border:1px solid #ccc; }
.m_nav .m_menu .m_nav_tab li a {display:block; color:#888; font-size:17px; font-weight:600; text-align:center; padding:15px 0; }
.m_nav .m_nav_top {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #eee;}
.m_nav .m_nav_top .left {display:flex; align-items:center; width:200%; padding:0 0 0 20px;}
.m_nav .m_nav_top .left span {display:inline-block; margin-left:5px;}
.m_nav .m_nav_top .left li {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; }
.m_nav .m_nav_top .left a {display:block; font-size:13px; border:1px solid #aaa; padding:5px; border-radius:3px; color:#222; }
.m_nav .m_nav_top .left .join a {border-color:#ddd; color:#888; }
.m_nav .m_nav_top .right {display:flex; align-items:center; justify-content:end; width:100%;}
.m_nav .m_nav_top .right li {font-size:16px; margin:0 0 0 10px; height:100%;}
.m_nav .m_nav_top .right li a {padding:10px;}
.m_nav .m_nav_top .right li button {font-size:24px; background:#333; color:#fff; padding:10px 15px;}
.m_nav .depth1 {height:100%; padding:10px 20px 60px 20px; overflow-y:scroll; }
.m_nav .depth1 li {border-bottom:1px solid #f4f4f4;}
.m_nav .depth1 li a{display:flex; justify-content:space-between; padding:20px 0 20px 10px; }
.m_nav .depth1 li.on>a {color:blue;}
.m_nav .depth1 li a {font-size:18px; font-weight:600;}
.m_nav .depth2 { display:none; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
.m_nav .depth1 > li.on .depth2 { display:block; }
.m_nav .depth2 li {}
.m_nav .depth2 li a {font-size:15px; font-weight:400; padding:15px 20px}



/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1600px 이하@@@@@@@@@@해상도1680****************************/
@media all and (max-width:1600px) {
.main_visual .main_txt {width:1300px;}
.main_visual_wrap .swiper-pagination_wrap {width:1300px;}

.side_quick {display:none;}
}


/****************************@@@@@@@@@@ 1340px 이하@@@@@@@@@@****************************/
@media all and (max-width:1340px) {
/*공통*/
.w1300 {width:100%; max-width:1300px; margin:0 auto; padding:0 30px;}
header h1 img {max-width:100%;}
header .width {padding:0 30px}

/*메인*/
.main_visual .main_txt {width:100%; padding:0 50px 0 50px;}
.main_visual_wrap .swiper-pagination_wrap {width:100%; padding:0 50px;}
header .util_wrap .inquiry_go { flex-shrink:0; font-size:14px; padding:10px 20px;}


@keyframes b2bar {
0% {
	width:1px; opacity:0;
	}
100% {
	width:50px; opacity:1;
	}
}



} 

/****************************@@@@@@@@@@ 1280px 이하@@@@@@@@@@****************************/
@media all and (max-width:1280px) {



}



/****************************@@@@@@@@@@ 1024px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:1024px) {
/*공통*/

/*헤더*/
header {position:sticky; position: -webkit-sticky; left:0; top:0; z-index:999; padding:13px 0; border-bottom:1px solid #e5e5e5; background:#fff;}
header h1 {width:auto;}
header h1 img {max-width:200px;}
header .depth1 {display:none;}
header .util_wrap {display:none;}
header .m_menubtn {display:block; font-size:25px;}
header .search {display:none;}

header .header_wrap.bg- {border-bottom:0; box-shadow:none;}
.sticky_wrap .nav-down .logo:first-child {display:none !important;}
.sticky_wrap .nav-down .logo {display:block !important;}

.main_con .main_visual img {height:auto;}
.main_visual .main_txt {top:40%;}
.main_visual .main_txt .b1 {font-size:36px !important; line-height:1.4 !important;}
.main_visual .main_txt .b2 {font-size:15px !important; line-height:1.4 !important; margin-top:15px;}
.main_visual_wrap .swiper-pagination_wrap {bottom:15% !important; gap:10px;}
.main_visual_wrap .swiper-pagination_wrap button {width:30px; height:30px; font-size:13px;}
.main_visual_wrap .swiper-pagination span {width:8px; height:8px;}

/*이벤트 공지*/
.main_event .left {display:none;}
.main_event .right {flex-direction:row; align-items:center; flex-wrap:wrap; gap:0 5%; width:100%; order:1;}
.main_event .title {margin-bottom:4%}
.main_event .title p {font-size:36px;}
.main_event .event_text {width:calc((100% - 5%) / 2); order:3;}
.main_event .event_text .t2 {font-size:30px;}
.main_event .right .small_img {width:calc((100% - 5%) / 2); order:2;}
.main_event .right .small_img .swiper-slide-active {border:none;}
.main_event .event_text .t3 {-webkit-line-clamp:4;}
.main_event .spin_txt {display:none;}


/*메인 상품종류*/
.main_kind ul {flex-wrap:wrap;}
.main_kind ul li {flex:initial; width:50%; height:40vh;}


/*공간 room*/
.room .w1300 {flex-wrap:wrap; width:100%; }
.room .left {width:100%; margin-bottom:40px;}
.room .right {position:initial; width:100%; transform:none;}
.room .right .more {position:initial; width:100%; height:auto; padding:20px 10px; border-radius:0; background-color:var(--bg-opacity5); color:var(--txt-color); margin-top:15px;}
.room .right .more {display:flex; gap:10px; flex-direction:row; font-size:13px;}
.room .right .more span {position:initial; width:auto; transition:none; opacity:1; font-size:13px;}
.room .right .more:hover span {transform:none;}
.room .right .more:hover i {transform:none; }

/*하단 텍스트*/
.list_txt ul {flex-wrap:wrap;}
.list_txt li {width:50%;}
.list_txt li:nth-child(2) {border-right:1px solid #e7e7e7;}
.list_txt li:nth-child(-n+2) {border-bottom:1px solid #e7e7e7;}

/*하단*/
footer .w1300 {flex-wrap:wrap;}
footer .left {width:100%;}
footer .right {width:100%; margin-top:40px;}
}

/****************************@@@@@@@@@@ 768px 이하 / 태블릿미니@@@@@@@@@@****************************/
@media all and (max-width:768px) {
.w1300 {padding:0 15px;}
header .width {padding:0 15px} 
header h1 img {max-height:35px;}

/*메인*/
.main_visual .main_txt {padding:0 30px;}
.main_visual .main_txt .b1 {font-size:24px !important;}
.main_visual .main_txt .b2 {flex-direction:column; align-items:flex-start; margin-top:15px;}
.main_visual .main_txt .b2 br.mob {display:block;} 
.main_visual .main_txt .b2 div { font-size:13px !important; }
.main_visual_wrap .swiper-pagination_wrap {display:none;}
.main_con .main_visual img {height:40vh; object-position:70% center;}

/*이벤트 공지*/
.main_event .event_list {margin:50px 0;}
.main_event .title {margin-bottom:15px; padding:0 0 15px 0 ;}
.main_event .title a {font-size:13px; letter-spacing:-0.5px;}
.main_event .title p {font-size:20px;}
.main_event .event_text .swiper-slide a {gap:15px 0;}
.main_event .event_text .t2 {font-size:18px; }
.main_event .event_text .t3 {font-size:13px; line-height:1.3;}

/*메인 상품종류*/
.main_kind ul {flex-wrap:nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none;}
.main_kind ul::-webkit-scrollbar {display: none;}
.main_kind ul li a {padding:20px 20px;}
.main_kind ul li a > * {white-space:normal;}
.main_kind ul li {overflow:initial; flex: 0 0 auto; width:60%;}
.main_kind ul li .tit {font-size:20px;}
.main_kind ul li .info_t {font-size:14px; margin-top:15px;}
.main_kind ul li .sub_tit {font-size:13px;}


/*메인 프로그램*/
.main_prg {padding:40px 0 0 0;}
.main_prg .sub_tit {font-size:14px;}
.main_prg .title {font-size:24px; margin:15px 0 25px 0;}
.main_prg .tab {background:none; padding:0; border-radius:0;}
.main_prg .tab ul {gap:5px; justify-content:left; flex-wrap:nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; padding:0;}
.main_prg .tab ul li a {padding:10px 12px; font-size:13px; background-color:var(--bg-opacity10); border-radius:200px;}
.main_prg .tab ul li.on a {background-color:transparent;}
.main_prg .con_t {margin-top:25px;}
.main_prg .wave-divider {height:30px;}

/*공간 room*/
.main_prg .con_t .swiper-slide {flex-wrap:wrap;}
.main_prg .con_t .right {width:100%;}
.main_prg .con_t .left {width:100%; margin-bottom:20px;}
.main_prg .con_t .left .category {font-size:15px;}
.main_prg .con_t .left .tit {font-size:20px; margin:10px 0 10px 0;}
.main_prg .con_t .left .txt {font-size:14px; -webkit-line-clamp:4;}
.main_prg .con_t .left a {font-size:13px; margin-top:20px; padding:7px 12px;}
.main_prg .con_t .swiper-pagination {margin-top:25px;}
.main_prg .con_t .swiper-pagination span {width:10px; height:10px; }


/*공간 room*/
.room .left {margin-bottom:20px;}
.room .left .title {font-size:24px;}
.room .left .sub_tit {font-size:14px; margin:15px 0; padding:8px;}
.room .left .txt {font-size:14px;}
.room .swiper-pagination {margin-top:40px;}
.room .swiper-pagination span {width:20px; height:4px; }
.room .right .more {padding:15px 10px;}

/*하단 텍스트*/
.list_txt_wrap {padding-top:30px;}
.list_txt .w1300 {padding:0; }
.list_txt li {padding:20px; border-left:none;}
.list_txt li:nth-child(2) {border-right:0;}
.list_txt li:nth-child(2n) {border-left:1px solid #e7e7e7; }
.list_txt li:last-child {border-right:0;}
.list_txt .tit {font-size:18px; margin-bottom:15px;}
.list_txt .sub_tit {font-size:14px; }
.list_txt .img {width:60px; height:60px; margin:20px 0 0 auto;}
.list_txt .img img {width:28px;}

/*하단*/
footer {padding:30px 0;}
footer .b_logo {max-width:200px;}
footer .dl_wrap {margin-top:20px;}
footer .dl_wrap dl {padding:20px 0;}
footer .dl_wrap dl dt {width:70px; font-size:14px;}
footer .dl_wrap dl dd {font-size:14px;}
footer .sns img {width:25px;}
footer .company_info {font-size:13px;}
footer .b_link {padding:20px 0;}
}

/****************************@@@@@@@@@@ 530px 이하 / 모바일@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*html {font-size:54%}*/

/*메인*/
.main_visual .main_txt {padding:0 20px;}
.main_visual .main_txt .b1 {font-size:20px !important;}
.main_visual .main_txt .b2 div {font-size:12px !important; }


/*모바일메뉴*/
.m_nav .m_nav_top .left {padding-left:15px}
.m_nav .depth1 {padding:10px 15px 60px 15px}
.m_nav .depth1 li a {padding:18px 0 18px 10px; font-size:17px;}
.m_nav .depth2 li a {padding:10px 15px; font-size:15px;}
}



/****************************@@@@@@@@@@ 380px 이하@@@@@@@@@@****************************/
@media all and (max-width:380px) {
}

/****************************@@@@@@@@@@ 360px 이하@@@@@@@@@@****************************/
@media all and (max-width:360px) {

}