@charset "utf-8";


html {
  overflow: unset !important;
}

.flex { justify-content: center; }

#sub_visual {padding-left:50%; background:no-repeat center; background-size:cover;}
#sub_visual img {display:block; margin-left:-960px;}

#sub_visual.community01 {background-image:url('/images/community/community01_visual.jpg');}
#sub_visual.community02 {background-image:url('/images/community/community02_visual.jpg');}
#sub_visual.community03 {background-image:url('/images/community/community03_visual.jpg');}
#sub_visual.community04 {background-image:url('/images/community/community04_visual.jpg');}
#sub_visual.community05 {background-image:url('/images/community/community05_visual.jpg');}
#sub_visual.community06 {background-image:url('/images/community/community06_visual.jpg');}
#sub_visual.community07 {background-image:url('/images/community/community07_visual.jpg');}
#sub_visual.laser {background-image:url('/images/community/laser-visual.jpg');}

#sub_visual.network01 {background-image:url('/images/network/network01_visual.jpg');}
#sub_visual.network02 {background-image:url('/images/network/network02_visual.jpg');}
#sub_visual.network03 {background-image:url('/images/network/network03_visual.jpg');}
#sub_visual.network04 {background-image:url('/images/network/network04_visual.jpg');}
#sub_visual.network05 {background-image:url('/images/network/network05_visual.jpg');}
#sub_visual.network06 {background-image:url('/images/network/network06_visual.jpg');}
#sub_visual.network07 {background-image:url('/images/network/network07_visual.jpg');}

#sub_visual.member {background-image:url('/images/common/visual_bg.jpg');}
#sub_visual.member2 {background-image:url('/images/common/visual_bg2.jpg');}
#sub_visual.branch {background-image:url('/images/branch/branch_visual.jpg');}

#sub_visual.search {background-image:url('/images/search/search_visual.jpg');}

#index_visual {position:relative; width:100%; height:760px; background:url('/images/network/network01_visual.jpg') no-repeat center fixed; background-size:cover;}
#index_visual .txt {position:absolute; top:50%; left:50%; margin-left:-960px; margin-top:-395px;}
#index_visual .scroll {position:absolute; left:50%; bottom:0; margin-left:-20px;}
#index_visual .hbg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:5; height:auto; opacity:0; background:rgba(28,30,35,0.6);}


#index_visual.petit {background-image:url('/images/petit/petit_visual.jpg');}
#index_visual.plastic {background-image:url('/images/plastic/plastic_visual.jpg');}
#index_visual.skincare {background-image:url('/images/skincare/skincare_visual.jpg');}
#index_visual.antiaging {background-image:url('/images/antiaging/antiaging_visual.jpg');}

#index_visual.network01 {height:850px; background-image:url('/images/network/network01_visual.jpg');}
#index_visual.skinbooster {background-image:url('/images/skinbooster/skinbooster_banner_01.jpg');}



#sub_visual_full img {width:100%;}
.cont_t01 {padding-left:50%;}
.cont_t01 img {display:block; margin-left:-960px;}

#board_content {width:1280px; margin:130px auto;}


.sub-yt-box { position: relative; padding: 50px 0; }
.sub-yt-box img { display: none; }
.sub-yt-box iframe { margin: auto; }

.sub-yt-event { position: relative; padding: 0; }
.sub-yt-event img { width: 100%; display: block; }
.sub-yt-event iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width:1250px) {
.sub-yt-box { padding: 0; }
.sub-yt-box img { width: 100%; display: block; }
.sub-yt-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}



.top_search {height:270px; background:url('/images/sub/sub_visual.jpg');}
.top_search .inwrap {width:600px; margin:auto; padding-top:80px;}
.top_search .fbox {position:relative; padding-right:24px; border-bottom:1px solid #fff;}
.top_search .fbox input[type="text"] {height:55px; width:100%; padding-left:0; border:0; font-size:22px; color:#fff; background:transparent;}
.top_search .fbox input[type="image"] {position:absolute; top:15px; right:2px;}
.top_recommend {position:relative; margin-top:30px; padding-left:135px;}
.top_recommend strong {position:absolute; top:0; left:0; font-size:17px; color:#fff; font-weight:700;}
.top_recommend p {overflow:hidden; height:20px; margin-right:-12px;}
.top_recommend p a {display:inline-block; margin-right:12px; font-size:17px; color:#fff; opacity:0.5; font-weight:300;}

.top_search input::-webkit-input-placeholder {color:#fff; opacity:0.5;}
.top_search input:-moz-placeholder {color:#fff; opacity:0.5;}
.top_search input::-moz-placeholder {color:#fff; opacity:0.5;}
.top_search input::-ms-input-placeholder {color:#fff; opacity:0.5;}
.top_search input:-ms-input-placeholder {color:#fff; opacity:0.5;}
.top_search input::input-placeholder {color:#fff; opacity:0.5;}

.prod {display: -ms-flexbox!important; display: flex!important; width:1320px; margin:0px auto;}
.prod .prod_detail {-ms-flex: 0 0 825px; flex: 0 0 825px;  max-width: 825px; padding:140px 0;}
.prod .price_wrap {position:relative; -ms-flex: 0 0 460px; flex: 0 0 460px;  max-width: 460px; margin-left:auto; padding-top:43px;}
.prod .price_wrap::before {position:absolute; top:0; right:460px; width:1px; height:100%; background:#dddddd; content:'';}
.prod .price_wrap::after {position:absolute; top:0; right:0px; width:1px; height:100%; background:#dddddd; content:'';}
.prod .price_wrap .inwrap {width:460px; padding:100px 35px 100px;}
.prod_detail .header {position:relative; color:#282828;}
.prod_detail .header .tit {font-size:38px; font-weight:700;}
.prod_detail .header .stit {margin-top:10px; font-size:22px; font-weight:300;}
.prod_detail .header .btn_share {position:absolute; right:0; bottom:0; padding-left:20px; padding-right:35px; border:1px solid #e5e5e5; border-radius:13px; font-size:11px; line-height:24px; letter-spacing:0; font-weight:700; background:url('/images/sub/icon_share.png') no-repeat right 18px center;}
.prod_detail .img_cont {margin:70px 0 70px;}
.prod_top {position:relative; margin-top:110px; padding-bottom:25px; border-bottom:2px solid #151515;}
.prod_top .btn_toggle {position:absolute; right:0; bottom:27px; width:13px; height:7px; background:url('/images/sub/icon_arr.jpg') no-repeat;}
.prod_top span {display:block; font-family: 'Lato', sans-serif; font-size:16px; color:#939393; font-weight:400; letter-spacing:0.15em; text-transform:uppercase;}
.prod_top strong {display:block; margin-top:4px; font-size:24px; color:#000000; font-weight:500;}
.prod_top select {position:absolute; right:0; bottom:27px; height:30px; width:100px; padding-left:20px; border:0; font-size:15px; color:#000; background:url('/images/sub/icon_sel_arr.png') no-repeat right center !important;}
.num_list {padding-top:10px;}
.num_list li {position:relative; margin-top:25px; padding-left:43px;}
.num_list .num {position:absolute; top:1px; left:0; font-family: 'Lato', sans-serif; font-size:16px; color:#939393; font-weight:400;}
.num_list p {font-size:18px; color:#000000;}
.information ul {overflow:hidden; padding-top:10px;}
.information li {float:left; width:50%; margin-top:25px; position:relative; padding-left:130px; font-size:18px;}
.information li span {position:absolute; top:0; left:0; padding-left:12px; color:#939393;}
.information li span::before {position:absolute; top:0; left:0; content:'· ';}
.information li p {color:#151515;}
.qna li {padding:29px 0; border-bottom:1px solid #e5e5e5;}
.qna .q_cont {position:relative; padding:14px 0; padding-left:75px; font-size:18px; color:#000000; font-weight:700; background:url('/images/sub/icon_q.jpg') no-repeat 0 0;}
.qna .a_cont {position:relative; margin-top:7px; padding:14px 0; padding-left:75px; font-size:18px; color:#000000; font-weight:400; background:url('/images/sub/icon_a.jpg') no-repeat 0 0;}
.price_wrap .prod_top {margin-top:0; border-bottom:0;}
.price_wrap .prod_item+.prod_item {margin-top:50px;}
.price_list {border:1px solid #e5e5e5;}
.price_list li+li {border-top:1px solid #e5e5e5;}
.price_list li .inbox {position:relative; min-height:106px; padding:30px 100px 30px 15px; font-size:16px; color:#282828;}
.price_list li .inbox a {position:absolute; top:0; left:0; right:0; bottom:0; font-size:17px; color:#fff; text-align:center; line-height:106px; opacity:0; background:rgba(0,0,0,0.7); transition:all 0.4s;}
.price_list li .inbox a:hover {opacity:1;}
.price_list .tit {font-weight:500;}
.price_list .tit strong {color:#f46c22; font-weight:500;}
.price_list .stit {margin-top:8px;}
.price_list .price {position:absolute; top:33px; right:17px; text-align:right; line-height:1.3;}
.price_list .price span {font-size:14px;}
.price_list .price em {display:block; font-size:14px; color:#b3acab;}
.price_list .price strong {display:block; font-size:18px;font-weight:500;}
.btn_cart {display:block; margin-top:20px; line-height:68px; font-size:18px; color:#fff; font-weight:400; text-align:center; background:url('/images/sub/icon_cart_arr.png') no-repeat right 32px center #282828;}

.price_wrap.fixed_top .inwrap {position:fixed; top:0; height:100%; overflow-y:auto;}
/*
display: -ms-flexbox!important; display: flex!important;
-ms-flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-align: stretch!important; align-items: stretch!important;
-ms-flex-align: center!important; align-items: center!important;


-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;

-ms-flex-item-align: start!important; align-self: flex-start!important;
-ms-flex-item-align: center!important; align-self: center!important;
-ms-flex-item-align: stretch!important; align-self: stretch!important;

*/


.sub_branch {position:relative; z-index:1; padding:90px 0;}
.sub_branch .inbox {width:1280px; margin:0 auto;}
.sub_branch .title {margin-bottom:50px; text-align:center; color:#222222;}
.sub_branch .title h3 {font-size:36px; font-weight:500;}
.sub_branch .title .stxt {margin-top:10px; font-size:18px;}
.sub_branch h4 {display:inline-block; padding-right:42px; font-size:28px; color:#000000; font-weight:500;}
.sub_branch .cbox {overflow:hidden;}
.sub_branch .branch_search {float:left; width:400px;}
.sub_branch .branch_search select {width:100%; height:64px; margin-top:20px; border:0; border-bottom:3px solid #1d544a; font-size:18px; color:#777777; background:url('/images/branch/icon_branch_search_arr.png') no-repeat right 2px center;}
.sub_branch .map_box {float:right; width:800px; height:830px;}
.sub_branch .map_box iframe {border:0;}
.sub_branch .btn_branch_search {width:100%; height:60px; margin-top:50px; padding-left:70px; font-size:22px; color:#fff; font-weight:500; text-align:left; background:url('/images/branch/icon_branch_search.png') #1d544a no-repeat 30px center;}
.sub_branch .branch_result {margin-top:50px; border:1px solid #acacac;}
.sub_branch .count {padding-left:28px; border-bottom:1px solid #acacac; font-size:20px; color:#000000; line-height:50px;}
.sub_branch .scroll {overflow:hidden; position:relative; height:413px;}
.sub_branch .scroll .sitem {position:relative; line-height:35px;}
.sub_branch .scroll .sitem a {display:block; padding:16px 30px 16px 84px; transition:all 0.4s;}
.sub_branch .scroll .sitem+.sitem:after {position:absolute; left:30px; right:30px; top:0; height:1px; background:#dedede; content:'';}
.sub_branch .scroll .sitem .num {position:absolute; top:50%; left:30px; width:35px; height:35px; margin-top:-17px; border:1px solid #1d544a; color:#1d544a; font-size:20px; line-height:33px; text-align:center; transition:all 0.4s;}
.sub_branch .scroll .sitem .tit {font-size:20px; color:#222222;}
.sub_branch .scroll .sitem a:before {position:absolute; right:30px; top:50%; width:30px; height:30px; margin-top:-15px; background:url('/images/branch/icon_branch_plus.png') no-repeat; content:'';}
.sub_branch .scroll .sitem a:hover {background:#eeefef;}
.sub_branch .scroll .sitem a:hover .num {color:#fff; background:#1d544a;}
.sub_branch .scroll .sitem a:hover .tit {font-weight:500;}
.sub_branch .scroll .iScrollVerticalScrollbar {top:0 !important; right:0 !important; bottom:0 !important; width:18px !important; border:0; border-radius:0px; background:#999999;}
.sub_branch .scroll .iScrollIndicator {border:6px solid #999999 !important; border-radius:12px !important; background:#ffffff !important;}


.branch_info {width:1280px; margin:auto;}
.title01 {margin-top:90px; margin-bottom:50px; padding-bottom:28px; border-bottom:1px solid #cdcccc; font-size:35px; color:#000000; font-weight:500; line-height:1;}
.title02 {margin-top:130px; margin-bottom:50px; padding-bottom:22px; border-bottom:1px solid #cdcccc; font-family: 'Cormorant Garamond', serif; font-size:50px; color:#000000; font-weight:500; line-height:1;}
#map {height:380px;}
.branch_addr {padding:40px; border-bottom:1px solid #cdcccc; font-size:25px; color:#151515; text-align:center;}
.branch_customer {overflow:hidden; margin-top:65px;}
.branch_customer .cbox {float:left; width:50%;}
.branch_customer .cbox > div {min-height:36px; position:relative; padding-left:190px; font-size:18px; color:#151515; line-height:32px;}
.branch_customer .cbox > div strong {position:absolute; top:0; left:0; font-size:26px; color:#151515; font-weight:700; line-height:36px; text-align:center; letter-spacing:0;}
.branch_customer .cbox > div+div {margin-top:22px;}
.branch_customer .cbox .time {margin-top:60px;}
.branch_customer .time em {letter-spacing:0.7em;}
.branch_customer .time span {letter-spacing:0em;}
.branch_customer .time .memo {margin-top:15px; opacity:0.5;}
.branch_customer .cinfo .tel {position:relative; min-height:35px; padding-left:45px; font-size:24px; color:#151515; line-height:35px; font-weight:700; background:url('/images/branch/icon_tel.png') no-repeat 0 center;}
.branch_customer .cinfo .sns {margin-top:32px;}
.branch_customer .cinfo .sns+.sns {margin-top:22px;}
.branch_customer .cinfo .sns .tit {display:inline-block; width:175px; font-size:18px; color:#151515; line-height:40px;}
.branch_customer .cinfo .sns a {display:inline-block; width:215px; padding-left:48px; border:1px solid #dddddd; border-radius:21px; line-height:39px; font-size:16px; color:#575757; background:no-repeat 20px center #fff; transition:all 0.4s;}
.branch_customer .cinfo .sns.kakao a {background-image:url('/images/branch/icon_kakao.png'); background-position:19px 11px;}
.branch_customer .cinfo .sns.insta a {background-image:url('/images/branch/icon_insta.png')}
.branch_customer .cinfo .sns.youtube a {background-image:url('/images/branch/icon_youtube.png')}
.branch_customer .cinfo .sns.blog a {background-image:url('/images/branch/icon_blog.png')}
.branch_customer .cinfo .sns a:hover {color:#fff; background-color:#000000}
.branch_customer .cinfo .sns.kakao a:hover {background-image:url('/images/branch/icon_kakao_on.png');}
.branch_customer .cinfo .sns.insta a:hover {background-image:url('/images/branch/icon_insta_on.png')}
.branch_customer .cinfo .sns.youtube a:hover {background-image:url('/images/branch/icon_youtube_on.png')}
.branch_customer .cinfo .sns.blog a:hover {background-image:url('/images/branch/icon_blog_on.png')}


#sub_doctor {width:1280px; margin:130px auto 0;}
#sub_doctor_swiper {position:relative; height:640px; margin-top:60px;}
#sub_doctor .swiper-slide {overflow:hidden;}
#sub_doctor .swiper-slide .img {float:left; width:640px;}
#sub_doctor .swiper-slide .tcont {float:left; width:640px; padding-left:90px;}
#sub_doctor_swiper .doctor_name {width:40%; min-width:394px; padding:33px 0 25px; border-bottom:1px solid #cdcccc;}
#sub_doctor_swiper .doctor_name span {font-size:20px; color:#ff8200; font-weight:500;}
#sub_doctor_swiper .doctor_name strong {display:inline-block; margin-left:15px; font-size:35px; color:#000000; font-weight:500;}
#sub_doctor_swiper .dtit {margin:40px 0 35px; font-size:36px; color:#000000; font-weight:300; line-height:50px;}
#sub_doctor_swiper .doctor_profile {font-size:20px; line-height:36px; color:#373737; font-weight:300;}
#sub_doctor_swiper .thumb_list {position:absolute; top:35px; left:70px; width:82px; z-index:5; background:#fff;}
#sub_doctor_swiper .thumb_list li {margin-bottom:6px;}
#sub_doctor_swiper .thumb_list .img {overflow:hidden; position:relative; width:82px; height:82px; background:#fff;}
#sub_doctor_swiper .thumb_list .img img {position:absolute; top:8px; right:5px; width:160%;}
#sub_doctor_swiper .thumb_list .img::before {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border:1px solid #e5e5e5; content:'';}
#sub_doctor_swiper .thumb_list .img::after {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; border:5px solid #ff9642; opacity:0; transition:opacity 0.3s; content:'';}
#sub_doctor_swiper .thumb_list .on .img::after {opacity:1;}


.sub_event {position:relative; width:1280px; margin:130px auto 0;}
.sub_event .board_more {position:absolute; top:25px; right:0;}

#interior .title02 {width:1280px; margin:130px auto 50px;}
#interior_swiper {position:relative;}
#interior_swiper .swiper-slide {width:1280px; opacity:0.5; transition:all 0.4s;}
#interior_swiper .swiper-slide-duplicate-active,
#interior_swiper .swiper-slide-active {opacity:1;}
#interior_swiper .swiper-button-prev,
#interior_swiper .swiper-button-next {position:absolute; z-index:100; width:66px; height:66px; margin-top:-33px; background:url('/images/common/icon_swiper_arr.png') no-repeat center;}
#interior_swiper .swiper-button-prev {left:50%; margin-left:-730px;}
#interior_swiper .swiper-button-next {right:50%; margin-right:-730px; transform:rotate(180deg);}



.doctor_info {}
.doctor_info #board_content {margin:100px auto 200px;}
.doctor_info .search_box {position:relative; padding:50px 0; background:#f5f5f5;}
.doctor_info .search_box .fbox {overflow:hidden; position:relative; z-index:2; width:700px; margin:auto;}
.doctor_info .search_box select {float:left; width:50%; height:60px; padding-left:20px; border:0; font-size:18px; color:#222222; background:url('/images/common/ico_sel_arr.png') no-repeat right center ;}
.doctor_info .search_box select:focus {outline:none;}
.doctor_info .search_box select {margin-left:-1px;}
.doctor_info .search_box .bar {float:left; width:1px; height:38px; margin-top:11px; background:#cdcdcd; content:''}
.doctor_info h3 {margin-bottom:40px; font-size:30px; color:#222222; text-align:center;}
.doctor_list {overflow:hidden; margin:-12px;}
.doctor_list li {float:left; width:25%; padding:12px;}
.doctor_list .box {position:relative;}
.doctor_list .img_wrap {overflow:hidden; padding-bottom:150.49%; background:#f5f5f5;}
.doctor_list .img_wrap img {top:15px; left:-48%; width:150%; height:auto;}
.doctor_list .tcont {position:absolute; left:0; right:0; bottom:0; padding:30px 15px; font-size:20px; color:#fff; line-height:1.5; text-align:center; background:rgba(38,38,38,.87);}
.doctor_list .branch_nm {color:#f9a03f; font-weight:700;}
.doctor_list .doctor_name {font-weight:300;}



.doctor_title {height:160px; padding:100px 0 0px; font-size:26px; color:#000000; text-align:center; font-weight:300;}
.doctor_list2 {background:url('/images/network/doctor_bg.jpg') center top;}
.doctor_list2 .inwrap {width:1280px; margin:0px auto 150px;}
.doctor_list2 ul {overflow:hidden; margin:0 -20px;}
.doctor_list2 li {float:left; width:25%; height:606px; padding:0 20px;}
.doctor_list2 .box {position:relative;}
.doctor_list2 .img_wrap {overflow:hidden; position:relative; height:500px;}
.doctor_list2 .img_wrap img {top:auto; bottom:0; left:-50%; width:153%; height:auto;}
.doctor_list2 .tcont {padding-top:40px; font-size:20px; color:#151515; line-height:1; text-align:center;}
.doctor_list2 .branch_nm {color:#f9a03f; font-weight:700;}
.doctor_list2 .doctor_name {font-weight:300;}


#doctor_pop {display:none; position:fixed; top:50%; left:50%; z-index:1001; width:1300px; margin-left:-650px; margin-top:-300px; background:#fff;}
#doctor_pop .cbox {overflow:hidden; position:relative;}
#doctor_pop .cbox > div {float:left; width:50%; height:600px;}
#doctor_pop .img_wrap {overflow:hidden; padding-bottom:104.545%;}
#doctor_pop .img_wrap img {top:30px; left:-60px; width:90%; height:auto;}
#doctor_pop #p_info {position:absolute; bottom:30px; right:43px; width:94px; border-radius:18px; font-size:16px; color:#fff; font-weight:300; line-height:36px; text-align:center; background:#222222;} 
#doctor_pop .tcont {position:relative;}
#doctor_pop .tcont .inbox {padding:80px 80px 50px;}
#doctor_pop .branch_nm {font-size:20px; color:#ff8200; font-weight:500; line-height:1;}
#doctor_pop .doctor_nm {width:415px; margin-top:15px; padding-bottom:25px; border-bottom:1px solid #030000; font-size:34px; color:#000000; font-weight:500; line-height:1;}
#doctor_pop .stit {width:95px; margin-top:25px;  border-radius:15px; font-size:18px; color:#fff; line-height:30px; text-align:center; background:#222222;}
#doctor_pop .profile {margin-top:30px; font-size:18px; line-height:32px; color:#888888; font-weight:300;}
#doctor_pop .btn_pop_close {position:absolute; top:3px; right:-50px;}
#doctor_pop .iScrollVerticalScrollbar {top:0 !important; right:0 !important; bottom:0 !important; width:6px !important; border:0; border-radius:0px; background:#ececec;}
#doctor_pop .iScrollIndicator {border:0 !important; border-radius:0px !important; background:#c0c0c0 !important;}


.doctor_pop_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,0.45);}




#laser {position:relative; z-index:2; height:938px; padding-top:125px; background:#f7f8f7;}
#laser .tit {display:inline-block; color:#000000}
#laser .stxt {display:inline-block; margin-left:30px; font-size:22px; color:rgba(0,0,0,0.77);}
#laser_swiper {margin-left:50%;}
#laser_swiper .swiper-container {margin-left:-640px; padding-bottom:50px;}
#laser_swiper .swiper-pagination {position:absolute; top:auto; left:0; bottom:0; width:1280px; height:3px; background:#e9eae9;}
#laser_swiper .swiper-pagination-progressbar-fill {background:#4a4a4a;}


#sub_ban {overflow:hidden; position:relative; background:#fff;}
#sub_ban .sbox {float:left; position:relative; z-index:2; width:33.333%; height:750px;}
#sub_ban .sbox+.sbox {border-left:1px solid rgba(255,255,255,0.1);}
#sub_ban .txt {position:absolute; top:194px; left:0; right:0; text-align:center; color:#fff; margin-top:-60px; opacity:0.2; transition:all 0.6s;}
#sub_ban .txt strong {display:block; font-family: 'Cormorant Garamond', serif; font-size:95px; font-weight:400; line-height:1; opacity:0; transition:all 0.4s;}
#sub_ban .txt span {display:block; margin-top:50px; font-size:30px; font-weight:700; opacity:0; transition:all 0.4s;}
#sub_ban .txt p {margin-top:20px; font-size:20px; line-height:35px; font-weight:300;}
#sub_ban .bg {position:absolute; left:0; right:0; bottom:0; top:0;}
#sub_ban .bg span {position:absolute; left:0; right:0; bottom:0; top:0; opacity:0; background:url('/images/sub/sub_ban_bg01.jpg') center; background-size:cover; transition:all 1s;}
#sub_ban .bg span.s02 {background-image:url('/images/sub/sub_ban_bg02.jpg')}
#sub_ban .bg span.s03 {background-image:url('/images/sub/sub_ban_bg03.jpg?v=1')}
#sub_ban .bg span.s03 img {position:absolute; left:46.45%; top:74.533%;}
#sub_ban .sbox.on .txt {margin-top:0px; opacity:1; opacity:0.4s;}
#sub_ban .sbox.on .txt strong {opacity:1;}
#sub_ban .sbox.on .txt span {opacity:1;}
#sub_ban[data-num='0'] .bg .s01 {opacity:1;}
#sub_ban[data-num='1'] .bg .s02 {opacity:1;}
#sub_ban[data-num='2'] .bg .s03 {opacity:1;}




#network01_visual {position:fixed; top:0; left:0; z-index:100; width:100%; height:100vh; background:url('/images/network/network01_visual.jpg') no-repeat center; background-size:cover;}
#network01_visual .txt {position:absolute; top:50%; left:50%; margin-left:-960px; margin-top:-395px;}
#network01_visual .scroll {position:absolute; left:50%; bottom:0; margin-left:-20px;}
#network01_visual .hbg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:5; height:auto; opacity:0; background:rgba(28,30,35,0.6);}

#network01_s01 {position:relative; z-index:101; height:970px; margin-top:100vh; background:#fff;}
#network01_s01 .img {position:absolute; left:50%; width:1920px; margin-left:-960px;}
#network01_s01 .img img {position:absolute;}
#network01_s01 .img01 {top:157px; left:186px;}
#network01_s01 .img02 {top:486px; left:416px;}
#network01_s01 .img03 {top:330px; left:1310px;}
#network01_s01 .img04 {top:594px; left:1270px;}
#network01_s01 .txt {padding-top:305px; padding-left:90px; text-align:center;}
#network01_s01 .txt strong {display:block; font-size:50px; line-height:65px; font-weight:700; color:#000000;}
#network01_s01 .txt p {margin-top:38px; font-size:24px; line-height:42px; color:#151515; font-weight:300;}
#network01_s01 .txt p+p {margin-top:9px;}


#network01_s02 {position:relative; z-index:101; height:880px; background:url('/images/network/network01_s02_bg.jpg') no-repeat center; background-size:cover;}
#network01_s02 .txt {position:absolute; top:195px; left:50%; margin-left:-640px;}
#network01_s02 .txt img {position:absolute; top:0; left:0;}
#network01_s02 .count_wrap {position:absolute; left:50%; top:578px; width:1000px; margin-left:-180px;}
#network01_s02 .count_wrap > div {display:inline-block; position:relative; text-align:left;}
#network01_s02 .count_wrap > div+div {margin-left:110px;}
#network01_s02 .count_wrap strong {font-size:16px; font-weight:300; color:rgba(255,255,255,0.68); letter-spacing:0;}
#network01_s02 .count_wrap .count {overflow:hidden; height:130px; margin-top:10px; padding:0 2px;}
#network01_s02 .count_wrap .count .inbox {margin-top:-30px; letter-spacing:0;}
#network01_s02 .count_wrap .count * {font-family: 'Cormorant Garamond', serif; font-size:120px; line-height:130px; text-align:left; color:#fff; letter-spacing:0;}
#network01_s02 .count_wrap .count .odometer-digit {margin:0 -5px;}

#network01_s03 {position:relative; z-index:101; padding:220px 0; background:#fff6ee;}
#network01_s03 .cbox {position:relative; padding-top:150px; }
#network01_s03 .cbox+.cbox {margin-top:220px;}
#network01_s03 .cbox .img {position:absolute; top:0; left:50%; margin-left:-310px;} 
#network01_s03 .cbox .txt {position:relative; left:50%; margin-left:-640px;}
#network01_s03 .cbox .txt span {display:block; font-family: 'Cormorant Garamond', serif; font-size:160px; color:#151515; line-height:1;}
#network01_s03 .cbox .txt .t01 {margin-top:20px; font-size:35px; color:#000000; line-height:55px;}
#network01_s03 .cbox .txt .t02 {margin-top:50px; font-size:22px; color:#000000; line-height:36px; font-weight:300; letter-spacing:-0.06em;}
#network01_s03 .cbox.type02 {padding-top:0;}
#network01_s03 .cbox.type02 .img {margin-left:-960px;}
#network01_s03 .cbox.type02 .txt {margin-left:130px;}
#network01_s03 .cbox.type03 {padding-top:0;}
#network01_s03 .cbox.type03 .img {margin-left:-420px;}
#network01_s03 .cbox.type03 .txt .t02 {padding-left:880px;}
#network01_s03 .cbox.type04 {padding-top:0;}
#network01_s03 .cbox.type04 .img {margin-left:-90px;}

#network01_s03 .cbox.s04 .txt {padding-top:20px;}
#network01_s03 .cbox.s06 .txt {padding-top:40px;}



#network01_count {position:relative; z-index:101; height:880px; background:url('/images/network/network01_count_bg.jpg');}
#network01_count .title {position:absolute; top:140px; left:50%; margin-left:-640px; color:#fff; width: 100%;}
#network01_count .title .t01 {font-size:85px; font-family: 'Cormorant Garamond', serif; font-weight:400;}
#network01_count .title .t02 {margin-top:10px; font-size:22px; line-height:38px; font-weight:300;}
#network01_count .title .t02 strong {font-weight:700;}
#network01_count .title .t03 {margin-top:20px; font-size:15px; color:rgba(255,255,255,0.5); font-weight:300;}
#network01_count .title .new_t03{line-height: 1.8; color:rgba(255,255,255,0.7); font-size: 13px;}
#network01_count .txt {position:absolute; top:195px; left:50%; margin-left:-640px;}
#network01_count .txt img {position:absolute; top:0; left:0;}
#network01_count .count_wrap {position:absolute; left:50%; top:578px; width:1600px; margin-left:-800px; padding-right:160px; text-align:right;}
#network01_count .count_wrap > div {display:inline-block; position:relative; text-align:center;}
#network01_count .count_wrap > div+div {margin-left:110px;}
#network01_count .count_wrap strong {display:block; font-size:16px; font-weight:300; color:rgba(255,255,255,0.68); letter-spacing:0;}
#network01_count .count_wrap .count {overflow:hidden; height:130px; margin-top:10px; padding:0 2px;}
#network01_count .count_wrap .count .inbox {margin-top:-30px; letter-spacing:0;}
#network01_count .count_wrap .count * {font-family: 'Cormorant Garamond', serif; font-size:120px; line-height:130px; text-align:left; color:#fff; letter-spacing:0;}
#network01_count .count_wrap .count .odometer-digit {margin:0 -5px;}
#network01_count .count {padding:0 !important;}



.index_s01 {position:relative; height:813px; background:#f4f6fa;}
.index_s01 .img {position:absolute; top:129px; left:50%; margin-left:-640px;}
.index_s01 .txt {position:absolute; top:221px; left:50%; margin-left:90px;}
.index_s01 .txt img {display:block;}
.index_s01 .txt .txt02 {margin-top:64px;}
.index_s01 .txt .txt03 {margin-top:57px;}

.index_s01.plastic {height:746px;}
.index_s01.plastic .txt .txt02 {margin-top:106px;} 

.index_s01.antiaging {height:848px;}
.index_s01.antiaging .txt .txt02 {margin-top:35px;} 

.index_s01.network01 {height:1006px;}
.index_s01.network01 .img {top:180px;}
.index_s01.network01 .txt {top:340px; margin-left:240px;}
.index_s01.network01 .txt .txt01 {font-size:50px; line-height:80px; font-weight:700; color:#151515;}
.index_s01.network01 .txt .txt02 {margin-top:25px; font-size:22px; line-height:38px; color:#151515;}
.index_s01.network01 .t01 {position:absolute; top:195px; left:50%; margin-left:-704px;}
.index_s01.network01 .t02 {position:absolute; top:770px; left:50%; margin-left:-255px;}


.tab_contents {padding-top:105px;}
.tab_contents .title {margin-bottom:45px; font-size:60px; color:#1d1d1d; font-weight:300; text-align:center; line-height:1.01;}
.tab_contents .tab_menu {text-align:center; font-size:0;}
.tab_contents .tab_menu li {display:inline-block; position:relative;}
.tab_contents .tab_menu li+li {margin-left:15px;}
.tab_contents .tab_menu li::after {position:absolute; left:50%; right:50%; bottom:0; height:3px; opacity:0; background:#2d221f; content:''; transition:all 0.4s;}
.tab_contents .tab_menu a {display:block; padding:0 8px; font-size:20px; color:#1d1d1d; line-height:48px;}
.tab_contents .tab_menu li.on::after {left:0; right:0; opacity:1;}
.tab_contents .tcont {display:none;}
.tab_contents .tcont.on {display:block;}


.plastic_c01 {background:#f4f6fa;}

#gallery {padding:100px 0 120px;}
#gallery .swiper-slide {width:840px; text-align:center;}
#gallery .swiper-slide .tit {margin-top:30px; font-size:24px; color:#1d1d1d; line-height:1;}



#main_count {height:800px; padding-top:160px; color:#fff; text-align:center; background:url('/images/main/main_count_bg.jpg') no-repeat center; background-size:cover;}
#main_count .title {padding-left:20px; font-size:40px; line-height:60px; letter-spacing:-0.05em; font-weight:500;}
#main_count .stxt {padding-left:20px; margin-top:10px; font-size:22px; line-height:40px; color:rgba(255,255,255,0.9); letter-spacing:-0.05em; font-weight:400;}
#main_count .count_wrap {font-size:0; line-height:1.01; text-align:center;}
#main_count .count_wrap > div {display:inline-block; margin-top:80px; position:relative;}
#main_count .count_wrap > div+div::before {position:absolute; top:86px; left:0; width:1px; height:34px; background:#c4dddf; content:'';}
#main_count .count_wrap strong {font-size:22px; font-weight:400; color:rgba(255,255,255,0.68);}
#main_count .count_wrap .count {overflow:hidden; height:130px; margin-top:10px; padding:0 60px;}
#main_count .count_wrap .count .inbox {margin-top:-30px;}
#main_count .count_wrap .count * {font-family: 'Cormorant Garamond', serif; font-size:120px; line-height:130px; text-align:left; letter-spacing:0;}
#main_count .count_wrap .count .odometer-digit {margin:0 -5px;}
#main_count .ctxt {margin-top:40px; font-size:16px; color:rgba(255,255,255,0.5); text-align:center;}
#count02 {padding-right:90px !important;}
#count03 {padding:0 120px !important;}
#count01 .odometer-formatting-mark {display:none;}





/* signature */
.section_mb {margin-bottom:150px !important;}

#index_visual {text-align:center;}
#index_visual .t01 {padding-top:240px; font-family: 'Cormorant Garamond', serif; font-size:41px; color:#fff; font-weight:500;}
#index_visual .t01::after {display:block; width:85px; height:1px; margin:30px auto 35px; background:rgba(255,255,255,0.5); content:'';}
#index_visual .t02 {font-size:28px; color:#fff; font-weight:100;}
#index_visual .t03 {margin-top:20px; font-size:46px; color:#fff; font-weight:700;}


.signature_c01 {padding:130px 0 90px; text-align:center; background:#f4f6fa;}
.signature_c01 .inwrap {display:inline-block; width:1280px; vertical-align:top; text-align:left;}
.signature_c01 .img {float:left; position:relative;}
.signature_c01 .bar {position:absolute; top:110px; right:-31px;}
.signature_c01 .txt {float:right; width:550px; padding-top:100px;}
.signature_c01 .t01 {font-size:74px; line-height:82px; font-family: 'Cormorant Garamond', serif; font-weight:600; color:#075f64; letter-spacing:0;}
.signature_c01 .t02 {margin-top:30px; font-size:27px; font-weight:700; color:#075f64; }
.signature_c01 .t03 {margin-top:45px; font-size:20px; line-height:33px; font-weight:400; color:#075f64;}

.signature_c02 {overflow:hidden;}
.signature_c02 > div {height:625px;}
.signature_c02 .img {float:left; width:50%; background:no-repeat center; background-size:cover;}
.signature_c02 .tcont {float:left; overflow:hidden; width:50%; display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important; align-items: center!important;}
.signature_c02 .tcont .inbox {width:640px; padding-left:90px; color:#1d1d1d;}
.signature_c02 .tcont strong {display:block; font-size:38px; line-height:53px; font-weight:400;}
.signature_c02 .tcont p {margin-top:35px; font-size:20px; line-height:33px; font-weight:400;}
.signature_c02.img_right .img {float:right;}
.signature_c02.img_right .tcont .inbox {margin-left:auto; padding-left:15px;}

.skincare .signature_c02.s01 > .img {background-image:url('/images/skincare/signature_s02_img01.jpg');}
.skincare .signature_c02.s02 > .img {background-image:url('/images/skincare/signature_s02_img02.jpg');}
.skincare .signature_c02.s03 > .img {background-image:url('/images/skincare/signature_s02_img03.jpg');}
.skincare .signature_c02.s04 > .img {background-image:url('/images/skincare/signature_s02_img04.jpg');}


.antiaging .signature_c02.s01 > .img {background-image:url('/images/antiaging/signature_s02_img01.jpg');}
.antiaging .signature_c02.s02 > .img {background-image:url('/images/antiaging/signature_s02_img02.jpg');}
.antiaging .signature_c02.s03 > .img {background-image:url('/images/antiaging/signature_s02_img03.jpg');}



.signature_c03 {overflow:hidden; width:1340px; margin:60px auto 0;}
.signature_c03 img {float:left; margin:30px 0;}
.signature_c03 .cont {float:right; width:700px; height:500px; padding-top:130px; padding-left:90px; text-align:left; background:url('/images/sub/signature_c03_bg.jpg') no-repeat center; background-size:cover;}
.signature_c03 .cont strong {font-size:32px; font-weight:400; color:#fff;}
.signature_c03 .cont p {margin-top:35px; font-size:20px; color:#fff; line-height:33px; font-weight:400;}

.signature_c04 {overflow:hidden; width:1280px; margin:150px auto 0; padding-bottom:110px; border-bottom:1px solid #cecece; text-align:center;}
.signature_c04 .sbox {float:left; width:33.333%; padding-top:65px; color:#1d1d1d; background:url('/images/sub/signature_c04_icon.png') no-repeat center top;}
.signature_c04 .sbox strong {font-size:38px; line-height:53px; font-weight:400;}
.signature_c04 .sbox p {margin-top:35px; font-size:18px; line-height:33px;}


.signature_c05 {width:1280px; margin:auto; padding-top:110px;}
.signature_c05 .stit {font-size:28px; color:#1d1d1d; font-weight:500; text-align:center;}
.signature_c05 .tit {margin-bottom:110px; font-size:60px; color:#1d1d1d; font-weight:400; text-align:center;}
.signature_c05 .cbox {display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important; align-items: center!important;}
.signature_c05 .cbox+.cbox {margin-top:70px;}
.signature_c05 .cbox > div {-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;}
.signature_c05 .cbox .tcont {padding-left:90px; color:#1d1d1d;}
.signature_c05 .cbox .tcont strong {font-size:38px; line-height:53px; font-weight:400;}
.signature_c05 .cbox .tcont p {margin-top:35px; font-size:18px; line-height:33px;}
.signature_c05 .cbox.img_right {-ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important;}
.signature_c05 .cbox.img_right .tcont {padding-left:70px;}


.signature_c06 {width:1280px; margin:auto; padding:130px 0 0px; border-bottom:1px solid #cecece; text-align:center;}
.signature_c06 ul {overflow:hidden; margin-left:-1px;}
.signature_c06 li {float:left; width:33.333%; padding-left:1px; padding-bottom:110px; color:#1d1d1d;}
.signature_c06 li img {width:100%;}
.signature_c06 li strong {display:block; margin-top:40px; font-size:38px; line-height:53px; font-weight:400;}
.signature_c06 li p {margin-top:45px; font-size:18px; line-height:33px;}


.signature_c07 {padding:130px 0; text-align:center; background:#f4f6fa;}
.signature_c07 .inwrap {width:1280px; margin:auto;}
.signature_c07 .stit01 {margin-bottom:60px;}
.signature_c07 ul {overflow:hidden; margin:0 -20px;}
.signature_c07 li {float:left; width:25%; padding:0 -20px; color:#1d1d1d;}
.signature_c07 li img {display:block; margin:auto;}
.signature_c07 li strong {display:block; font-size:38px; line-height:53px; font-weight:400;}
.signature_c07 li p {margin-top:45px; font-size:18px; line-height:33px;}


.stit01 {margin-bottom:100px; color:#1d1d1d; text-align:center;}
.stit01 .tit {font-size:60px; letter-spacing:-0.09em; font-weight:300;}
.stit01 .stit {margin-top:30px; font-size:20px; line-height:33px; letter-spacing:-0.06em;}

.network_c01 {position:relative; width:1600px; height:4510px; margin:170px auto 130px; padding-top:640px;}
.network_c01 .img {position:absolute; top:0; left:0;} 
.network_c01 .img.s02 {top:1330px;}
.network_c01 .img.s03 {top:1327px; left:auto; right:0;}
.network_c01 .img.s04 {top:2565px;}
.network_c01 .img.s05 {top:3553px;}
.network_c01 .img.s06 {top:3837px; left:auto; right:0;}
.network_c01 .sbox {position:relative; padding-left:165px; color:#151515}
.network_c01 .sbox span {display:inline-block; position:absolute; top:-38px; left:0; margin-bottom:60px; vertical-align:bottom; border-bottom:1px solid #151515; font-size:120px; font-family: 'Cormorant Garamond', serif; font-style:italic; line-height:1;}
.network_c01 .sbox strong {display:block; font-size:35px; font-weight:400; line-height:1.57;}
.network_c01 .sbox p {margin-top:20px; font-size:18px; line-height:38px;}
.network_c01 .sbox.s01 {margin-left:540px;}
.network_c01 .sbox.s02 {margin-left:100px; margin-top:200px;}
.network_c01 .sbox.s03 {width:1440px; margin-top:150px; text-align:right;}
.network_c01 .sbox.s03 span {position:relative; top:0; padding-bottom:40px;}
.network_c01 .sbox.s04 {margin-top:257px; margin-left:270px;}
.network_c01 .sbox.s04 span {padding-bottom:25px;}
.network_c01 .sbox.s05 {width:1467px; margin-top:690px; text-align:right;}
.network_c01 .sbox.s05 span {position:relative; top:0; padding-bottom:40px;}
.network_c01 .sbox.s06 {margin-left:50px; margin-top:150px;}

/* Skin Booster : part*/
.skinbooster {
  background-color: #fff;
  color: #1d1d1d;
}
.skinbooster .section_01 {
  padding: 130px 0 90px;
}
.skinbooster .section_01 .wrap {
  position: relative;
  /* width: 1750px; */
  height: 1300px;
  margin: auto;
  max-width: 1750px;
  min-width: 1280px;
  width: 95%;
}
.skinbooster .section_01 .s01_top,
.skinbooster .section_01 .s01_bottom {
  display: flex;
}
.skinbooster .section_01 .s01_top > div,
.skinbooster .section_01 .s01_bottom > div {
  width: 50%;
}
.skinbooster .section_01 .s01_top .img_part {
  position: relative;
}
.skinbooster .section_01 .s01_top .img_part img,
.skinbooster .section_01 .s01_bottom .img_part img  {
  display: block;
  margin: auto;
}
.skinbooster .section_01 .s01_top .img_part .bar {
  position: absolute;
  right: 75px;
  top: 265px;
}
@media screen and (max-width:1800px) {
  .skinbooster .section_01 .s01_top .img_part .bar {
    right: -2.2vw;
  }
}
.skinbooster .section_01 .s01_top .text_part > div {
  margin: auto;
  margin-top: 115px;
}
.skinbooster .section_01 .s01_top .text_part > div,
.skinbooster .section_01 .s01_bottom .text_part > div  {
  width: fit-content;
  text-align: left;
}
.skinbooster .section_01 .s01_top .text_part > div h1,
.skinbooster .section_01 .s01_bottom .text_part > div h1 {
  color: #ff812c;
  font-size: 50px;
  font-weight: 700;
}
.skinbooster .section_01 .s01_top .text_part > div p,
.skinbooster .section_01 .s01_bottom .text_part > div p {
  font-size: 20px;
  margin-top: 40px;
}
.skinbooster .section_01 .s01_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: inherit;
}
.skinbooster .section_01 .s01_bottom .text_part {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.skinbooster .section_01 .s01_bottom .text_part > div {
  margin-bottom: 55px;
}
.skinbooster .section_02 {
  position: relative;
}
.skinbooster .section_02 .icons {
  padding: 150px 0 50px;
}
.skinbooster .section_02 .icons .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1150px;
  margin: auto;
}
.skinbooster .section_02 .icons_text {
  text-align: center;
  font-size: 20px;
}
.skinbooster .section_02 ol {
  text-align: center;
  padding: 130px 0 450px;
}
.skinbooster .section_02 ol > li:first-of-type h2 {
  font-size: 38px;
  color: #ff812c;
  font-weight: 500;
  margin-bottom: 50px;
}
.skinbooster .section_02 ol > li:nth-of-type(2) p {
  font-size: 20px;
  margin-bottom: 60px;
}
.skinbooster .section_02 ol li ul  {
  width: fit-content;
  margin: auto;
}
.skinbooster .section_02 ol li ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.skinbooster .section_02 ol li ul li h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 92px;
  color: #ff812c;
  font-weight: 600;
  line-height: 0.8em;
}
.skinbooster .section_02 ol li ul li p {
  font-size: 24px;
  padding-top: 20px;
  padding-left: 15px;
}
.skinbooster .section_02 .sbg_01 {
  position: absolute;
  right: 0;
  bottom: 120px;
  width: 590px;
}
.skinbooster .section_03 {
  position: relative;
  background-color: #f4f6fa;
  padding: 250px 0;
}
.skinbooster .section_03 .section_title {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: -90px;
  font-family: 'Cormorant Garamond', serif;
  color: #ff812c;
  font-weight: 600;
  font-size: 130px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.skinbooster .section_03 .section_title b {
  font-family: 'Noto Sans KR', sans-serif;
}
.skinbooster .section_03 .section_subtitle {
  text-align: center;
}
.skinbooster .section_03 .section_subtitle h1 {
  font-size: 70px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  color:#1d1d1d;
  width: fit-content;
  margin: auto;
  margin-bottom: 30px;
}
.skinbooster .section_03 .section_subtitle h1::before {
  content: 'IT’S ME';
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: 120px;
  position: absolute;
  top: -60px;
  left: -65px;
  z-index: -1;
  color: #b0b0b0;
  font-style: italic;
  opacity: 0.6;
}
.skinbooster .section_03 .section_subtitle span {
  font-size: 28px;
}
.skinbooster .section_03 .s_03_top {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 1750px; */
  max-width: 1750px;
  min-width: 1280px;
  width: 95%;
  margin: auto;
  margin-top: 230px;
}
.skinbooster .section_03 .s_03_bottom {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 1750px;
  margin: auto;
  padding-top: 130px;
}
.skinbooster .section_03 .s_03_top > div,
.skinbooster .section_03 .s_03_bottom > div {
  width: 50%;
}
.skinbooster .section_03 .s_03_top .img_part {
  padding-bottom: 200px;
  position: relative;
}
.skinbooster .section_03 .s_03_top .img_part img {
  max-width: 100%;
}
.skinbooster .section_03 .s_03_bottom .img_part img {
  margin: auto;
  display: block;
}
.skinbooster .section_03 .s_03_top .img_part img:last-child {
  position: absolute;
  bottom: 0;
  right: 30px;
}
.skinbooster .section_03 .s_03_top .text_part .wrap,
.skinbooster .section_03 .s_03_bottom .text_part .wrap{
  margin: auto;
  width: fit-content;
}
.skinbooster .section_03 .s_03_top .text_part .sub_title,
.skinbooster .section_03 .s_03_bottom .text_part .sub_title  {
  display: flex;
  justify-content: flex-start;
}
.skinbooster .section_03 .s_03_top .text_part .sub_title h1,
.skinbooster .section_03 .s_03_bottom .text_part .sub_title h1  {
  font-family: 'Cormorant Garamond', serif;
  color: #ff812c;
  font-size: 120px;
  font-weight: 300;
  line-height: 0.6em;
  position: relative;
}
.skinbooster .section_03 .s_03_top .text_part .sub_title h1::after,
.skinbooster .section_03 .s_03_bottom .text_part .sub_title h1::after  {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background-color: #ff812c;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.skinbooster .section_03 .s_03_top .text_part .sub_title p,
.skinbooster .section_03 .s_03_bottom .text_part .sub_title p  {
  color: #ff812c;
  font-size: 24px;
  padding-top: 25px;
  padding-left: 20px;
}
.skinbooster .section_03 .s_03_top .text_part .wrap > h1,
.skinbooster .section_03 .s_03_bottom .text_part .wrap > h1 {
  margin: 60px 0 40px;
  font-size: 38px;
  font-weight: 400;
  color: #222;
}
.skinbooster .section_03 .s_03_top .text_part .wrap > h1 b,
.skinbooster .section_03 .s_03_bottom .text_part .wrap > h1 b {
  font-family: 'Cormorant Garamond', serif;
  color: #ff812c;
  font-weight: 500;
  line-height: 0.6em;
  font-size: 72px;
  font-style: italic;
}
.skinbooster .section_03 .s_03_top .text_part ol li,
.skinbooster .section_03 .s_03_bottom .text_part ol li {
  font-size: 20px;
  padding: 10px 0;
}
.skinbooster .section_03 .icons {
  padding: 150px 0 50px;
}
.skinbooster .section_03 .icons .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1150px;
  margin: auto;
}

.skinbooster .section_03 .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1500px;
  margin: auto;
  margin-top: 140px;
}
.skinbooster .section_03 .items li a {
  height: 330px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.skinbooster .section_03 .items li:nth-child(1) a img ,
.skinbooster .section_03 .items li:nth-child(4) a img   {
  scale: 0.8;
  margin-top: 55px;
  transition: 0.35s;
}
.skinbooster .section_03 .items li a img:hover  {
  scale: 1;
}
.skinbooster .section_03 .items li:nth-child(2) a img,
.skinbooster .section_03 .items li:nth-child(3) a img {
  scale: 1.1;
  transition: 0.35s;
}
.skinbooster .section_03 .items li:nth-child(2) a img:hover,
.skinbooster .section_03 .items li:nth-child(3) a img:hover {
  scale: 1.2;
}
.skinbooster .section_03 .items li a h5 {
  margin-top: auto;
  font-size: 20px;
}
.skinbooster .section_03 .middle_title {
  text-align: center;
  padding: 190px 0 10px;
}
.skinbooster .section_03 .middle_title > h1 {
  font-size: 48px;
  font-weight: 600;
  color: #25a2ea;
  margin: 50px 0;
}
.skinbooster .section_03 .middle_title > h5 {
  font-size: 36px;
  font-weight: 600;
}

.skinbooster .section_04 {
  background-color: #f4f6fa;
  position: relative;
  padding-bottom: 26%;
}
.skinbooster .section_04  .se04_bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.skinbooster .section_04 > .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.skinbooster .section_04 .img_part,
.skinbooster .section_04 .text_part {
  width: 50%;
}
.skinbooster .section_04 .img_part a {
  display: block;
}
.skinbooster .section_04 .img_part a img {
  margin: auto;
  display: block;
  scale: 0.9;
  transition: 0.35s;
}
.skinbooster .section_04 .img_part a img:hover {
  scale: 1;
}
.skinbooster .section_04 .text_part .wrap {
  width: fit-content;
}
.skinbooster .section_04 .text_part .sub_title {
  display: flex;
  justify-content: flex-end;
}
.skinbooster .section_04 .text_part .sub_title h1 {
  font-family: 'Cormorant Garamond', serif;
  color: #ff812c;
  font-size: 120px;
  font-weight: 300;
  line-height: 0.6em;
  position: relative;
}
.skinbooster .section_04 .text_part .sub_title h1::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background-color: #ff812c;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.skinbooster .section_04 .text_part .sub_title p {
  color: #ff812c;
  font-size: 24px;
  padding-top: 25px;
  padding-right: 20px;
  text-align: right;
}
.skinbooster .section_04 .text_part .wrap > h1 {
  margin: 60px 0 40px;
  font-size: 38px;
  font-weight: 400;
  color: #222;
}
.skinbooster .section_04 .text_part .wrap > h1 b {
  font-family: 'Cormorant Garamond', serif;
  color: #ff812c;
  font-weight: 500;
  line-height: 0.6em;
  font-size: 72px;
  font-style: italic;
}
.skinbooster .section_04 .text_part ol li {
  font-size: 20px;
  padding: 10px 0;
}
.skinbooster .section_05 {
  background-image: url(/images/skinbooster/skinbooster_banner_01.jpg);
  background-color: #ff812c;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 95px 0 120px;
}
.skinbooster .section_05 .section_subtitle {
  text-align: center;
}
.skinbooster .section_05 .section_subtitle h1 {
  font-size: 70px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  color:#fff;
  width: fit-content;
  margin: auto;
  margin-bottom: 30px;
}
.skinbooster .section_05 .section_subtitle h1::before {
  content: 'IT’S ME';
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: 120px;
  position: absolute;
  top: -60px;
  left: -65px;
  z-index: -1;
  color: #b0b0b0;
  font-style: italic;
  opacity: 0.6;
}
.skinbooster .section_05 .section_subtitle span {
  font-size: 28px;
  color: #fff;
}

.booster_slide {
  width: 100%;
  
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.booster_slide .swiper-wrapper {
  padding: 150px 0 60px;
}
.booster_slide .swiper-slide .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 700px;
  width: 1450px;
  margin: auto;
}
.booster_slide .controls {
  width: 1450px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.booster_slide .swiper-button-next,
.booster_slide .swiper-button-prev {
  width:66px; 
  height:66px; 
  background:url('/images/main/icon_signature_arr.png') no-repeat center;
  position: static;
}
.booster_slide .swiper-button-next {
  transform:rotate(180deg);
  margin-left: 10px;
}
.booster_slide .swiper-pagination {
  position:absolute;
  top: auto; 
  bottom:0; 
  left: 50%; 
  width:1450px; 
  height:3px; 
  background:#e9eae9;
  transform: translateX(-50%);
}
.booster_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill  {
  background:#4a4a4a;
}
.booster_slide .swiper-slide .wrap .left_part,
.booster_slide .swiper-slide .wrap .right_part {
  width: 50%;
  padding: 35px;
  height: inherit;
}
.booster_slide .swiper-slide .wrap .left_part {
  background-color: #eae5e0;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.booster_slide .swiper-slide .wrap .left_part > h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 74px;
  font-weight: 300;
  line-height: 1.1em;
  color: #333;
}
.booster_slide .swiper-slide .wrap .left_part > p {
  margin-top: 50px;
  font-size: 18px;
}
.booster_slide .swiper-slide .wrap .left_part > img {
  width: 230px;
  height: 280px;
  object-fit: cover;
  margin-top: auto;
}
.booster_slide .swiper-slide .wrap .right_part {
  background-color: #3e3424;
  background-image: url('/images/skinbooster/skinbooster_sbg_01.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.booster_slide .swiper-slide .wrap .right_part > h5{
  text-align: right;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
}
.booster_slide .swiper-slide .wrap .right_part img {
  width: 100%;
  max-height: 550px;
  display: block;
  object-fit: contain;
  margin-top: 130px;
}
/*
display: -ms-flexbox!important; display: flex!important;
-ms-flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-align: stretch!important; align-items: stretch!important;
-ms-flex-align: center!important; align-items: center!important;


-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;

-ms-flex-item-align: start!important; align-self: flex-start!important;
-ms-flex-item-align: center!important; align-self: center!important;
-ms-flex-item-align: stretch!important; align-self: stretch!important;

*/


/* Signature part */
/* reset CSS */
.signature {
  margin-left: auto; 
  margin-right: auto;
  font-family: "Noto Serif KR", serif !important;
  color: #000;
  letter-spacing: 0;
}
.signature section {width:100%;}
.signature h1, .signature h2, .signature h3, .signature h4, .signature h5, .signature h6 {
  margin: 0;
  font-weight: 400 !important;
}

.signature p {
  margin: 0;
}

.signature ul {
  list-style: none;
}
.signature .underline {
  text-decoration: underline;
}

.signature .only_mobile {
  display: none;
}

.signature .p_20 {
  padding: 20px 0;
}

.signature .welcome * {
  font-family: 'Garamond', sans-serif !important;
  font-weight: 400 !important;
}

@media (max-width: 767px) {
  .signature img {
    width: 100%;
  }
  .signature .only_mobile {
    display: block;
  }
  .signature .only_pc {
    display: none;
  }
}
/* Custom CSS */
.signature .welcome {
  background-color: #f2ede7;
}

.signature .welcome .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.signature .welcome .wrapper .welcome_photo01 {
  position: relative;
}

.signature .welcome .wrapper .welcome_photo01 .welcome_title {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.signature .welcome .wrapper .welcome_photo01 .welcome_title h1 {
  color: #fff;
  text-align: center;
  font-size: 7em;
  position: relative;
}

.signature .welcome .wrapper .welcome_photo01 .welcome_title h1:nth-of-type(2)::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 550px;
  background-color: #fff;
  top: -600px;
  left: 50%;
}

.signature .welcome .wrapper .welcome_photo02 {
  width: 100%;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_mid {
  text-align: right;
  margin-top: 20px;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_photo03 {
  position: relative;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_title {
  position: absolute;
  text-align: left;
  padding-left: 45px;
  top: 0;
  right: 15px;
  width: 790px;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_title > h2 {
  /* font-family: 'EB Garamond', serif !important; */
  font-style: italic;
  letter-spacing: 2px;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_title h2 {
  color: #fff;
  font-size: 3em;
  position: relative;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_title .title_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_title .title_bottom h2:nth-of-type(1)::after {
  content: "";
  position: absolute;
  width: 585px;
  height: 2px;
  background-color: #fff;
  top: 50%;
  right: -610px;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_bot {
  text-align: center;
  padding-left: 43%;
  padding-right: 10px;
  padding-top: 95px;
}

.signature .welcome .wrapper .welcome_photo02 .welcome_bot p {
  font-size: 2.5em;
}

.signature .video_landing {
  background-color: #f8f8f4;
}

.signature .video_landing .wrapper {
  padding: 16% 33%;
  position: relative;
}

.signature .video_landing .wrapper .video_text {
  position: absolute;
  z-index: 1;
}

.signature .video_landing .wrapper .video_text p {
  font-size: 3em;
  line-height: 1.6em;
}

.signature .video_landing .wrapper .video_wrap {
  position: absolute;
  top: 0;
}

.signature #TextTransition {
  color: #000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.signature #TextTransition.scroll {
  color: #fff;
}

.signature .text_moving {
  background-color: #f8f8f4;
  padding-bottom: 700px;
}

.signature .text_moving .wrapper {
  padding: 20% 25%;
  position: relative;
  top: 0;
}

.signature .text_moving .wrapper .goto_left {
  position: absolute;
  top: 35%;
}

.signature .text_moving .wrapper .goto_left.text_last {
  top: 63%;
}

.signature .text_moving .wrapper .goto_left p {
  font-size: 4em;
  line-height: 1.6em;
}

.signature .text_moving .wrapper .goto_left p span {
  font-family: 'Garamond', sans-serif !important;
  font-style: italic;
}

.signature .text_moving .wrapper .goto_right {
  position: absolute;
}

.signature .text_moving .wrapper .goto_right p {
  font-size: 4em;
  line-height: 1.6em;
}

.signature .text_moving .wrapper .goto_right p span {
  font-family: 'Garamond', sans-serif;
  font-style: italic;
}

.signature .introduce .wrapper .greeting .content_wrapper {
  text-align: center;
  position: relative;
  padding: 100px 0;
}

.signature .introduce .wrapper .greeting .content_wrapper h3 {
  font-size: 2.5em;
  font-weight: bold !important;
  padding: 75px 0;
}

.signature .introduce .wrapper .greeting .content_wrapper p {
  font-size: 1.5em !important;
  font-weight: 200 !important;
  padding-bottom:5px;
}

.signature .introduce .wrapper .greeting .content_wrapper a {
  position: absolute;
  width: 24px;
  height: 50px;
  bottom: 24%;
  left: 57%;
}

.signature .introduce .wrapper .greeting .content_wrapper a span {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
  background-color: #385723;
  border: 2px solid #385723;
  bottom: 0;
  left: 0;
  line-height: 0.3em;
  color: #fff;
  text-decoration: none;
  font-size: 1.0em;
  padding: 3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: greetinglink;
          animation-name: greetinglink;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.signature .introduce .wrapper .greeting .content_wrapper a span em {
  font-style: normal;
  -webkit-transform: translate(-2px, -1px);
          transform: translate(-2px, -1px);
  display: inline-block;
}

.signature .personal {
  margin: 200px 0;
}

.signature .personal .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10%;
}

.signature .personal .wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.signature .personal .wrapper .desc .content_title h3 {
  font-size: 2.5em;
  font-weight: bold !important;
}

.signature .personal .wrapper .desc .content_list {
  padding: 80px 0;
}

.signature .personal .wrapper .desc .content_list h4 {
  font-family: 'Garamond', sans-serif !important;
  font-style: italic;
  font-size: 2em;
  padding-bottom: 20px;
}

.signature .personal .wrapper .desc .content_list p {
  font-size: 2em;
  font-weight: 200 !important;
  background-color: #f2ede7;
  padding: 10px;
  display: inline-block;
}

.signature .personal .wrapper .desc .content_list p span {
  font-family: 'Garamond', sans-serif !important;
}

.signature .personal .wrapper .desc .content_desc p {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 400 !important;
}

.signature .personal .wrapper .personal_photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.signature .personal .wrapper .personal_photo .photo_wrapper {
  text-align: right;
}

.signature .personal .wrapper .personal_photo .photo_wrapper:nth-child(2) {
  text-align: left;
}

.signature .equipment {
  margin: 200px 0;
}

.signature .equipment .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10%;
  gap: 10%;
}

.signature .equipment .wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.signature .equipment .wrapper .equipment_photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.signature .equipment .wrapper .equipment_photo .photo_wrapper img {
  width: 100%;
}

.signature .equipment .wrapper .equipment_photo .photo_wrapper:nth-child(2) {
  text-align: right;
}

.signature .equipment .wrapper .equipment_photo .photo_bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.signature .equipment .wrapper .equipment_photo .photo_bot .photo_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.signature .equipment .wrapper .equipment_photo .photo_bot .photo_info .photo_info_bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px;
}

.signature .equipment .wrapper .equipment_photo .photo_bot .video_wrap {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.signature .equipment .wrapper .equipment_photo .photo_bot .video_wrap video {
  width: 100%;
}

.signature .equipment .wrapper .desc .content_title h3 {
  font-size: 2.5em;
  font-weight: bold !important;
}

.signature .equipment .wrapper .desc .content_list {
  padding: 80px 0;
}

.signature .equipment .wrapper .desc .content_list h4 {
  font-family: 'Garamond', sans-serif !important;
  font-style: italic;
  font-size: 2em;
  padding-bottom: 20px;
}

.signature .equipment .wrapper .desc .content_list p {
  font-size: 1.8em;
  font-weight: 200 !important;
  background-color: #f2ede7;
  padding: 10px;
  display: inline-block;
}

.signature .equipment .wrapper .desc .content_desc p {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 400 !important;
}

.signature .portfolio {
  color: #fff;
}

.signature .portfolio .content_wrapper {
  background-color: #000;
}

.signature .portfolio .content_wrapper .portfolio_title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 32%;
  text-align: center;
  font-size: 7em;
  padding: 300px 0;
}

.signature .portfolio .content_wrapper .portfolio_title h1 {
  font-family: 'Garamond', sans-serif !important;
  font-style: italic;
}

.signature .portfolio .content_wrapper .works_wrapper {
  padding: 80px 10%;
  margin-top: 1000px;
  padding-bottom: 1000px;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left {
  min-width: 432px;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left .works_title h3 {
  font-size: 2em;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left .works_part {
  padding: 40px 0;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left .works_part h5 {
  font-size: 1.7em;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc .works_right {
  min-width: 751px;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc .works_right > div {
  margin: 30px 0;
}

.signature .portfolio .content_wrapper .works_wrapper .works_desc .works_right > div p {
  line-height: 1.5em;
  font-size: 1.2em;
  font-weight: 200 !important;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_list {
  width: 90%;
  margin: 0 auto;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 100px 0;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_photo_left {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 300px;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_photo_right {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_list {
  padding: 20px 0;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_list img {
  width: 80%;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_desc {
  text-align: center;
  padding: 100px 0;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_desc h3 {
  font-size: 2em;
}

.signature .portfolio .content_wrapper .works_wrapper .works_photo_desc p {
  padding-top: 50px;
  font-size: 1.2em;
}

.signature .vision .content_wrapper {
  padding: 200px 10%;
}

.signature .vision .content_wrapper .content_title {
  padding-bottom: 70px;
}

.signature .vision .content_wrapper .content_title h5 {
  font-size: 1.7em;
  color: #548235;
}

.signature .vision .content_wrapper .content_title h3 {
  font-size: 2em;
  padding: 30px 0;
}

.signature .vision .content_wrapper .content_title p {
  font-size: 1.2em;
  font-weight: 200 !important;
  padding: 4px 0;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div .photo_top_item:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div .photo_top_item:nth-child(2) {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div .photo_top_item:nth-child(3) {
  -webkit-box-flex: 2.24;
      -ms-flex: 2.24;
          flex: 2.24;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div .photo_top_item img {
  width: 100%;
  height: 100%;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div .photo_bot_item:nth-child(1) {
  -webkit-box-flex: 1.06;
      -ms-flex: 1.06;
          flex: 1.06;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div .photo_bot_item:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div .photo_bot_item img {
  width: 100%;
  height: 100%;
}

.signature .vision .content_wrapper .more_product {
  text-align: center;
  padding: 100px 0;
}

.signature .vision .content_wrapper .more_product a {
  color: #000;
  text-decoration: none;
  font-size: 2.0em;
}

.signature .vision .content_wrapper .more_product a p {
  font-family: 'Garamond', sans-serif !important;
  font-style: italic;
}

.signature .vision .content_wrapper .more_product a .arrow {
  padding-left: 7px;
  font-weight: bold !important;
  display: inline-block;
  -webkit-transform: translate(0, 4px);
          transform: translate(0, 4px);
}

.signature .vision .content_wrapper .more_product a:hover .arrow {
  -webkit-transform: translate(10px, 4px);
          transform: translate(10px, 4px);
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.signature #PhotoTransition1, .signature #PhotoTransition2, .signature #PhotoTransition3, .signature #PhotoTransition4, .signature #PhotoTransition5 {
  opacity: 0;
  -webkit-transform: translateY(140px);
          transform: translateY(140px);
  -webkit-transition: 1s;
  transition: 1s;
}

.signature #PhotoTransition1.scroll, .signature #PhotoTransition2.scroll, .signature #PhotoTransition3.scroll, .signature #PhotoTransition4.scroll, .signature #PhotoTransition5.scroll {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.signature .partnership .content_wrapper .content_title {
  padding: 0 10%;
}

.signature .partnership .content_wrapper .content_title h5 {
  font-size: 1.4em;
  color: #548235;
  padding-bottom: 30px;
}

.signature .partnership .content_wrapper .content_title h3 {
  font-size: 2em;
}

.signature .partnership .content_wrapper .partners {
  position: relative;
  width: 100%;
  white-space: nowrap;
  height: 300px;
}

.signature .partnership .content_wrapper .partners .partners_wrapper {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.signature .partnership .content_wrapper .partners .partners_wrapper .partner_items {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: slideLogo;
          animation-name: slideLogo;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
}

.signature .partnership .content_wrapper .partners .partners_wrapper .partner_items .partner_item {
  width: 10%;
  margin: auto;
  padding: 3% 9%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.signature .partnership .content_wrapper .partners .partners_wrapper .partner_items .partner_item img {
  display: block;
  width: 185px;
}

@-webkit-keyframes slideLogo {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-140%);
            transform: translateX(-140%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideLogo {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes slideLogo2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-565%);
            transform: translateX(-565%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideLogo2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-565%);
            transform: translateX(-565%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes greetinglink {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
  70% {
    bottom: 0px;
  }
  85% {
    bottom: 3px;
  }
  100% {
    bottom: 0;
  }
}

@keyframes greetinglink {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
  70% {
    bottom: 0px;
  }
  85% {
    bottom: 3px;
  }
  100% {
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .portfolio .content_wrapper .works_wrapper .works_desc .works_left {
    min-width: none !important;
  }
  .portfolio .content_wrapper .works_wrapper .works_desc .works_right {
    min-width: none !important;
  }
}
/* responsible CSS */
@media (max-width: 767px) {
  body {
    overflow: unset !important;
  }
  .signature .welcome .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .signature .welcome .wrapper .welcome_photo01 .welcome_title h1 {
    font-size: 4em;
  }
  .signature .welcome .wrapper .welcome_photo02 {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .signature .welcome .wrapper .welcome_photo02 .welcome_mid {
    margin-top: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_photo03 .welcome_title {
    width: 100%;
    padding: 10px;
  }
  .signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_photo03 .welcome_title .title_bottom {
    padding-top: 10px;
    width: 94%;
  }
  .signature .welcome .wrapper .welcome_photo02 .welcome_mid .welcome_photo03 .welcome_title .title_bottom h2:nth-of-type(1)::after {
    width: 300px;
    right: -310px;
  }
  .signature .video_landing .wrapper {
    height: 700px;
    padding: 0 5%;
  }
  .signature .video_landing .wrapper .video_text {
    width: 247px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .signature .video_landing .wrapper .video_text p {
    font-size: 1em;
  }
  .signature #TextTransition_m {
    color: #000;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #TextTransition_m.scroll {
    color: #fff;
  }
  .signature #VideoWrapTransition_m {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #VideoWrapTransition_m.scroll {
    border-radius: 0;
    width: 100%;
    height: 50%;
  }
  .signature .text_moving {
    padding-bottom: 490px;
  }
  .signature .text_moving .wrapper .goto_left p {
    font-size: 1.2em;
  }
  .signature .text_moving .wrapper .goto_right p {
    font-size: 1.2em;
  }
  .signature .introduce .wrapper {
    padding: 90px 15px;
  }
  .signature .introduce .wrapper .greeting .content_wrapper {
    padding: 0;
  }
  .signature .introduce .wrapper .greeting .content_wrapper h3 {
    font-size: 2em;
    padding: 45px 5px;
  }
  .signature .introduce .wrapper .greeting .content_wrapper p {
    font-size: 1em;
  }
  .signature .introduce .wrapper .greeting .content_wrapper p span {
    display: block;
  }
  .signature .introduce .wrapper .greeting .content_wrapper a {
    bottom: 12%;
    left: 33%;
  }
  .signature .introduce .wrapper .greeting .content_wrapper a span {
    width: 0.3em;
    height: 0.3em;
  }
  .signature .introduce .wrapper .greeting .content_wrapper a span em {
    -webkit-transform: translate(-1.5px, -1.5px);
            transform: translate(-1.5px, -1.5px);
  }
  .signature #IntroduceDesc {
    -webkit-transform: translateY(70px);
            transform: translateY(70px);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #IntroduceDesc.scroll {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .signature .personal {
    margin: 45px 0;
  }
  .signature .personal .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 45px 15px;
  }
  .signature .personal .wrapper .desc .content_title h3 {
    font-size: 2em;
  }
  .signature .personal .wrapper .desc .content_list {
    padding: 45px 0;
  }
  .signature .personal .wrapper .desc .content_list h4 {
    font-size: 1.5em;
  }
  .signature .personal .wrapper .desc .content_list p {
    font-size: 1.5em;
    display: block;
  }
  .signature .personal .wrapper .desc .content_desc p {
    font-size: 1em;
  }
  .signature .personal .wrapper .desc .content_desc p span {
    display: block;
  }
  .signature .personal .wrapper .personal_photo {
    padding-top: 30px;
  }
  .signature #PersonalTitle {
    -webkit-transform: translateX(-90px);
            transform: translateX(-90px);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #PersonalTitle.scroll {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .signature .equipment {
    margin: 45px 0;
  }
  .signature .equipment .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0 15px;
  }
  .signature .equipment .wrapper .desc .content_title h3 {
    font-size: 2em;
  }
  .signature .equipment .wrapper .desc .content_list {
    padding: 45px 0;
  }
  .signature .equipment .wrapper .desc .content_list h4 {
    font-size: 1.5em;
  }
  .signature .equipment .wrapper .desc .content_list p {
    font-size: 1.5em;
    display: block;
  }
  .signature .equipment .wrapper .desc .content_list p span {
    display: block;
  }
  .signature .equipment .wrapper .desc .content_desc p {
    font-size: 1em;
    display: inline;
  }
  .signature .equipment .wrapper .desc .content_desc p span {
    display: block;
  }
  .signature .equipment .wrapper .equipment_photo {
    padding-top: 30px;
  }
  .signature .equipment .wrapper .equipment_photo .photo_bot .photo_info {
    display: none;
  }
  .signature #EquipmentTitle {
    -webkit-transform: translateX(-90px);
            transform: translateX(-90px);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #EquipmentTitle.scroll {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .signature .portfolio .content_wrapper .portfolio_title {
    position: relative;
    font-size: 4em;
    padding: 150px 0;
    left: 0;
  }
  .signature .portfolio .content_wrapper .works_wrapper {
    margin-top: 0;
    padding: 15px;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left .works_title h3 {
    font-size: 1.5em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left .works_parkt h5 {
    font-size: 1.2em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_right div p {
    font-size: 0.9em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_right div p span {
    display: block;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list {
    width: 100%;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_photo_left {
    gap: 0;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_list img {
    width: 100%;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_desc h3 {
    font-size: 1.2em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_desc h3 span {
    display: block;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_desc p {
    font-size: 0.9em;
  }
  .signature #our {
    -webkit-transform: translateX(90px);
            transform: translateX(90px);
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #our.scroll {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .signature #journey {
    -webkit-transform: translateX(-45px);
            transform: translateX(-45px);
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #journey.scroll {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .signature #Portfolio01 {
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #Portfolio01.scroll {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .signature #Portfolio02 {
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #Portfolio02.scroll {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .signature #Portfolio03 {
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .signature #Portfolio03.scroll {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .signature #PortfolioLast {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
    -webkit-transition: 1.3s;
    transition: 1.3s;
  }
  .signature #PortfolioLast.scroll {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .signature .vision .content_wrapper {
    padding: 100px 15px;
  }
  .signature .vision .content_wrapper .content_title {
    padding-bottom: 45px;
  }
  .signature .vision .content_wrapper .content_title h5 {
    font-size: 1.1em;
  }
  .signature .vision .content_wrapper .content_title h3 {
    font-size: 1.2em;
  }
  .signature .vision .content_wrapper .content_title p {
    font-size: 1em;
  }
  .signature .vision .content_wrapper .content_title p span {
    display: block;
  }
  .signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .signature .vision .content_wrapper .more_product {
    padding: 30px 0;
  }
  .signature .vision .content_wrapper .more_product a {
    font-size: 1em;
  }
  .signature .vision .content_wrapper .more_product a p {
    border: 1px solid #efefef;
    padding-bottom: 10px;
  }
  .signature .partnership .content_wrapper {
    padding: 15px;
  }
  .signature .partnership .content_wrapper .content_title {
    padding: 0;
  }
  .signature .partnership .content_wrapper .content_title h5 {
    font-size: 1.1em;
  }
  .signature .partnership .content_wrapper .content_title h3 {
    font-size: 1.2em;
  }
  .signature .partnership .content_wrapper .content_title h3 span {
    display: block;
  }
  .signature .partnership .content_wrapper .partners .partners_wrapper .partner_items {
    -webkit-animation-name: slideLogo2;
            animation-name: slideLogo2;
    -webkit-animation-duration: 60s;
            animation-duration: 60s;
  }
  .signature .partnership .content_wrapper .partners .partners_wrapper .partner_items .partner_item {
    width: 50%;
  }
}

@media (max-width: 420px) {
  .signature .wrapper .welcome_photo01 .welcome_title h1:nth-of-type(2):after {
    height: 600px;
    top: -620px;
  }
  .signature
.wrapper
.welcome_photo02
.welcome_mid
.welcome_photo03
.welcome_title
.title_bottom
h2:nth-of-type(1)::after {
    width: 250px;
    right: -270px;
  }
}

@media (max-width: 410px) {
  .signature .wrapper .welcome_photo01 .welcome_title h1:nth-of-type(2):after {
    height: 500px;
    top: -530px;
  }
}

@media (max-width: 400px) {
  .signature
.wrapper
.welcome_photo02
.welcome_mid
.welcome_photo03
.welcome_title
.title_bottom
h2:nth-of-type(1)::after {
    width: 230px;
    right: -250px;
  }
}

@media (max-width: 380px) {
  .signature
.wrapper
.welcome_photo02
.welcome_mid
.welcome_photo03
.welcome_title
.title_bottom
h2:nth-of-type(1)::after {
    width: 210px;
    right: -230px;
  }
}

@media (max-width: 370px) {
  .signature .wrapper .welcome_photo01 .welcome_title h1:nth-of-type(2):after {
    height: 400px;
    top: -440px;
  }
}

@media (max-width: 360px) {
  .signature
.wrapper
.welcome_photo02
.welcome_mid
.welcome_photo03
.welcome_title
.title_bottom
h2:nth-of-type(1)::after {
    width: 190px;
    right: -210px;
  }
}

@media (max-width: 330px) {
  .signature .wrapper .welcome_photo01 .welcome_title h1:nth-of-type(2):after {
    height: 350px;
    top: -390px;
  }
  .signature
.wrapper
.welcome_photo02
.welcome_mid
.welcome_photo03
.welcome_title
.title_bottom
h2:nth-of-type(1)::after {
    width: 180px;
    right: -195px;
  }
}