@charset "utf-8";
/* ==========================================================================
   shop_nplay_glow.css — NPLAY glow DIY
   ========================================================================== */

/* --------------------------------------------------------------------------
   nplay_main — 메인 비주얼/인트로
   -------------------------------------------------------------------------- */
#container {padding-top:0;}

html, body {scroll-behavior: smooth;}

.nplay .w_only {display:block !important;}
.nplay .m_only {display:none !important;}
.nplay img.w_only {display:inline !important;}
.nplay img.m_only {display:none !important;}

.nplay_main .inner {max-width:1440px;margin:0 auto;padding:0 80px;}
.nplay_main .w_only {display:block;}
.nplay_main .m_only {display:none;}
.nplay_main img.w_only {display:inline;}
.nplay_main img.m_only {display:none;}

.nplay_visual {position:relative;display:flex;align-items:center;width:100%;height:100vh;padding:146px 0 124px;background-color:#cf1317;overflow:hidden;
	background:#cf1317 url(/resources/images/shop/nplay/glow/bg_glow_top.png) no-repeat 50% 50% / auto 100%;
}
.nplay_visual .inner {display:flex;width:100%;height:680px;}
.nplay_visual .videobox {flex:0 0 auto;margin-right:auto;width:680px;height:680px;}
.nplay_main .nplay_visual .videobox {background:url(/resources/images/shop/nplay/glow/video_powder_cover.jpg) no-repeat 50% 50% / cover;}
.nplay_main_glow .nplay_visual .videobox {background:url(/resources/images/shop/nplay/glow/video_glow_cover.jpg) no-repeat 50% 50% / cover;}
.nplay_visual .videobox video {display:block;width:100%;height:auto;}
.nplay_visual .videobox video[poster] {width:100%;height:100%;object-fit: cover;}
.nplay_visual .descbox {position:relative;display:flex;flex-direction:column;height:auto;margin-right:146px;}
.nplay_visual .visual_pd {position:absolute;right:0;top:-35px;width:507px;}
.nplay_visual .visual_pd img {width:100%;height:auto;}
.nplay_visual .linkbox {margin-top:auto;padding-bottom:50px;text-align:right;}
.nplay_visual .linkbox .txt {margin-bottom:33px;font-size:28px;color:#fff;text-align:right;letter-spacing:-0.02em;}
.nplay_visual .linkbox .txt .m_only {display:none;}
.nplay_visual .btnbox {font-size:0;}
.nplay_visual .linkbox .link {display:inline-block;width:163px;height:39px;margin-left:10px;font-weight:700;font-size:16px;line-height:39px;color:#cf1317;background-color:#fef1e2;text-align:center;letter-spacing:-0.02em;}
.nplay_visual .linkbox .link:first-child {margin-left:0;}

.nplay_intro {max-width:1440px;margin:0 auto 28px;padding:100px 80px;}
.nplay_intro .inner {position:relative;padding:0;}
.nplay_intro * {letter-spacing:-0.03em;color:#000;}
.nplay_intro .intro_header {position:relative;max-width:700px;margin-bottom:58px;}
.nplay_intro .intro_header:after {position:absolute;right:-9px;bottom:13px;content:"";display:block;width:126px;height:39px;background:url(/resources/images/shop/nplay/glow/ico_vegan.png) no-repeat 0 0 / 126px 39px;}
.nplay_intro .intro_header .title {display:flex;margin-bottom:35px;}
.nplay_intro .intro_header .title span {display:block;margin-left:5px;padding-top:20px;font-weight:700;font-size:27px;}
.nplay_intro .intro_header .sub_title {margin-bottom:12px;font-weight:700;font-size:30px;}
.nplay_intro .intro_header .txt {font-size:20px;line-height:1.4;word-break: keep-all;}

.nplay_intro .intro_visual {position:absolute;top:0;right:0;padding:217px 0 133px;}
.nplay_intro .intro_visual .imgbox {overflow:hidden;}
.nplay_intro .intro_visual img {width:100%;height:auto;}
/* .nplay_intro .intro_visual img {width:100%;height:auto;will-change: transform;} */
.nplay_intro .intro_visual .letter {z-index:5;position:absolute;}
/* .nplay_intro .intro_visual .letter {z-index:5;position:absolute;will-change: transform, opacity;} */
.nplay_intro .intro_visual .letter_01 {top:62px;right:8.46%;}
.nplay_intro .intro_visual .letter_02 {bottom:0;right:1.256%;}

.nplay_intro .intro_visual .imgbox img {transform:scale(1.055) translateZ(0);transition: 1.3s ease;}
.nplay_intro .intro_visual .letter {opacity:0;transition: 0.95s ease;}
.nplay_intro .intro_visual .letter.letter_01 {transform:translate3d(0,-60px,0);}
.nplay_intro .intro_visual .letter.letter_02 {transform:translate3d(0,60px,0);}

.nplay_intro .intro_visual.on .imgbox img {transform:scale(1) translateZ(0);;}
.nplay_intro .intro_visual.on .letter {opacity:1;}
.nplay_intro .intro_visual.on .letter.letter_01 {transform:translate3d(0,0,0);}
.nplay_intro .intro_visual.on .letter.letter_02 {transform:translate3d(0,0,0);}

.nplay_information {max-width:700px;}
.nplay_step {border-bottom:1px solid #c7c5c5;}
.nplay_step .step_list {display:flex;}
.nplay_step .step_list > li {padding:0 22px 6px;border-left:1px solid #c7c5c5;}
.nplay_step .step_list .step_01 {padding:0; border-left:0;}
.nplay_step .step_list .titlebox {position:relative;top:-24px;}
/* .nplay_step .step_list .step_01 .titlebox {padding-left:32px;} */
.nplay_step .step_list .titlebox .txt {padding-top:8px;font-weight:700;font-size:23px;}
.nplay_step .step_list .imgbox {text-align:center;}
.nplay_step .step_02 li {position:relative;margin-bottom:20px;font-family:'franklin-gothic-urw';font-weight:500;font-size:20px;color:#cf152d;line-height:20px;text-indent:17px;}
.nplay_step .step_02 li span {font-size:13.8px;color:#cf152d;}
.nplay_step .step_02 li:before {position:absolute;left:1px;top:4px;content:"";display:block;width:10px;height:10px;border:1px solid #cf152d;}

.nplay_step .notice {padding:22px 0;}
.nplay_step .notice p {padding-left:5px;line-height:1.7;word-break: keep-all;}
.nplay_step .notice p:before {content:"*";display:inline-block;text-indent:-5px;}

.nplay_store {display:flex;}
.nplay_store .imgbox {flex:0 0 325px;width:325px;padding:50px 5px;text-align:center;}
.nplay_store .descbox {flex:0 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 5px 30px;text-align:center;}
.nplay_store .descbox p {margin-bottom:18px;font-size:20px;line-height:1.55;}
.nplay_store .descbox strong {font-weight:700;}
.nplay_store .link {display:inline-block;width:156px;height:39px;font-weight:700;font-size:16px;color:#fff;background-color:#d31016;line-height:39px;}

.nplay_main_glow .nplay_intro .intro_header {margin-bottom:84px;}
.nplay_main_glow .nplay_visual .visual_pd {right:118px;top:-10px;width:369px;}
.nplay_main_glow .nplay_step .step_list .step_01 {flex:0 0 190px;width:190px;}
.nplay_main_glow .nplay_step .step_list .step_02 {flex:0 0 228px;width:228px;}
.nplay_main_glow .nplay_step .step_list .step_01 .titlebox {padding-left:0;}
.nplay_main_glow .nplay_step .list_style_dot {padding-left:13px;}
.nplay_main_glow .nplay_step .list_style_dot li {position:relative;height:22px;margin-bottom:8px;font-size:17px;line-height:22px;text-indent:0;}
.nplay_main_glow .nplay_step .list_style_dot li:before {position:absolute;left:-12px;top:9px;content:"";display:block;width:3px;height:3px;border-radius:50%;border:0;background:#000;}

.nplay_main_glow .nplay_step .step_02 .list_style_dot li,
.nplay_main_glow .nplay_step .step_03 .list_style_dot li {font-family:'franklin-gothic-urw';font-weight:500;font-size:20px;color:#000;}

.nplay_main_glow .nplay_store {padding-top:24px;}

/* --------------------------------------------------------------------------
   responsive — ≤1440px
   -------------------------------------------------------------------------- */
@media all and (max-width: 1440px) {

	.nplay_main .inner {padding:0 40px;}
	.nplay_visual .inner {max-width:1280px;}
	.nplay_visual .descbox {margin-right:8%;}
	.nplay_intro {padding:100px 40px;}
	.nplay_intro .inner {padding:0;}
	.nplay_intro .intro_visual {width:calc(100% - 700px);max-width:532px;padding-left:40px;}
	.nplay_intro .intro_visual .imgbox {width:100%;}
	.nplay_intro .intro_visual .letter_01 {top:88px;width:calc((457/572) * 100%);}
	.nplay_intro .intro_visual .letter_02 {bottom:33px;width:calc((523/572) * 100%);}
}
/* --------------------------------------------------------------------------
   responsive — ≤1280px
   -------------------------------------------------------------------------- */
@media all and (max-width: 1280px) {

	.nplay_intro .inner {max-width:768px;margin:0 auto;}

	.nplay_visual .inner {max-width:1024px;height:540px;}
	.nplay_visual .videobox {width:540px;height:540px;}
	.nplay_visual .descbox {margin-right:0;}
	.nplay_visual .visual_pd {top:-56px;width:436px;}
	.nplay_visual .linkbox {padding-bottom:0;}

	.nplay_information {max-width:100%;}
	.nplay_intro {padding-top:0;}
	.nplay_intro .intro_header {max-width:100%;margin-top:60px;}
	.nplay_intro .intro_visual {position:relative;width:100%;margin:0 auto;padding-left:0;}
	.nplay_intro .intro_visual .letter_01 {width:calc((457/532) * 100%);}
	.nplay_intro .intro_visual .letter_02 {width:calc((523/532) * 100%);}
	.nplay_step .step_list > li {flex:1 0 auto;}
	.nplay_store .imgbox {flex:0 0 320px;width:320px;}
	.nplay_store .descbox {flex:1 0 auto;}

	.nplay_main_glow .nplay_visual .visual_pd {right:120px;width:298px;}
	.nplay_main_glow .nplay_store {padding-top:0;}
}
/* --------------------------------------------------------------------------
   responsive — ≤1024px
   -------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {

	.nplay_main .inner {padding:0 20px;}
	.nplay_visual {height:auto;min-height:100vh;padding:94px 0 54px;}
	.nplay_visual .inner {flex-direction:column;height:auto;}
	.nplay_visual .videobox {margin:0 auto;}
	.nplay_visual .visual_pd {right:calc(50% + 40px);top:-110px;width:320px;}
	.nplay_visual .descbox {padding:32px 0;padding-left:calc(50% - 40px);}
	.nplay_visual .linkbox {text-align:left;}
	.nplay_visual .linkbox .txt {font-size:26px;text-align:left;}
	.nplay_visual .linkbox .txt .m_only {display:block;}

	.nplay_intro .intro_header .sub_title {font-size:26px;}
	.nplay_step .step_list .titlebox .txt {font-size:20px;}
	.nplay_intro .intro_header .txt {font-size:17px;}

	.nplay_step .step_list .step_01 .titlebox {padding-left:0;}

	.nplay_step {padding:0 20px;}

	.nplay_main_glow .nplay_visual .visual_pd {right:calc(50% + 40px);top:auto;bottom:0;width:298px;}

}
/* --------------------------------------------------------------------------
   responsive — ≤768px
   -------------------------------------------------------------------------- */
@media all and (max-width: 768px) {
	.nplay_main .w_only {display:none;}
	.nplay_main .m_only {display:block;}
	.nplay_main img.w_only {display:none;}
	.nplay_main img.m_only {display:inline;}

	.nplay_main .inner {height:auto;}
	.nplay_visual {height:auto;min-height:100vh;}
	.nplay_visual .descbox {padding-left:0;}
	.nplay_visual .visual_pd {right:calc(50% + 24px);top:auto;bottom:68px;width:288px;}
	.nplay_visual .linkbox .txt {padding-left:calc(50% - 10px);font-size:23px;text-align:left;}
	.nplay_visual .btnbox {text-align:center;}
	.nplay_visual .linkbox .link {width:calc((100% - 5px) / 2);margin-left:5px;}

	.nplay_intro {margin-bottom:66px;padding:0 20px;}
	.nplay_intro .inner {padding:0;}
	.nplay_intro .intro_visual {padding:110px 0 75px;}
	.nplay_intro .intro_header {padding:0 20px;}
	.nplay_intro .intro_header:after {display:none;}
	.nplay_intro .intro_header .sub_title {position:relative;}
	.nplay_intro .intro_header .sub_title:after {position:absolute;right:0;top:3px;content:"";display:inline-block;width:84px;height:27px;background:url(/resources/images/shop/nplay/glow/ico_vegan_m.png) no-repeat 0 0 / 84px 27px;}

	.nplay_intro .intro_header .title span {font-size:20px;padding-top:15px;}
	.nplay_step .step_list {flex-direction: column;}
	.nplay_step .step_list li {border:0;}
	.nplay_step .step_list > li {padding:0;margin-bottom:22px;}
	.nplay_step .step_list .step_01 {padding:0;}
	.nplay_step .step_list .titlebox {top:auto;margin-bottom:17px;}
	.nplay_step .step_list .step_01 .imgbox {padding-bottom:33px;}
	.nplay_step .notice {padding:30px 0;}

	.nplay_store .descbox p {font-size:16px;}
	.nplay_store .imgbox img.w_only {display:inline;}
	.nplay_store .imgbox img.m_only {display:none;}
	.nplay_intro .intro_visual .letter_01 {top:18px;}

	.nplay_main_glow .nplay_visual .visual_pd {bottom:72px;width:266px;}
	.nplay_main_glow .nplay_visual .linkbox .txt {padding-left:calc(50% - 32px);}

	.nplay_main_glow .nplay_intro .intro_header {margin-bottom:36px;}
	.nplay_main_glow .nplay_step .step_list .step_01 {flex:0 0 100%;width:100%;}
	.nplay_main_glow .nplay_step .step_list .step_02 {flex:0 0 100%;width:100%;}

	.nplay_main_glow .nplay_step .list_style_dot {padding-left:0;}
	.nplay_main_glow .nplay_step .list_style_dot li {display:inline-flex;min-width:48px;padding-left:7px;padding-right:24px;font-size:14px;}
	.nplay_main_glow .nplay_step .list_style_dot li:before {left:0;}
}
/* --------------------------------------------------------------------------
   responsive — ≤640px
   -------------------------------------------------------------------------- */
@media all and (max-width: 640px) {

	.nplay_visual .videobox {width:100%;height:auto;}
	.nplay_visual .visual_pd {width:51.2%;}
	.nplay_visual .linkbox .txt {margin-bottom:30px;}
	.nplay_visual .linkbox .link {height:35px;line-height:35px;font-size:13px;}

	.nplay_intro .intro_visual .letter_02 {bottom:0;}

	.nplay_intro .intro_header .sub_title {font-size:22.5px;line-height:33px;}
	.nplay_intro .intro_header .txt {font-size:14px;}

	.nplay_step .step_list .titlebox .txt {padding-top:11px;font-size:19px;}
	.nplay_step .infobox .list {padding-left:14px;}
	.nplay_step .step_02 li {font-size:21px;text-indent:20px;}
	.nplay_step .step_02 li span {font-size:15px;}
	.nplay_step .notice p {font-size:12px;letter-spacing: -0.04em;}

	.nplay_store .imgbox {flex:0 0 auto;width:auto;padding:40px 0;}
	.nplay_store .imgbox img.w_only {display:none;}
	.nplay_store .imgbox img.m_only {display:inline;}
	.nplay_store .descbox {padding:25px 5px 30px;}
	.nplay_store .descbox p {font-size:13px;}
	.nplay_store .link {width:145px;height:35px;line-height:35px;font-size:13px;}

	.nplay_main_glow .nplay_visual .visual_pd {bottom:67px;width:41.791%;height:auto;}
	.nplay_main_glow .nplay_step .infobox .list {padding-left:0;}
}
/* --------------------------------------------------------------------------
   responsive — ≤480px
   -------------------------------------------------------------------------- */
@media all and (max-width: 480px) {

	.nplay_visual .descbox {padding:22px 0;}
	.nplay_visual .linkbox .txt {margin-bottom:28px;font-size:18px;}
	.nplay_step .notice p {font-size:10px;}
	.nplay_main_glow .nplay_visual .visual_pd {bottom:57px;}

}
/* --------------------------------------------------------------------------
   responsive — ≤375px
   -------------------------------------------------------------------------- */
@media all and (max-width: 375px) {
	.nplay_visual .linkbox .txt {font-size:4.8vw;}
}

/* --------------------------------------------------------------------------
   nplay_diy — DIY 믹스 UI
   -------------------------------------------------------------------------- */
.nplay {margin-top:94px;color:#000;}
.nplay * {letter-spacing:-0.03em;}
.nplay_inner {position:relative;max-width:1440px;margin:0 auto;padding-top:158px;}
.nplay .nplay_header {z-index:5;position:absolute;left:0;top:0;width:100%;padding:0 32px;font-size:0;}
.nplay .nplay_header .titlebox {position:relative;}
.nplay .nplay_header h2 {display:block;}
.nplay .nplay_header p {position:absolute;left:378px;top:60px;display:block;font-weight:700;font-size:20px;color:#000;}

.nplay .mix_contents {position:relative;background:#f2eae7;}

.mix_palette {position:relative;left:-29px;max-width:514px;margin:0 auto;padding:131px 43px;}
.mix_palette .case {position:relative;width:428px;height:440px;}
.mix_palette .case:after {z-index:5;position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;}
.mix_palette .case_bg {mix-blend-mode: multiply;}
.mix_palette .case_bg img {width:100%;height:auto;}

.mix_palette .mixUl {z-index:10;opacity:1;left:38px;top:42px;right:auto;bottom:auto;width:344px;height:344px;border-radius:50%;overflow:hidden;}
.mix_palette .mixUl:after {z-index:10;position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;mix-blend-mode:darken;}
.mix_palette .palette_item {overflow:hidden;background-size:cover !important;}
.mix_palette .mixUl li.mix_select1 {left:0;right:50%;top:0;bottom:0;overflow:hidden;}
.mix_palette .mixUl li.mix_select1 .palette_item {z-index:5;position:absolute;width:100%;height:100%;border-radius:172px 0 0 172px;transform-origin:100% 50%;transform:rotate(66deg);background:#e5c9bd;}
.mix_palette .mixUl li.mix_select2 {left:50%;right:0;top:0.5px;bottom:0;overflow:hidden;}
.mix_palette .mixUl li.mix_select2 .palette_item {position:absolute;width:calc(100% + 1px);height:100%;border-radius:0 172px 172px 0;transform-origin:0 50%;transform:rotate(-66deg);background:#e1bbaa;}
.mix_palette .mixUl li.mix_select3 {left:0;right:0;top:calc(50% - 0.5px);bottom:0;overflow:hidden;}
.mix_palette .mixUl li.mix_select3 .palette_item {position:absolute;width:100%;height:100%;border-radius:0 0 172px 172px;transform-origin:50% 0;transform:rotate(24deg);background:#f4e3dc;}
.mix_palette .mixUl li .palette_item:before {display:none !important;}
.mix_palette .mixUl li .palette_item:before {position:absolute;content:"";display:block;width:45px;height:45px;opacity:1;}
.mix_palette .mixUl li[id^="mix_select_"] .palette_item:before {opacity:0;}
.mix_palette .mixUl li.mix_select1 .palette_item:before {transform:rotate(-66deg);left:44%;top:61%;}
.mix_palette .mixUl li.mix_select2 .palette_item:before {transform:rotate(66deg);left:30%;top:61%;}
.mix_palette .mixUl li.mix_select3 .palette_item:before {transform:rotate(-24deg);left:55%;top:36%;}
.mix_palette .guide {z-index:15;position:absolute;left:0;top:0;width:100%;height:100%;}
.mix_palette .guide p {position:absolute;}
.mix_palette .guide p:first-child {left:27%;top:30%;}
.mix_palette .guide p:nth-child(2) {right:28%;top:30%;}
.mix_palette .guide p:last-child {left:50%;transform:translateX(-50%);bottom:24.5%;}
.mix_palette .guide p * {display:block;font-family:'franklin-gothic-urw';font-weight:500;font-size:40px;color:#fff;line-height:1;text-align:center;}
.mix_palette .guide strong {font-size:40px;opacity:0.8;}
.mix_palette .guide span {font-size:20px;opacity:0.8;}

.mix_step {position:absolute;left:0;top:0;padding:82px 99px;}
.mix_step .inner {width: 250px;}
.mix_step .step_top {position:relative;display:flex;margin-bottom:17px;}
.mix_step .step_top:after {position:absolute;left:0;bottom:0;content:"";display:block;width:100%;height:1px;background:rgba(0,0,0,0.4);}
.mix_step .step_top li {user-select:none;position:relative;flex:1 0 33.3%;padding:25px 0 16px;font-weight:700;font-size:16px;text-align:center;opacity:0.5;cursor:pointer;transition:0.3s ease;}
.mix_step .step_top li strong {position:absolute;left:0;top:0;display:block;width:100%;height:16px;color:transparent;background-position:50% 0;background-size:auto auto;background-repeat:no-repeat;}
.mix_step .step_top li strong:before {opacity:1;}
.mix_step .step_top li strong:after {opacity:0;transition:0.1s;}
.mix_step .step_top li strong:before,
.mix_step .step_top li strong:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background-position:50% 0;background-size:auto auto;background-repeat:no-repeat;transition:0.2s ease;}
.mix_step .step_top li:first-child strong:before {background-image:url(/resources/images/shop/nplay/glow/step_01.png);}
.mix_step .step_top li:nth-child(2) strong:before {background-image:url(/resources/images/shop/nplay/glow/step_02.png);}
.mix_step .step_top li:last-child strong:before {background-image:url(/resources/images/shop/nplay/glow/step_03.png);}
.mix_step .step_top li:first-child strong:after {background-image:url(/resources/images/shop/nplay/glow/step_01_on.png);}
.mix_step .step_top li:nth-child(2) strong:after{background-image:url(/resources/images/shop/nplay/glow/step_02_on.png);}
.mix_step .step_top li:last-child strong:after {background-image:url(/resources/images/shop/nplay/glow/step_03_on.png);}
.mix_step .step_top li:before {position:absolute;bottom:0;left:6px;width:0;height:3px;content:"";display:block;background-color:#000;transition:0.5s cubic-bezier(0.22, 1, 0.36, 1);}
.mix_step .step_top li:first-child:before {left:0;}
.mix_step .step_top li:after {position:absolute;right:-8px;top:50%;width:12px;height:22px;margin-top:-7.5px;content:"";display:block;
	background-position:50% 50%;background-size:10.5px 20.5px;background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.5' height='20.5'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' d='M.73 17.801 7.235 10.4.73 2.207'/%3E%3C/svg%3E");
}
.mix_step .step_top li:last-child:after {display:none;}
.mix_step .step_top li.on {opacity:1;}
.mix_step .step_top li.on strong:before {opacity:0;}
.mix_step .step_top li.on strong:after {opacity:1;}

.mix_step .step_top li.on:before {width:calc(100% - 12px);}
.mix_step .step_top li.on:first-child:before {width:calc(100% - 8px);}
.mix_step .step_top li.on:last-child:before {width:calc(100% - 6px);}

.step {margin-bottom:30px;}
.step .title {margin-bottom:14px;font-family:'franklin-gothic-urw';font-weight:500;font-size:17px;color:#cf152d;line-height:1;}
.step .notice_txt {display:flex;justify-content:space-evenly;margin-top:12px;font-family:'franklin-gothic-urw';font-weight:400;font-size:13px;opacity:0.8;}
.step .select_type {display:flex;flex-wrap:wrap;}
.step .select_type li {position:relative;flex:1 0 33.3%;max-width:33.3%;text-align:center;line-height:23px;}
.select_type .inputbox input {position:absolute;left:0;top:0;}
.select_type .inputbox label {z-index:5;position:relative;display:block;height:80px;padding-bottom:62px;font-family:'yoonb';font-size:13px;cursor:pointer;}
.select_type .inputbox label:before {position:absolute;left:2px;top:4px;content:"";display:block;width:12px;height:12px;border:1px solid #cf152d;}
.select_type .inputbox label:after {position:absolute;left:1px;top:-2px;content:"";display:block;width:20px;height:19px;
	background-position:0 0;background-size:20px 19px;background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19'%3E%3Cpath fill='none' stroke='%23CF152D' stroke-width='2' d='m1.999 8.999 5 6 10-13'/%3E%3C/svg%3E");
	opacity:0;
	transition:opacity 0.2s ease;
}
.select_type .inputbox input:checked + label:after {opacity:1;}
.select_type .imgbox {z-index:1;position:absolute;left:0;bottom:0;width:100%;}

#mixChip_box.active {display:flex;}
.colorchip_list {display:flex;flex-wrap:wrap;width:calc(100% + 26px);margin-left:-13px;}
.colorchip_list li {position:relative;margin:calc((100% - 160px)/8);cursor:pointer;}
.colorchip_list li button {position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;background-size:cover !important;}
.colorchip_list li button:disabled {opacity:0.4;}
.colorchip_list li button:disabled:after{content:"";position:absolute;width:1px;left:50%;right:0;top:0;bottom:0;background:#fff;transform: rotateZ(45deg);}
.colorchip_list li button:disabled:before{content:"";position:absolute;width:1px;left:50%;right:0;top:0;bottom:0;background:#fff;transform: rotateZ(-45deg);}
.colorchip_list li button.on{outline:1px solid #fff;border:1px solid #fff;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.24);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.24);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.24);}
.colorchip_list li button.on:before {position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);content:"";display:block;width:29px;height:29px;border-radius:50%;background:rgba(0,0,0,0.4);}
.colorchip_list li .num {position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;line-height:38px;color:#fff;font-family:'franklin-gothic-urw';font-style:italic;font-size:20px;text-align:center;}

#creator_type_notice {margin-bottom: 35px;}

.mixed_recommend {padding-top:35px;}
.mixed_recommend .title {margin-bottom:6px;font-family:'yoonb';font-size:16px;}
.mixed_recommend .txt {font-size:13px;}
.mixed_recommend .recommend_list {display:flex;flex-wrap:wrap;margin-top:14px;justify-content: space-between;}
.mixed_recommend .recommend_list .item {flex:1 1 20%;max-width:40px;}
.mixed_recommend .mixed_thumb {width:40px;height:40px;}
.mixed_recommend .mixed_thumb img {width:100%;height:100%;}
.mixed_recommend .mixed_name {padding:6px 0;margin: 0 -5px;font-family:'franklin-gothic-urw';font-style:italic;font-size:12px;text-align:center;}

.mix_options {position:absolute;right:0;top:-30px;width:375px;}
.options_bg {position:relative;left:-5px;width:320px;height:695px}
.options_bg:before {transform:skew(-7deg, -19deg);position:absolute;left:-10px;top:87px;content:"";display:block;width:375px;height:530px;background:#cf152c;}
.options_bg:after {position:relative;transform:rotate(3.85deg);content:"";display:block;width:355px;height:758px;background-color:#f9f5f3;box-shadow:7px 7px 6px 0px rgba(62,6,6,0.35);}
.options_bg .title {z-index:5;transform:translateX(-50%);position:absolute;left:50%;top:10px;}

.selected {position:absolute;top:0;left:0;width:100%;height:100%;}
.selected:before {position:absolute;top:-30px;right:42px;display:block;content:"";width:53px;height:96px;}
.selected .inner {width:270px;margin:0 auto;padding:34px 0;margin-right:80px;}
.selected .section_title {text-align:center;margin-bottom:28px;}
.selected .section_title img {margin-left:25px;}
.option_box {margin-bottom:13px;padding:0 28px;}
.option_box .title {margin-bottom:12px;font-family:'franklin-gothic-urw';font-weight:500;font-size:17px;line-height:1;}

.nplay_type .check {position:relative;padding:4px 14px 9px;}
.nplay_type .check:after {position:absolute;left:1px;top:-2px;content:"";display:block;width:107px;height:41px;background-position:0 0;background-size:107px 41px;background-repeat:no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='41'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-width='2' d='M41.999 33.999c-17.242-.563-40-5.894-40-13 0-9.664 25.938-19 53-19 27.611 0 49 7.835 49 17.5s-34.561 18.5-81 18.5'/%3E%3C/svg%3E");
}
.nplay_type .check.check_glow {padding:4px 8px 9px 0;}
.nplay_type .check.check_glow:after {left:78px;width:86px;height:41px;background-size:86px 41px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='41'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-width='2' d='M33.932 33.999c-13.429-.563-31.154-5.894-31.154-13 0-9.665 20.202-19 41.792-19 20.564 0 37.651 7.835 37.651 17.5s-26.918 18.5-63.087 18.5'/%3E%3C/svg%3E");
}
.choose_li {padding-bottom:16px;}
.choose_li .list_number {margin-bottom:7px;font-family:'franklin-gothic-urw';font-weight:300;font-size:16px;color:#cf152d;line-height:1;}
.choose_li .select_box {position:relative;padding-left:45px;font-size:13px;}
.choose_li .select_box.active .option_select_button {border-color:#000;background-color:#fff;}
.choose_li .select_box.active .option_select_box {display:block;}

.choose_li .option_select_button {position:relative;display:flex;width:173px;height:39px;padding:10px;padding-right:30px;border:1px solid #666666;cursor:pointer;}
.choose_li .option_select_button:before {position:absolute;left:-51px;top:0;content:"";width:51px;height:39px;background-position:0 50%;background-repeat:no-repeat;}
.choose_li_01 .option_select_button:before {background-size:33px 27px;background-image:url(/resources/images/shop/nplay/glow/_1.png);}
.choose_li_02 .option_select_button:before {background-size:38px 27px;background-image:url(/resources/images/shop/nplay/glow/_2.png);}
.choose_li_03 .option_select_button:before {background-size:38px 28px;background-image:url(/resources/images/shop/nplay/glow/_3.png);}
.choose_li .option_select_button:after {position:absolute;right:8px;top:50%;content:"";width:14px;height:8px;margin-top:-4px;background-position:0 0;background-size:12.75px 7.75px;background-repeat:no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.75' height='7.75'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='.5' d='m1.25 1.25 4.999 4.999L11.25 1.25'/%3E%3C/svg%3E");
}
.choose_li .active .option_select_button:after {transform:rotate(180deg);}
.choose_li .option_select_button .selected_opt {display:flex;width:100%;}
.option_name {display:block;max-width:calc(100% - 20px);font-family:'yoonb';font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.option_thumb {display:block;width:17px;height:17px;margin-left:auto;border-radius:50%;overflow:hidden;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;
	background-image:url(https://images.espoir.com/UPLOAD/UPLOAD_IMAGE/OPT_COLOR/201904/IMG1555Xqh658285619.png);
}
.choose_li .option_select_box {display:none;z-index:5;position:absolute;width:173px;max-height:180px;overflow:hidden;overflow-y:auto;margin-top:-1px;border:1px solid #000;border-top-color:#eee;background:#fff;}
.choose_li .option_select_box.active {display:block;}
.choose_li .option_select_li {position:relative;display:flex;width:173px;height:39px;padding:10px;padding-right:30px;cursor:pointer;}
.choose_li .option_select_li button {display:flex;width:100%;cursor:pointer;}
.choose_li .option_select_li button:disabled {opacity:0.5;cursor:none;}

.option_select_box::-webkit-scrollbar {width:25px;background-color:transparent;height:5px;}
.option_select_box::-webkit-scrollbar-thumb {min-height:30px;max-height:50px;border-radius:25px;background-color:#f9f5f3;transition:0.5s all;background-clip: padding-box;border: 11px solid transparent;}
.option_select_box::-webkit-scrollbar-button {width:0;height:0;}
.option_select_box::-webkit-scrollbar-track {background-color:transparent;}
.option_select_box::-webkit-scrollbar-corner {background-color:transparent;}

.mix_palette {padding:210px 43px;}
.mix_palette .case {width:462px;height:468px;}
.mix_palette .case:before {z-index:1;position:absolute;left:40px;top:54px;content:"";display:block;width:344px;height:344px;background:url(/resources/images/shop/nplay/glow/empty_powder_w.png) no-repeat 50% 50% / 100% 100%;}
.mix_palette .case_glow:before {display:none;}
.mix_palette .case:after {display:none;}
.mix_palette .mixUl {left:40px;top:54px;}
.mix_palette .mixUl:after {z-index:10;position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:url(/resources/images/shop/powdernplay/pal_shadow.png) no-repeat 0 0 / 100%;mix-blend-mode:multiply;}
.mix_palette .guide {z-index:10;position:absolute;left:40px;top:54px;right:auto;bottom:auto;width:344px;height:344px;}
.mix_palette .guide p:first-child {left:22.5%;top:28.5%;}
.mix_palette .guide p:nth-child(2) {right:22.5%;top:28.5%;}
.mix_palette .guide p:last-child {bottom:15.5%;}

.mix_options {right:16px;}

.nplay .nplay_texture {padding-top: 82px;}

.nplay .nplay_info_inner {padding:82px 0;}
.nplay .shop_information {padding-bottom:0;background-color:#fbfafa;}
.nplay .shop_information * {word-break:keep-all;}
.nplay .shop_information .info_inner {padding-top:15px;}
.nplay .shop_information .infoView {cursor:pointer;}
.nplay .shop_information dl {background:transparent;}
.nplay .shop_information dl:after {position:absolute;right:0;top:50%;margin-top:-18px;content:"";display:block;width:36px;height:36px;cursor:pointer;background-repeat:no-repeat;background-position:50% 50%;background-size:22.25px 14.25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.25' height='14.25'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='m2.749 1.75 8.001 7.999 7.999-7.999'/%3E%3C/svg%3E");
}
.nplay .shop_information ul li:first-child dt {border:0;}
.nplay .info_star > li:after {mix-blend-mode: multiply;}

/* --------------------------------------------------------------------------
   responsive — 1024–1280px
   -------------------------------------------------------------------------- */
@media all and (min-width: 1024px) and (max-width:1280px) {
	.nplay .nplay_info_inner {max-width:1024px;}
	.nplay .shop_information dl {padding:0 80px 0 60px;}
	.nplay .shop_information dl:after {right:20px;}
	.nplay .shop_information dt {font-size:19px;}
	.nplay .shop_information dd {padding-left:268px;}
}

/* --------------------------------------------------------------------------
   responsive — ≤1800px
   -------------------------------------------------------------------------- */
@media all and (max-width: 1800px) {
	.nplay .nplay_header {padding-left:140px;}
}
/* --------------------------------------------------------------------------
   responsive — 1440–1600px
   -------------------------------------------------------------------------- */
@media all and (max-width: 1600px) and (min-width:1440.1px) {
	.nplay .nplay_header {padding-left:200px;}
}
/* --------------------------------------------------------------------------
   responsive — ≤1280px
   -------------------------------------------------------------------------- */
@media all and (max-width: 1280px) {
	#container {padding-top:0;}

	.nplay {margin-top:0;padding-top:40px;}

	.nplay .nplay_header .titlebox {width:480px;margin:0 auto;text-align:right;}
	.nplay .nplay_header p {left:auto;right:208px;top:100px;text-align:right;}
	.nplay .nplay_header p .m_only {display:block !important;}

	.nplay .mix_contents {display:flex;flex-wrap:wrap;max-width:1024px;margin:0 auto;}
	.selected .inner {margin-right:auto;}
	.selected:before {right:-10px;}
	.mix_palette {left:auto;max-width:100%;padding:72px 127px 96px;}

	.mix_step {position:relative;flex:0 1 auto;width:auto;margin-left:auto;padding-right:120px;padding-left:40px;}
	.mix_options {position:relative;flex:0 0 50%;width:50%;max-width:320px;margin-right:auto;}
}
/* --------------------------------------------------------------------------
   responsive — ≤960px
   -------------------------------------------------------------------------- */
@media all and (max-width: 960px) {
	.mix_step {padding-right:60px;padding-left:40px;}
}
/* --------------------------------------------------------------------------
   responsive — ≤768px
   -------------------------------------------------------------------------- */
@media all and (max-width: 768px) {

	.nplay {padding-top:0;}
	.nplay_inner {padding-top:0;}
	.nplay .nplay_header {position:relative;left:auto;top:auto;width:100%;padding:44px 40px 7px;background:#f2eae7}
	.nplay .nplay_header h2 {display:block;}
	.nplay .nplay_header h2.w_only {display:block !important;}
	.nplay .nplay_header h2.m_only {display:none !important;}
	.nplay .nplay_header p {font-size:17px;}
	.nplay .mix_contents {position:relative;background:#f2eae7;}
	.mix_palette {padding-top:0;}
	.mix_step {margin-left:0;padding-left:20px;padding-right:40px;}
	.mix_options {right:-30px;}
}
/* --------------------------------------------------------------------------
   responsive — ≤640px
   -------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
	.nplay .w_only {display:none !important;}
	.nplay .m_only {display:block !important;}
	.nplay img.w_only {display:none !important;}
	.nplay img.m_only {display:inline !important;}
	.nplay .nplay_header h2.w_only {display:none !important;}
	.nplay .nplay_header h2.m_only {display:block !important;}
	.mix_palette .case .w_only {display:none !important;}
	.mix_palette .case .m_only {display:block !important;}

	.nplay .nplay_header .titlebox {width:295px;}
	.nplay .nplay_header p {right:116px;top:56px;font-size:15px;}

	.nplay .mix_contents {flex-direction: column;padding-bottom:158px;}
	.nplay.nplay_glow .mix_contents {padding-bottom:75px;}

	.mix_palette {padding:0;}
	.mix_palette .case {width:295px;height:303px;}
	.mix_palette .mixUl {left:26.5px;top:29.5px;width:237px;height:237px;}

	.mix_palette .guide strong {font-size:29px;}
	.mix_palette .guide span {font-size:15px;}

	.mix_step {flex:0 0 100%;width:100%;padding:56px 20px 64px;}
	.mix_step .inner {width:295px;margin:0 auto;}
	.mix_step .step_top {margin-bottom:26px;}
	.mix_step .step_top li {font-size:17.5px;}
	.mix_step .step_top li:first-child strong:before {background-size:39px 16px;background-image:url(/resources/images/shop/nplay/glow/step_01_m.png);}
	.mix_step .step_top li:nth-child(2) strong:before {background-size:42px 16px;background-image:url(/resources/images/shop/nplay/glow/step_02_m.png);}
	.mix_step .step_top li:last-child strong:before {background-size:42px 16px;background-image:url(/resources/images/shop/nplay/glow/step_03_m.png);}
	.mix_step .step_top li:first-child strong:after {background-size:39px 16px;background-image:url(/resources/images/shop/nplay/glow/step_01_on_m.png);}
	.mix_step .step_top li:nth-child(2) strong:after{background-size:42px 16px;background-image:url(/resources/images/shop/nplay/glow/step_02_on_m.png);}
	.mix_step .step_top li:last-child strong:after {background-size:42px 16px;background-image:url(/resources/images/shop/nplay/glow/step_03_on_m.png);}

	.step .title {font-size:20px;}
	.select_type .inputbox label {height:109px;padding-bottom:81px;text-indent:12px;}
	.select_type .inputbox label:before {left:8.5px;width:13px;height:13px;}
	.select_type .inputbox label:after {left:9px;top:-1px;}
	.step .notice_txt {font-size:15px;}

	.colorchip_list {width:calc(100% + 38px);margin-left:-19px;}
	.colorchip_list li {margin:15px calc((100% - 182px)/8);}
	.colorchip_list li button {width:45.5px;height:45.5px;}
	.colorchip_list li button.on:before {width:30px;height:30px;}
	.colorchip_list li .num {font-size:19px;line-height:43px;}

	.selected {height:auto;margin-top:45px;background-color:#f9f5f3;}
	.selected:before {top:-75px;right:50%;margin-right:-167px;width:54px;height:97px;}

	.selected .inner {width:295px;padding:0;}
	.selected .section_title {margin-bottom:34px;}
	.selected .section_title img {margin-left:8px;}
	.mix_options {top:0;flex:0 0 100%;width:100%;max-width:100%;}
	.options_bg {left:auto;width:100%;}
	.options_bg:after {left:-10%;width:120%;height:660px;box-shadow:none;}
	.option_box {padding:0;}
	.option_box.nplay_type {margin-bottom:33px;}
	.option_box .title {margin-bottom:15px;font-size:22px;}
	.nplay_type .check:after {width:131px;height:45px;background-size:124px 46px;}

	.choose_li {padding-bottom:33px;}
	.choose_li .list_number {margin-bottom:9px;font-size:20px;}
	.choose_li .select_box {padding-left:68px;}
	.choose_li .option_select_button {width:100%;height:51px;padding:14px 15px;padding-right:40px;}
	.choose_li .option_select_button:before {left:-68px;top:-1px;width:68px;height:50px;}
	.choose_li_01 .option_select_button:before {background-size:43px 36px;background-image:url(/resources/images/shop/nplay/glow/_1_m.png);}
	.choose_li_02 .option_select_button:before {background-size:51px 36px;background-image:url(/resources/images/shop/nplay/glow/_2_m.png);}
	.choose_li_03 .option_select_button:before {background-size:51px 37px;background-image:url(/resources/images/shop/nplay/glow/_3_m.png);}
	.choose_li .option_select_button:after {right:10px;width:20px;height:12px;margin-top:-6px;background-size:18px 9.5px;}
	.choose_li .option_select_box {width:calc(100% - 68px);}
	.option_name {font-size:17px;}
	.choose_li .option_select_li {width:100%;height:51px;padding:14px 15px}
	.option_box.choose_options {margin-bottom:0;}

	.mixed_recommend {padding-top:22px;}
	.mixed_recommend .titlebox {padding-bottom:5px;}
	.mixed_recommend .title {font-size:17.5px;}
	.mixed_recommend .txt {font-size:12px;}
	.mixed_recommend .recommend_list {justify-content:flex-start;}
	.mixed_recommend .recommend_list .item {flex: 1 1 33.3%;max-width:33.3%;}
	.mixed_recommend .mixed_thumb {width:80px;height:80px;margin:0 auto;}
	.mixed_recommend .mixed_name {font-size:13px;}

	.mix_palette .case {left:15px;width:318px;height:323px;}
	.mix_palette .case:before {left:27px;top:36.5px;width:237px;height:237px;background:url(/resources/images/shop/nplay/glow/empty_powder_w.png) no-repeat 50% 50% / 100% 100%;}
	.mix_palette .case:after {display:none;}
	.mix_palette .mixUl {left:27px;top:36.5px;}
	.mix_palette .guide {left:27px;top:36.5px;width:237px;height:237px;}
	.mix_palette .guide p:first-child {left:22.5%;top:28.5%;}
	.mix_palette .guide p:nth-child(2) {right:22.5%;top:28.5%;}
	.mix_palette .guide p:last-child {bottom:15.5%;}
	.mix_step {padding-top:44px;}
	.mix_options {right:auto;}

	.nplay .nplay_info_inner {padding:30px 0;}
	.nplay .shop_information dl:after {top:37px;background-size:15px 9.5px;}
}

/* --------------------------------------------------------------------------
   nplay_order — 주문 완료
   -------------------------------------------------------------------------- */
.nplay_order {display:flex;align-items:center;width:100%;height:100vh;min-height:500px;padding:126px 0;background:#fef1e2;}
.nplay_order img.w_only {display:inline;}
.nplay_order img.m_only {display:none;}
.nplay_order .inner {position:relative;display:flex;width:100%;max-width:1440px;margin:0 auto;align-items:center;}
.order_finished {z-index:5;position:relative;flex:0 0 50%;margin-left:auto;padding-left:44px;}
.order_finished .txt {margin-bottom:40px;font-size:38px;color:#000;letter-spacing:-0.02em;line-height:1.4;}
.order_finished .txt strong {font-family:'yoonb';color:#000;}
.order_finished .link {display:inline-block;width:156px;height:39px;font-size:16px;line-height:39px;font-weight:700;color:#fff;text-align:center;background:#d31016;}

.nplay_order.nplay_order_powder {background:#d70e16;}
.nplay_order_powder .order_finished .txt {color:#fff;}
.nplay_order_powder .order_finished .txt strong {color:#fff;}
.nplay_order_powder .visual {position:relative;flex:0 0 50%;width:50%;}
.nplay_order_powder .videobox {position:absolute;right:-37px;top:50%;width:775px;height:775px;margin-top:-387.5px;}
.nplay_order_powder .videobox video {width:100%;height:100%;}
.nplay_order_powder .videobox video[poster] {width:100%;height:100%;object-fit:cover;}

.nplay_order_powder .order_finished .link {color:#d01415;background:#fef1e1;}

/* --------------------------------------------------------------------------
   responsive — ≤1440px
   -------------------------------------------------------------------------- */
@media all and (max-width:1440px) {
	.nplay_order img.w_only {width:480px;height:auto;}
	.order_finished .txt {font-size:30px;}

	.nplay_order.nplay_order_powder .inner {max-width:1024px;}
	.nplay_order_powder .videobox {right:-82px;width:620px;height:620px;margin-top:-310px;}
}
/* --------------------------------------------------------------------------
   responsive — ≤1024px
   -------------------------------------------------------------------------- */
@media all and (max-width:1024px) {
	.nplay_order img.w_only {display:none;}
	.nplay_order img.m_only {display:inline;}
	.order_finished .txt {margin-bottom:32px;font-size:24px;}

	.nplay_order_powder .videobox {right:-66px;width:465px;height:465px;margin-top:-232.5px;}
}
/* --------------------------------------------------------------------------
   responsive — ≤768px
   -------------------------------------------------------------------------- */
@media all and (max-width:768px) {
	.nplay_order {min-height:1px;padding:68px 0;}
	.nplay_order .inner {flex-direction:column;justify-content: center;text-align:center;}
	.order_finished {flex:1 0 100%;width:100%;padding-left:0;margin-left:0;margin-top:-30px;}
	.order_finished .txt {margin-bottom:22px;font-size:21px;}
	.order_finished .link {width:145px;height:35px;line-height:35px;font-size:13px;}

	.nplay_order.nplay_order_powder {padding:58px 0;height:auto;min-height:100vh;}
	.nplay_order.nplay_order_powder .inner {padding-bottom:40px;}
	.nplay_order_powder .visual {flex:0 0 100%;width:100%;}
	.nplay_order_powder .videobox {position:static;right:auto;width:100%;height:auto;margin:0;}
}

/* --------------------------------------------------------------------------
   nplay_glow — GLITTER
   -------------------------------------------------------------------------- */
.nplay_glow .mix_palette {padding:129px 240px 102px;max-width:768px;left:-24px;}

.nplay_glow .nplay_header p {left:277px;top:60px;}
.nplay_glow .step .color_title {font-family:'franklin-gothic-urw';font-weight:500;font-size:17px;color:#cf152d;}

.nplay_glow .mix_step .step_top li:first-child {flex:0 0 76px;width:76px;}
.nplay_glow .mix_step .step_top li:nth-child(2) {flex:0 0 76px;width:76px;}
.nplay_glow .mix_step .step_top li:last-child {flex:0 0 84px;width:84px;text-indent:6px;}
.nplay_glow .mix_step .step_top li:last-child strong:before,
.nplay_glow .mix_step .step_top li:last-child strong:after {background-position:calc(50% + 4px) 0;}

.nplay_glow .mixed_recommend {padding-top:32px;}
.nplay_glow .mixed_recommend .recommend_list {justify-content:flex-start;}
.nplay_glow .mixed_recommend .recommend_list .item {flex:1 1 25%;max-width:25%;}
.nplay_glow .mixed_recommend .recommend_list .item a {display:block;max-width:44px;}
.nplay_glow .mixed_recommend .mixed_thumb {width:44px;height:44px;}

.case .bg_svg {position: absolute;width:0;height:0;}
.glitter_clipped {width:123px;height:242px;background-color:#241b16;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:url(#glow_clippath);clip-path:url(#glow_clippath);}
.step {display:none;}

.mix_palette .case.case_glow {width:287px;height:471px;}
.mix_palette .case_glow .case_bg {width:165px;height:471px;}
.mix_palette .case_glow .mixUl {left:0;top:0;width:100%;height:100%;border-radius:0;background-image:none;}
.mix_palette .case_glow .mixUl:after {display:none;}
.mix_palette .case.case_glow:after {display:none;}
.mix_palette .case_glow .mix_glow_base {position:absolute;left:11px;bottom:28px;width:139px;height:264px;}
.mix_palette .case_glow .mix_glow_base:after {z-index:5;position:absolute;right:17px;bottom:0;content:"";display:block;width:62px;height:100%;background:url(/resources/images/shop/nplay/glow/case_over.png) no-repeat 0 0 / auto auto;}
.mix_palette .case_glow .glow_case_wrap {position:absolute;left:0;top:2px;width:123px;height:264px;}
.mix_palette .case_glow .palette_item {left:0;top:0;width:100%;height:100%;}
.mix_glow_shimmer {position:absolute;right:0;bottom:165px;width:116px;height:116px;border:2px solid #fff;border-radius:50%;background-color:#362a1e;overflow:hidden;}
.mix_glow_cristal {position:absolute;right:0;bottom:43px;width:116px;height:116px;border:2px solid #fff;border-radius:50%;background-color:#564535;overflow:hidden;}

.nplay_glow .guide_num {z-index:5;position:absolute;left:0;top:50%;width:100%;height:64px;text-align:center;font-family:'franklin-gothic-urw';font-weight:700;color:#fff;}
.nplay_glow .guide_num strong {display:block;font-weight:500;font-size:40px;line-height:40px;}
.nplay_glow .guide_num span {display:block;font-size:20px;line-height:24px;}
.nplay_glow .guide_num.num1 {top:69px;}
.nplay_glow .guide_num.num2 {top:26px;}
.nplay_glow .guide_num.num3 {top:26px;}

.nplay_glow .options_bg:after {height:750px;}
.nplay_glow .choose_li {padding-bottom:26px;}

.mix_palette .case.case_glow {width:284px;height:510px;}
.mix_palette .case_glow .case_bg {width:173px;height:510px;}
.mix_palette .case_glow .mixUl {opacity:1;}
.mix_palette .case_glow .mixUl:after {display:none;}
.mix_palette .case.case_glow:before {display:none;}
.mix_palette .case.case_glow:after {display:none;}
.mix_palette .case_glow .mix_glow_base {left:7px;bottom:73px;width:123px;height:242px;}
.mix_palette .case_glow .mix_glow_base:after {right:17px;bottom:0;width:62px;height:100%;}
.mix_palette .case_glow .glow_case_wrap {top:0px;width:123px;height:242px;}
.mix_palette .case_glow .mix_glow_base:after {right:48px;}
.glitter_clipped {background-color:#504844;}
.mix_glow_shimmer {bottom:200px;background-color:#5c5046;}
.mix_glow_cristal {bottom:75px;background-color:#756659;}

/* --------------------------------------------------------------------------
   responsive — ≤1280px
   -------------------------------------------------------------------------- */
@media all and (max-width:1280px) {
	.nplay_glow .mix_palette {left:auto;}
	.nplay_glow .nplay_header p {left:auto;top:100px;}
	.nplay_texture {max-width: 1024px;}
}
/* --------------------------------------------------------------------------
   responsive — ≤768px
   -------------------------------------------------------------------------- */
@media  all and (max-width: 768px) {
	.nplay_glow .mix_palette {padding:0 176px 0;}
}
/* --------------------------------------------------------------------------
   responsive — ≤640px
   -------------------------------------------------------------------------- */
@media all and (max-width:640px) {

	.nplay_glow .nplay_header p {top:56px;}

	.nplay_glow .mix_palette {width:100%;padding:0;}
	.mix_palette .case.case_glow {right:-14.5px;width:201px;height:327px;margin:0 auto;}
	.mix_palette .case_glow .case_bg {width:111px;height:327px;}
	.mix_palette .case_glow .mix_glow_base {left:6.5px;bottom:13px;width:90px;height:188px;}
	.mix_palette .case_glow .mix_glow_base:after {right:8px;width:34px;height:188px;background:url(/resources/images/shop/nplay/glow/case_over_m.png) no-repeat 0 0 / 34px}
	.mix_palette .case_glow .glow_case_wrap {top:1px;bottom:16px;width:87.5px;height:172px;}
	.glitter_clipped {width:87.5px;height:172px;}
	.nplay_glow .guide_num {height:46px;}
	.nplay_glow .guide_num.num1 {top:49px;}
	.nplay_glow .guide_num.num2,
	.nplay_glow .guide_num.num3 {top:18px;}
	.nplay_glow .guide_num {height:46px;}
	.nplay_glow .guide_num strong {height:28px;font-size:28px;line-height:28px;}
	.nplay_glow .guide_num span {height:18px;font-size:14px;line-height:18px;}

	.mix_glow_shimmer {bottom:113px;width:82px;height:82px;border:2px solid #fff;}
	.mix_glow_cristal {bottom:26px;width:82px;height:82px;border:2px solid #fff;}

	.nplay_glow .mix_step {padding-top:33px;padding-bottom:75px;}
	.nplay_glow .mix_step .step_top li:first-child {flex:0 0 32.2%;width:32.2%;}
	.nplay_glow .mix_step .step_top li:nth-child(2) {flex:0 0 32.2%;width:32.2%;}
	.nplay_glow .mix_step .step_top li:last-child {flex:0 0 35.6%;width:35.6%;text-indent:6px;}
	.nplay_glow .mix_step .step_top li:last-child strong:before,
	.nplay_glow .mix_step .step_top li:last-child strong:after {background-position:calc(50% + 4px) 0;}

	.nplay_glow .options_bg:after {height:660px;}
	.nplay_type .check.check_glow:after {left:100px;width:100px;height:48px;background-size:99px 45px;}
	.nplay_glow .option_box {margin-bottom:33px;}
	.nplay_glow .option_box .title {margin-bottom:16px;}
	.nplay_glow .choose_li {padding-bottom:32px;}
	.nplay_glow .choose_li .list_number {margin-bottom:9px;}

	.nplay_glow .mixed_recommend {padding-top:22px;}
	.nplay_glow .mixed_recommend .recommend_list .item {flex: 0 0 33.3%;max-width:33.3%;}
	.nplay_glow .mixed_recommend .recommend_list .item a {max-width:70px;margin:5px auto;}
	.nplay_glow .mixed_recommend .mixed_thumb {width:66px;height:66px;}

	.mix_palette .case.case_glow {width:199px;height:369px;}
	.mix_palette .case_glow .case_bg {width:124px;height:369px;}
	.mix_palette .case_glow .glow_case_wrap {top:0px;width:87.5px;height:172px;}
	.mix_palette .case_glow .mix_glow_base {left:4px;bottom:55.5px;width:87.5px;height:172px;}
	.mix_palette .case_glow .mix_glow_base:after {right:35.5px;top:-2px;bottom:0;height:calc(100% + 2px);}

	.glitter_clipped {width:87.5px;height:172px;}
	.mix_glow_shimmer {bottom:53px;}
	.mix_glow_cristal {bottom:140px;}
}

/* --------------------------------------------------------------------------
   shop_diy_view — DIY 리뷰
   -------------------------------------------------------------------------- */
.shop_diy_view {padding-bottom:80px;}
.shop_diy_view .reviewLayer .title_box:not(.diy_review_title) {display:none !important;}
.shop_diy_view .review_list_box .review_color {display:none !important;}
.shop_diy_view .reviews .title_box.diy_review_title .title {font-family:'yoonb', sans-serif;font-size:40px;}
.shop_diy_view .reviews .title_box.diy_review_title .txt {padding-top:25px;font-size:1.25em;color:#000;}
.shop_diy_view .reviews .title_box.diy_review_title .btn_area {padding:20px 0 40px;}
.shop_diy_view .reviews .title_box.diy_review_title .btn_area button {margin-top:0;}
.shop_diy_view .reviews .reviews_top > ul > li.reviews_color {display:none !important;}

/* --------------------------------------------------------------------------
   responsive — ≤1024px
   -------------------------------------------------------------------------- */
@media only all and (max-width:1024px){

	.shop_diy_view {padding-bottom:64px;}
	.shop_diy_view .reviews .title_box.diy_review_title .title {font-size:32px;}
	.shop_diy_view .reviews .title_box.diy_review_title .btn_area {padding:16px 0 24px;}

}
/* --------------------------------------------------------------------------
   responsive — ≤640px
   -------------------------------------------------------------------------- */
@media only all and (max-width:640px){

	.shop_diy_view {padding-bottom:48px;}
	.shop_diy_view .reviews .title_box.diy_review_title .title {font-size:24px;}

}

/* --------------------------------------------------------------------------
   locale — en/jp overrides
   -------------------------------------------------------------------------- */
html:not([lang="ko"]) .shop_information dl{min-height:150px}
html:not([lang="ko"]) .shop_information dt{line-height:1.5;top:45px;}
html:not([lang="ko"]) .shop_information dd{padding-right:35px;}
html:not([lang="ko"]) .shop_information dl.rates{min-height:125px;border-top: 1px solid #efefef;}
html:not([lang="ko"]) .shop_information dl.rates:after{background:url(/resources/images/shop/arrow_pop.png) no-repeat center center;transform: rotate(0deg) !important;}

/* --------------------------------------------------------------------------
   responsive — ≤1023px
   -------------------------------------------------------------------------- */
@media only all and (max-width:1023px){
	html:not([lang="ko"]) .shop_information dl{min-height:inherit !important}
	html:not([lang="ko"]) .shop_information dl.rates{border-top:0;}
	html:not([lang="ko"]) .shop_information dl:after{background-size:cover !important;}
	html:not([lang="ko"]) .shop_information dt{padding:24px 20px 24px 0;top:inherit}
	html:not([lang="ko"]) .shop_information dt br{display:none}
}
/* --------------------------------------------------------------------------
   responsive — ≤768px
   -------------------------------------------------------------------------- */
@media only all and (max-width:768px){
	html:not([lang="ko"]) .fxb_ea{margin-bottom: 5px;}
}