@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Marcellus';
    src: url('/theme/BS4-Basic/css/font/Marcellus-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Marcellus SC';
    src: url('/theme/BS4-Basic/css/font/MarcellusSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter_24pt-Regular';
    src: url('/theme/BS4-Basic/css/font/Inter_24pt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Apgroup/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 공통 */
.inner{max-width: 1400px; margin: 0 auto; width: 90%;}
img{max-width: 100%;}
li{list-style: none;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
strong{font-weight: 600 !important;}
#nt_sidebar_move{display: none !important;}


/* 폰트 */
*,body{font-family: 'Pretendard Variable';}
html, body{font-size: 20px;}
html.hidden{overflow: hidden;}
@media all and (max-width:1024px){
    html, body{font-size: 18px;}
}


:root{
    --color:#D89497;
    --titcolor:#DC7F84;
    --pretendard:'Pretendard Variable';
    --arita:'Arita-buri-SemiBold';
    --inter:'Inter_24pt-Regular';
    --marcellus:'Marcellus';
    --marcellsc:'Marcellus SC';
}







/* PC헤더메뉴 */
#nt_sticky_wrap #header_mo{display: none;}
#header_pc{position: absolute; top: 0; left: 0; z-index: 1000; width: 100%;height: 100px; transition: all .2s ease-in;}
#header_pc .nt-container{max-width: 1720px !important; padding: 0; width: 90%; margin: 0 auto;}
#header_pc.atv{z-index: 20000;width:100%;}
#header_pc.atv .menulist{opacity: 0;pointer-events: none;}
#header_pc.atv.scrolled{box-shadow: none;}
#nt_menu{height: 100%;}
#header_pc .nt-container{height: 100%;}
.headwrap{height: 100%;}
.nav-slide{height: 100%;}
.headwrap{display: flex; justify-content: space-between; align-items: center; gap: 70px;}
.nav-slide{justify-content: center; align-items: center;}
.nav-slide li{padding:1.5vw 1.3vw; height: 100%;}
.nav-slide li:hover .sub-slide{display: block !important;}
.menulist li>a{color: #000; font-size: 0.9em; height: 100%; display: flex !important; justify-content: center; align-items: center;}
.menulist li .sub-1div{left: 50%; transform: translateX(-50%); width: 200px !important; box-shadow: none;}
.menulist li:nth-child(3) .sub-1div{width: 240px !important;}
.menulist li .sub-1div ul{}
.menulist li .sub-1div ul li{padding: 0;}
.menulist li .sub-1div ul li a{padding: 0 10px; text-align: center; line-height: 50px; font-size: 0.85em;}
.menulist li .sub-1div ul li a:hover{background: #fff !important;color: var(--titcolor) !important;}
.nt-menu .sub-1dli.on .sub-1da{color: var(--titcolor);}
.loginBox{display: flex; align-items: center; justify-content: center; gap: 50px;}
.loginBox ul{overflow: hidden;}
.loginBox ul li{float:left; position: relative; padding:0 15px;}
.loginBox ul li:after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 50%;background:#fff;}
.loginBox ul li:last-child:after{width: 0;}
.loginBox ul li a{color:#fff;}
header .menu_btn{width: 30px;height: 20px;position: relative;top: 0;left: 0;cursor: pointer;transition: 0.3s;position: relative;z-index: 999999;display: block;}
header .menu_btn span{left: 50%;transform: translateX(-50%);position: absolute;background: #000;width: 100%;height: 2px;border-radius: 10px;transition: 0.3s;}
header .menu_btn span:nth-child(1){top: 0%;}
header .menu_btn span:nth-child(2){top: 50%;transform: translate(-50%, -50%);}
header .menu_btn span:nth-child(3){bottom: 0;}
header.atv .menu_btn span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;}
header.atv .menu_btn span:nth-child(2){opacity: 0;}
header.atv .menu_btn span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;}
@media (max-width:1820px){
    .headwrap{gap: 40px;}
    #header_pc .header-logo{width: 180px;}
    .nav-slide li{padding:1vw}
    .loginBox{gap: 25px;}
}
@media (max-width:1600px){
    .headwrap{gap: 0px;}
    #header_pc .header-logo{width: 150px;}
    .loginBox ul li{padding: 0 10px;}
}
@media (max-width:1500px){
    #header_pc{display: none !important;}
    #header_mo{display: block !important; width: 100%; position: absolute; top: 0; z-index: 10000; height: 80px; box-shadow: unset; padding: 10px 0;}
    #header_mo.scrolled{background: #fff !important; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
    #header_mo.atv.scrolled{position: fixed; overflow: hidden; box-shadow: none;}
    #header_mo .inner{display: flex !important;justify-content: space-between; align-items: center; height: 100%;}
    #header_mo a.icon i{font-size: 20px !important;}
    #header_mo a.icon:first-child i{font-size: 25px !important;}
    #header_mo a.img{}
    #header_mo a.img img{height: 40px;}
    #header_mo.atv{z-index: 20000;}
    #header_mo.atv a.icon{opacity: 0;pointer-events: none;}
}




/* 푸터 */
footer .ftBox{background: #333333; padding: 100px 0;}
footer .ftBox .inner{display: flex; justify-content: start; align-items: center; gap: 100px;}
footer .ftBox .linkBox{margin-bottom: 30px;}
footer .ftBox .linkBox ul {gap: 30px; align-items: center;}
footer .ftBox .linkBox ul li{line-height: 1.2;}
footer .ftBox .linkBox ul li a{font-size: 0.90em; font-weight: 400; color: #fff;}
footer .ftBox .linkBox ul li:last-child a{color: var(--color);}
footer .ftBox .infoBox{margin-bottom: 10px;}
footer .ftBox .infoBox ul{display: block; overflow: hidden;}
footer .ftBox .infoBox ul li{float: left; font-size: 0.90em; font-weight: 400; color: #fff; padding-right: 30px; line-height: 1.2; margin-bottom: 10px;}
footer .ftBox .infoBox ul li:nth-child(4),
footer .ftBox .infoBox ul li:last-child{padding-right: 0;}
footer .ftBox .infoBox ul li:nth-child(5){clear: left;}
footer .ftBox .copyBox{font-size: 0.8em; font-weight: 400; color: #B7B7B7; line-height: 1.2;}
@media all and (max-width:1400px){
    footer .ftBox .infoBox ul li:nth-child(4){clear: left;}
    footer .ftBox .infoBox ul li:nth-child(5){clear: unset;}
}
@media all and (max-width:1200px){
    footer .ftBox .inner{gap: 60px;}
}
@media all and (max-width:1000px){
    footer .ftBox{padding: 60px 0;}
    footer .ftBox .inner{gap: 60px;}
    footer .ftBox .infoBox ul li{padding-right: 20px;}
    footer .ftBox .infoBox ul li:nth-child(3){clear: left;}
    footer .ftBox .infoBox ul li:nth-child(4){clear: unset;}
}
@media all and (max-width:800px){
    footer .ftBox .inner{flex-direction: column;}
    footer .ftBox .linkBox ul{justify-content:center;}
    footer .ftBox .linkBox ul li{text-align:center;}
    footer .ftBox .infoBox ul li{clear: left; padding-right: 0; width: 100%; text-align: center;}
    footer .ftBox .copyBox{text-align: center;}
}
@media all and (max-width:600px){
    footer .ftBox .inner{gap: 40px;}
    footer .ftBox .inner .logoBox img{width: 100px;}
    footer .ftBox .linkBox ul{flex-wrap: wrap; gap: 15px;}
}



/* 오시는길 - 푸터 */
.location{padding: 150px 0; background: rgba(244, 240, 238, 0.5);}
.location .inner{max-width: 1660px; width: 90%; margin-right: auto; margin: unset; display: flex; align-items: center; gap: 100px;}
.location .mapBox{width: 1200px;}
.location .mapBox .root_daum_roughmap .wrap_controllers,
.location .mapBox .root_daum_roughmap .cont .section.lst{display: none;}
.location .mapBox .root_daum_roughmap_landing{border: 1px solid #ddd;}
.location .title{margin-bottom: 45px;}
.location .title h2{font-size: 2.50em; font-weight: 400; color: #000; line-height: 1; font-family: var(--marcellus);}
.location .location_info>div{margin-bottom: 45px;}
.location .location_info>div:last-child{margin-bottom: 0;}
.location .location_info>div h3{font-size: 1.20em; font-weight: 500; color: #000; line-height: 1; margin-bottom: 15px;}
.location .location_info>div p{font-size: 0.90em; font-weight: 400; color: #333; line-height: 1.4; word-break: keep-all;}
.location .location_info>div ul{margin-bottom: 10px;}
.location .location_info>div ul li{display: flex; justify-content: space-between; align-items: center; color: #333; gap: 30px;}
.location .location_info>div ul li:first-child b{font-weight: 600;}
.location .location_info>div ul li p{font-size: 0.90em; font-weight: 400;}
.location .location_info>div ul li p span{font-size: 16px;}
.location .location_info>div ul li b{font-size: 0.90em; font-weight: 500;}
.location .location_info>div h4{font-size: 0.80em; font-weight: 400; color: #666;}
.location .location_info>div h5{font-size: 2.00em; font-weight: 600; color: #F5969B;}
@media all and (max-width:1800px){
    .location .inner{gap: 60px;}
    .location .mapBox{width:calc(75% - 60px);}
}
@media all and (max-width:1600px){
    .location .inner{gap: 50px;}
    .location .mapBox{width:calc(70% - 50px);}
}
@media all and (max-width:1400px){
    .location .inner{gap: 60px;}
    .location .mapBox{width:calc(70% - 60px);}
    .location .root_daum_roughmap{height: 500px !important;}
}
@media all and (max-width:1200px){
    .location{padding: 100px 0;}
    .location .title{margin-bottom: 30px;}
    .location .location_info>div{margin-bottom: 30px;}
    .location .mapBox{width:calc(65% - 60px);}
    .location .root_daum_roughmap{height: 450px !important;}
    .location .title h2{font-size: 2.00em;}
    .location .location_info>div h3{font-size: 1.10em;}
    .location .location_info>div h5{font-size: 1.75em;}
}
@media all and (max-width:1000px){
    .location .root_daum_roughmap{height: 400px !important;}
}
@media all and (max-width:960px){
    .location .inner{flex-direction: column; margin: 0 auto;}
    .location .mapBox{width: 100%;}
    .location .conBox{width: 100%;}
    .location .location_info>div ul li{justify-content: start;}
    .location .location_info>div ul li p{width: 120px;}
}
@media all and (max-width:768px){
    .location{padding: 70px 0;}
    .location .inner{gap: 50px;}
    .location .mapBox{width: 100%;}
    .location .conBox{width: 100%;}
    .location .location_info>div ul li{justify-content: start;}
    .location .location_info>div ul li p{width: 120px;}
}
@media all and (max-width:500px){
    .location .root_daum_roughmap{height: 300px !important;}
}








.only_pc {display:block;}
.only_m {display:none;}

@media all and (max-width:768px){
    .only_pc {display:none;}
    .only_m {display:block;}
}



/* 메인페이지 - 공통 */
#mainpage .title{text-align: center; margin-bottom: 60px;}
#mainpage .title h3{font-size: 1.50em; font-weight:400; color: #8A817C; line-height: 1; margin-bottom: 20px; font-family: var(--marcellus);}
#mainpage .title h2{font-size: 3.00em; font-weight: 400; color: #333; line-height: 1; font-family: var(--marcellus);} 
#mainpage .title h2 span{color: var(--color); font-family: var(--marcellus);}
@media all and (max-width:1200px){
    #mainpage .title h3{font-size: 1.20em;}
    #mainpage .title h2{font-size: 2.50em;}
}
@media all and (max-width:768px){
    #mainpage .title{margin-bottom: 40px;}
    #mainpage .title h3{font-size: 1.0em;}
    #mainpage .title h2{font-size: 2.0em;}
}
@media all and (max-width:500px){
    #mainpage .title h2{font-size: 1.67em;}
    #mainpage .title h3{margin-bottom: 10px;}
}


/* 메인페이지 - 메인배너 */
#mainpage{width: 100%; height: 100%;}
#mainpage .mainbnr{width: 100%; height: 100vh;}
#mainpage .mainbnr .videoBox{position: relative; width: 100%; height:100%; overflow: hidden;}
#mainpage .mainbnr video{width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block;}
@media all and (max-width:1400px){
    #mainpage .mainbnr{height: 100%;}
    #mainpage .mainbnr video{position: static; height: 100%; transform: unset;}
}
@media all and (max-width:768px){
    
    #mainpage .mainbnr{height: auto;}
    #mainpage .mainbnr video{height: auto; aspect-ratio: 1 / 1;}
}
@media all and (max-width:500px){
}




/* 메인페이지 - section01 */
.main_section01{width: 100%; background:linear-gradient(to bottom, #FFF1F1 55%, #fff 75%);}

/* 메인페이지 - 빛봄의원소개 */
#mainpage .greetings{position: relative; width: 100%; height: 100vh; margin-bottom: 150px;}
#mainpage .greetings .conBox{display: flex; justify-content: space-between; align-items:center;}
#mainpage .greetings .conBox .greetings_left{background: url('/img/greetings_bg.png') no-repeat; background-size: cover !important; width: 30%; height: 95vh;}
#mainpage .greetings .conBox .greetings_right{max-width: 1400px; margin-right: auto; width: 70%; display: flex; align-items: center; gap: 180px;}
#mainpage .greetings .conBox .greetings_right .title{position: relative; display: flex; flex-direction: column; width: 50%; text-align: left; margin-bottom: 0;}
#mainpage .greetings .conBox .greetings_right .title::before{content: ''; position: absolute; right: 15%; top: -20%; width: 250px; height:339px; background: url('/img/greetings_img02.png') no-repeat;}
#mainpage .greetings .conBox .greetings_right .title h3{font-size: 1.40em; font-weight:400; color: var(--color); line-height: 1; margin-bottom: 20px; letter-spacing:2px; font-family: var(--marcellus);}
#mainpage .greetings .conBox .greetings_right .title h2{font-size: 3.50em; font-weight: 600; color: #333; line-height: 1; margin-bottom: 60px; font-family: var(--arita);}
#mainpage .greetings .conBox .greetings_right .title h4{font-size: 1.50em; font-weight: 600; color: #333; line-height: 1.4; margin-bottom: 30px;}
#mainpage .greetings .conBox .greetings_right .title p{font-size: 1.00em; font-weight: 400; color: #9a9a9a; line-height: 1.4; margin-bottom: 90px;}
#mainpage .greetings .conBox .greetings_right .title .viewmorebtn{font-size:1.00em; font-weight: 400; color: #9a9a9a; display: flex; align-items: center;  gap:20px; font-family: var(--marcellsc);}
#mainpage .greetings .conBox .greetings_right .title .viewmorebtn span{font-family: unset; transition: all .3s ease-in;}
#mainpage .greetings .conBox .greetings_right .title .viewmorebtn:hover span{transform: translateX(10px);}
#mainpage .greetings .conBox .greetings_right .imgBox{margin-left: -20%;}
#mainpage .greetings .conBox .flowBox{position: absolute; bottom: -150px; left: 0;font-size:5.00em; color:#EFD2D2; letter-spacing:10px; font-weight:600; width: 100%;max-width:100%; height: auto; padding:50px 0; overflow-x: hidden; overflow-y: hidden; }
#mainpage .greetings .conBox .flowBox .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 250s linear infinite;bottom: -30px; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

#mainpage .greetings #circle{position:absolute; top: 65%; left: 36%; z-index: 0;}
#mainpage .greetings #circle .link-box{position: relative;display: inline-block;font-size: 1.00em;text-transform: uppercase;letter-spacing: 1px;word-spacing: 0.1em;}
#mainpage .greetings #circle .link-box .link-svg {width: 100%;height: auto;transform-box: fill-box;stroke-width: 0.05em;stroke-linecap: round;stroke-linejoin: round;fill:#DEC3C3;}
#mainpage .greetings #circle .link-box .link-text {-webkit-animation: rotateReverse normal infinite 60s linear;animation: rotateReverse normal infinite 60s linear;transform-origin: 50% 50%;}
#mainpage .greetings #circle .link-box .link-text textPath{font-family: var(--inter);}
#mainpage .greetings #circle .link-box .link:hover .link-text {-webkit-animation-play-state: paused;animation-play-state: paused;}
@-webkit-keyframes rotateReverse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes rotateReverse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg);}
}

/* 반응형 */
@media all and (max-width:1900px){
    #mainpage .greetings .conBox .flowBox .track{bottom: -40px;}
}
@media all and (max-width:1600px){
    #mainpage .greetings .conBox .greetings_right{gap: 100px;}
    #mainpage .greetings .conBox .greetings_right .title::before{background-size: 100%; width: 200px; height: 275px; top: -15%; right: 10%;}
    #mainpage .greetings .conBox .flowBox{font-size: 4.50em; padding: 40px 0;}
    #mainpage .greetings .conBox .flowBox .track{bottom: -30px;}
}
@media all and (max-width:1400px){
    #mainpage .greetings .conBox .greetings_right{gap: 60px;}
    #mainpage .greetings .conBox .greetings_right .imgBox{margin-left: -30%; }
    #mainpage .greetings .conBox .greetings_right .title::before{right: 0%;}
    #mainpage .greetings .conBox .flowBox{font-size: 4.00em;}
    #mainpage .greetings .conBox .flowBox .track{bottom: -20px;}
}
@media all and (max-width:1200px){
    #mainpage .greetings{height: 100%; padding:100px 0; margin-bottom: 100px; position: relative;}
    #mainpage .greetings .conBox .greetings_left{position: absolute; z-index: 0; top: 0; left: 0; height: 100%; background-size: contain !important; width: 40%;}
    #mainpage .greetings .conBox .greetings_right{position: relative; z-index: 1; margin: 0 auto; width: 90%;}
    #mainpage .greetings .conBox .greetings_right .imgBox{margin-left: unset; width: 50%;}
    #mainpage .greetings .conBox .flowBox{bottom: -100px;}
    #mainpage .greetings #circle{width: 200px; top: 80%;}
    #mainpage .greetings #circle .link-box{font-size: 1.05em;}
}
@media all and (max-width:1024px){
    #mainpage .greetings{margin-bottom: 60px;}
    #mainpage .greetings .conBox .greetings_right .title::before{width: 150px; height: 205px; top: -10%;}
    #mainpage .greetings .conBox .greetings_right .title h3{font-size: 1.22em;}
    #mainpage .greetings .conBox .greetings_right .title h2{font-size: 2.78em; margin-bottom: 40px;}
    #mainpage .greetings .conBox .greetings_right .title h4{font-size: 1.33em;}
    #mainpage .greetings .conBox .greetings_right .title p{margin-bottom: 60px;}
    #mainpage .greetings #circle{width: 150px; top: 85%;}
    #mainpage .greetings #circle .link-box{font-size: 1.15em;}
    #mainpage .greetings .conBox .flowBox{font-size: 3.33em; bottom: -60px;}
    #mainpage .greetings .conBox .flowBox .track{bottom: -10px;}
}
@media all and (max-width:768px){
    #mainpage .greetings{padding: 70px 0;}
    #mainpage .greetings .conBox .greetings_left{width: 70%;}
    #mainpage .greetings .conBox .greetings_right{flex-direction: column; gap: 40px;}
    #mainpage .greetings .conBox .greetings_right .imgBox{width: 100%; text-align: center; max-width: 576px;}
    #mainpage .greetings .conBox .greetings_right .title{width: 100%; max-width: 576px;}
    #mainpage .greetings .conBox .greetings_right .title::before{top:50%; right: 5%;}
    #mainpage .greetings #circle{left:78%; top: 53%;}
    #mainpage .greetings .conBox .flowBox{padding: 30px 0;}

}
@media all and (max-width:600px){
    #mainpage .greetings #circle{left: 80%; top: 50%;}
}
@media all and (max-width:500px){
    #mainpage .greetings #circle{left: 80%; top: 45%;}
    /* .greetings #circle .link-box{font-size: 1.2em;} */
    #mainpage .greetings .conBox .greetings_right .title h3{font-size: 1.11em;}
    #mainpage .greetings .conBox .greetings_right .title h2{font-size: 2.22em; margin-bottom: 30px;}
    #mainpage .greetings .conBox .greetings_right .title h4{font-size: 1.22em; margin-bottom: 20px;}
    #mainpage .greetings .conBox .greetings_right .title .viewmorebtn{gap: 10px;}
    #mainpage .greetings .conBox .greetings_right .title .viewmorebtn span{font-family: var(--pretendard);}
    #mainpage .greetings .conBox .greetings_right .title::before{width: 100px; height: 140px; top: 60%;}
}




/* 메인페이지 - 프로그램 */
#mainpage .program{width: 100%; height: 100%; padding: 150px 0 100px 0;}
#mainpage .program .inner{max-width: 1550px;}
#mainpage .program .conBox{display: flex; justify-content: space-between; align-items: start; padding: 0 75px; position: relative;}
#mainpage .program .conBox .swiper {width: 100%; height: 100%; position: relative; padding-bottom: 50px;}
#mainpage .program .conBox .swiper-slide {position: relative; text-align: center; transition: all .35s ease-in-out; text-align: center; background: #fff; display: flex; justify-content: center; align-items: center;}
#mainpage .program .conBox .swiper-slide img {display: block; max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
#mainpage .program .conBox .swiper-slide a{width: 100%; display: block;} 
#mainpage .program .conBox .swiper-slide a .imgBox{overflow: hidden;}
#mainpage .program .conBox .swiper-slide a .imgBox img{max-width: 100%;transition: all .35s ease-in-out;}
#mainpage .program .conBox .swiper-slide a .imgBox .cover{display: none; transition: all .35s ease-in-out; position: absolute; top: 0; left: 0; z-index: 10;width: 100%;height: 100%; flex-direction: column; justify-content: center; align-items: center;text-align: center; gap: 15px;transition: all .35s ease-in-out;}
#mainpage .program .conBox .swiper-slide a .imgBox .cover p{font-size: 0.90em; color: #fff; line-height: 1.4;}
#mainpage .program .conBox .swiper-slide a .imgBox .cover h4{font-size: 1.50em; font-weight: 600; color: #fff; line-height: 1; font-family: var(--arita);}
#mainpage .program .conBox .swiper-slide a .titBox{position: absolute; bottom:-50px; left: 0; width: 100%; transition: all .35s ease-in-out;}
#mainpage .program .conBox .swiper-slide a .titBox h3{font-size: 1.10em; font-weight: 600; color: #000; font-family: var(--arita);} 
#mainpage .program .conBox .swiper-slide:hover{border-radius: 200px 200px 0 0; overflow: hidden;}
#mainpage .program .conBox .swiper-slide:hover .imgBox img{transform: scale(1.2);}
#mainpage .program .conBox .swiper-slide:hover .imgBox .cover{display: flex; background: rgba(0,0,0,0.3);}
#mainpage .program .conBox .swiper-slide:hover .titBox{display: none;}
#mainpage .program .conBox .swiper-slide-active{border-radius: 200px 200px 0 0; overflow: hidden;}
#mainpage .program .conBox .swiper-slide-active .imgBox .cover{display: flex !important; background: rgba(0,0,0,0.3); border-radius: 200px 200px 0 0;}
#mainpage .program .conBox .swiper-slide-active .titBox{display: none;}
/* 슬라이드 버튼 */
#mainpage .program .conBox .navigation-wrapper {width:100%;margin:0 auto;display:flex;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#mainpage .program .conBox .program_prev,
#mainpage .program .conBox .program_next{position:static; margin-top:0; width: auto;}
#mainpage .program .conBox .program_prev::after{content: '' !important; background: url('/img/slide_prev.svg') no-repeat 100%; width: 24px; height: 100%; background-size: 100%;}
#mainpage .program .conBox .program_next::after{content: '' !important; background: url('/img/slide_next.svg') no-repeat 100%; width: 24px; height: 100%; background-size: 100%;}
/* 반응형 */
@media all and (max-width:1600px){
    #mainpage .program .conBox .swiper-slide a .imgBox .cover h4{font-size:1.20em;}
}
@media all and (max-width:1200px){
    #mainpage .program{padding: 100px 0 50px 0;}
}
@media all and (max-width:1024px){
    #mainpage .program .conBox .swiper-slide a .imgBox .cover h4{font-size:1.34em;}
    #mainpage .program .conBox .swiper-slide a .titBox h3{font-size: 1.11em;}
    #mainpage .program .conBox .swiper-slide a .imgBox .cover p{font-size: 1.00em;}
}
@media all and (max-width:768px){
    #mainpage .program{padding: 70px 0 20px 0;}
    #mainpage .program .conBox{padding: 0 50px;}
    #mainpage .program .conBox .program_prev::after{width: 20px; height: 39px;}
    #mainpage .program .conBox .program_next::after{width: 20px; height: 39px;}
}
@media all and (max-width:500px){
    #mainpage .program .conBox{padding: 0 30px;}
    #mainpage .program .conBox .swiper-slide:hover{border-radius: unset; overflow: hidden;}
    #mainpage .program .conBox .swiper-slide:hover .imgBox .cover{display: none; background:none;}
}



/* 메인페이지 - section02 */
#mainpage .main_section02{width: 100%; background-image:url('/img/event_bg.png'), linear-gradient(to bottom, rgba(255,255,255,0.6) 55%, #fff 75%); background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* 메인페이지 - 이벤트 */
#mainpage .event{padding: 150px 0; overflow: hidden;}
#mainpage .event .event_slide {width: 120%; position: relative; left: 50%; transform: translateX(-50%);}
#mainpage .event .event_slide .swiper-wrapper{left: 20%;}
#mainpage .event .img-wrap .img-item img{aspect-ratio: 1 / 1; height: 100%;}
#mainpage .event .boardBox{position: relative;}
#mainpage .event .boardBox .navigation-wrapper {width:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 10;}
#mainpage .event .boardBox .navigation-wrapper .inner{display:flex;justify-content:space-between; align-items: center;}
#mainpage .event .boardBox .event_prev,
#mainpage .event .boardBox .event_next{position:static; margin-top:0; width: auto;}
#mainpage .event .boardBox .event_prev::after{content: '' !important; background: url('/img/event_prev.svg') no-repeat 100%; width: 55px; height: auto; aspect-ratio: 1 / 1; background-size: cover;}
#mainpage .event .boardBox .event_next::after{content: '' !important; background: url('/img/event_next.svg') no-repeat 100%; width: 55px; height: auto; aspect-ratio: 1 / 1; background-size: cover;}
/* 반응형 */
@media all and (max-width:1400px){
    #mainpage .event .event_slide .swiper-wrapper{left: 25%;}
}
@media all and (max-width:1200px){
    #mainpage .event{padding:100px 0;}
    #mainpage .event .event_slide .swiper-wrapper{left:unset;}
    #mainpage .event .boardBox .event_prev::after{width: 40px;}
    #mainpage .event .boardBox .event_next::after{width: 40px;}
}
@media all and (max-width:768px){
    #mainpage .event{padding:70px 0;}
}
@media all and (max-width:500px){
    #mainpage .event .boardBox{width: 90%; margin: 0 auto;}
    #mainpage .event .event_slide{width: 100%; left: unset; transform: unset;}
}



/* 메인페이지 - 인테리어 */
#mainpage .interior{padding-bottom: 150px; overflow: hidden;}
#mainpage .interior .interior_slide {width: 120%; position: relative; left: 50%; transform: translate(-50%);}
#mainpage .interior .interior_slide .swiper-wrapper{align-items: center;}
#mainpage .interior .interior_slide .swiper-slide {scale: 0.8; transition: all 200ms linear; position: relative;background-size: cover !important; opacity: 0.2;}
#mainpage .interior .interior_slide .swiper-slide.swiper-slide-active{scale: 1; opacity: 1;}
#mainpage .interior .na-title{display: none; transition: all .3s ease-in; line-height: 1.2; padding-top: 40px;}
#mainpage .interior .na-title .na-item{justify-content: center;}
#mainpage .interior .na-title a{font-size: 1.20em; font-weight: 600; color: #000;}
#mainpage .interior .swiper-slide-active .na-title{display: block;}
#mainpage .interior .img-wrap{border-radius: 20px !important;}
#mainpage .interior .img-wrap .label-cap{display: none;}
#mainpage .interior .img-wrap .img-item img{aspect-ratio: 16 / 9; height: 100%;}
#mainpage .interior .boardBox{position: relative;}
#mainpage .interior .boardBox .navigation-wrapper {width:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 10;}
#mainpage .interior .boardBox .navigation-wrapper .inner{display:flex;justify-content:space-between; align-items: center;}
#mainpage .interior .boardBox .interior_prev,
#mainpage .interior .boardBox .interior_next{position:static; margin-top:0; width: auto;}
#mainpage .interior .boardBox .interior_prev::after{content: '' !important; background: url('/img/interior_prev.svg') no-repeat 100%; width: 55px; height: auto; aspect-ratio: 1 / 1; background-size: cover;}
#mainpage .interior .boardBox .interior_next::after{content: '' !important; background: url('/img/interior_next.svg') no-repeat 100%; width: 55px; height: auto; aspect-ratio: 1 / 1; background-size: cover;}
/* 반응형 */
@media all and (max-width:1200px){
    #mainpage .interior{padding-bottom:100px;}
    #mainpage .interior .interior_slide .swiper-slide{scale: 0.9;}
    #mainpage .interior .boardBox .interior_prev::after{width: 40px;}
    #mainpage .interior .boardBox .interior_next::after{width: 40px;}
}
@media all and (max-width:1024px){
    #mainpage .interior .na-title{padding-top: 20px;}
}
@media all and (max-width:768px){
    #mainpage .interior{padding-bottom:70px;}
    #mainpage .interior .na-title a{font-size: 1.00em;}
}
@media all and (max-width:600px){
    #mainpage .interior .boardBox{width: 90%; margin: 0 auto;}
    #mainpage .interior .interior_slide{width: 100%;}
}
 


/* 메인페이지 - 스토리 */
#mainpage .story{width: 100%; background: url('/img/story_bg.png') no-repeat 50% 50%; background-size: cover !important; padding: 100px 0 65px 0;}
#mainpage .story .inner{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0; height: 100%;}
#mainpage .story .title {width: 100%; text-align: center; margin-bottom: 0;}
#mainpage .story .title h3{font-size: 1.00em; color: #000; line-height: 1.2; letter-spacing: 8px; margin-bottom: 20px; font-family: var(--marcellus); word-break: keep-all;}
#mainpage .story .title h2{font-size: 2.50em; color: #000; line-height: 1.4; word-break: keep-all; font-family: var(--arita);}
#mainpage .story .title p{font-size: 22px; color: #656565; line-height: 1.4; font-weight: 300;word-break: keep-all;}
#mainpage .story .conBox{position: relative;}
#mainpage .story .conBox .arrowBox{position: relative; z-index: 1; margin: 100px; cursor: pointer; width:100px;height:auto; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; border-radius: 50px; background: var(--color);}
#mainpage .story .conBox .arrowBox p{font-size: 35px; font-weight: 600; color: #fff;}
#mainpage .story #circle{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#mainpage .story #circle .link-box{position: relative;display: inline-block;font-size: 1.00em;text-transform: uppercase;letter-spacing: 1px;word-spacing: 0.1em;}
#mainpage .story #circle .link-box .link-svg {width: 100%;height: auto;transform-box: fill-box;stroke-width: 0.05em;stroke-linecap: round;stroke-linejoin: round;fill:#fff;}
#mainpage .story #circle .link-box .link-text {-webkit-animation: rotateReverse normal infinite 60s linear;animation: rotateReverse normal infinite 60s linear;transform-origin: 50% 50%;}
#mainpage .story #circle .link-box .link-text textPath{font-family: var(--inter);}
#mainpage .story #circle .link:hover .link-text {-webkit-animation-play-state: paused;animation-play-state: paused;}
/* 반응형 */
@media all and (max-width:1200px){
    #mainpage .story .title h2{font-size: 2.00em;}
}
@media all and (max-width:1024px){
    #mainpage .story #circle .link-box{font-size: 1.15em;}
}
@media all and (max-width:768px){
    #mainpage .story{padding: 70px 0 0;}
    #mainpage .story .title h2{font-size:1.67em;}
    #mainpage .story .title h3{line-height: 1.4;}
}   
@media all and (max-width:500px){
    #mainpage .story .title h3 span.mb{display: block;}
}   




/* 기존 아이뷰 코드 */


/* 팝업 */
#pop_custom {position:fixed; top:0; left:0; z-index:1000; background:rgba(0,0,0,0.7);width:100%; height:100%;display: none;}
#pop_custom.show{display: block;}
#pop_custom .wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:auto;max-width:940px; width:100%;}
#pop_custom .swiper {width:100%; height:100%;}
#pop_custom .swiper-slide {height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; background-size: contain; background-position: center; background-repeat: no-repeat;}
#pop_custom .pop_pager{display:flex; justify-content:center;gap:0;position:relative;bottom:0 !important; height: auto !important;}
#pop_custom .pop_pager .swiper-slide{font-size: 18px; font-weight: 600; background: #fff; color: #000; padding: 10px;cursor: pointer;}
#pop_custom .pop_pager .swiper-slide::before{content:'';position:absolute;right:0; top:0; width:1px; height:100%; background:#d9d9d9;}
#pop_custom .pop_pager .swiper-slide:last-child::before{width:0;}
#pop_custom .pop_pager .swiper-slide-thumb-active{background:#dc7f84; color: #fff;}
#pop_custom .btn_wrap{width:100% !important; height:auto !important; display: flex; justify-content: space-between; align-items: center;text-align:center;background:#000;position:relative;padding: 10px;}
#pop_custom .btn_wrap p{font-size:16px;display:block;color: #fff;cursor: pointer;}
#pop_custom .swiper-button-prev, #pop_custom .swiper-button-next{color:#fff;}

@media (max-width: 830px) {
    #pop_custom .wrap{max-width:90%;}
}
@media (max-width: 768px) {
    /* #pop_custom .wrap .swiper-button-prev{left:0;}
    #pop_custom .wrap .swiper-button-next{right:0;}
    #pop_custom .wrap .swiper-button-prev:after, #pop_custom .wrap .swiper-button-next:after{font-size:20px;} */
}
@media (max-width: 600px) {
    #pop_custom .pop_pager .swiper-slide{font-size: 16px;}
    #pop_custom .btn_wrap p{font-size:14px;}
}
@media (max-width:440px) {
    #pop_custom .pop_pager .swiper-slide{font-size: 14px;}
}


/* 팝업 시작 구코드 */
/* #pop_custom{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0000009c; z-index: 999999;display: none;}
#pop_custom.show{display: block;}
#pop_custom .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); _width: calc(100% - 60px); max-width: 850px; _max-width: 450px; height: auto; _aspect-ratio: auto 70 / 99; background: #fff;}
#pop_custom .wrap .pop_swiper{width: 100%;height: 100%;}
#pop_custom .wrap .pop_swiper .swiper-wrapper{width: 100%;height: 100%;}
#pop_custom .wrap .pop_swiper .swiper-wrapper .swiper-slide{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center; background-size: 100%; _background-size: contain;}
#pop_custom .wrap .pop_pager{width: 100%;border-top: 1px solid #eee;}
#pop_custom .wrap .pop_pager .swiper-wrapper{}
#pop_custom .wrap .pop_pager .swiper-wrapper .swiper-slide{ font-size: var(--font-16); border-left: 1px solid #eee; line-height: 25px; height: 60px; display: flex ; justify-content: center; align-items: center; padding: 0 5px; background: #fff;}
#pop_custom .wrap .pop_pager .swiper-wrapper .swiper-slide-thumb-active{background: var(--color);color: #fff;}
#pop_custom .wrap .btn_wrap{display: flex;justify-content: space-between;align-items: center;width: 100%;}
#pop_custom .wrap .btn_wrap p{width: 50%;line-height: 40px;text-align: center;font-size: var(--font-16);border-top: 1px solid #eee;cursor: pointer;background: #fff;}
#pop_custom .wrap .btn_wrap p:first-child{background: #eee;}
@media screen and (max-width:500px){
    #pop_custom .wrap{top: 30px; left: 50%; transform: translateX(-50%);}
} */
/* 팝업 끝 */

/* tail 시작 */
.quick_menu{width: 70px;position: fixed; bottom: 50px; right: 30px;z-index: 1001;}
.quick_menu ul{width: 100%;display: flex;flex-flow: column;align-items: center;gap: 5px;}
.quick_menu ul li{width: 100%;}
.quick_menu ul li a{background: #82D9D0;border-radius: 100px;width: 100%;height:auto;aspect-ratio: auto 1 / 1;display: flex ; align-items: center; flex-flow: column; justify-content: center;}
/*.quick_menu ul li a img{height: 30%; margin: 5px 0;}*/
.quick_menu ul li a img{width:100%; height: 100%; margin:0;}
.quick_menu ul li a img.big{height: 25%;}
.quick_menu ul li a span{color: #fff;font-size: 13px;}
.quick_menu>p{background: var(--titcolor);border-radius: 100px;width: 100%;height:auto;aspect-ratio: auto 1 / 1;display: flex ; align-items: center; flex-flow: column; justify-content: center;margin-top: 5px;cursor: pointer;}
.quick_menu>p i{font-size: 0.85em !important; color: #fff; display: block;margin-bottom: 5px;}
.quick_menu>p span{color: #fff;font-size: 13px;}
/* tail 끝 */















/* 병원소개 - 의료진소개 */
#medical_staff .story{background: url('/img/medical_staff_bg.png') no-repeat center / cover; padding: 220px 0;}
#medical_staff .story .title{margin-bottom: 120px;}
#medical_staff .story .title li:nth-child(2){padding-left: 90px;}
#medical_staff .story .title li:nth-child(3){padding-left: 190px;}
#medical_staff .story .title li h2{font-family: var(--marcellus); font-weight: 400; color: #fff;}
#medical_staff .story .conBox{display: flex; justify-content: space-between; align-items: start; gap: 100px;}
#medical_staff .story .conBox .titBox{font-weight: 600; color: #fff; line-height: 1.3;}
#medical_staff .story .conBox .txtBox{width: 50%;}
#medical_staff .story .conBox .txtBox h3{font-size:1.35em; font-weight: 700; color: #fff; line-height: 1.3; word-break: keep-all; margin-bottom: 20px;}
#medical_staff .story .conBox .txtBox p{font-size: 1.00em; font-weight: 400; color: #fff; line-height: 1.4; word-break: keep-all;}
@media all and (max-width:1400px){
    #medical_staff .story .conBox{gap: 60px;}
    #medical_staff .story .conBox .txtBox h3{font-size: 1.25em;}
    #medical_staff .story .conBox .txtBox p br{display: none;}
    #medical_staff .story .conBox .txtBox p span.mb{display: block;}
    #medical_staff .story .title li:nth-child(2){padding-left: 50px;}
    #medical_staff .story .title li:nth-child(3){padding-left: 100px;}
}
@media all and (max-width:1200px){
    #medical_staff .story{padding: 160px 0;}
    #medical_staff .story .conBox{gap: 40px;}
}
@media all and (max-width:1024px){
    #medical_staff .story .title{margin-bottom: 100px;}
    #medical_staff .story .conBox{flex-direction: column;}
    #medical_staff .story .conBox .txtBox{width: 100%;}
    #medical_staff .story .conBox .txtBox p br{display: block;}
}
@media all and (max-width:768px){
    #medical_staff .story{padding: 100px 0;}
    #medical_staff .story .title{margin-bottom: 60px;}
    #medical_staff .story .title li:nth-child(2){padding-left: 0;}
    #medical_staff .story .title li:nth-child(3){padding-left: 0;}
    #medical_staff .story .conBox .txtBox h3{font-size: 1.15em;}
    #medical_staff .story .conBox .txtBox p br{display: none;}
}
@media all and (max-width:500px){
    #medical_staff .story .title{margin-bottom: 40px;}
    #medical_staff .story .conBox{gap: 20px;}
    #medical_staff .story .conBox .txtBox h3{margin-bottom: 10px;}
}

#medical_staff .doctor{padding: 150px 0 130px 0;}
#medical_staff .doctor .title {display: flex; align-items: flex-end; gap: 100px;}
#medical_staff .doctor .title ul li:nth-child(2){padding-left: 110px;}
#medical_staff .doctor .title .titBox{margin-bottom: 20px;}
#medical_staff .doctor .title .titBox p{font-size: 1.00em; font-weight: 400; color: #000; line-height: 1.4; word-break: keep-all;}
#medical_staff .doctor .conBox{display: flex; justify-content: space-between; align-items: center; gap: 100px;}
#medical_staff .doctor .conBox .introduce{width: 50%;}
#medical_staff .doctor .conBox .introduce .titBox{display: flex; align-items: end; gap: 15px; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #d9d9d9;}
#medical_staff .doctor .conBox .introduce .titBox h3{font-size: 2.25em; font-weight: 700; word-break: keep-all;}
#medical_staff .doctor .conBox .introduce .titBox h3 span{font-size: 25px; color: #333;}
#medical_staff .doctor .conBox .introduce .txtBox{display: flex; gap: 100px;}
#medical_staff .doctor .conBox .introduce .txtBox ul{width: 50%;}
#medical_staff .doctor .conBox .introduce .txtBox ul li{position: relative; display: flex; align-items: baseline; line-height: 1.6;}
#medical_staff .doctor .conBox .introduce .txtBox ul li::before{content: '·'; padding: 0 10px; font-weight: 900; color: #000;}
#medical_staff .doctor .conBox .introduce .txtBox ul li p{font-size: 1.00em; font-weight: 400; color: #333;}
@media all and (max-width:1400px){
    #medical_staff .doctor .title{margin-bottom: 60px; gap: 60px;}
    #medical_staff .doctor .title .titBox{margin-bottom: 10px;}
    #medical_staff .doctor .conBox{gap: 60px;}
    #medical_staff .doctor .conBox .introduce{width: 60%;}
    #medical_staff .doctor .conBox .introduce .txtBox{gap: 40px;}
}
@media all and (max-width:1200px){
    #medical_staff .doctor{padding: 100px 0;}
    #medical_staff .doctor .title ul li:nth-child(2){padding-left: 60px;}
    #medical_staff .doctor .conBox .introduce .titBox h3{font-size:2.00em;}
    #medical_staff .doctor .conBox .introduce .titBox h3 span{font-size: 22px;}
    #medical_staff .doctor .conBox .introduce .txtBox{flex-direction: column; gap: 0;}
    #medical_staff .doctor .conBox .introduce .txtBox ul{width: 100%;}
}
@media all and (max-width:1024px){
    #medical_staff .doctor .conBox{gap: 0px;}
    #medical_staff .doctor .conBox .introduce .titBox{padding-bottom: 25px; margin-bottom: 25px;}
    #medical_staff .doctor .conBox .introduce .titBox h3 span{font-size: 20px;}
}
@media all and (max-width:768px){
    #medical_staff .doctor {padding: 70px 0;}
    #medical_staff .doctor .title{flex-direction: column; align-items: start; gap: 15px; margin-bottom: 40px;}
    #medical_staff .doctor .title ul li h2{line-height: 1;}
    #medical_staff .doctor .title ul li:nth-child(2){padding-left: 0;}
    #medical_staff .doctor .conBox{flex-direction: column-reverse; gap: 40px;}
    #medical_staff .doctor .conBox .introduce{max-width: 538px; width: 100%;}
    #medical_staff .doctor .conBox .introduce .titBox img{width: 50px;}
    #medical_staff .doctor .conBox .imgBox{max-width: 100%;}
}
@media all and (max-width:500px){
    #medical_staff .doctor .conBox .introduce .titBox img{width: 40px;}
    #medical_staff .doctor .conBox .introduce .titBox h3{font-size: 1.67em;}
    #medical_staff .doctor .conBox .introduce .titBox h3 span{font-size: 18px;}
}
/* 병원소개 - 의료진소개 */







/* 병원소개 - 진료안내/오시는길 */
#medical_info{}
#medical_info .information{padding: 150px 0;}
#medical_info .information .info{display: flex; justify-content: space-between; align-items: stretch; gap: 30px; margin-bottom: 30px;}
#medical_info .information .info .imgBox{width: 50%; background: #F5F5F5; border-radius: 20px; display: flex; justify-content: center; align-items: center;}
#medical_info .information .info .title{width: 50%; background: #8A817C; border-radius: 20px; padding: 50px 120px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#medical_info .information .info .title ul {width: 100%;}
#medical_info .information .info .title ul li{display: flex; justify-content: space-between; align-items: center; gap: 50px; margin-bottom: 10px;}
#medical_info .information .info .title ul li:last-child{margin-bottom: 30px;}
#medical_info .information .info .title ul li h3{font-size: 1.10em; font-weight: 600; color: #8A817C; width: 180px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 50px;}
#medical_info .information .info .title ul li p{font-size: 1.10em; font-weight: 400; color: #fff;}
#medical_info .information .info .title .closed{font-size: 1.10em; font-weight: 500; color: #453C35; background: rgba(255,255,255,0.7); border-radius: 10px; width: 100%; text-align: center; padding: 25px;}
@media all and (max-width:1600px){
    #medical_info .information .info .title{padding: 50px 100px;}
    #medical_info .information .info .title ul li{gap: 20px;}
}
@media all and (max-width:1400px){
    #medical_info .information .info{gap: 20px; margin-bottom: 20px;}
    #medical_info .information .info .imgBox img{width: 300px;}
    #medical_info .information .info .title{padding: 50px 60px;}
    #medical_info .information .info .title ul li:last-child{margin-bottom: 20px;}
    #medical_info .information .info .title ul li h3{font-size: 1.00em;}
    #medical_info .information .info .title ul li p{font-size: 1.00em;}
    #medical_info .information .info .title .closed{font-size: 1.00em; padding:20px;}
}
@media all and (max-width:1200px){
    #medical_info .information{padding: 100px 0;}
    #medical_info .information .info .imgBox img{width: 250px;}
    #medical_info .information .info .title{padding:40px;}
    #medical_info .information .info .title ul li h3{font-size: 0.90em; width: 160px; height: 35px; line-height: 35px;}
    #medical_info .information .info .title ul li p{font-size: 0.90em;}
    #medical_info .information .info .title .closed{font-size: 0.90em; padding: 15px;}
}
@media all and (max-width:1024px){
    #medical_info .information .info{flex-direction: column;}
    #medical_info .information .info .imgBox{width: 100%; padding: 30px 20px;}
    #medical_info .information .info .imgBox img{width: 200px;}
    #medical_info .information .info .title{width: 100%; padding: 40px 60px;}
    #medical_info .information .info .title ul li h3{font-size: 1.00em;}
    #medical_info .information .info .title ul li p{font-size: 1.00em;}
    #medical_info .information .info .title .closed{font-size: 1.00em;}
}
@media all and (max-width:768px){
    #medical_info .information{padding: 70px 0;}
    #medical_info .information .info .title{padding: 40px;}
}
@media all and (max-width:500px){
    #medical_info .information .info .title{padding: 40px 20px;}    
    #medical_info .information .info .title ul li{gap: 10px;}
    #medical_info .information .info .title ul li h3{font-size: 0.90em; width: 130px;}
    #medical_info .information .info .title ul li p{font-size: 0.90em;}
    #medical_info .information .info .title .closed{padding: 15px; width: auto;}
}
@media all and (max-width:380px){
    #medical_info .information .info .title ul li{flex-direction: column; gap: 10px; margin-bottom: 15px;}
    #medical_info .information .info .title ul li h3{width: 150px;}
}


#medical_info .information .map{margin-bottom: 150px;}
#medical_info .information .map .conBox{height: 550px; margin-bottom: 30px;}
#medical_info .information .map .conBox iframe{height: 100%;}
#medical_info .information .map .title{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
#medical_info .information .map .title li{display: flex; align-items: center; gap: 10px;}
#medical_info .information .map .title li h3{font-size: 1.40em; font-weight: 600; color: #000; display: flex; align-items: center; gap: 5px;}
#medical_info .information .map .title li p{font-size: 1.00em; font-weight: 400; color: #7B7B7B; line-height: 1.2; word-break: keep-all;}
@media all and (max-width:1200px){
    #medical_info .information .map{margin-bottom: 100px;}
    #medical_info .information .map .conBox{height: 450px; margin-bottom: 20px;}
    #medical_info .information .map .title{flex-direction: column; gap: 5px;}
    #medical_info .information .map .title li h3{font-size: 1.20em;}
}
@media all and (max-width:1024px){
    #medical_info .information .map .conBox{height: 400px;}
    #medical_info .information .map .title li h3 img{width: 30px;}
}
@media all and (max-width:768px){
    #medical_info .information .map .conBox{height: 350px;}
    #medical_info .information .map .title{gap: 20px;}
    #medical_info .information .map .title li{flex-direction: column; gap: 5px;}
    #medical_info .information .map .title li p{text-align: center; line-height: 1.3;}
}
@media all and (max-width:768px){
    #medical_info .information .map{margin-bottom: 70px;}
    #medical_info .information .map .conBox{height: 300px;}
}



#medical_info .information .road{display: flex; align-items: start; justify-content: space-between; gap: 40px;}
#medical_info .information .road>div{width: calc(100% / 3); text-align: center;}
#medical_info .information .road>div .title{padding-bottom: 30px; margin-bottom: 30px; position: relative;}
#medical_info .information .road>div .title::before{content: ''; position: absolute; left:50%; transform: translateX(-50%); bottom: 0; width: 50px; height: 1px; background: #d7d7d7;}
#medical_info .information .road>div .title p{font-size: 1.50em; font-weight: 400; color: #000; line-height: 1.2; word-break: keep-all; margin-top: 5px;}
#medical_info .information .road>div .title p b{font-weight: 600;}
#medical_info .information .road .subway{}
#medical_info .information .road .subway .conBox li{display: flex; align-items: center; gap: 16px;}
#medical_info .information .road .subway .conBox li:first-child{margin-bottom: 30px;}
#medical_info .information .road .subway .conBox li h3{font-size: 1.10em; font-weight: 700; background: #fff; display: flex; justify-content: center; align-items: center; width: 40px; height: auto; aspect-ratio: 1 / 1; border-radius: 50px;}
#medical_info .information .road .subway .conBox li:first-child h3{color: #132685; border:4px solid #132685;}
#medical_info .information .road .subway .conBox li:last-child h3{color: #41653D; border:4px solid #41653D;}
#medical_info .information .road .subway .conBox li .titBox{text-align: left;}
#medical_info .information .road .subway .conBox li .titBox p{font-size: 1.00em; font-weight: 400; color: #838383; line-height: 1.3; word-break: keep-all;}
#medical_info .information .road .subway .conBox li .titBox p span{font-weight: 600; color: #000; display: block;}
#medical_info .information .road .bus{}
#medical_info .information .road .bus .conBox li:first-child{margin-bottom: 30px;}
#medical_info .information .road .bus .conBox li h3{font-size: 1.10em; font-weight: 600; color: #000; line-height: 1.2; word-break: keep-all; margin-bottom: 10px;}
#medical_info .information .road .bus .conBox li p{font-size: 1.00em; font-weight: 400; color: #000; line-height: 1.3; word-break: keep-all; display: flex; justify-content: center; align-items: center; gap: 10px;}
#medical_info .information .road .bus .conBox li p span{font-size: 0.90em; font-weight: 500; color: #fff; background: #132685; border-radius: 5px; padding:3px 10px;}
#medical_info .information .road .parking{}
#medical_info .information .road .parking .conBox p{font-size: 1.00em; font-weight: 500; color: #000; line-height: 1.4;}
#medical_info .information .road .parking .conBox p:first-child{margin-bottom: 30px;}

@media all and (max-width:1400px){
    #medical_info .information .road{gap: 20px;}
    #medical_info .information .road>div{width: auto;}
    #medical_info .information .road>div .title p{font-size: 1.40em;}
    #medical_info .information .road .subway .conBox li{gap: 10px;}
}
@media all and (max-width:1200px){
    #medical_info .information .road .subway .conBox li h3{width: 35px; font-size: 1.00em;}
    #medical_info .information .road .bus .conBox li h3{font-size: 1.00em;}
}
@media all and (max-width:1100px){
    #medical_info .information .road{flex-wrap: wrap; justify-content: center; column-gap: 40px; row-gap: 60px;}
    #medical_info .information .road>div{width: calc(100% / 2 - 20px);}
}
@media all and (max-width:1024px){
    #medical_info .information .road{column-gap: 20px;}
    #medical_info .information .road>div{width: calc(100% / 2 - 10px);}
}
@media all and (max-width:800px){
    #medical_info .information .road{flex-direction: column; flex-wrap: nowrap; column-gap: 0;}
    #medical_info .information .road>div{width:100%; text-align: center;}
    #medical_info .information .road>div .title p{font-size: 1.30em;}
    #medical_info .information .road .subway .conBox li{flex-direction: column; gap: 15px;}
    #medical_info .information .road .subway .conBox li .titBox{text-align: center;}
    #medical_info .information .road .bus .conBox li h3{margin-bottom: 15px;}
}
@media all and (max-width:768px){
    #medical_info .information .road{gap: 50px;}
    #medical_info .information .road>div .title{padding-bottom: 25px; margin-bottom: 25px;}
}

@media all and (max-width:500px){
    #medical_info .information .road .subway .conBox li:first-child{margin-bottom: 20px;}
    #medical_info .information .road .bus .conBox li:first-child{margin-bottom: 20px;}
    #medical_info .information .road .parking .conBox p:first-child{margin-bottom: 20px;}
}
@media all and (max-width:400px){    
    #medical_info .information .road .subway .conBox li{flex-direction: row; gap: 10px;}
    #medical_info .information .road .subway .conBox li .titBox{text-align: left;}
    #medical_info .information .road .subway .conBox li h3{width: 30px;}
    #medical_info .information .road .bus .conBox li h3{margin-bottom: 10px;}
    #medical_info .information .road .parking .conBox p:first-child{margin-bottom: 15px;}
}
@media all and (max-width:390px){
    #medical_info .information .road .subway .conBox li .titBox p{font-size: 0.90em;}
}
/* 병원소개 - 진료안내/오시는길 */







/* 병원소개 - 보유장비소개 */
#equipment{}
#equipment .equipment{padding: 190px 0 150px 0;}
#equipment .equipment .title {display: flex; align-items: flex-end; gap: 100px; margin-bottom: 100px;}
#equipment .equipment .title ul li:nth-child(2){padding-left:80px;}
#equipment .equipment .title .titBox{margin-bottom: 20px;}
#equipment .equipment .title .titBox p{font-size: 1.00em; font-weight: 400; color: #000; line-height: 1.4; word-break: keep-all;}

#equipment .equipment .conBox{}
#equipment .equipment .conBox li{display: flex; align-items: center; gap: 70px; margin-bottom: 50px;}
#equipment .equipment .conBox li:last-child{margin-bottom: 0;}
#equipment .equipment .conBox li .txtBox{width: calc(100% - 420px);}
#equipment .equipment .conBox li .txtBox .tit{display: flex; align-items: end; gap: 10px; margin-bottom: 20px;}
#equipment .equipment .conBox li .txtBox .tit h3{font-size: 2.00em; font-weight: 500; font-family: var(--arita); color: #000; line-height: 1;}
#equipment .equipment .conBox li .txtBox .tit p{font-size: 1.25em; font-weight: 400; font-family: var(--marcellus); color: #9e9e9e; line-height: 1.2;}
#equipment .equipment .conBox li .txtBox .txt p{font-size: 0.90em; font-weight: 400; color: #8f8f8f; line-height: 1.4; word-break: keep-all;}
#equipment .equipment .conBox li .txtBox .tag{margin-top: 50px; display: flex; align-items: center; column-gap: 15px; row-gap: 5px; flex-wrap: wrap;}
#equipment .equipment .conBox li .txtBox .tag p{font-size: 1.00em; font-weight: 600; color: var(--titcolor);}

@media all and (max-width:1600px){
    #equipment .equipment{padding: 150px 0;}
    #equipment .equipment .title{gap: 60px;}
    #equipment .equipment .title ul li:nth-child(2){padding-left: 50px;}
}
@media all and (max-width:1400px){
    #equipment .equipment .title{gap: 20px; flex-direction: column; align-items: start;}
    #equipment .equipment .title ul li:nth-child(2){padding-left: 60px;}
    #equipment .equipment .title .titBox{margin-bottom: 0px;}
    #equipment .equipment .conBox li{gap: 50px;}
    #equipment .equipment .conBox li .txtBox .tit h3{font-size: 1.80em;}
    #equipment .equipment .conBox li .txtBox .txt p br{display: none;}
    #equipment .equipment .conBox li .txtBox .txt p span.mb{display: block;}
}
@media all and (max-width:1200px){
    #equipment .equipment{padding: 100px 0;}
    #equipment .equipment .title{margin-bottom: 60px;}
    #equipment .equipment .title ul li:nth-child(2){padding-left: 40px;}
    #equipment .equipment .conBox li .txtBox .tit{flex-direction: column; align-items: start;}
    #equipment .equipment .conBox li .txtBox .tit h3{font-size: 1.70em; line-height: 1.1;}
    #equipment .equipment .conBox li .txtBox .tit p{font-size: 1.20em; line-height: 1;}
}
@media all and (max-width:1024px){
    #equipment .equipment .conBox li .imgBox{width: 300px;}
    #equipment .equipment .conBox li .txtBox{width: calc(100% - 350px);}
    #equipment .equipment .conBox li .txtBox .tag{margin-top: 40px;}
}
@media all and (max-width:960px){
    #equipment .equipment .title .titBox p br{display: none;}
    #equipment .equipment .conBox li .txtBox .tit h3{font-size: 1.60em;}
    #equipment .equipment .conBox li .txtBox .tit p{font-size: 1.10em;}
}
@media all and (max-width:768px){
    #equipment .equipment{padding: 70px 0;}
    #equipment .equipment .title h2{font-size: 2.00em;}
    #equipment .equipment .title ul li:nth-child(2){padding-left: 0;}
    #equipment .equipment .conBox li{flex-direction: column; align-items: center; margin-bottom: 60px; gap: 40px;}
    #equipment .equipment .conBox li .imgBox{width: 100%; text-align: center; background: #F1F1F1; border-radius: 20px;}
    #equipment .equipment .conBox li .imgBox img{width: 50%;}
    #equipment .equipment .conBox li .txtBox{width:100%;}
    #equipment .equipment .conBox li .txtBox .tag{margin-top: 20px;}
    #equipment .equipment .conBox li .txtBox .tit h3{font-size: 1.40em;}
    #equipment .equipment .conBox li .txtBox .tit p{font-size: 1.00em;}
}
@media all and (max-width:500px){
    #equipment .equipment .conBox li .imgBox img{width: 100%;}
    #equipment .equipment .title h2{font-size: 1.78em;}
}
/* 병원소개 - 보유장비소개 */





@media all and (max-width:1200px){
    #medical_staff .doctor{padding: 100px 0;}
    
    #medical_staff .doctor .conBox .introduce .titBox h3{font-size:2.00em;}
    #medical_staff .doctor .conBox .introduce .titBox h3 span{font-size: 22px;}
    #medical_staff .doctor .conBox .introduce .txtBox{flex-direction: column; gap: 0;}
    #medical_staff .doctor .conBox .introduce .txtBox ul{width: 100%;}
}
@media all and (max-width:1024px){
    #medical_staff .doctor .conBox{gap: 0px;}
    #medical_staff .doctor .conBox .introduce .titBox{padding-bottom: 25px; margin-bottom: 25px;}
    #medical_staff .doctor .conBox .introduce .titBox h3 span{font-size: 20px;}
}
@media all and (max-width:768px){
    #medical_staff .doctor {padding: 70px 0;}
    #medical_staff .doctor .title{flex-direction: column; align-items: start; gap: 15px; margin-bottom: 40px;}
    #medical_staff .doctor .title ul li h2{line-height: 1;}
    #medical_staff .doctor .title ul li:nth-child(2){padding-left: 0;}
    #medical_staff .doctor .conBox{flex-direction: column-reverse; gap: 40px;}
    #medical_staff .doctor .conBox .introduce{max-width: 538px; width: 100%;}
    #medical_staff .doctor .conBox .introduce .titBox img{width: 50px;}
    #medical_staff .doctor .conBox .imgBox{max-width: 100%;}
}
@media all and (max-width:500px){
    #medical_staff .doctor .conBox .introduce .titBox img{width: 40px;}
    #medical_staff .doctor .conBox .introduce .titBox h3{font-size: 1.67em;}
    #medical_staff .doctor .conBox .introduce .titBox h3 span{font-size: 18px;}
}
























/* 서브페이지 시작 */#nt_title .title_submenu

/* 서브페이지 배너 */
.pc_text{display: block !important;}
.mo_text{display: none !important;}
#nt_title{border-bottom: none !important; background: #fff !important; overflow: unset;}
#nt_title .title_bg_wrap{width: 100%; min-height: 500px; height: 26vw;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;top: 0;left: 0; margin-top: 100px;}
#nt_title .title_bg_wrap .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); text-align: center;}
#nt_title .title_bg_wrap .title h3{font-size: 16px; font-family: var(--arita); color: var(--color); margin-bottom: 30px; letter-spacing: 5px;}
#nt_title .title_bg_wrap .title h4{color: #000;font-size: 2.50em; font-weight: 600; display: block; line-height: 1.1; margin-bottom: 30px; word-break: keep-all; word-wrap: break-word; -webkit-hyphens: none;}
#nt_title .title_bg_wrap .title p{font-size: 1.00em; font-weight: 400; color: #949494; line-height: 1.4;}
.submenu_wrap .title_submenu{}
.submenu_wrap .title_submenu .inner-wrapper-sticky{z-index: 1000;}
.submenu_wrap .title_submenu ul{background: #fff; border-radius:0;display: flex;justify-content: center;align-items: center;gap: 100px;border-bottom: 1px solid #E3E3E3;}
.submenu_wrap .title_submenu ul li{height: 100%;line-height: 70px;}
.submenu_wrap .title_submenu ul li.active a{font-size: 0.90em;}
.submenu_wrap .title_submenu ul li.active{position: relative;top: 0;left: 0;}
.submenu_wrap .title_submenu ul li.active::after{content:"";width: 100%;height: 3px;left: 0;bottom: 0;background: var(--color);position: absolute;}
.submenu_wrap .title_submenu ul li a{border:none;padding: 0;font-size: 0.90em;width: max-content; font-weight: 400;}
.submenu_wrap .title_submenu ul li a:hover{color: #000;}
@media all and (max-width:1919px){
    .submenu_wrap .title_submenu ul{overflow-x: auto; padding: 0 20px; width: 100%; gap: 40px; justify-content: space-between; white-space: nowrap;}
}
@media all and (max-width:1500px){
    #nt_title .title_bg_wrap{margin-top: 80px;}
}
@media all and (max-width:1200px){
    #nt_title .title_bg_wrap{min-height: 350px;}
    .submenu_wrap .title_submenu ul li{margin: 0; text-align: center;}
}
@media all and (max-width:1024px){
    #nt_title .title_bg_wrap .title h4{font-size: 2.22em;}
}
@media all and (max-width:768px){
    #nt_title .title_bg_wrap{min-height: 300px;}
}
@media all and (max-width:500px){
    #nt_title .title_bg_wrap .title h4{font-size: 1.94em;}
}
@media all and (max-width:430px){
    #nt_title .title_bg_wrap .title h4{font-size: 1.67em;}
}

/* 서브페이지 공통 타이틀 */
.subpage{}
.subpage .page_title{margin: 150px 0 60px 0;}
.subpage .page_title h2{font-size:3.75em;font-weight: 400;text-align: center;width: calc(100% - 40px); margin: 0 auto 20px; font-family: var(--marcellus); line-height: 1.2; word-break: keep-all;}
.subpage .page_title p{font-size:1.00em;font-weight: 400;text-align: center;width: calc(100% - 40px); margin: 0 auto; font-family: var(--marcellus); color: var(--color); letter-spacing: 12px;}
.subpage .page_title{}
.subpage .page_title .sub_title{margin-top: 40px;width: calc(100% - 40px);margin: 0 auto;text-align: center;margin-top: 40px;}
.subpage .page_title .sub_title b{display: block;width: 100%;word-break: keep-all;font-size: 1.25em;line-height: 40px;margin-bottom: 20px;font-weight: 600}
.subpage .page_title .sub_title p{color: #333333;font-size: 1.00em;line-height: 30px;word-break: keep-all;}
.subpage .page_title .sub_title>span{font-size:1.40em; padding: 24px 0 50px; font-weight: 600; line-height: 40px; display: block; width: 100%; text-align: center;word-break: keep-all;}
.subpage .detail .title{text-align: center;}
.subpage .detail .title h2 span{font-family: var(--arita); color: var(--titcolor);}

.boardpage{}
.boardpage .page_title{margin: 150px 0 60px 0; text-align: center;}
.boardpage .page_title h2{margin-bottom: 30px;}
.boardpage .page_title h3{}
.boardpage .page_title p{font-size: 1.00em; font-weight: 400; color: #898989;}
@media all and (max-width:1400px){
    .subpage .page_title h2{font-size: 3.25em;}
}
@media all and (max-width:1200px){
    .subpage .page_title h2{font-size: 3.00em;}
}
@media all and (max-width:1024px){
    .subpage .page_title{margin: 100px 0;}
    .subpage .page_title h2{font-size: 2.78em;}

    .boardpage .page_title{margin: 100px 0;}
}
@media all and (max-width:768px){
    .subpage .page_title{margin: 70px 0 60px 0;}
    .subpage .page_title h2{font-size: 2.50em;}
    .subpage .page_title p{font-size: 16px; letter-spacing: 10px;}

    .boardpage .page_title{margin: 70px 0 60px 0;}
    .boardpage .page_title p{font-size: 16px;}
}
@media all and (max-width:500px){
    .subpage .page_title h2{font-size: 1.94em;}
}


/* 서브페이지 고정 폰트 */
.m-tit01{font-size: 4.00em; color: #000; font-family: var(--arita);}
.m-tit02{font-size: 3.00em; color: var(--titcolor); font-family: var(--arita);}
.m-tit03{font-size: 2.25em; font-family: var(--arita); line-height: 1.2; word-break: keep-all;}
.s-tit01{font-size: 1.25em; color: #000;}
.s-tit02{font-size: 16px; color: var(--color); font-family: var(--marcellus); margin-bottom: 20px; line-height: 1; letter-spacing: 3px;}
@media all and (max-width:1800px){
    .m-tit01{font-size: 3.75em;}
}
@media all and (max-width:1600px){
    .m-tit01{font-size: 3.65em;}
}
@media all and (max-width:1400px){
    .m-tit01{font-size: 3.50em;}
    .m-tit02{font-size: 2.75em;}
    .m-tit03{font-size: 2.00em;}
}
@media all and (max-width:1200px){
    .m-tit01{font-size: 3.25em;}
    .m-tit02{font-size: 2.50em;}
    .m-tit03{font-size: 1.80em;}
    .s-tit01{font-size: 1.10em;}
}
@media all and (max-width:1024px){
    .m-tit02{font-size: 2.50em;}
    .m-tit03{font-size: 1.90em;}
    .s-tit02{margin-bottom: 15px;}
}
@media all and (max-width:768px){
    .m-tit01{font-size: 3.00em;}
    .m-tit02{font-size: 2.22em;}
    .m-tit03{font-size: 1.67em;}
}
@media all and (max-width:500px){
    .m-tit01{font-size: 2.50em;}
    .m-tit02{font-size: 2.00em;}
    .m-tit03{font-size: 1.39em;}
}
@media all and (max-width:440px){
    .m-tit01{font-size: 2.00em;}
}



/* 서브페이지 공통 레이아웃 시작 */
.subpage .introBox{}
.subpage .introBox .conBox{display: flex; justify-content: space-between; align-items: center; gap: 100px; padding-bottom: 120px;}
.subpage .introBox .conBox .leftBox{width: 50%;}
.subpage .introBox .conBox .rightBox{width: 50%;}
.subpage .introBox .conBox .leftBox .titBox {margin-bottom: 50px;}
.subpage .introBox .conBox .leftBox .titBox div{font-weight: 500; margin-bottom: 10px;}
.subpage .introBox .conBox .leftBox .titBox h2{font-weight: 600;}
.subpage .introBox .conBox .leftBox .txtBox p{font-size: 1.00em; font-weight: 400; color: #616161; word-break: keep-all; line-height: 1.4; margin-bottom: 30px;}
.subpage .introBox .conBox .leftBox .txtBox p:last-child{margin-bottom: 0px;}
.subpage .introBox .conBox .leftBox .txtBox .imgBox{margin-top: 50px; display: flex; align-items: center; gap: 30px;}
.subpage .introBox .conBox .leftBox .txtBox .imgBox li{width: 110px;height: auto;aspect-ratio: 1 / 1;font-size: 1.00em;font-weight: 400;line-height: 1.2;color: #fff;background: var(--titcolor);border-radius: 100px;text-align: center;display: flex;justify-content: center;align-items: center;}
@media all and (max-width:1400px){
    .subpage .introBox .conBox .leftBox .txtBox .imgBox{gap: 20px;}
    .subpage .introBox .conBox .leftBox .txtBox p br{display: none;}
    .subpage .introBox .conBox .leftBox .txtBox p span.mb{display: block;}
}
@media all and (max-width:1200px){        
    .subpage .introBox .conBox{padding-bottom: 100px; gap: 60px;}    
    .subpage .introBox .conBox .leftBox .txtBox p{font-size: 0.9em;}
    .subpage .introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    .subpage .introBox .conBox .leftBox .txtBox .imgBox li{/* width: calc(100% / 4 - 10px); */font-size: 0.9em;}
}
@media all and (max-width:1024px){
    .subpage .introBox .conBox{gap: 40px;}
    .subpage .introBox .conBox .leftBox .titBox{margin-bottom: 40px;}
    .subpage .introBox .conBox .leftBox .txtBox p{font-size: 1.00em; margin-bottom: 20px;}
    .subpage .introBox .conBox .leftBox .txtBox .imgBox{margin-top: 40px;}
}
@media all and (max-width:800px){
    .subpage .introBox .conBox{flex-direction: column-reverse; padding-bottom: 70px; gap: 50px;}
    .subpage .introBox .conBox .leftBox{width: 100%;}
    .subpage .introBox .conBox .rightBox{width: 100%; text-align: center;}
    .subpage .introBox .conBox .leftBox .txtBox .imgBox{gap: 20px;}
    .subpage .introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    .subpage .introBox .conBox .leftBox .titBox{margin-bottom: 20px;}
    .subpage .introBox .conBox .leftBox .txtBox .imgBox{gap: 10px; flex-wrap: wrap; justify-content: center;}
    .subpage .introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px); font-size: 18px;}
    .subpage .introBox .conBox .leftBox .txtBox p{margin-bottom: 10px;}
}
@media all and (max-width:440px){
    .subpage .introBox .conBox .leftBox .titBox{margin-bottom: 20px;}
}








/* step */
.subpage .stepBox{padding: 120px 0; background: #FBFAFA;}
.subpage .stepBox .title{margin-bottom: 50px;}
.subpage .stepBox .conBox{display: flex; gap: 10px;}
.subpage .stepBox .conBox li {width: calc(100% / 5 - 5px);}
.subpage .stepBox .conBox li .imgBox{position: relative; text-align: center;}
.subpage .stepBox .conBox li .imgBox::before{content: ''; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; height: auto; aspect-ratio: 1 / 1; background: url('/img/stepBox_img01.svg') no-repeat;}
.subpage .stepBox .conBox li:last-child .imgBox::before{display: none;}
.subpage .stepBox .conBox li .titBox{margin-top: 30px; text-align: center;}
.subpage .stepBox .conBox li .titBox h3{margin-bottom: 10px; font-size: 1.10em; font-weight: 800; color: var(--titcolor); line-height: 1;}
.subpage .stepBox .conBox li .titBox p{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4; word-break: keep-all;}
@media all and (max-width:1200px){        
    .subpage .stepBox{padding: 100px 0;}    
    .subpage .stepBox .conBox li .titBox{margin-top: 20px;}
    .subpage .stepBox .conBox li .titBox p br{display: none;}
}
@media all and (max-width:1024px){
    .subpage .stepBox .conBox li .imgBox::before{width: 30px; background-size: 100%; right: -20px;}
}
@media all and (max-width:960px){
    .subpage .stepBox .conBox{flex-wrap: wrap; justify-content: center; gap: 40px;}
    .subpage .stepBox .conBox li{width: calc(100% / 2 - 20px); text-align: center;}
    .subpage .stepBox .conBox li .imgBox::before{right:-35px;}
    .subpage .stepBox .conBox li:nth-child(even) .imgBox::before{display: none;}
    .subpage .stepBox .conBox li .titBox p br{display: block;}
}
@media all and (max-width:768px){
    .subpage .stepBox {padding: 70px 0;}
}
@media all and (max-width:440px){
    .subpage .stepBox .conBox li .titBox p{font-size: 16px;}
    .subpage .stepBox .conBox li .titBox p br{display: none;}
}



/* imglistBox */
.subpage .imglistBox{padding: 150px 0;}
.subpage .imglistBox .title{margin-bottom: 50px;}
.subpage .imglistBox .title h2 span{font-family: var(--arita); color: var(--titcolor);}
.subpage .imglistBox .title p{font-size: 1.00em; font-weight: 400; color: #000; line-height: 1.4; margin-top: 30px; word-break: keep-all;}
.subpage .imglistBox .conBox{display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.subpage .imglistBox .conBox li{width: calc(100% / 3); text-align: center;}
.subpage .imglistBox .conBox li p{font-size: 1.45em; font-weight: 600; color: #000; line-height: 1.3; margin-top: 20px; word-break: keep-all;}
@media all and (max-width:1400px){
    .subpage .imglistBox .conBox li p{font-size: 1.25em;}
}
@media all and (max-width:1200px){
    .subpage .imglistBox{padding: 100px 0;}
    .subpage .imglistBox .title p{margin-top: 20px;}
    .subpage .imglistBox .conBox{gap: 20px;}
    .subpage .imglistBox .conBox li p{font-size: 1.20em;}
}
@media all and (max-width:800px){
    .subpage .imglistBox .conBox{flex-direction: column; gap: 40px;}
    .subpage .imglistBox .conBox li{width: 100%;}
    .subpage .imglistBox .conBox li p{font-size: 1.11em;}
}
@media all and (max-width:768px){
    .subpage .imglistBox{padding:70px 0;}
}
@media all and (max-width:500px){
    .subpage .imglistBox .title p{font-size: 16px; margin-top: 15px;}
    .subpage .imglistBox .conBox li img{width: 90%;}
    .subpage .imglistBox .conBox li p{font-size: 1.00em;}
}



/* recommend */
.subpage .recommendBox{}
.subpage .recommendBox .inner{display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 100px; max-width: 1660px; margin-right: auto !important; margin: unset;}
.subpage .recommendBox .title{margin-right: 50px;}
.subpage .recommendBox .title h2{color: #222;}
.subpage .recommendBox .title .listBox{margin-top: 60px;}
.subpage .recommendBox .title .listBox li.number{text-align: left; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #ECECEC; padding: 20px 30px;}
.subpage .recommendBox .title .listBox li.number p{font-size: 16px; font-weight: 600; color: #fff; font-family: var(--arita); display: flex; justify-content: center; align-items: center; background:#D79598; border-radius: 50px; width: 30px; height: auto; aspect-ratio: 1 / 1;}
.subpage .recommendBox .title .listBox li.number h3{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.3;}

.subpage .recommendBox.reverse{padding-top: 0;}
.subpage .recommendBox.reverse .inner{flex-direction: row-reverse; margin-right: unset !important; margin-left: auto;}
.subpage .recommendBox.reverse .title{margin-left: 50px; margin-right: 0;}
@media all and (max-width:1800px){        
    .subpage .recommendBox .inner{gap: 50px;}
    .subpage .recommendBox .title{margin-right: 0;}
    .subpage .recommendBox .conBox{width: 50%;}

    .subpage .recommendBox.reverse .title{margin-left: 0;}
}
@media all and (max-width:1600px){   
    .subpage .recommendBox .inner{width: 100%;}
    .subpage .recommendBox .title{width:calc(50% - 50px); padding-right: 50px;}
    .subpage .recommendBox.reverse .title{padding-left: 50px; padding-right: 0;}
    .subpage .recommendBox .title .listBox{margin-top: 40px;}
}
@media all and (max-width:1400px){       
    .subpage .recommendBox .title h2{letter-spacing: -2px;}
    .subpage .recommendBox .title .listBox{margin-top: 20px;}
    .subpage .recommendBox .title .listBox li.number{padding:15px 20px;}
}
@media all and (max-width:1200px){
    .subpage .recommendBox .title .listBox li.number{padding: 10px 20px;}
    .subpage .recommendBox .title .listBox li.number h3{font-size: 0.9em;}
}
@media all and (max-width:1030px){
    .subpage .recommendBox .title h2{letter-spacing: -3px;}
}
@media all and (max-width:960px){
    .subpage .recommendBox{padding: 100px 0;}   
    .subpage .recommendBox .inner{flex-direction: column; margin: 0 auto; gap: 60px; width: 90%;}
    .subpage .recommendBox .title{width: 100%; padding-right: 0;}
    .subpage .recommendBox .title h2{letter-spacing: 0;}
    .subpage .recommendBox .title .listBox{margin-top: 40px;}
    .subpage .recommendBox .title .listBox li.number{padding: 15px 10px;}
    .subpage .recommendBox .title .listBox li.number h3{font-size: 1.00em;}
    .subpage .recommendBox .conBox{width: 100%;}
    .subpage .recommendBox .conBox .imgBox{text-align: center;}
    .subpage .recommendBox .conBox .imgBox img{width: 100%; height: 600px; object-fit: cover;}

    .subpage .recommendBox.reverse{padding-top: 0;}
    .subpage .recommendBox.reverse .inner{flex-direction: column; margin-left: unset !important; margin: 0 auto !important;}
    .subpage .recommendBox.reverse .title{padding-left: 0;}
}
@media all and (max-width:768px){
    .subpage .recommendBox{padding: 70px 0;}
    .subpage .recommendBox .inner{gap: 50px;}
    .subpage .recommendBox .title .listBox{margin-top: 20px;}
    .subpage .recommendBox .conBox .imgBox img{height: 450px;}
}
@media all and (max-width:500px){
    .subpage .recommendBox .conBox .imgBox img{height: 350px;}
}
@media all and (max-width:440px){
    .subpage .recommendBox .conBox .imgBox img{height: auto;}
    .subpage .recommendBox .title .listBox li.number p{font-size: 15px;}
}
@media all and (max-width:380px){
    .subpage .recommendBox .title .listBox li.number h3{font-size: 0.90em;}
}





/* table */
.subpage .tableBox{padding: 150px 0;}
.subpage .tableBox .title{margin-bottom: 50px;}
.subpage .tableBox .conBox .type1{display: flex; justify-content: space-between; align-items: stretch; border: 1px solid #333; box-sizing: border-box;}
.subpage .tableBox .conBox .type1 .tbBox{display: flex; flex-direction: column; align-items: stretch; flex: 1; position: relative;}
.subpage .tableBox .conBox .type1 .tbBox li{display: flex; justify-content: center; align-items: center; flex: 1; white-space: normal; padding:0 5px; box-sizing: border-box; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 80px; text-align: center;}
.subpage .tableBox .conBox .type1 .tbBox:last-child li{border-right: 0;}
.subpage .tableBox .conBox .type1 .tbBox li:last-child{border-bottom: 0;}
.subpage .tableBox .conBox .type1 .tbBox li h2{font-size: 1.10em; font-weight: 600; color: #000; line-height: 1.2; word-break: keep-all;}
.subpage .tableBox .conBox .type1 .tbBox li h2 span{font-size: 0.82em;}
.subpage .tableBox .conBox .type1 .tbBox li:first-child h2{font-size: 1.20em;}
.subpage .tableBox .conBox .type1 .tbBox li p{font-size: 0.90em; font-weight: 400; color: #575757; line-height: 1.2; word-break: keep-all;}
/* table active */
.subpage .tableBox .conBox .type1 .tbBox.active li:first-child{position: relative; background: var(--titcolor); padding-top: 10px;}
.subpage .tableBox .conBox .type1 .tbBox.active li:first-child h2{color: #fff;}
.subpage .tableBox .conBox .type1 .tbBox.active::before{content: ''; position: absolute; left: 0; top: -3px; z-index: 1; width: 100%; height:calc(100% + 6px); border: 5px solid var(--titcolor);}
.subpage .tableBox .conBox .type1 .tbBox.active:last-child::before{left:-5px; width:calc(100% + 6px);}
.subpage .tableBox .conBox .type1 .tbBox.active li:first-child::before{
    content: '인기\A시술'; 
    font-size: 1.00em; 
    font-weight: 800; 
    color: var(--titcolor); 
    line-height: 1.2; 
    white-space: pre-line;
    display: flex; justify-content: center; align-items: center;
    position: absolute; left: 50%; top:-45px; z-index: 2;
    transform: translateX(-50%); 
    width: 65px; height: auto; aspect-ratio: 1 / 1;
    border-radius: 100px;   
    background: #fff;
    border: 3px solid var(--titcolor);
}
@media all and (max-width:1400px){
    .subpage .tableBox .conBox .type1 .tbBox li h2{font-size: 1.00em;}
    .subpage .tableBox .conBox .type1 .tbBox li:first-child h2{font-size: 1.00em;} 
    .subpage .tableBox .conBox .type1 .tbBox.active li:first-child{padding-top: 0;}
    .subpage .tableBox .conBox .type1 .tbBox.active li:first-child::before{font-size: 0.90em; width: 60px;}
}
@media all and (max-width:1200px){
    .subpage .tableBox{padding: 100px 0;}
}
@media all and (max-width:1024px){
    .subpage .tableBox .conBox {overflow-x: auto; overflow-y: hidden; padding-top: 60px; white-space: nowrap; position: relative;}
    .subpage .tableBox .conBox::before{content: '→ 옆으로 스크롤하세요.'; position: absolute; top: 30px; left: 0; font-size: 16px; font-weight: 400; color: #333; animation: horizontal 1s ease-in-out infinite;}
    .subpage .tableBox .conBox .type1{width: 120%;}
}
@media all and (max-width:768px){
    .subpage .tableBox{padding: 70px 0;}
    .subpage .tableBox .conBox .type1{width: 950px;}
    .subpage .tableBox .conBox .type1 .tbBox li{min-height: 70px;}
}
@media all and (max-width:500px){
    .subpage .tableBox .conBox .type1{width: 1000px;}
}
@keyframes horizontal{
    0% {
        transform: translateX(0%);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0%);
    }
}
/* @media all and (max-width:1200px){
    .subpage .tableBox{padding: 100px 0;}
}
@media all and (max-width:960px){
    .subpage .tableBox .conBox .type1{flex-direction: column;}
    .subpage .tableBox .conBox .type1 .tbBox{flex-direction: unset; flex-wrap: wrap;}
    .subpage .tableBox .conBox .type1 .tbBox li{flex: unset; width: calc(100% / 5); min-height: 60px;}
    .subpage .tableBox .conBox .type1 .tbBox li:first-child{width: 100%; min-height: 70px; border-right: 0;}
    .subpage .tableBox .conBox .type1 .tbBox li:first-child h2{font-size: 1.10em;} 
    .subpage .tableBox .conBox .type1 .tbBox li:last-child{border-bottom: 1px solid #ccc; border-right: 0 !important;}
    .subpage .tableBox .conBox .type1 .tbBox:last-child li{border-right: 1px solid #ccc; border-bottom: 0 !important;}
    .subpage .tableBox .conBox .type1 .tbBox:first-child li:first-child{display: none;}
    .subpage .tableBox .conBox .type1 .tbBox.active li:first-child{padding:5px 10px; flex-direction: column; gap: 5px;}
    .subpage .tableBox .conBox .type1 .tbBox.active li:first-child::before{content: '인기시술'; position: unset; transform: unset; width: auto; aspect-ratio: unset; padding: 5px 20px;}
    .subpage .tableBox .conBox .type1 .tbBox.active::before{display: none;}
    .subpage .tableBox .conBox .type1 .tbBox.active li:first-child h2 br{display: none;}
}
@media all and (max-width:768px){
    .subpage .tableBox{padding: 70px 0;}
    .subpage .tableBox .conBox {overflow-x: auto; white-space: nowrap;}
    .subpage .tableBox .conBox .type1{width: 105%;}
    .subpage .tableBox .conBox .type1 .tbBox li h2{font-size: 0.90em;}
}
@media all and (max-width:500px){
    .subpage .tableBox .conBox .type1{width: 600px;}
} */






/* point */
.subpage .pointBox{padding: 120px 0; background: rgba(255,241,241,0.8);}
.subpage .pointBox .inner{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.subpage .pointBox.type1 .title{text-align: left !important; width:calc(100% - 1080px);}
.subpage .pointBox.type1 .conBox{display: flex; align-items: stretch; justify-content: space-between; gap: 20px; max-width: 1060px;}
.subpage .pointBox.type1 .conBox li{width: calc(100% / 4 - 10px); min-width: 250px; height: 200px; background: #fff; border-radius: 0 0 0 30px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); padding:20px; text-align: center;}
.subpage .pointBox.type1 .conBox li .titBox{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.subpage .pointBox.type1 .conBox li h3{font-size: 1.10em; font-weight: 700; color: var(--titcolor); margin-bottom: 15px;}
.subpage .pointBox.type1 .conBox li p{font-size: 1.00em; font-weight: 400; color: #333; word-break: keep-all;}

.subpage .pointBox.type2 .title{text-align: left !important;}
.subpage .pointBox.type2 .conBox{display: flex; align-items: stretch; flex-direction:column; justify-content: center; gap: 20px;}
.subpage .pointBox.type2 .conBox ul{display: flex; justify-content: center; gap: 20px; width: 100%;}
.subpage .pointBox.type2 .conBox li{min-width: 250px; height: 200px; background: #fff; border-radius: 0 0 0 30px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); padding:20px; text-align: center;}
.subpage .pointBox.type2 .conBox li .titBox{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.subpage .pointBox.type2 .conBox li h3{font-size: 1.10em; font-weight: 700; color: var(--titcolor); margin-bottom: 15px;}
.subpage .pointBox.type2 .conBox li p{font-size: 1.00em; font-weight: 400; color: #333; word-break: keep-all;}

@media all and (max-width:1900px){
    .subpage .pointBox.type1 .title{width: calc(30% - 10px);}
    .subpage .pointBox.type1 .conBox{width:calc(70% - 10px); max-width: unset;}
    .subpage .pointBox.type1 .conBox li{min-width: auto;}

    .subpage .pointBox.type2 .conBox{max-width: 790px; width: 100%;}
    .subpage .pointBox.type2 .conBox li{min-width: auto; width: calc(100% / 3 - 10px);}
}
@media all and (max-width:1400px){   
    .subpage .pointBox.type1 .conBox li p br{display: none;}
}
@media all and (max-width:1200px){  
    .subpage .pointBox{padding:100px 0;} 
    .subpage .pointBox .inner{flex-direction: column; align-items: center; gap: 50px;}
    .subpage .pointBox.type1 .title{text-align: center !important; width: 100%;}
    .subpage .pointBox.type1 .title h2 br{display: none;}
    .subpage .pointBox.type1 .conBox{width: 100%;}            
    .subpage .pointBox.type1 .conBox li p br{display: block;}

    .subpage .pointBox.type2 .title{text-align: center !important; width: 100%;}
    .subpage .pointBox.type2 .title h2 br{display: none;}
    .subpage .pointBox.type2 .conBox{width: 100%;}            
    .subpage .pointBox.type2 .conBox li p br{display: block;}
}
@media all and (max-width:1024px){
    .subpage .pointBox.type1 .conBox{gap: 10px;}
    .subpage .pointBox.type1 .conBox li{width: calc(100% / 4 - 5px);}

    .subpage .pointBox.type2 .conBox{gap: 10px;}
    .subpage .pointBox.type2 .conBox ul{gap: 10px;}
}
@media all and (max-width:768px){
    .subpage .pointBox{padding: 70px 0;}
    .subpage .pointBox.type1 .conBox{flex-wrap: wrap; gap: 20px; justify-content: center;}
    .subpage .pointBox.type1 .conBox li{width: calc(100% / 2 - 10px);}

    .subpage .pointBox.type2 .conBox{gap: 20px;}
    .subpage .pointBox.type2 .conBox ul{flex-wrap: wrap; gap: 20px;}
    .subpage .pointBox.type2 .conBox li{width: calc(100% / 2 - 10px);}
}
@media all and (max-width:500px){
    .subpage .pointBox.type1 .conBox{gap: 10px;}
    .subpage .pointBox.type1 .conBox li{width: calc(100% / 2 - 5px);}

    .subpage .pointBox.type2 .conBox{gap: 10px;}
    .subpage .pointBox.type2 .conBox ul{gap: 10px;}
}


/* promise */
#promise{width: 100%; padding: 150px 0; background: url('/img/promise_bg.png') no-repeat top center; background-size: cover;}
#promise .title{margin-bottom: 60px; text-align: center;}
#promise .title h2{color: #222;}
#promise .conBox{display: flex; justify-content: space-between; align-items: start; gap: 50px;}
#promise .conBox li{width: calc(100% / 4 - 50px); text-align: center;}
#promise .conBox li .imgBox{margin-bottom: 40px;}
#promise .conBox li .titBox h3{font-size: 1.40em; font-weight: 400; margin-bottom: 20px; line-height: 1.2;}
#promise .conBox li .titBox p{font-size: 0.90em; font-weight: 400; color: #8E8E8E; line-height: 1.4; word-break: keep-all;}
@media all and (max-width:1400px){
    #promise .conBox{gap: 30px;}
    #promise .conBox li{width: calc(100% / 4 - 30px);}
    #promise .conBox li .titBox h3{font-size: 1.20em;}
    #promise .conBox li .titBox p br{display: none;}
}
@media all and (max-width:1200px){
    #promise{padding: 100px 0; background-size: 100%;}
    #promise .conBox{gap: 20px;}
    #promise .conBox li{width: calc(100% / 4 - 20px);}
    #promise .conBox li .titBox h3{font-size: 1.10em;}
}
@media all and (max-width:1024px){
    #promise .conBox{gap: 20px;}
    #promise .conBox li{width: calc(100% / 4 - 20px);}
}
@media all and (max-width:960px){
    #promise .conBox{flex-wrap: wrap; justify-content: center; gap: 40px;}
    #promise .conBox li{width: calc(100% / 2 - 20px);}
}
@media all and (max-width:768px){
    #promise{padding: 70px 0;}
    #promise .title{margin-bottom: 50px;}
    #promise .conBox li .imgBox{margin-bottom: 20px;}
    #promise .conBox li .titBox h3{margin-bottom: 10px;}
}
@media all and (max-width:500px){
    #promise .conBox{gap: 20px;}
    #promise .conBox li{width: calc(100% / 2 - 10px);}
}
@media all and (max-width:440px){
    #promise .conBox{gap: 40px;}
    #promise .conBox li{width:100%;}
    #promise .conBox li .titBox p br{display: block;}
}
/* 서브페이지 공통 레이아웃 끝 */



















/* 안티에이징스페셜 - 써마지 */
/* 원하는 부위에 딱! 맞춤 전용팁 */
#thermage .detail04{padding: 150px 0 0; background: url('/img/thermage_bg01.png') no-repeat center / cover;}
#thermage .detail04 .title{margin-bottom: 50px;}
#thermage .detail04 .title h2 span{font-family: var(--arita); color: var(--titcolor);}
#thermage .detail04 .title p{font-size: 1.00em; font-weight: 400; color: #000; line-height: 1.4; margin-top: 30px;}
#thermage .detail04 .conBox{position: relative;}
#thermage .detail04 .conBox .imgBox{text-align: center; position: relative; z-index: 1;}
#thermage .detail04 .listBox{width: 100%; display: flex; justify-content: space-between; align-items: stretch; gap: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#thermage .detail04 .listBox::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; border-bottom: 1px dashed #999;}
#thermage .detail04 .listBox li{min-width:400px; position: relative; background: #fff; padding: 50px; border-radius: 20px; text-align: center; box-sizing: border-box;}
#thermage .detail04 .listBox li:first-child{border: 5px solid  #C8559F;}
#thermage .detail04 .listBox li:first-child::before{content: ''; position: absolute; right:-13px; top: 50%; transform: translateY(-50%);width: 20px; height:auto; aspect-ratio: 1 / 1; background: #C8559F; border-radius: 10px;}
#thermage .detail04 .listBox li:last-child{border: 5px solid  #74C751;}
#thermage .detail04 .listBox li:last-child::before{content: ''; position: absolute; left:-13px; top: 50%; transform: translateY(-50%);width: 20px; height:auto; aspect-ratio: 1 / 1; background: #74C751; border-radius: 10px;}
#thermage .detail04 .listBox li .titBox{}
#thermage .detail04 .listBox li .titBox{margin-top: 30px;}
#thermage .detail04 .listBox li .titBox h3{display: inline-block; font-weight: 500; color: #fff; margin-bottom: 15px; border-radius: 50px; width: 100%; height: 50px; line-height: 50px;}
#thermage .detail04 .listBox li:first-child h3{font-size:1.50em; background: #C8559F;}
#thermage .detail04 .listBox li:last-child h3{font-size:1.25em; background: #74C751;}
#thermage .detail04 .listBox li .titBox  p{font-size: 1.00em; font-weight: 400; color: #888; line-height: 1.4;}
@media all and (max-width:1400px){
    #thermage .detail04 .listBox li{min-width: auto; padding:50px 40px;}
    #thermage .detail04 .listBox li:first-child h3{font-size: 1.25em;}
    #thermage .detail04 .listBox li:last-child h3{font-size:1.00em;}
}
@media all and (max-width:1200px){
    #thermage .detail04{padding: 100px 0 0;}
    #thermage .detail04 .conBox{padding-bottom: 100px;}
    #thermage .detail04 .listBox{position: relative; top: unset; left: unset; transform: unset;}
    #thermage .detail04 .conBox .imgBox{position: absolute; bottom: 0; transform: translateX(-50%); left: 50%;}
    #thermage .detail04 .conBox .imgBox img{height: 500px;}
}
@media all and (max-width:1024px){
    #thermage .detail04 .listBox{flex-direction: column; align-items: center;}
    #thermage .detail04 .listBox::before{width: 1px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); border-bottom: none; border: 1px dashed #999;}
    #thermage .detail04 .listBox li{width: 50%;}
    #thermage .detail04 .listBox li:first-child::before{right: unset; left: 50%; transform: translateX(-50%); top: unset; bottom: -13px;}
    #thermage .detail04 .listBox li:last-child::before{left: 50%; transform: translateX(-50%); top: -13px;}
    #thermage .detail04 .conBox .imgBox{position: unset; transform: unset;}
    #thermage .detail04 .conBox .imgBox img{height: 450px;}
}
@media all and (max-width:768px){    
    #thermage .detail04{padding: 70px 0 0;}
    #thermage .detail04 .conBox{padding-bottom: 70px;}
    #thermage .detail04 .listBox li{width: 70%;}
    #thermage .detail04 .listBox li .titBox h3{height: 45px; line-height: 45px;}
    #thermage .detail04 .conBox .imgBox img{height: 400px;}
}
@media all and (max-width:500px){    
    #thermage .detail04 .listBox li{width: 90%; padding: 40px 20px;}
    #thermage .detail04 .listBox li .titBox h3{height: 40px; line-height: 40px;}
    #thermage .detail04 .listBox li:first-child h3{font-size: 1.11em;}
    #thermage .detail04 .listBox li .titBox p{font-size: 16px;}
    #thermage .detail04 .conBox .imgBox img{height: 300px;}
    #thermage .detail04 .listBox li img{width:70%;}
}
/* 안티에이징스페셜 - 써마지 */







/* 안티에이징스페셜 - 슈링크유니버스 */
/* stepBox */
#shurink .stepBox .conBox {justify-content: space-between; gap: 100px;}
#shurink .stepBox .conBox li{width: calc(100% / 3 - 50px);}
#shurink .stepBox .conBox li .imgBox::before{right: -70px;}
@media all and (max-width:1200px){
    #shurink .stepBox .conBox{gap: 60px;}
    #shurink .stepBox .conBox li{width: calc(100% / 3 - 30px);}
    #shurink .stepBox .conBox li .imgBox::before{right: -50px;}
    #shurink .stepBox .conBox li .titBox p br{display: block;}
}
@media all and (max-width:1024px){
    #shurink .stepBox .conBox li .imgBox::before{right: -45px;}
}
@media all and (max-width:960px){
    #shurink .stepBox .conBox{flex-wrap: nowrap; gap: 40px;}
    #shurink .stepBox .conBox li{width: calc(100% / 3 - 20px);}
    #shurink .stepBox .conBox li .imgBox::before{right: -35px;}
    #shurink .stepBox .conBox li:nth-child(2) .imgBox::before{display: block;}
}
@media all and (max-width:850px){
    #shurink .stepBox .conBox{flex-direction: column; gap: 60px;}
    #shurink .stepBox .conBox li{width:100%; position: relative;}
    #shurink .stepBox .conBox li .imgBox::before{display: none;}
    #shurink .stepBox .conBox li:nth-child(2) .imgBox::before{display: none;}
    #shurink .stepBox .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background: url('/img/stepBox_img01.svg') no-repeat;}
    #shurink .stepBox .conBox li:last-child::before{display: none;}
}
@media all and (max-width:500px){
    #shurink .stepBox .conBox li .imgBox img{width: 90%;}
}


/* imglistBox */
#shurink .imglistBox .title{margin-bottom: 100px;}
#shurink .imglistBox .conBox{display: block;}
#shurink .imglistBox .conBox ul{display: flex; align-items: stretch;}
#shurink .imglistBox .conBox ul:first-child{justify-content: center; gap: 80px; margin-bottom: 100px;}
#shurink .imglistBox .conBox ul:last-child{justify-content: space-between; gap: 90px;}
#shurink .imglistBox .conBox ul li{width: auto;}
#shurink .imglistBox .conBox ul li p{font-size: 1.10em; font-weight: 800; color: var(--titcolor); margin-top: 30px;}
@media all and (max-width:1200px){
    #shurink .imglistBox{padding: 100px 0 0;}
    #shurink .imglistBox .title{margin-bottom: 60px;}
    #shurink .imglistBox .conBox ul:first-child{margin-bottom: 60px;}
}
@media all and (max-width:1024px){
    #shurink .imglistBox .conBox ul:first-child{gap: 50px;}
    #shurink .imglistBox .conBox ul:last-child{gap: 60px;}
}
@media all and (max-width:960px){
    #shurink .imglistBox .conBox ul:first-child{flex-wrap: wrap;}
    #shurink .imglistBox .conBox ul:last-child{flex-wrap: wrap; justify-content: center; gap: 50px;}
    #shurink .imglistBox .conBox ul li{width: calc(50% - 25px);}
}
@media all and (max-width:768px){
    #shurink .imglistBox{padding: 70px 0 0;}
    #shurink .imglistBox .title{margin-bottom: 50px;}
    #shurink .imglistBox .conBox ul:first-child{column-gap:20px; row-gap:40px; margin-bottom: 40px;}
    #shurink .imglistBox .conBox ul:last-child{column-gap:20px; row-gap:40px;}
    #shurink .imglistBox .conBox ul li{width: calc(50% - 10px);}
}
@media all and (max-width:500px){
    #shurink .imglistBox .conBox ul li p{font-size: 1.00em; margin-top: 20px;}
}
/* 안티에이징스페셜 - 슈링크유니버스 */




/* 안티에이징스페셜 - 인모드 */
#inmode{}
#inmode .detail02{background: #FBFAFA; padding: 150px 0;}
#inmode .detail02 .title{margin-bottom: 50px;}
#inmode .detail02 .conBox{position: relative; display: flex; justify-content: space-between; align-items: stretch; gap: 160px;}
#inmode .detail02 .conBox li:first-child .imgBox{position: relative;}
#inmode .detail02 .conBox li:first-child .imgBox::before{content: 'VS'; position: absolute; right: -105px; top: 50%; transform: translateY(-50%); font-size: 1.25em; font-weight: 800; color: #fff; width: 50px; height: auto; line-height: 50px; aspect-ratio: 1 / 1; background: var(--titcolor); border-radius: 50px;}
#inmode .detail02 .conBox li{text-align: center; width: calc(100% / 2 - 80px);}
#inmode .detail02 .conBox li .titBox{margin-top: 30px;}
#inmode .detail02 .conBox li .titBox h3{font-size: 1.25em; font-weight: 800; color: var(--titcolor); margin-bottom: 10px;}
#inmode .detail02 .conBox li .titBox p{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.3; word-break: keep-all;}

@media all and (max-width:1200px){
    #inmode .detail02{padding: 100px 0;}
    #inmode .detail02 .conBox{gap: 100px;}
    #inmode .detail02 .conBox li{text-align: center; width: calc(100% / 2 - 50px);}
    #inmode .detail02 .conBox li:first-child .imgBox::before{right: -75px;}
}
@media all and (max-width:1024px){
    #inmode .detail02 .conBox{gap: 60px;}
    #inmode .detail02 .conBox li{text-align: center; width: calc(100% / 2 - 30px);}
    #inmode .detail02 .conBox li:first-child .imgBox::before{right: -45px; width: 35px; line-height: 35px; font-size: 1.00em;}
    #inmode .detail02 .conBox li .titBox{margin-top: 20px;}
    #inmode .detail02 .conBox li .titBox p br{display: none;}
}
@media all and (max-width:768px){
    #inmode .detail02{padding: 70px 0;}
    #inmode .detail02 .conBox{flex-direction: column; gap: 80px;}
    #inmode .detail02 .conBox li{width: 100%;}
    #inmode .detail02 .conBox li:first-child{position: relative;}
    #inmode .detail02 .conBox li:first-child::before{content: 'VS'; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); font-size: 1.00em; font-weight: 800; color: #fff; width: 40px; height: auto; line-height: 40px; aspect-ratio: 1 / 1; background: var(--titcolor); border-radius: 50px;}
    #inmode .detail02 .conBox li:first-child .imgBox::before{display: none;}
    #inmode .detail02 .conBox li .titBox p br{display: block;}
}
@media all and (max-width:768px){
    #inmode .detail02 .conBox li .titBox h3{font-size: 1.10em;}
    #inmode .detail02 .conBox li .titBox p{font-size: 0.90em;}
    #inmode .detail02 .conBox li:first-child::before{font-size: 16px;}
}
/* 안티에이징스페셜 - 인모드 */






/* 안티에이징스페셜 - 울트라브이실리프팅 */
/* 적용부위 */
#ultraV .detail02{background: #F8F8F8; padding: 150px 0;}
#ultraV .detail02 .title{margin-bottom: 50px;}
#ultraV .detail02 .conBox{display: flex; justify-content: space-between; align-items: center; gap: 25px;}
#ultraV .detail02 .conBox li{background: #fff; width: calc(100% / 6); height: auto; aspect-ratio: 1 / 1; border: 1px solid #CCCCCC; border-radius: 50%;}
#ultraV .detail02 .conBox li .titBox{position: relative; text-align: center; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#ultraV .detail02 .conBox li .titBox p{font-size: 1.75em; font-weight: 600; font-family: var(--arita); color: rgba(204,204,204,0.3); position: absolute; top: 40%; transform: translateY(-40%); z-index: 0;}
#ultraV .detail02 .conBox li .titBox h3{font-size: 1.50em; font-weight: 700; color: var(--titcolor); position: relative; z-index: 1;}
#ultraV .detail02 .txtBox{margin-top: 50px; text-align: center}
#ultraV .detail02 .txtBox p{font-size:1.25em; font-weight: 600; color: #fff; background: var(--titcolor); padding: 10px 30px; width: 40%; border-radius: 50px; display: inline-block;}
@media all and (max-width:1400px){
    #ultraV .detail02 .conBox li .titBox h3{font-size: 1.30em;}
    #ultraV .detail02 .txtBox p{font-size: 1.10em;}
}
@media all and (max-width:1200px){
    #ultraV .detail02{padding: 100px 0;}
    #ultraV .detail02 .conBox{gap: 15px;}
    #ultraV .detail02 .conBox li .titBox p{font-size: 1.60em; top: 35%; transform: translateY(-35%);}
    #ultraV .detail02 .conBox li .titBox h3{font-size: 1.20em;}
}
@media all and (max-width:1024px){
    #ultraV .detail02 .conBox{flex-wrap: wrap; gap: 20px;}
    #ultraV .detail02 .conBox li{width: calc(100% / 3 - 15px);}
    #ultraV .detail02 .conBox li .titBox p{font-size: 1.70em; top: 40%; transform: translateY(-40%);}
    #ultraV .detail02 .conBox li .titBox h3{font-size: 1.35em;}
    #ultraV .detail02 .txtBox p{width: auto;}    
}
@media all and (max-width:768px){
    #ultraV .detail02{padding: 70px 0;}
    #ultraV .detail02 .conBox li .titBox p{font-size: 1.60em;}
    #ultraV .detail02 .conBox li .titBox h3{font-size: 1.25em;}

    #ultraV .detail03 .title{margin-bottom: 0;}
}
@media all and (max-width:500px){
    #ultraV .detail02 .conBox li{width: calc(100% / 2 - 10px);}
    #ultraV .detail02 .conBox li .titBox h3{font-size: 1.15em;}
    #ultraV .detail02 .txtBox p{font-size: 1.00em;}
}
/* 안티에이징스페셜 - 울트라브이실리프팅 */













/* 브라이트닝/홍조/제모클리닉 - 트라이빔K */
#tri_beamK .stepBox{padding: 150px 0;}
#tri_beamK .stepBox.detail03{background: #fff;}
#tri_beamK .stepBox.detail02 .conBox{gap: 100px;}
#tri_beamK .stepBox.detail03 .conBox{gap: 160px; justify-content: space-between;}
#tri_beamK .stepBox.detail02 .conBox li{width: calc(100% / 3);}
#tri_beamK .stepBox.detail03 .conBox li{width: calc(100% / 2 - 80px);}
#tri_beamK .stepBox.detail03 .title .txtBox{margin-top: 50px;}
#tri_beamK .stepBox.detail03 .title .txtBox p{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4;}
#tri_beamK .stepBox.detail03 .title .txtBox p:first-child{margin-bottom: 20px;}
#tri_beamK .stepBox.detail02 .conBox li .imgBox::before{background: url('/img/stepBox_img02.svg') no-repeat; width: 40px; right: -70px;}
#tri_beamK .stepBox.detail03 .conBox li .imgBox::before{background: url('/img/stepBox_img02.svg') no-repeat; width: 40px; right: -100px;}

@media all and (max-width:1400px){
    #tri_beamK .stepBox.detail02 .conBox{gap: 60px;}
    #tri_beamK .stepBox.detail02 .conBox li .imgBox::before{right: -50px;}

    #tri_beamK .stepBox.detail03 .conBox{gap: 100px;}
    #tri_beamK .stepBox.detail03 .conBox li{width: calc(100% / 2 - 50px);}
    #tri_beamK .stepBox.detail03 .conBox li .imgBox::before{right: -70px;}
}
@media all and (max-width:1200px){
    #tri_beamK .stepBox{padding: 100px 0;}
    #tri_beamK .stepBox.detail03 .conBox{gap: 60px;}
    #tri_beamK .stepBox.detail03 .conBox li{width: calc(100% / 2 - 30px);}
    #tri_beamK .stepBox.detail03 .conBox li .imgBox::before{right: -50px;}
}
@media all and (max-width:1024px){
    #tri_beamK .stepBox.detail02 .conBox li .imgBox::before{width: 36px; background-size: cover !important;}

    #tri_beamK .stepBox.detail03 .conBox li .imgBox::before{width: 36px; background-size: cover !important;}
}
@media all and (max-width:960px){
    #tri_beamK .stepBox.detail02 .conBox li{width: 100%; position: relative;}
    #tri_beamK .stepBox.detail02 .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img02.svg') no-repeat;}
    #tri_beamK .stepBox.detail02 .conBox li:last-child:before{display: none;}
    #tri_beamK .stepBox.detail02 .conBox li .imgBox::before{display: none;}
}
@media all and (max-width:850px){
    #tri_beamK .stepBox.detail03 .conBox{flex-direction: column; align-items: center;}
    #tri_beamK .stepBox.detail03 .conBox li{width: 70%; position: relative;}
    #tri_beamK .stepBox.detail03 .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img02.svg') no-repeat;}
    #tri_beamK .stepBox.detail03 .conBox li:last-child:before{display: none;}
    #tri_beamK .stepBox.detail03 .conBox li .imgBox::before{display: none;}
    #tri_beamK .stepBox.detail03 .conBox li .imgBox img{width: 100%;}
    #tri_beamK .stepBox.detail03 .title .txtBox p br{display: none;}
}
@media all and (max-width:768px){
    #tri_beamK .stepBox{padding: 70px 0;}
    #tri_beamK .stepBox.detail03 .title .txtBox{margin-top: 30px;}
}
@media all and (max-width:500px){
    #tri_beamK .stepBox.detail02 .title h2 span.mb{display: block;}
    #tri_beamK .stepBox.detail02 .conBox li{width:100%;}
    #tri_beamK .stepBox.detail02 .conBox li .imgBox::before{display: none;}

    #tri_beamK .stepBox.detail03 .conBox li{width:100%;}    
    #tri_beamK .stepBox.detail03 .conBox li .imgBox::before{display: none;}
}
@media all and (max-width: 440px){
    #tri_beamK .stepBox.detail02 .titBox p{font-size: 1.00em;}
    #tri_beamK .stepBox.detail03 .titBox p{font-size: 1.00em;}
    #tri_beamK .stepBox.detail02 .titBox p br{display: block;}
    #tri_beamK .stepBox.detail03 .titBox p br{display: block;}
}
/* 브라이트닝/홍조/제모클리닉 - 트라이빔K */


/* 브라이트닝/홍조/제모클리닉 - 클라리티 */
#clarity .stepBox{padding: 150px 0;}
#clarity .stepBox.detail02 .conBox{gap: 160px;}
#clarity .stepBox.detail02 .conBox li{width: calc(100% / 2);}
#clarity .stepBox.detail02 .title p{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4; margin-top: 50px;}
#clarity .stepBox.detail02 .conBox li .imgBox::before{right: -100px;}
#clarity .stepBox.detail02 .titBox{text-align: center; margin-top: 40px;}
#clarity .stepBox.detail02 .titBox p{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4; word-break: keep-all;}
#clarity .stepBox.detail03{background: #fff;}
#clarity .stepBox.detail03 .conBox{gap: 100px;}
#clarity .stepBox.detail03 .conBox li{width: calc(100% / 4);}
#clarity .stepBox.detail03 .titBox{text-align: center; margin-top: 40px;}
#clarity .stepBox.detail03 .titBox p{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4; word-break: keep-all;}
#clarity .stepBox.detail03 .conBox li .imgBox::before{background: url('/img/stepBox_img03.svg') no-repeat; width: 40px; right: -70px;}
#clarity .stepBox.detail04{}
#clarity .stepBox.detail04 .conBox{gap: 100px;}
#clarity .stepBox.detail04 .conBox li{width: calc(100% / 3);}
#clarity .stepBox.detail04 .titBox{text-align: center; margin-top: 40px;}
#clarity .stepBox.detail04 .titBox p{font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4; word-break: keep-all;}
#clarity .stepBox.detail04 .conBox li .imgBox::before{width: 40px; right: -70px;}
#clarity .detail05{padding: 150px 0;}
#clarity .detail05 .inner{display: flex; justify-content: space-between; align-items: center;}
#clarity .detail05 .inner .title{padding-right: 50px; width: 50%;}
#clarity .detail05 .inner .title p{margin-top: 50px; font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4;}
#clarity .detail05 .inner .conBox{width: 50%;}
#clarity .detail05 .inner .conBox .imgBox{width: 100%;}
#clarity .detail06{padding: 150px 0; background: #FBFAFA;}
#clarity .detail06 .inner{display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
#clarity .detail06 .inner .title{padding-left: 50px; width: 50%;}
#clarity .detail06 .inner .title p{margin-top: 50px; font-size: 1.00em; font-weight: 400; color: #333; line-height: 1.4;}
#clarity .detail06 .inner .conBox{width: 50%;}
#clarity .detail06 .inner .conBox .imgBox{width: 100%;}
@media all and (max-width:1400px){
    #clarity .stepBox.detail02 .conBox{gap: 100px;}
    #clarity .stepBox.detail02 .conBox li{width: calc(100% / 2 - 50px);}
    #clarity .stepBox.detail02 .conBox li .imgBox::before{right: -70px;}

    #clarity .stepBox.detail03 .conBox{gap: 60px;}
    #clarity .stepBox.detail03 .conBox li .imgBox::before{right: -50px;}

    #clarity .stepBox.detail04 .conBox{gap: 60px;}
    #clarity .stepBox.detail04 .conBox li .imgBox::before{right: -50px;}

    #clarity .detail05 .inner{gap: 40px;}
    #clarity .detail06 .inner{gap: 40px;}
    #clarity .detail05 .inner .title{padding-right: 0;}
    #clarity .detail06 .inner .title{padding-left: 0;}
}
@media all and (max-width:1200px){
    #clarity .stepBox{padding: 100px 0;}
    #clarity .stepBox.detail02 .conBox{gap: 60px;}
    #clarity .stepBox.detail02 .conBox li{width: calc(100% / 2 - 30px);}
    #clarity .stepBox.detail02 .conBox li .imgBox::before{right: -50px;}

    #clarity .detail05{padding: 100px 0;}
    #clarity .detail05 .inner .title p{margin-top: 30px;}
    #clarity .detail05 .inner .title p br{display: none;}
    #clarity .detail05 .inner .title p span.mb{display: block;}
    #clarity .detail06{padding: 100px 0;}
    #clarity .detail06 .inner .title p{margin-top: 30px;}
    #clarity .detail06 .inner .title p br{display: none;}
}
@media all and (max-width:1024px){
    #clarity .stepBox.detail02 .conBox li .imgBox::before{width: 36px;}
    #clarity .stepBox.detail02 .titBox p br{display: none;}

    #clarity .stepBox.detail03 .conBox li .imgBox::before{width: 36px;}

    #clarity .stepBox.detail04 .conBox li .imgBox::before{width: 36px;}
}
@media all and (max-width:960px){
    #clarity .stepBox.detail03 .conBox {gap: 40px;}
    #clarity .stepBox.detail03 .conBox li{width: calc(100% / 2 - 20px);}
    #clarity .stepBox.detail03 .conBox li .imgBox::before{right: -40px;}

    #clarity .stepBox.detail04 .conBox li{width: calc(100% / 2 - 20px);}
    #clarity .stepBox.detail04 .conBox li .imgBox::before{right: -40px;}
    #clarity .stepBox.detail04 .conBox{flex-direction: column; align-items: center;}
    #clarity .stepBox.detail04 .conBox li{width: 100%; position: relative;}
    #clarity .stepBox.detail04 .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img01.svg') no-repeat;}
    #clarity .stepBox.detail04 .conBox li:last-child:before{display: none;}
    #clarity .stepBox.detail04 .conBox li .imgBox::before{display: none;}

    #clarity .detail05 .inner{flex-direction: column;}
    #clarity .detail05 .inner .conBox{width: 100%;}
    #clarity .detail05 .inner .conBox .imgBox{text-align: center;}
    #clarity .detail05 .inner .title{width: 100%;}
    #clarity .detail05 .inner .title p{margin-top: 20px;}
    #clarity .detail05 .inner .title p br{display: block;}
    #clarity .detail06 .inner{flex-direction: column;}
    #clarity .detail06 .inner .conBox{width: 100%;}
    #clarity .detail06 .inner .conBox .imgBox{text-align: center;}
    #clarity .detail06 .inner .title{width: 100%;}
    #clarity .detail06 .inner .title p{margin-top: 20px;}
    #clarity .detail06 .inner .title p br{display: block;}
}
@media all and (max-width:850px){
    #clarity .stepBox.detail02 .conBox{flex-direction: column; align-items: center;}
    #clarity .stepBox.detail02 .conBox li{width: 100%; position: relative;}
    #clarity .stepBox.detail02 .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img01.svg') no-repeat;}
    #clarity .stepBox.detail02 .conBox li:last-child:before{display: none;}
    #clarity .stepBox.detail02 .conBox li .imgBox::before{display: none;}
}
@media all and (max-width:768px){
    #clarity .stepBox{padding: 70px 0;}
    #clarity .stepBox.detail02 .conBox{flex-direction: column; align-items: center;}
    #clarity .stepBox.detail02 .conBox li{width: 100%; position: relative;}
    #clarity .stepBox.detail02 .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img01.svg') no-repeat;}
    #clarity .stepBox.detail02 .conBox li:last-child:before{display: none;}
    #clarity .stepBox.detail02 .conBox li .imgBox::before{display: none;}
    #clarity .stepBox.detail02 .titBox{margin-top: 30px;}

    #clarity .stepBox.detail03 .conBox {gap: 0; row-gap: 20px; column-gap: 40px;}
    #clarity .stepBox.detail03 .conBox li .imgBox::before{width: 30px; right: -35px;}
    #clarity .stepBox.detail03 .titBox{margin-top: 30px;}

    #clarity .stepBox.detail04 .titBox{margin-top: 30px;}

    #clarity .detail05{padding: 70px 0;}
    #clarity .detail06{padding: 70px 0;}
}
@media all and (max-width:500px){
    #clarity .stepBox.detail03 .conBox {gap: 60px;}
    #clarity .stepBox.detail03 .conBox li {width: 100%; position: relative;}
    #clarity .stepBox.detail03 .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img03.svg') no-repeat;}
    #clarity .stepBox.detail03 .conBox li:last-child:before{display: none;}
    #clarity .stepBox.detail03 .conBox li .imgBox::before{display: none;}

    #clarity .detail05 .inner .title p br{display: none;}
    #clarity .detail06 .inner .title p br{display: none;}

    #clarity .pointBox.type2 .conBox ul:nth-child(2) li:nth-child(2) p br{display: none;}
}
/* 브라이트닝/홍조/제모클리닉 - 클라리티 */




/* 브라이트닝/홍조/제모클리닉 - Cellec IPL */
#cellec .detail01.introBox .conBox {align-items: normal;}
#cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox {flex-wrap: wrap;gap: 20px 30px;max-width: 390px;}
@media all and (max-width: 1200px){
    #cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox {gap: 10px;}
    #cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: 110px;width: calc(100% / 3 - 7px);}
}
@media all and (max-width: 1024px){
    #cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox {max-width: none;}
}
@media all and (max-width: 768px){
    #cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox {justify-content: center;gap: 20px;}
    #cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox li {max-width: none;width: calc(100% / 4 - 20px);}
}
@media all and (max-width:500px){
    #cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox{gap: 10px;}
    #cellec .detail01.introBox .conBox .leftBox .txtBox .imgBox li{width: calc(100% / 3 - 10px);}
}


#cellec .stepBox{padding: 150px 0;}
#cellec .stepBox.detail02 .conBox{gap: 160px;}
#cellec .stepBox.detail02 .conBox li{width: calc(100% / 2);}
#cellec .stepBox.detail02 .title .txtBox{margin-top: 50px;}
#cellec .stepBox.detail02 .title .txtBox p{font-size: 1.00em; font-weight: 400; color: #000; line-height: 1.4;}
#cellec .stepBox.detail02 .title .txtBox p:last-child{margin-top: 20px; font-weight: 700;}
#cellec .stepBox.detail02 .conBox li .imgBox::before{right: -100px;}
@media all and (max-width:1400px){
    #cellec .stepBox.detail02 .conBox{gap: 100px;}
    #cellec .stepBox.detail02 .conBox li{width: calc(100% / 2 - 50px);}
    #cellec .stepBox.detail02 .conBox li .imgBox::before{right: -70px;}
}
@media all and (max-width:1200px){
    #cellec .stepBox{padding: 100px 0;}
    #cellec .stepBox.detail02 .conBox{gap: 60px;}
    #cellec .stepBox.detail02 .conBox li{width: calc(100% / 2 - 30px);}
    #cellec .stepBox.detail02 .conBox li .imgBox::before{right: -50px;}
}
@media all and (max-width:1024px){
    #cellec .stepBox.detail02 .conBox li .imgBox::before{width: 36px; background-size: cover !important;}
    #cellec .stepBox.detail02 .title .txtBox{margin-top: 30px;}
}
@media all and (max-width:850px){
    #cellec .stepBox.detail02 .conBox{flex-direction: column; align-items: center;}
    #cellec .stepBox.detail02 .conBox li{width: 70%; position: relative;}
    #cellec .stepBox.detail02 .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img01.svg') no-repeat;}
    #cellec .stepBox.detail02 .conBox li:last-child:before{display: none;}
    #cellec .stepBox.detail02 .conBox li .imgBox::before{display: none;}
    #cellec .stepBox.detail02 .conBox li .imgBox img{width: 100%;}
}
@media all and (max-width:768px){
    #cellec .stepBox{padding: 70px 0;}
}
@media all and (max-width:500px){
    #cellec .stepBox.detail02 .conBox li{width:100%;}    
    #cellec .stepBox.detail02 .conBox li .imgBox::before{display: none;}
    #cellec .stepBox.detail02 .title .txtBox p br{display: none;}
    #cellec .pointBox.type2 .conBox ul:nth-child(2) li:nth-child(2) p br{display: none;}
}
@media all and (max-width: 440px){
    #cellec .stepBox.detail02 .titBox p{font-size: 1.00em;}
    #cellec .stepBox.detail02 .title .txtBox p br{display: none;}
    #cellec .stepBox.detail02 .titBox p span.mb{display: block;}
}
/* 브라이트닝/홍조/제모클리닉 - Cellec IPL */





/* 브라이트닝/홍조/제모클리닉 - spotcare */
#spotcare .tableBox{background: #FBFAFA;}
#spotcare .tableBox .conBox .type1 .tbBox.active li:first-child::before{display: none;}
#spotcare .tableBox .conBox .type1 .tbBox.active::before{display: none;}
#spotcare .tableBox .conBox .type1 .tbBox li:last-child{min-height: 150px;}
#spotcare .tableBox .conBox .type1 .tbBox li h2{font-family: var(--arita) !important; font-size: 1.50em;}
#spotcare .tableBox .conBox .type1 .tbBox li p{font-family: var(--arita) !important; font-size: 1.10em; font-weight: 400; color: #000;}


#spotcare .stepBox.detail03{padding: 150px 0; background: #fff;}
#spotcare .stepBox.detail03 .conBox{gap: 100px;}
#spotcare .stepBox.detail03 .conBox>li{width: calc(100% / 3);}
#spotcare .stepBox.detail03 .conBox>li .imgBox::before{display: none;}
#spotcare .stepBox.detail03 .conBox li .titBox ul{text-align: left; width: 90%; margin: 0 auto;}
#spotcare .stepBox.detail03 .conBox li .titBox li{position: relative; width: 100%; font-size: 1.00em; font-weight: 400; color: #333; text-align: left; line-height: 1.4; display: flex; margin-bottom: 5px;}
#spotcare .stepBox.detail03 .conBox li .titBox li::before{content: '·'; font-weight: 900; padding: 0 10px;}
#spotcare .stepBox.detail03 .conBox li .titBox li:last-child{margin-bottom: 0;}
@media all and (max-width:1400px){
    #spotcare .tableBox .conBox .type1 .tbBox li:last-child{min-height: 130px;}
    #spotcare .tableBox .conBox .type1 .tbBox li h2{font-size: 1.30em;}
    #spotcare .tableBox .conBox .type1 .tbBox li p{font-size: 1.00em;}

    #spotcare .stepBox.detail03 .conBox{gap: 60px;}
    #spotcare .stepBox.detail03 .conBox>li{width: calc(100% / 2 - 30px);}
}
@media all and (max-width:1200px){
    #spotcare .tableBox .conBox .type1 .tbBox li h2{font-size: 1.20em;}
    #spotcare .tableBox .conBox .type1 .tbBox li:last-child{min-height: 110px;}

    #spotcare .stepBox.detail03{padding: 100px 0;}
    #spotcare .stepBox.detail03 .conBox{gap: 40px;}
    #spotcare .stepBox.detail03 .conBox>li{width: calc(100% / 3 - 20px);}
}
@media all and (max-width:960px){
    #spotcare .tableBox .conBox .type1 .tbBox li:last-child{min-height:100px;}
    #spotcare .stepBox.detail03 .conBox>li{width: calc(100% / 2 - 20px);}
}
@media all and (max-width:768px){
    #spotcare .tableBox .conBox{padding-top: 30px;}
    #spotcare .tableBox .conBox::before{top: 0;}
    #spotcare .tableBox .conBox .type1 .tbBox li h2{font-size: 1.10em;}
    #spotcare .tableBox .conBox .type1 .tbBox li p{font-size: 0.90em;}

    #spotcare .stepBox.detail03{padding: 70px 0;}
    #spotcare .stepBox.detail03 .conBox{flex-direction: column;}
    #spotcare .stepBox.detail03 .conBox li{width: 100%;}
    #spotcare .stepBox.detail03 .conBox li .titBox ul{max-width: 400px; width: 100%;}
}
/* 브라이트닝/홍조/제모클리닉 - spotcare */





/* 제모(클라리티PRO) - waxing */
#waxing .detail02 {padding: 120px 0;background: #FBFAFA;}
#waxing .detail02 .title {margin-bottom: 70px;}
#waxing .detail02 .conBox .imgBox {width: 100%;margin: 0 auto 30px;border: 1px solid #F0F0F0;border-radius: 30px;box-sizing: border-box;overflow: hidden;text-align: center;}
#waxing .detail02 .conBox .txt {color: #333;text-align: center;line-height: 1.5;}
#waxing .detail03 {background: #fff;}
#waxing .detail03.stepBox .conBox{gap: 160px;margin-bottom: 40px;}
#waxing .detail03.stepBox .conBox li{width: calc(100% / 2);}
#waxing .detail03.stepBox .conBox li .imgBox::before{right: -100px;}
#waxing .detail03.stepBox .txt {color: #333;text-align: center;line-height: 1.5;}
#waxing .detail04 {background: #FBFAFA;}
#waxing .detail04.stepBox .conBox {gap: 10px 106px;margin-bottom: 40px;}}
#waxing .detail04.stepBox .conBox li {width: calc(100% / 4 - 78px);}
#waxing .detail04.stepBox .conBox li .imgBox::before {right: -72px;}
#waxing .detail04.stepBox .conBox li .titBox p {font-size: 18px;}
#waxing .detail04.stepBox .txt {color: #333;text-align: center;line-height: 1.5;}
#waxing .detail05 {background: #fff;}
#waxing .detail05.stepBox .conBox {gap: 10px 100px;margin-bottom: 40px;}
#waxing .detail05.stepBox .conBox li {width: calc(100% / 3 - 66px);}
#waxing .detail05.stepBox .conBox li .imgBox::before {right: -72px;}
#waxing .detail05.stepBox .conBox li .titBox p {font-size: 18px;}
#waxing .detail05.stepBox .txt {color: #333;text-align: center;line-height: 1.5;}

@media all and (max-width: 1600px){
    #waxing .detail04.stepBox .conBox {gap: 10px 80px;}
    #waxing .detail04.stepBox .conBox li {width: calc(100% / 4 - 60px);}
    #waxing .detail04.stepBox .conBox li .imgBox::before {right: -60px;}
}
@media all and (max-width:1400px){
    #waxing .detail03.stepBox .conBox{gap: 100px;}
    #waxing .detail03.stepBox .conBox li{width: calc(100% / 2 - 50px);}
    #waxing .detail03.stepBox .conBox li .imgBox::before{right: -70px;}
    #waxing .detail05.stepBox .conBox {gap: 10px 70px;}
    #waxing .detail05.stepBox .conBox li {width: calc(100% / 3 - 46px);}
    #waxing .detail05.stepBox .conBox li .imgBox::before {right: -57px;}
}
@media all and (max-width:1200px){
    #waxing .detail01.tableBox  .conBox .type1 .tbBox li h2{font-size: 1.30em;}
    #waxing .detail01.tableBox  .conBox .type1 .tbBox li p{font-size: 1.10em;}
    #waxing .detail02 .title {margin-bottom: 50px;}
    #waxing .detail03{padding: 100px 0;}
    #waxing .detail04.stepBox .conBox{gap: 60px;}
    #waxing .detail04.stepBox .conBox li{width: calc(100% / 2 - 30px);}
    #waxing .detail04.stepBox .conBox li .imgBox::before{right: -50px;}
    #waxing .detail04.stepBox .conBox {gap: 10px 40px;}
    #waxing .detail04.stepBox .conBox li {width: calc(100% / 4 - 30px);}
    #waxing .detail04.stepBox .conBox li .imgBox::before {right: -35px;}
}
@media all and (max-width:1024px){
    #waxing .detail02 {padding: 100px 0;}
}
@media all and (max-width: 960px){
    #waxing .detail04.stepBox .conBox{flex-wrap: wrap; justify-content: center; gap: 40px;}
    #waxing .detail04.stepBox .conBox li{width: calc(100% / 2 - 20px); text-align: center;}
    #waxing .detail04.stepBox .conBox li .imgBox::before{right:-35px;}
    #waxing .detail04.stepBox .conBox li:nth-child(even) .imgBox::before{display: none;}
    #waxing .detail04.stepBox .conBox li .titBox p br{display: block;}
    #waxing .detail05.stepBox .conBox{flex-wrap: wrap; justify-content: center; gap: 40px;}
    #waxing .detail05.stepBox .conBox li{width: 100%;}
    #waxing .detail05.stepBox .conBox li .imgBox::before{right: auto;top: auto;left: 50%;bottom: -35px;transform: translateX(-50%) rotate(90deg);}
    #waxing .detail05.stepBox .conBox li:nth-child(even) .imgBox::before{display: block;}
}
@media all and (max-width:850px){
    #waxing .detail03.stepBox .conBox{flex-direction: column; align-items: center;}
    #waxing .detail03.stepBox .conBox li{width: 70%; position: relative;}
    #waxing .detail03.stepBox .conBox li::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -50px; width: 40px; height: auto; aspect-ratio: 1 / 1; background:  url('/img/stepBox_img01.svg') no-repeat;}
    #waxing .detail03.stepBox .conBox li:last-child:before{display: none;}
    #waxing .detail03.stepBox .conBox li .imgBox::before{display: none;}
    #waxing .detail03.stepBox .conBox li .imgBox img{width: 100%;}
    #waxing .detail03.stepBox .txt br {display: none;}
}
@media all and (max-width:768px){
    #waxing .detail02,
    #waxing .detail03 {padding: 70px 0;}
}
@media all and (max-width:500px){
    #waxing .detail02 .conBox .imgBox {border-radius: 10px;}
    #waxing .detail03.stepBox .conBox li{width:100%;}    
    #waxing .detail03.stepBox .conBox li .imgBox::before{display: none;}
    
    
    
}
/* 제모(클라리티PRO) - waxing */







/* 서브페이지 끝 */
@media screen and (max-width:1400px){
    .quick_menu{bottom: 30px; right:20px;}
    .pc_text{display: none !important;}
    .mo_text{display: block !important;}
}
@media screen and (max-width:1200px){
    #nt_title .title_bg_wrap>ul{justify-content: space-between;overflow-x: auto;padding: 0 10px;}
    #nt_title .title_bg_wrap>ul li a{padding: 0 20px;}  
}
@media screen and (max-width:1024px){  
    .quick_menu{width: 50px;}
    .quick_menu ul li a span{font-size: 12px;}
    .quick_menu ul li a img{margin: 0;}
    .quick_menu>p i{font-size: 0.85em !important;margin: 0;}
    .quick_menu>p span{font-size: 10px;}
    .quick_menu{bottom: 20px; right:20px;}
}