@charset "utf-8";

@font-face { 
  font-family:'Pretandard';  font-style:normal;  font-weight: 300; 
  src:  url(fonts/Pretendard-Light.woff2) format('woff2'),   url(fonts/Pretendard-Light.woff) format('woff')
}
@font-face { 
  font-family:'Pretandard';  font-style:normal;  font-weight: 400; 
  src:  url(fonts/Pretendard-Regular.woff2) format('woff2'),   url(fonts/Pretendard-Medium.woff) format('woff')
}
@font-face { 
  font-family:'Pretandard';  font-style:normal;  font-weight: 500; 
  src:  url(fonts/Pretendard-Medium.woff2) format('woff2'),   url(fonts/Pretendard-Medium.woff) format('woff')
}
@font-face { 
  font-family:'Pretandard';  font-style:normal;  font-weight: 600; 
  src:  url(fonts/Pretendard-SemiBold.woff2) format('woff2'),   url(fonts/Pretendard-SemiBold.woff) format('woff')
}
@font-face { 
  font-family:'Pretandard';  font-style:normal;  font-weight: 700; 
  src:  url(fonts/Pretendard-Bold.woff2) format('woff2'),   url(fonts/Pretendard-Bold.woff) format('woff')
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400,600;1,400,600&display=swap');

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup {padding:0; margin:0;}
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{box-sizing:border-box;}
article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, video, object {display:block;  box-sizing:border-box;}
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }
.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }
.null{ font-size:0; line-height:0; }
a img, input, textarea, select, img{ vertical-align:middle; }
time, progress, mark, output { display:inline; }
.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
a {text-decoration:none; outline:none; color:inherit}
/*a:hover {text-decoration:underline;}*/
a img{ border:0; }
img, input, select{ vertical-align:middle; }
input{ font-size:13px; color:#000; vertical-align:middle; outline:none;}
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; outline:none;}
button {outline:none;}
img {border:none; }


.mt0{margin-top:0px !important;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt100{margin-top:100px;}
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb85{margin-bottom:85px;}.mb100{margin-bottom:100px;}.mb150{margin-bottom:150px;}.mb200{margin-bottom:200px;}
.ml0{margin-left:0px !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left :40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}
.mr0{margin-right:0px !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}

.mt10P{margin-top:10%;}
.mb10P{margin-bottom:10%;}

.pt0{padding-top:0 !important;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}
.pb0{padding-bottom:0 !important;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb90{padding-bottom:90px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left :40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl80{padding-left:80px;}
.pr0{padding-right:0px !important;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}

.f_serif{font-family: "Noto Serif", serif;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*롤링레이어*/
.hd_roll_pop { z-index:2002; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:1000px;}
.hd_roll_pop .swiper{width:100%;}
.hd_roll_pop .swiper-slide{background:#fff;}
.hd_roll_pop .swiper img{ width:100%; height:100%; object-fit: cover; font-size:0}
.hd_roll_pop .swiper_hd{ width:100%; display:flex; justify-content: space-between; align-items: center;}
.hd_roll_pop .swiper_hd .btn_close_today{ font-size:20px; font-weight:500; color:#fff; border:0; background:transparent; padding:0; margin:0;}
.hd_roll_pop .swiper_hd .btn_close{ width:32px; display:block; border:0; font-size:0; background:transparent; padding:0; margin:0; }
.hd_roll_pop .swiper_hd .btn_close img { width:100%; }
.hd_roll_pop .swiper_bd{ margin-top:12px; width:100%;}
.hd_roll_pop .swiper_ft{ width:100%; background:#F2F2F2; display:grid; grid-template-columns: repeat(4, 1fr); height:auto; max-height:120px; border:1px solid #808080; border-width:1px 0 0 1px; box-sizing: border-box; }
.hd_roll_pop .swiper_ft .btn_rolling{ width:100%; height:58px; font-size:16px; background:#fff; color:#5D5D5D; border:1px solid #808080; border-width:0 1px 1px 0; display:flex; justify-content: center; align-items: center; transition:background 0.2s linear; cursor: pointer;}
.hd_roll_pop .swiper_ft .btn_rolling:hover,
.hd_roll_pop .swiper_ft .btn_rolling.is_active{ background:#272727; color:#fff;}
.hd_roll_pop .swiper-pagination{ display:none}
.hd_dimd{ display:block; opacity:0; visibility:hidden; position:fixed; z-index:2001; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.7)}
.hd_dimd.is_active{ opacity: 1; visibility: visible;}


@media (max-width:1023px){

  /* 팝업레이어 */
  #hd_pop {z-index:2000;position:relative;margin:0 auto;height:0; width:auto}
  #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
  .hd_pops { position:fixed !important; left:2rem !important; top:4rem !important; max-width:calc(100vw - 4rem) !important}
  .hd_pops img {width:100%; max-width:100%}
  .hd_pops_con { width:auto !important; max-width:100% !important; height:auto !important }
  .hd_pops_footer button {padding:1rem;}
  .hd_pops_footer .hd_pops_reject { font-size:1.4rem}
  .hd_pops_footer .hd_pops_close { font-size:1.4rem}
  
  /*롤링레이어*/
  .hd_roll_pop { width:calc(100vw - 4.6rem);}
  .hd_roll_pop .swiper_hd .btn_close_today{ font-size:1.2rem}
  .hd_roll_pop .swiper_hd .btn_close{ width:1.6rem}
  .hd_roll_pop .swiper_bd{ margin-top:0.8rem; padding-bottom:3.4rem; position:relative}
  .hd_roll_pop .swiper_ft{ display:none}
  .hd_roll_pop .swiper-pagination{ display:flex; bottom:0; left:0; width:100%; justify-content: center;}
  .hd_roll_pop .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width:1.4rem; height:1.4rem; border-radius:1rem; background:#404040; opacity: 1;}
  .hd_roll_pop .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#EDEDED; }
  
  #hd_pops_rolling .swiper{width:100%}

}


/* 기본 셋팅 */
body {margin:0; padding:0; font-family:'Pretandard',sans-serif;font-size:16px; font-weight:400;  width:100%;background:#fff;position:relative;letter-spacing:-0.4px; color:#000}
html{margin:0; padding:0; font-family:'Pretandard',sans-serif;font-size:16px; font-weight:400; }
*{ box-sizing: border-box; }

.pc_block{display:flex !important}
.mo_block{display:none !important}


html.is-fixed{overflow:hidden}
.ir {color:transparent;font-size:0;text-indent:-9999999px;}

#wrap {width:100%;min-width:1440px; margin:0 auto;position:relative;}

#container {width:100%;position:relative;overflow:hidden;}

.inner_box {width:1440px; margin:0 auto; position:relative; overflow:hidden; box-sizing: border-box;}

@media (max-width:1023px){
  html,body{font-size:62.5%}

  .pc_block{display:none !important}
  .mo_block{display:flex !important}

  #wrap{min-width:100%}
  .inner_box {width:100%}
}


.btn-global-top{ position:fixed; bottom:0; left:50%; transform: translateX(-50%); width:246px; height:60px; border-radius: 15px 15px 0 0; color:#fff; display:flex; justify-content: center; align-items: center; z-index:99; font-size:24px; font-weight:500; gap:0 10px; background:#0C0C0C; border:0; cursor: pointer;}
.btn-global-top i{ width:16px; transition:transform 0.2s linear}
.btn-global-top:hover i{ transform: translateY(-4px); }

@media (max-width:1023px){

  .btn-global-top{ width:14.2rem; height:3.5rem; border-radius: 0.8rem 0.8rem 0 0; font-size:1.8rem; gap:0 0.8rem}
  .btn-global-top i{ width:1rem}

}

/* 헤더 */
#header {z-index:102; width:100%; height:146px; position:fixed; top:0; left:0; background:#fff; display:flex; justify-content: center; align-items: center; transition:background 0.2s linear, border-color 0.2s linear; border-bottom:1px solid rgba(34,34,34,0.42)}
#header.is_main { background:transparent;}
#header.is-active {background:#fff; }
#header.is-fixed { border-bottom:1px solid #fff }
#header .inner_box { display:flex; justify-content: space-between; align-items: center}
#header .inner_box h1{ margin-left:-12px; display:flex; justify-content: flex-start; align-items: center; gap:0 22px; font-size:20px; font-weight:600; color:#2b2b2b;}
#header .inner_box h1 .logo{width:83px}
#header .inner_box h1 span{margin-top:8px}
#header .btn-list{width:56px; height:56px; overflow:hidden; border:1px solid #000; background:transparent; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); cursor: pointer;}
#header .btn-list svg{ width:100% }
#header .btn-list .b-btn{ display:block; position:absolute; top:0; left:0; }
#header .btn-list .b-open{ z-index:2; opacity:1; transition: opacity 0.2s linear;}
#header .btn-list .b-close{ z-index:1; }
#header .btn-list .b-close{ transition:transform 0.2s linear, opacity 0.2s linear; transform:translateY(4px); opacity: 0;}
#header .btn-list.is-active .b-open{ z-index:1; opacity:0 }
#header .btn-list.is-active .b-close{ z-index:2 }
#header .btn-list.is-active .b-close{transform:translateY(0); opacity: 1;}
#header .tnb{ display:flex; justify-content: flex-end; align-items: center;}
#header .tnb ul{ font-size:20px; display:flex; justify-content: flex-end; align-items: center;}
#header .tnb li + li{margin-left:20px; padding-left:20px; position:relative}
#header .tnb li + li:before{ content:""; width:1px; height:16px; display:block; background:#000; position:absolute; left:0; top:50%; transform: translateY(-50%); }
#header .tnb .btn-global{ margin-left:30px; display:flex; position:relative; padding-right:22px; border:0; background:transparent; justify-content: flex-start; cursor: pointer;}
#header .tnb .btn-global img{ width:28px}
#header .tnb .btn-global:after{ content:""; width:7px; height:7px; display:block; background:url("/renew2/img/common/icon_global_arrow.svg") no-repeat center / cover; position:absolute; right:0; top:50%; transform: translateY(-50%);}

.gnb_wrap { position:fixed; top:145px; left:0; width:100%; height:calc(100vh - 145px); opacity:0; z-index:1; visibility: hidden;}
.gnb_wrap.is-active { opacity:1; z-index:102; visibility: visible;}
.gnb_bg {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.96); z-index:1; opacity:0; transition: opacity 0.2s linear;}
.gnb_wrap.is-active .gnb_bg{ opacity:1; }
.gnb_wrap .inner_box{ padding:0 80px; display:grid; grid-template-columns: 1fr; position:relative; z-index:2 }
.depth1 { height:auto; padding:0 0 12px 30px; font-size:20px; font-weight:700; color:#2B2B2B;  border-bottom:1px solid #ADADAD; display:flex; justify-content: flex-start; align-items: center;}
.depth2 { width:100%; padding:20px 0; display:flex; justify-content: flex-start; border-bottom:1px solid #ADADAD; }
.depth2 dl{ display:flex; flex-direction: column; align-items: flex-start; gap:12px 0}
.depth2 dl + dl{margin-left:34px}
.depth2 dl.dep1{ width:155px; border-right:1px solid #ADADAD}
.depth2 dl.dep1 dt{ padding:0 0 0 30px; font-size:16px; font-weight:600; color:#5B5B5B; line-height:1.25}
.depth2 dl.dep2 dt{ display:none}
.depth2 dl.dep2 dd{ display:flex; justify-content: flex-start; align-items: center; gap:0 30px}
.depth2 dl.dep2 dd a{ position:relative; padding-left:24px; font-size:16px; color:#727272; line-height:1.25}
.depth2 dl.dep2 dd a:before{ content:""; width:3px; height:3px; border-radius: 2px; display:block; background:#727272; position:absolute; left:8px; top:8px}
.depth2 dl.dep2 dd a.no-dot:before{ display:none}
.depth2 dl.dep2 dd a.no-dot2:before{ content:"-"; width:unset; height:unset; border-radius: unset; background:unset; display:inline-flex; top:0;}
.depth2 + .depth1 { padding-top:26px;}
.depth2 .global-ul{ display:none }


@media (max-width:1023px){

  #header { height:7.2rem; background:#000;  }
  #header.is-active {background:#000; }
  #header.is-fixed { border-bottom:1px solid #fff }
  #header .inner_box { justify-content: center; padding:0 2.2rem}
  #header .inner_box h1{ margin-left:0; gap:0; }
  #header .inner_box h1 .logo{width:9rem}
  #header .inner_box h1 .logo img{width:100%}
  #header .inner_box h1 span{display:none}
  #header .btn-list{width:2.4rem; height:2.4rem; border:1px solid #fff; background:#000; left:2.2rem; top:50%; transform: translate(0, -50%); }
  #header .btn-list svg{ width:100%; filter: invert(1); }
  #header .btn-list .b-btn{ display:block; position:absolute; top:0; left:0; background:#fff}
  #header .btn-list .b-open{ z-index:2; opacity:1; transition: opacity 0.2s linear;}
  #header .btn-list .b-close{ z-index:1; }
  #header .btn-list .b-close{ transition:transform 0.2s linear, opacity 0.2s linear; transform:translateY(0); opacity: 0;}
  #header .btn-list.is-active{ border:0}
  #header .btn-list.is-active .b-open{ z-index:1; opacity:0 }
  #header .btn-list.is-active .b-close{ z-index:2 }
  #header .btn-list.is-active .b-close{transform:translateY(0); opacity: 1;}
  #header .tnb{ display:none;}
  #header .tnb ul{ display:none}
  #header .tnb .btn-global{ margin-left:0; display:flex; position:relative; padding-right:1.4rem; border:0; background:transparent; justify-content: flex-start; cursor: pointer;}
  #header .tnb .btn-global img{ width:2.2rem; filter: invert();}
  #header .tnb .btn-global:after{ content:""; width:0.5rem; height:0.5rem; display:block; background:url("/renew2/img/common/icon_global_arrow_w.svg") no-repeat center / cover; position:absolute; right:0; top:50%; transform: translateY(-50%);}

  .gnb_wrap { top:7.2rem; left:0; width:100%; height:calc(100vh - 7.2rem); overflow-y:auto }
  .gnb_wrap *{ box-sizing: border-box;}
  .gnb_wrap.is-active { opacity:1; z-index:102; visibility: visible;}
  .gnb_bg { position:fixed; height:calc(100vh - 7.2rem); margin-top:7.2rem; z-index:1}
  .gnb_wrap.is-active .gnb_bg{}
  .gnb_wrap .inner_box{ padding:0; display:grid; grid-template-columns: 1fr; position:relative; z-index:2; padding-bottom:10rem}
  .depth1 { height:unset; padding:0 2rem 1.8rem 2rem ; font-size:2rem; border-bottom-width:2px }
  .depth2 { padding:0; border-bottom:0; flex-direction: column; }
  .depth2 dl{ display:flex; flex-direction: column; align-items: flex-start; gap:24px 0}
  .depth2 dl + dl{margin-left:0}
  .depth2 dl.dep1{ display:none}
  .depth2 dl.dep2 { width:100% ; gap:0}
  .depth2 dl.dep2 dt{ width:100%; display:flex; align-items:center; border-bottom:0px solid #EAEAEA; height:4.6rem; font-size:1.6rem; font-weight:500; color:#000; padding:0 0 0 2rem; position:relative}
  .depth2 dl.dep2 dt:after{ content:""; position:absolute; top:1rem; right:2.4rem; width:2.4rem; height:2.4rem; display:block; background:url(/renew2/img/common/icon_m_gnb_arrow.svg) no-repeat center / cover; transition:transform 0.2s linear}
  .depth2 dl.dep2 dt.is_active{ width:100%; display:flex; align-items:center; border-bottom:0px solid #EAEAEA; height:4.6rem; font-size:1.6rem; font-weight:500; color:#000; padding:0 0 0 2rem; position:relative}
  .depth2 dl.dep2 dt.is_active:after{ transform:rotate(180deg);}
  .depth2 dl.dep2 dd{ flex-direction:column; align-items:flex-start; gap:0.6rem 0; padding-left:1.2rem; height:0; overflow: hidden;}
  .depth2 dl.dep2 dt.is_active + dd{ height:auto;}
  .depth2 dl.dep2 dd + dt{ border-top:1px solid #EAEAEA;}
  .depth2 dl.dep2 dd a{ padding-left:2.4rem; font-size:1.4rem; color:#000; }
  .depth2 dl.dep2 dd a:before{ content:""; width:3px; height:3px; border-radius: 2px; display:block; background:#000; position:absolute; left:0.8rem; top:0.8rem}
  .depth2 dl.dep2 dd a.no-dot {font-size:1.2rem; font-weight:300; padding-bottom:0.4rem}
  .depth2 dl.dep2 dd a:last-of-type {padding-bottom:16px}
  .depth2 + .depth1 { padding-top:1.8rem;}
  .depth2 .global-ul{ display:flex; justify-content: flex-start; align-items: center; height:5rem; position:relative; padding-left:5rem; border-top:1px solid #C8C8C8}
  .depth2 .global-ul:before{ content:""; width:1.8rem; height:1.8rem; display:block; background:url(/renew2//img/common/icon_global.svg) no-repeat center / cover;  position:absolute; left:1.8rem; top:50%; transform: translateY(-50%);}
  .depth2 .global-ul li{font-size:1.6rem}
  .depth2 .global-ul li + li{  margin-left:1rem}
  .depth2 .global-ul li + li:before{ content:"|"; margin-right:1rem}
  .depth2 .global-ul li a{ color:#B8B8B8; font-weight:300 }
  .depth2 .global-ul li a.active{ color:#000; font-weight:500 }

}



/* 퀵바 */
.quick { z-index:101;position:fixed;left:5.5%;bottom:4.6%; right:unset; top:unset; display:flex; flex-direction: column; align-items: flex-start; gap:18px 0}
.quick a { display:flex; justify-content: flex-start; align-items: center; overflow:hidden; width:60px; height:60px; border-radius: 30px; box-shadow: 2px 4px 8px rgba(0,0,0,0.25); background:#0C0C0C; box-sizing: border-box; transition: width 0.2s linear;}
.quick a img{ width:60px; transition: transform 0.2s linear;}
.quick a:not(.quick_top) span{ font-size:18px; font-weight:600; color:#fff; display:inline-block; transform: translateX(-4px); opacity:0; transition:opacity 0.2s linear, transform 0.2s linear; white-space: nowrap;}
.quick a:not(.quick_top):hover { width:160px; padding-right:24px}
.quick a:not(.quick_top):hover img{ transform:translateX(8px)}
.quick a:not(.quick_top):hover span{ opacity:1; transform: translateX(0);}
/*
.quick a.quick_top{ background:#fff; display:flex; flex-direction: column; align-items: center; justify-content: center; gap:2px 0; transition: transform 0.2s linear}
.quick a.quick_top i{ width:11px; transition: transform 0.2s linear;}
.quick a.quick_top:hover{ transform:translateY(-4px)}
.quick a.quick_top:hover i{ transform: translateY(-2px);}
.quick a.quick_top span{ font-size:18px; font-weight:600; color:#000; text-align: center; line-height:1.22}
*/

@media (max-width:1023px){

  .quick { left:unset; right:5.4%;bottom:5.4%; gap:1.2rem 0}
  .quick a { width:2.6rem; height:2.6rem; border-radius: 1.3rem; transition:unset; border:1px solid #fff; justify-content: center;}
  .quick a.quick_map,
  .quick a.quick_instar { display:none}
  .quick a img{ width:2.6rem; transition: unset}
  .quick a:not(.quick_top) span{ display:none}
  .quick a:not(.quick_top):hover { width:2.6rem; padding-right:0}
  .quick a:not(.quick_top):hover img{ transform:unset}
  .quick a:not(.quick_top):hover span{ display:none}  

}


/* 푸터 */
#footer { padding:0; }
#footer .footer-hd{padding:50px 0 44px 0; background-color:#fff;}
#footer .footer-hd .inner_box { display:flex; flex-direction: column; align-items: flex-start;}
#footer .footer-hd .inner_box ul{ width:100%; display:flex; justify-content: flex-start; align-items: center; }
#footer .footer-hd .inner_box ul + ul{ border-top:2px solid #000; margin-top:15px; padding-top:15px}
#footer .footer-hd .inner_box li{ display:flex; justify-content: flex-start; align-items: center; color:#666; font-size:20px; line-height:1.5}
#footer .footer-hd .inner_box li + li{ margin-left:6px; }
#footer .footer-hd .inner_box li + li:before{ content:"|"; margin-right:6px; margin-top:-2px; line-height:1}

#footer .footer-bd{padding:62px 0 122px;background-color:#171717;}
#footer .footer-bd .inner_box { display:grid; grid-template-columns: 270px 1fr; gap: 0 126px; align-items: center;}
#footer h1 { width:100%; display:flex}
#footer h1 img{ width:100%; height:auto }

.footer_con { display:flex; flex-direction: column; align-items: flex-start; color:#B9B9B9}
.footer_tel { display:flex; justify-content: flex-start; align-items: center;}
.footer_tel li{ font-size:24px; font-weight:600; position:relative}
.footer_tel li + li{ margin-left:6px; padding-left:6px}
.footer_tel li + li:before{ content:"|"; position:absolute; left:0; top:0}

.footer_text { display:flex; flex-direction: column; align-items: flex-start; margin-top:16px}
.footer_text li {display:flex; justify-content: flex-start; gap:0 10px; font-size:12px; font-weight:500; line-height:1.5}
.footer_text li span{ font-size:14px;position:relative; padding-left:10px}
.footer_text li span + span:before{ content:"|"; position:absolute; left:0; top:0;}
.footer_text li span:nth-of-type(1){ padding-left:0}
.footer_text li.guide_txt {font-size:12px; font-weight:500; line-height:1.5; margin-top:20px}

.copyright {margin-top:20px; font-size:14px; font-weight:500; color:#959595;}

@media (max-width:1023px){

  #footer .footer-hd{padding:1.6rem 0; }
  #footer .footer-hd .inner_box ul{ flex-wrap:wrap; justify-content: center; padding:0 5rem; box-sizing: border-box;}
  #footer .footer-hd .inner_box ul + ul{ margin-top:1.4rem; padding-top:1.4rem}
  #footer .footer-hd .inner_box li{ font-size:1.4rem; }
  #footer .footer-hd .inner_box li.no_line:before{ display:none}
  #footer .footer-hd .inner_box li.wd_full{ width:100%; justify-content: center;}
  
  #footer .footer-bd{padding:4.2rem 0 4.6rem}
  #footer .footer-bd .inner_box { display:flex; flex-direction: column; align-items: center; gap:1.2rem 0; padding:0 5rem}
  #footer h1 { width:17.4rem}
  
  .footer_con { align-items: center}
  .footer_tel { justify-content: center; flex-direction: column;}
  .footer_tel li{ font-size:1.8rem; }
  .footer_tel li + li{ margin-left:0; padding-left:0}
  .footer_tel li + li:before{ display:none}
  
  .footer_text { align-items: center; margin-top:2.2rem}
  .footer_text li { flex-direction: column; align-items: center; gap:0; font-size:1.2rem}
  .footer_text li.text1 span:nth-of-type(2),
  .footer_text li.text1 span:nth-of-type(3){display:none}
  .footer_text li span{ font-size:1.2rem;padding-left:0; text-align: center;}
  .footer_text li span + span:before{ display:none}
  .footer_text li span:nth-of-type(1){ padding-left:0}
  .footer_text li.text2 { margin-top:2.2rem}
  .footer_text li.guide_txt {font-size:1.2rem; margin-top:4rem; text-align: center; color:#737373}
  
  .copyright {margin-top:1.2rem; font-size:1rem; text-align: center;}

}

/**팝업**/
@media (max-width:1023px){
  [id*="hd_pops"]{ width:90% !important; left:50% !important; transform:translate(-50%, 0); top:7.5rem !important}
}

/**메인**/
[class*='main_r_']{ position:relative; display:flex; justify-content: center; align-items: center;}

.main_r_title_wr{ display:flex; flex-direction: column; align-items: center;}
.main_r_title_wr span{ font-size:28px; color:#959595}
.main_r_title_wr h2{ font-size:38px; color:#272727; font-weight:600; text-align: center; margin-top:12px}
.main_r_title_wr p{ font-size:18px; color:#626262; font-weight:300; text-align: center; margin-top:24px; position:relative}
.main_r_title_wr .bars{ width:52px; height:1px; display:block; background:#626262; margin-top:28px; }


@media (max-width:1023px){
  
  .main_r_title_wr span{ font-size:1.8rem}
  .main_r_title_wr h2{ font-size:2.4rem; margin-top:0}
  .main_r_title_wr p{ font-size:1.4rem; margin-top:1.6rem; }
  .main_r_title_wr .bars{ width:4rem; margin-top:1.6rem; }

}

.main_r_mv{ width:100%; height:100vh; max-height:100vh; overflow:hidden}
.main_r_mv .mv_r_swiper{ width:100%; height:100%;}
.main_r_mv .swiper-slide { width:100%; height:100%}
.main_r_mv .swiper-slide .bg{ position:absolute; top:0; left:0; display:block; width:100%; height:100vh }
.main_r_mv .swiper-slide .bg img{ width:100%; height:100%; object-fit: cover;}
.main_r_mv .swiper-pagination{ }
.main_r_mv .swiper-pagination-bullets.swiper-pagination-horizontal{ width:auto; left:19.583%; bottom:18.9% }
.main_r_mv .swiper-pagination-bullet { background:rgba(48,48,48,0.2); opacity:1}
.main_r_mv .swiper-pagination-bullet-active{ background:rgba(23,23,23,0.5)}

@media (max-width:1023px){

  /*.main_r_mv{ height:calc(100vh - 7.2rem); margin-top:7.2rem; }*/
  .main_r_mv{ height:auto; margin-top:7.2rem; }
  .main_r_mv .swiper-slide{ height:0; padding-bottom:120%;}
  .main_r_mv .swiper-slide .bg{ height:100%}
  .main_r_mv .swiper-pagination{ }
  .main_r_mv .swiper-pagination-bullets.swiper-pagination-horizontal{ width:auto; left:9.1%; bottom:13% }


}

.main_r_clinic{ flex-direction: column; padding:94px 0 128px 0}
.main_r_clinic .inner_box{ margin-top:70px;}
.main_r_clinic ul{ display:grid; grid-template-columns: repeat(3, 1fr);}
.main_r_clinic li{ display:flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.main_r_clinic li .title{ font-size:30px; color:#272727; text-align: center;}
.main_r_clinic li .text{ font-size:18px; font-weight:300; text-align: center; color:#626262; margin-top:12px}
.main_r_clinic li .thumb{width:100%; overflow:hidden}
.main_r_clinic li:nth-child(1) { align-items: flex-end;}
.main_r_clinic li:nth-child(1) .thumb{ border-radius: 0 100px 0 0;}
.main_r_clinic li:nth-child(1) .title{ margin:28px 48px 0; text-align: right; }
.main_r_clinic li:nth-child(1) .text{ margin-right:48px; text-align: right; }
.main_r_clinic li:nth-child(2) .thumb{ border-radius: 0 0 100px 100px; margin-top: 28px}
.main_r_clinic li:nth-child(3) { align-items: flex-start;}
.main_r_clinic li:nth-child(3) .thumb{ border-radius: 100px 0 0 0;}
.main_r_clinic li:nth-child(3) .title{ margin:28px 0 0 48px; text-align: left; }
.main_r_clinic li:nth-child(3) .text{ margin-left:48px; text-align: left; }

.main_r_clinic .swiper-pagination,
.main_r_clinic .r_clinic_swiper{display:none}

@media (max-width:1023px){

  .main_r_clinic{ padding:4.6rem 0}
  .main_r_clinic .inner_box{ margin-top:2.8rem; width:78.333%; padding-bottom:2.2rem}
  .main_r_clinic ul{ display:none}

  .main_r_clinic .r_clinic_swiper{display:flex;}
  .main_r_clinic .r_clinic_swiper .swiper-slide{ border-radius:2rem; overflow: hidden;}
  .main_r_clinic .r_clinic_swiper .swiper-slide img{ width:100%}

  .main_r_clinic .swiper-pagination{ display:flex }
  .main_r_clinic .swiper-pagination-bullets.swiper-pagination-horizontal{ width:auto; left:50%; bottom:0%; transform: translateX(-50%); }
  .main_r_clinic .swiper-pagination-bullet { background:rgba(48,48,48,0.2); opacity:1}
  .main_r_clinic .swiper-pagination-bullet-active{ background:rgba(23,23,23,0.5)}
  

}

.main_r_bna{ background:#F9F9F9; padding:104px 0}
.main_r_bna .inner_box{ display:flex; justify-content: space-between; align-items: center;}
.main_r_bna .box_left{ width:835px; display:flex; flex-direction: column; align-items: flex-start;}
.main_r_bna .main_r_title_wr{ align-items: flex-start;}
.main_r_bna .main_r_title_wr.mo{ display:none}
.main_r_bna .main_r_title_wr{ align-items: flex-start;}
.main_r_bna .main_r_title_wr h2 { text-align: left;}
.main_r_bna .main_r_title_wr h2 em{ font-weight:400; text-align: left;}
.main_r_bna .main_r_title_wr p.type2{ text-align: left; font-size:24px; color:#000; padding-top:0; margin-top:8px}
.main_r_bna .thumb_swiper{margin-top:70px; width:100%}
.main_r_bna .thumb_swiper .swiper-wrapper{flex-direction: row !important;  flex-wrap: wrap;}
.main_r_bna .thumb_swiper .swiper-slide{ width:100%; height: calc((100% - 10px) / 2) !important; margin-top:0 !important; cursor: pointer; opacity:0.6}
.main_r_bna .thumb_swiper .swiper-slide.swiper-slide-thumb-active{ opacity:1}
.main_r_bna .thumb_swiper .swiper-slide:nth-child(n+6){margin-top:10px !important}
.main_r_bna .thumb_swiper .swiper-slide .inr{ width:100%; padding-bottom:100%; border-radius: 20px; overflow:hidden; position:relative}
.main_r_bna .thumb_swiper .swiper-slide .inr img{ width:100%; position:absolute; top:0; left:0;}
.main_r_bna .href{ margin-left:auto; margin-top:10px; background:#232323; height:58px; line-height:58px; border-radius: 30px; color:#fff; font-size:20px; padding:0 38px; gap:0 6px}
.main_r_bna .href em{}
.main_r_bna .box_right{ position:relative; padding-top:40px; width:530px}
.main_r_bna .box_right:before{ content:"BEFORE"; position:absolute; left:0; top:0; font-size:30px; font-weight:500; color:#9f9f9f}
.main_r_bna .box_right:after{ content:"AFTER"; position:absolute; right:0; top:0; font-size:30px; font-weight:500; color:#000}
.main_r_bna .detail_swiper{ width:100%; border-radius: 20px; overflow: hidden;}
.main_r_bna .detail_swiper .swiper-slide{ font-size:0}
.main_r_bna .btn_login{padding:14px 44px; background:#232323; border-radius:34px; font-size:24px; color:#fff;}

/*before & after*/
.before .thumb-drag .label{display:flex; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#646464; flex-direction: column; align-items: center; font-size:25px; z-index:10}
.before .thumb-drag .label strong{ font-weight:500}
.before .thumb-drag .label p{ font-size:inherit !important; white-space:nowrap; text-align: center;}
.before .thumb-drag .label a{ margin-top:34px; z-index:10; display:none}
.main_r_bna .before_thumb{ display:none !important}
.main_r_bna .twentytwenty-before{ display:block !important; filter:blur(20px); opacity:0.5}
.is_mem .thumb-drag .label{display:none}
.main_r_bna .is_mem .twentytwenty-before{ display:block !important; filter:blur(0);}
.main_r_bna .twentytwenty-before-label,
.main_r_bna .twentytwenty-after-label{display:none}

@media (max-width:1023px){

  .main_r_bna{ flex-direction:column; padding:4.6rem 0}
  .main_r_bna .inner_box{ flex-direction: column-reverse;}
  .main_r_bna .main_r_title_wr.mo{ display:flex}
  .main_r_bna .box_left{ width:100%; align-items: center;}
  .main_r_bna .box_left .main_r_title_wr{ display:none}
  .main_r_bna .main_r_title_wr{ align-items: center;}
  .main_r_bna .main_r_title_wr h2 { text-align: center;}
  .main_r_bna .main_r_title_wr h2 em{ text-align: center;}
  .main_r_bna .main_r_title_wr p.type2{ text-align: center; font-size:1.4rem; margin-top:0.8rem}
  .main_r_bna .thumb_swiper{margin-top:1.4rem; width:78.33%; overflow:visible}
  .main_r_bna .thumb_swiper .swiper-wrapper{/*flex-direction: unest !important;  xflex-wrap: nowrap*/ }
  .main_r_bna .thumb_swiper .swiper-slide:nth-child(n+6){margin-top:0.6rem !important}
  .main_r_bna .thumb_swiper .swiper-slide .inr{ border-radius: 0.8rem; }
  .main_r_bna .href{ margin-top:3.8rem; margin-left:auto; margin-right:auto; height:3.9rem; line-height:3.9rem; border-radius: 2rem; font-size:1.4rem; padding:0 2.4rem; }
  .main_r_bna .box_right{ padding-top:2.8rem; width:78.33%; margin-top:2.4rem}
  .main_r_bna .box_right:before{ font-size:1.6rem}
  .main_r_bna .box_right:after{ font-size:1.6rem}
  .main_r_bna .detail_swiper{ border-radius: 1.6rem;}

/*before & after*/
.before .thumb-drag .label{font-size:1.2rem}

}


.main_r_youtube{ flex-direction: column; padding:152px 0 68px 0}
.main_r_youtube .main_r_title_wr h2{display:flex; align-items: flex-start; align-items:center; gap:0 16px}
.main_r_youtube .main_r_title_wr i{ margin:0; padding:0; overflow: hidden; width:37px}
.main_r_youtube .main_r_title_wr i img{ width:100%}
.main_r_youtube .inner_box{margin-top:36px; overflow:visible; display:flex; flex-direction: column; align-items: flex-end; gap:20px 0}
.main_r_youtube .inner_box .href{font-size:20px; font-weight:300; color:#8A8A8A}
.main_r_youtube .youtube_r_Swiper{width:100%; overflow:visible; }
.main_r_youtube .swiper-slide{width:271px !important; background:#fff; box-shadow: 0 2px 10px 2px rgba(0,0,0,0.15); }
.main_r_youtube .swiper-slide a{ width:100%; display:flex; flex-direction: column; align-items: center; padding:24px 12px; box-sizing: border-box;}
.main_r_youtube .swiper-slide .thumb{ width:100%}
.main_r_youtube .swiper-slide .thumb img{ width:100%}
.main_r_youtube .swiper-slide p{ margin-top:20px; height:38px; text-align: center; font-size:16px; color:#000; font-weight:500}
.main_r_youtube .swiper-slide span{ margin-top:28px; text-align: center; font-size:16px; color:#7C7C7C; }
.main_r_youtube .swiper-slide em{ text-align: center; font-size:12px; color:#7C7C7C; }

@media (max-width:1023px){


  .main_r_youtube{ padding:6rem 0}
  .main_r_youtube .main_r_title_wr { width:100%; align-items: flex-start; padding-left:4rem}
  .main_r_youtube .main_r_title_wr h2{gap:0 0.8rem}
  .main_r_youtube .main_r_title_wr i{ width:2.8rem}
  .main_r_youtube .inner_box{margin-top:1rem; gap:2rem 0}
  .main_r_youtube .inner_box .href{font-size:1.4rem}
  .main_r_youtube .swiper-slide{width:21rem !important; }
  .main_r_youtube .swiper-slide a{ padding:1.8rem 1rem}
  .main_r_youtube .swiper-slide p{ margin-top:1.4rem; height:3rem; font-size:1.2rem}
  .main_r_youtube .swiper-slide span{ margin-top:2.2rem; font-size:1.2rem}
  .main_r_youtube .swiper-slide em{ font-size:1rem}
  


}

.main_r_spot{ flex-direction: column; padding:68px 0 0 0}
.main_r_spot *{ box-sizing: border-box;}
.main_r_spot ul{ margin-top:76px; display:grid; grid-template-columns: repeat(4, 1fr); width:100%; background:url(/renew2/img/main_2025/spot_bg.png) no-repeat center / cover; justify-content: center; align-items: stretch}
.main_r_spot li{ width:100%; display:flex; flex-direction: column; align-items: center; justify-items: stretch; position:relative}
.main_r_spot li + li{ border-left:1px solid #ABABAB}
.main_r_spot li a { display:flex; flex-direction: column; align-items: center; justify-items: stretch; width:100%; height:100%; padding:185px 0; }
.main_r_spot li a *{ color:rgba(0,0,0,0.7)}
.main_r_spot li a h3{ font-size:40px; font-weight:600; position:relative; z-index:2; transition:color 0.3s ease }
.main_r_spot li a .bars{ width:28px; height:1px; display:block; background:#474747; margin:34px 0 30px 0; position:relative; z-index:2; transition:background 0.3s ease}
.main_r_spot li a p{ height:60px; font-size:24px; position:relative; z-index:2; text-align: center; transition:color 0.3s ease}
.main_r_spot li a i{ width:52px; display:block; transition: filter 0.2s linear, opacity 0.2s linear; opacity:0.7; position:relative; z-index:2; margin-top:110px}
.main_r_spot li a i img{ width:100%}
.main_r_spot li a .dimd{ position:absolute; top:0; left:0; transform-origin: center bottom; width:100%; height:100%; transition:0.2s linear; background:rgba(24,24,24,0.7); z-index:1; transform:scaleY(0)}
.main_r_spot li a:hover *{ color:#fff; }
.main_r_spot li a:hover .bars{ background:#fff}
.main_r_spot li a:hover .dimd{ transform:scaleY(1) }
.main_r_spot li a:hover i{ filter: invert(1); opacity:1 }

@media (max-width:1023px){

  .main_r_spot{ padding:0}
  .main_r_spot .main_r_title_wr{display:none}
  .main_r_spot ul{ margin-top:0; grid-template-columns: 1fr; background:none; }
  .main_r_spot li + li{ border-left:0; border-top:1px solid #ABABAB}
  .main_r_spot li { padding:3.8rem 0; background-size:cover; background-position:center; background-repeat: no-repeat; }
  .main_r_spot li:nth-child(1) { background-image: url(/renew2/img/main_2025/m/spot01_bg.png); }
  .main_r_spot li:nth-child(2) { background-image: url(/renew2/img/main_2025/m/spot02_bg.png); }
  .main_r_spot li:nth-child(3) { background-image: url(/renew2/img/main_2025/m/spot03_bg.png); }
  .main_r_spot li:nth-child(4) { background-image: url(/renew2/img/main_2025/m/spot04_bg.png); }
  .main_r_spot li a { align-items:flex-start; padding:0 4rem; }
  .main_r_spot li a .bars{ display:none}
  .main_r_spot li a h3{ font-size:2rem; text-align: left;}
  .main_r_spot li a p{ height:3.8rem; font-size:1.4rem; text-align: left; margin-top:1rem}
  .main_r_spot li a i{ position:absolute; width:3.4rem; margin-top:0; top:50%; transform: translateY(-50%);}
  .main_r_spot li:nth-child(odd) a i{ right:4rem}
  .main_r_spot li:nth-child(even) a h3{ text-align: right;}
  .main_r_spot li:nth-child(even) a p{ text-align: right;}
  .main_r_spot li:nth-child(even) a { align-items:flex-end}
  .main_r_spot li:nth-child(even) a i{ left:4rem; transform:translateY(-50%) rotate(180deg)}

}

.main_r_doctor{ background:url(/renew2/img/main_2025/doctor_bg.png) no-repeat center / cover; height:972px; border-radius: 0 0 382px 0; }
.main_r_doctor .inner_box{ display:flex; justify-content: space-between; align-items: flex-start; overflow: visible;}
.main_r_doctor .thumb{ display:flex; margin:122px 0 0 -122px; width:637px}
.main_r_doctor .thumb img{ width:100%}
.main_r_doctor .box_right{ display:flex; flex-direction: column; justify-content: center; align-items: flex-start; position:relative; padding:208px 0 0 0; width:620px}
.main_r_doctor .box_right *{ color:#fff; }
.main_r_doctor .box_right h2{ font-family:"Noto Serif", serif; font-size:40px; font-weight:600; line-height:1.45}
.main_r_doctor .box_right p{ font-size:24px; margin-top:40px; line-height:1.5}
.main_r_doctor .name{ position:absolute; bottom:38px; left:calc(40.9%); font-size:26px; font-weight:600; color:#fff}
.main_r_doctor .name span{ font-size:50px; display:inline-flex; margin-left:10px; font-family: "Noto Serif", serif; }

@media (max-width:1023px){

  .main_r_doctor{ background:url(/renew2/img/main_2025/m/doctor_bg.png) no-repeat center / cover; height:unset; border-radius: 0 0 9.4rem 0; }
  .main_r_doctor .inner_box{ flex-direction:column-reverse; justify-content: flex-start; align-items: center}
  .main_r_doctor .thumb{ width:86.7%; margin:2rem 0 0 0; }
  .main_r_doctor .box_right{ align-items: center; padding:0; width:86%; margin-top:5.6rem}
  .main_r_doctor .box_right h2{ font-size:2.2rem; text-align: center;}
  .main_r_doctor .box_right p{ font-size:1.4rem; margin-top:1rem; text-align: center;}
  .main_r_doctor .name{ bottom:2.4rem; left:9.3%; font-size:1.4rem; text-shadow: 0 0 12px rgba(0,0,0,0.8); text-align: left; z-index:6; }
  .main_r_doctor .name span{ font-size:2.8rem; margin-left:0}

}


.main_r_count{ background:url(/renew2/img/main_2025/count_bg.png) no-repeat center / cover; padding:100px 0 106px 0}
.main_r_count .inner_box{ display:flex; flex-direction: column; align-items: center;}
.main_r_count .inner_box *{ color:#fff}
.main_r_count h2{ font-size:40px; font-weight:400; line-height:1.45; text-align: center;}
.main_r_count .count_ul{ padding:0 180px; width:100%; display:grid; grid-template-columns: 28.7% 40.5% 1fr; margin-top:80px}
.main_r_count li{ display:flex; flex-direction: column; align-items: center; gap: 12px 0; position:relative}
.main_r_count li + li:before{ content:""; width:2px; height:42px; background:#fff; display:block; position:absolute; left:0; top:4px }
.main_r_count li *{ font-family:"Noto Serif", serif; font-weight:600; color:#fff; }
.main_r_count li .count{ font-size:50px; display:flex; justify-content: center; align-items: center; gap:0 12px; line-height:50px}
.main_r_count li .count p{ font-size:inherit; font-weight:400; color:inherit}
.main_r_count li .count em{ font-size:30px; }
.main_r_count li span{ font-size:22px; font-weight:600; text-align: center;}
.main_r_count .count_r_swiper{display:none}

@media (max-width:1023px){

  .main_r_count{ background:url(/renew2/img/main_2025/count_bg.png) no-repeat center / cover; padding:6rem 0 7.8rem 0}
  .main_r_count h2{ font-size:1.5rem; }
  .main_r_count .count_ul{ display:none}
  .main_r_count .count_r_swiper{display:flex; margin-top:3.2rem; width:100%}
  .main_r_count .swiper-slide{ display:flex; flex-direction: column; align-items: center; gap: 1rem 0; }
  .main_r_count .swiper-slide *{ font-family:"Noto Serif", serif; font-weight:600; color:#fff; }
  .main_r_count .swiper-slide .count{ display:flex; align-items:center; justify-content: center; font-size:5.4rem; gap:0; line-height:5.4rem}
  .main_r_count .swiper-slide .count em{ font-size:3.9rem; }
  .main_r_count .swiper-slide span{ font-size:1.7rem}


}

/**서브**/

#subCont{ position:relative; }
#subCont *{ box-sizing: border-box; }

.swiper-button-prev:after,
.swiper-button-next:after{display:none; }

[data-aos="center-wide"]{ transform: scaleX(0);}
[data-aos="center-wide"].aos-animate{ transform: scaleX(1);}

[data-aos="blur-out"]{ filter:blur(20px); opacity:0; }
[data-aos="blur-out"].aos-animate{ filter:blur(0); opacity:1; }


.title_setting_wr{ display:flex; flex-direction: column; align-items: center; text-align: center;}
.title_setting_wr.align_left{ align-items: flex-start; text-align: left; }

.main_r_title_wr [data-aos=fade-up],
.title_setting_wr [data-aos=fade-up]{ transform: translate3d(0, 50%, 0); opacity: 0;}

/* 요약 + 타이틀 + 바 + 문구 */
.title_setting_wr{ display:flex; flex-direction: column; align-items: center; text-align: center;}
.title_setting_wr.title_bars{ display:flex; flex-direction: column; align-items: center; text-align: center;}
.title_setting_wr.title_bars span{ font-size:16px; font-weight:300; color:#959595; letter-spacing:0.29rem; }
.title_setting_wr.title_bars h2{ margin-top:10px; font-size:38px; font-weight:600; color:#272727; }
.title_setting_wr.title_bars .bars{ margin-top:36px; width:52px; height:1px; display:block; background:#626262; }
.title_setting_wr.title_bars .summary{ margin-top:36px; font-size:18px; line-height:1.44; color:#626262; }

/* 타이틀 싱글 */
.title_setting_wr.title_singles h2{ font-size:38px; font-weight:600; color:#272727; line-height:1.31; }

/* 설명 + 타이틀 */
.title_setting_wr.title_summary{ color:#272727; }
.title_setting_wr.title_summary span{ font-size:36px; font-weight:300; }
.title_setting_wr.title_summary h2{ margin-top:4px; font-size:38px; font-weight:600; }

.subIntro{ width:100%; position:relative; overflow:hidden; padding-bottom:32.8%; background-position:center; background-repeat:no-repeat; background-size: cover; color:#fff; }
.subIntro.beauty01{ background-image:url(/renew2/img/sub_2025/subIntro/beauty01.jpg); }
.subIntro.beauty02{ background-image:url(/renew2/img/sub_2025/subIntro/beauty02.jpg); }
.subIntro.beauty03{ background-image:url(/renew2/img/sub_2025/subIntro/beauty03.jpg); }
.subIntro.beauty04{ background-image:url(/renew2/img/sub_2025/subIntro/beauty04.jpg); }
.subIntro.beauty05{ background-image:url(/renew2/img/sub_2025/subIntro/beauty05.jpg); }
.subIntro.beauty06{ background-image:url(/renew2/img/sub_2025/subIntro/beauty06.jpg); }
.subIntro.beauty07{ background-image:url(/renew2/img/sub_2025/subIntro/beauty07.jpg); }

.subIntro.lazer01{ background-image:url(/renew2/img/sub_2025/subIntro/lazer01.jpg); }
.subIntro.lazer02{ background-image:url(/renew2/img/sub_2025/subIntro/lazer02.jpg); }
.subIntro.lazer03{ background-image:url(/renew2/img/sub_2025/subIntro/lazer03.jpg); }
.subIntro.lazer04{ background-image:url(/renew2/img/sub_2025/subIntro/lazer04.jpg); }

.subIntro.body01{ background-image:url(/renew2/img/sub_2025/subIntro/lazer01.jpg); }
.subIntro.body02{ background-image:url(/renew2/img/sub_2025/subIntro/lazer02.jpg); }
.subIntro.body03{ background-image:url(/renew2/img/sub_2025/subIntro/lazer03.jpg); }
.subIntro.body04{ background-image:url(/renew2/img/sub_2025/subIntro/lazer04.jpg); }

.subIntro.surgery01{ background-image:url(/renew2/img/sub_2025/subIntro/surgery01.jpg); }
.subIntro.surgery02{ background-image:url(/renew2/img/sub_2025/subIntro/surgery02.jpg); }
.subIntro.surgery03{ background-image:url(/renew2/img/sub_2025/subIntro/surgery03.jpg); }

.subIntro.eyebrow{ background-image:url(/renew2/img/sub_2025/subIntro/eyebrow.jpg); }
.subIntro.eyeline{ background-image:url(/renew2/img/sub_2025/subIntro/eyeline.jpg); }
.subIntro.hair{ background-image:url(/renew2/img/sub_2025/subIntro/hair.jpg); }
.subIntro.smp{ background-image:url(/renew2/img/sub_2025/subIntro/smp.jpg); }
.subIntro.lips{ background-image:url(/renew2/img/sub_2025/subIntro/lips.jpg); }
.subIntro.chest{ background-image:url(/renew2/img/sub_2025/subIntro/chest.jpg); }

.subIntro .inner_box{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:flex; flex-direction: column; align-items: center; padding-top:146px; }
.subIntro .sub_info{ font-size:24px; letter-spacing:0.2rem;}
.subIntro .sub_text{ font-size:30px; margin-top:24px; }
.subIntro .sub_title{ font-size:50px; margin-top:46px; font-weight:600; line-height:1.3; }

@media (max-width:1023px){

  /* 요약 + 타이틀 + 바 + 문구 */
  .title_setting_wr{ width:calc(100%); margin-left:auto; margin-right:auto; }
  .title_setting_wr.title_bars span{ font-size:1.4rem; }
  .title_setting_wr.title_bars h2{ margin-top:1.2rem; font-size:2.6rem; }
  .title_setting_wr.title_bars .bars{ margin-top:2.2rem; width:3.8rem; }
  .title_setting_wr.title_bars .summary{ margin-top:2.2rem; font-size:1.4rem; word-break: keep-all; }  

  /* 타이틀 싱글 */
  .title_setting_wr.title_singles h2{ font-size:2.6rem; }

  /* 설명 + 타이틀 */
  .title_setting_wr.title_summary span{ font-size:2.4rem; }
  .title_setting_wr.title_summary h2{ font-size:2.6rem; }

  .subIntro{ margin-top:7.2rem; padding-bottom:65.55%; }
  .subIntro.beauty01{ background-image:url(/renew2/img/sub_2025/subIntro/beauty01_m.jpg); }
  .subIntro.beauty02{ background-image:url(/renew2/img/sub_2025/subIntro/beauty02_m.jpg); }
  .subIntro.beauty03{ background-image:url(/renew2/img/sub_2025/subIntro/beauty03_m.jpg); }
  .subIntro.beauty04{ background-image:url(/renew2/img/sub_2025/subIntro/beauty04_m.jpg); }
  .subIntro.beauty05{ background-image:url(/renew2/img/sub_2025/subIntro/beauty05_m.jpg); }
  .subIntro.beauty06{ background-image:url(/renew2/img/sub_2025/subIntro/beauty06_m.jpg); }
  .subIntro.beauty07{ background-image:url(/renew2/img/sub_2025/subIntro/beauty07_m.jpg); }

  .subIntro.lazer01{ background-image:url(/renew2/img/sub_2025/subIntro/lazer01_m.jpg); }
  .subIntro.lazer02{ background-image:url(/renew2/img/sub_2025/subIntro/lazer02_m.jpg); }
  .subIntro.lazer03{ background-image:url(/renew2/img/sub_2025/subIntro/lazer03_m.jpg); }
  .subIntro.lazer04{ background-image:url(/renew2/img/sub_2025/subIntro/lazer04_m.jpg); }

  .subIntro.body01{ background-image:url(/renew2/img/sub_2025/subIntro/body01_m.jpg); }
  .subIntro.body02{ background-image:url(/renew2/img/sub_2025/subIntro/body02_m.jpg); }
  .subIntro.body03{ background-image:url(/renew2/img/sub_2025/subIntro/body03_m.jpg); }
  .subIntro.body04{ background-image:url(/renew2/img/sub_2025/subIntro/body04_m.jpg); }

  .subIntro.surgery01{ background-image:url(/renew2/img/sub_2025/subIntro/surgery01_m.jpg); }
  .subIntro.surgery02{ background-image:url(/renew2/img/sub_2025/subIntro/surgery02_m.jpg); }
  .subIntro.surgery03{ background-image:url(/renew2/img/sub_2025/subIntro/surgery03_m.jpg); }

  .subIntro.eyebrow{ background-image:url(/renew2/img/sub_2025/subIntro/eyebrow_m.jpg); }
  .subIntro.eyeline{ background-image:url(/renew2/img/sub_2025/subIntro/eyeline_m.jpg); }
  .subIntro.hair{ background-image:url(/renew2/img/sub_2025/subIntro/hair_m.jpg); }
  .subIntro.smp{ background-image:url(/renew2/img/sub_2025/subIntro/smp_m.jpg); }
  .subIntro.lips{ background-image:url(/renew2/img/sub_2025/subIntro/lips_m.jpg); }
  .subIntro.chest{ background-image:url(/renew2/img/sub_2025/subIntro/chest_m.jpg); }

  .subIntro .inner_box{ padding-top:0; }
  .subIntro .sub_info{ font-size:1.6rem; }
  .subIntro .sub_text{ font-size:2rem; margin-top:1.4rem; }
  .subIntro .sub_title{ font-size:2rem; margin-top:3.2rem; }

}

/*tabs*/
.pageTab_wr{ display:grid; grid-template-columns: repeat(2, 1fr); width:100%; max-width:1440px; margin:0 auto}
.pageTab_wr a{ width:100%; height:90px; font-size:28px; font-weight:600; color:#b5b5b5; display:flex; justify-content: center; align-items: center; border-bottom:2px solid #B5B5B5; transition:color 0.2s linear}
.pageTab_wr a:hover,
.pageTab_wr a.is_active{ color:#000; border-bottom:2px solid #000; }

@media (max-width:1023px){

  .pageTab_wr{ max-width:calc(100vw - 4rem); }
  .pageTab_wr a{ height:5rem; font-size:1.8rem; font-weight:500; }

}


/*before&after*/
.sb_change_wr{ padding:100px 0 90px 0; background:url(/renew2/img/sub_2025/change_bg.png) no-repeat center / cover; }
.sb_change_wr .swiper_box{ margin-top:60px; position:relative; padding:0 70px;}
.sb_change_wr .swiper_box .changeSwiper{ width:100%; }
.sb_change_wr .swiper_box .changeSwiper .swiper-wrapper { height:auto !important; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide{ padding:10px; display:flex; align-items: stretch; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .box{ position:relative; display:flex; align-items: stretch; overflow: hidden; border-radius: 30px; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half{ position:absolute; right:0; top:0; z-index:3; width:50%; height:100%; border-radius: 0 30px 30px 0; overflow: hidden; color:#fff; background:rgba(0,0,0,0.8); display:flex; justify-content: center; align-items: center;}
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half .box{ font-size:20px; color:#fff; display:flex; flex-direction: column; align-items: center; text-align: center; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half .box span{ font-weight:600; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half .box span + p{ margin-top:4px; font-weight:500; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half .box a{ margin-top:24px; border:1px solid #fff; border-radius: 80px; width:100px; height:30px; font-size:16px; font-weight:700; display:flex; justify-content: center; align-items: center; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb{ position:absolute; top:0; left:0; overflow: hidden; z-index:2}
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb img{ width:100%; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb.member{ position:static; z-index:1; }
.sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb.member img{ }
.sb_change_wr .swiper_box .swiper-button-prev,
.sb_change_wr .swiper_box .swiper-button-next{ width:50px; height:unset; margin-top:-25px; }
.sb_change_wr .swiper_box .swiper-button-prev{ left:0; }
.sb_change_wr .swiper_box .swiper-button-next{ right:0; }
.sb_change_wr .swiper_box .swiper-button-prev img,
.sb_change_wr .swiper_box .swiper-button-next img{ width:100%; }
.sb_change_wr .swiper_box .swiper-button-next img{ transform:rotate(180deg); }

@media (max-width:1023px){

  .sb_change_wr{ padding:5rem 2.4rem 4rem; background:linear-gradient(to bottom, rgba(241,241,241,0.2) 0%, rgba(245,245,245,1)) 100%; }
  .sb_change_wr .swiper_box{ margin-top:2.8rem; padding:0 2.2rem;}
  .sb_change_wr .swiper_box .changeSwiper { padding-top:1rem; }  
  .sb_change_wr .swiper_box .changeSwiper .swiper-slide{ padding:1rem; }
  .sb_change_wr .swiper_box .changeSwiper .swiper-slide .box{ border-radius: 2rem; box-shadow: 0 0 1.5rem rgba(0,0,0,0.2); }
  .sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half{ border-radius: 0 1.6rem 1.6rem 0; }
  .sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half .box{ font-size:1.2rem; }
  .sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half .box span + p{ margin-top:1.4rem; }
  .sb_change_wr .swiper_box .changeSwiper .swiper-slide .thumb_half .box a{ margin-top:1.4rem; border-radius: 2rem; width:6.4rem; height:1.8rem; font-size:1.2rem; }
  .sb_change_wr .swiper_box .swiper-button-prev,
  .sb_change_wr .swiper_box .swiper-button-next{ width:2rem; margin-top:-1rem; }

}

/*guide*/
.sb_guide_wr{ padding:100px 0;}
.sb_guide_wr .swiper_box{ margin-top:60px; position:relative; }
.sb_guide_wr .swiper_box .thumb{ border-radius:28px; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.15); }
.sb_guide_wr .swiper_box .thumb img{ width:100%; }
.sb_guide_wr .swiper_box .title{ margin-top:28px; font-size:20px; font-weight:600; color:#272727; }
.sb_guide_wr .swiper_box .text{ margin-top:8px; font-size:16px; line-height:1.5; font-weight:300; color:#626262; }
.sb_guide_wr .swiper_box .guideSwiper{ width:100%; }
.sb_guide_wr .swiper_box .guideSwiper .swiper-wrapper{ height:auto !important; }
.sb_guide_wr .swiper_box .swiper-slide{ padding:10px 0 0 0; }
.sb_guide_wr .swiper-pagination{ position:absolute; display:none; }

@media (max-width:1023px){
  
  .sb_guide_wr{ padding:5rem 3.5rem;}
  .sb_guide_wr .inner_box{ overflow: visible; }
  .sb_guide_wr .swiper_box{ margin-top:3rem; padding-bottom:3.2rem; }
  .sb_guide_wr .swiper_box .thumb{ border-radius:2rem; }
  .sb_guide_wr .swiper_box .title{ margin-top:2.2rem; font-size:1.6rem; }
  .sb_guide_wr .swiper_box .text{ margin-top:0.8rem; font-size:1.4rem; }
  .sb_guide_wr .swiper_box .swiper-slide{ overflow: visible; padding:1rem 1rem 0 1rem}
  .sb_guide_wr .swiper-pagination{ display:block; }
  .sb_guide_wr .swiper-pagination-bullets.swiper-pagination-horizontal{ width:100%; left:0; bottom:0; }
  .sb_guide_wr .swiper-pagination-bullet { background:#d9d9d9; opacity:1}
  .sb_guide_wr .swiper-pagination-bullet-active{ background:#272727}
  
}

/*spot*/
.sb_spot_wr{ padding:100px 0; background:url(/renew2/img/sub_2025/spot_bg_text.png) no-repeat left bottom / auto 221px, url(/renew2/img/sub_2025/spot_bg.png) no-repeat center / cover; }
.sb_spot_wr .inner_box{ display:grid; grid-template-columns: 1fr 750px; align-items: flex-start;}
.sb_spot_wr.align_center .inner_box{ align-items: center}
.sb_spot_wr .left_cont{ display:flex; flex-direction: column; align-items: flex-start; margin-top:110px;}
.sb_spot_wr.align_center .left_cont{ margin-top:0;}
/*.sb_spot_wr .right_cont .thumb{ width:100%; display:none; }*/
/*.sb_spot_wr .right_cont .thumb.is_active{ display:block; }*/
/*.sb_spot_wr .right_cont .thumb.is_active{ display:block; }*/
.sb_spot_wr .right_cont .thumb.is_active img{ width:100%; }
.sb_spot_wr .right_cont .thumb img{ width:0; }
.sb_spot_wr .spot_tab_wr{ display:flex; justify-content: flex-start; gap:0 16px; }
.sb_spot_wr .spot_tab_wr.wide_grid2{ display:grid; grid-template-columns: repeat(2,150px); gap:16px}
.sb_spot_wr .spot_tab_wr li { font-size:22px; padding:6px 24px; color:#272727; font-weight:500; border:1px solid #808080; border-radius: 20px; background:#fff; cursor: pointer;}
.sb_spot_wr .spot_tab_wr.wide_grid2 li{ width:100%; padding-left:0; padding-right:0; display:flex; justify-content: center; align-items: center;}
.sb_spot_wr .spot_tab_wr li:hover,
.sb_spot_wr .spot_tab_wr li.is_active{ border:1px solid #2C2C2C; background:#E6F8FF; }
.sb_spot_wr .title_setting_wr + .spot_tab_wr{ margin-top:50px}
.sb_spot_wr .spot_text_wr{ margin-top:50px; display:none; flex-direction: column; align-items: flex-start;}
.sb_spot_wr .spot_text_wr.is_active{ display:flex}
.sb_spot_wr .spot_text_wr li{ position:relative; padding-left:12px; font-size:22px; font-weight:500; color:#626262}
.sb_spot_wr .spot_text_wr li.mg32{ margin-top:32px; padding-left:0; }
.sb_spot_wr .spot_text_wr li.align_center{ width:100%; text-align: center;}
.sb_spot_wr .spot_text_wr li:before{ content:"·"; position:absolute; left:0; top:0;}
.sb_spot_wr .spot_text_wr li.no_dot:before{ display:none}

@media (max-width:1023px){
  
  .sb_spot_wr{ padding:5rem 4.5rem; background:url(/renew2/img/sub_2025/spot_bg_text_m.png) no-repeat left bottom / auto 4.6rem, linear-gradient(to bottom, rgba(228,242,255,1) 0%, rgba(255,246,246,1)) 66%}
  .sb_spot_wr .inner_box{ grid-template-columns: 1fr; gap:3rem 0}
  .sb_spot_wr .left_cont{ width:100%; align-items: center; margin-top:0;}
  .sb_spot_wr .left_cont .title_setting_wr.align_left{ align-items: center; text-align: center;}
  .sb_spot_wr .right_cont{ width:100%; }
  .sb_spot_wr .right_cont img{ width:100%; }
  .sb_spot_wr .spot_tab_wr { gap:0 1.2rem; justify-content: center;}
  .sb_spot_wr .spot_tab_wr.wide_grid2{ width:100%; grid-template-columns: repeat(2,1fr); gap:1.2rem 1rem; }
  .sb_spot_wr .spot_tab_wr li{ font-size:1.6rem; padding:0.6rem 1.8rem; border-radius: 1.8rem; }
  .sb_spot_wr .title_setting_wr + .spot_tab_wr{ margin-top:2.4rem}

  .sb_spot_wr .spot_text_wr{ width:100%; margin-top:2rem; }
  .sb_spot_wr .spot_text_wr li{ padding-left:1.2rem; font-size:1.4rem; }
  .sb_spot_wr .spot_text_wr li.mg32{ margin-top:2rem; }

}

/*wide_dimd*/
.sb_wide_dimd_wr{ padding:100px 0; display:flex; flex-direction: column; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center; color:#fff; text-align: center;}
.sb_wide_dimd_wr.beauty01{ background-image:url(/renew2/img/sub_2025/beauty/01/wide_bg.png); }
.sb_wide_dimd_wr.beauty02{ background-image:url(/renew2/img/sub_2025/beauty/02/wide_bg.png); }
.sb_wide_dimd_wr.beauty03{ background-image:url(/renew2/img/sub_2025/beauty/03/wide_bg.png); }
.sb_wide_dimd_wr.beauty04{ background-image:url(/renew2/img/sub_2025/beauty/04/wide_bg.png); }
.sb_wide_dimd_wr.beauty05{ background-image:url(/renew2/img/sub_2025/beauty/05/wide_bg.png); }
.sb_wide_dimd_wr.beauty06{ background-image:url(/renew2/img/sub_2025/beauty/06/wide_bg.png); }
.sb_wide_dimd_wr.beauty07{ background-image:url(/renew2/img/sub_2025/beauty/07/wide_bg.png); }

.sb_wide_dimd_wr.lazer01{ background-image:url(/renew2/img/sub_2025/lazer/01/wide_bg.png); }
.sb_wide_dimd_wr.lazer02{ background-image:url(/renew2/img/sub_2025/lazer/02/wide_bg.png); }
.sb_wide_dimd_wr.lazer03{ background-image:url(/renew2/img/sub_2025/lazer/03/wide_bg.png); }
.sb_wide_dimd_wr.lazer04{ background-image:url(/renew2/img/sub_2025/lazer/04/wide_bg.png); }

.sb_wide_dimd_wr.body01{ background-image:url(/renew2/img/sub_2025/body/01/wide_bg.png); }
.sb_wide_dimd_wr.body02{ background-image:url(/renew2/img/sub_2025/body/02/wide_bg.png); }
.sb_wide_dimd_wr.body03{ background-image:url(/renew2/img/sub_2025/body/03/wide_bg.png); }
.sb_wide_dimd_wr.body04{ background-image:url(/renew2/img/sub_2025/body/04/wide_bg.png); }

.sb_wide_dimd_wr.surgery01{ background-image:url(/renew2/img/sub_2025/surgery/01/wide_bg.png); }
.sb_wide_dimd_wr.surgery02{ background-image:url(/renew2/img/sub_2025/surgery/02/wide_bg.png); }
.sb_wide_dimd_wr.surgery03{ background-image:url(/renew2/img/sub_2025/surgery/03/wide_bg.png); }

.sb_wide_dimd_wr.eyebrow{ background-image:url(/renew2/img/sub_2025/eyebrow/wide_bg.png); }
.sb_wide_dimd_wr.eyeline{ background-image:url(/renew2/img/sub_2025/eyeline/wide_bg.png); }
.sb_wide_dimd_wr.hair{ background-image:url(/renew2/img/sub_2025/hair/wide_bg.png); }
.sb_wide_dimd_wr.smp{ background-image:url(/renew2/img/sub_2025/smp/wide_bg.png); }
.sb_wide_dimd_wr.lips{ background-image:url(/renew2/img/sub_2025/lips/wide_bg.png); }
.sb_wide_dimd_wr.chest{ background-image:url(/renew2/img/sub_2025/chest/wide_bg.png); }

.sb_wide_dimd_wr h2{ font-size:38px; font-weight:300; }
.sb_wide_dimd_wr h2 + h3{ margin-top:10px; }
.sb_wide_dimd_wr h3{ font-size:44px; font-weight:600; }

@media (max-width:1023px){
  
  .sb_wide_dimd_wr{ padding:5rem 0; }
  .sb_wide_dimd_wr.beauty01{ background-image:url(/renew2/img/sub_2025/beauty/01/wide_bg_m.png); }
  .sb_wide_dimd_wr.beauty02{ background-image:url(/renew2/img/sub_2025/beauty/02/wide_bg_m.png); }
  .sb_wide_dimd_wr.beauty03{ background-image:url(/renew2/img/sub_2025/beauty/03/wide_bg_m.png); }
  .sb_wide_dimd_wr.beauty04{ background-image:url(/renew2/img/sub_2025/beauty/04/wide_bg_m.png); }
  .sb_wide_dimd_wr.beauty05{ background-image:url(/renew2/img/sub_2025/beauty/05/wide_bg_m.png); }
  .sb_wide_dimd_wr.beauty06{ background-image:url(/renew2/img/sub_2025/beauty/06/wide_bg_m.png); }
  .sb_wide_dimd_wr.beauty07{ background-image:url(/renew2/img/sub_2025/beauty/07/wide_bg_m.png); }

  .sb_wide_dimd_wr.lazer01{ background-image:url(/renew2/img/sub_2025/lazer/01/wide_bg_m.png); }
  .sb_wide_dimd_wr.lazer02{ background-image:url(/renew2/img/sub_2025/lazer/02/wide_bg_m.png); }
  .sb_wide_dimd_wr.lazer03{ background-image:url(/renew2/img/sub_2025/lazer/03/wide_bg_m.png); }
  .sb_wide_dimd_wr.lazer04{ background-image:url(/renew2/img/sub_2025/lazer/04/wide_bg_m.png); }

  .sb_wide_dimd_wr.body01{ background-image:url(/renew2/img/sub_2025/body/01/wide_bg_m.png); }
  .sb_wide_dimd_wr.body02{ background-image:url(/renew2/img/sub_2025/body/02/wide_bg_m.png); }
  .sb_wide_dimd_wr.body03{ background-image:url(/renew2/img/sub_2025/body/03/wide_bg_m.png); }
  .sb_wide_dimd_wr.body04{ background-image:url(/renew2/img/sub_2025/body/04/wide_bg_m.png); }

  .sb_wide_dimd_wr.surgery01{ background-image:url(/renew2/img/sub_2025/surgery/01/wide_bg_m.png); }
  .sb_wide_dimd_wr.surgery02{ background-image:url(/renew2/img/sub_2025/surgery/02/wide_bg_m.png); }
  .sb_wide_dimd_wr.surgery03{ background-image:url(/renew2/img/sub_2025/surgery/03/wide_bg_m.png); }

  .sb_wide_dimd_wr.eyebrow{ background-image:url(/renew2/img/sub_2025/eyebrow/wide_bg_m.png); }
  .sb_wide_dimd_wr.eyeline{ background-image:url(/renew2/img/sub_2025/eyeline/wide_bg_m.png); }
  .sb_wide_dimd_wr.hair{ background-image:url(/renew2/img/sub_2025/hair/wide_bg_m.png); }
  .sb_wide_dimd_wr.smp{ background-image:url(/renew2/img/sub_2025/smp/wide_bg_m.png); }
  .sb_wide_dimd_wr.lips{ background-image:url(/renew2/img/sub_2025/lips/wide_bg_m.png); }
  .sb_wide_dimd_wr.chest{ background-image:url(/renew2/img/sub_2025/chest/wide_bg_m.png); }

  .sb_wide_dimd_wr h2{ font-size:1.6rem; }
  .sb_wide_dimd_wr h2 + h3{ margin-top:0.8rem; }
  .sb_wide_dimd_wr h3{ font-size:2.6rem; }

}

/*reason_dimd*/
.sb_reason_dimd_wr{ padding:100px 0; display:flex; flex-direction: column; justify-content: center; align-items: center; background:url(/renew2/img/sub_2025/beauty/02_01/reason_wr.png) no-repeat center / cover; color:#fff; text-align: center;}
.sb_reason_dimd_wr h2{ font-size:38px; font-weight:600; }
.sb_reason_dimd_wr .reason_ul{ margin-top:95px; position:relative; display:flex; justify-content: space-between; align-items: flex-start;}
.sb_reason_dimd_wr .reason_ul:after{ content:""; width:100%; height:4px; position:absolute; left:0; top:calc(50% - 2px); background:#fff; display:block; }
.sb_reason_dimd_wr .reason_ul li{ position:relative; width:280px; background:#fff; border-radius: 140px; overflow: hidden;}
.sb_reason_dimd_wr .reason_ul li .box{ position:relative; width:100%; padding-bottom:100%; overflow: hidden; color:#272727}
.sb_reason_dimd_wr .reason_ul li .box .inner{ position:absolute; top:62px; left:50%; transform: translate(-50%,0); display:flex; flex-direction: column; align-items: center; gap:10px 0; }
.sb_reason_dimd_wr .reason_ul li .box .num{ font-size:50px; font-weight:600; }
.sb_reason_dimd_wr .reason_ul li .box span{ font-size:30px; font-weight:500; }
.sb_reason_dimd_wr .text{ margin-top:70px; text-align: center; font-size:20px; font-weight:500; }


@media (max-width:1023px){

/*reason_dimd*/
.sb_reason_dimd_wr{ padding:5rem 2rem; background:url(/renew2/img/sub_2025/beauty/02_01/reason_wr_m.png) no-repeat center / cover; }
.sb_reason_dimd_wr h2{ font-size:2.6rem; }
.sb_reason_dimd_wr .reason_ul{ margin-top:2.4rem; flex-wrap:wrap; gap:2.4rem}
.sb_reason_dimd_wr .reason_ul:after{ display:none; }
.sb_reason_dimd_wr .reason_ul li{ width:calc((100% - 2.4rem) / 2); border-radius: 10rem;}
.sb_reason_dimd_wr .reason_ul li .box .inner{ position:absolute; top:50%; gap:0.4rem 0; transform: translate(-50%,-50%); }
.sb_reason_dimd_wr .reason_ul li .box .num{ font-size:2.4rem; }
.sb_reason_dimd_wr .reason_ul li .box span{ font-size:1.6rem; }
.sb_reason_dimd_wr .text{ margin-top:2.4rem; font-size:1.4rem; }


}

/*care_step*/
.sb_care_step_wr{ padding:100px 0; }
.sb_care_step_wr ul{ margin-top:70px; display:grid; grid-template-columns: repeat(4, 1fr); gap:0 26px}
.sb_care_step_wr li{ display:flex; flex-direction: column; align-items: center;}
.sb_care_step_wr li .thumb{ width:100%; }
.sb_care_step_wr li .thumb img{ width:100%; }
.sb_care_step_wr li .text{ width:100%; padding:12px; font-size:22px; font-weight:600; background:#373737; display:flex; justify-content: center; align-items: center; color:#fff; }

@media (max-width:1023px){

  .sb_care_step_wr{ padding:5rem 2.3rem; }
  .sb_care_step_wr ul{ margin-top:3.8rem; grid-template-columns: repeat(2, 1fr); gap:1rem}
  .sb_care_step_wr li .text{ padding:0.6rem; font-size:1.4rem; }
  

}

/*circle_step*/
.sb_circle_step_wr{ padding:100px 0; background:linear-gradient( to bottom, #fff 0, #fff 49%, #F8F8F8 50%, #F8F8F8 100%); }
.sb_circle_step_wr .inner_box{ display:flex; justify-content: space-between; align-items: flex-start;}
.sb_circle_step_wr dl{ display:flex; flex-direction: column; align-items: center; width:100%; }
.sb_circle_step_wr dl dt,
.sb_circle_step_wr dl dd{ width:100%; }
.sb_circle_step_wr dl.first_dl dt,
.sb_circle_step_wr dl.first_dl dd{ padding-left:50px; }
.sb_circle_step_wr dl.end_dl dt,
.sb_circle_step_wr dl.end_dl dd{ padding-right:50px; }

.sb_circle_step_wr dt{ border-bottom:1px solid #808080; padding-bottom:24px; display:flex; justify-content: center; align-items: flex-start; font-size:24px; font-weight:500; color:#272727; line-height:1.4; }

.sb_circle_step_wr dd{ margin-top:68px; display:flex; flex-direction: column; align-items: center;}
.sb_circle_step_wr dd .thumb{ width:275px; border-radius: 200px; box-shadow: 0 0 4px rgba(0,0,0,0.25); overflow: hidden; }
.sb_circle_step_wr dd .thumb img{ width:100%; }
.sb_circle_step_wr dd .text{ margin-top:40px; font-size:20px; font-weight:300; color:#272727; text-align: center; }

@media (max-width:1023px){

  .sb_circle_step_wr{ padding:5rem 2.4rem; background:#F8F8F8; }
  .sb_circle_step_wr .inner_box{ display:grid; grid-template-columns: repeat(2, 1fr); gap:2rem 0; }
  .sb_circle_step_wr dl dt,
  .sb_circle_step_wr dl dd{ width:100%; }
  .sb_circle_step_wr dl.first_dl dt,
  .sb_circle_step_wr dl.first_dl dd{ padding-left:0; }
  .sb_circle_step_wr dl.end_dl dt,
  .sb_circle_step_wr dl.end_dl dd{ padding-right:0; }
  
  .sb_circle_step_wr dt{ padding-bottom:1.4rem; font-size:1.6rem; }
  
  .sb_circle_step_wr dd{ margin-top:2rem; }
  .sb_circle_step_wr dd .thumb{ width:12rem; border-radius: 6rem; }
  .sb_circle_step_wr dd .text{ margin-top:1.6rem; font-size:1.2rem; line-height:1.5; word-break: keep-all;} 

}


/*recommand*/
.sb_recommand_wr{ padding:100px 0 90px 0; background:url(/renew2/img/sub_2025/recommand_bg.png) no-repeat center / cover; }
.sb_recommand_wr ul{ margin:42px auto 0; gap:16px 0; padding-bottom:10px; width:100%; display:flex; flex-direction: column; align-items: flex-start; }
.sb_recommand_wr ul li{ width:100%; border-radius: 15px; padding:19px 0; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.sb_recommand_wr ul li p{ position:relative; display:flex; justify-content: flex-start; align-items: center; padding-left:54px; font-size:22px; color:#626262; }
.sb_recommand_wr ul li p:before{ content:""; position:absolute; left:0; top:0; width:28px; height:28px; display:block; background:url(/renew2/img/sub_2025/recommand_icon_check.svg) no-repeat center / cover; font-size:0; }
.sb_recommand_wr ul.wd900{ max-width:900px; }
.sb_recommand_wr ul.wd900 li{ padding-left:185px; }

@media (max-width:1023px){

  .sb_recommand_wr{ padding:5rem 4.5rem 4rem; background:url(/renew2/img/sub_2025/recommand_bg_m.png) no-repeat center / cover; }
  .sb_recommand_wr .inner_box{overflow: visible;}
  .sb_recommand_wr ul{ margin:3rem auto 0; gap:1.6rem 0; padding-bottom:1rem; }
  .sb_recommand_wr ul li{ border-radius: 1rem; padding:1.5rem 0; }
  .sb_recommand_wr ul li p{ padding-left:3.8rem; font-size:1.4rem; }
  .sb_recommand_wr ul li p:before{ width:1.8rem; height:1.8rem; top:50%; transform: translateY(-50%);}
  .sb_recommand_wr ul.wd900{ max-width:100%; }
  .sb_recommand_wr ul.wd900 li{ padding-left:1.6rem; padding-right:1.6rem; }

}


/*약관*/
.protect_wr{ padding-top:210px; position:relative}
.protect_wr h2{ font-size:30px; font-weight:500; color:#000; text-align: center; margin:0 auto; }
.protect_wr h2 strong{ font-weight:700; }
.protect_wr .protect_box{ margin:48px 0 210px; padding:80px; border:2px solid #C7C7C7;}
.protect_wr dl { font-size:18px; line-height:1.33; font-weight:300; color:#202020; display:flex; flex-direction: column; align-items: flex-start; gap:4px 0 }
.protect_wr dl dt.dot{ font-weight:500 }
.protect_wr dl + dl{ margin-top:24px; }

.protect_wr .credit_box{ margin:25px 0 100px; }
.protect_wr .credit_inner{ margin:50px 0 0 0; }
.protect_wr .credit_inner .credit_header{ width:100%; display:flex; justify-content: space-between; align-items: center;}
.protect_wr .credit_inner .credit_header h3{ font-size:26px; font-weight:700; color:#272727; }
.protect_wr .credit_inner .credit_header span{ font-size:20px; font-weight:500; color:#808080; }
.protect_wr .credit_inner .table_credit{ width:100%; margin:12px 0 0 0; border-collapse: collapse; border-top:2px solid #272727; }
.protect_wr .credit_inner .table_credit th{ font-size:20px; padding:17px 6px; background:#272727;  word-break: keep-all; text-align: center;}
.protect_wr .credit_inner .table_credit th.col1{ width:20%;}
.protect_wr .credit_inner .table_credit th.col2{ width:27%;}
.protect_wr .credit_inner .table_credit th.col3{ width:22%;}
.protect_wr .credit_inner .table_credit thead th{ background:#D9D9D9; font-weight:600; border-bottom:1px solid #808080; }
.protect_wr .credit_inner .table_credit tbody th{ background:#F5F5F5; font-weight:500; }
.protect_wr .credit_inner .table_credit tbody td{ padding:18px 6px; font-size:20px; background:#ffffff; color:#626262; font-weight:400; text-align: center; word-break: keep-all;}
.protect_wr .credit_inner .table_credit tbody{ border-bottom:2px solid #272727; }
.protect_wr .credit_inner .table_credit .bd{ border-bottom:1px solid #808080; }
.protect_wr .credit_inner .table_credit th:not(:last-child),
.protect_wr .credit_inner .table_credit td:not(:last-child){ border-right:1px solid #808080; }
.protect_wr .credit_inner .table_credit tfoot td{ padding:12px 0 0 0; text-align: right; font-size:24px; font-weight:500; color:#272727;}

@media (max-width:1023px){

  .protect_wr{ padding-top:10.2rem; width:calc( 100vw - 7.2rem); margin:0 auto}
  .protect_wr h2{ font-size:2rem}
  .protect_wr .protect_box{ margin:2.2rem 0 11.8rem; padding:1.5rem; }
  .protect_wr dl { font-size:1.4rem; }
  .protect_wr dl + dl{ margin-top:2.4rem; }

  .protect_wr .credit_box{ margin:4rem 0 5rem; }
  .protect_wr .credit_inner{ margin:2.6rem 0 0 0; }
  .protect_wr .credit_inner .credit_header h3{ font-size:1.4rem; }
  .protect_wr .credit_inner .credit_header span{ font-size:1.2rem; }
  .protect_wr .credit_inner .table_credit{ margin:0.6rem 0 0 0; }
  .protect_wr .credit_inner .table_credit th.col1{ width:24%;}
  .protect_wr .credit_inner .table_credit th.col2{ width:25%;}
  .protect_wr .credit_inner .table_credit th.col3{ width:22%;}
  .protect_wr .credit_inner .table_credit th{ font-size:1.2rem; padding:1.6rem 0.4rem; }
  .protect_wr .credit_inner .table_credit tbody td{ padding:1.4rem 0.6rem; font-size:1.2rem; }
  .protect_wr .credit_inner .table_credit tfoot td{ padding:0.6rem 0 0 0; font-size:1.4rem; }

}


/*주의사항*/
.caution_wr{ padding:146px 0 100px 0; position:relative}
.caution_wr h2{ padding:78px 0 72px; font-size:50px; font-weight:600; line-height:1.2; color:#020202; letter-spacing:-0.2rem}
.caution_wr dl{ border:2px solid #272727; border-width:2px 0; position:relative; display:block;}
.caution_wr dl dt,
.caution_wr dl dd{ width:100%; }
.caution_wr dl dt:not(:last-child),
.caution_wr dl dd:not(:last-child){ border-bottom:1px solid #272727; }
.caution_wr dt{ display:flex; justify-content: flex-start; align-items: center; position:relative; cursor: pointer;}
.caution_wr dt i{ width:25px; }
.caution_wr dt i img{ width:100%; }
.caution_wr dt span{ margin-left:40px; font-size:26px; font-weight:500; color:#272727; }
.caution_wr dt:hover,
.caution_wr dt.is_active{ display:flex; background:#272727; }
.caution_wr dt:hover span,
.caution_wr dt.is_active span{ color:#fff; }
.caution_wr dt:after{ content:""; position:absolute; top:50%; transform: translateY(-50%); right:20px; width:26px; height:26px; display:block; background:url(/renew2/img/sub_2025/icon_caution_more.svg) no-repeat center / cover; }
.caution_wr dt:hover:after,
.caution_wr dt.is_active:after{ content:""; background:url(/renew2/img/sub_2025/icon_caution_minus.svg) no-repeat center / cover; }
.caution_wr dt:hover i img,
.caution_wr dt.is_active i img{ filter:invert(1)}
.caution_wr dt { padding:20px 20px 20px 24px; font-size:26px; font-weight:500; color:#272727; }
.caution_wr dd { display:none; padding:24px 24px 24px 36px;}
.caution_wr dd.is_active { display:block; }
.caution_wr dd ul{ display:flex; flex-direction: column; align-items: flex-start; }
.caution_wr dd li{ font-size:22px; color:#626262; line-height:1.8; padding-left:24px; position:relative; }
.caution_wr dd li:before{ content:"•"; position:absolute; left:0; top:0; }

@media (max-width:1023px){

  .caution_wr{ padding:7.2rem 2rem 5rem 2rem; }
  .caution_wr h2{ padding:4rem 0rem 3rem 0; font-size:2.5rem}
  .caution_wr dt i{ width:1.4rem; }
  .caution_wr dt span{ margin-left:2.4rem; font-size:1.4rem; }
  .caution_wr dt:after{ right:1.2rem; width:1.5rem; height:1.5rem; }
  .caution_wr dt { padding:1.2rem 1.8rem 1.2rem 1.4rem; font-size:1.4rem; }
  .caution_wr dd { display:none; padding:1.2rem 1.6rem 1.2rem 2.4rem;}
  .caution_wr dd li{ font-size:1.4rem; padding-left:1.4rem; word-break: keep-all; }

}



/*회원*/
.member_layout{ width:1080px; margin:146px auto 0;}
.member_layout.noPage{ margin-bottom:100px }

.member_layout .member_title_wr{ padding:100px 0 40px; display:flex; justify-content: center; align-items: flex-start; gap:0 10px; font-size:30px; color:#000; font-weight:300; border-bottom:1px solid #000; }
.member_layout .member_title_wr.noBr{ border-bottom:unset; }
.member_layout .member_title_wr strong{ font-weight:600; }

.member_layout .login_wr{ display:flex; flex-direction: column; align-items: center; background:#fff; padding:40px 90px 76px; }
.member_layout .login_wr .subTitle{ text-align: center; font-size:18px; font-weight:500; color:#808080; }
.member_layout .login_wr .login_box{ margin-top:34px; width:900px; display:flex; flex-direction: column; border:1px solid #ACACAC; }
.member_layout .login_wr .tabs{ width:100%; display:flex; align-items: stretch;}
.member_layout .login_wr .tabs li{ flex:1; display:flex; justify-content: center; align-items: center; padding:18px 0; font-size:16px; font-weight:500; color:#5F5F5F; cursor: pointer;}
.member_layout .login_wr .tabs li.tabsJoin{ background:#F3F3F3; }
.member_layout .login_wr h3{ font-size:30px; margin:38px 0 0 0; font-weight:500; color:#5f5f5f; text-align:center; }
.member_layout .login_wr .login_list{width:460px; margin:0 auto; padding-bottom:60px; }
.member_layout .login_wr .login_ul{ margin-top:36px; width: 100%; gap:6px 0; display:flex; flex-direction: column; align-items: center;}
.member_layout .login_wr .login_ul li{ width:100%; }
.member_layout .login_wr .login_ul li input{ border-radius:0; height:50px; font-size:16px; padding:0 25px; color:#989898; font-weight:500; border:1px solid #C7C7C7; box-shadow: unset; -wekit-box-shadow:unset; }
.member_layout .login_wr .btn_box_login{ margin-top:12px; width:100%; background:#101010; color:#fff; font-size:20px; font-weight:500; padding:16px 0; display:flex; justify-content: center; align-items: center;}
.member_layout .login_wr .find_ul{ margin:8px 0 0 0; width:100%; display:flex; justify-content: space-between; align-items: center;}
.member_layout .login_wr .find_ul .idsave{ font-size:16px; color:#989898; font-weight:500; display:flex; align-items: center; gap:0 8px; }
.member_layout .login_wr .find_ul .idsave input[type="checkbox"]{ margin:0; }
.member_layout .login_wr .find_ul .fondidpw_btn a{ display:flex; font-size:16px; color:#7C7C7C; font-weight:500; padding:3px 6px; border:1px solid #7C7C7C; }
.member_layout .login_wr .oauth_ul { margin:30px 0 0 0; padding-top:24px; border-top:1px solid #acacac; display:flex; align-items: center; gap:0 12px }
.member_layout .login_wr .oauth_ul li{ flex:1; }

#join { display:grid; grid-template-columns: 20% 1fr; align-items: stretch;}
#join li{ padding:20px; border-bottom:1px solid #D9D9D9; display:flex; justify-content: flex-start; align-items: center; gap:0 6px; }
#join li.th { background:#F6F6F6; color:#333; font-size:18px; }
#join li.th span{ display:inline-flex; color:#FF0000; margin-left:6px }
#join li.th span:before{ content:"*"; }
#join li input[type="text"],
#join li input[type="password"]{ height:40px; border:1px solid #D2D2D2; padding:0 12px; font-size:14px; }
#join li select{ height:40px; border:1px solid #D2D2D2; padding:0 24px 0 12px; font-size:14px; }
#join li input[type="radio"]{ display:none }
#join li.puttype2 input[type="checkbox"]{ display:none }
#join li label { margin-bottom:0; }
#join li label:not(.provi_box label) { display:flex; justify-content: center; align-items: center; width:190px; height:40px; border:1px solid #D2D2D2; font-size:18px; color:#000000; background:#F6F6F6; cursor: pointer;}
#join li label:not(.provi_box label).on { border:1px solid #010101; color:#fff; background:#010101; }
#join li .btn_check_used{ padding:0 18px; height:40px; display:flex; justify-content: center; align-items: center; font-size:18px; color:#fff; background:#646464; margin:0; font-weight:500; cursor: pointer;}

.member_btn_wr{ display:flex; justify-content: center; padding:36px 0 100px 0; gap:0 12px; position:relative; }
.member_btn_wr.noPd{ padding:0; }
.member_btn_wr .btn_basic{ background:#000000; color:#fff; font-size:18px; font-weight:700; border:1px solid #D9D9D9; padding:15px 64px }
.member_btn_wr .btn_basic.btn_red{ background:#FF0F0F; }
.member_btn_wr .btn_basic.btn_cancel{ background:#fff; color:#000; border:1px solid #D9D9D9; }
.member_btn_wr .btn_basic.is_active{ position:absolute; left:0; top:36px; padding:15px 32px; }
.member_btn_wr input[type="password"] { padding:15px 12px; font-size:18px; border:1px solid #D2D2D2; }

#join .provi_box { position:relative; width:100%; }
#join .provi_box > .provi_ul { width:100%; display:grid; grid-template-columns: repeat(2, 1fr); gap:10px 24px; }
#join .provi_box > .provi_ul .all_chk { grid-column: 1 / span 2;}
#join .provi_box label { display:flex; justify-content: flex-start; align-items: center; gap:0 4px; font-weight:400; font-size:16px; }
#join .provi_box label input[type="checkbox"]{margin-top:0; }
#join .all_chk ,
#join .sub_chk { position:relative }
#join .provi_box span.just_alt { color:#FF0F0F; font-size:16px;}
#join .block_inline { display:flex; justify-content:flex-start; align-items:center; padding-left:20px; gap:0 16px; }
#join .block_inline label{ color:#727272; }
#join span.choice_alt {display:inline-block; margin-left:4px; color:#999; font-size:16px;}
#join span.read_btn {padding:4px 10px; position:absolute; top:0; right:0; background:#656565; color:#fff; font-size:14px; font-weight:300; cursor:pointer;}

#join .all_chk label{ margin-top:30px; }
#join .all_chk p {font-size:16px;}
#join .all_chk p.t1 { color:#000; }
#join .all_chk p.t2 { color:#8E8E8E; margin-top:10px; }


#idpw { display:grid; grid-template-columns: repeat(2, 510px); gap:0 14px; padding-bottom:50px; }
#idpw .lost_box{ border:1px solid #ACACAC; padding:36px 24px; display:flex; flex-direction: column; align-items: center; }
#idpw .lost_box .title{ font-size:22px; font-weight:600; color:#060606;}

#idpw form{ width:100%; }
#idpw ul{ width:100%; margin-top:32px; display:flex; flex-direction: column; align-items: center; gap:16px 0; }
#idpw ul li{ width:100%; }
#idpw input{ width:100%; height:40px; padding:0 12px; font-size:14px; border:1px solid #C7C7C7; }
#idpw .btn_basic{ margin-top:24px; width:100%; background:#101010; color:#fff; font-size:20px; font-weight:500; padding:16px 0; display:flex; justify-content: center; align-items: center; }

#join.topBr { border-top:1px solid #000; padding-top:36px; }
.input_member_out #join{ grid-template-columns: 1fr;}
#join .complain li{ border-bottom:0; padding:0; }
.input_member_out #join li label.out_label{ justify-content: flex-start;  width: unset; border:unset; background: unset; }
.input_member_out #join li label.out_label input[type="checkbox"]{ margin:0 6px 0 0;}
.input_member_out .out_box + .out_box { margin-top:36px; }
.input_member_out textarea { margin-top:12px; width:100%; height: 180px; padding: 8px 8px; border:1px solid #d0d0d0; }

.input_pw_re { width:510px; margin:0 auto; border:1px solid #ACACAC; padding:36px 24px; display:flex; flex-direction: column; align-items: center;}
.input_pw_re .title{ font-size:18px; text-align: center; }
.input_pw_re .form-group { margin:24px 0; }
.input_pw_re form { width:100%; }
.input_pw_re .input_pw{position:relative; margin-top:12px; width:100%; }
.input_pw_re input{ width:100%; height:40px; padding:0 12px; font-size:14px; border:1px solid #C7C7C7; border-radius:0; box-shadow:unset; }
.input_pw_re input:focus{ box-shadow:unset; }


#join .out_box .subtitle{ font-size:18px; font-weight:500; }
#join .out_box ul { margin-top:12px; display:grid; grid-template-columns: repeat(3, 1fr); gap:12px}


@media (max-width:1023px){

  .member_layout{ width:100%; margin:7rem auto 0; }
  .member_layout.noPage{ margin-bottom:5rem }

  .member_layout .member_title_wr{ width:calc(100% - 7.2rem); padding:4.2rem 0 2.8rem; gap:0 0.6rem; font-size:2rem; margin:0 auto; }
  

  .member_layout .login_wr{ padding:5.6rem 3.6rem 5rem; margin:0 autol}
  .member_layout .login_wr .subTitle{ font-size:2.4rem}
  .member_layout .login_wr .login_box{ margin-top:0; width:100%; }
  .member_layout .login_wr .tabs li{ padding:1.4rem 0; font-size:1.6rem;}
  .member_layout .login_wr h3{ font-size:2.4rem; margin:2.4rem 0 0 0}
  .member_layout .login_wr .login_list{width:calc(100% - 4.8rem);  padding-bottom:2.2rem; }
  .member_layout .login_wr .login_ul{ margin-top:3.6rem; gap:0.8rem 0; }
  .member_layout .login_wr .login_ul li input{ height:4.6rem; font-size:1.6rem; padding:0 1.2rem; }
  .member_layout .login_wr .btn_box_login{ margin-top:1.2rem; font-size:2rem; font-weight:500; padding:1.3rem 0}
  .member_layout .login_wr .find_ul{ margin:0.8rem 0 0 0}
  .member_layout .login_wr .find_ul .idsave{ font-size:1.6rem; }
  .member_layout .login_wr .find_ul .fondidpw_btn a{ font-size:1.6rem; padding:0.4rem 1rem; }
  .member_layout .login_wr .oauth_ul { margin:2rem 0 0 0; padding-top:2rem; gap:0 0.6rem }
  .member_layout .login_wr .oauth_ul img{ width:100%; }


  #join { width:calc(100% - 7.2rem); grid-template-columns: 1fr; margin:0 auto; }
  #join li{ font-size:1.4rem; padding:1rem 0; border-bottom:1px solid #D9D9D9; gap:1rem 0.4rem; }
  #join li.th { display:none; }
  #join li.th.newpwd { display:none !important; }
  #join li.td { flex-wrap:wrap; flex-direction: column; align-items: flex-start; }
  #join li input[type="text"],
  #join li input[type="password"]{ width:100%; height:3rem; border:1px solid #D2D2D2; padding:0 1.2rem; font-size:1.2rem; }
  #join li select{ height:3rem; padding:0 3rem 0 1.2rem; font-size:1.2rem; }
  #join li input[type="radio"]{ display:none }
  #join li.puttype2 input[type="checkbox"]{ display:none }
  #join li label:not(.provi_box label) { width:calc((100% - 0.4rem) / 2); height:3rem; font-size:1.2rem;}
  #join li .btn_check_used{ padding:0 2.6rem; height:3rem; font-size:1.2rem}
  
  .member_btn_wr{ padding:5rem 0 5rem 0; gap:0.6rem; }
  .member_btn_wr .btn_basic{ font-size:1.4rem; padding:1rem 2.4rem }
  .member_btn_wr .btn_basic.is_active{ top:0.6rem; left:3.6rem; padding:1rem 0; border:0; background:unset; color:#000; font-weight:400; text-decoration: underline;}
  .input_member_out #join .member_btn_wr{ flex-wrap:wrap; }
  .member_btn_wr input[type="password"] { padding:1rem; font-size:1.4rem; }


  #join.topBr { padding-top:2.4rem; }
  .input_member_out .out_box { width:100%; }
  .input_member_out #join li label.out_label input[type="checkbox"]{ margin:0 0.6rem 0 0;}
  .input_member_out .out_box + .out_box { margin-top:2.4rem; }
  .input_member_out textarea { margin-top:1.2rem; height: 20rem; padding: 0.8rem; }
  .input_member_out #join li label.out_label{ font-size:1.4rem;}
  
  #join .provi_box { position:relative; width:100%; }
  #join .provi_box > .provi_ul { grid-template-columns:1fr; gap:1.2rem 0; }
  #join .provi_box > .provi_ul .all_chk { grid-column: unset;}
  #join .provi_box label { font-size:1.2rem; }
  #join .provi_box span.just_alt { font-size:1.2rem;}
  #join .block_inline { padding-left:2rem; gap:0 1.4rem; }
  #join span.choice_alt {font-size:1.2rem;}
  #join span.read_btn {padding:0.4rem 1rem; font-size:1.4rem;}
  
  #join .all_chk label{ margin-top:2rem; }
  #join .all_chk p {font-size:1.2rem;}
  #join .all_chk p.t2 { margin-top:1.2rem; }


  #idpw { grid-template-columns: 1fr; gap:1.4rem 0; padding:0 3.6rem 5rem 3.6rem; }
  #idpw .lost_box{ padding:1.4rem; }
  #idpw .lost_box .title{ font-size:1.6rem; }
  
  #idpw ul{ margin-top:1.4rem; gap:0.6rem 0; }
  #idpw input{ width:100%; height:3rem; padding:0 1rem; font-size:1.2rem; }
  #idpw .btn_basic{ margin-top:0.6rem; font-size:1.4rem; padding:0.8rem 0; }

  .input_pw_re { width:calc(100% - 7.2rem); padding:1.4rem; margin-bottom:5rem; }
  .input_pw_re .title{ font-size:1.6rem }
  .input_pw_re .form-group { margin:1.2rem 0; }
  .input_pw_re .input_pw{ margin-top:1.2rem; }
  .input_pw_re label { font-size:1.4rem; }
  .input_pw_re input{ width:100%; height:3rem; padding:0 1rem; font-size:1.2rem; }

  #join .out_box .subtitle{ font-size:1.6rem; }
  #join .out_box ul { width:100%; margin-top:1.2rem; grid-template-columns: repeat(2, 1fr); gap:1.2rem}
  #join .out_box + .member_btn_wr{ padding-top:2.4rem}

}