/* subtop */
.subTop .subtop_inner .bg_img{background: url(/img/subTop/bg_img.jpg)no-repeat center / cover; max-height: 760px; height: 40vw; min-height: 340px; overflow: hidden;}

.subTop .subtop_inner .bg_img .container{max-width: 1600px; align-items: flex-end; justify-content: space-between; padding: 3em 0; height: 100%;}

.subTop .subtop_inner .bg_img .titbox{padding-bottom: 2.5em; z-index: 9; /* animation: title 1s */}
.subTop .subtop_inner .bg_img .titbox span{letter-spacing: .2em;}
.subTop .subtop_inner .bg_img .titbox h1{letter-spacing: 0.08em; margin-left: .3em;}
.subTop .subtop_inner .bg_img .titbox h1:before{content:''; display: block; width: .2em; height: .2em; border-radius: 50%; background-color: #000; position: absolute; top: 0; left: -0.3em;}
.subTop .subtop_inner .bg_img .titbox p{margin-left: 1.2em;}

.subTop .subtop_inner .bg_img .imgbox{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}

@media (max-width: 1600px){
	.subTop .subtop_inner .bg_img .container{width: 90%;}
}

@media (max-width: 990px){
	.subTop .subtop_inner .bg_img .titbox span{font-size: 2.250rem;}
	.subTop .subtop_inner .bg_img .titbox h1{font-size: 5.000rem;}
}

@media (max-width: 768px){
	.subTop .subtop_inner .bg_img{height: auto; min-height: auto;}
	.subTop .subtop_inner .bg_img .container{flex-wrap: wrap;}

	.subTop .subtop_inner .bg_img .titbox{margin-top: 3em; width: 100%;}
	.subTop .subtop_inner .bg_img .imgbox{position: static; transform: none; order: -1; width: 60%; margin-left: auto;}
}

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

/* tablebox */
.tablebox .flexList[layoutStyle="fullbox"]{--y-gap:0;}
.tablebox .flexList .box{border-left: 1px solid #fff;}
.tablebox .flexList .box:first-child{border-left: none;}
.tablebox .flexList .box .inner{border-bottom: 1px solid #fff; letter-spacing: 0.08em;}
.tablebox .flexList .box > div{height: 3em; display: flex; align-items: center; justify-content: center;}
.tablebox .flexList .box .inner > i{margin-right: 0.65em;}

@media (max-width: 990px){
	.tablebox .flexList .box .inner img{width: 60%;}
}

@media (max-width: 768px){
	.tablebox .flexList .box{display: flex; align-items: center; border-left: none; border-bottom: 1px solid #fff;}
	.tablebox .flexList .box:last-child{border-bottom: none;}
	.tablebox .flexList .box > div{width: 50%;}
	.tablebox .flexList .box .inner{border-bottom: none; border-right: 1px solid #fff;}
}

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

/* 건강한삶::청당라이프 */
.contents01 > img{position: absolute; right: 0; bottom: -5em;}
.contents01 .inner_wrap{align-items: center;}
.contents01 .inner_wrap .imgbox{width: 50%;}
.contents01 .inner_wrap .txtbox{width: 50%; padding-left: 5%;}
.contents01 .inner_wrap .txtbox p{line-height: 1.6;}

.contents02 .inner_wrap, .contents02 .inner_wrap2{align-items: center;}
.contents02 .inner_wrap .imgbox, .contents02 .inner_wrap2 .imgbox{width: 50%;}
.contents02 .inner_wrap .txtbox, .contents02 .inner_wrap2 .txtbox{width: 50%; padding: 0 5%;}
.contents02 .inner_wrap .txtbox p, .contents02 .inner_wrap2 .txtbox p{line-height: 1.6;}

.contents03 .inner_wrap{align-items: flex-end; justify-content: space-between; position: relative;}
.contents03 .inner_wrap .imgbox{width: 26%;}
.contents03 .inner_wrap .txtbox{width: 45%; padding: 0 3%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media (max-width: 768px){
	.contents01 .inner_wrap, .contents02 .inner_wrap, .contents02 .inner_wrap2, .contents03 .inner_wrap{flex-wrap: wrap;}
	
	.contents01 .inner_wrap .txtbox{width: 100%; padding-left: 0; padding-top: 5%;}
	.contents01 .inner_wrap .imgbox{width: 80%;}

	.contents02 .inner_wrap .txtbox{width: 100%; padding: 0; padding-bottom: 5%;}
	.contents02 .inner_wrap .imgbox{width: 80%;}

	.contents02 .inner_wrap2{width: 80%; margin-left: auto;}
	.contents02 .inner_wrap2 .txtbox{width: 100%; padding: 0; padding-top: 5%;}
	.contents02 .inner_wrap2 .imgbox{width: 100%;}

	.contents03 .inner_wrap .imgbox{width: 50%; margin-bottom: 0;}
	.contents03 .inner_wrap .imgbox:last-child{margin-left: auto;}
	.contents03 .inner_wrap .txtbox{width: 90%; position: static; transform: none; margin: auto; padding: 10% 0;}
}

/* 움직이는 텍스트 */
.contents03 .animated-title{position: relative; width: 100%;max-width:100%; height: auto; padding: 6em 0; /* overflow-x: hidden; overflow-y: hidden; */ z-index: -1;}
.contents03 .animated-title .track{position: absolute; white-space: nowrap; will-change: transform; animation: marquee 60s linear infinite; line-height: 1.0; letter-spacing: 0.8em; }
.contents03 .animated-title .content{color: rgba(0,0,0,0.1);}
.contents03 .animated-title .content > span{ -webkit-text-stroke: 1px rgba(0,0,0,0.1); color: transparent;}

@keyframes marquee{
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.banner_sec{background: url(/img/sub/01/sec_bg.jpg)no-repeat center / cover;}
.banner_sec h2{position: relative;}
.banner_sec h2:after{display: block; content: ''; width: 1px; height: 65px; background: #fff; margin: .5em auto;}


/* 건강한삶::의료진소개 */
.dr_conts .inner_box{align-items: center;}
.dr_conts .inner_box .txt-list{padding-left: 6%;}
.dr_conts .inner_box .txt-list ul li{margin-bottom: 0.8em;}

@media (max-width: 576px){
	.dr_conts .inner_box{flex-wrap: wrap; width: 80%;}
	.dr_conts .inner_box:last-child{margin-left: auto;}
	.dr_conts .inner_box .dr-img{width: 100%; order: -1;}
	.dr_conts .inner_box .txt-list{width: 100%; padding-left: 0; padding-top: 5%;}
	.dr_conts .inner_box:last-child .txt-list{text-align: right;}
}


/* 건강한삶::진료시간&오시는길 */
.info_sec > p{position: relative;}
.info_sec > p:before{display: block; content: ''; width: 50px; height: 2px; background: var(--pointcolor); margin: .5em auto;}
.info_sec .mapbox{width: 100%; max-height: 500px; height: 28vw; min-height: 280px;}

.info_sec .flexList[layoutStyle="fullbox"]{--y-gap: 2em;}
.info_sec .flexList .box{border-left: 1px solid #ddd; padding: 3em;}
.info_sec .flexList .box:first-child{border-left: none;}
.info_sec .flexList .box ul li{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: .5em;}
.info_sec .flexList .box .time li p{width: 40%;}
.info_sec .flexList .box .time li span{width: auto;}

.info_sec .flexList .box .way li p{width: 42%;}
.info_sec .flexList .box .way li span{width: 58%;}

.info_sec .flexList .box .tell li a{display: block; width: 65%; margin-left: auto; display: flex; align-items: center; justify-content: center; padding: .5em;}
.info_sec .flexList .box .tell li .kakao{background: #fbe600;}

@media (max-width: 990px){
	.info_sec .flexList .box .tell li a{width: 100%;}
}

@media (max-width: 768px){
	.info_sec .flexList .box{border-left: none; border-top: 1px solid #ddd;}
	.info_sec .flexList .box:first-child{border-top: none;}

	.info_sec .flexList .box .time li p{width: 30%;}
	.info_sec .flexList .box .way li p{width: 30%;}
	.info_sec .flexList .box .way li span{width: auto;}
}


/* 건강한삶::장비소개 */
.equi_sec:before{display: block; content:''; width: 100%; height: 50vw; min-height: 360px; max-height: 600px; background-color: #f9f8f6; position: absolute; top: 0; left: 0; z-index: -1;}
.equi_sec > img{position: absolute; right: 0; bottom: 0; z-index: 0;}

.equi_sec .tab_menu{display: flex; flex-wrap: wrap;}
.equi_sec .tab_menu .tab_m{margin-right: 1.5em; opacity: 0.3; position: relative; cursor: pointer; margin-bottom: .5em;}
.equi_sec .tab_menu .tab_m.active{opacity: 1; font-weight: 500;}
.equi_sec .tab_menu .tab_m.active::after{content:""; display: block; width: 100%; height: 1px; background: #000; margin: .1em auto;}

.equi_sec .contents_wrapper .tab{display: none; margin-left: auto; margin-right: auto; padding: 3.5em;}
.equi_sec .contents_wrapper .tab.active{display: block;}

.equi_sec .contents_wrapper .tab .flexList{--x-gap: 7rem; --y-gap: 5rem;}
.equi_sec .contents_wrapper .tab .flexList .box{z-index: 9;}
.equi_sec .contents_wrapper .tab .flexList .box .imgbox > img{width: 100%;}

@media (max-width: 1024px){
	.equi_sec > img{width: 50%;}
}


/* 건강한삶::둘러보기 */
.place_sec .swiper-button-prev:after, .place_sec .swiper-button-next:after{display: none;}
.place_sec .swiper-button-prev{left: 2%; background-color: rgba(0, 0, 0, .5); background-image: url(/img/sub/01/prev.png); background-repeat: no-repeat; background-size: 60%; width: 3.7rem; height: 3.7rem; background-position: center;}
.place_sec .swiper-button-next{right: 2%; background-color: rgba(0, 0, 0, .5); background-image: url(/img/sub/01/next.png); background-repeat: no-repeat; background-size: 60%; width: 3.7rem; height: 3.7rem; background-position: center;}
.place_sec .gallery-thumbs .swiper-slide{cursor: pointer; filter: brightness(0.4);}
.place_sec .gallery-thumbs .swiper-slide-active{filter: brightness(1);}

/* 움직이는 텍스트 */
.place_sec .animated-title{position: relative; width: 100%;max-width:100%; height: auto; padding-bottom: 5em; /* overflow-x: hidden; overflow-y: hidden; */ z-index: -1;}
.place_sec .animated-title .track{position: absolute; top: -5em; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite; line-height: 1.0; letter-spacing: 0.8em; }
.place_sec .animated-title .content{color: rgba(0,0,0,0.1);}
.place_sec .animated-title .content > span{ -webkit-text-stroke: 1px rgba(0,0,0,0.1); color: transparent;}

@keyframes marquee{
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}


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

/* Sub::공통 */
/* title */
.title_sec > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.title_sec .txt_inner{position: relative;}
.title_sec .txt_inner:before{display: block; color: rgba(0,0,0,0.04); font-size: 7.500rem; width: 100%; font-family: var(--pointfont),sans-serif; position: absolute;
top: 50%; left: 50%; transform: translateX(-50%); letter-spacing: 0.08em; line-height: 1.0;}


/* case */
.case_sec ul li{display: flex; align-items: baseline;}
.case_sec ul li > p{margin-left: .8em;}
.case_sec .imgbox > img{height: 100%; width: 100%;}

@media (max-width: 1200px){
	.case_sec .txtbox{width: 100%;}
	.case_sec .imgbox{width: 100%; margin-top: 5%;}
}


/* why */
.why_sec .title h2{background: linear-gradient(45deg, #d1b58c , #b5976c, #a98b60); /* background-clip: text; */ -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.why_sec .title{position: relative;}
.why_sec .title:after{content:''; display: block; height: 7em; width: 1px; background: var(--pointcolor); margin: 2em auto;}

.why_sec .boxlist{max-width: 1200px; margin: auto;}
.why_sec .boxlist .box{border: 1px solid #000; position: relative; overflow: hidden; transition: all 0.5s ease;}
.why_sec .boxlist .box span{position: absolute; left: -3px; top: -8px; line-height: 1.0; transition: all 0.5s ease;}
.why_sec .boxlist .box p{padding: 1.65em 1em 1.65em 5.5em; transition: all 0.5s ease;}

.why_sec .boxlist .box.active{border: 1px solid var(--pointcolor); box-shadow: 5px 5px 8px rgb(171 160 144 / 30%);}
.why_sec .boxlist .box.active span{color: var(--pointcolor);}
.why_sec .boxlist .box.active p{color: var(--pointcolor); font-weight: 400;}


/* 시술부위 */
.area_sec .container{display: flex; align-items: center; justify-content: flex-end;}
.area_sec .rightbox{width: 50%;}
.area_sec .rightbox .flexList{--x-gap: 2rem; --y-gap: 3rem;}
.area_sec .rightbox .flexList.even{width: 80%;} /* 4개짜리 */
.area_sec .rightbox .flexList .box > span{position: relative;}
.area_sec .rightbox .flexList .box > span:after{content: ''; display: block; width: 100%; height: 1px; background: var(--titcolor); margin: .25em auto;}

@media (max-width: 768px){
	.area_sec.cut_img{padding-bottom: 0;} /* 잘린 이미지 */
	.area_sec .container{flex-wrap: wrap;}
	.area_sec .rightbox{width: 100%; margin-bottom: 5%;}
}


/* 시술과정 */
.process_sec .slide_wrap{align-items: center;}
.process_sec .swiper-pagination{position: static; text-align: left;}
.process_sec .swiper-pagination .swiper-pagination-bullet{display: block; width: auto; background: none; height: auto; margin-top: 1.25em; opacity: 0.5; transition: all 0.3s ease;}
.process_sec .swiper-pagination .swiper-pagination-bullet-active{display: inline-block; color: var(--pointcolor); font-weight: 600; font-size: 1.375rem; position: relative; opacity: 1; transition: all 0.3s ease;}
.process_sec .swiper-pagination .swiper-pagination-bullet-active span{font-weight: 400; font-size: 1.500rem;}
.process_sec .swiper-pagination .swiper-pagination-bullet-active:before{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--pointcolor); position: absolute; right: -8px; top: 0; transition: all 0.3s ease;}
.process_sec .swiper-pagination .swiper-pagination-bullet-active:after{content: ''; display: block; width: 1px; height: 3em; background: var(--pointcolor); margin-top: 0.5em;}

@media (max-width: 1440px){
	.process_sec .swiper{margin-left: 0; padding-right: 5%;}
}

@media (max-width: 768px){
	.process_sec .slide_wrap{flex-wrap: wrap;}
	.process_sec .swiper{width: 100%; padding-right: 0;}
	.process_sec .text{width: 100%; margin-top: 5%;}
}


/* Q&A */
.qa_sec .container{justify-content: space-between;}
.qa_sec .title{width: 35%;}
.qa_sec .qa_wrap{max-width: 900px; width: 100%; border-top: 1px solid #ddd;}
.qa_sec .qa_wrap li{border-bottom: 1px solid #ddd;}

.qa_sec .qa_wrap .question{padding: 1.25em 1.5em;}
.qa_sec .qa_wrap .question .q_title{justify-content: space-between; align-items: center; cursor: pointer;}
.qa_sec .qa_wrap .question .q_title .tit h4{margin-left: .5em; line-height: 1.6}
.qa_sec .qa_wrap .answer{display: none; background-color: #f9f8f6; padding: 2em 1.5em; overflow: hidden; border-top: 1px solid #ddd;}
.qa_sec .qa_wrap .answer span{position: absolute; top: -15px; left: -15px; color: rgba(var(--pointcolor-rgb), 0.15); line-height: 0.7;}

@media (max-width: 990px){
	.qa_sec .container{flex-wrap: wrap;}
	.qa_sec .title{width: 100%;}
	.qa_sec .qa_wrap{max-width: 900px; width: 100%;}
	.qa_sec .qa_wrap .question .q_title{align-items: flex-start;}
	.qa_sec .qa_wrap .question .q_title .tit{margin-right: 1em;}
	.qa_sec .qa_wrap .question .q_title img{width: 60%;}
}


/* 주의사항 */
.care_sec .txt_list li{border-bottom: 1px solid var(--pointcolor); padding: 2em 1em 1em 0; }
.care_sec .txt_list li p{position: relative; padding-left: 1em;}
.care_sec .txt_list li p::after{content: '·'; position: absolute; top: 0; left: 0; font-size: 1.250rem;}


/* No-How */
.nohow_sec{background: url(/img/sub/bg_nohow.jpg)no-repeat center / cover;}
.nohow_sec .container{align-items: center;}
.nohow_sec .item_list li{display: flex; align-items: center;}
.nohow_sec .item_list li > span{width: 6em; height: 5em; display: flex; align-items: center; justify-content: center;}
.nohow_sec .item_list li > p{margin-left: 1em;}
.nohow_sec .item_list li .txt{margin-left: 1em;}

@media (max-width: 990px){
	.nohow_sec .container{flex-wrap: wrap;}
	.nohow_sec .leftbox{width: 100%; margin-bottom: 5%;}
	.nohow_sec .imgbox{width: 100%;}
}


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


/* Sub::보톡스 */
.botox .title_sec .txt_inner:before{content: "Botox";}


.type_sec .flexList{--x-gap: 3rem; --y-gap: 3rem;}
.type_sec .flexList .box{position: relative;}
.type_sec .flexList .box .imge{height: 30vw; max-height: 450px; min-height: 300px; display: flex; align-items: center; justify-content: center;}
.type_sec .flexList .box > span{position: absolute; top: 0; left: 0; width: 6em; height: 2em; display: flex; align-items: center; justify-content: center;}
.type_sec .flexList .box .name div{width: 12em; padding: 0.3em; border-radius: 2em; display: inline-block;}

@media (max-width: 1240px){
	.type_sec .flexList .box .imge img{width: 60%;}
}

@media (max-width: 768px){
	.type_sec .flexList .box .imge img{width: 30%;}
}

@media (max-width: 480px){
	.type_sec .flexList .box .imge img{width: 40%;}
}


.botox .area_sec{background: url(/img/sub/02/area_bg1.jpg)no-repeat center right / cover;} /* 각 섹션 배경이미지 */
.botox .area_sec .modelbox{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 50%;} /* 각 섹션 모델이미지 */

@media (max-width: 768px){
	.botox .area_sec .modelbox{width: 70%; margin: auto; position: static; transform: none; order: 1;}
}


/* Sub::바디톡신 */
.bodytoxin .title_sec .txt_inner:before{content: "Bodytoxin";}


.cyc_sec .flexList{--x-gap: 3rem; --y-gap: 3rem; justify-content: space-between; flex-wrap: nowrap;}
.cyc_sec .flexList .cr_box{border-radius: 50%; width: 19em; height: 19em; display: flex; align-items: center; justify-content: center;}

@media (max-width: 768px){
	.cyc_sec .flexList{flex-wrap: wrap; align-items: center; flex-direction: column;}
	.cyc_sec .flexList .cr_box{width: 22em; height: 22em; padding: 1em;}
	.cyc_sec .flexList .image{width: 50%;}
}


.bodytoxin .area_sec{background: url(/img/sub/02/area_bg2.jpg)no-repeat center right / cover;} /* 각 섹션 배경이미지 */
.bodytoxin .area_sec .modelbox{position: absolute; top: -15%; left: 0; width: 40%;} /* 각 섹션 모델이미지 */

@media (max-width: 768px){
	.bodytoxin .area_sec .modelbox{width: 60%; margin: auto; position: static; transform: none; order: 1;}
}


/* Sub::기미&색소 */
.therapy .title_sec .txt_inner:before{content: "Skin Therapy";}

.program_sec1 .flexList{--x-gap: 3.5rem; --y-gap: 3.5rem;}
.program_sec1 .flexList .box > img{margin: auto;}
.program_sec1 .flexList .box > span{display: flex; justify-content: center; width: 8em; border-radius: 2em; padding: 0.2em; margin: 1.25em auto 0;}


.therapy .area_sec{background: url(/img/sub/02/area_bg2.jpg)no-repeat center right / cover;} /* 각 섹션 배경이미지 */
.therapy .area_sec .modelbox{position: absolute; top: -10%; left: 0; width: 50%;} /* 각 섹션 모델이미지 */

@media (max-width: 768px){
	.therapy .area_sec .modelbox{width: 60%; margin: auto; position: static; transform: none; order: 1;}
}


/* Sub::질환클리닉 */
.disease .title_sec .txt_inner:before{content: "Skin Disease";}


.tab_sec:before{display: block; content:''; width: 100%; height: 22vw; min-height: 280px; max-height: 420px; background-color: #f9f8f6; position: absolute; top: 0; left: 0; z-index: -1;}
.tab_sec .tab_wrap{margin: auto;}
.tab_sec .tab_menu{display: flex; flex-wrap: wrap; justify-content: space-between;}
.tab_sec .tab_menu .tab_m{width: auto; opacity: 0.3; position: relative; cursor: pointer; margin-bottom: .5em;}
.tab_sec .tab_menu .tab_m.active{opacity: 1; font-weight: 500;}

.tab_sec .contents_wrapper .tab{display: none; margin-left: auto; margin-right: auto;}
.tab_sec .contents_wrapper .tab.active{display: block;}

@media (max-width: 576px){
	.tab_sec .tab_menu{justify-content: flex-start;}
	.tab_sec .tab_menu .tab_m{width: 50%;}
}


/* Sub::여드름&흉터&모공 */
.acne .title_sec .txt_inner:before{content: "Pimple/Scar/Pore";}

.program_sec2 .flexList{--x-gap: 3.5rem; --y-gap: 3.5rem;}
.program_sec2 .flexList .box > img{margin: auto;}
.program_sec2 .flexList .box > span{display: flex; justify-content: center; width: 12em; border-radius: 2em; padding: 0.2em; margin: 1.25em auto 0;}


/* Sub::리프팅&안티에이징 */
.lifting .title_sec .txt_inner:before{content: "Lifting/Antiaging";}

.program_sec3 .flexList{--x-gap: 3.5rem; --y-gap: 3.5rem;}
.program_sec3 .flexList .box .txt span{display: flex; justify-content: center; width: 12em; border-radius: 2em; padding: 0.2em; margin: 1.25em auto 0;}
.program_sec3 .flexList .box .imgbox{position: relative;}
.program_sec3 .flexList .box .imgbox .dim{opacity:0; padding: 2em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.program_sec3 .flexList .box .imgbox:hover .dim{opacity: 1;}
.program_sec3 .flexList .box .imgbox .image > img{margin: auto; width: 100%;}

@media (max-width: 576px){
	.program_sec3 .flexList{--count:1}
}


.lifting .area_sec{background: url(/img/sub/03/area_bg2.jpg)no-repeat center right / cover;} /* 각 섹션 배경이미지 */
.lifting .area_sec .modelbox{position: absolute; bottom: 0; left: 10%; width: 50%;} /* 각 섹션 모델이미지 */
.lifting .area_sec .rightbox{z-index: 9;}

@media (max-width: 1440px){
	.lifting .area_sec .modelbox{width: 40%; left: 5%;}
}	

@media (max-width: 768px){
	.lifting .area_sec .modelbox{width: 60%; margin: auto; position: static; transform: none; order: 1;}
}


/* Sub::제모 */
.waxing .title_sec .txt_inner:before{content: "Waxing";}


.waxing .area_sec{background: url(/img/sub/03/area_bg3.jpg)no-repeat center right / cover;} /* 각 섹션 배경이미지 */
.waxing .area_sec .modelbox{position: absolute; bottom: 0; left: 10%; width: 50%;} /* 각 섹션 모델이미지 */
.waxing .area_sec .rightbox{z-index: 9;}

@media (max-width: 1440px){
	.waxing .area_sec .modelbox{width: 40%; left: 5%;}
}	

@media (max-width: 768px){
	.waxing .area_sec .modelbox{margin: auto; position: static; transform: none; order: 1;}
}


/* Sub::점제거 */
.removal .title_sec .txt_inner:before{content: "Remove Dot";}


.removal .area_sec{background: url(/img/sub/03/area_bg4.jpg)no-repeat center right / cover;} /* 각 섹션 배경이미지 */
.removal .area_sec .modelbox{position: absolute; bottom: 0; left: 10%; width: 50%;} /* 각 섹션 모델이미지 */
.removal .area_sec .rightbox{z-index: 9;}

@media (max-width: 1440px){
	.removal .area_sec .modelbox{width: 40%; left: 5%;}
}	

@media (max-width: 768px){
	.removal .area_sec .modelbox{width: 60%; margin: auto; position: static; transform: none; order: 1;}
}


/* Sub::맞춤형 프로그램 */
.customized .title_sec .txt_inner:before{content: "Customized";}


.type_sec2 .flexList{--x-gap: 2rem; --y-gap: 4rem;}
.type_sec2 .flexList .box{position: relative;}
.type_sec2 .flexList .box .imge{height: 30vw; max-height: 450px; min-height: 300px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.type_sec2 .flexList .box > span{position: absolute; top: 0; left: 0; width: 6em; height: 2em; display: flex; align-items: center; justify-content: center;}
.type_sec2 .flexList .box .name div{width: 12em; padding: 0.3em; border-radius: 2em; display: inline-block;}

@media (max-width: 576px){
	.type_sec2 .flexList .box .imge img{width: 100%;}
}


/* Sub::체형관리 */
.bodyshape .title_sec .txt_inner:before{content: "Body Shape";}


.bodyshape .area_sec{background: url(/img/sub/04/area_bg1.jpg)no-repeat center right / cover;} /* 각 섹션 배경이미지 */
.bodyshape .area_sec .modelbox{position: absolute; bottom: 0; left: 10%; width: 50%;} /* 각 섹션 모델이미지 */
.bodyshape .area_sec .rightbox{z-index: 9;}

@media (max-width: 1440px){
	.bodyshape .area_sec .modelbox{width: 40%; left: 5%;}
}	

@media (max-width: 768px){
	.bodyshape .area_sec .modelbox{width: 60%; margin: auto; position: static; transform: none; order: 1;}
}


/* Sub::일반진료 */
.treatment .title_sec .txt_inner:before{content: "Treatment";}


/* Sub::기능의학 */
.functional .title_sec .txt_inner:before{content: "Functional";}

.functional .program_sec3 .flexList{justify-content: center;}

@media (max-width: 990px){
	.functional .program_sec3 .flexList{justify-content: flex-start;}
}

.types_sec .typeList{justify-content: center;}
.types_sec .typeList .box{flex-direction: column; padding: 2.5em 1em 3em;}

@media (max-width: 990px){
	.types_sec .typeList{justify-content: flex-start;}
}


/* Sub::항노화 클리닉 */
.antiaging .title_sec .txt_inner:before{content: "Antiaging Clinic";}

@media (max-width: 990px){
	.antiaging .program_sec3 .flexList{justify-content: flex-start;}
}


/* Sub::예방접종 */
.vaccination .title_sec .txt_inner:before{content: "Vaccination";}




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

/* Tab::공통 section */
.tab_tit > img{position: absolute; right: 0; bottom: 0;}

@media (max-width: 1200px){
	.tab_tit .max1200{width: 90%;}
}

.types_sec .flexList{--x-gap: 6rem; --y-gap: 4rem;}
.types_sec .flexList[boxCount="5"]{--x-gap: 3rem;}
.types_sec .flexList .box{border: 1px solid #000; display: flex; align-items: center; justify-content: center; position: relative; padding: 2.25em 1em;}
.types_sec .flexList .box > p{text-align: center;}
.types_sec .flexList .box > span{position: absolute; left: 50%; transform: translateX(-50%); bottom: -.8em; width: 6em; padding: .1em; text-align: center; border-radius: 2em;}

@media (max-width: 576px){
	.types_sec .flexList{--count:1;}
}


.sym_sec .inner_wrap{justify-content: space-between; align-items: center;}
.sym_sec .inner_wrap .txtbox .list li{position: relative; padding-left: 1em;}
.sym_sec .inner_wrap .txtbox .list li:before{content: ''; display: block; width: 2px; height: 98%; background: var(--pointcolor); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.sym_sec .inner_wrap .txtbox .list .point > p{position: relative; padding-left: .5em;}
.sym_sec .inner_wrap .txtbox .list .point > p::after{content: '·'; position: absolute; top: 0; left: 0; font-size: 1.125rem;}

@media (max-width: 768px){
	.sym_sec .inner_wrap{flex-wrap: wrap;}
	.sym_sec .inner_wrap .imgbox{width: 100%;}
	.sym_sec .inner_wrap .txtbox{width: 100%; margin-top: 5%;} 
}


.caus_sec .swiper{width: 80%;}
.caus_sec .slide_wrap{padding: 3em 0;}
.caus_sec .slide_wrap .slide-inner .number{width: 35%;}
.caus_sec .slide_wrap .slide-inner .txtbox{padding: 2em; border: 1px solid #fff; width: 65%; display: flex; align-items: center; box-sizing: border-box;}
.caus_sec .slide_wrap .slide-inner .txtbox2{padding: 2em; border: 1px solid #fff; width: 65%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;}

.caus_sec .swiper-pagination{position: static; text-align: left; width: 20%;}
.caus_sec .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; opacity: .4;}
.caus_sec .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px;}
.caus_sec .swiper-pagination-bullet-active{opacity: 1;}

@media (max-width: 1200px){
	.caus_sec .slide_wrap .swiper_wrap{width: 90%;}
}

@media (max-width: 768px){
	.caus_sec .slide_wrap .swiper_wrap{flex-wrap: wrap;}
	.caus_sec .swiper-pagination{width: 100%; order: 1;}
	.caus_sec .swiper{width: 100%; margin-bottom: 5%;}
}

@media (max-width: 576px){
	.caus_sec .flexList[layoutStyle="fullbox"]{--count:1; --y-gap: 0; overflow: hidden;}
	.caus_sec .flexList[layoutStyle="fullbox"] .box{max-height: 200px; height: 40vw;}

	.caus_sec .swiper{overflow: visible;}
	.caus_sec .slide_wrap .slide-inner{flex-wrap: wrap;}
	.caus_sec .slide_wrap .slide-inner .number{width: 100%;}
	.caus_sec .slide_wrap .slide-inner .txtbox, .caus_sec .slide_wrap .slide-inner .txtbox2{width: 100%; margin-top: 5%;}
}

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


/* Sub::비급여 */