@charset "utf-8";
/* //// 특별함 //// */
.sub.special .swiper{width:100%;height:calc(100vh - 60px)!important;}
.sub.special .swiper .swiper-wrapper{width:100%;height:inherit;}
.sub.special .swiper .swiper-slide{width:100%;height:inherit !important;background:url('/img/sub/jsclinic/special/special_bg01.jpg')no-repeat center center /cover;}
.sub.special .swiper .swiper-slide:nth-child(1){}



/* //// 장비소개 //// */
.sub.equipment .sec01 > .container{display:block;}
.sub.equipment .sec01 .poster{position: relative;width:100%;margin-bottom:4rem;}
.sub.equipment .sec01 .poster .poster_inner .bg{position:relative;width:100%;height:inherit;}
.sub.equipment .sec01 .poster .poster_inner .bg:after {content:'';display:block;position: absolute;top: -7rem;left:-9rem;width:100%;max-width:339px;padding-top:181.4159%;box-sizing: border-box;background:url('/img/sub/jsclinic/equipment/equipment_logo.png')no-repeat;z-index:-1}

.sub.equipment .sec01 .list_box{position:relative;width:100%;}
.sub.equipment .sec01 .list_box .grid_box{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;overflow:hidden;}
.sub.equipment .sec01 .list_box .grid_box .list{width:25%;margin-bottom:80px;position:relative;padding-right:0.5%;padding-left:0.5%;padding-top:80px;border-top:1px solid #eee;}
.sub.equipment .sec01 .list_box .grid_box .list:nth-child(-n+4){padding-top:0;border-top:none;}
.sub.equipment .sec01 .list_box .grid_box .list img{width:100%;}
.sub.equipment .sec01 .list_box .grid_box .list:last-child:after{content:'';display:block;width:400%;height:1px;background:#eee;position:absolute;top:0;right:0;margin:auto;transform:translate(100%,-100%);}

.sub.equipment .sec01 .list_box .grid_box .list .txtdiv .font_serif{margin-bottom:0.6rem;font-weight:600;}
@media(max-width:1240px){
	.sub.equipment .sec01 .list_box .grid_box .list{width:calc(100% / 3);}
	.sub.equipment .sec01 .list_box .grid_box .list:nth-child(-n+4){padding-top:80px;border-top:1px solid #eee;}
	.sub.equipment .sec01 .list_box .grid_box .list:nth-child(-n+3){padding-top:0;border-top:none;}
}
@media(max-width:768px){
	.sub.equipment .sec01 .list_box .grid_box .list{width:50%;}
	.sub.equipment .sec01 .list_box .grid_box .list:nth-child(-n+3){padding-top:80px;border-top:1px solid #eee;}
	.sub.equipment .sec01 .list_box .grid_box .list:nth-child(-n+2){padding-top:0;border-top:none;}
}
@media(max-width:500px){
	.sub.equipment .sec01 .list_box .grid_box .list{width:100%;padding:0;border-top:none;}
	.sub.equipment .sec01 .list_box .grid_box .list:nth-child(-n+4){padding-top:0;border-top:none;}
	.sub.equipment .sec01 .list_box .grid_box .list:nth-child(-n+3){padding-top:0;border-top:none;}
	.sub.equipment .sec01 .list_box .grid_box .list:last-child:after{display:none;}
}


/* //// 둘러보기 //// */
.sub.interior .scrollwrap{position:absolute;display:inline-block;width:127px;height:127px;border-radius:50%;color:#fff;overflow:hidden;top:50%;left:calc(100% / 1.7);transform:translate(-50%, -50%);z-index:99}

.sub.interior .scrollwrap:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url('/img/main/signature_scroll_bg.png')no-repeat center center /cover, #000;border-radius:50%;animation: rotate_bg 14s linear infinite;transform-origin: 50% 50%;}
@keyframes rotate_bg {
    100%{transform:rotate(360deg);}
}

.sub.interior .scrollwrap .swiper-button-prev{width:13px;height:24px;background:url('/img/main/signature_scroll_prev.png')no-repeat center center /cover;margin-top:auto;transform:translateY(-50%);}
.sub.interior .scrollwrap .swiper-button-next{width:13px;height:24px;background:url('/img/main/signature_scroll_next.png')no-repeat center center /cover;;margin-top:auto;transform:translateY(-50%);}
.sub.interior .scrollwrap .swiper-button-prev:after{content:'';}
.sub.interior .scrollwrap .swiper-button-next:after{content:'';}
.sub.interior .scrollwrap p{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;z-index:5;}

.sub.interior .swiper .swiper-wrapper{padding-bottom:60px;}
.sub.interior .swiper .swiper-slide{opacity:0.2;}
.sub.interior .swiper .swiper-slide-active{opacity:1;}
.sub.interior .swiper-scrollbar {bottom:0;width:100%;max-width:1400px;height:3px;background:#f3f0ec;}
.sub.interior .swiper-scrollbar-drag{background:var(--pointcolor);}


@media(max-width:1024px){
    .sub.interior .scrollwrap{width:87px;height:87px;}
    .sub.interior .scrollwrap .swiper-button-prev{left:5px;}
    .sub.interior .scrollwrap .swiper-button-next{right:5px;}
}
@media(max-width:500px){
}


/* //// 오시는길 //// */
.sub.info .hide{display:none;}
.sub.info .map{width:100% !important;}
.sub.info .listwrap .list{width:100%;}
.sub.info .listwrap .list .txtwrap{width:80%;}
.sub.info .listwrap .list .telnum{letter-spacing:0.5rem;}
.sub.info .listwrap .iconwrap{margin-right:1rem;flex-shrink:0;}
.sub.info .listwrap .timetable .box01{margin-right:2rem; max-width: 80px; width: 100%;}
@media(max-width:1700px){
    .sub.info .section-right{padding:0;width:90%;margin:auto;}
    .sub.info .section-right > .width100{display:block;}
    .sub.info .section-right > .width100 > .box{width:100%;}
    .sub.info .section-right > .width100 > .width40{justify-content:center;margin-top:50px;}
    .sub.info .listwrap .iconwrap img{height:1.875rem;}
}
@media(max-width:1024px){
    .sub.info .map{height:300px !important;}
}
@media(max-width:500px){
    .sub.info .section-right > .width100 > .width40 .inner{width:100%;}
    .sub.info .listwrap .list .txtwrap{width:100%;}
}



/* //// 메디컬에스테틱 //// */
.sub.aesthetic .treatment {background: no-repeat center url('/img/sub/aesthetic/treatmentBg.jpg'); background-size: cover; background-attachment: fixed;}

.sub.wedding .process,
.sub.wedding .precautions{display:none;}
.sub.wedding .special{padding-bottom:200px !important;}
@media(max-width:1440px){
	{padding-bottom:130px !important;}
}
@media(max-width:990px){
	{padding-bottom:100px !important;}
}
@media(max-width:768px){
	{padding-bottom:80px !important;}
}


/* //// 안티에이징 //// */
.sub.antiaging .treatment {background: no-repeat center url('/img/sub/antiaging/treatmentBg.jpg'); background-size: cover; background-attachment: fixed;}
.sub.shurinkuniverse .ingredient {background: no-repeat center url('/img/sub/antiaging/ingredientBg.jpg'); background-size: cover; background-attachment: fixed;}

.sub .effect .box .inner{position:relative;display:inline-block;margin:auto}
.sub .effect .box .num{position:absolute;top:0;right:0;margin:auto;width:3.125rem;height:3.125rem;border-radius:50%;background:#000;z-index:2;overflow:hidden;}

@media (max-width:768px) {
    .sub .cause.effect .box_wrap5 .box {width: 48%; margin-right: 4%;}
    .sub .cause.effect .box_wrap5 .box:nth-child(2n) {margin-right: 0;}
    .sub .cause.effect .box_wrap5 .box:nth-child(n+3) {margin-top: 4%;}
}


.sub .laser_equip{position:relative;}
.sub .laser_equip .subTit_en{border-bottom:1px solid var(--pointcolor);}
/* .sub .laser_equip .container{width:90%;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);z-index:2;} */
.sub .laser_equip .half{width:50%}
.sub .laser_equip .half_left{background:#f3f0ec;}
.sub .laser_equip .half_right{background:#ddd6c6}
.sub .laser_equip .half_left .box{max-width:700px;padding-right:5%;}
@media (max-width:990px) {
    .sub .laser_equip .half{width:100%;}
    .sub .laser_equip .half_left{padding:100px 0;}
	.sub .laser_equip .half_left{justify-content:center;}
	.sub .laser_equip .half_left .box{max-width:none;padding-right:0;width:90%;}
	.sub .laser_equip .half_right img{margin:auto 0 auto auto;}
}
@media (max-width:768px) {
    .sub .laser_equip .half_left{padding:80px 0;}
}

.sub .shu_table{}
.sub .shu_table .titlewrap{background:#ddd6c6;padding:0.5rem 0;}
.sub .shu_table .titlewrap.bg-black{background:#000;}
.sub .shu_table .contwrap{background:#f3f0ec;min-height:350px;}
.sub .shu_table .contwrap .inner{width:90%;}
@media (max-width:990px) {
    .sub .shu_table .box{width:100%;max-width:700px;margin:auto;}
	.sub .shu_table .box:first-child{margin-bottom:5rem;}
	.sub .shu_table .contwrap{min-height:0;padding:3rem 0;}
}
