@charset "utf-8";

#main {position:relative; z-index:1;}
#main_visual {position:relative; height:886px;}
#main_visual .swiper-container {position:absolute; top:0; left:50%; width:1920px; margin-left:-960px;}
#main_visual .swiper-slide {position:relative; padding-bottom:46.14%; background:no-repeat center; background-size:100% auto;}
#main_visual .swiper-slide a {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;}
#main_visual .swiper-button-prev,
#main_visual .swiper-button-next {width:28px; height:53px; margin-top:60px;}
#main_visual .swiper-button-prev {left:190px; background:url('../images/main/btn_visual_prev.png') no-repeat;}
#main_visual .swiper-button-next {right:190px; background:url('../images/main/btn_visual_next.png') no-repeat;}
#main_visual .swiper-pagination {bottom:30px; left:0; width:100%; text-align:center; font-size:0;}
#main_visual .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px; background:#fff; opacity:0.8; border:solid 1px; border-color:rgba(0,0,0,0.15)}
#main_visual .swiper-pagination-bullet-active {background:#ceb099; opacity:1; border:solid 1px #ceb099;}
#main_visual .svg_box {position:absolute; top:0; left:0; width:100%; height:100%;}
#main_visual .svg_box .box {position:absolute; top:50%; left:50%; width:1160px; height:564px; margin-left:-563px; margin-top:-221px; opacity:0.5;}
#main_visual .svg_box svg {width:100%; height:100%;}
#main_visual .logo {position:absolute; left:41.92%; top:40.67%; z-index:100; width:4.16%;}
#main_visual .logo img {width:100%;}





#main_youtube {padding:100px 0; background:#f3f3f3;}
#main_youtube .title {margin-bottom:45px; text-align:center;}
#main_youtube .title h2 {display:inline-block; /*padding-left:70px;*/ font-family:'Spoqa Han Sans Neo',sans-serif; font-size:50px; color:#222222; font-weight:700; /*background:url('../images/main/icon_youtube.png') no-repeat 0 center;*/ letter-spacing:-0.065em;}
#main_youtube .title p {margin-top:6px; color:#666666}
#main_youtube .cont {overflow:hidden;display: flex;justify-content: space-between;} /* 241118수정 */
#main_youtube .movie {float:none; width:65.5%;} /* 241118수정 */
#main_youtube .movie .box {position:relative; padding-bottom:56.25%;}
#main_youtube .movie iframe {position:absolute; top:0; left:0; width:100%;height: 100%;}
#main_youtube .list {float:none; width:32.375%;} /* 241118수정 */
#main_youtube .list ul {overflow:hidden; margin:0;height:100%;display: flex;flex-direction: column;justify-content: space-between;}/* 241118수정 */
#main_youtube .list li {float:none;width:100%;height: 22%;padding:0;} /* 241118수정 */
#main_youtube .list li:first-child {margin-top: 0;}
#main_youtube .list li a {display: block;width: 100%;height: 100%;}
#main_youtube .list .box {display: flex;align-items: center;justify-content: space-between;background: none;padding-bottom: 0;height: 100%;} /* 241118수정 */
#main_youtube .list .box .img {display: flex;width: 50%;height: 100%;}
#main_youtube .list .box .img img {height: 100%;width: 100%;object-fit: cover;} /* 241118수정 */
#main_youtube .list p {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; letter-spacing:-0.04em;width: calc(50% - 15px);height: auto;line-height: 1.5;font-weight: 700;margin: 0;} /* 241118수정 */
#main_youtube .list p strong {color:#222222; font-weight:700;}
#main_youtube .btn_view_more {display:block; width:390px; height:60px; margin:50px auto 0; font-family:'Gotham book',sans-serif; font-size:0; color:#fff; line-height:60px; text-align:center; font-weight:500; background:#222222;}
#main_youtube .btn_view_more * {vertical-align:middle;}
#main_youtube .btn_view_more span {font-size:22px;}
#main_youtube .btn_view_more:after {display:inline-block; width:9px; height:15px; margin-left:30px; vertical-align:middle; background:url('../images/main/icon_more_arr.png') no-repeat center; content:'';}


#main_youtube .csize01 .tit {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
#main_youtube .csize01 .tit h3 {display: flex;align-items: center;font-size: 40px;font-family: 'Spoqa Han Sans Neo',sans-serif;font-weight: bold;}
#main_youtube .csize01 .tit h3 span {width: 8px;height: 40px;background-color: #A7DFDA;margin-right: 10px;}
#main_youtube .csize01 .tit a {font-size: 20px;font-weight: 600;}


#main_instgram {display: none;padding:50px 0px 60px 0px; background:#f3f3f3;}
#main_instgram .title {margin-bottom:45px; text-align:center;}
#main_instgram .title h2 {display:inline-block; font-family:'Spoqa Han Sans Neo',sans-serif; font-size:50px; color:#222222; font-weight:700; letter-spacing:-0.065em;}
#main_instgram .title p {margin-top:6px; color:#666666}
#main_instgram .cont {overflow:hidden;}
#main_instgram .btn_view_more {display:block; width:390px; height:60px; margin:50px auto 0; font-family:'Gotham book',sans-serif; font-size:0; color:#fff; line-height:60px; text-align:center; font-weight:500; background:#222222;}
#main_instgram .btn_view_more * {vertical-align:middle;}
#main_instgram .btn_view_more span {font-size:22px;}
#main_instgram .btn_view_more:after {display:inline-block; width:9px; height:15px; margin-left:30px; vertical-align:middle; background:url('../images/main/icon_more_arr.png') no-repeat center; content:'';}

#instagram {overflow: hidden;width: 100%;}
.instagram_item {float: left;width: 33.3%;padding-right: 1px; padding-bottom: 1px;}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {width: 100%;padding: 19px 57px;position: absolute;left: 0;top: 50%;font-size: 16px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
/*
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}
*/



#beauty_trip {position:relative; margin:100px 0;}
#beauty_trip .swiper-container {position:relative;}
#beauty_trip .swiper-slide {width:410px;}
#beauty_trip .beauty_trip_scroll {position:absolute; top:0; left:50%; z-index:10; width:460px; height:557px; margin-left:-230px; background:#fff;}
#beauty_trip .t01 {width:285px; height:285px; margin:63px auto 55px; padding-top:95px; font-family:'Gotham book',sans-serif; font-size:40px; font-weight:500; text-align:center; color:#2b303b; line-height:1; background:url('../images/main/beauty_trip_circle.png') no-repeat center;}
#beauty_trip .t01 strong {font-weight:700;}
#beauty_trip .t02 {font-size:22px; color:#232e3d; text-align:center; font-weight:400;}
#beauty_trip .scrollbar {position:relative; width:263px; height:7px; margin:48px auto; border-radius:3px; background:#e9e9e9;}
#beauty_trip .btn_drag {position:absolute; top:0; left:0; width:60px; height:30px; margin-top:-10px; border-radius:0; -webkit-border-radius:0; background:url('../images/main/icon_scroll.png') no-repeat;}
#beauty_trip dl {padding-left:10px; color:#333333; line-height:1.44;}
#beauty_trip dt {margin-top:20px; font-size:36px; font-family:'Spoqa Han Sans Neo',sans-serif; font-weight:600; letter-spacing:-0.065em;}
#beauty_trip dd {display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden; height:75px; margin:7px 0 10px; font-size:18px; font-weight:400; line-height:25px;}
#beauty_trip .more {display:block; width:120px; height:30px; margin-left:10px; border:1px solid #333333; font-size:16px; line-height:28px; text-align:center; letter-spacing:0; transition:all 0.3s;}
.pc #beauty_trip .more:hover {color:#fff; background:#333333;}
#beauty_trip img {width:100%;}
#beauty_trip .swiper-button-prev,
#beauty_trip .swiper-button-next {display:none; top:50%; width:27px; height:48px; background:no-repeat center;transform: translateY(-50%);}
#beauty_trip .swiper-button-prev {left:10%; background-image:url('../images/main/btn_beauty_trip_prev.png');}
#beauty_trip .swiper-button-next {right:10%; background-image:url('../images/main/btn_beauty_trip_next.png');}

.swiper-button-prev:after,
.swiper-button-next:after {font-size:0 !important; content:'';}

#beauty_trip .tit {margin-bottom: 30px;}
#beauty_trip .tit .csize01 {display: flex;align-items: center;justify-content: space-between;}
#beauty_trip .tit .csize01 h3 {display: flex;align-items: center;font-size: 40px;font-family: 'Spoqa Han Sans Neo',sans-serif;font-weight: bold;}
#beauty_trip .tit .csize01 h3 span {width: 8px;height: 40px;background-color: #A7DFDA;margin-right: 10px;}
#beauty_trip .tit .csize01 a {font-size: 20px;font-weight: 600;}


#beauty_trip .swiper-container .swiper-wrapper .swiper-slide a {display: block;position: relative;}
#beauty_trip .swiper-container .swiper-wrapper .swiper-slide a .img_info {position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;background-color: rgba(0,0,0,0.5);}
#beauty_trip .swiper-container .swiper-wrapper .swiper-slide a .img_info p {font-size: 20px;color: #fff;text-align: center;}




#history {display: none;padding:100px 0; background:center #212329; background-size:cover;}
#history img {max-width:100%;}
#history .inwrap {overflow:hidden;}
#history .img {float:left; width:50%; padding-right:20px; padding-top:20px;}
#history_scroll {float:left; overflow:hidden; position:relative; width:50%; height:635px; padding-left:90px;}
#history_scroll .box {}
#history_scroll .iScrollVerticalScrollbar {position:absolute; overflow:visible !important; top:0; left:11px !important; z-index:10; right:none !important; -webkit-border-radius:6px; border-radius:6px; background:rgba(69,79,90,.5);}
#history_scroll .iScrollIndicator {position:absolute; left:-11px; width:31px !important; height:31px !important; max-height:31px !important; border:0 !important; background:url('../images/main/history_scroll.png') no-repeat center !important; transition:all 0.5s; background-size:29px 29px;}
#history_scroll h3 {font-family:'Gotham book',sans-serif; font-size:42px; font-weight:500; color:#fff;}
#history_scroll h3 img {display:block; margin-bottom:10px;}
#history_scroll .stxt {margin-bottom:25px; font-size:30px; line-height:1.2; color:#f7d281; letter-spacing:-0.06em;}
#history_scroll li {position:relative; margin-top:12px; padding-left:40px; font-size:16px; color:#ffffff; line-height:1.33; font-weight:300;}
#history_scroll li strong {position:absolute; top:0; left:0; color:rgba(255,255,255,0.2); font-weight:300;}
#history_scroll .ycont+.ycont {margin-top:30px;}
#history .btn_wrap {display:none; position:relative; z-index:2;}
#history .btn_prev,
#history .btn_next {overflow:hidden; position:absolute; right:0; width:48px; height:27px; border:0; text-indent:-999px; cursor:pointer;}
#history .btn_prev {top:58px; background:url('../images/main/btn_history_prev.png') no-repeat center;}
#history .btn_next {top:133px; background:url('../images/main/btn_history_next.png') no-repeat center;}


#selfie {margin:100px 0; font-weight:300;}
#selfie ul {overflow:hidden; margin:-6px;}
#selfie li {padding:6px;}
#selfie a {display:block; position:relative;}
#selfie a:after {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(217,60,122,0.8); content:''; transition:all 0.4s;}
#selfie img {width:100%;}
#selfie .txt {position:absolute; top:50%; left:0px; right:0px; z-index:2; padding-top:78px; margin-top:-56px; font-size:20px; color:#fff; text-align:center; opacity:0; transform:translateY(20px); background:url('../images/main/selfie_icon.png') no-repeat center top; transition:all 0.4s;}
.pc #selfie a:hover:after,
#selfie li.on a:after {opacity:1;}
#selfie li.on a .txt,
.pc #selfie li a:hover .txt {opacity:1; transform:translateY(0px);}






#center_link {display: none;overflow:hidden;}
#center_link .box {padding:210px 0;}
#center_link .txt {display:inline-block; padding:0 85px;}
#center_link h2 {font-family:'Spoqa Han Sans Neo',sans-serif; font-size:60px; line-height:1; color:#3b3f4b; font-weight:400; letter-spacing:-0.065em;}
#center_link h2 strong {font-weight:600;}
#center_link p {margin:25px 0 30px; font-size:20px; color:#333333; line-height:1.3;}
#center_link .more {display:inline-block; font-size:18px; color:#3b3f4b;}
#center_link .antiaging {text-align:right; background:no-repeat 0 center #a5c4d6;}
#center_link .revision {background: no-repeat center #3b3f4b; background-size:cover;}
#center_link .more {display:inline-block; padding-right:25px; font-family:'Spoqa Han Sans Neo',sans-serif; font-size:18px; font-weight:600; background:url('../images/main/center_link_arr01.png') no-repeat right center; background-size:7px auto;}
#center_link .revision h2 {color:#917864;}
#center_link .revision p {color:#333333; font-weight:300;}
#center_link .revision .more {color:#917864; background-image:url('../images/main/center_link_arr02.png');}



#antiaging {display: none;position:relative; height:950px; color:#333333;}
#antiaging .img {position:relative; height:auto; padding-bottom:49.47%; background:no-repeat center bottom; background-size:cover;}
#antiaging .img:before {position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; background:no-repeat center bottom; background-size:cover; transition:all 0.4s; content:'';}
#antiaging .on .img:before {opacity:1;}
#antiaging .txt {position:absolute; top:150px; left:50%; z-index:5; width:1200px; margin-left:-600px;}
#antiaging .txt {top:40%; left:18.5%; margin:0; margin-top:-230px;}	
#antiaging .t01 {font-size:22px;}
#antiaging h3 {margin-top:15px; font-family:'Spoqa Han Sans Neo',sans-serif; font-size:60px; line-height:1.2; letter-spacing:-0.07em;}
#antiaging h3 em {font-weight:800;}
#antiaging h3 strong {font-weight:800;}
#antiaging .swiper-container {position:absolute; top:0; left:50%; width:1920px; margin-left:-960px;}
#antiaging .controls {position:absolute; top:130px; right:50%; z-index:10; width:102px; margin-right:-700px; line-height:35px; height:35px;}
#antiaging .swiper-pagination {bottom:0; font-size:18px; color:#959595;}
#antiaging .swiper-pagination-current {font-size:36px; color:#333333; font-weight:700;}
#antiaging .swiper-button-prev {left:0; width:16px; height:35px; margin-top:-17px; background:url('../images/main/btn_antiaging_prev.png') no-repeat center;}
#antiaging .swiper-button-next {right:0; width:16px; height:35px; margin-top:-17px; background:url('../images/main/btn_antiaging_next.png') no-repeat center;}
#antiaging .hover_area {position:absolute; z-index:3; cursor:pointer;}
#antiaging .hover_area a {display:block; margin-bottom:4.166%; padding-bottom:14.58%;}
#antiaging .slide01 .hover_area {left:18.75%; top:0; width:25%; height:35.78%; margin:0; margin-top:20.15%;}
#antiaging .slide02 .hover_area {left:18.75%; top:0; width:25%; height:16.94%; margin:0; margin-top:24.8%;}
#antiaging .slide03 .hover_area {left:18.75%; top:0; width:25%; height:35.78%; margin:0; margin-top:20.15%;}



#doctor {position:relative;}
#doctor .swiper-slide {position:relative; height:700px; background:center; background-size:cover;}
#doctor .txt {position:absolute; top:215px; left:50%; padding-left:40px; width:600px;}
#doctor .t01 {font-family:'Gotham book',sans-serif; font-size:34px; color:rgba(255,255,255,0.8);}
#doctor h3 {font-family:'Spoqa Han Sans Neo',sans-serif; font-size:90px; color:#fff; font-weight:600; letter-spacing:-0.04em; line-height:1.2;}
#doctor .t02 {position:relative; margin-top:20px; padding-top:27px; font-size:22px; color:#fff; font-weight:300; line-height:1.4;}
#doctor .t02:before {position:absolute; top:0; left:0; width:70px; height:2px; background:#ffffff; content:'';}
#doctor .swiper-pagination {position:absolute; bottom:50px; right:50%; margin-right:-640px; z-index:10; }
#doctor .swiper-pagination-bullet {position:relative; border-radius:0; width:60px; height:35px; opacity:1; border-bottom:2px solid #9b9b9b; color:#9b9b9b; font-size:14px; line-height:1; font-weight:300; text-align:left; letter-spacing:0; background:none;}
#doctor .swiper-pagination-bullet:after {position:absolute; top:18px; left:0; width:5px; height:5px; border-radius:50%; background:#9b9b9b; content:'';}
#doctor .swiper-pagination-bullet-active {border-color:#fff;}


#activity {display: none;margin-top:-1px; padding:80px 0; background:#333333;}
#activity .inwrap {position:relative; padding-left:405px;}
#activity .m_tit {display:none;}
#activity .pc_tit {position:absolute; top:17px; left:60px;}
#activity_swiper {position:relative; padding-left:70px; padding-right:20px;}
#activity .swiper-slide {text-align:center;}
#activity .swiper-slide p {display:inline-block; max-width:220px; margin-top:7px; padding-right:10%; font-size:16px; color:#aaaaaa; line-height:1.375; font-weight:300; letter-spacing:0; text-align:left;}
#activity .swiper-button-prev,
#activity .swiper-button-next {width:27px; height:52px; margin-top:-50px;}
#activity .swiper-button-prev {background:url('../images/main/btn_activity_prev.png') no-repeat center;}
#activity .swiper-button-next {background:url('../images/main/btn_activity_next.png') no-repeat center;}


#bna {display: none;padding:100px 0; background:#ffffff;}
#bna h2 {font-family:'Gotham book',sans-serif; font-size:50px; font-weight:400; color:#232e3d; text-align:center; line-height:1;}
#bna h2 strong {font-weight:700;}
#bna_menu {position:relative; margin-top:55px; font-size:20px; color:#666666;}
#bna_menu:after {position:absolute; top:0; left:0; right:0; height:4px; background:#e4e4e4; content:'';}
#bna_menu .swiper-slide {position:relative; z-inidex:2;}
#bna_menu .swiper-slide:after {position:absolute; top:0; left:0; width:100%; height:4px; background:#fe0265; opacity:0; transition:all 0.4s; content:'';}
#bna_menu .swiper-slide.on {color:#000; font-weight:700;}
#bna_menu .swiper-slide.on:after {opacity:1;}
#bna_menu a {display:block; padding:14px; line-height:44px; letter-spacing:-0.02em; text-align:center;}
#bna_menu a.r2 {line-height:22px;} 
#bna .cbox {position:relative;}
#bna .button-prev,
#bna .button-next {overflow:hidden; position:absolute; top:50%; width:28px; height:50px; margin:0; text-indent:-999px; background:no-repeat center; background-size:contain}
#bna .button-prev {left:-60px; background-image:url('../images/btn/btn_prev04.png');}
#bna .button-next {right:-60px; background-image:url('../images/btn/btn_next04.png');}


#dragstage_area {position:relative;}
.dragstage {}
.dragstage img {width:100%; height:auto;}
.dragstage .stageimage{position:absolute;top:0;left:0;z-index:1;}
.dragstage .stageimage img {opacity:0;}
.dragstage .coverimage {overflow:visible !important; position:absolute;top:0;left:0;z-index:3; width:100%; height:100%; max-width:none;}
.dragstage .coverimage img {position: absolute; height: 100%; width: 100%;  max-width:none; clip: rect(0px, 328px, auto, 0px);}
.dragstage .coverimage:hover{cursor:e-resize;}
.dragstage .active .handle {position:absolute; top:0; right:0; width:10px; bottom:0; z-index:100; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle:before {position:absolute; top:0; right:0; width:2px; height:100%; background:#ffffff; content:'';}
.dragstage .active .handle:after {position:absolute; bottom:-36px; left:0px; width:72px; height:72px; margin-left:-30px; background:url('../images/main/icon_mouse.png') no-repeat; background-size:contain; content:''; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle.on {opacity:1;}
.dragstage .active .handle > span{display:block;font-size:12px; color:#fff; margin-top:90px;text-align:Center}
.dragstage .active .handle.drag_start:after {opacity:1;}
#bna .txt {margin-top:70px; font-size:17px; color:#202020; text-align:center;}



#grandps {display: none !important;overflow:hidden; position:relative; height:800px; padding:0 3%; text-align:center; line-height:1; font-family:'Spoqa Han Sans Neo',sans-serif; color:#fff; background:no-repeat center; background-size:cover;}
#grandps .txt {position:relative; z-index:2;}
#grandps .t01 {position:relative; padding-top:27px; font-size:32px; line-height:1.2; letter-spacing:-0.065em;}
#grandps .t01:before {position:absolute; top:0; left:50%; width:56px; height:1px; margin-left:-28px; background:rgba(255,255,255,0.5); content:'';}
#grandps .t02 {margin-top:15px; font-size:50px; font-weight:600; line-height:1.2; letter-spacing:-0.065em;}
#grandps .vbox {position:absolute; top:50%; left:50%; width:250%; height:160%; transform:translate(-50%,-50%);}
#grandps .vbox:after {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(104,94,91,0.5); content:'';}
#grandps .vbox video {width:100%; height:100%;}

#model_recruit {width: 100%;height: 250px;background: url("../images/main/work/banner_model.jpg") no-repeat center;background-size: cover;}
#model_recruit a {display: block;width: 100%;height: 100%;}
#model_recruit a p {font-size: 0;text-indent: -9999px;line-height: 0;}
#model_recruit a img {display: none;}

#selfie_new {margin-top: 50px;}
#selfie_new .csize01 .tit {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
#selfie_new .csize01 .tit h3 {display: flex;align-items: center;font-size: 40px;font-family: 'Spoqa Han Sans Neo',sans-serif;font-weight: bold;}
#selfie_new .csize01 .tit h3 span {width: 8px;height: 40px;background-color: #A7DFDA;margin-right: 10px;}
#selfie_new .csize01 .cont {width: 100%;}
#selfie_new .csize01 .cont .grid {display: grid;grid-template-columns: repeat(5, 1fr); grid-auto-rows: 1fr;gap: 0.2vw;list-style: none;padding: 0;margin: 0;}
#selfie_new .csize01 .cont .grid .square {aspect-ratio: 1 / 1;overflow: hidden;}
#selfie_new .csize01 .cont .grid .square img {width: 100%;height: 100%;object-fit: cover;}
#selfie_new .csize01 .cont .grid .rectangle {position: relative;grid-row: span 2;overflow: hidden;}
#selfie_new .csize01 .cont .grid .rectangle img {width: 100%;height: 100%;object-fit: cover;margin-right: -10%;}
#selfie_new .csize01 .cont .grid .rectangle img.mo {display: none;}


.circle_m {position:absolute; top:446px; left:50%; font-size:0; text-indent:-9999px;}
.circle_m:before {position:absolute; top:50%; left:50%; width:16px; height:16px; margin-left:-8px; margin-top:-8px; border-radius:50%; background:rgba(254,2,101,1); content:'';}
.circle_m:after {position:absolute; top:50%; left:50%; z-index:0; width:50px; height:50px; opacity:1; margin-left:-25px; margin-top:-25px; border-radius:50%; background:rgba(254,2,101,.3); content:'';}
.circle_m:after {-webkit-animation: zoomInOutCircle 1.5s infinite !important; animation: zoomInOutCircle 1.5s infinite !important; -webkit-animation-fill-mode: both;animation-fill-mode: both;}



.circle01 {left:57.03%; top:44.42%;}
.circle02 {left:57.8125%; top:53.89%;}
.circle03 {left:60.625%; top:72.947%;}
.circle04 {left:64.27%; top:29.89%;}
.circle05 {left:50.57%; top:38.42%;}
.circle06 {left:64.32%; top:43.36%;}
.circle07 {left:66.51%; top:63.47%;}
.circle08 {left:61.30%; top:85.15%;}
.circle10 {display:none;}




.csize01 {width:94%; max-width:1280px; margin-left:auto; margin-right:auto;}
.csize02 {width:94%; max-width:1400px; margin-left:auto; margin-right:auto;}
.gold_g {background: linear-gradient(to right, #cda14f, #f5db92,#cda14f) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.mtitle01 {margin-bottom:45px; font-family:'Gotham book',sans-serif; font-size:60px; font-weight:500; color:#222222; letter-spacing:-0.05em; text-align:center;}
.mtitle01 strong {font-weight:700;}



@-webkit-keyframes zoomInOutCircle {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50%,60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomInOutCircle {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50%,60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.animated .zoomInOut {
  -webkit-animation-name: zoomInOutCircle;
  animation-name: zoomInOutCircle;
}



@media all and (min-width:1920.1px){
	#main_visual {height:auto;}
	#main_visual .swiper-container {position:relative; left:0; width:auto; margin:0;}
	#main_visual .swiper-slide {height:auto;}

	#center_link .antiaging {background-position:center center;}
}
@media all and (min-width:1200px){
	#history {background-image:url('../images/main/history_bg.jpg');}
	

	#center_link .antiaging {background-image:url('../images/main/center_link_img01.jpg')}
	#center_link .revision {background-image:url('../images/main/center_link_img02.jpg')}

	
}
@media all and (min-width:992px){
	#antiaging .slide01 .img {background-image:url('../images/main/antiaging_img01.jpg');}	
	#antiaging .slide02 .img {background-image:url('../images/main/antiaging_img02.jpg');}
	#antiaging .slide03 .img {background-image:url('../images/main/antiaging_img03.jpg');}
	#antiaging .slide01 .img:before {background-image:url('../images/main/antiaging_img01_on.jpg');}
	#antiaging .slide02 .img:before {background-image:url('../images/main/antiaging_img02_on.jpg');}
	#antiaging .slide03 .img:before {background-image:url('../images/main/antiaging_img03_on.jpg');}

	#grandps {background-image:url('../images/main/grandps_bg.jpg'); background:#000;}

	
}
@media all and (min-width:768px){
	#main_visual .slide01 {background-image:url('../images/main/main_visual01.jpg');}
	#main_visual .slide02 {background-image:url('../images/main/main_visual02.jpg');}
	#main_visual .slide03 {background-image:url('../images/main/main_visual03.jpg');}
	#main_visual .slide04 {background-image:url('../images/main/main_visual04.jpg');}
	#main_visual .slide05 {background-image:url('../images/main/main_visual05.jpg');}
	#main_visual .slide06 {background-image:url('../images/main/main_visual06.jpg');}
	#main_visual .slide07 {background-image:url('../images/main/main_visual07.jpg');}
	#main_visual .slide08 {background-image:url('../images/main/main_visual08.jpg');}
	#main_visual .slide09 {background-image:url('../images/main/main_visual09.jpg');}

	#doctor .slide01 {background-image:url('../images/main/doctor_img01.jpg');}
	#doctor .slide02 {background-image:url('../images/main/doctor_img02.jpg');}
	#doctor .slide03 {background-image:url('../images/main/doctor_img03.jpg');}
	#doctor .slide04 {background-image:url('../images/main/doctor_img04.jpg');}
}
@media all and (max-width:1700px){
	#main_visual .swiper-button-prev,
	#main_visual .swiper-button-next {display:none;}
	#main_visual .swiper-pagination {display:block;}

	#center_link .txt {padding:0 50px;}
}
@media all and (max-width:1400px){
	#main_visual {height:auto;}
	#main_visual .swiper-container {position:relative; left:0; width:auto; margin:0 -13%;}
	#main_visual .swiper-slide {}


	#antiaging .controls {right:30px; top:0; margin:0; margin-top:30px;}

	#doctor .txt {left:auto; right:5%;}
	#doctor .swiper-pagination {right:30px; margin:0;}

}
@media all and (max-width:1300px){
	#antiaging {height:auto;}
	#antiaging .swiper-container {position:relative; left:0; width:auto; margin:0 -24%;}
	#antiaging .swiper-slide {position:relative;}	
	
}
@media all and (max-width:1199.9px){
	
	#main_youtube {padding:80px 0;}
	#main_youtube .movie {width:100%;}
	#main_youtube .list {width:100%; margin-top:30px;}
	#main_youtube .list img {width:100%; max-width:none;}

  #main_youtube .cont {display: block;}
  #main_youtube .list ul {flex-direction: row;flex-wrap: wrap;}
  #main_youtube .list li {width: 49%;}
  #main_youtube .list .box {display: block;}
  #main_youtube .list .box .img {width: 100%;}
  #main_youtube .list p {width: 100%;height: 100px;margin-top: 15px;margin-left: 10px;}

	#beauty_trip {margin:80px 0;}
	#beauty_trip .beauty_trip_scroll {display:none;}	
	#beauty_trip .swiper-button-prev,
	#beauty_trip .swiper-button-next {display:block;}

	#history {padding:0px 0 80px;}
	#history .btn_wrap {display:block;}
	#history .inwrap {overflow:visible;}
	#history .img {float:none; width:auto; margin:0 -5%; padding:80px 30px 80px; text-align:center; background:#2b303b;}
	#history_scroll {float:none; width:auto; height:600px; margin:80px 0 0; padding:0; padding-right:60px;}	
	#history_scroll .box {position:relative; transition:all 0s;}
	#history_scroll .iScrollVerticalScrollbar {display:none;}
	#history_scroll .iScrollIndicator {display:none;}

	#selfie {margin:80px 0;}

	#center_link .box {padding:80px 30px; text-align:left;}
	#center_link .txt {padding:0;}
	#center_link .antiaging {background-image:url('../images/main/center_link_img01_m.jpg'); background-position:right center; background-size:auto 100%;}
	#center_link .revision {background-image:url('../images/main/center_link_img02_m.jpg')}

	#antiaging .txt {margin-top:-200px;}

	#activity .inwrap {padding-left:320px;}
	#activity .pc_tit {left:0;}

	#bna {padding:80px 0;}
	/*
	#bna .button-prev,
	#bna .button-next {overflow:hidden; position:absolute; top:50%; width:28px; height:50px; margin:0; text-indent:-999px; background:no-repeat center; background-size:contain}
	#bna .button-prev {left:-60px; background-image:url('../images/btn/btn_prev04.png');}
	#bna .button-next {right:-60px; background-image:url('../images/btn/btn_next04.png');}
	*/
	#bna .button-prev,
	#bna .button-next {top:0; height:72px; background-size:18px auto;}
	#bna .button-prev {left:0;}
	#bna .button-next {right:0;}
	#bna_menu {position:relative; padding:0 50px;}
	

	

	
}
@media all and (max-width:991.9px){
	
	

	#antiaging {padding:80px 0; background:#f3f3f3;}
	#antiaging .swiper-container {margin:0 30px;}
	#antiaging .swiper-slide {position:relative; overflow:hidden;}
	#antiaging .img {max-width:660px; height:930px; margin:0 auto; padding:0; margin-top:40px; background-position:center top; background-size:contain; background-color:#fff;}
	#antiaging .img:after {position:absolute; top:0; left:-200px; right:-200px; bottom:0; z-index:-1; background:#fff; content:'';}
	#antiaging .img:before {top:0; left:0; right:0; bottom:0; background-position:center top; background-size:contain; transition:opacity 0.3s 0.7s;}
	#antiaging .slide01 .img {background-image:url('../images/main/antiaging_img01_m.jpg');}
	#antiaging .slide02 .img {background-image:url('../images/main/antiaging_img02_m.jpg');}
	#antiaging .slide03 .img {background-image:url('../images/main/antiaging_img03_m.jpg');}
	#antiaging .slide01 .img:before {background-image:url('../images/main/antiaging_img01_m_on.jpg');}
	#antiaging .slide02 .img:before {background-image:url('../images/main/antiaging_img02_m_on.jpg');}
	#antiaging .slide03 .img:before {background-image:url('../images/main/antiaging_img03_m_on.jpg');}
	#antiaging .swiper-slide.swiper-slide-active .img:before {opacity:1; transition:opacity 0.5s 2s;}
	#antiaging .txt {position:relative; top:0; left:0; width:auto; margin:0; text-align:center;}

	#antiaging .controls {position:static; top:0; right:0; margin:0; height:0;}
	#antiaging .swiper-pagination {position:absolute; top:0; right:30px; left:auto; width:auto; margin:0; margin-top:30px;}
	#antiaging .swiper-pagination,
	#antiaging .swiper-pagination-current {font-size:30px;}
	#antiaging .swiper-button-prev,
	#antiaging .swiper-button-next {top:30%; width:20px; height:36px; margin-top:200px;}
	#antiaging .swiper-button-prev {left:8%; background-image:url('../images/main/btn_antiaging_prev_m.png');}
	#antiaging .swiper-button-next {right:8%; background-image:url('../images/main/btn_antiaging_next_m.png');}
	#antiaging .hover_area {position:absolute; top:480px !important; left:30px !important; right:30px !important; width:auto !important; margin-top:0 !important;}
	#antiaging .hover_area a {padding-bottom:15%; margin-bottom:1.666%;}

	.circle_m {font-family:'Gotham book',sans-serif; font-size:20px; line-height:40px; text-align:center; color:#fff; text-indent:0;}
	.circle_m b {position:absolute; top:50%; left:50%; width:40px; height:40px; margin-left:-20px; margin-top:-20px; z-index:2;}
	.circle_m:before {width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
	.circle_m:after {width:80px; height:80px; margin-left:-40px; margin-top:-40px;}

	.circle01 {left:36.66%; top:21.39%;}
	.circle02 {left:39.69%; top:29.67%;}
	.circle03 {left:44.84%; top:44.84%;}
	.circle04 {left:50.75%; top:14.08%;}
	.circle10 {display:block; left:43.18%; top:38.49%;}
	.circle05 {left:22.12%; top:14.73%;}
	.circle06 {left:52.27%; top:17.2%;}
	.circle07 {left:50.03%; top:31.7%;}
	.circle08 {left:40.6%; top:45.9%;}

	#doctor .txt {right:auto; width:100%; text-align:center; padding-left:0;}
	#doctor .t02:before {left:50%; margin-left:-35px;}
	#doctor .swiper-pagination {left:50%; text-align:center;transform: translateX(-50%);}
	#doctor .swiper-pagination-bullet {overflow:hidden; width:25px; height:25px; margin:0 10px; border-radius:100%; font-size:0; text-indent:-999px; text-align:left; border:0; opacity:0.3; background:#fff;}
	#doctor .swiper-pagination-bullet:after {display:none;}
	#doctor .swiper-pagination-bullet-active {opacity:1;}

	#activity .inwrap {padding-left:0;}
	#activity .m_tit {display:block; margin:0 auto 40px;}
	#activity .pc_tit {display:none;}	
	#activity .swiper-button-prev {left:11px; background:url('../images/main/btn_activity_prev_m.png') no-repeat center;}
	#activity .swiper-button-next {right:11px; background:url('../images/main/btn_activity_next_m.png') no-repeat center;}
	

	#grandps {height:auto; padding:100px 40px;; background-image:url('../images/main/grandps_bg_m.jpg');}
	

	.csize01,
	.csize02 {width:auto; margin-left:30px; margin-right:30px;}
}

@media all and (max-width:767.9px){	
	.instagram_item {float: left;width: 50%;padding-right: 1px; padding-bottom: 1px;}
	#main_instgram {padding:0px 0px 20px 0px; background:#f3f3f3;}
	#main_instgram .title h2 {font-size:30px; background-size:36px auto;}
	#main_instgram .btn_view_more {width:210px; height:42px; margin-top:20px; line-height:42px;}
	#main_instgram .btn_view_more span {font-size:17px;}
	#main_instgram .btn_view_more:after {margin-left:6px; background-size:6px auto;}

	#main_visual .svg_box .box {margin-top:-589px;}
	#main_visual .svg_box {}
	#main_visual .swiper-container {margin:0;}
	#main_visual .swiper-slide {padding-bottom:112.5%;}
	#main_visual .slide01 {background-image:url('../images/main/work/main_visual01_m.jpg');}
	#main_visual .slide02 {background-image:url('../images/main/work/main_visual02_m.jpg');}
	#main_visual .slide03 {background-image:url('../images/main/work/main_visual03_m.jpg');}
	#main_visual .slide04 {background-image:url('../images/main/work/main_visual04_m.jpg');}
	#main_visual .slide05 {background-image:url('../images/main/work/main_visual05_m.jpg');}
	#main_visual .slide06 {background-image:url('../images/main/work/main_visual06_m.jpg');}
	#main_visual .slide07 {background-image:url('../images/main/work/main_visual07_m.jpg');}
	#main_visual .slide08 {background-image:url('../images/main/work/main_visual08_m.jpg');}
	
	#main_youtube {padding:40px 0;}
	#main_youtube .title {margin-bottom:20px;}
	#main_youtube .title h2 {padding-left:45px; font-size:30px; background-size:36px auto;}
	#main_youtube .title p {margin-top:2px;}
	#main_youtube .list {margin-top:20px;}
	#main_youtube .list ul {margin:-5px;}
	#main_youtube .list li {padding:5px;}
	#main_youtube .list p {height:60px; line-height:20px;font-size: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;height: 22px;font-weight: bold;margin-top: 3px;}
	#main_youtube .btn_view_more {width:210px; height:42px; margin-top:20px; line-height:42px;}
	#main_youtube .btn_view_more span {font-size:17px;}
	#main_youtube .btn_view_more:after {margin-left:6px; background-size:6px auto;}
	#main_youtube .list .box {padding-bottom:0px !important; background:#fff;}

  #main_youtube .csize01 .tit {margin-bottom: 20px;}
  #main_youtube .csize01 .tit h3 {font-size: 30px;}
  #main_youtube .csize01 .tit h3 span {width: 6px;height: 32px;margin-right: 8px;}
  #main_youtube .csize01 .tit a {font-size: 15px;}


	#beauty_trip dl {height:110px; padding:0 20px; text-align:center;}
	#beauty_trip dt {font-size:22px; line-height:1.2;}
	#beauty_trip dd {height:40px; font-size:14px; line-height:20px;}
	#beauty_trip .more {margin:0 auto; width:120px; border-color:#fe0265; color:#fe0265;}
	.pc #beauty_trip .more:hover {color:#fff; background:#fe0265;}

  #beauty_trip .swiper-container {margin: 0 -45%;}
	#beauty_trip .swiper-button-prev,
	#beauty_trip .swiper-button-next {display:block; margin:0; background-size:14px auto;}
	#beauty_trip .swiper-button-prev {left:25%;}
	#beauty_trip .swiper-button-next {right:25%;}
  #beauty_trip .tit {margin-bottom: 20px;}
  #beauty_trip .tit .csize01 h3 {font-size: 30px;}
  #beauty_trip .tit .csize01 h3 span {width: 6px;height: 32px;margin-right: 8px;}
  #beauty_trip .tit .csize01 a {font-size: 15px;}


  #beauty_trip .swiper-container .swiper-wrapper .swiper-slide a .img_info {height: 40px;line-height: 40px;}
  #beauty_trip .swiper-container .swiper-wrapper .swiper-slide a .img_info p {font-size: 16px;}

	#history {padding:0px 0 40px;}		
	#history_scroll {height:400px; margin:40px 0 0; padding-right:25px;}
	#history_scroll h3 {font-size:25px;}
	#history_scroll h3 img {width:54px;}
	#history_scroll .stxt {margin-bottom:15px; font-size:20px;}
	#history_scroll li {margin-top:8px; font-size:15px;}
	#history_scroll .ycont+.ycont {margin-top:20px;}
	#history .btn_prev,
	#history .btn_next {width:24px; height:14px; background-size:100% auto;}
	#history .btn_prev {top:29px;}
	#history .btn_next {top:66px;}
	
	#selfie {margin:40px 0;}
	#selfie ul {margin:-3px;}
	#selfie li {padding:3px;}
	#selfie .txt {padding-top:35px; margin-top:-28px; font-size:14px; background-size:30px auto;}

  #selfie_new .csize01 .tit {margin-bottom: 20px;}
  #selfie_new .csize01 .tit h3 {font-size: 30px;}
  #selfie_new .csize01 .tit h3 span {width: 6px;height: 32px;margin-right: 8px;}
	#selfie_new .csize01 .cont .grid {grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;gap: 2vw;}
  #selfie_new .csize01 .cont .square {height: auto;}
  #selfie_new .csize01 .cont .rectangle {grid-column: span 2;grid-row: span 1;aspect-ratio: 1 / 1;}
  #selfie_new .csize01 .cont .grid .rectangle img.pc {display: none;}
  #selfie_new .csize01 .cont .grid .rectangle img.mo {display: block;}
	

	#center_link .box {padding:40px 20px;}
	#center_link h2 {font-size:30px;}
	#center_link p {font-size:14px;}
	#center_link .more {padding-right:15px; font-size:15px; background-size:6px auto;}
	
	#antiaging {padding:40px 0;}
	#antiaging .swiper-container {margin:0 15px;}
	#antiaging .swiper-pagination {margin-top:15px; right:15px;}
	#antiaging .swiper-pagination,
	#antiaging .swiper-pagination-current {font-size:15px;}
	#antiaging .t01 {font-size:15px;}
	#antiaging h3 {max-width:320px; margin:8px auto 0; font-size:25px;}
	#antiaging .img {width:100%; height:auto; margin-top:20px; padding-bottom:140.9%;}	
	#antiaging .swiper-button-prev,
	#antiaging .swiper-button-next {top:20%; margin-top:120px; background-size:10px auto;}
	#antiaging .swiper-button-prev {margin-left:15px; left:4.5%;}
	#antiaging .swiper-button-next {margin-right:15px; right:4.5%;}
	.circle_m {transform:scale(0.5); transform-origin:50%;}

	#antiaging .hover_area {top:0 !important; margin-top:72.7272% !important; left:4.54545% !important; right:4.54545% !important;}
	
	#doctor .swiper-slide {height:auto; padding-bottom:101.3%;}
	#doctor .slide01 {background-image:url('../images/main/doctor_img01_m.jpg');}
	#doctor .slide02 {background-image:url('../images/main/doctor_img02_m.jpg');}
	#doctor .slide03 {background-image:url('../images/main/doctor_img03_m.jpg');}
	#doctor .slide04 {background-image:url('../images/main/doctor_img04_m.jpg');}
	#doctor .txt {position:absolute; top:50%; left:50%; right:auto; padding:0; margin-top:0;transform: translate(-50%,-50%);}
	#doctor .t01 {font-size:18px;}
	#doctor h3 {font-size:40px;}
	#doctor .t02 {max-width:350px; margin:15px auto 0; padding-top:14px; font-size:15px;}
	#doctor .t02:before {width:35px; margin-left:-17px;}
	#doctor .txt br {display:none;}
	#doctor .swiper-pagination {bottom:25px;}
	#doctor .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px;}
	
	#activity {padding:40px 0;}	
	#activity .m_tit {height:56px;}
	#activity_swiper {padding-left:40px; padding-right:10px;}
	#activity .swiper-button-prev,
	#activity .swiper-button-next {margin-top:-70px; background-size:10px auto;}
	#activity .swiper-button-prev {left:-5px;}
	#activity .swiper-button-next {right:-5px;}
	#activity .swiper-slide p {padding-right:10px; font-size:14px;}

	#bna {padding:40px 0;}
	#bna h2 {font-size:30px;}
	#bna .button-prev,
	#bna .button-next {width:12px; height:48px; background-size:12px auto;}
	#bna_menu {padding:0 20px; margin-top:22px; font-size:15px;}
	#bna_menu .swiper-slide {width:auto;}
	#bna_menu:after {height:2px;}
	#bna_menu .swiper-slide:after {height:2px;}
	#bna_menu .button-next,
	#bna_menu .button-next {width:7px;}

	#bna_menu a {padding:7px 30px; line-height:34px;}
	#bna_menu a.r2 {line-height:17px;} 
	.dragstage .active .handle:after {bottom:-18px; width:36px; height:36px; margin-left:-10px;}
	#bna .txt {margin-top:35px; font-size:15px;}

	
	#grandps {padding:13.8% 15px;}
	#grandps .t01 {padding-top:14px; font-size:16px;}
	#grandps .t01:before {width:28px; margin-left:-14px;}
	#grandps .t02 {margin-top:7px; font-size:25px;}


  #model_recruit {background: none;height: auto;}
  #model_recruit a img {display: block;width: 100%;height: auto;}


	.csize01 {width:auto; margin:0 15px;}
	.csize02 {width:auto; margin:0 15px;}

	.mtitle01 {margin-bottom:22px; font-size:30px; letter-spacing:-0.05em;}
}



.yt_wrap{
	top: 550px;
	left: 280px;
	position: absolute;
	width: 658px;
}
.list_yt_1 {
	width: 100%;
	height: 886px;
	position: relative;
	overflow: hidden;
}
.list_yt_1 .box {
	width: 100%;
	height: 100%;
	background: #fff;
}
.list_yt_1 .box {
	top: 0;
	left: 50%;
	margin-left: -960px;
	position: relative;
}
@media all and (min-width:1920.1px){
	#main_visual {height:886px !important;}
}

@media all and (min-width:768px){
	#main_visual .slide01 {background-image:none !important;}
	#main_visual .slide02 {background-image:none !important;}
	#main_visual .slide03 {background-image:none !important;}
	#main_visual .slide04 {background-image:none !important;}
	#main_visual .slide05 {background-image:none !important;}
	#main_visual .slide06 {background-image:none !important;}
	#main_visual .slide07 {background-image:none !important;}
	#main_visual .slide08 {background-image:none !important;}
	#main_visual .slide09 {background-image:none !important;}

	.yt_wrap{
		display:block;
	}

}
@media all and (max-width:767.9px){	
	
	.list_yt_1 .box {
		left: 0;
	}
	.yt_wrap {
		top: 0px;
		left: 0px;
		position: absolute;
		width: 100%;
		margin-left: 960px;
	}

	.list_yt_1 {
		height: 100%;
	}
	iframe{ width: 100%;height: 200px;}

	.yt_wrap .wrapper {
		position: relative;
		width: 88.33%;
		margin: 48.4% auto 0 auto;
	}
}