*,
*::before,
*::after { box-sizing: border-box; } 

/* 250123 청담점 지점메뉴 추가(추후 삭제 예정) */
.gnb_cd {
  position: relative;
}
.gnb_cd::before {
  position: absolute;
  left: 55px;
  content: "new";
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #B1A38C;
}

/*  new 추가 */
.branch_new {
  position: relative;
}
.branch_new::before {
  position: absolute;
  left: 43px;
  content: "new";
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #44B8B1;
}

.index_new { font-family: "Pretendard"; } 
.index_new.sub main { margin-top: 157px; } 
.main_container { width: 1632px; max-width: 1632px; margin: 0 auto; } 
.main_cage { padding: 100px 0; } 
.txt_center { text-align: center; } 
.main_span { margin-bottom: 20px; display: inline-block; color: #6D6D6D; font-size: 24px; font-style: normal; font-weight: 300; line-height: 24px; letter-spacing: -0.72px; } 
.main_span img { margin-right: 8px; vertical-align: top; } 
.main_span.mb24 { margin-bottom: 24px; } 
.main_tit { text-transform: uppercase; margin-bottom: 50px; color: #000; font-family: "Tenor Sans"; font-size: 55px; font-style: normal; font-weight: 400; line-height: 55px; } 
.index_new .more_btn { cursor: pointer; border: 1px solid #000; display: flex; width: 180px; margin: 70px auto 0; justify-content: center; align-items: center; } 
.index_new .more_btn a { width: 100%;  height: 50px; text-transform: uppercase; color: #000; font-family: "Tenor Sans"; font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: -0.54px; display: flex; justify-content: center; align-items: center; } 
.index_new .main_more { display: flex; justify-content: space-between; align-items: center; } 
.index_new .main_more a { width: 49%; display: flex; padding: 16px 24px; justify-content: center; align-items: center; color: #FFF; font-size: 18px; font-weight: 400; line-height: 100%; letter-spacing: -0.54px; border-radius: 5px; background-color: #000; } 
.index_new .main_more a.point { background-color: #25C6BD; } 
.index_new .main_more a img { margin-left: 14px; vertical-align: top; } 
.index_new .swiper-wrapper { height: auto; } 

/* youtube-top */
.youtubeTop { background-color: #000; color: #fff; font-size: 15px; text-align: center;  font-weight: 400; line-height: 1.4; position: fixed; left: 0; top: 0; width: 100%; height: auto; z-index: 10; } 
.youtubeTop a { color: #fff; padding: 8px 0; display: inline-block; width: 100%;} 

/* header_new */
.index_new.sub #header_new .center ul li a { color: #000; } 
.index_new.sub #header_new .right .login a { color: #000; } 
#header_new { background-color: transparent; transition: background-color 0.3s ease; position: fixed; z-index: 999; left: 0; top: 37px; width: 100%; height: 80px; } 
#header_new.hover {background-color: #fff; transition: background-color 0.3s ease;}
#header_new.hover .center > ul li a, #header_new.hover .right .login a {color: #000;}
#header_new .main_container { display: flex; height: 80px; justify-content: center; align-items: center; flex-shrink: 0; } 
#header_new .left { width: 20%; display: flex; gap: 0 24px; align-items: center; } 
#header_new .left h1 a img { width: 100%; } 
#header_new .left button { cursor: pointer; color: #fff; height: 36px; display: flex; justify-content: space-between; align-items: center; border-radius: 5px; background: #4b4b4b; border: none; outline: none; } 
/* #header_new .left button .branch_select { text-align: center; position: relative; cursor: pointer; border: 0; background-color: transparent; width: 100%; text-align: center; outline: none; padding: 6px 10px; background: none; height: 100%; } 
#header_new .left button .branch_select option { text-align: center; background: rgba(0, 0, 0, 0.70); padding: 10px 0; }  */
#header_new .left .branch_btn {width: 140px; padding: 0 16px; height: 36px;color: #FFF;font-size: 13px;font-weight: 400;line-height: 100%; }
#header_new .left .branch_btn img {position: relative;right: 0;top: 0;transition: transform 0.3s;}
#header_new .left .branch_btn{width: 140px; position: relative;}
#header_new .left .branch_btn > img.rotate-180 { transform: rotate(-180deg); transition: transform 0.3s;}
#header_new .left .branch_btn .select_local { display: none;  position: absolute; width: 100%; left: 0; top: 38px; background-color: #fff; border-radius: 5px; overflow: hidden; flex-direction: column; gap: 1px 0; z-index: 9999;}
#header_new .left .branch_btn .select_local > li { background-color: #4B4B4B; display: flex; flex-direction: column; margin-bottom: 1px;}
#header_new .left .branch_btn .select_local > li:last-child{margin-bottom:0;}
#header_new .left .branch_btn .select_local > li > em {color: #FFF; font-size: 13px; padding: 0 16px; font-weight: 400; line-height: 36px; position: relative; text-align: left; width: 100%; cursor: pointer;}
#header_new .left .branch_btn .select_local > li > em::before,
#header_new .left .branch_btn .select_local > li > em::after {display: block; position: absolute; right: 19px; top: 50%; transform: translateY(-50%); transition: all 0.3s; content: ''; width: 8px; height: 1px; background: #fff;}
#header_new .left .branch_btn .select_local > li > em::before {transform: translateY(-50%) rotate(90deg);}
#header_new .left .branch_btn .select_local > li > em.open::before {transform: translateY(-50%) rotate(0deg);}
#header_new .left .branch_btn .select_local > li > ul {display: none; background-color: #fff;}
#header_new .left .branch_btn .select_local > li > ul > li {height: 36px; border-bottom: 1px solid #EFEFEF;}
#header_new .left .branch_btn .select_local > li > ul > li:last-child{border-bottom: 0;}
#header_new .left .branch_btn .select_local > li > ul > li > a { display: flex; align-items: center; height: 100%; color: #000; text-decoration: none; padding: 0 16px;}
#header_new .center { height: 100%; width: 66%; display: flex; align-items: center; } 
#header_new .center > ul { display: flex; width: 100%; align-items: center; height: 100%; } 
#header_new .center > ul li { display: inline-block; height: 100%; display: flex; align-items: center; } 
#header_new .center > ul li a { color: #fff; font-size: 16px; font-weight: 400; line-height: 16px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;margin: 0 24px; } 
#header_new .right { width: 14%; } 
#header_new .right .login { display: flex; align-items: center; gap: 0 14px; } 
#header_new .right .login a { color: #fff; font-size: 13px; font-weight: 300; line-height: 140%; } 
#header_new .right .login a:last-child::before { position: relative; right: 7px; top: 0; content: "|" } 

#header_new.black .center > ul li a {color: #000;}
#header_new.black .right .login a  {color: #000;}
#header_new.black {box-shadow: 0 0 6px 0 rgba(0,0,0,0.08) !important;}
#header_new .pc_menu { display: none; position: absolute; width: 100%; height: auto; left: 0; top: 80px; background: rgba(255, 255, 255, 0.92); } 
#header_new .pc_menu .menu_container { width: 1560px;margin: 0 auto; padding: 32px 0 60px; display: flex; justify-content: center; align-items: center; } 
#header_new .pc_menu .menu_container .left { width: 14%; } 
#header_new .pc_menu .menu_container .center { width: 66%; padding: 0 52px; } 
#header_new .pc_menu .menu_container .right { width: 14%; } 
#header_new .pc_menu .menu_container > div > div .title { color:#9A9A9A; font-size: 14px; font-weight: 500; line-height: 100%; margin-bottom: 24px; } 
#header_new .pc_menu .menu_container > div > div { display: flex; gap: 0 40px; } 
#header_new .pc_menu .menu_container > div > div > div { width: 200px; } 
#header_new .pc_menu .menu_container div > ul { display: flex; flex-direction: column; gap: 20px 0; } 
#header_new .pc_menu .menu_container div > ul > li.preparing a { color: #9a9a9a; } 
#header_new .pc_menu .menu_container div > ul > li > a { color: #000; font-size: 20px; font-weight: 400; line-height: 100%; } 
#header_new .pc_menu .menu_container .link .title img { vertical-align: top; margin-left: 4px; } 
#header_new .pc_menu .menu_container .link ul { display: flex; flex-direction: column; gap: 12px 0; align-items: flex-start; } 
#header_new .pc_menu .menu_container .link li a { color: #000; font-size: 14px; font-weight: 400; line-height: 100%; } 
#header_new .pc_menu .menu_container .link li a img { vertical-align: middle; margin-right: 4px; } 

main.blur {filter: blur(5px);}

/* main_hero */
#main_hero .main_slide { width: 100%; height:800px; position: relative; overflow: hidden; } 
#main_hero .main_slide .swiper-slide { display: flex; align-items: center; color: #fff; } 
#main_hero .main_slide .swiper-slide .main_text { margin-top: 10%; } 
#main_hero .main_slide .swiper-slide .subtitle { font-size: 28px; font-weight: 300; line-height: 28px; letter-spacing: -0.84px; } 
#main_hero .main_slide .swiper-slide .maintitle { margin: 14px 0 28px; font-family: "Tenor Sans"; font-size: 70px; font-weight: 400; line-height: 70px; letter-spacing: -2.1px; } 
#main_hero .main_slide .swiper-slide .desc { font-size: 22px; font-weight: 300; line-height: 32px; letter-spacing: -0.66px; } 
#main_hero .main_slide .swiper-slide { background-image: url(/images/main-new/main_visual_240816.jpg);  width: 100%; height: 800px; } 
#main_hero .main_slide .swiper-slide .main_text .subtitle,
#main_hero .main_slide .swiper-slide .main_text .maintitle,
#main_hero .main_slide .swiper-slide .main_text .desc { opacity: 0; transform: translateY(50px); transition: all 0.6s ease-out; } 
#main_hero .main_slide .swiper-slide-active .main_text .subtitle { opacity: 1; transform: translateY(0); transition-delay: 0.3s; } 
#main_hero .main_slide .swiper-slide-active .main_text .maintitle { opacity: 1; transform: translateY(0); transition-delay: 0.5s; } 
#main_hero .main_slide .swiper-slide-active .main_text .desc { opacity: 1; transform: translateY(0); transition-delay: 0.7s; } 

#main_hero .main_slide .swiper-slide.slide02 { background-image: url(/images/main-new/main_visual03.jpg);  width: 100%; height: 800px; } 
#main_hero .main_slide .swiper-slide.slide02 .main_text { margin-top: 5%; } 
#main_hero .main_slide .swiper-slide.slide02 .subtitle { color: #191919; font-size: 26px; font-weight: 300; line-height: 28px; letter-spacing: -0.78px; border-radius: 4px; background: #fff; display: flex; padding: 8px 16px; width: 303px; justify-content: center; align-items: center; } 
#main_hero .main_slide .swiper-slide.slide02 .subtitle span {color: #CEC2B5; font-size: 26px; font-weight: 300;line-height: 28px;letter-spacing: -0.78px;}
#main_hero .main_slide .swiper-slide.slide02 .maintitle { color: #fff; font-family: "Tenor Sans"; font-size: 70px; font-weight: 400; line-height: 70px; letter-spacing: -2.1px; text-transform: uppercase; margin: 20px 0 24px; } 
#main_hero .main_slide .swiper-slide.slide02 .desc { color: #fff; font-size: 22px; font-weight: 300; line-height: 32px; letter-spacing: -0.66px; }

/* Swiper 페이지네이션 */
#main_hero .main_slide .swiper-pagination {bottom: 48px;text-align: left;margin-left:136.5px;}
#main_hero .main_slide .swiper-pagination-bullet { width: 24px; height: 2px;margin: 0 6px 0 0; background: rgba(255, 255, 255, 0.40); opacity: 1; transition: background 0.3s, transform 0.3s;}
#main_hero .main_slide .swiper-pagination-bullet-active {background: #fff;}


/* main_branch */
#main_branch .branch_list { box-sizing: border-box; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; align-self: stretch; flex-wrap: wrap; border-top: 1px solid #aaa; } 
#main_branch .branch_list li { box-sizing: border-box !important; width: 12.5% !important; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; } 
#main_branch .branch_list li:nth-child(1),
#main_branch .branch_list li:nth-child(9),
#main_branch .branch_list li:nth-child(17) { box-sizing: border-box; border-left: 1px solid #aaa; } 
#main_branch .branch_list li a { width: 100%; box-sizing: border-box; display: inline-block; text-align: center; padding: 18px 24px; color: #747474; font-size: 20px; font-weight: 300; line-height: 20px; letter-spacing: -0.6px; } 
#main_branch .branch_list li a.consulting { background-color: #000; color: #fff; } 
#main_branch .branch_list li a.kakao { background-color: #ffd748; color: #000; } 
#main_branch .branch_list li a img { margin-right: 6px; } 
#main_branch .branch_list li.active { position: relative; } 
#main_branch .branch_list li.active::after { position: absolute; content:""; width: 100%; height: 2px; background-color: #000; left: 0; top: -1px; } 
#main_branch .branch_list li.active a { color:#000; font-weight: 500; } 
#main_branch .branch_title { margin: 60px 0 40px; text-align: left; color: #000; font-size: 32px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.96px; } 
#main_branch .branch_news { display: flex; align-items: flex-start; gap: 0 5%; } 
#main_branch .branch_news .branch_event { width: 55%; } 
#main_branch .branch_news .branch_event .event_list { display: flex; width: 100%; justify-content: space-between; gap: 22px 0; align-items: flex-start; flex-wrap: wrap; } 
#main_branch .branch_news .branch_event .event_list li { padding-top: 22px; border-top: 1px solid #d9d9d9; width: 50%; } 

#main_branch .branch_news .branch_event .event_list li img { width: 40%;border-radius: 10px; } 
#main_branch .branch_news .branch_event .event_list li:nth-child(1),
#main_branch .branch_news .branch_event .event_list li:nth-child(2) { border-top: 0; padding-top: 0; } 
#main_branch .branch_news .branch_event .event_list li a { display: flex; align-items: center; flex-shrink: 0; } 
#main_branch .branch_event .event_list li .txt { display: flex; padding: 5%; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; } 
#main_branch .branch_event .event_list li .txt span { display: inline-block; color: #AAA; font-size: 14px; font-weight: 400; line-height: 100%; letter-spacing: -0.42px; } 
#main_branch .branch_event .event_list li .txt h4 { margin: 16px 0 8px; color: #000; font-size: 24px; font-weight: 500; line-height: 130%; letter-spacing: -0.72px; text-align:left; word-break: keep-all; } 
#main_branch .branch_event .event_list li .txt p { text-align: left; color: #4B4B4B; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.48px;word-break: keep-all; } 
.main_event_slider .swiper-wrapper { padding-bottom: 48px; } 
.main_event_slider .swiper-pagination-bullets { bottom: 0px !important; } 
.main_event_slider .swiper-pagination-bullet-active { opacity: 1; background-color: #4B4B4B; width: 22px; border-radius: 20px; } 
#main_branch .branch_news .branch_info { width: 45%; text-align:left; display: flex; flex-direction: column; gap: 30px 0; } 
#main_branch .branch_news .branch_info .title { color: #000; font-family: "Tenor Sans"; font-size: 32px; font-weight: 400; line-height: 100%; margin-bottom: 32px; } 
#main_branch .branch_news .branch_info .contact_info { display: flex; flex-direction: column; gap: 24px 0; } 
#main_branch .branch_news .branch_info .contact_info li > a > span,
#main_branch .branch_news .branch_info .contact_info li > span { color: #9A9A9A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; width: 85px; margin-right: 40px; display: inline-block; } 
#main_branch .branch_news .branch_info .contact_info li > a > em { width: 539px; color: #000; font-size: 20px; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; } 
#main_branch .branch_news .branch_info .contact_info li > em.point { color: #60CCC6; font-size: 26px; font-weight: 700; line-height: 100%; letter-spacing: -0.78px; } 
#main_branch .branch_news .branch_info .contact_info li.branch_time { display: flex; } 
#main_branch .branch_news .branch_info .contact_info li.branch_time .time { width: 539px; display: flex; flex-direction: column; gap: 16px 0; } 
#main_branch .branch_news .branch_info .contact_info li.branch_time .time li span { color: #000; width: 68px; margin-right: 10px; font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; } 
#main_branch .branch_news .branch_info .contact_info li.branch_time .time li b { color: #000; font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.48px; } 
#main_branch .branch_news .branch_info .contact_info li.branch_time .time li em { color: #000; } 
#main_branch .branch_news .branch_info .location_info { display: flex; flex-direction: column; gap: 20px 0; margin-bottom: 23px; } 
#main_branch .branch_news .branch_info .location_info li { display: flex; align-items: center; } 
#main_branch .branch_news .branch_info .location_info li span { margin-right: 16px; display: flex; width: 75px; padding: 6px 12px; justify-content: center; align-items: center; border-radius: 500px; border: 1px solid #9A9A9A; color:#9A9A9A; font-size: 18px; font-weight: 400; line-height: 100%; letter-spacing: -0.54px; } 
#main_branch .branch_news .branch_info .location_info li em { color: #000; font-size: 20px; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; } 

 /* main_shorts */ 
 #main_shorts .shorts_slide { width: 100%; } 
#main_shorts .shorts_slide .swiper-slide { width: 15% !important; } 
#main_shorts .shorts_slide .swiper-slide a img { width: 100%; border-radius: 20px; } 
#main_shorts .shorts_slide { position: relative; } 
#main_shorts .shorts_slide .swiper-button-next { right: -50px; left: auto; } #main_shorts .shorts_slide .swiper-button-prev { left: -50px; right: auto; } 
#main_shorts .shorts_modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } 
#main_shorts .shorts_modal .modal-content { position: fixed; z-index: 1000; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; width: 450px; aspect-ratio: 9/16;  } 
#main_shorts .shorts_modal .close { color: black; float: right; font-size: 28px; font-weight: bold; position: absolute; right: 0; top: 0; } 
#main_shorts .shorts_modal .close:hover,
#main_shorts .shorts_modal .close:focus { color: black; text-decoration: none; cursor: pointer; } 

/* main_youtube */
#main_youtube { background-color: #f6f6f6; } 
#main_youtube .youtube_slide { position: relative; } 
#main_youtube .youtube_slide .swiper-slide { width: 23% !important; height: auto !important; } 
#main_youtube .youtube_slide .swiper-slide > a > img { width: 100%; } 
#main_youtube .youtube_slide span { margin: 25px 0 12px; display: flex; align-items: center;justify-content: center; gap: 0 4px; color: #000; text-align: center; font-size: 22px; font-weight: 500; line-height: 100%; letter-spacing: -0.66px; } 
#main_youtube .youtube_slide h5 { color: #6D6D6D; text-align: center; font-size: 22px; font-weight: 400; line-height: 26px; letter-spacing: -0.66px; } 
#main_youtube .youtube_slide .swiper-button-next { right: -50px; left: auto; top:35% } 
#main_youtube .youtube_slide .swiper-button-prev { left: -50px; right: auto; top:35% } 
#main_youtube .youtube_modal { display: none; position: fixed; z-index: 1000; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } 
#main_youtube .youtube_modal .modal-content { left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; width: 70%; aspect-ratio: 16/9; position: fixed; } 
#main_youtube .youtube_modal .close { color: black; float: right; font-size: 28px; font-weight: bold; position: absolute; right: 0; top: 0; } 
#main_youtube .youtube_modal .close:hover,
#main_youtube .youtube_modal .close:focus { color: black; text-decoration: none; cursor: pointer; } 

/* main_magazine */
#main_community .community_con { display: flex; align-items: flex-start; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; } 
#main_community .community_con > div { margin: 60px 0; } 
#main_community .community_con .line { display: inline-block; margin: 0 3%; width: 1px; height: auto; background-color: #d9d9d9; } 
#main_community .community_con .magazine { width: 30%; } 
#main_community .community_con .magazine img { width: 100%; } 
#main_community .community_con .magazine .magazine_list { margin-top: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; } 
#main_community .community_con .magazine .magazine_list li { padding-bottom: 14px; border-bottom: 1px solid #CECECE; display: flex; align-items: center; gap: 16px; align-self: stretch; } 
#main_community .community_con .magazine .magazine_list li:last-child { border-bottom: 0; } 
#main_community .community_con .magazine .magazine_list li span { color: #FFF; display: flex; width: 100px; height: 42px; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; letter-spacing: -0.6px; background: #000; } 
#main_community .community_con .magazine .magazine_list li span.point { background-color: #60CCC6; } 
#main_community .community_con .magazine .magazine_list li em { color: #000; font-size: 18px; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; } 
#main_community .community_con .drtips { width: 70%; } 
#main_community .community_con .drtips .drbox > img { width: 100%; } 
#main_community .community_con .drtips .main_tit { display: flex; justify-content: space-between; align-items: center; } 
#main_community .community_con .drtips .main_tit a { color:#4B4B4B; font-family: Pretendard; font-size: 22px; font-weight: 400; line-height: 22px; letter-spacing: -0.66px; } 
#main_community .drcon { display: flex; flex-direction: column; gap: 80px 0; } 
#main_community .drcon .drbox { display: flex; align-items: flex-end; gap: 0 48px; } 
#main_community .drcon .drbox .info h5 { color: #000; font-size: 28px; font-weight: 600; line-height: 100%; letter-spacing: -0.84px; } 
#main_community .drcon .drbox .info > p { color: #000; font-size: 24px; font-weight: 300; line-height: 100%; letter-spacing: -0.72px; margin: 18px 0 30px; } 
#main_community .drcon .drbox .info .dr_list li { border-top: 1px solid #d9d9d9; } 
#main_community .drcon .drbox .info .dr_list li:last-child { border-bottom: 1px solid #d9d9d9; } 
#main_community .drcon .drbox .info .dr_list li a { display: flex; justify-content: space-between; align-items: center; } 
#main_community .drcon .drbox .info .dr_list li a .product_img { padding: 12px 12px 12px 0px; } 
#main_community .drcon .drbox .info .dr_list li a .item_info { display: flex; width: 334px; flex-direction: column; align-items: flex-start; padding: 15px 16px 15px 24px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } 
#main_community .drcon .drbox .info .dr_list li a .item_info span { display: inline-block; color: #9A9A9A; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.54px; } 
#main_community .drcon .drbox .info .dr_list li a .item_info .tit { color: #000; font-size: 20px; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; margin: 12px 0 20px; } 
#main_community .drcon .drbox .info .dr_list li a .item_info p { color: #000; font-size: 24px; font-weight: 600; line-height: 100%; letter-spacing: -0.72px; } 
#main_community .drcon .drbox .info .dr_list li a .item_info p em { color: #000; font-size: 20px; font-weight: 400; letter-spacing: -0.6px; } 
#main_community .drcon .drbox .info .dr_list .arrow { width: 64px; text-align: center; } 

/* main_bnf */
#main_bnf { background-color: #f6f6f6; } 
#main_bnf .bnf_con { display: flex; gap:0 24px; height: 420px; align-items: center; } 
#main_bnf .bnf_con .bnf_img { width: 50%; }
#main_bnf .bnf_con .bnf_img .bnf_main_slide { padding: 20px; background-color: #fff; border-radius: 20px; } 
#main_bnf .bnf_con .bnf_img img { width: 100%; border-radius: 14px; } 
#main_bnf .bnf_con .bnf_img .main-slider { border-radius: 14px; } 
#main_bnf .bnf_con .bnf_img .main-slider .swiper-slide { border-radius: 14px !important; } 
#main_bnf .bnf_con .bnf_img .main-slider::before { position: absolute; z-index: 999; content: "시술 전"; left: 2%; bottom: 3%; color: #FFF; font-size: 14px; font-weight: 400; line-height: 100%; border-radius: 500px; background: rgba(0, 0, 0, 0.40); display: flex; padding: 6px 10px; justify-content: center; align-items: flex-start; } 
#main_bnf .bnf_con .bnf_img .main-slider::after { position: absolute; z-index: 999; content: "시술 후"; right: 2%; bottom: 3%; color: #FFF; font-size: 14px; font-weight: 400; line-height: 100%; border-radius: 500px; background: rgba(0, 0, 0, 0.40); display: flex; padding: 6px 10px; justify-content: center; align-items: flex-start; } 
#main_bnf .bnf_con .bnf_info { text-align: left; width: 50%; padding: 0 50px; } 
#main_bnf .bnf_con .bnf_info .tit { color: #000; padding-bottom: 24px; border-bottom: 1px solid #9A9A9A; font-size: 32px; font-weight: 500; line-height: 100%; } 
#main_bnf .bnf_con .bnf_info .tit img { margin-right: 6px; vertical-align: top; } 
#main_bnf .bnf_con .bnf_info .info_list { margin: 24px 0 60px; flex-wrap: wrap; display: flex; align-items: center; gap: 16px 0; } 
#main_bnf .bnf_con .bnf_info .info_list li { width: 50%; } 
#main_bnf .bnf_con .bnf_info .info_list li span { color: #4B4B4B; display: inline-block; margin-right: 10px; font-size: 18px; font-weight: 300; line-height: 100%; padding: 5px 12px; letter-spacing: -0.54px; text-transform: uppercase; border-radius: 50px; border: 1px solid var(--4ever-b03, #9A9A9A); } 
#main_bnf .bnf_con .bnf_info .info_list li em { color: #000; font-size: 20px; font-style: normal; line-height: 20px; letter-spacing: -0.6px; text-transform: uppercase; } 
#main_bnf .bnf_con .bnf_info .bnf_more { display: flex; justify-content: space-between; align-items: center; } 
#main_bnf .bnf_con .bnf_info .bnf_more a { width: 49%; display: flex; padding: 16px 24px; justify-content: center; align-items: center; color: #FFF; font-size: 18px; font-weight: 400; line-height: 100%; letter-spacing: -0.54px; border-radius: 5px; background-color: #000; } 
#main_bnf .bnf_con .bnf_info .bnf_more a.photo { background-color: #25C6BD; } 
#main_bnf .bnf_con .bnf_info .bnf_thumb_slide { margin-top: 24px; } 
#main_bnf .bnf_con .bnf_info .bnf_thumb_slide .thumb-slider .swiper-slide { width: 162px !important; } 
#main_bnf .bnf_con .bnf_info .bnf_thumb_slide .thumb-slider .swiper-slide img { cursor: pointer; opacity: 0.5; width: 100%; border-radius: 10px; } 
#main_bnf .bnf_con .bnf_info .bnf_thumb_slide .thumb-slider .swiper-slide.swiper-slide-thumb-active img { opacity: 1; } 
#main_bnf .login_before { text-align: center; position: absolute; z-index: 10; left: 0; top: 0; content: ""; width: 50.1%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; align-items: center; justify-content: center; } 
#main_bnf .login_before .image { width: 24px; height: 24px; } 
#main_bnf .login_before .image img { width: 100%; } 
#main_bnf .login_before .txt { margin: 4px 0 16px; color: #FFF; text-align: center; font-size: 16px; font-weight: 300; line-height: 130%; } 
#main_bnf .login_before .txt span { color: #6CE4DE; font-size: 16px; font-weight: 600; } 
#main_bnf .login_before button a { color: #FFF; text-align: center; font-size: 16px; font-weight: 400; line-height: 100%; display: flex; padding: 4px 16px; justify-content: center; align-items: center; border-radius: 500px; border: 1px solid #FFF; } 
#main_bnf .login_before_thumb { border-radius: 0.5rem 0 0 0.5rem; text-align: center; position: absolute; z-index: 10; left: 0; top: 0; content: ""; width: 50%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; align-items: center; justify-content: center; } 
#main_bnf .login_before_thumb .image { width: 24px; height: 24px; } 
#main_bnf .login_before_thumb .image img { width: 100%; } 

/* footer_new */
#footer_new { background-color: #232323; padding: 60px 0; } 
#footer_new .footer_main { padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; display: flex; justify-content: space-between; align-items: flex-end; } 
#footer_new .footer_main .footer_menu { display: flex; gap:0 14px; align-items: center; } 
#footer_new .footer_main .footer_menu a { color: #FFF; font-size: 16px; font-weight: 500; line-height: 16px; letter-spacing: -0.48px; } 
#footer_new .footer_info { padding-top:20px; display: flex; align-items: flex-start; justify-content: space-between; } 
#footer_new .footer_info .branch_contact { display: flex; align-items: center; gap: 0 38px; } 
#footer_new .footer_info .branch_contact img { vertical-align: top; } 
#footer_new .footer_info .branch_contact li { display: flex; align-items: center; gap: 0 6px; } 
#footer_new .footer_info .branch_contact li span { color: #A8A8A8; font-size: 16px; font-weight: 300; line-height: 16px; letter-spacing: -0.48px; } 
#footer_new .footer_info .branch_contact li em { color: #FFF; font-size: 16px; font-weight: 400; line-height: 16px; letter-spacing: -0.48px; } 
#footer_new .footer_info .partners_contact { text-align: right; display: flex; flex-direction: column; gap: 45px; } 
#footer_new .footer_info .partners_contact .partners_info { display: flex; flex-direction: column; gap: 8px 0; } 
#footer_new .footer_info .partners_contact .partners_info p { color: #BBB; font-size: 14px; font-weight: 400; line-height: 14px; letter-spacing: -0.42px; } 
#footer_new .footer_info .partners_contact span { display: inline-block; margin-right: 14px; } 
#footer_new .footer_info .partners_contact .sns_info { display: flex; flex-direction: column; gap: 16px 0; } 
#footer_new .footer_info .partners_contact .sns_info p { color: #FFF; font-size: 16px; font-weight: 300; line-height: 16px; letter-spacing: -0.48px; } 
#footer_new .footer_info .partners_contact .sns_info ul { display: flex; align-items: center; justify-content: flex-end; gap: 0 16px; } 

/* doctor */
#dr_banner { margin-top: 160px; padding-bottom: 98px; } 
#dr_banner .dr_banner_area { text-align: center; display: flex; gap: 16px 0; flex-direction: column; align-items: center; justify-content: center; background: url(/images/main-new/dr_banner.png) no-repeat center; width: 100%; height: 400px; border-radius: 20px; } 
#dr_banner .dr_banner_area span { color: #FFF; font-size: 22px; font-weight: 400; line-height: 100%; letter-spacing: -0.66px; } 
#dr_banner .dr_banner_area h2 { color: #FFF; font-size: 48px; font-weight: 500; line-height: 100%; letter-spacing: -1.44px; } 
#dr_intro { background-color: #f6f6f6; } 
#dr_intro .title { margin-bottom: 60px; color: #000; text-align: center; font-size: 38px; font-weight: 500; line-height: 100%; letter-spacing: -1.14px; } 
#dr_intro .branch_list { margin-bottom: 60px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; align-self: stretch; flex-wrap: wrap; border-top: 1px solid #aaa; } 
#dr_intro .branch_list li { width: 12.5%; border-bottom: 1px solid #AAA; border-left: 1px solid #AAA; } 
#dr_intro .branch_list li:last-child { border-right: 1px solid #aaa; } 
#dr_intro .branch_list li:nth-child(8n) { border-right: 1px solid #aaa; } 
#dr_intro .branch_list li a { display: flex; padding: 18px 24px; justify-content: center; align-items: center; align-self: stretch; color: #747474; font-size: 20px; font-weight: 300; line-height: 20px; letter-spacing: -0.6px; } 
#dr_intro .doctor_list li .dr_box .txt a::before {
    position: absolute;
    content: "";
    left: -20px;
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 40px;
    background: #25C6BD url(/images/main-new/dr_more.svg) no-repeat center;
}
#dr_intro .branch_list li.active { position: relative; } 
#dr_intro .branch_list li.active::after { position: absolute; content:""; width: 100%; height: 2px; background-color: #000; left: 0; top: -1px; } 
#dr_intro .branch_list li.active a { color:#000; font-weight: 500; } 
#dr_intro .doctor_con ul { display: flex; justify-content: flex-start; gap: 24px; align-items: center; flex-wrap: wrap; } 
#dr_intro .doctor_con ul li { width: 23%; padding: 0; } 
#dr_intro .doctor_con ul li .box { position: relative; } 
.doctor_con .doctor_list .img_wrap img { width: 85% !important; height: auto !important; min-height: auto !important; } 
#dr_intro .doctor_con ul li .dr_info { position: absolute; right: 28px; top: 120px; text-align: right; } 
#dr_intro .doctor_con ul li .dr_info .branch { color: #25C6BD; text-align: right; font-size: 15px; font-weight: 400; line-height: 100%; letter-spacing: -0.45px; } 
#dr_intro .doctor_con ul li .dr_info .doctor { padding: 8px 0 24px; color: #000; font-size: 24px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.72px; } 
#dr_intro .doctor_con ul li .dr_info .doctor em { font-size: 20px; font-weight: 300; line-height: 100%; letter-spacing: -0.6px; } 

.doctor_pop_dimmed_bg { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, 0.5);}
#dr_intro #dr_pop { position: fixed; padding: 60px 40px; background: #fff; top: 50%; left: 50%; z-index: 9999; height: auto; transform: translate(-50%, -50%); display: none; width: 880px; } 
#dr_intro .doctor_con ul li .dr_info a { position: relative; color: #4B4B4B; font-size: 14px; font-style: normal; line-height: 100%; letter-spacing: -0.42px; } 
#dr_intro .doctor_con ul li .dr_info a::before { position: absolute; content: ""; left: -16px; top: 1px; width: 14px; height: 14px; border-radius: 40px; background: #25C6BD url(/images/main-new/dr_more.svg) no-repeat center; } 
#dr_intro #dr_pop .btn_pop_close { position: absolute; right: 0; top: 0; background-color: #000; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; } 
#dr_intro #dr_pop .doctor_pop_cont { display: flex; align-items: center; gap: 0 24px; padding: 0 68px; } 
#dr_intro #dr_pop .doctor_pop_cont .image { width: 50%; background-color: #DEE1E4; } 
#dr_intro #dr_pop .doctor_pop_cont .image img { width: 100%; } 
#dr_intro #dr_pop .doctor_pop_cont .dr_info { width: 50%; } 
#dr_intro #dr_pop .doctor_pop_cont .dr_info .branch { color: #25C6BD; font-size: 14px; font-weight: 500; line-height: 100%; letter-spacing: -0.42px; } 
#dr_intro #dr_pop .doctor_pop_cont .dr_info .doctor { color: #000; padding: 8px 0 20px; border-bottom: 1px solid #25C6BD; font-size: 24px; font-weight: 500; line-height: 100%; letter-spacing: -0.72px; } 
#dr_intro #dr_pop .doctor_pop_cont .dr_info .doctor em { color:#000; font-size: 20px; font-weight: 300; line-height: 100%; letter-spacing: -0.6px; } 
#dr_intro #dr_pop .doctor_pop_cont .dr_info .profile { display: flex; flex-direction: column; gap: 12px 0; color: #4B4B4B; font-size: 16px; font-weight: 300; line-height: 100%; letter-spacing: -0.42px; } 
#dr_intro #dr_pop .doctor_pop_cont .dr_info .profile > div { display: flex; flex-direction: column; gap: 12px 0; } 

@media (max-width: 1700px){
 #footer_new .footer_info .branch_contact li em { font-size: 13px; } 
 #header_new .center > ul { display: flex; width: 100%; align-items: center; height: 100%; } 
 #main_branch .branch_event .event_list li .txt h4 { margin: 8px 0; color: #000; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.72px; } 
 #main_branch .branch_news .branch_info .location { margin-top: 0; } 
 /* main_magazine */
 #main_community .community_con { display: flex; align-items: flex-start; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; } 
 #main_community .community_con > div { margin: 60px 0; } 
 #main_community .community_con .magazine { width: 30%; } 
 #main_community .community_con .magazine img { width: 100%; } 
 #main_community .community_con .magazine .magazine_list { margin-top: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; } 
 #main_community .community_con .magazine .magazine_list li { padding-bottom: 14px; border-bottom: 1px solid #CECECE; display: flex; align-items: center; gap: 16px; align-self: stretch; } 
 #main_community .community_con .magazine .magazine_list li:last-child { border-bottom: 0; } 
 #main_community .community_con .magazine .magazine_list li span { color: #FFF; display: flex; width: 96px; height: 42px; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; letter-spacing: -0. 6px; background: #000; } 
 #main_community .community_con .magazine .magazine_list li span.point { background-color: #60CCC6; } 
 #main_community .community_con .magazine .magazine_list li em { color: #000; font-size: 20px; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; } 
 #main_community .community_con .drtips { width: 70%; } 
 #main_community .community_con .drtips .drbox > img { width: 40%; } 
 #main_community .community_con .drtips .main_tit { display: flex; justify-content: space-between; align-items: center; } 
 #main_community .community_con .drtips .main_tit a { color: #4B4B4B; font-family: Pretendard; font-size: 22px; font-weight: 400; line-height: 22px; letter-spacing: -0.66px; } 
 #main_community .drcon { display: flex; flex-direction: column; gap: 80px 0; } 
 #main_community .drcon .drbox { display: flex; align-items: center; gap: 0 48px; } 
 #main_community .drcon .drbox .info { width: 70%; } 
 #main_community .drcon .drbox .info h5 { color: #000; font-size: 22px; font-weight: 600; line-height: 100%; letter-spacing: -0.84px; } 
 #main_community .drcon .drbox .info > p { color: #000; font-size: 17px; font-weight: 300; line-height: 100%; letter-spacing: -0.72px; margin: 10px 0 20px; } 
 #main_community .drcon .drbox .info .dr_list li { border-top: 1px solid #d9d9d9; } 
 #main_community .drcon .drbox .info .dr_list li:last-child { border-bottom: 1px solid #d9d9d9; } 
 #main_community .drcon .drbox .info .dr_list li a { display: flex; justify-content: space-between; align-items: center; } 
 #main_community .drcon .drbox .info .dr_list li a .product_img { padding: 0; width: 30%; } 
 #main_community .drcon .drbox .info .dr_list li a .item_info { display: flex; width: 65%; flex-direction: column; align-items: flex-start; padding: 20px 16px 20px 24px; border-left: 1px solid #d9d9d9; border-right: 1px  solid #d9d9d9; } 
 #main_community .drcon .drbox .info .dr_list li a .item_info span { display: inline-block; color: #9A9A9A; font-size: 14px; font-weight: 500; line-height: 100%; letter-spacing: -0.54px; } 
 #main_community .drcon .drbox .info .dr_list li a .item_info .tit { color: #000; font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.6px; margin: 12px 0 20px; } 
 #main_community .drcon .drbox .info .dr_list li a .item_info p { color: #000; font-size: 19px; font-weight: 600; line-height: 100%; letter-spacing: -0.72px; } 
 #main_community .drcon .drbox .info .dr_list li a .item_info p em { color: #000; font-size: 16px; font-weight: 400; letter-spacing: -0.6px; } 
 #main_community .drcon .drbox .info .dr_list .arrow { width: 10%; text-align: center; } 
}

@media (max-width: 1120px){
 .pc_container { display: none; } 
 .m_container { position: relative; margin: 0 auto; max-width: auto; } 
}