/* main에서만 변경 */
html {-webkit-text-size-adjust: 100%;}
html,body {width:100%;}
ul{font-size: 0}
ul,li{margin:0;padding:0;}
.header {background-color:transparent;}
.header>.top {transition:top 0.275s cubic-bezier(0.7, 0, 0.3, 1); top:0; width:100%; z-index:9;}
.header.stick>.top {top:-36px;}
.header>.top>.guide {left:50px;}
.header>.top>div:last-child {right:25px;}
.header>.top>div>ul.user>li {color:white;}
.header>.menu>.menu-wrapper {background-color:transparent;}
.header.stick>.menu>.menu-wrapper {background-color:#1f3148;}
.header>.menu>.menu-wrapper>ul {width:100%; padding:0 25px; box-sizing:border-box;}

.header .hosp_info .wrapper {max-width:100%;}
.header .hosp_info .guide {left:37px;}
.header .hosp_info .content {max-width:1200px; margin:auto;}
/*
.header .mobile.menu_btn {background-color:transparent;}
.header>.menu>.menu-wrapper>ul>li.logo,
.header>.menu>.menu-wrapper>ul>li.logo_white {background-color:transparent;}

body.main .header.nonselect.stick>.menu_btn,
body.main .header.nonselect.stick>.menu_btn nav,
body.main .header.nonselect.stick>.menu>.menu-wrapper>ul>li.logo,
body.main .header.nonselect.stick>.menu>.menu-wrapper>ul>li.logo_white,
body.main .header.nonselect.stick>.info{background-color:#ff82a4;}

.header>.menu>.menu-wrapper>ul>li.logo{opacity: 1;}
.header>.menu>.menu-wrapper>ul>li.logo_white{opacity: 0;}

.header.stick>.menu>.menu-wrapper>ul>li.logo{opacity: 0;}
.header.stick>.menu>.menu-wrapper>ul>li.logo_white{opacity: 1;}
*/

/*
.header .hosp_info .wrapper {max-width:100%;}
.header .hosp_info .guide {left:39px;}
.header .hosp_info .content {width:1200px; margin:auto;}
*/


.counsel {transition:bottom 0.275s cubic-bezier(0.7, 0, 0.3, 1);}

.main .prev_arrow,
.main .next_arrow {position:absolute; width:30px; height:30px; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/main/main_arrow_s.db977a3fcf98.png); background-repeat:no-repeat; background-position:center center; top:0; bottom:0; margin:auto 0; cursor:pointer; z-index:2;}
.main .prev_arrow {left:-30px;}
.main .next_arrow {right:-30px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.main .logo_list .prev_arrow {left:5px;}
.main .logo_list .next_arrow {right:5px;}

.container {max-width: 640px; margin: 0 auto;}

/*
.container>.wrapper>.swiper-banner{position: relative; overflow: hidden;}
.container>.wrapper>.swiper-banner>.swiper-wrapper img{width:100%;max-width:100%;display: block;}
.container>.wrapper>.swiper-banner>.swiper-pagination{z-index:1}
.container>.wrapper>.swiper-banner .swiper-pagination-bullet{background: transparent; width:12px; height:12px; margin:0 4px; background: rgba(40, 40, 40, 0.5); border:1px solid rgba(255, 255, 255, 0.1); opacity: 1; transition: all 0.7s;}
.container>.wrapper>.swiper-banner .swiper-pagination-bullet-active {background: #8d2ede; border:1px solid #8d2ede; width: 38px; border-radius: 76px;}
*/
/*new*/
.container>.wrapper>.swiper-banner{position: relative;overflow: hidden;}
.container>.wrapper>.swiper-banner .swiper-wrapper{height:auto;}
.container>.wrapper>.swiper-banner .swiper-slide{width:62%;}
.container>.wrapper>.swiper-banner .swiper-slide .image img{width:100%; display: block;}

.container>.wrapper>.swiper-banner .swiper-button-prev,
.container>.wrapper>.swiper-banner .swiper-button-next{width:13%;height:13%; max-width:100px; background-size: contain; opacity: 0.7;}
.container>.wrapper>.swiper-banner .swiper-button-prev{left:4%; background-image: url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/main/btn_banner_prev.42b32f97147b.png')}
.container>.wrapper>.swiper-banner .swiper-button-next{right:4%; background-image: url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/main/btn_banner_next.f4fa24548825.png')}
.container>.wrapper>.swiper-banner .keepLft,
.container>.wrapper>.swiper-banner .keepRgt{width: 100%; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.6); z-index: 1;}
.container>.wrapper>.swiper-banner .keepLft{right: 81%; }
.container>.wrapper>.swiper-banner .keepRgt{left: 81%; }

.container>.wrapper>.swiper-banner .swiper-pagination.swiper-pagination-fraction{color: #fff; font-size: 10px; letter-spacing: -1px; background: rgba(0,0,0,0.5); border-radius: 10px; width: 40px; padding: 2px 0; margin: 0 auto; left: 0; right: 0;}

.container>.wrapper>.main_menu>ul{display:flex;padding:0;margin:0;font-size: 0;background: #323232;}
.container>.wrapper>.main_menu>ul>li{width:20%;text-align: center;margin: auto 0;font-size: 3.3vw;line-height:4vw;font-weight:300;letter-spacing: -0.2vw;color:#fff;padding: 3vw 0px;}
.container>.wrapper>.main_menu>ul>li:not(:last-child){border-right:1px solid #8a8a8a;}

.container>.wrapper>div:not(:nth-child(-n+1)) {margin:20px 15px; overflow: hidden; position: relative;}
.container>.wrapper>div:last-of-type {padding-bottom: 20px; margin-bottom:0;}

/* title */
/*.container>.wrapper h3{text-align: center;position: relative;font-size:5vw;font-weight:500;letter-spacing: -0.6vw; margin-bottom:3%;}

.container>.wrapper h3.en{font-size: 5.99vw;font-weight:400;font-family:'Raleway';letter-spacing:-0.14vw;}
.container>.wrapper h3 span.j{font-family:'Lora';font-weight:500;font-size:5.7vw;letter-spacing: -0.4vw; margin-right:1vw;}
.container>.wrapper h3 span.s{font-style:italic;font-weight:600;}

.container>.wrapper .real_review h3{font-size:5.1vw; margin-top:0;}
.container>.wrapper .real_review h3 span.s{font-size:5vw;}

.container>.wrapper h3:after{content: '';position: absolute;width:20vw;bottom:-1vw;left:0;height:0.3vw;background: #000;}
*/

.container>.wrapper .mainTit{padding: 0; border-bottom: 1px solid #000; margin-bottom: 1.8%; overflow: hidden; position: relative;}
.container>.wrapper .mainTit>h3{text-align: left; float: left; position: relative; font-size: 5vw; font-weight: 500; letter-spacing: -0.625vw; margin:0;}
.container>.wrapper .mainTit>h3.en{font-size: 5.99vw;font-weight:400;font-family:'Raleway';letter-spacing:-0.14vw;}
.container>.wrapper .mainTit>h3 span.j {font-family: 'Lora'; font-weight: 600; font-size: 5.6vw; letter-spacing: -0.5vw; margin-right: 1vw;}
.container>.wrapper .mainTit .more{ clear: none;width:17%;font-size: 3vw; line-height: 2; border: 1px solid #585858; text-align: center; border-radius: 19vw; padding: 0; margin-top: 0; position: absolute;right: 0;bottom: 7%;}

@media (min-width:640px) {
	/*.container>.wrapper h3{font-size:34px;letter-spacing: -4px;}
	.container>.wrapper h3.en{font-size:38px;letter-spacing:-1px;}
	.container>.wrapper h3 span.j{font-size:40px;letter-spacing: -3px;margin-right:6px;}
	.container>.wrapper h3 span.s{font-size:38px;}
	.container>.wrapper h3:after{width:128px;bottom:-19px;left:calc(50% - 64px);height:5px;}*/
	.container>.wrapper h3{font-size:32px;letter-spacing: -4px;}
	.container>.wrapper h3.en{font-size:38px;letter-spacing:-1px;}
	.container>.wrapper h3 span.j{font-size:36px;letter-spacing: -3px;margin-right:6px;}
	.container>.wrapper .mainTit>h3{font-size: 32px; letter-spacing: -4px;}
	.container>.wrapper .mainTit .more{font-size: 20px; border-radius: 20px;}
}


/*shorts*/
.container .wrapper > div.shorts_contents {position: relative;}
.container .wrapper > div.shorts_contents ul{margin:0;padding:0;}
.container .wrapper > div.shorts_contents ul>li {position: relative; display: inline-table; width: 15.75%; height: auto;  margin-right:1.1%; cursor: pointer;}
.container .wrapper > div.shorts_contents ul>li:last-child{margin-right:0;}
.container .wrapper > div.shorts_contents ul>li div.pic_wrapper {width:100%; height:100%; border:0; margin:0; border-bottom: 0; overflow: hidden; border-radius:10px;}
/*.container .wrapper > div.shorts_contents ul>li div.pic_wrapper img {width:100%; border-radius:10px;}*/
.container .wrapper > div.shorts_contents ul>li div.pic_wrapper img {width: 238%; transform: translateX(-29%); display:block;}

/*reels*/
.container .wrapper > div.reels_contents {position: relative;}
.container .wrapper > div.reels_contents .section-wrap {display: inline-block;}
/*.container .wrapper > div.reels_contents a.more {clear: both; display: block; width: 90px; border-radius: 30px; border: 2px solid #585858; margin: 0 auto; padding: 7px 15px; text-align: center; font-weight: 600; color: #fff; color: #191919; font-size: 13px; font-family: 'Raleway';}*/
.container .wrapper > div.reels_contents ul{margin:0;padding:0;}
.container .wrapper > div.reels_contents ul::before {content: ''; display: table;}
.container .wrapper > div.reels_contents ul>li {position: relative; display: inline-table; width: 24.4%; overflow: hidden; float: left; margin-bottom:0.8%; margin-right:0.8%; cursor: pointer;}
.container .wrapper > div.reels_contents ul>li:nth-child(4n) {margin-right:0;}
.container .wrapper > div.reels_contents ul>li div.pic_wrapper {width:100%; height:24.4%; border:0; margin:0; border-bottom: 1px solid #d1d1d1; }
.container .wrapper > div.reels_contents ul>li div.pic_wrapper img {width:100%;}
.container .wrapper > div.reels_contents ul>li div.video_btn{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center;}
.container .wrapper > div.reels_contents ul>li div.video_btn>button{cursor: pointer; padding:0; background: transparent; border-color:transparent transparent transparent #fff; border-style:solid solid solid solid; border-width:1em 0 1em 1.7em;}
.container .wrapper > div.reels_contents ul>li:hover div.video_btn>button{border-color:transparent transparent transparent #e93423; opacity: 1; transition: all ease 1s 0s;}



/*real_review*/
.container .wrapper > div.real_review h3 span.color{color:#8f58be}
.container .wrapper > div.real_review h2{color:#9c9c9c; text-align: center; margin: 0 0 2vw; font-weight: 300; font-size: 2.35vw; letter-spacing: -0.16vw;}
/*.container .wrapper > div.real_review a.more{text-align: center; display: block; width: 27vw; margin: 0 auto; padding: 2.1vw 0 1.5vw 0; border: 0.7vw solid #8f58be; border-radius: 4.5vw; line-height: 3.4vw; font-size: 3.44vw; font-weight: 600; font-family: 'NanumBarunGothic'; color: #8f58be;}
.container .wrapper > div.real_review a.more span{background-color: #8f58be; display: inline-block; width: 3.1vw; height: 3.1vw; border-radius: 3.1vw; text-align: center; margin: 0 0 0.5vw 1vw; font-size: 0; vertical-align: middle; position: relative;}
.container .wrapper > div.real_review a.more span:before {content: ' \002B'; color: #fff; font-family: 'NanumBarunGothic'; font-size: 4vw; font-weight: 600; line-height: 4.2vw; position: absolute; top: 0; left: 0; right: 0;}
.container .wrapper > div.real_review a.more {display: block; width: 90px; border-radius: 30px; border: 2px solid #585858; margin: 0 auto; padding: 7px 15px; text-align: center; font-weight: 600; color: #fff; color: #191919;font-size: 13px;font-family: 'Raleway';}*/

.container .wrapper > div.real_review .section-wrap{cursor: pointer; margin-bottom: 4.9vw; display: inline-block;}
.container .wrapper > div.real_review .section-wrap ul>li{float:left; width:49%}
/*.container .wrapper > div.real_review .section-wrap ul>li:nth-child(2n){margin-left:2%;}
.container .wrapper > div.real_review .section-wrap ul>li:nth-child(n+3){margin-top:2%;}*/
.container .wrapper > div.real_review .section-wrap ul>li img{width:100%}

.container .wrapper > div.real_review .section-wrap{width:100%}
.container .wrapper > div.real_review .swiper-container{height:40vw;}
.container .wrapper > div.real_review .swiper-container .swiper-wrapper{padding:0; margin:0;}
.container .wrapper > div.real_review .swiper-container .swiper-slide { display: flex; width:20%; align-items: center; margin-top:0;}
.container .wrapper > div.real_review .swiper-container .swiper-slide img {width:100%; border-radius: 5%}
.container .wrapper > div.real_review .swiper-container .swiper-slide a{display: contents; width:100%;}
.container .wrapper > div.real_review .swiper-container .swiper-slide.swiper-slide-active { z-index: 10; transform: scale(1.8, 1.8); transition: all 0.3s ease-out; }
.container .wrapper > div.real_review .swiper-container .swiper-slide.swiper-slide-active img{box-shadow: 0 0 10px rgb(0 0 0 / 45%); filter:none; -webkit-filter: none; }

.container .wrapper > div.real_review .section-wrap .review_bnfThum>ul>li{float:left; width:49%; background: #444; display: inline-block; margin:0; padding: 0; position: relative; overflow: hidden;}
.container .wrapper > div.real_review .section-wrap .review_bnfThum>ul>li::after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 10px solid rgba(255, 144, 160, 0); transition: border .4s ease;}
.container .wrapper > div.real_review .section-wrap .review_bnfThum>ul>li.on::after {border: 2px solid #d4a2ff;}
/*.container .wrapper > div.real_review .section-wrap .review_bnfThum>ul>li>img{width:100%; position: absolute; top: 50%; transform: translateY(-50%);}*/

.container .wrapper > div.real_review .section-wrap #review_bnfImg,
.container .wrapper > div.real_review .section-wrap .review_bnfThum{float:left;}
.container .wrapper > div.real_review .section-wrap #review_bnfImg{width: 65.9%; margin-right:1%;}
.container .wrapper > div.real_review .section-wrap .review_bnfThum{width: 32.8%;vertical-align: top; margin-top:0;}
.container .wrapper > div.real_review .section-wrap .review_bnfThum>ul>li:not(:nth-child(2n)){margin-right: 2%;}
.container .wrapper > div.real_review .section-wrap .review_bnfThum>ul>li:nth-child(n+3){margin-top:1.7%;}

div.real_review .beer-reveal{border-right:1px solid #fff;}
div.real_review .beer-slider[data-beer-label]:after,
div.real_review .beer-reveal[data-beer-label]:after{font-family: 'Raleway'; font-size: 16px; font-weight: 600;}

.container .wrapper > div.real_review .twentytwenty-horizontal .twentytwenty-handle:before,
.container .wrapper > div.real_review .twentytwenty-horizontal .twentytwenty-handle:after{width:2px; margin-left: -1px; }
.container .wrapper > div.real_review .twentytwenty-horizontal .twentytwenty-before-label:before,
.container .wrapper > div.real_review .twentytwenty-horizontal .twentytwenty-after-label:before {top: 10%; color: #000; font-family: 'Lora'; font-size:0.9em; font-weight: 500; line-height: 2; padding: 0 1em; border-radius: 0.5em;}
.container .wrapper > div.real_review .twentytwenty-overlay .twentytwenty-before-label,
.container .wrapper > div.real_review .twentytwenty-overlay .twentytwenty-after-label{opacity:1}
.twentytwenty-overlay:hover{background: none;}
.twentytwenty-handle{border: 2px solid white;}

@media (min-width:640px) {
	.container .wrapper > div.real_review h2{margin: 0 0 13px; font-size:15px; letter-spacing: -1px;}
	/*.container .wrapper > div.real_review a.more{width: 173px; padding: 14px 0 11px 0; border: 4px solid #8f58be; border-radius: 25px; font-size:22px; line-height: 20px;}
	.container .wrapper > div.real_review a.more span{width: 18px; height: 18px; border-radius: 18px; margin: 0 0 2px 7px;}
	.container .wrapper > div.real_review a.more span:before {font-size: 24px; line-height: 27px;}*/
	.container .wrapper > div.real_review .section-wrap{margin-bottom: 32px;}
}

/*real_review_breast*/
.container .wrapper > div.real_review_breast .section-wrap{display: inline-block;}
.container .wrapper > div.real_review_breast .section-wrap ul>li{float:left; width:32%; overflow: hidden; }
.container .wrapper > div.real_review_breast .section-wrap ul>li:not(:nth-child(3n)){margin-right:2%;}
.container .wrapper > div.real_review_breast .section-wrap ul>li:nth-child(n+4) { margin-top: 2%;}
.container .wrapper > div.real_review_breast .section-wrap ul>li img{width:100%; display: block;}
.container .wrapper > div.real_review_breast .section-wrap ul>li video{width: 100%; }
/*.container .wrapper > div.real_review_breast a.more {display: block; width: 90px; border-radius: 30px; border: 2px solid #585858; margin: 0 auto; padding: 7px 15px; text-align: center; font-weight: 600; color: #fff; color: #191919;font-size: 13px;font-family: 'Raleway'; margin-top:5%; }*/

/* Video */
.container>.wrapper>.main_video .swiper-container>.swiper-wrapper>.swiper-slide {width:43%; min-width: 100px;}
.container>.wrapper>.main_video .swiper-container>.swiper-wrapper>.swiper-slide .img{width: 100%; }
.container>.wrapper>.main_video .swiper-container>.swiper-wrapper>.swiper-slide .img img{min-width: 100px; }
.container>.wrapper>.main_video .swiper-container>.swiper-wrapper>.swiper-slide .title {text-align: center; font-size:12px; color:#585858; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 3px; padding: 0 3px;}

/*.container .main_video a.more {font-size: 12px; position: absolute; right:0; margin-bottom: 5px; padding-bottom:2px; border-bottom:1px solid #606060; color: #606060; }*/


.container>.wrapper>.main_video .main_video_area{width:100%; height:51.8vw; }
@media (min-width:640px) {
	.container>.wrapper>.main_video .main_video_area{height:343px; }
}
.container>.wrapper>.main_video .swiper-container { width:100%; margin-top: 15px; clear:both;}
.container>.wrapper>.main_video .swiper-container .swiper-slide li.cont{font-size:12px;text-align:center;padding: 0 5px;}
.container>.wrapper>.main_video div:last-child{text-align:center;margin-top:5px;}
/*.container>.wrapper>.main_video .main_video_more {display: block; width: 90px; border-radius: 30px; border: 2px solid #585858; margin:0 auto; padding: 7px 15px; text-align: center; font-weight: 600; color: #fff; color: #191919;font-size: 13px;font-family: 'Raleway';}*/


#video-container {display: none;}
#video-container.active {display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0; z-index: 100000;}

.container>.wrapper>.main_video>.tit{width:50%; text-align: center;margin: 25px auto 12px;}
.container>.wrapper>.main_selfie>.tit{width: 83.76%; text-align: center;margin: 25px auto 12px;}
.container>.wrapper>.main_media>.tit{width: 50.54%; text-align: center;margin: 25px auto 12px;}
.container>.wrapper>.main_special>.tit{width: 67.55%; text-align: center;margin: 25px auto 12px;}
.container>.wrapper>.main_insta>.tit{width: 55.55%; text-align: center;margin: 25px auto 12px;}
.container>.wrapper>.main_video>.tit img,
.container>.wrapper>.main_selfie>.tit img,
.container>.wrapper>.main_media>.tit img,
.container>.wrapper>.main_insta>.tit img,
.container>.wrapper>.main_special>.tit img{width:100%}

.container>.wrapper>.main_selfie img,
.container>.wrapper>.main_doctors img,
.container>.wrapper>.main_movies img,
.container>.wrapper>.main_beforeAfter img,
.container>.wrapper>.main_promotion img,
.container>.wrapper>.main_modelStory .swiper-slide img,
.container>.wrapper>.main_media img,
.container>.wrapper>.main_star img,
.container>.wrapper>.main_video img,
.container>.wrapper>.main_media img,
.container>.wrapper>.main_special>.cont .swiper-slide img {width:100%; display: block}

/*
.main_selfie>.cont>div{width:49.5%;float:left; margin:0 1%;}
.main_selfie>.cont>div:not(:first-child):not(:last-child)>ul>li{width:49%; float:left;}
.main_selfie>.cont>div:not(:first-child):not(:last-child)>ul:not(:last-child)>li{margin-bottom:2%;}
.main_selfie>.cont>div:not(:first-child):not(:last-child)>ul>li:nth-child(2n){margin-left:2%}
.main_selfie>.cont>div:first-child,
.main_selfie>.cont>div:last-child{width:24.25%; margin:0;}
.main_selfie>.cont>div:first-child>ul>li,
.main_selfie>.cont>div:last-child>ul>li{margin-right:0}
.main_selfie>.cont>div:first-child>ul>li:first-child{margin-bottom:4%;}
.main_selfie>.cont>div:last-child>ul>li:last-child{margin-top:4%;}
*/

.main_selfie>.cont{display: inline-block;}
.main_selfie>a.more {clear: both; display: block; width: 90px; border-radius: 30px; border: 2px solid #585858; margin: 10px auto 0; padding: 7px 15px; text-align: center; font-weight: 600; color: #fff; color: #191919;font-size: 13px;font-family: 'Raleway';}

/* 4x3 나열 */
/*
.main_selfie>.cont>ul>li{width:24.25%; margin:0;float: left; overflow: hidden; }
.main_selfie>.cont>ul>li:not(:nth-child(4n)){margin-right:1%}
.main_selfie>.cont>ul>li:nth-child(n+5){margin-top:1%}
*/

/* 3x3 나열 */
.main_selfie>.cont>ul>li{width:calc(32.9% - 2px); border: 1px solid #aaa; margin:0;float: left; overflow: hidden; }
.main_selfie>.cont>ul>li:not(:nth-child(3n)){margin-right:1%}
.main_selfie>.cont>ul>li:nth-child(n+4){margin-top:1%}



.container>.wrapper>.main_doctors{position: relative;}
.container>.wrapper>.main_doctors div {position: absolute;background: rgba(62, 80, 121, 0.6); color: #fff; font-size: 3.3vw; font-weight: 200; line-height: 4.2vw; letter-spacing: -0.16vw;width: 53.2vw;padding: 2.3vw;height: 14.1vw;top: calc(50% - 7.05vw);left: calc(50% - 26.6vw); z-index:1; text-align: center;}
.container>.wrapper>.main_doctors div>span {display:block;font-family:'Lora';font-weight: 500; font-size:5vw; line-height: 5.4vw;}
@media (min-width:640px) {
	.container>.wrapper>.main_doctors div {font-size: 21px; line-height: 26px;letter-spacing: -1px; width: 340px; padding: 15px; height: 90px; top: calc(50% - 45px); left: calc(50% - 170px); }
	.container>.wrapper>.main_doctors div>span {font-size:32px; line-height: 34px;}
}

.container>.wrapper>.main_promotion ul>li{display: inline-block;}
.container>.wrapper>.main_promotion ul>li:nth-child(1){width:57.76%}
.container>.wrapper>.main_promotion ul>li:nth-child(2){width:42.24%}

/*
.container>.wrapper>.main_modelStory>.cont{position: relative; width: calc(100% - 40px); margin: 0 auto;}
.container>.wrapper>.main_modelStory>.cont .swiper-model-next{position: absolute; top:50%; width: 12px; height: 27px; margin-top: -16px; z-index: 10; cursor: pointer; background-size: 12px 27px; background-position: center; background-repeat: no-repeat; left: auto; right:-20px; background-image: url('/images/mobile/main/arrow_2.png');}
.container>.wrapper>.main_modelStory>.cont .swiper-model-prev{position: absolute; top:50%; width: 12px; height: 27px; margin-top: -16px; z-index: 10; cursor: pointer; background-size: 12px 27px; background-position: center; background-repeat: no-repeat; left:-20px; right: auto; background-image: url('/images/mobile/main/arrow_1.png');}
*/
.container>.wrapper>div.main_modelStory{position: relative; display: inline-block; width:calc(100% - 30px); background: url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/mobile/main/modelStory_bg.28957c835594.jpg') repeat-x; margin-top:0;}
.container>.wrapper>div.main_modelStory > div.section-wrap {margin: 7% 5%; }
.container>.wrapper>div.main_modelStory > div.section-wrap > div {float:left; width:50% }
.container>.wrapper>div.main_modelStory .modelStory_info{ color: #fff; font-size: 2.5vw; letter-spacing: -0.16vw; font-weight: 300; margin:10% 0 11% 0;}
.container>.wrapper>div.main_modelStory .modelStory_info img{display: block; width:95%;}
.container>.wrapper>div.main_modelStory .modelStory_info a {display: block; margin:10% 0 20% 0; /*width: 40%; padding: 1.9% 5%; border: 1px solid #b3b3b3; text-align: center; */color:#b3b3b3; font-size:2.03vw; position: relative;}
.container>.wrapper>div.main_modelStory .modelStory_info a:hover{color:#ddb6fd; border:1px solid #ddb6fd}
.container>.wrapper>div.main_modelStory .swiper-container{width: 910px; overflow: hidden;}
.container>.wrapper>div.main_modelStory .swiper-container .swiper-slide {font-size: 0; overflow: hidden;}
.container>.wrapper>div.main_modelStory .swiper-container .swiper-slide img{width:100%; max-width: 286px; margin: 0 auto;}
@media (min-width:640px) {
	.container>.wrapper>div.main_modelStory .modelStory_info {font-size: 16px;}
	.container>.wrapper>div.main_modelStory .modelStory_info a {font-size: 13px; letter-spacing: -1px;}
}

.container>.wrapper>.main_special>.cont{position: relative; width: calc(100% - 40px); margin: 0 auto;}
.container>.wrapper>.main_special>.cont .swiper-special-next{position: absolute; top:50%; width: 12px; height: 27px; margin-top: -16px; z-index: 10; cursor: pointer; background-size: 12px 27px; background-position: center; background-repeat: no-repeat; left: auto; right:-20px; background-image: url('/images/mobile/main/arrow_2.png');}
.container>.wrapper>.main_special>.cont .swiper-special-prev{position: absolute; top:50%; width: 12px; height: 27px; margin-top: -16px; z-index: 10; cursor: pointer; background-size: 12px 27px; background-position: center; background-repeat: no-repeat; left:-20px; right: auto; background-image: url('/images/mobile/main/arrow_1.png');}
/*
.container>.wrapper>.main_insta #instafeed>ul>li {float: left; width: 32.8%; margin-right: 0.8%; margin-bottom: 0.8%; position: relative; overflow: hidden;}
.container>.wrapper>.main_insta #instafeed>ul>li img{width:100%;}
.container>.wrapper>.main_insta #instafeed ul>li:nth-child(3n){margin-right: 0;}
.container>.wrapper>.main_insta #instafeed ul>li.video {position: relative;}
.container>.wrapper>.main_insta #instafeed ul>li.video a::before{content:''; background-image: url(https://www.instagram.com/static/bundles/es6/sprite_mediatypes_65c15d7731ea.png/65c15d7731ea.png); position: absolute;right:0;top:0; background-position: 0 -34px; height: 32px; width: 32px;}
*/

.container>.wrapper>.main_insta #instafeed .instagram_item {float: left; width: 32.8%; margin-right: 0.8%; margin-bottom: 0.8%; position: relative; overflow: hidden;}
.container>.wrapper>.main_insta #instafeed .instagram_item:nth-child(3n){margin-right: 0;}
.container>.wrapper>.main_insta #instafeed .instagram_item > a {display: block; width: 100%; padding-top: 100%; position: relative; background: no-repeat center center; background-size: cover;}

.container>.wrapper>.main_insta #instafeed .instagram_item.item_video::before{content:'';position: absolute;top:4px;right:4px;background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/main/insta_movie.87a854761947.png'); background-size: cover; z-index: 1; width: 16px; height: 16px; opacity: 0.75;}
.container>.wrapper>.main_insta #instafeed .instagram_item.item_album::before{content:'';position: absolute;top:3px;right:3px;background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/main/insta_album.80936ef55864.png'); background-size: cover; z-index: 1; width: 18px; height: 18px; opacity: 0.75;}


.container>.wrapper>.main_board ul li {border: 1px solid #9f9f9f; box-sizing: border-box; background: #ffffff; padding: 4% 12% 4% 19%; position: relative; color: #656565; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 100%;}
.container>.wrapper>.main_board ul li:not(:last-child){margin-bottom:5px;}
.container>.wrapper>.main_board ul li a {font-size:12px;}
.container>.wrapper>.main_board ul li.main_happy p:first-child {position: absolute;width: 16%; height:100%; top: 0; left: 0; padding: 0; margin: 0; background: url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/mobile/main/bnt_happy.87ef631a7fa7.jpg') no-repeat center; background-size: cover;}
.container>.wrapper>.main_board ul li.main_rebone p:first-child {position: absolute;width: 16%; height:100%; top: 0; left: 0; padding: 0; margin: 0; background: url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/mobile/main/bnt_rebone.8858c4ff4a9f.jpg') no-repeat center; background-size: cover;}
.container>.wrapper>.main_board ul li.main_news p:first-child {position: absolute;width: 16%; height:100%; top: 0; left: 0; padding: 0; margin: 0; background: url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/mobile/main/bnt_news.d6d88b9dc398.jpg') no-repeat center; background-size: cover;}
.container>.wrapper>.main_board ul li p.more {position: absolute; right: 5.1%; top: 50%; width: 5.1359%; margin-top: -2.5%;}
.container>.wrapper>.main_board ul li p.more img{width:100%}

.container>.wrapper>.main_sns>.cont{max-width:280px; margin: 0 auto; text-align: center;}
.container>.wrapper>.main_sns li{display: inline-block; width:16.7%; margin-right:4%;}
.container>.wrapper>.main_sns li:last-child{margin-right:0;}
.container>.wrapper>.main_sns li img{width:100%;max-width: 100%;}


@keyframes popup_load {
	0% {opacity:0;}
	100% {opacity:0;}
}

@keyframes popup_ready {
	0% {opacity:1;}
	100% {opacity:0;}
}

@keyframes popup_focus {
	0% {opacity:0;}
	100% {opacity:1;}
}
/* partners logo_list */

.logo_list {position:fixed; bottom:-70px; left:0; right:0; width:100%; height:70px; background-color:white; transition:bottom 0.275s cubic-bezier(0.7, 0, 0.3, 1); padding:0 35px; z-index:1; overflow:hidden;}
.logo_list ul {list-style:none; padding:0; margin:0;}
.logo_list li {text-align:center; width:auto !important;}
.logo_list li img {max-height:40px; margin-top:15px;}

/* side navigation */

.side {position:fixed; right:30px; top:0; bottom:0; right:30px; width:30px; height:600px; margin:auto; z-index:2;}
.side svg {width:20px; height:30px; opacity:1; transition:opacity 0.5s ease-in-out; margin:auto 5px;}

.side svg .stroke {stroke:#fff; transition:stroke 0.25s ease-in-out;}
.side svg .scroller {fill:#fff; animation: updown 1s infinite; transition:fill 0.25s ease-in-out;}
.side div {transform:rotate(90deg); -ms-transform:rotate(90deg);  transform-origin:0 100%; -ms-transform-origin:0 100%; height:30px; color:white; line-height:30px; position:absolute; top:0; left:0; right:0; bottom:0; padding-left:50px; width:570px; transition:color 0.25s ease-in-out;}
.side div span {position:absolute; left:10px;}
.side div button {border:0; background-color:transparent; opacity:0.7; transition:all 0.25s ease-in-out; cursor:pointer; /*text-shadow:2px 0 5px rgb(0, 0, 0);*/ -webkit-backface-visibility:hidden; color:#fff;}
.side div button:hover,

@keyframes updown {
	0% {transform:translate(0,0); -ms-transform:translate(0,0);}
	50% {transform:translate(0,5px); -ms-transform:translate(0,5px);}
	100% {transform:translate(0,0); -ms-transform:translate(0,0);}
}

/* scroller */
#svgScroll {position: absolute; top: -100px; right: 0px; left: 135px; width: 30px; height: 50px; margin: auto; z-index: 2;}
#svgScroll span{color:#FFF; position: absolute; left: -62px; bottom: -30px;}
#svgScroll {display:none}

.overlay {}

.main.swiper-container>.swiper-wrapper>.swiper-slide {padding-bottom:145px;}

.main.swiper-container .swiper-slide.slide2 {background-image:url(/images/desktop/main/main_s2_bg_mobile.jpg);}

.side {height:30px; bottom:160px; top:unset; left:0; right:0;}
.side div {display:none;}

/* main_layer_popup  */
/*.container #pop-layer {position: absolute; z-index: 10; top: 49px; bottom:0; left: 0; right: 0; margin: 0 auto;}*/
/*.container #pop-layer .pop-bg {position: absolute; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}*/

.container div[id^="pop-layer"] div[id^="image_container"] {position: relative; margin: 0 auto; width:100%; max-width:572px;}
.container div[id^="pop-layer"] div[id^="image_container"] ul {width:100%; margin: 0; padding: 0; position: absolute;/* box-shadow: 0 0 20px 5px #fff;*/}
.container div[id^="pop-layer"] div[id^="image_container"] ul li {width:100%; float: left; list-style: none; }
.container div[id^="pop-layer"] .pop-cont img{max-width: 100%; display:block; overflow-clip-margin: border-box;}

.container #pop-layer1 .pop-cont {position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); margin: 0 auto;}
.container #pop-layer2 .pop-cont {position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); margin: 0 auto;}
.container #pop-layer3 .pop-cont {position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); margin: 0 auto;}
.container #pop-layer4 .pop-cont {position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); margin: 0 auto;}
.container #pop-layer5 .pop-cont {position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); margin: 0 auto;}
.container #pop-layer6 .pop-cont {position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); margin: 0 auto;}
.container #pop-layer7 .pop-cont {position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); margin: 0 auto;}


.container .close div[id^="check"], .container .close div[id^="close"], .container .close div[id^="close"] a {font-size:11px; letter-spacing: -1px; color: #fff; vertical-align: middle;}

.container div[id^="pop-layer"] .pop-cont .close { position: absolute; top:116.0972vw; background-color: #323232;color: #fff; line-height: 24px; margin: 0 auto; left: 0; right: 0; text-align: right; font-weight: 300; padding-right:10px;}
.container div[id^="pop-layer"] .pop-cont .close input{vertical-align: middle;}
.container div[id^="pop-layer"] .pop-cont .close .closeAll {vertical-align: middle; margin-left: 5px; border: 0; background-color: #636363; color: #ffffff; padding: 0 5px; font-weight: 200; cursor: pointer; float: left; font-size: 11px; letter-spacing: -1px; line-height: 19px; margin: 3px 2px;}
.container div[id^="pop-layer"] .pop-cont .close>form>div{display: inline-block;}
.container div[id^="pop-layer"] .pop-cont .close>form>div[id^=close] a {vertical-align: middle; margin-left: 5px; text-align: center; border: 0; background-color:#636363; color: #ffffff; padding: 0 5px; font-weight: 200; cursor: pointer; }

.container div#pop-layer7 .pop-cont .close {top: 81.9vw;}

@media (min-width:754px) {
	.container div[id^="pop-layer"] .pop-cont .close{top: 875px;}
	.container div#pop-layer7 .pop-cont .close {top: 617px;}
}