@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Pretendard", sans-serif; font-weight: 400; line-height: 1.2; letter-spacing: -0.04rem; color: #000;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF; font-size: calc(100vw / 30);}
html.no_scroll{ overflow: hidden; height:100%;}
#forderform{position:absolute; top:0;}
body{ overflow: hidden; background: #FFF; -webkit-text-size-adjust: none;}
img {max-width: 100%;}

:root {
    --black: #000000;
    --color-red: #F00;
	--color-red2: #FF584D;
    --color-fff: #FFF;
    --color-eee: #EEE;
    --color-ddd: #DDD;
    --color-ccc: #CCC;
    --color-bbb: #BBB;
    --color-999: #999;
    --color-888: #888;
    --color-777: #777;
    --color-666: #666;
    --color-555: #555;
    --color-444: #444;
    --color-333: #333;
    --color-222: #222;
    --color-111: #111;
    --color-000: #000;
    --color-2e: #2e2e2e;
	--color-75: #757575;
	--color-63: #636363;
	--color-01: #253FD0;
    --color-02: #5782FF;
	

    --bg-01: #EBEEFF;
    --bg-02: #F5F7FF;
	--bg-red: #FFECE5;
    --scrollbar-track-color: rgba(0, 0, 0, .1);
    --scrollbar-thumb-color: rgba(0, 0, 0, .6)
}
/*

 --color-01: #03C6AE;
    --color-02: #5782FF;
    : #FF584D;
    --bg-01: #F4FFFE;
    --bg-02: #F5F7FF;

*/

/*테스트*/

.modle_scrollbar::-moz-scrollbar{ width: 0; background: #FFF;}
.modle_scrollbar::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.modle_scrollbar::-ms-scrollbar{ width: 0; background: #FFF;}
.modle_scrollbar::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.modle_scrollbar::-webkit-scrollbar{ width: 0; background: #FFF;}
.modle_scrollbar::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.none_scrollbar::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.none_scrollbar1::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar1::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar1::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar1::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar1::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar1::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.none_scrollbar2::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar2::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar2::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar2::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar2::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar2::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.none_scrollbar3::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar3::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar3::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar3::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar3::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar3::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.none_scrollbar4::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar4::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar4::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar4::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar4::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar4::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.none_scrollbar5::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar5::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar5::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar5::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar5::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar5::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}


.none_scrollbar_follow::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar_follow::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar_follow::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar_follow::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar_follow::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar_follow::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}


.pc_x_scrollbar::-moz-scrollbar{ height: 0; background: #FFF;}
.pc_x_scrollbar::-moz-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.pc_x_scrollbar::-ms-scrollbar{ height: 0; background: #FFF;}
.pc_x_scrollbar::-ms-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.pc_x_scrollbar::-webkit-scrollbar{ height: 0; background: #FFF;}
.pc_x_scrollbar::-webkit-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
@media(min-width: 768px){
    .pc_x_scrollbar::-moz-scrollbar{ height: 5px; background: #FFF;}
    .pc_x_scrollbar::-moz-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
    .pc_x_scrollbar::-ms-scrollbar{ height: 5px; background: #FFF;}
    .pc_x_scrollbar::-ms-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
    .pc_x_scrollbar::-webkit-scrollbar{ height: 5px; background: #FFF;}
    .pc_x_scrollbar::-webkit-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
}

.modle_line_01{ height: 0.92rem; border-bottom: 1px solid #f2f2f2; background: #f7f7f7; margin:0 -1.53rem;}
.modle_line_02{ height: 0.61rem; background: #f7f7f7;}


.modle_tit_01{ font-size: 21px; font-weight: 700; color: var(--color-2e);}
.modle_tit_02{ font-size: 19px; font-weight: 700; color: var(--color-2e);}
.modle_tit_02 span{ font-weight: 700; color: var(--color-2e);}

@media(max-width:767px){
	.modle_tit_02{font-size:18px;}
}


.modle_txt_01{ font-size: 1.07rem; color: var(--color-666);}


.modle_list_01_wrap{}
.modle_list_01_wrap ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.23rem 0.61rem;}
.modle_list_01_wrap ul li{}

.modle_list_01{}
.modle_list_01 .img_wrap{ position: relative; background: var(--color-eee);}
.modle_list_01 .img_wrap .btn_cart{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: var(--color-fff); cursor: pointer;}

img.like_off{opacity:0; display:none}
img.like_off.on{opacity:1; display:block}
img.like_on{opacity:0; display:none}
img.like_on.on{opacity:1; display:block}

.modle_list_01 .img_wrap .img{display:block; padding-top:100%}
.modle_list_01 .info{ display: flex; flex-direction: column; align-items: flex-start; padding: 0.61rem 0 0 0;}
.modle_list_01 .info .tit{ font-size: 14px; font-weight: 500; color: #515151; height:34px; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}
.modle_list_01 .info .txt{ margin: 0.3rem 0 0 0; font-size: 1rem; font-weight: 500; color: var(--color-333);}
.modle_list_01 .info .cost{ margin: 3px 0 0 0; font-size: 13px; color: var(--color-999); text-decoration: line-through; letter-spacing:0px;}
.modle_list_01 .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin:1px 0 0 0;}
.modle_list_01 .info .price p{ font-size: 17px; font-weight: 600; color: #1c1c1c;}
.modle_list_01 .info .price b{ font-size:17px; font-weight: 600; color: var(--color-red2);}
.modle_list_01 .info .category{ margin: 0.3rem 0 0 0; padding: 0.15rem 0.3rem; border-radius: 0.15rem; background: var(--bg-02); font-size: 0.92rem; font-weight: 500; color: var(--color-02);}
.modle_list_01 .info .keyword{ margin: 0.3rem 0 0 0; padding: 0.15rem 0.3rem; border-radius: 0.15rem; background: var(--bg-01); font-size: 0.92rem; font-weight: 500; color: var(--color-01);}
.modle_list_01 .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.modle_list_01 .info .review img{ display: block; height: 0.92rem;}
.modle_list_01 .info .review p{ font-size: 0.84rem; color: var(--color-999);}
/* 이미지 위 li */
.modle_list_01 ul.mbti_classify{display:grid; position:absolute; height:100%; left:0; top:0; padding:0.6rem; grid-template-columns:1fr; grid-template-rows:repeat(4, 1fr);grid-gap:5px 0; width:100%;}
.modle_list_01 ul.mbti_classify li{font-weight:200; border-radius:50px; font-size:12px; text-align:center; width:50px; height:100%; color:#fff; display:flex; justify-content:center; padding-top:1px; align-items:center; line-height:1;}
.modle_list_01 ul.mbti_classify li:nth-child(1){background-color:rgb(37 63 208 / 80%)}
.modle_list_01 ul.mbti_classify li:nth-child(2){background-color:rgb(37 63 208 / 80%)}
.modle_list_01 ul.mbti_classify li:nth-child(3){background-color:rgb(87 130 255 / 80%)}
.modle_list_01 ul.mbti_classify li:nth-child(4){background-color:rgb(87 130 255 / 80%)}
@media(max-width:767px){
	.modle_list_01 ul.mbti_classify{grid-gap:2px 0}
	.modle_list_01 ul.mbti_classify li{font-size:10px}
}

.modle_list_02{}
.modle_list_02 .img_wrap{ position: relative; background: var(--color-eee);}
.modle_list_02 .img_wrap .best{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; padding: 0 0.4rem 0.2rem 0; width: 1.84rem; height: 1.84rem; border-radius: 0 0 100% 0; background: var(--color-01); font-size: 1.07rem; font-weight: 700; color: var(--color-fff);}
.modle_list_02 .img_wrap .btn_cart{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: var(--color-fff); cursor: pointer;}
.modle_list_02 .img_wrap .btn_cart img{ height: 1.84rem;}
.modle_list_02 .img_wrap .img{ position: relative;display:block}
.modle_list_02 .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.modle_list_02 .info{ display: flex; flex-direction: column; align-items: flex-start; padding: 0.61rem 0 0 0;}
.modle_list_02 .info .tit{ font-size: 15px; font-weight: 500; color: var(--color-333);}
.modle_list_02 .info .cost{ margin: 0.3rem 0 0 0; font-size: 14px; color: var(--color-999); text-decoration: line-through; letter-spacing:0.3px}
.modle_list_02 .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0; font-size:16px;}
.modle_list_02 .info .price p{ font-size: inherit; font-weight: 600; color: var(--color-000);}
.modle_list_02 .info .price b{ font-size: inherit; font-weight: 600; color: var(--color-red2);}
/* 이미지 위 li */
.modle_list_02 ul.mbti_classify{display:grid; position:absolute; left:0; top:0; height:100%; padding:0.6rem; grid-template-columns:1fr; grid-gap:5px 0; grid-template-rows:repeat(4, 1fr);width:100%;}
.modle_list_02 ul.mbti_classify li{text-align:center;display:flex;padding-top:1px; border-radius:50px; font-size:12px; height:100%;color:#fff; line-height:1; display:flex; justify-content:center; align-items:center;}
.modle_list_02 ul.mbti_classify li:nth-child(1){background-color:rgb(37 63 208 / 80%)}
.modle_list_02 ul.mbti_classify li:nth-child(2){background-color:rgb(37 63 208 / 80%)}
.modle_list_02 ul.mbti_classify li:nth-child(3){background-color:rgb(87 130 255 / 80%)}
.modle_list_02 ul.mbti_classify li:nth-child(4){background-color:rgb(87 130 255 / 80%)}

@media(max-width:767px){
	.modle_list_01 .info .tit{font-size:13px;}
	.modle_list_01 .info .price p{font-size:16px}
	.modle_list_01 .info .price b{font-size:16px}

	.modle_list_02 .info .tit{font-size:13px;}
	.modle_list_02 .info .cost{font-size:12px;}
	.modle_list_02 .info .price{font-size:14px;}

	.modle_list_02 ul.mbti_classify li{font-size:10px}
}


.like_wrap{}
.like_wrap .img_wrap{ position: relative; background: var(--color-eee);}
.like_wrap .img_wrap .best{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; padding: 0 0.4rem 0.2rem 0; width: 1.84rem; height: 1.84rem; border-radius: 0 0 100% 0; background: var(--color-01); font-size: 1.07rem; font-weight: 700; color: var(--color-fff);}
.like_wrap .img_wrap .btn_cart{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 36px; height: 36px; border-radius: 50%; background: var(--color-fff); cursor: pointer;}
.like_wrap .img_wrap .btn_cart img{ height: 1.84rem;}
.like_wrap .img_wrap .img{ position: relative;display:block}
.like_wrap .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.like_wrap .info{ display: flex; flex-direction: column; align-items: flex-start; padding: 0.61rem 0 0 0;}
.like_wrap .info .tit{ font-size: 14px; font-weight: 500; color: var(--color-333);}
.like_wrap .info .cost{ margin: 0.3rem 0 0 0; font-size: 13px; color: var(--color-999); text-decoration: line-through; font-weight:200}
.like_wrap .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.like_wrap .info .price p{ font-size: 15px; font-weight: 600; color: var(--color-000);}
.like_wrap .info .price b{ font-size: 15px; font-weight: 600; color: var(--color-red2);}

.modle_popup{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -200%; right: 0; bottom: 200%; left: 0; padding: 0 2.15rem; background: rgba(0 0 0/50%); opacity: 0; transition: opacity .3s;}
.modle_popup .wrap{ padding: 2.3rem 1.53rem 1.53rem 1.53rem; width: 100%; border-radius: 0.76rem; background: #FFF; text-align: center; transform: scale(0); transition: all .3s;}
.modle_popup .wrap .icon{ display: block; margin: 0 auto 1.38rem auto; height: 3.69rem;}
.modle_popup .wrap .tit{ font-size:18px; font-weight: 700; color: var(--color-000);}
.modle_popup .wrap .txt{ margin: 0.61rem 0 0 0; line-height: 1.4; font-size: 16px; color: rgba(0,0,0,0.6); font-weight:300;}
.modle_popup .wrap .txt b{ font-weight: 700; color: var(--color-666);}
.modle_popup .wrap .btn{ display: flex; grid-gap: 0.61rem; margin: 1.38rem 0 0 0;}
.modle_popup .wrap .btn a{ display: flex; justify-content: center; align-items: center; width: 50%; height:54px; border-radius: 0.3rem; background: #ababab; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer;}
.modle_popup.on{ top: 0; bottom: 0; opacity: 1;}
.modle_popup.on .wrap{ transform: scale(1); opacity: 1;}
@media(min-width: 768px){
    .modle_popup .wrap{ width: 400px;}
}

.modle_popup_mbti{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -200%; right: 0; bottom: 200%; left: 0; padding: 0 2.15rem; background: rgba(0 0 0/50%); opacity: 0; transition: opacity .3s;}
.modle_popup_mbti .scroll{ display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; padding: 0 2.15rem; width: 100%; transition: all .3s;}
.modle_popup_mbti .wrap{ position: absolute; padding: 0 0 1.53rem 0; width: calc(100% - 4.3rem); background: #FFF; transform: scale(0); transition: all .3s;}
.modle_popup_mbti .wrap .img_wrap{ background: #d9d9d9;}
.modle_popup_mbti .wrap .img{}
.modle_popup_mbti .wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.modle_popup_mbti .wrap .tit{ margin: 1.53rem 1.53rem 0 1.53rem; font-size: 1.38rem; font-weight: 600; color: var(--color-000);}
.modle_popup_mbti .wrap .txt{ margin: 0.61rem 1.53rem 2.15rem 1.53rem; line-height: 1.4; font-size: 1.07rem; color: var(--color-666);}
.modle_popup_mbti .wrap .btn{ display: flex; grid-gap: 0.61rem; margin: 1.38rem 1.23rem 0 1.23rem;}
.modle_popup_mbti .wrap .btn a{ flex: 1; display: flex; justify-content: center; align-items: center; height: 4.3rem; border-radius: 0.3rem; background: var(--color-01); font-size: 1.23rem; font-weight: 600; color: var(--color-fff); cursor: pointer;}
.modle_popup_mbti .wrap .btn a.close{ flex: 0 0 8.07rem; background: #f2f2f2; color: var(--color-333);}
.modle_popup_mbti .wrap_01{ left: 2.15rem;}
.modle_popup_mbti .wrap_02{ left: calc(100% + 2.15rem);}
.modle_popup_mbti .wrap_03{ left: calc(200% + 2.15rem);}
.modle_popup_mbti.on{ top: 0; bottom: 0; opacity: 1;}
.modle_popup_mbti.on .wrap{ transform: scale(1); opacity: 1;}
.modle_popup_mbti.on .wrap .mbti_popup_close{position:absolute; right:-10px; top:-20px;background:#fff; display:flex; justify-content:center; align-items:center; width:40px; height:40px; cursor:pointer; border-radius:50px;}

@media(min-width: 768px){
    .modle_popup_mbti .wrap{ width: 460px;}
    .modle_popup_mbti .wrap_01{ left: 20px;}
    .modle_popup_mbti .wrap_02{ left: calc(100% + 20px);}
    .modle_popup_mbti .wrap_03{ left: calc(200% + 20px);}
}


.modle_terms{}
.modle_terms p{ line-height: 1.8; font-size: 1.15rem; color: var(--color-666);}


.modle_more{font-size:15px; display: flex; justify-content: center; align-items: center; grid: 0.61rem; margin: 1.53rem 0 0 0; cursor: pointer;}
.modle_more .more_btn{background:transparent;font-size:1.07rem;font-weight:600;color:var(--color-333);}
.modle_more p{ font-size: 15px; font-weight: 600; color: var(--color-333); margin-right:10px}
.modle_more img{ display: block; height: 1.84rem;}

.modle_more1{font-size:1rem; display: flex; justify-content: center; align-items: center; grid: 0.61rem; margin: 1.53rem 0 0 0; cursor: pointer;}
.modle_more1 .more_btn{background:transparent;font-size:1.07rem;font-weight:600;color:var(--color-333);}
.modle_more1 p{ font-size: 1.07rem; font-weight: 600; color: var(--color-333);}
.modle_more1 img{ display: block; height: 1.84rem;}

.modle_more2{font-size:1rem; display: flex; justify-content: center; align-items: center; grid: 0.61rem; margin: 1.53rem 0 0 0; cursor: pointer;}
.modle_more2 .more_btn{background:transparent;font-size:1.07rem;font-weight:600;color:var(--color-333);}
.modle_more2 p{ font-size: 1.07rem; font-weight: 600; color: var(--color-333);}
.modle_more2 img{ display: block; height: 1.84rem;}

.modle_more3{font-size:1rem; display: flex; justify-content: center; align-items: center; grid: 0.61rem; margin: 1.53rem 0 0 0; cursor: pointer;}
.modle_more3 .more_btn{background:transparent;font-size:1.07rem;font-weight:600;color:var(--color-333);}
.modle_more3 p{ font-size: 1.07rem; font-weight: 600; color: var(--color-333);}
.modle_more4 img{ display: block; height: 1.84rem;}

.modle_more4{font-size:1rem; display: flex; justify-content: center; align-items: center; grid: 0.61rem; margin: 1.53rem 0 0 0; cursor: pointer;}
.modle_more4 .more_btn{background:transparent;font-size:1.07rem;font-weight:600;color:var(--color-333);}
.modle_more4 p{ font-size: 1.07rem; font-weight: 600; color: var(--color-333);}
.modle_more4 img{ display: block; height: 1.84rem;}

.index_in{ overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background: #FFF;}
.index_in p{ font-size: 1.15rem; font-weight: 500; color: #021742;}
.index_in p *{ font-size: 1.15rem; font-weight: 500; color: #152375;}
.index_in img{ display: block; margin: 1.23rem 0 0 0; width: 12.3rem; height: auto;}


.index_head{ display: flex; justify-content: flex-end; align-items: center; position: fixed; z-index: 90; top: 0; right: 0; left: 0; padding: 0 1.53rem; height: 3.84rem;}
.index_head .step{ display: flex; grid-gap: 0.3rem; position: absolute; left: 1.53rem; bottom: -0.3rem;}
.index_head .step span{ display: block; width: 0.3rem; height: 0.3rem; border-radius: 10rem; background: #bcbcbc; transition: all .5s;}
.index_head .step span.on{ width: 0.92rem; background: var(--color-01);}
.index_head a{ font-size: 1.07rem; font-weight: 500; color: var(--color-333);}


.index_foot{ position: fixed; z-index: 90; right: 0; bottom: 0; left: 0; padding: 0.92rem 1.53rem; background: #FAFFFE;}
.index_foot .btn{ display: flex; justify-content: center; align-items: center; height: 4.3rem; border-radius: 0.3rem; background: var(--color-01); font-size: 1.23rem; font-weight: 600; color: var(--color-fff); cursor: pointer;}
.index_foot .btn_01{ display: none;}
.index_foot .btn_02{ display: none;}
.index_foot .btn_03{ display: none;}
.index_foot .btn.on{ display: flex;}

.index_step_wrap{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #FAFFFE;}
.index_step{ overflow: hidden; position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; padding: calc(3.84rem + 1.23rem) 1.53rem 0 1.53rem;}
.index_step .tit{ line-height: 1.4; font-size: 1.84rem; font-weight: 600; color: var(--color-000);}
.index_step .tit *{ line-height: 1.4; font-size: 1.84rem; font-weight: 600; color: var(--color-000);}
.index_step .tit span{ font-weight: 700; color: var(--color-01);}
.index_step .tit span *{ font-weight: 700; color: var(--color-01);}
.index_step .txt{ display: flex; justify-content: flex-start; margin: 4.07rem 0 0 0;}
.index_step .txt p{ padding: 1.23rem 2.46rem; border-radius: 20rem; border: 1px solid var(--color-ddd); background: var(--color-fff); line-height: 1.4; font-size: 1.38rem; font-weight: 500; color: var(--color-000);}
.index_step .txt p span{ font-weight: 600; color: #5782ff;}
.index_step .img{ display: block;}

.index_step.step_01 .txt{ margin: 5.61rem 0 0 0;}
.index_step.step_01 .img{ position: absolute; z-index: 10; top: 23.76rem; right: 0; width: 20rem;}

.index_step.step_02 .txt_02{ justify-content: flex-end; margin: 0.61rem 0 0 0;}
.index_step.step_02 .img{ position: absolute; z-index: 10; top: 25.8rem; right: 0; width: 100%;}

.index_step.step_03 .txt{ position: relative; z-index: 9; justify-content: center;}
.index_step.step_03 .txt p{ padding: 1.23rem 3.07rem;}
.index_step.step_03 .img{ position: absolute; z-index: 10; top: 21rem; left: 50%; transform: translate(-50%,0); width: 23.53rem;}
.index_step.step_03 .bg{ position: absolute; z-index: 1; top: 19.92rem; left: 0; width: 100%;}


.full_menu{ position: absolute; z-index: 110; top: 0; right: 120%; bottom: 0; left: -120%; background: rgba(0 0 0/70%); box-shadow: 10px 0 20px 0 rgba(0 0 0/10%); opacity: 1; transition: all .3s;}
.full_menu .wrap{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: #FFF; transition: all .5s;}
.full_menu .wrap .head{ position: absolute; z-index: 10; top: 0; right: 0; left: 0; background: #FFF;}
.full_menu .wrap .head .top{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 1.53rem; height: 3.84rem;}
.full_menu .wrap .head .top .tit{ display: block; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size:17px; font-weight: 600; color: var(--color-000);}
.full_menu .wrap .head .top .fl{ display: flex; align-items: center; grid-gap: 1.53rem;}
.full_menu .wrap .head .top .fl a{ display: block; cursor: pointer;}
.full_menu .wrap .head .top .fl a img{ display: block; height: 1.84rem;}
.full_menu .wrap .head .top .fr{ display: flex; align-items: center; grid-gap: 1.53rem;}
.full_menu .wrap .head .top .fr a{ display: block; cursor: pointer;}
.full_menu .wrap .head .top .fr a img{ display: block; height: 24px;}
.full_menu .wrap .head .menu{ display: grid; grid-template-columns: repeat(2,1fr);}
.full_menu .wrap .head .menu a{ display: flex; justify-content: center; align-items: center; position: relative; border-bottom: 1px solid var(--color-eee); height: 3.84rem; cursor: pointer;}
.full_menu .wrap .head .menu a p{ font-size: 15px; font-weight: 400; color: var(--color-75); white-space: nowrap;}
.full_menu .wrap .head .menu a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.full_menu .wrap .head .menu a.on p{ font-weight: 600; color: var(--color-000);}
.full_menu .wrap .body{ overflow: hidden; display: flex; position: absolute; z-index: 9; top: 7.68rem; right: 0; bottom: 5.38rem; left: 0; background: #FFF;}
.full_menu .wrap .body .menu_l{ overflow: hidden; position: absolute; top: 0; right: 100%; bottom: 0; left: -100%; transition: all .2s;}
.full_menu .wrap .body .menu_l.on{ right: 0; left: 0;}
.full_menu .wrap .body .menu_l .fl{ position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; width: 12.3rem; background: #f7f7f7; box-shadow: 2px 0 8px 0 rgba(0 0 0/8%);}
.full_menu .wrap .body .menu_l .fl a{ display: flex; align-items: center; padding: 0 1.53rem; height:52px; font-size: 14px; color: #3f3f3f; cursor: pointer;}
.full_menu .wrap .body .menu_l .fl a.on{ background: #FFF; font-weight: 600; color: var(--color-01);}
.full_menu .wrap .body .menu_l .fr{ position: absolute; top: 0; right: 0; bottom: 0; left: 12.3rem; background: #FFF;}
.full_menu .wrap .body .menu_l .fr > .scroll{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; transition: all .2s;}
.full_menu .wrap .body .menu_l .fr .fr_01{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #FFF;}
.full_menu .wrap .body .menu_l .fr .fr_02{ overflow: auto; position: absolute; top: 0; bottom: 0; left: 100%; width: 100%; background: #FFF;}
.full_menu .wrap .body .menu_l .fr .fr_03{ overflow: auto; position: absolute; top: 0; bottom: 0; left: 200%; width: 100%; background: #FFF;}
.full_menu .wrap .body .menu_l .fr .fr_04{ overflow: auto; position: absolute; top: 0; bottom: 0; left: 300%; width: 100%; background: #FFF;}
.full_menu .wrap .body .menu_l .fr .fr_05{ overflow: auto; position: absolute; top: 0; bottom: 0; left: 400%; width: 100%; background: #FFF;}
.full_menu .wrap .body .menu_l .fr .fr_06{ overflow: auto; position: absolute; top: 0; bottom: 0; left: 500%; width: 100%; background: #FFF;}
.full_menu .wrap .body .menu_l .fr .ft{ display: flex; position: absolute; top: 0; right: 0; left: 0;}
.full_menu .wrap .body .menu_l .fr .ft a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 3.07rem; border-bottom: 1px solid var(--color-eee); font-size: 13px; color: var(--color-75); cursor: pointer;}
.full_menu .wrap .body .menu_l .fr .ft a.on{ font-weight: 600; color: var(--color-01);}
.full_menu .wrap .body .menu_l .fr .fb{ overflow: hidden; position: absolute; top: 3.07rem; right: 0; bottom: 0; left: 0;}
.full_menu .wrap .body .menu_l .fr .fb > .scroll{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; transition: all .2s;}
.full_menu .wrap .body .menu_l .fr .fb .fb_01{ overflow: auto; position: absolute; top: 0; bottom: 0; left: 0; width: 100%;}
.full_menu .wrap .body .menu_l .fr .fb .fb_02{ overflow: auto; position: absolute; top: 0; bottom: 0; left: 100%; width: 100%;}
.full_menu .wrap .body .menu_l .fr .fb a{ display: flex; justify-content: space-between; align-items: center; padding: 0 1.53rem; height: 3.38rem; cursor: pointer;}
.full_menu .wrap .body .menu_l .fr .fb a p{ font-size: 14px; color: #515151;}
.full_menu .wrap .body .menu_l .fr .fb a img{ display: block; height: 24px;}
.full_menu .wrap .body .menu_l .fr .fb a.all p{ color: var(--color-999);}
.full_menu .wrap .body .menu_l .fr .menu{ display: block;}
.full_menu .wrap .body .menu_l .fr .menu a{ display: flex; justify-content: space-between; align-items: center; padding: 0 1.53rem; height: 3.38rem; cursor: pointer;}
.full_menu .wrap .body .menu_l .fr .menu a p{ font-size: 14px; color: var(--color-333);}
.full_menu .wrap .body .menu_l .fr .menu a img{ display: block; height: 1.84rem;}
.full_menu .wrap .body .menu_l .fr .menu a.all p{ color: var(--color-999);}
.full_menu .wrap .body .menu_r{ overflow: auto; position: absolute; top: 0; right: -100%; bottom: 0; left: 100%; transition: all .2s;}
.full_menu .wrap .body .menu_r.on{ right: 0; left: 0;}
.full_menu .wrap .body .menu_r a{ display: flex; align-items: center; padding: 0 1.53rem; height: 48px; font-size: 14px; color: #3f3f3f;}
.full_menu > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.full_menu.on{ right: 0; left: 0; opacity: 1; position:fixed;}
.full_menu.on .wrap{ right: 0;}
@media(min-width: 768px){
    .full_menu{ overflow: hidden; right: initial; left: -100%; width: 0;}
    .full_menu .wrap{ left: initial; width: 500px; }
    .full_menu.on{ right: initial; left: 0; width: 500px; position:absolute}
	.full_menu .wrap .head .menu a p{font-size:16px}
	.full_menu .wrap .body .menu_r a{font-size:15px}
	.full_menu .wrap .body .menu_l .fr .ft a{font-size:14px;}
	.full_menu .wrap .body .menu_l .fr .fb a p{font-size:15px;}
	.full_menu .wrap .body .menu_l .fr .menu a p{font-size:15px;}
	.full_menu .wrap .body .menu_l .fl a{font-size:15px;}
	
	
	
	
}


.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; background: #FFF;}
.header .top{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 20; padding: 0 1.53rem; height: 3.84rem;}
.header .top .logo{ display: block; position: absolute; z-index: 10; top: 50%; left: 50%; height: 2rem; transform: translate(-50%,-50%);}
.header .top .logo img{ display: block; height: 100%;}
.header .top > .tit{ display: block; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 17px; font-weight: 600; color: var(--color-000);}
.header .top .fl{ display: flex; align-items: center; grid-gap: 1.53rem;}
.header .top .fl a{ display: block; cursor: pointer;}
.header .top .fl a img{ display: block; height: 24px;}
.header .top .fl .btn_back{ display: none;}
.header .top .fl .btn_close{ display: none;}
.header .top .fl .tit{ display: none; font-size:17px; font-weight: 600; color: #1c1c1c;;}
.header .top .fr{ display: flex; align-items: center; grid-gap: 1.53rem;}
.header .top .fr a{ display: block; cursor: pointer;}
.header .top .fr a img{ display: block; height: 24px}
.header .top .fr a.btn_alarm{ display: none;}
.header .top .fr a.btn_chat{ display: none;}
.header .middle{ display: flex; align-items: center; padding: 0 1.53rem; margin-bottom:7px;}
.header .middle .search{ display: flex; justify-content: flex-end; position: relative; width: 100%;}
.header .middle form#sForm{width:100%}
.header .middle .search .back{ overflow: hidden; position: absolute; z-index: 10; top: 50%; left: 0; transform: translate(0,-50%); width: 0; height: 1.84rem; opacity: 0; transition: all .2s; cursor: pointer;}
.header .middle .search .back img{ display: block; height: 100%;}
.header .middle .search input{ display: flex; font-weight:300; align-items: center; margin: 0; padding: 0 3.69rem 0 1.23rem; width: 100%; height: 50px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none; transition: all .2s;}
.header .middle .search input::placeholder{color:#bcbcbc}
.header .middle .search input:focus{ border-color: var(--color-01);}
.header .middle .search .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 3.69rem; cursor: pointer;}
.header .middle .search .btn img{ display: block; height: 24px;}
.header .middle .search .btn_close{ display: none; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; right: 3.69rem; bottom: 0; width: 1.23rem; height: 1.23rem; border-radius: 50%; background: #999; transform: translate(0,-50%);}
.header .middle .search .btn_close i{ font-size: 0.7rem; color: #FFF;}
.header .middle .search.on .back{ width: 1.84rem; opacity: 1;}
.header .middle .search.on input{  width: calc(100% - 1.84rem - 0.61rem);}
.header .middle .search_list{ overflow: hidden; position: fixed; z-index: 1; top: calc(3.84rem +  4.61rem); right: auto; left: auto; bottom: 100%; background: #FFF; opacity: 0; transition: all .3s;}
.header .middle .search_list .head{ display: flex; justify-content: space-between; align-items: center; position: absolute; top: 2.15rem; right: 1.53rem; left: 1.53rem;}
.header .middle .search_list .head p{ font-size: 16px; font-weight: 600; color: var(--color-000);}
.header .middle .search_list .head a{ font-size: 1rem; color: var(--color-999); cursor: pointer;}
.header .middle .search_list .list{ overflow: auto; position: absolute; top: 4.5rem; right: 0; left: 0; bottom: 0; padding: 0 1.53rem;}
.header .middle .search_list .list .wrap{ display: flex; align-items: center; padding: 1.23rem 0; border-bottom: 1px solid var(--color-eee);}
.header .middle .search_list .list .wrap a{ flex: 1; font-size: 16px; color: #515151;}
.header .middle .search_list .list .wrap p{ flex: 0 0 12rem; text-align: right; font-size: 14px; color: var(--color-75);}
.header .middle .search_list.on{ bottom: 0; opacity: 1; position:absolute; left:0; right:auto; height:100vh; z-index:999}
.header .bottom{ display: flex; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); padding-left:1.53rem}
.header .bottom .btn_full_menu{ /* flex: 0 0 4.3rem;*/ display: flex; justify-content: center; align-items: center; height: 40px;; cursor: pointer;}
.header .bottom .btn_full_menu img{ display: block; height: 1.84rem;}
.header .bottom .btn_full_menu svg{display:block; height:24px;}
.header .bottom .menu{ flex: 1; display: flex; justify-content: space-around;}
.header .bottom .menu a{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 1.4rem; height: 42px; cursor: pointer;}
/* .header .bottom .menu a:last-child{padding: 0 0 0 1.4rem;} */
.header .bottom .menu a p{ font-size: 15px; font-weight: 400; color: var(--color-63); white-space: nowrap;}
.header .bottom .menu a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu a.on p{ font-weight: 500; color: var(--color-01);}

.header .bottom .menu_event{ flex: 1; display: none; grid-template-columns: repeat(2,1fr);}
.header .bottom .menu_event a{ display: flex; justify-content: center; align-items: center; position: relative; height: 3.84rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_event a p{ font-size:16px; font-weight: 600; color: var(--color-666);}
.header .bottom .menu_event a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_event a.on p{ color: var(--color-000);}

.header .bottom .menu_chat{ flex: 1; display: none; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header .bottom .menu_chat a{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 1.23rem; height: 3rem; cursor: pointer;}
.header .bottom .menu_chat a p{ font-size: 1rem; font-weight: 400; color: var(--color-63); white-space: nowrap;}
.header .bottom .menu_chat a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_chat a.on p{ font-weight: 600; color: var(--color-01);}

.header .bottom .menu_like{ flex: 1; display: none; grid-template-columns: repeat(3,1fr);}
.header .bottom .menu_like a{ display: flex; justify-content: center; align-items: center; position: relative; height: 50px; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_like a p{ font-size: 15px; font-weight: 400; color: var(--color-666);}
.header .bottom .menu_like a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_like a.on p{ color: var(--color-000); font-weight:600}

.header .bottom .menu_challenge{ flex: 1; display: none; grid-template-columns: repeat(3,1fr);}
.header .bottom .menu_challenge a{ display: flex; justify-content: center; align-items: center; position: relative; height: 3.2rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_challenge a p{ font-size: 0.95rem; font-weight: 500; color: var(--color-666);}
.header .bottom .menu_challenge a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_challenge a.on p{ color: var(--color-000); font-weight:600;}

.header .bottom .menu_challenge_mentor{ flex: 1; display: none; grid-template-columns: repeat(3,1fr);}
.header .bottom .menu_challenge_mentor a{ display: flex; justify-content: center; align-items: center; position: relative; height: 3.2rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_challenge_mentor a p{ font-size: 0.95rem; font-weight: 500; color: var(--color-666);}
.header .bottom .menu_challenge_mentor a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_challenge_mentor a.on p{ color: var(--color-000); font-weight:600;}

.header .bottom .menu_sponsorship{ overflow: hidden; display: none;}
.header .bottom .menu_sponsorship .scroll{ overflow-x: scroll; display: flex; height: calc(3.84rem + 1px);}
.header .bottom .menu_sponsorship .scroll a{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 1.53rem; height: 3.84rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_sponsorship .scroll a p{ font-size: 1.07rem; font-weight: 500; color: var(--color-666); white-space: nowrap; letter-spacing: 0.023rem;}
.header .bottom .menu_sponsorship .scroll a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_sponsorship .scroll a.on p{ font-weight: 600; color: var(--color-01);}

.header .bottom .menu_sponsorship_detail{ overflow: hidden; display: none;}
.header .bottom .menu_sponsorship_detail .scroll{ overflow-x: scroll; display: flex; height: calc(3.84rem + 1px);}
.header .bottom .menu_sponsorship_detail .scroll a{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 1.53rem; height: 3.84rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_sponsorship_detail .scroll a p{ font-size: 1.07rem; font-weight: 500; color: var(--color-666); white-space: nowrap; letter-spacing: 0.023rem;}
.header .bottom .menu_sponsorship_detail .scroll a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_sponsorship_detail .scroll a.on p{ font-weight: 600; color: var(--color-01);}

.header .bottom .menu_mentor_follow{ overflow: hidden; display: none;}
.header .bottom .menu_mentor_follow .scroll{ overflow-x: scroll; display: flex; height: calc(3.84rem + 1px);}

.header .bottom .menu_mentor_follow .scroll a{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 1.53rem; height: 3.84rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_mentor_follow .scroll a p{ font-size: 1.07rem; font-weight: 500; color: var(--color-666); white-space: nowrap; letter-spacing: 0.023rem;}
.header .bottom .menu_mentor_follow .scroll a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_mentor_follow .scroll a.on p{ font-weight: 600; color: var(--color-01);}

.header .bottom .menu_recommend{ flex: 1; display: none; grid-template-columns: repeat(2,1fr);}
.header .bottom .menu_recommend a{ display: flex; justify-content: center; align-items: center; position: relative; height: 3.2rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_recommend a p{ font-size: 0.94rem; font-weight: 600; color: var(--color-666);}
.header .bottom .menu_recommend a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_recommend a.on p{ color: var(--color-000);}

.header .bottom .menu_list{ overflow: hidden; display:none;}
.header .bottom .menu_list .scroll{ overflow-x: scroll; display: flex; height: calc(3.84rem + 1px);}
.header .bottom .menu_list .scroll a{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 1.53rem; height: 3.84rem; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); cursor: pointer;}
.header .bottom .menu_list .scroll a p{ font-size: 1.07rem; font-weight: 500; color: var(--color-666); white-space: nowrap; letter-spacing: 0.023rem;}
.header .bottom .menu_list .scroll a.on:after{ content: ""; position: absolute; right: 0; left: 0; bottom: -1px; height: 2px; background: var(--color-01);}
.header .bottom .menu_list .scroll a.on p{ font-weight: 600; color: var(--color-01);}


@media(max-width:767px){
	.header .middle .search_list .head p{font-size:15px;}
	.header .middle .search_list .list .wrap a{font-size:15px;}
}


.header .menu_community{ display: none; position: relative; box-shadow: 0 2px 4px 0 rgba(0 0 0/5%);}
.header .menu_community .ft{ overflow: hidden; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0.61rem; position: relative; z-index: 10; padding: 0.61rem 1.53rem 1.53rem 1.53rem; background: var(--bg-01); transition: all .3s;}
.header .menu_community .ft a{ display: flex; justify-content: center; align-items: center; height:42px; border-radius: 0.3rem; border: 1px solid #f2f2f2; background: #FFF; font-size:15px; font-weight: 400; color: var(--color-04);; transition: all .3s; cursor: pointer;}
/*.header .menu_community .ft a:first-child{ grid-column: 1/4;}*/
.header .menu_community .ft a.on{ border-color: var(--color-01); font-weight: 500; color: var(--color-01);}
.header .menu_community .fb{ position: absolute; z-index: 9; top: 0; right: 0; left: 0; background: var(--bg-01); box-shadow: 0 2px 4px 0 rgba(0 0 0/5%); transition: all .3s; cursor: pointer;}
.header .menu_community .fb p{ display: flex; justify-content: center; align-items: center; height: 2.76rem; font-size: 1.07rem; font-weight: 500; color: var(--color-63);}
.header .menu_community .fb span{ display: flex; justify-content: center; position: absolute; top: 2.76rem; left: 50%; transform: translate(-50%,0); width: 3.07rem; height: 1.23rem; border-radius: 0 0 0.3rem 0.3rem; background: var(--bg-01); box-shadow: 0 2px 4px 0 rgba(0 0 0/5%);}
.header .menu_community .fb span img{ display: block; height: 0.5rem;}

.header.sub{}
.header.sub .top .logo{ display: none;}
.header.sub .top .fl .btn_back{ display: block;}
.header.sub .top .fl .btn_alarm{ display: none;}
.header.sub .top .fr .btn_cart{ display: none;}
.header.sub .middle{ display: none;}
.header.sub .bottom{ display: none;}

.header.event{}
.header.event .top .logo{ display: none;}
.header.event .top .fl .btn_back{ display: block;}
.header.event .top .fl .btn_alarm{ display: none;}
.header.event .top .fr .btn_cart{ display: none;}
.header.event .middle{ display: none;}
.header.event .bottom{ box-shadow: none; padding-left:0}
.header.event .bottom .btn_full_menu{ display: none;}
.header.event .bottom .menu{ display: none;}
.header.event .bottom .menu_event{ display: grid;}

.header.search{}
.header.search .top .logo{ display: none;}
.header.search .top .fl .tit{ display: block;}
.header.search .top .fl .btn_alarm{ display: none;}
.header.search .top .fr .btn_alarm{ display: block;}
.header.search .middle .search .btn_close{ display: flex;}
.header.search .bottom{ display: none;}

.header.store{}
.header.store .top .logo{ display: none;}
.header.store .top .fl .tit{ display: block;}
.header.store .top .fl .btn_alarm{ display: none;}
.header.store .top .fr .btn_alarm{ display: block;}

.header.community{ background: var(--bg-01);}
.header.community .menu_community{ display: block;}
.header.community .top{ background: var(--bg-01); transition: all .3s;}
.header.community .top .logo{ display: none;}
.header.community .top .fl .tit{ display: block;}
.header.community .top .fl .btn_alarm{ display: none;}
.header.community .top .fr .btn_alarm{ display: block;}
.header.community .top .fr .btn_chat{ display: block;}
.header.community .middle{ display: none;}
.header.community .bottom{ display: none;}
.header.community.scroll .top{ background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/5%);}
.header.community.scroll .menu_community .ft{ margin-top: calc(0rem - 0.61rem - 3.07rem - 0.61rem - 3.07rem - 0.61rem - 3.07rem - 1.53rem);}
.header.community.scroll .menu_community .fb{ top: calc(0.61rem + 3.07rem + 0.61rem + 3.07rem + 0.61rem + 3.07rem + 1.53rem);}

.header.like .top .logo{ display: none;}
.header.like .top .fl .tit{ display: block;}
.header.like .top .fl .btn_alarm{ display: none;}
.header.like .top .fr .btn_alarm{ display: block;}
.header.like .middle{ display: none;}
.header.like .bottom{ box-shadow: none; padding-left:0}
.header.like .bottom .btn_full_menu{ display: none;}
.header.like .bottom .menu{ display: none;}
.header.like .bottom .menu_like{ display: grid;}

.header.chat{}
.header.chat .top > .tit{ display: flex;}
.header.chat .top .logo{ display: none;}
.header.chat .top .fl .btn_back{ display: flex;}
.header.chat .top .fl .btn_alarm{ display: none;}
.header.chat .top .fl .tit{ display: none;}
.header.chat .top .fr .btn_cart{ display: none;}
.header.chat .middle .search_list{ display: none;}
.header.chat .bottom{ box-shadow: none;}
.header.chat .bottom .btn_full_menu{ display: none;}
.header.chat .bottom .menu{ display: none;}
.header.chat .bottom .menu_chat{ display: flex;}

.header.mypage{}
.header.mypage .top .logo{ display: none;}
.header.mypage .top .fl .btn_alarm{ display: none;}
.header.mypage .top .fl .tit{ display: block;}
.header.mypage .top .fr .btn_alarm{ display: flex;}
.header.mypage .top .fr .btn_cart{ display: flex;}
.header.mypage .middle{ display: none;}
.header.mypage .bottom{ display: none;}

.header.challenge .top .logo{ display: none;}
.header.challenge .top .fl .tit{ display: block;}
.header.challenge .top .fl .btn_alarm{ display: none;}
.header.challenge .top .fl .btn_back{ display: flex;}
.header.challenge .top .fr .btn_cart{ display: none;}
.header.challenge .middle{ display: none;}
.header.challenge .bottom{ box-shadow: none;}
.header.challenge .bottom .btn_full_menu{ display: none;}
.header.challenge .bottom .menu{ display: none;}
.header.challenge .bottom .menu_challenge{ display: grid;}

.header.challenge_mentor .top .logo{ display: none;}
.header.challenge_mentor .top .fl .tit{ display: block;}
.header.challenge_mentor .top .fl .btn_alarm{ display: none;}
.header.challenge_mentor .top .fl .btn_back{ display: flex;}
.header.challenge_mentor .top .fr .btn_cart{ display: none;}
.header.challenge_mentor .middle{ display: none;}
.header.challenge_mentor .bottom{ box-shadow: none;}
.header.challenge_mentor .bottom .btn_full_menu{ display: none;}
.header.challenge_mentor .bottom .menu{ display: none;}
.header.challenge_mentor .bottom .menu_challenge_mentor{ display: grid;}

.header.sponsorship .top .logo{ display: none;}
.header.sponsorship .top .fl .tit{ display: block;}
.header.sponsorship .top .fl .btn_alarm{ display: none;}
.header.sponsorship .top .fl .btn_back{ display: flex;}
.header.sponsorship .top .fr .btn_cart{ display: none;}
.header.sponsorship .middle{ display: none;}
.header.sponsorship .bottom{ box-shadow: none;}
.header.sponsorship .bottom .btn_full_menu{ display: none;}
.header.sponsorship .bottom .menu{ display: none;}
.header.sponsorship .bottom .menu_sponsorship{ display: block;}

.header.list .top .logo{ display: none;}
.header.list .top .fl .tit{ display: block;}
.header.list .top .fl .btn_alarm{ display: none;}
.header.list .top .fl .btn_back{ display: flex;}
.header.list .top .fr .btn_cart{ display: none;}
.header.list .middle{ display: none;}
.header.list .bottom{ box-shadow: none;}
.header.list .bottom .btn_full_menu{ display: none;}
.header.list .bottom .menu{ display: none;}
.header.list .bottom .menu_list{ display: block;}

.header.sponsorship_detail .top .logo{ display: none;}
.header.sponsorship_detail .top .fl .tit{ display: block;}
.header.sponsorship_detail .top .fl .btn_alarm{ display: none;}
.header.sponsorship_detail .top .fl .btn_back{ display: flex;}
.header.sponsorship_detail .top .fr .btn_cart{ display: none;}
.header.sponsorship_detail .middle{ display: none;}
.header.sponsorship_detail .bottom{ box-shadow: none;}
.header.sponsorship_detail .bottom .btn_full_menu{ display: none;}
.header.sponsorship_detail .bottom .menu{ display: none;}
.header.sponsorship_detail .bottom .menu_sponsorship_detail{ display: block;}

.header.mentor_follow .top .logo{ display: none;}
.header.mentor_follow .top .fl .tit{ display: block;}
.header.mentor_follow .top .fl .btn_alarm{ display: none;}
.header.mentor_follow .top .fl .btn_back{ display: flex;}
.header.mentor_follow .top .fr .btn_cart{ display: none;}
.header.mentor_follow .middle{ display: none;}
.header.mentor_follow .bottom{ box-shadow: none;}
.header.mentor_follow .bottom .btn_full_menu{ display: none;}
.header.mentor_follow .bottom .menu{ display: none;}
.header.mentor_follow .bottom .menu_mentor_follow{ display: block;}

.header.recommend .top .logo{ display: none;}
.header.recommend .top .fl .tit{ display: block;}
.header.recommend .top .fl .btn_alarm{ display: none;}
.header.recommend .top .fl .btn_back{ display: flex;}
.header.recommend .top .fr .btn_cart{ display: none;}
.header.recommend .middle{ display: none;}
.header.recommend .bottom{ box-shadow: none;}
.header.recommend .bottom .btn_full_menu{ display: none;}
.header.recommend .bottom .menu{ display: none;}
.header.recommend .bottom .menu_recommend{ display: grid;}
@media(max-width: 1000px){
	.header .top{height:50px;}
	.header .top .logo{height:55%;}
	.header .bottom .menu a{padding:0; }
	.header .bottom .menu a p{font-size:14px}
}


.gnb{ display: grid; grid-template-columns: repeat(5,1fr); position: fixed; z-index: 120; right: 0; bottom: 0; left: 0; background: #FFF; box-shadow: 0 -1px 0 0 rgba(0 0 0/10%);}
.gnb a{ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 0.46rem; position: relative; height: 70px;}
.gnb a .icon{ position: relative;}
.gnb a .icon img{ display: block; height: 1.84rem;}
.gnb a .icon img.on{ position: absolute; z-index: 10; opacity: 0;}
.gnb a p{ font-size: 13px; color: var(--color-999); line-height:1}
.gnb a.on .icon img{ opacity: 0;}
.gnb a.on .icon img.on{ opacity: 1;}
.gnb a.on p{ font-weight: 600; color: var(--color-01);}

@media(max-width:999px){
	.gnb a{grid-gap:5px;}
	.gnb a .icon img{height:26px;}
}
@media(min-width: 768px){
	
}

.footer{ padding: 4.61rem 1.53rem 0 1.53rem;}
.footer .company{ display: flex; justify-content: flex-start; align-items: center; grid-gap: 0.3rem;}
.footer .company p{ font-size: 15px; font-weight: 600; color: var(--color-000);}
.footer .company img{ display: block; height: 20px;}
.footer .txt{ margin: 0.92rem 0 0 0; line-height: 1.4; font-size: 14px; font-weight: 400; color: var(--color-75);}
.footer .line{ margin: 1.53rem 0; height: 1px; background: var(--color-ddd);}
.footer .menu{ display: flex; flex-wrap: wrap; grid-gap: 0.61rem 1rem;}
.footer .menu a{ display: block; font-size: 14px;; font-weight: 400; color:#515151;}


.home_main{ margin-top: calc(4.61rem + 3.07rem);}


.home_main_banner{ position: relative;}
.home_main_banner .swiper-wrapper{}
.home_main_banner .swiper-wrapper .swiper-slide{}
.home_main_banner .swiper-wrapper .swiper-slide .img{display: flex; justify-content: center; align-items: center; line-height: 1.4; font-size: 1.2rem; cursor: pointer;}
/* .home_main_banner .swiper-wrapper .swiper-slide .img:after{ content: ""; display: block; padding-top: 100%;} */
.home_main_banner .swiper-wrapper .swiper-slide .img img{width:100%;}
.home_main_banner .home_main_banner_pagen{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: absolute; z-index: 10; right: 0; left: 0; bottom: 0.92rem !important;}
.home_main_banner .home_main_banner_pagen .swiper-pagination-bullet{ margin: 0 !important; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 0.23rem 0 rgba(0 0 0/15%); opacity: 1;}
.home_main_banner .home_main_banner_pagen .swiper-pagination-bullet-active{ background: #FFF;}


.special_banner{ position: relative;}
.special_banner .swiper-wrapper{}
.special_banner .swiper-wrapper .swiper-slide{}
.special_banner .swiper-wrapper .swiper-slide .img{display: flex; justify-content: center; align-items: center; line-height: 1.4; font-size: 1.2rem; cursor: pointer;}
.special_banner .swiper-wrapper .swiper-slide .img img{width:100%;}
.special_banner .home_main_banner_pagen{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: absolute; z-index: 10; right: 0; left: 0; bottom: 0.92rem !important;}
.special_banner .home_main_banner_pagen .swiper-pagination-bullet{ margin: 0 !important; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: rgba(255 255 255/50%); box-shadow: 0 0 0.23rem 0 rgba(0 0 0/15%); opacity: 1;}
.special_banner .home_main_banner_pagen .swiper-pagination-bullet-active{ background: #FFF;}



.home_look{ margin: 2.15rem 0; padding: 0 1.53rem;}
.home_look .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 17px; margin: 1.23rem 0 0 0;}
.home_look .list a{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; height: 48px; border-radius: 20rem; background: var(--bg-01);}
.home_look .list a img{ display: block; height: 24px;}
.home_look .list a p{ font-size: 15px; color: var(--color-000);}

@media(max-width:767px){
	.home_look .list{margin:10px 0 0 0}
	.home_look .list a{gap:5px; height:42px;}
	.home_look .list a img{width:20px;}
	.home_look .list a p{font-size:14px}
}

.home_hot{ margin: 2.15rem 0; padding: 0 1.53rem;}
.home_hot .modle_list_01_wrap{ margin: 1.23rem 0 0 0;}


.home_special{ margin: 2.15rem 0; padding: 0 1.53rem;}
.home_special .modle_txt_01{ margin: 0.61rem 0 0 0;}
.home_special .rolling{ margin: 1.38rem -1.53rem 0 -1.53rem;}
.home_special .rolling .slick-list{ overflow: visible;}
.home_special .rolling .slide{ width: 24.61rem;}
.home_special .rolling .slide .wrap{ display: flex; flex-direction: column; grid-gap: 1.23rem; padding: 0 1.53rem; border-right: 1px solid var(--color-ddd);}
.home_special .rolling .slide .wrap a{ display: flex; align-items: center; width: 100%;}
.home_special .rolling .slide .wrap a .img_wrap{ flex: 0 0 7rem; margin: 0 0.61rem 0 0; background: var(--color-eee);}
.home_special .rolling .slide .wrap a .img_wrap .img{}
.home_special .rolling .slide .wrap a .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.home_special .rolling .slide .wrap a .info{ flex: 1;}
.home_special .rolling .slide .wrap a .info .tit{ font-size: 1.15rem; font-weight: 600; color: var(--color-000);}
.home_special .rolling .slide .wrap a .info .txt{ margin: 0.3rem 0 0 0; font-size: 1.07rem; color: var(--color-666);}
.home_special .rolling .slide .wrap a .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.home_special .rolling .slide .wrap a .info .price b{ font-size: 1.23rem; font-weight: 600; color: var(--color-red);}
.home_special .rolling .slide .wrap a .info .price p{ font-size: 1.23rem; font-weight: 600; color: var(--color-000);}
.home_special .rolling .slide .wrap a .info .price o{ font-size: 1.07rem; font-weight: 600; color: var(--color-999);}
.home_special .rolling .slide .wrap a .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.home_special .rolling .slide .wrap a .info .review img{ display: block; height: 0.92rem;}
.home_special .rolling .slide .wrap a .info .review p{ font-size: 0.84rem; color: var(--color-999);}
.home_special .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: initial; margin: 1.84rem 0 0 0;}
.home_special .rolling .slick-dots li{ margin: 0; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: var(--color-eee);}
.home_special .rolling .slick-dots li button{ margin: 0; padding: 0; width: 100%; height: 100%;}
.home_special .rolling .slick-dots li button:before{ display: none;}
.home_special .rolling .slick-dots li.slick-active{ background: var(--color-01);}


.home_full{ margin: 2.15rem 0; padding: 0 1.53rem;}
.home_full .menu{ display: grid; grid-template-columns: repeat(3,1fr); margin: 0 -1.53rem;}
.home_full .menu a{ display: flex; justify-content: center; align-items: center; position: relative; height: 3.07rem; border-bottom: 1px solid var(--color-ddd); cursor: pointer;}
.home_full .menu a p{ font-size: 1.07rem; font-weight: 500; color: var(--color-666);}
.home_full .menu a.on:before{ content: ""; display: block; position: absolute; right: 0; left: 0; bottom: -2px; height: 2px; background: var(--color-01);}
.home_full .menu a.on p{ font-weight: 600; color: var(--color-01);}
.home_full .modle_list_01_wrap{ margin: 1.23rem 0 0 0;}


.tab{margin:0 -1.53rem}
.tabnav{ width:100%;display:flex; }
.tabnav li{text-align:center; border-bottom:1px solid var(--color-ddd); width:calc(100% / 3)}
.tabnav li a{ position:relative; display:block; padding:0.8rem 1rem;text-decoration:none; font-size:15px; font-weight:500; transition:0.2s; color:var(--color-999);}
.tabnav li a:before{content:''; width:100%; display:block; height:2px; background-color:var(--color-01); position:absolute;bottom:0; left:0; opacity:0; transition:0.2s;}
.tabnav li a.active:before{opacity:1;}
.tabnav li a.active{color:var(--color-01)}

.tabcontent{margin-bottom:3.07rem}
.tabcontent > div{}
.tabcontent > div > h3 {margin:1.25rem auto 1.23rem 1.53rem;font-size:19px; font-weight:700; color:var(--color-2e)}
.tabcontent > div > h3 > span{color:var(--color-01);font-weight:600; }
.tabcontent .swiper{padding:0 1.53rem; }
.tabcontent .swiper .swiper-pagination{margin-top:1.84rem; position:static; }
.tabcontent .swiper .swiper-pagination .swiper-pagination-bullet{width:8px; height:8px; background-color:#E0E0E0; opacity:1}
.tabcontent .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-01);}
@media(max-width:767px){
	.tabcontent .swiper{padding:0 1.23rem}
	.tabcontent > div > h3{font-size:18px; margin:1.5rem auto 1.23rem 1.53rem}
}


.home_special{ margin: 2.15rem 0; padding: 0 1.53rem;}
.home_special .modle_txt_01{ margin: 0.61rem 0 0 0;}
.home_special .rolling{ margin: 1.38rem -1.53rem 0 -1.53rem;}
.home_special .rolling .slick-list{ overflow: visible;}
.home_special .rolling .slide{ width: 24.61rem;}
.home_special .rolling .slide .wrap{ display: flex; flex-direction: column; grid-gap: 1.23rem; padding: 0 1.53rem; border-right: 1px solid var(--color-ddd);}
.home_special .rolling .slide .wrap a{ display: flex; align-items: center; width: 100%;}
.home_special .rolling .slide .wrap a .img_wrap{ flex: 0 0 7rem; margin: 0 0.61rem 0 0; background: var(--color-eee);}
.home_special .rolling .slide .wrap a .img_wrap .img{}
.home_special .rolling .slide .wrap a .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.home_special .rolling .slide .wrap a .info{ flex: 1;}
.home_special .rolling .slide .wrap a .info .tit{ font-size: 1.15rem; font-weight: 600; color: var(--color-000);}
.home_special .rolling .slide .wrap a .info .txt{ margin: 0.3rem 0 0 0; font-size: 1.07rem; color: var(--color-666);}
.home_special .rolling .slide .wrap a .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.home_special .rolling .slide .wrap a .info .price b{ font-size: 1.23rem; font-weight: 600; color: var(--color-red);}
.home_special .rolling .slide .wrap a .info .price p{ font-size: 1.23rem; font-weight: 600; color: var(--color-000);}
.home_special .rolling .slide .wrap a .info .price o{ font-size: 1.07rem; font-weight: 600; color: var(--color-999);}
.home_special .rolling .slide .wrap a .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.home_special .rolling .slide .wrap a .info .review img{ display: block; height: 0.92rem;}
.home_special .rolling .slide .wrap a .info .review p{ font-size: 0.84rem; color: var(--color-999);}
.home_special .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: initial; margin: 1.84rem 0 0 0;}
.home_special .rolling .slick-dots li{ margin: 0; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: var(--color-eee);}
.home_special .rolling .slick-dots li button{ margin: 0; padding: 0; width: 100%; height: 100%;}
.home_special .rolling .slick-dots li button:before{ display: none;}
.home_special .rolling .slick-dots li.slick-active{ background: var(--color-01);}

.special_thumbs_wrap{margin: 2.15rem 0; padding: 0 1.53rem;}
.special_thumbs_wrap .modle_txt_01{ margin: 0.61rem 0 0 0;}
.special_thumbs {margin: 2.15rem -1.53rem; width:24.61rem;}
.special_thumbs_wrap .swiper-slide{ width: 24.61rem;}
.special_thumbs_wrap .swiper-slide .wrap{ display: flex; flex-direction: column; grid-gap: 1.23rem; padding: 0 1.53rem; border-right: 1px solid var(--color-ddd);}
.special_thumbs_wrap .swiper-slide .wrap a{ display: flex; align-items: center; width: 100%;}
.special_thumbs_wrap .swiper-slide .wrap a .img_wrap{ flex: 0 0 7rem; margin: 0 0.61rem 0 0; background: var(--color-eee);}
.special_thumbs_wrap .swiper-slide .wrap a .img_wrap .img{}
.special_thumbs_wrap .swiper-slide .wrap a .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.special_thumbs_wrap .swiper-slide .wrap a .info{ flex: 1;}
.special_thumbs_wrap .swiper-slide .wrap a .info .tit{ font-size: 16px; font-weight: 600; color: var(--color-2e);}
.special_thumbs_wrap .swiper-slide .wrap a .info .txt{ margin: 0.3rem 0 0 0; font-size: 1.07rem; color: var(--color-666);}
.special_thumbs_wrap .swiper-slide .wrap a .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.special_thumbs_wrap .swiper-slide .wrap a .info .price b{ font-size: 17px; font-weight: 600; color: var(--color-red2);}
.special_thumbs_wrap .swiper-slide .wrap a .info .price p{ font-size: 17px; font-weight: 600; color: var(--color-000);}
.special_thumbs_wrap .swiper-slide .wrap a .info .price p span{font-size:15px; margin-left:7px; color:#515151}
.special_thumbs_wrap .swiper-slide .wrap a .info .price o{ font-size: 1.07rem; font-weight: 600; color: var(--color-999);}
.special_thumbs_wrap .swiper-slide .wrap a .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.special_thumbs_wrap .swiper-slide .wrap a .info .review img{ display: block; height: 0.92rem;}
.special_thumbs_wrap .swiper-slide .wrap a .info .review p{ font-size: 0.84rem; color: #BCBCBC; font-weight:300}
.special_thumbs_wrap .slick-dots{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: initial; margin: 1.84rem 0 0 0;}
.special_thumbs_wrap .slick-dots li{ margin: 0; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: var(--color-eee);}
.special_thumbs_wrap .slick-dots li button{ margin: 0; padding: 0; width: 100%; height: 100%;}
.special_thumbs_wrap .slick-dots li button:before{ display: none;}
.special_thumbs_wrap .slick-dots li.slick-active{ background: var(--color-01);}
.special_thumbs_wrap .swiper-slide .wrap a .info .review{}
@media(max-width:767px){
	.special_thumbs_wrap .swiper-slide .wrap a .info .tit{font-size:15px;}
	.special_thumbs_wrap .swiper-slide .wrap a .info .price b{font-size:16px;}
	.special_thumbs_wrap .swiper-slide .wrap a .info .price p{font-size:16px;}
	.special_thumbs_wrap .swiper-slide .wrap a .info .price p span{font-size:14px;}
}



.home_special .rolling .swiper-slide{ width: 24.61rem;}
.home_special .rolling .swiper-slide .wrap{ display: flex; flex-direction: column; grid-gap: 1.23rem; padding: 0 1.53rem; border-right: 1px solid var(--color-ddd);}
.home_special .rolling .swiper-slide .wrap a{ display: flex; align-items: center; width: 100%;}
.home_special .rolling .swiper-slide .wrap a .img_wrap{ flex: 0 0 7rem; margin: 0 0.61rem 0 0; background: var(--color-eee);}
.home_special .rolling .swiper-slide .wrap a .img_wrap .img{}
.home_special .rolling .swiper-slide .wrap a .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.home_special .rolling .swiper-slide .wrap a .info{ flex: 1;}
.home_special .rolling .swiper-slide .wrap a .info .tit{ font-size: 1.15rem; font-weight: 600; color: var(--color-000);}
.home_special .rolling .swiper-slide .wrap a .info .txt{ margin: 0.3rem 0 0 0; font-size: 1.07rem; color: var(--color-666);}
.home_special .rolling .swiper-slide .wrap a .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.home_special .rolling .swiper-slide .wrap a .info .price b{ font-size: 1.23rem; font-weight: 600; color: var(--color-red);}
.home_special .rolling .swiper-slide .wrap a .info .price p{ font-size: 1.23rem; font-weight: 600; color: var(--color-000);}
.home_special .rolling .swiper-slide .wrap a .info .price o{ font-size: 1.07rem; font-weight: 600; color: var(--color-999);}
.home_special .rolling .swiper-slide .wrap a .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.home_special .rolling .swiper-slide .wrap a .info .review img{ display: block; height: 0.92rem;}
.home_special .rolling .swiper-slide .wrap a .info .review p{ font-size: 0.84rem; color: var(--color-999);}
.home_special .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: initial; margin: 1.84rem 0 0 0;}
.home_special .rolling .slick-dots li{ margin: 0; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: var(--color-eee);}
.home_special .rolling .slick-dots li button{ margin: 0; padding: 0; width: 100%; height: 100%;}
.home_special .rolling .slick-dots li button:before{ display: none;}
.home_special .rolling .slick-dots li.slick-active{ background: var(--color-01);}


.home_item_rolling{ margin: 4.3rem 0 3.07rem 0; padding: 0 1.53rem;}
.home_item_rolling .rolling{ margin: 1.23rem -0.3rem 0 -0.3rem;}
.home_item_rolling .rolling .slick-list{ overflow: visible;}
.home_item_rolling .rolling .slide{ padding: 0 0.3rem;}
.home_item_rolling .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: initial; margin: 1.84rem 0 0 0;}
.home_item_rolling .rolling .slick-dots li{ margin: 0; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: var(--color-eee);}
.home_item_rolling .rolling .slick-dots li button{ margin: 0; padding: 0; width: 100%; height: 100%;}
.home_item_rolling .rolling .slick-dots li button:before{ display: none;}
.home_item_rolling .rolling .slick-dots li.slick-active{ background: var(--color-01);}


.home_community{ margin: 3.07rem 0 0 0;  padding: 0 1.53rem;}
.home_community .modle_tit_01{}
.home_community .head{ margin: 1.53rem 0 0 0;}
.home_community .head .ft{ display: flex; justify-content: space-between; align-items: center;}
.home_community .head .ft p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 19px; font-weight: 700; color: var(--color-2e);}
.home_community .head .ft p img{ display: block; height: 1.53rem;}
.home_community .head .ft a{ font-size: 0.94rem; color: var(--color-999);}
.home_community .head .fb{ margin: 0.61rem 0 0 0; font-size: 15px; color: var(--color-75);}
.home_community .rolling{ margin: 1.23rem -0.3rem 0 -0.3rem;}
.home_community .rolling .slick-list{ overflow: visible;}
.home_community .rolling .slide{ padding: 0 0.3rem;}
.home_community .rolling .slide .wrap{ width: 9.84rem;}
.home_community .rolling .slide .wrap .img_wrap{ position: relative; background: var(--color-eee);}
.home_community .rolling .slide .wrap .img_wrap .btn_mentor{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: #FFF; cursor: pointer;}
.home_community .rolling .slide .wrap .img_wrap .btn_mentor img{height: 1.84rem;}

.home_community .rolling .slide .wrap .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.home_community .rolling .slide .wrap .info{ display: block; padding: 0.61rem 0 0 0;}
.home_community .rolling .slide .wrap .info .tag{ display: flex; flex-wrap: wrap; grid-gap: 0.3rem;}
.home_community .rolling .slide .wrap .info .tag .type_01{ padding: 0.15rem 0.3rem; background: var(--bg-01); font-size: 13px; font-weight: 500; color: var(--color-01);}
.home_community .rolling .slide .wrap .info .tag .type_02{ padding: 0.15rem 0.3rem; background: var(--bg-02); font-size: 13px; font-weight: 500; color: var(--color-02);}
.home_community .rolling .slide .wrap .info .name{ margin: 0.3rem 0 0 0; font-size: 16px; font-weight: 600; color: var(--color-000);}
.home_community .rolling .slide .wrap .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.home_community .rolling .slide .wrap .info .review img{ display: block; height: 0.92rem;}
.home_community .rolling .slide .wrap .info .review p{ font-size: 12px; color: #bcbcbc;}

.mypage_sponsorship_item .info .tag{ display: flex; flex-wrap: wrap; grid-gap: 0.3rem;}
.mypage_sponsorship_item .info .tag .type_01{ padding: 0.15rem 0.3rem; background: var(--bg-01); font-size: 13px; font-weight: 500; color: var(--color-01);}
.mypage_sponsorship_item .info .tag .type_02{ padding: 0.15rem 0.3rem; background: var(--bg-02); font-size: 13px; font-weight: 500; color: var(--color-02);}
.mypage_sponsorship_item .info .name{ margin: 0.3rem 0 0 0; font-size: 16px; font-weight: 600; color: var(--color-000);}
.mypage_sponsorship_item .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.mypage_sponsorship_item .info .review img{ display: block; height: 0.92rem;}
.mypage_sponsorship_item .info .review p{ font-size: 12px; color: #bcbcbc;}

@media(max-width:767px){
	.home_community .head .ft a{font-size:14px}
}


.home_review{ margin: 2.15rem 0 0 0;  padding: 0 1.53rem;;}
.home_review .modle_tit_02{}
.home_review .rolling{ margin: 1.23rem -0.3rem 0 -0.3rem;}
.home_review .rolling .slick-list{ overflow: visible;}
.home_review .rolling .slide{ padding: 0 0.3rem;}
.home_review .rolling .slide .wrap{ display: block; padding: 1.53rem 1.23rem; width: 21.53rem; background: #f7f7f7}
.home_review .rolling .slide .wrap .name{ font-size: 17px; font-weight: 600; color: var(--color-333);}
.home_review .rolling .slide .wrap .star{ display: flex; align-items: center; margin: 0.92rem 0 0 0;}
.home_review .rolling .slide .wrap .star img{ display: block; height: 16px;}
.home_review .rolling .slide .wrap .txt{ margin: 0.61rem 0 0 0; line-height: 1.4; font-size: 15px; font-weight: 500; color: var(--color-666); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height:42px}
.home_review .rolling .slide .wrap .data{ display: flex; align-items: center; grid-gap: 0.92rem; margin: 0.92rem 0 0 0;}
.home_review .rolling .slide .wrap .data p{ font-size: 14px; color:var(--color-75); font-weight:200;}
.home_review .rolling .slide .wrap .data span{ display: block; width: 1px; height: 13px; background:var(--color-75);}


.home_youtube{ margin: 2.15rem 0 0 0; padding: 0 1.53rem;}
.home_youtube .modle_tit_02{display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.home_youtube .modle_tit_02 div {font-size:19px; font-weight:700; color:var(--color-2e);}
 .home_youtube .modle_tit_02 a  { font-size: 0.94rem; color: var(--color-999);}
.home_youtube .list{ grid-gap: 1.23rem; margin: 1.23rem 0 0 0;}
.home_youtube .list .wrap{}
.home_youtube .list .wrap .top_name{ padding: 0 0 0.3rem 0; font-size: 1rem; font-weight: 600; color: #2e2e2e;}
.home_youtube .list .wrap .play_wrap{ position: relative; background: var(--color-eee);}
/* .home_youtube .list .wrap .play_wrap:after{ content: ""; display: block; padding-top: 22.88rem;} */
.home_youtube .list .wrap .play_wrap .play{position:relative; padding-bottom:56.25%;;}
.home_youtube .list .wrap .play_wrap .play > iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.home_youtube .list .wrap .info{ display: block; padding:15px 0 20px}
.home_youtube .list .wrap .info .name{ font-size: 14px; font-weight: 400; color: var(--color-2e);}
.home_youtube .list .wrap .info .tit{ display: flex; align-items: flex-start; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.home_youtube .list .wrap .info .tit p{ flex: 1; line-height: 1.5; font-size: 16px; font-weight: 600; color: var(--color-2e); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_youtube .list .wrap .info .tit img{ display: block; height: 1.84rem; transform: translate(0.2rem,-0.2rem);}
.home_youtube .list .wrap .info .click{ font-weight:300; font-size: 15px; color: var(--color-75);}
.home_youtube .head{ margin: 0.83rem 0 0 0;}
.home_youtube .head .ft{ display: flex; justify-content: space-between; align-items: center;}
.home_youtube .head .ft p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 19px; font-weight: 700; color: var(--color-2e);}
.home_youtube .head .ft p img{ display: block; height: 1.53rem;}
.home_youtube .head .ft a{ font-size: 15px; color: var(--color-999);}


.home_youtube2{ margin: 2.15rem 0 0 0; padding: 0 1.53rem;}
.home_youtube2 .modle_tit_02{display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.home_youtube2 .modle_tit_02 div {font-size:19px; font-weight:700; color:var(--color-2e);}
 .home_youtube2 .modle_tit_02 a  { font-size: 0.94rem; color: var(--color-999);}
.home_youtube2 .list{ grid-gap: 1.23rem; margin: 1.23rem 0 0 0;}
.home_youtube2 .list .wrap{}
.home_youtube2 .list .wrap .top_name{ padding: 0 0 0.3rem 0; font-size: 1rem; font-weight: 600; color: #2e2e2e;}
.home_youtube2 .list .wrap .play_wrap{ position: relative; background: var(--color-eee);}
/* .home_youtube .list .wrap .play_wrap:after{ content: ""; display: block; padding-top: 22.88rem;} */
.home_youtube2 .list .wrap .play_wrap .play{position:relative; padding-bottom:56.25%;;}
.home_youtube2 .list .wrap .play_wrap .play > iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.home_youtube2 .list .wrap .info{ display: block; padding: 15px 0 20px;}
.home_youtube2 .list .wrap .info .name{ font-size: 14px; font-weight: 500; color: var(--color-333);}
.home_youtube2 .list .wrap .info .tit{ display: flex; align-items: flex-start; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.home_youtube2 .list .wrap .info .tit p{ flex: 1; line-height: 1.5; font-size: 16px; font-weight: 600; color: var(--color-2e); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_youtube2 .list .wrap .info .tit img{ display: block; height: 1.84rem; transform: translate(0.2rem,-0.2rem);}
.home_youtube2 .list .wrap .info .click{ font-size: 15px; font-weight:300; color: var(--color-75);}
.home_youtube2 .head{ margin: 0.83rem 0 0 0;}
.home_youtube2 .head .ft{ display: flex; justify-content: space-between; align-items: center;}
.home_youtube2 .head .ft p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 19px; font-weight: 700; color: var(--color-2e);}
.home_youtube2 .head .ft p img{ display: block; height: 1.53rem;}
.home_youtube2 .head .ft a{ font-size: 15px; color: var(--color-999);}



.store_home{ margin-top: calc(4.61rem + 3.07rem); padding: 0 1.53rem; position:relative;}
.store_home.search{ margin-top: 4.61rem;}
.store_home .title{ padding: 2rem 0 1.23rem 0; font-size: 19px; font-weight: 700; color: var(--color-2e);}
.store_home .sorting{ display: flex; justify-content: flex-end; padding: 2.46rem 0 1.23rem 0;}
.store_home .sorting .wrap{ position: relative; z-index: 20;}
.store_home .sorting .wrap .head{ display: flex; align-items: center; grid-gap: 0.3rem; height: 1.5rem;}
.store_home .sorting .wrap .head p{ font-size:15px; color: var(--color-999); font-weight:300}
.store_home .sorting .wrap .head img{ display: block; height:17px;}
.store_home .sorting .wrap .list{ overflow: hidden; position: absolute; top: 1.5rem; right: 0; padding: 0 1.23rem; width: 9.61rem; height: 0; border-radius: 0.3rem; box-shadow: 0; background: #FFF; transition: all .2s;}
.store_home .sorting .wrap .list p{ overflow: hidden; display: flex; align-items: center; height: 0; border-bottom: 1px solid var(--color-eee); font-size: 15px; font-weight: 500; color: var(--color-2e); transition: all .2s; cursor: pointer;}
.store_home .sorting .wrap .list p:last-child{ border-bottom: 0;}
.store_home .sorting .wrap:hover .list{ top: 1.5rem; height: auto; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/15%);}
.store_home .sorting .wrap:hover .list p{ height: 3rem;}
.store_home .store_list_best{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.53rem 0.61rem;}


.store_detail_img{ position: relative; background: var(--color-eee);}
.store_detail_img .swiper-wrapper{}
.store_detail_img .swiper-wrapper .swiper-slide{}
.store_detail_img .swiper-wrapper .swiper-slide .img{ display: flex; justify-content: center; align-items: center; line-height: 1.4; font-size: 1.2rem;}
.store_detail_img .swiper-wrapper .swiper-slide .img:after{ content: ""; display: block; padding-top: 100%;}
.store_detail_img_pagen{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; position: absolute; z-index: 10; right: 0; left: 0; bottom: 0.92rem !important;}
.store_detail_img_pagen .swiper-pagination-bullet{ margin: 0 !important; width: 0.61rem; height: 0.61rem; border-radius: 50%; background: rgba(0 0 0/20%); opacity: 1;}
.store_detail_img_pagen .swiper-pagination-bullet-active{ background: rgba(0 0 0/50%);}

.store_detail{}
.store_detail .top_info{ position: relative; padding: 1.53rem 1.53rem 2rem;}
.store_detail .top_info .share{ position: absolute; z-index: 10; top: 1.7rem; right: 1.53rem; cursor: pointer;}
.store_detail .top_info .share img{ display: block; height: 22px;}
.store_detail .top_info .tit{max-width:100%; line-height: 1.4; font-size: 1.12rem; font-weight: 600; color: var(--color-2e);}
.store_detail .top_info .star{ display: flex; align-items: center; margin: 0.2rem 0 0 0;}
.store_detail .top_info .star img{ display: block; height: 18px;}
.store_detail .top_info .star p{ margin: 0 0 0 0.5rem; font-size: 14px; font-weight: 500; color: var(--color-2e);}
.store_detail .top_info .star span{ margin: 0 0 0 0.5rem; font-size: 14px; color: #515151;}
.store_detail .top_info .cost{ margin: 0.61rem 0 0 0; font-size: 15px; color: var(--color-999); text-decoration: line-through; letter-spacing:0.5px; font-weight:200;}
.store_detail .top_info .price{ display: flex; align-items: baseline; margin: 0.3rem 0 0 0;}
.store_detail .top_info .price b{ font-size: 1.4rem; font-weight: 700; color: var(--color-red);}
.store_detail .top_info .price p{ font-size: 1.4rem;; font-weight: 700; color: var(--color-2e); margin:0 2px 0 5px;}
.store_detail .top_info .price span{ font-size:15px; color: #515151;}
.store_detail .top_info .boon{ }
.store_detail .top_info .boon .ft{ margin:20px 0 10px; font-size: 16px; font-weight: 400; color: var(--color-2e);}
.store_detail .top_info .boon a{ display: flex; justify-content: space-between; align-items: center; margin: 0.3rem 0 0 0; padding: 0.3rem 0.92rem; background: #f7f7f7; cursor: pointer;}
.store_detail .top_info .boon a p{ font-size: 15px; color: var(--color-01);}
.store_detail .top_info .boon a img{ display: block; height: 26px; transform: rotate(-90deg);}
.store_detail .top_info .add{ margin: 1.53rem 0 0 0;}
.store_detail .top_info .add .ft{ font-size:14px; display: flex; align-items: center; padding: 0 0.92rem; height:44px; border: 1px solid #e0e0e0;}
.store_detail .top_info .add .fb{ display: grid; grid-gap: 5px; padding: 0.92rem; border: 1px solid var(--color-eee); border-top: 0; background: #f7f7f7;}
.store_detail .top_info .add .fb .row{ display: flex;flex-wrap:wrap; align-items: center;}
.store_detail .top_info .add .fb .row p{ position: relative; padding: 0 0 0 1rem; font-size:15px; color:#515151; font-weight:300}
.store_detail .top_info .add .fb .row p:before{ content: ""; display: block; position: absolute; top: calc(50% - 0.15rem); left: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: var(--color-555);}
.store_detail .top_info .add .fb .row span{ font-size: 15px; color: #515151; font-weight:300;}
.store_detail .top_info .channel{ display: flex; align-items: center; margin-top: 0.61rem;}
.store_detail .top_info .channel p{ margin-right: 0.3rem; font-size: 1.07rem; font-weight: 500; color: #515151;}
.store_detail .top_info .channel img{ display: block; height: 1.84rem;}

.store_detail .menu{ display: flex;}
.store_detail .menu a{ display: flex; justify-content: center; align-items: center; position: relative; width: 25%; height: 50px; border-bottom: 1px solid var(--color-eee); font-size: 15px; font-weight: 300; color: var(--color-75); cursor: pointer;}
.store_detail .menu a.on{ color: var(--color-000); font-weight:500;}
.store_detail .menu a.on:before{ content: ""; display: block; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--color-01);}

.store_detail .review{ position: relative; padding: 2.46rem 1.53rem 3.07rem 1.53rem;}
.store_detail .review .head{}
.store_detail .review .head p{ font-size: 17px; font-weight: 600; color: var(--color-333);}
.store_detail .review .rolling{ overflow: hidden; margin: 0.92rem -1.53rem 0 -1.53rem;}
.store_detail .review .rolling .swiper-wrapper{}
.store_detail .review .rolling .swiper-wrapper p.sit_empty{text-align:center; width:100%; color:var(--color-999); margin:2rem 0 0; font-size:15px; font-weight:300;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide{ width: auto;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap{ display: flex; grid-gap: 0.61rem; padding: 0 0 0 1.53rem; width: 23rem;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .img_wrap{ flex: 0 0 7rem; height: 7rem; background: var(--color-eee);}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .fr{}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .fr .star{ display: flex;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .fr .star img{ display: block; height: 17px;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .fr .txt{ margin: 0.61rem 0 0 0; line-height: 1.4; font-size: 15px; color: var(--color-333); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .fr .date{ display: flex; align-items: center; grid-gap: 0.61rem; margin: 0.61rem 0 0 0;}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .fr .date p{ font-size: 14px; font-weight:300; color: var(--color-666);}
.store_detail .review .rolling .swiper-wrapper .swiper-slide .wrap .fr .date span{ display: block; width: 1px; height: 1rem; background: var(--color-ddd);}

.store_detail_review_page{display: none; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 2.3rem; right: calc(1.53rem + 1.53rem); left: initial; width: 3rem; height: 1.53rem; font-size: 1.07rem; color: var(--color-999);}
.store_detail_review_page span{ font-size: 15px; color: var(--color-999);}
.store_detail_review_prev{ position: absolute; z-index: 10; top: 2.46rem; right: calc(1.53rem + 3rem + 1.53rem); height: 1.53rem; cursor: pointer;}
.store_detail_review_prev img{ display: block; height: 100%;}
.store_detail_review_next{ position: absolute; z-index: 10; top: 2.46rem; right: 1.53rem; height: 1.53rem; cursor: pointer;}
.store_detail_review_next img{ display: block; height: 100%;}

.store_detail .notice{ padding: 2.46rem 1.53rem 3.07rem 1.53rem;}
.store_detail .notice .head{}
.store_detail .notice .head p{ font-size: 17px; font-weight: 600; color: var(--color-333);}
.store_detail .notice .list{ display: grid; grid-gap: 0.92rem; margin: 10px 0 0;}
.store_detail .notice .list a{ display: flex; justify-content: center; align-items: center; background: var(--color-eee);}

.store_detail .detail{position:relative; padding-bottom:50px}
.store_detail .detail .explan{height:500px; overflow: hidden; transition: height 0.5s ease-in-out;}
.store_detail .detail .explan.open{height:auto; padding-bottom:50px; margin-bottom:20px;}
.store_detail .detail .explan:after{content:''; width:100%; height:3.69rem; background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);; position:absolute; bottom:0; left:50%;transform:translateX(-50%);}
.store_detail .detail .img{ display: flex; justify-content: center; height: 30rem; background: linear-gradient(180deg, rgba(0 0 0/10%), rgba(0 0 0/0)); max-width:500px; overflow:hidden;}
.store_detail .detail .img p{}
.store_detail .detail .btn{ display: flex; justify-content: center; align-items: center; height: 3.4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: var(--color-fff); font-size: 16px; font-weight: 500; color: var(--color-2e); cursor: pointer; position:absolute; width:90%; bottom:20px; left:50%; transform:translateX(-50%);}
.store_detail .detail .btn:after{}
.store_detail .detail.on {margin-bottom:40px;}
.store_detail .detail.on .img{ height: auto;}
.store_detail .detail.on .btn{bottom:0;}

.store_detail .item{ padding: 1.53rem 1.53rem 0 1.53rem;}
.store_detail .item.first{padding-top:1rem}
.store_detail .item .head{}
.store_detail .item .head p{ font-size: 1.12rem; font-weight: 600; color: var(--color-000);}
.store_detail .item .star{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.92rem 0 0 0;}
.store_detail .item .star img{ display: block; height: 1.6rem;}
.store_detail .item .star p{ font-size: 1.5rem; font-weight: 600; color: var(--color-000);}
.store_detail .item .rolling{ margin: 1.23rem -0.3rem 0 -0.3rem;}
.store_detail .item .rolling .slick-list{ overflow: visible;}
.store_detail .item .rolling .slide{ padding: 0 0.3rem;}
.store_detail .item .rolling .slide .modle_list_02{ width: 10.46rem;}
.store_detail .item .modle_list_02{ flex: 0 0 9.84rem;}

/*2025-07-25 배송,정보 아코디언 추가 */
.store_detail .item .head02 {background-color: #fff;font-size: 1.07rem; font-weight: 600; display: flex;justify-content: space-between; align-items: center;cursor: pointer;padding:20px 0px;}
.store_detail .item .head02 p {font-size: 16px; font-weight: 600;}
.store_detail .item .head02 .head02_arrow{transition:0.2s;}
.store_detail .item .head02 .head02_arrow.on{transform:rotate(180deg)}
.store_detail .item .head02 .toggle-icon {font-size: 18px;transition: transform 0.3s ease;}
.store_detail .item .head02.active .toggle-icon {transform: rotate(180deg); /* 화살표 회전 효과 */}
.store_detail .item .list02 { overflow: hidden;max-height: 0;transition: max-height 0.3s ease; border-radius: 0 0 8px 8px;border-top: none;background-color: #fff;}
.store_detail .item .list02.open {display:flex; flex-direction:column; gap:10px; max-height: 600px; /* 충분히 큰 값으로 설정 */ padding: 24px;background-color:#f7f7f7;}
.store_detail .item .list02 .content { font-size: 14px;line-height: 1.6;}
.store_detail .item .list02 .content div {display:flex; flex-direction:column; gap:6px;}
.store_detail .item .list02 .content strong {font-size: 15px; display: block; color:#757575;font-weight:300; min-width:25%}
.store_detail .item .list02 .content .title {font-size:1rem; color:#2E2E2E; font-weight:600;}
.store_detail .item .list02 .content ul {margin-bottom:28px; list-style: none;}
.store_detail .item .list02 .content div:last-of-type {margin:0px;}
.store_detail .item .list02 .content li {align-items:start; gap:20px; display:flex; font-size:15px; font-weight:300; color:#515151; margin-top:8px; line-height:1.2}
.store_detail .item .list02 .content .ul02 li {color:#2e2e2e; font-weight:300; font-size:14px; line-height:1.2rem ;}
.store_detail .item .list02 .content .ul02 li p{color:#2e2e2e;font-weight:400; font-size:14px;}
.store_detail .item .list02 .content .ul02 li p span{color:var(--color-75)}
.store_detail .item .list02 .btn-submit {color:#2e2e2e; font-weight:500; transition:0.3s; display: block; width: 100%; padding: 12px 0; text-align: center; font-size: 14px; background-color: #fff; border: 1px solid #cecece; border-radius: 4px; cursor: pointer;}
.store_detail .item .list02 .btn-submit:hover {background-color: #e7e7e7;}
.store_detail .item .list02 .pro_copyrights > p{font-size:15px; color:#515151;font-weight:300; line-height:1.6; display:flex;}
.store_detail .item .list02 .pro_copyrights > p:before{content:'-'; display:block; margin-right:5px}
.store_detail .item .list02 .pro_copyrights > p:last-child{margin-top:20px; color:#757575; font-size:14px; font-weight:300}
.store_detail .item .list02 .pro_copyrights > p:last-child:before{display:none}

.store_detail_foot{ display: flex; grid-gap: 0.92rem; position: fixed; z-index: 100; right: 0; bottom: 0; left: 0; padding: 0.92rem 1.53rem; background: #FFF;}
.store_detail_foot .btn_cart{ flex: 0 0 4.3rem; display: flex; justify-content: center; align-items: center; height: 54px; border-radius: 0.92rem; background: #f7f7f7; cursor: pointer;}
.store_detail_foot .btn_cart img{ display: block; height: 1.5rem;}
.store_detail_foot .btn_like{ flex: 0 0 4.3rem; display: flex; justify-content: center; align-items: center; position: relative; height: 54px; border-radius: 0.92rem; background: #f7f7f7; cursor: pointer;}
.store_detail_foot .btn_like img{ display: block; height: 1.5rem;}
.store_detail_foot .btn_like img.on{ position: absolute; z-index: 10; opacity: 0;}
.store_detail_foot .btn_like.on img{ opacity: 0;}
.store_detail_foot .btn_like.on img.on{ opacity: 1;}
.store_detail_foot .btn_buy{ flex: 1; display: flex; font-size:1.1rem; justify-content: center; align-items: center; height: 54px; border-radius: 0.3rem; background: var(--color-01); cursor: pointer;}
.store_detail_foot .btn_buy p{ font-size:17px; font-weight: 600; color: var(--color-fff);}
.store_detail_foot .btn_buy_off{ flex: 1; display: flex; justify-content: center; align-items: center; height: 52px; border-radius: 0.3rem; background: var(--color-bbb); cursor: pointer;}
.store_detail_foot .btn_buy_off p{ font-size: 1.07rem; font-weight: 500; color: var(--color-fff);}
@media(max-width:767px){
	.store_detail .top_info .tit{font-size:20px; line-height:1.2}
	.store_detail .top_info .star img{height: 17px}
	.store_detail .top_info .star p{font-size:13px;}
	.store_detail .top_info .star span{font-size:13px;}
	.store_detail .top_info .cost{font-size:13px;}
	.store_detail .top_info .price b{font-size:24px}
	.store_detail .top_info .price p{font-size:24px}
	.store_detail .top_info .boon .ft{font-size:15px}
	.store_detail .top_info .boon a p{font-size:13px;}
	.store_detail .top_info .add .fb .row p{font-size:14px;}
	.store_detail .top_info .add .fb .row span{padding-left:1rem}
	.store_detail .menu a{font-size:14px;}
	.store_detail .detail .btn{font-size:15px}
	.store_detail_foot .btn_buy p{font-size:16px}
	.store_detail_foot .btn_buy{height:14vw}
	.store_detail_foot .btn_like{height:14vw}
	.store_detail_foot .btn_cart{height:14vw}
	.store_detail_foot .btn_like img{height:6vw;}
	.store_detail_foot .btn_cart img{height:6vw;}
}


.popup_cart{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_cart .wrap{ position: fixed; z-index: 10; top: 100%; right: auto; left:auto; bottom: -100%; border-radius: 0.92rem 0.92rem 0 0; background: #FFF; opacity: 1; transition: all .3s;}
.popup_cart .wrap .top_btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; left: 0; height: 2.46rem;}
.popup_cart .wrap .top_btn:before{ content: ""; display: block; width: 6.15rem; height: 0.46rem; border-radius: 10rem; background: var(--color-ddd);}
.popup_cart .wrap .scroll{ overflow: auto; position: absolute; top: 2.46rem; right: 0; bottom: calc(0.92rem + 0.92rem + 4.3rem); left: 0; padding: 1.53rem 1.53rem 3.07rem 1.53rem;}
.popup_cart .wrap .scroll .option{}
.popup_cart .wrap .scroll .option .get_item_options label{font-size:16px; display:block; margin-bottom:10px;}
.popup_cart .wrap .scroll .option .tit{ padding: 0 0 0.61rem 0; font-size: 1.07rem; font-weight: 500; color: var(--color-333);}
.popup_cart .wrap .scroll .option .tit b{ color: var(--color-red);}
.popup_cart .wrap .scroll .option select{ display: flex; align-items: center; margin: 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 57px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.popup_cart .wrap .scroll .option select:focus{ border-color: var(--color-01);}
.popup_cart .wrap .scroll .option select:invalid {color: #bcbcbc;}
.popup_cart .wrap .scroll .option_list{}
.popup_cart .wrap .scroll .option_list .row{ margin: 1.53rem 0 0 0; padding: 1.23rem; border-radius: 0.3rem; background: #f2f2f2;}
.popup_cart .wrap .scroll .option_list .row .ft{ display: flex; justify-content: space-between;}
.popup_cart .wrap .scroll .option_list .row .ft .tit{ max-width: 85%; font-size: 17px; font-weight: 600; color: #1c1c1c;}
.popup_cart .wrap .scroll .option_list .row .ft i{ font-size: 1.4rem; color: var(--color-666);}
.popup_cart .wrap .scroll .option_list .row .fb{ display: flex; justify-content: space-between; align-items: center; margin: 1.23rem 0 0 0;}
.popup_cart .wrap .scroll .option_list .row .fb .btn{ display: flex; align-items: center; grid-gap: 0 0.8rem;}
.popup_cart .wrap .scroll .option_list .row .fb .btn i{ font-size: 1.2rem; color: var(--color-666);}
.popup_cart .wrap .scroll .option_list .row .fb .btn input{ display: flex; align-items: center; margin: 0; padding: 0; width: 3.07rem; height: 2.3rem; border-radius: 0; border: 0; background: #FFF; text-align: center; font-size: 16px; font-weight: 600; color: var(--color-000); outline: none; -webkit-appearance: none;}
.popup_cart .wrap .scroll .option_list .row .fb .price{ font-size: 17px; font-weight: 600; color: #1c1c1c;}
.popup_cart .wrap .scroll .modle_line_02{ margin: 2.46rem -1.53rem;}

.popup_cart .wrap .scroll .info{ display: grid; grid-gap: 1rem;}
.popup_cart .wrap .scroll .info .row{ display: flex; justify-content: space-between; align-items: center;}
.popup_cart .wrap .scroll .info .row .tit{ font-size: 16px; color: var(--color-999);}
.popup_cart .wrap .scroll .info .row .txt{ font-size: 16px; font-weight: 500; color: var(--color-2e);}
.popup_cart .wrap .scroll .info .row.max{ margin: 0.62rem 0 0 0;}
.popup_cart .wrap .scroll .info .row.max .tit{ font-size: 17px; font-weight: 700; color: var(--color-01);}
.popup_cart .wrap .scroll .info .row.max .txt{ font-size: 17px; font-weight: 600; color: var(--color-2e);}

.popup_cart .wrap .foot{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.92rem; position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; padding: 0.92rem 1.53rem; background: #FFF;}
.popup_cart .wrap .foot .btn_cart{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 0.3rem; background: #f2f2f2;}
.popup_cart .wrap .foot .btn_cart p{ font-size: 17px; font-weight: 600; color: var(--color-2e);}
.popup_cart .wrap .foot .btn_buy{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 0.3rem; background: var(--color-01);}
.popup_cart .wrap .foot .btn_buy p{ font-size: 17px; font-weight: 600; color: var(--color-fff);}
.popup_cart .wrap .foot2{ display: grid; grid-gap: 0.92rem; position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; padding: 0.92rem 1.53rem; background: #FFF;}
.popup_cart .wrap .foot2 .btn_cart{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 0.3rem; background: #f2f2f2;}
.popup_cart .wrap .foot2 .btn_cart p{ font-size: 17px; font-weight: 600; color: var(--color-2e);}
.popup_cart .wrap .foot2 .btn_buy{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 0.3rem; background: var(--color-01);}
.popup_cart .wrap .foot2 .btn_buy p{ font-size: 17px; font-weight: 600; color: var(--color-fff);}
.popup_cart > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup_cart.on{ top: 0; bottom: 0; background: rgba(0 0 0/50%);}
.popup_cart.on .wrap{ position:absolute; top: 8rem; bottom: 0; left:auto; opacity: 1;width:100%; max-width:500px}
@media(max-width:767px){
	.popup_cart .wrap .foot .btn_cart{height:14vw}
	.popup_cart .wrap .foot .btn_cart p{font-size:16px}
	.popup_cart .wrap .foot .btn_buy{height:14vw}
	.popup_cart .wrap .foot .btn_buy p{font-size:16px}
	.popup_cart .wrap .scroll .option_list .row .ft .tit{font-size:16px;}
	.popup_cart .wrap .scroll .option_list .row .fb .btn input{font-size:15px;}
	.popup_cart .wrap .scroll .option_list .row .fb .price{font-size:16px;}
	.popup_cart .wrap .scroll .info .row .tit{font-size:15px;}
}



.sub_cart{ padding: 0.92rem 1.53rem 100px 1.53rem;}
.sub_cart .option{ display: flex; justify-content: space-between; align-items: center;}
.sub_cart .option > div{display:flex}
.sub_cart .option label{ display: flex; align-items: center; grid-gap: 0.61rem; font-size:15px; color:#1c1c1c; margin-left:5px; cursor:pointer;}
.sub_cart .option label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.sub_cart .option label p{ font-size: 15px; color: var(--color-666);}
.sub_cart .option label.on i{ border-color: var(--color-01); background: var(--color-01);}
.sub_cart .option label.on p{ color: var(--color-000);}
.sub_cart .option .delete{ font-size: 15px; color: var(--color-75); cursor: pointer;}
.sub_cart .list{}
.sub_cart .list .wrap{ display: flex; grid-gap: 0.61rem; margin: 1.84rem 0 0 0;}
.sub_cart .list .wrap > i{ flex: 0 0 1.38rem; display: flex; justify-content: center; align-items: center; height: 1.38rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.sub_cart .list .wrap > i.on{ border-color: var(--color-01); background: var(--color-01);}
.sub_cart .list .wrap .row{width:100%}
.sub_cart .list .wrap .row .ft{ display: flex; align-items:flex-start; justify-content:space-between}
.sub_cart .list .wrap .row .ft .item{ width:calc(100% - 20px);display: flex; grid-gap: 10px}
.sub_cart .list .wrap .row .ft .item .img_wrap{ overflow: hidden; flex: 0 0 100px; height: 100px; border-radius: 0.3rem; background: var(--color-eee);}
.sub_cart .list .wrap .row .ft .item .img_wrap{max-width:100%;}
.sub_cart .list .wrap .row .ft .item .img_wrap .img:before{}
.sub_cart .list .wrap .row .ft .item .fr{width:calc(100% - 110px); display:flex; flex-direction:column; justify-content: space-between;}
.sub_cart .list .wrap .row .ft .item .fr .tit{ line-height: 1.4; font-size: 1.15rem; font-weight: 600; color: var(--color-333);}
.sub_cart .list .wrap .row .ft .item .fr .txt{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.sub_cart .list .wrap .row .ft .item .fr .txt p{ flex: 1; line-height: 1.4; font-size: 1rem; color: var(--color-666); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.sub_cart .list .wrap .row .ft .item .fr .txt .btn_option_edit{ flex: 0 0 2rem; display: flex; justify-content: flex-end; cursor: pointer;}
.sub_cart .list .wrap .row .ft .item .fr .txt .btn_option_edit img{ display: block; height: 1.53rem;}
.sub_cart .list .wrap .row .ft .item .fr .tit .prd_name {}
.sub_cart .list .wrap .row .ft .item .fr .tit .prd_name b{line-height:1.2; font-size:16px;}
.sub_cart .list .wrap .row .ft .item .fr .tit div.sod_opt > ul{max-height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.sub_cart .list .wrap .row .ft .item .fr .sod_opt ul li{font-size:14px; font-weight:300; color:var(--color-75)}
.sub_cart .list .wrap .row .ft i{; display: flex; justify-content: center; align-items: center; width: 20px; font-size:16px; color: var(--color-75); cursor: pointer;}
.sub_cart .list .wrap .row .fb{ display: flex; justify-content: space-between; align-items: center; margin: 0.92rem 0 0 0;}
.sub_cart .list .wrap .row .fb .btn{ display: flex; align-items: center; padding: 0.46rem 0.61rem; height: 40px; border-radius: 0.3rem; border: 1px solid #e0e0e0;}
.sub_cart .list .wrap .row .fb .btn > button{background-color:transparent}
.sub_cart .list .wrap .row .fb .btn i{ display: flex; justify-content: center; align-items: center; width: 1.84rem; height: 1.84rem; font-size: 1.07rem; color: var(--color-666);}
.sub_cart .list .wrap .row .fb .btn input{ display: flex; align-items: center; margin: 0; padding: 0; width:50px; height: 1.84rem; border-radius: 0; border: 0; background: #FFF; text-align: center; font-size: 16px; font-weight: 600; color: var(--color-000); outline: none; -webkit-appearance: none;}
.sub_cart .list .wrap .row .fb .btn .xi-plus{}
.sub_cart .list .wrap .row .fb .price{ display: flex; align-items: center; grid-gap: 0.46rem;}
.sub_cart .list .wrap .row .fb .price p{ font-size: 17px; font-weight: 600; color: #1c1c1c;}
.sub_cart .list .wrap .row .fb .price span{ font-size: 15px; color:#515151;}
.sub_cart .list .wrap .row .delivery{ display: flex; justify-content: space-between; align-items: center; margin: 0.92rem 0 0 0; padding: 0 0.92rem; height: 45px; background: #f7f7f7;}
.sub_cart .list .wrap .row .delivery p{ font-size: 14px; color: #515151;}
.sub_cart .list .wrap .row .delivery span{ font-size: 14px; color:#515151; font-weight:500;}
.sub_cart .list .wrap .row .btn_coupon{ display: flex; justify-content: center; align-items: center; margin: 0.92rem 0 0 0; height: 45px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); font-size: 15px; font-weight: 500; color: var(--color-000); cursor: pointer;}
.sub_cart .modle_line_02{ margin: 2.46rem -1.53rem 0 -1.53rem;}
.sub_cart .info{ display: grid; grid-gap: 1.53rem; margin: 2.46rem 0 0 0;}
.sub_cart .info .row{ display: flex; justify-content: space-between; align-items: center;}
.sub_cart .info .row .tit{ font-size: 1.15rem; color: var(--color-999);}
.sub_cart .info .row .txt{ font-size: 1.15rem; font-weight: 500; color: var(--color-333);}
.sub_cart .info .row.max .tit{ font-size: 19px; font-weight: 600; color: var(--color-01);}
.sub_cart .info .row.max .txt{ font-size: 19px; font-weight: 600; color: var(--color-2e);}
.container.cart_container{padding:3.84rem 0 0rem 0}
.guest_coupon_wrap{display:flex; align-items:center; border:1px solid #F2F2F2; border-radius:5px; width:100%; overflow:hidden}
.guest_coupon_wrap > .guest_coupon_txt{width:65%; text-align:left; padding:1rem 0rem 1rem 1.3rem}
.guest_coupon_wrap > .guest_coupon_txt > h3{font-size:1.07rem; margin-bottom:0.5rem}
.guest_coupon_wrap > .guest_coupon_txt > p{font-size:1.07rem; color:#515151}
.guest_coupon_wrap > .guest_coupon_img{width:35%; height:100%;}
.guest_coupon_wrap > .guest_coupon_img > div{max-width:100%; height:100%; background-color:#b2b2b2; height:100px}
.guest_view div.shopping_btn{background-color:var(--color-01); width:100%; font-size:1.23rem; padding:1.4rem 0; color:var(--color-fff); margin-bottom:1rem; border-radius:5px;}
.guest_notice{background-color:#f7f7f7; padding:1rem 1.5rem; margin-bottom:1.7rem }
.guest_notice > p{color:#515151; line-height:1.6; font-size:15px;}
.guest_notice > p > span{color:#5782FF}

.sub_cart .option .custom-checkbox {
    appearance: none;
    width: 1.38rem;
    height: 1.38rem;
    border: 2px solid #bcbcbc;
    border-radius: 4px;
    position: relative;
	cursor:pointer;
}

.sub_cart .option .custom-checkbox:checked {
    background-color: var(--color-01);;
    border-color: var(--color-01);;
}

.sub_cart .option .custom-checkbox:checked::after {
    content: "✔";
    color: white;
    font-size: 0.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrap .custom-checkbox:checked::after {
    content: "✔";
    color: white;
    font-size: 0.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrap .custom-checkbox {
    appearance: none;
    width: 1.38rem;
    height: 1.38rem;
    border: 2px solid #bcbcbc;
    border-radius: 4px;
    position: relative;
}

.wrap .custom-checkbox:checked {
    background-color: var(--color-01);;
    border-color: var(--color-01);;
}



.popup_coupon_list{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_coupon_list .wrap{ position: fixed; z-index: 10; top: 100%; left:auto; bottom: -100%;border-radius: 0.92rem 0.92rem 0 0; background: #FFF; opacity: 1; transition: all .3s;}
.popup_coupon_list .wrap .top_btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; left: 0; height: 2.46rem;}
.popup_coupon_list .wrap .top_btn:before{ content: ""; display: block; width: 6.15rem; height: 0.46rem; border-radius: 10rem; background: var(--color-ddd);}
.popup_coupon_list .wrap .scroll{ overflow: auto; position: absolute; top: 2.46rem; right: 0; bottom: calc(0.92rem + 0.92rem + 4.3rem); left: 0; padding: 1.53rem 1.53rem 3.07rem 1.53rem;}
.popup_coupon_list .wrap .scroll .coupon_list{ display: grid; grid-gap: 0.92rem;}
.popup_coupon_list .wrap .scroll .coupon_wrap{ padding: 1.53rem; border-radius: 0.3rem; border: 1px solid #f2f2f2; background: #fcfcfc; cursor: pointer;}
.popup_coupon_list .wrap .scroll .coupon_wrap .ft{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 0.92rem 0; border-bottom: 1px solid #e0e0e0;}
.popup_coupon_list .wrap .scroll .coupon_wrap .ft .fl{ display: flex; align-items: center; grid-gap: 0.3rem;}
.popup_coupon_list .wrap .scroll .coupon_wrap .ft .fl span{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #bcbcbc;}
.popup_coupon_list .wrap .scroll .coupon_wrap .ft .fl p{ font-size: 17px; font-weight: 500; color: #1c1c1c;}
.popup_coupon_list .wrap .scroll .coupon_wrap .ft .fr{ font-size: 1rem; color: #666;}
.popup_coupon_list .wrap .scroll .coupon_wrap .tit{ margin: 0.92rem 0 0 0; font-size:16px; font-weight: 500; color: #222;}
.popup_coupon_list .wrap .scroll .coupon_wrap .row{ display: flex; justify-content: space-between; align-items: center; margin: 0.61rem 0 0 0;}
.popup_coupon_list .wrap .scroll .coupon_wrap .row span{ font-size: 15px; color: var(--color-75);}
.popup_coupon_list .wrap .scroll .coupon_wrap .row p{ font-size: 15px; color: #2e2e2e;}
.popup_coupon_list .wrap .scroll .coupon_wrap.on{ border-color: var(--color-01); background: var(--bg-01);}
.popup_coupon_list .wrap .scroll .coupon_wrap.on .ft .fl span{ border-color: var(--color-01);}
.popup_coupon_list .wrap .scroll .coupon_wrap.on .ft .fl span:before{ content: ""; display: block; width: 10px; height:10px; border-radius: 50%; background: var(--color-01);}
.popup_coupon_list .wrap .scroll .coupon_wrap.on .ft .fr{ font-weight: 500; color: var(--color-01);}

.popup_coupon_list .wrap .foot{ position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; padding: 0.92rem 1.53rem; background: #FFF;}
.popup_coupon_list .wrap .foot a{ display: flex; justify-content: center; align-items: center; height: 3.8rem; border-radius: 0.3rem; background: var(--color-01);}
.popup_coupon_list .wrap .foot a p{ font-size: 1rem; font-weight: 600; color: var(--color-fff);}
.popup_coupon_list > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup_coupon_list.on{ top: 0; bottom: 0; background: rgba(0 0 0/50%); left:0px;}
.popup_coupon_list.on .wrap{ top: 8rem; bottom: 0; opacity: 1;}


.sub_payment_head{ display: flex; justify-content: space-between; align-items: center;}
.sub_payment_coupon .sub_payment_head{align-items:flex-start;}
.sub_payment_head p{ font-size: 17px; font-weight: 600; color: var(--color-2e);}
.sub_payment_head p > b{display:block; color:var(--color-red2); font-size:14px;}
.sub_payment_head img{ display: block; height: 1.84rem; transform: rotate(180deg); cursor:pointer;}
.sub_payment_head img.folder{ transform: rotate(0deg);}
.sub_payment_head .btn{ display: flex; align-items: center; padding: 0 0.61rem; height: 2.23rem; border-radius: 0.3rem; border: 1px solid var(--color-01); font-size: 1.07rem; font-weight: 600; color: var(--color-01); cursor: pointer;}

.sub_payment_user{ padding: 1.53rem 1.53rem 2rem;}
.sub_payment_user .body{ display: grid; grid-gap: 0.92rem; margin-top: 1.84rem;}
.sub_payment_user .body .row{ display: flex; justify-content: space-between; align-items: baseline;}
.sub_payment_user .body .row p{ font-size: 16px; color: var(--color-666); min-width:70px;}
.sub_payment_user .body .row span{ text-align: right; font-size: 16px; font-weight: 400; color: var(--color-333);}
.sub_payment_user .body .btn{ display: flex; justify-content: center; align-items: center; margin: 0.92rem 0 0 0; height: 45px; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 15px; font-weight: 500; color: var(--color-333); cursor: pointer;}

.sub_payment_sns{ padding: 2.46rem 1.53rem 0 1.53rem;}
.sub_payment_sns .body{ display: flex; justify-content: space-between; margin-top: 1.84rem;}
.sub_payment_sns .body label{ display: flex; align-items: center; grid-gap: 0.61rem;}
.sub_payment_sns .body label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.sub_payment_sns .body label p{ font-size: 1.15rem; color: var(--color-666);}
.sub_payment_sns .body label.on i{ border-color: var(--color-01); background: var(--color-01);}
.sub_payment_sns .body label.on p{ color: var(--color-000);}

.sub_payment_challenge{ display: flex; align-items: center; padding: 1.53rem;}
.sub_payment_challenge .img_wrap{ overflow: hidden; margin: 0 0.92rem 0 0; flex: 0 0 6.15rem; height: 6.15rem; border-radius: 0.3rem; background: var(--color-eee);}
.sub_payment_challenge .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.sub_payment_challenge .fr{ flex: 1;}
.sub_payment_challenge .fr .tit{ font-size: 1.15rem; font-weight: 600; color: #515151;}
.sub_payment_challenge .fr .date{ margin: 0.3rem 0 0 0; font-size: 1rem; color: var(--color-75);}
.sub_payment_challenge .fr .txt{ margin: 0.61rem 0 0 0; font-size: 1.07rem; color: #2e2e2e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.sub_payment_body_check{ padding: 2.46rem 1.53rem;}
.sub_payment_body_check .body{ margin-top: 1.84rem;}
.sub_payment_body_check .body .in{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.92rem 0.61rem;}
.sub_payment_body_check .body .in .wrap{}
.sub_payment_body_check .body .in .wrap .tit{ padding: 0 0 0.46rem 0; font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.sub_payment_body_check .body .in .wrap input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; background: none; font-size: 1.15rem; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.sub_payment_body_check .body .in .wrap input:focus{ border-color: var(--color-01);}
.sub_payment_body_check .body .in .wrap select{ display: flex; align-items: center; margin: 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 1.15rem; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.sub_payment_body_check .body .in .wrap select:focus{ border-color: var(--color-01);}
.sub_payment_body_check .body .txt{ margin: 0.61rem 0 0 0; padding: 1.53rem; border-radius: 0.3rem; background: #f7f7f7; line-height: 1.4; font-size: 1.07rem; color: var(--color-75);}

.sub_payment_item{ padding: 2rem 1.53rem;}
.sub_payment_item .body{ display: flex; grid-gap: 1.23rem; margin-top: 1.3rem; flex-direction:column;}
.sub_payment_item .body .item{ display: flex; align-items: center; cursor: pointer; flex-wrap:wrap; width:100%}
.sub_payment_item .body .item .img_wrap{ overflow: hidden;width:100px; height:100px; margin-right:10px; border-radius: 0.3rem; background: var(--color-eee);}
.sub_payment_item .body .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.sub_payment_item .body .item .img_wrap img{height:auto}
.sub_payment_item .body .item .fr{width:calc(100% - 110px); height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.sub_payment_item .body .item .fr .brand{ font-size: 0.84rem; color: var(--color-333);}
.sub_payment_item .body .item .fr .tit{ margin: 0.2rem 0 0 0; font-size: 1.07rem; font-weight: 600; color: var(--color-333);}
.sub_payment_item .body .item .fr .tit > b{font-size:16px; color:#1c1c1c; font-weight:600;}
.sub_payment_item .body .item .fr .tit > .sod_opt{ margin-top:5px;}
.sub_payment_item .body .item .fr .tit > div > ul > li {font-size:14px; font-weight:300; color:var(--color-75); word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub_payment_item .body .item .fr .txt{ margin: 0.3rem 0 0 0; font-size: 0.92rem; color: var(--color-666); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.sub_payment_item .body .item .fr .price{ display: flex; align-items: flex-end; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.sub_payment_item .body .item .fr .price font{ font-size: 0.92rem; color: var(--color-999); text-decoration: line-through;}
.sub_payment_item .body .item .fr .price span{color:#515151; font-size:15px}
.sub_payment_item .body .item .fr .price span b{font-size: 17px;font-weight: 600; color:#1c1c1c; padding-right:5px}
.sub_payment_item .body .item .fr .price p{ font-size: 0.92rem; color: var(--color-red);}
.sub_payment_item .ex{ margin-top: 1.23rem; padding: 1.53rem; border-radius: 0.3rem; background: #f7f7f7;}
.sub_payment_item .ex .t1{ line-height: 1.4; font-size: 1.07rem; color: #F00;}
.sub_payment_item .ex .t2{ line-height: 1.4; font-size: 1.07rem; color: #666;}
.sub_payment_item .btn_coupon {display: flex;justify-content: center; align-items: center;margin: 0.92rem 0 0 0;height: 45px;border-radius: 0.3rem; border: 1px solid var(--color-ddd);font-size: 15px;font-weight: 500;color: var(--color-333);cursor: pointer;}


.sub_payment_point{ padding: 2rem 1.53rem;}
.sub_payment_point .body{ margin-top: 1.3rem;}
.sub_payment_point .body .title{ padding: 0 0 0.46rem 0; font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.sub_payment_point .body .title.mt{ margin-top: 1.53rem ;}
.sub_payment_point .body select{ display: flex; align-items: center; margin: 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 1.15rem; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.sub_payment_point .body select:focus{ border-color: var(--color-01);}
.sub_payment_point .body .tit{ display: flex; grid-gap: 0.3rem;}
.sub_payment_point .body .tit p{ font-size: 14px; color: var(--color-75);}
.sub_payment_point .body .tit span{ font-size: 14px; font-weight: 600; color:#515151;}
.sub_payment_point .body .in{ display: flex; position: relative; margin: 0.61rem 0 0 0;}
.sub_payment_point .body .in p{ display: flex; align-items: center; position: absolute; top: 0; right: calc(6.53rem + 0.61rem + 1.23rem); bottom: 0; font-size: 16px; color: var(--color-333);}
.sub_payment_point .body .in input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 52px; border-radius: 0.3rem; border: 1px solid #e0e0e0; background: none; font-size:16px; font-weight: 400; color: var(--color-2e); outline: none; -webkit-appearance: none;}
.sub_payment_point .body .in .btn{ flex: 0 0 6.53rem; display: flex; justify-content: center; align-items: center; margin: 0 0 0 0.61rem; height: 52px; border-radius: 0.3rem; background: #f2f2f2; font-size: 16px; color: var(--color-75); cursor: pointer; font-weight:300}
.sub_payment_point label{ display: flex; align-items: center; grid-gap: 0.61rem; margin: 0.76rem 0 0 0;}
.sub_payment_point label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border-radius: 0.46rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.sub_payment_point label p{ font-size: 1.15rem; color: var(--color-666);}
.sub_payment_point label.on i{ border-color: var(--color-01); background: var(--color-01);}
.sub_payment_point label.on p{ color: var(--color-000);}

.sub_payment_coupon{ padding: 2rem 1.53rem;}
.sub_payment_coupon .body{ margin-top: 1.3rem;}
.sub_payment_coupon li{border-bottom:1px solid #eee; margin-bottom:15px;}
.sub_payment_coupon li:last-child{border-bottom:0; margin-bottom:0;}
.sub_payment_coupon li input{display:none;}
.sub_payment_coupon li label{display:flex; margin-bottom:15px; gap:10px;  cursor:pointer;}
.sub_payment_coupon li label h4{font-size:16px; color:var(--color-2e); font-weight:600}
.sub_payment_coupon li label p{font-size:15px; color:var(--color-75); font-weight:300; margin-top:3px;}
.sub_payment_coupon li label span.chk_point{width:18px; height:18px; border:1px solid #ddd; border-radius:50px; display:flex; justify-content:center; align-items:center;}
.sub_payment_coupon li input:checked + label span.chk_point{border-color:var(--color-01)}
.sub_payment_coupon li input:checked + label span.chk_point:after{content:'' ;  display:block;  width:10px; height:10px; background-color:var(--color-01); border-radius: 50px;}

.sub_payment_pay{ padding: 2rem 1.53rem;}
.sub_payment_pay .body{ display: grid; grid-gap: 1.69rem; margin-top: 1.3rem;}
.sub_payment_pay .body .row{ display: flex; align-items: center; grid-gap: 0.46rem;}
.sub_payment_pay .body .row span{ display: flex; justify-content: center; align-items: center; width: 1.53rem; height: 1.53rem; border-radius: 50%; border: 1.5px solid var(--color-ccc);}
.sub_payment_pay .body .row p{ font-size: 1.15rem; font-weight: 500; color: var(--color-333);}
.sub_payment_pay .body .row.on span{ border-color: var(--color-01);}
.sub_payment_pay .body .row.on span:before{ content: ""; display: block; width: 0.76rem; height: 0.76rem; border-radius: 50%; background: var(--color-01);}
.sub_payment_pay .body .row.on p{ font-weight: 600; color: var(--color-000);}
.sub_payment_pay .body .fb{}
.sub_payment_pay .body .fb .select{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1rem;}
.sub_payment_pay .body .fb .select p{ display: flex; justify-content: center; align-items: center; height: 4.3rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); font-size: 1.15rem; font-weight: 500; color: var(--color-333); cursor: pointer;}
.sub_payment_pay .body .fb .select p.on{ border-color: var(--color-01); background: var(--bg-01); font-weight: 600; color: var(--color-01);}
.sub_payment_pay .body .fb select{ display: flex; align-items: center; margin: 0.61rem 0 0 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.92rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 1.15rem; color: #000; outline: none; -webkit-appearance: none;}
.sub_payment_pay .body .fb select:nth-child(2){ margin: 1.23rem 0 0 0;}
.sub_payment_pay .body label{ display: flex; align-items: center; grid-gap: 0.61rem; margin: 1.53rem 0 0 0;}
.sub_payment_pay .body label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border-radius: 0.46rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.sub_payment_pay .body label p{ font-size: 1.15rem; color: var(--color-666);}
.sub_payment_pay .body label.on i{ border-color: var(--color-01); background: var(--color-01);}
.sub_payment_pay .body label.on p{ color: var(--color-000);}
.sub_payment_pay .body .payselect {display:flex; flex-wrap:wrap;}
.sub_payment_pay .body .payselect input{display:none;}
.sub_payment_pay .body .payselect label{width:100%; display: flex; justify-content: center; align-items: center; height: 58px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); font-size: 16px; font-weight: 500; color: var(--color-2e); cursor: pointer; margin-top:0}
.sub_payment_pay .body .payselect label > img{width:70px}
.sub_payment_pay .body .payselect input:checked + label{ border-color: var(--color-01); background: var(--bg-01); font-weight: 600; color: var(--color-01);}


.sub_payment_all_price{ padding: 2rem 1.53rem;}
.sub_payment_all_price.bg{ background: #f7f7f7;}
.sub_payment_all_price .body{ display: grid; grid-gap: 1.07rem; margin-top: 1.3rem;}
.sub_payment_all_price .body .row{ display: flex; justify-content: space-between; align-items: center;}
.sub_payment_all_price .body .row p{ font-size: 16px; color: var(--color-75); font-weight:300}
.sub_payment_all_price .body .row span{ font-size:16px; font-weight: 500; color: #2e2e2e;}
.sub_payment_all_price .body .row.min{ margin: -0.3rem 0 0 0;}
.sub_payment_all_price .body .row.min p{ margin: 0 0 0 1.84rem; font-size: 1rem;}
.sub_payment_all_price .body .row.max{ margin: 0.61rem 0 0 0;}
.sub_payment_all_price .body .row.max p{ font-size:19px; font-weight: 700; color: var(--color-01);}
.sub_payment_all_price .body .row.max span{ font-size: 19px; font-weight: 700;}

.sub_payment_check{ padding: 2.46rem 1.53rem 0 1.53rem;}
.sub_payment_check label{ display: flex; grid-gap: 0.61rem; }
.sub_payment_check label i{ display: flex; cursor:pointer;justify-content: center; align-items: center; width: 20px; height: 20px; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.sub_payment_check label p{ line-height: 1.4;cursor:pointer; font-size: 16px;; font-weight: 500; color: var(--color-2e);}
.sub_payment_check label.on i{background: var(--color-01); border-color:var(--color-01)}
.sub_payment_check label.on p{ color: var(--color-000);}
.sub_payment_check .line{ margin: 1.23rem 0; border-top: 1px solid #e0e0e0;}
.sub_payment_check .row{ display: flex; justify-content: space-between; align-items: center; margin: 1.23rem 0 0 0;}
.sub_payment_check .row:nth-child(2){ margin: 1.23rem 0 0 0;}
.sub_payment_check .row > p{ font-size: 15px; color: var(--color-75); font-weight:300}
.sub_payment_check .row span{ font-size: 15px; color: var(--color-999); cursor: pointer; font-weight:300}
.sub_payment_check .txt{ margin: 1.23rem 0 0 0; line-height: 1.4; font-size: 15px; color: var(--color-75); font-weight:300;}
.sub_payment_check .terms{ display: flex; justify-content: space-between; align-items: center; margin: 1.23rem 0 0 0; padding: 1.23rem 0 0 0; border-top: 1px solid #e0e0e0;}
.sub_payment_check .terms .btn{ font-size: 1rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}
.sub_payment_check .text{ display: grid; grid-gap: 0.3rem;}
.sub_payment_check .text p{ position: relative; padding-left: 1rem; line-height: 1.4; font-size: 1.07rem; color: var(--color-75);}
.sub_payment_check .text p:before{ content: ""; display: block; position: absolute; top: 0.6rem; left: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #666;}


.sub_payment_ok{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center;}
.sub_payment_ok i{ display: flex; justify-content: center; align-items: center; width: 3.07rem; height: 3.07rem; border-radius: 50%; background: var(--color-01); font-size: 1.84rem; color: var(--color-fff);}
.sub_payment_ok .txt{ margin: 1.53rem 0 0 0; font-size: 1.15rem; color: #152375;}

.payment_wrap > .body{transition:0.3s}
.payment_wrap.fold > .body{height:0; overflow:hidden; margin-top:0}

@media(max-width:767px){
	.sub_payment_head p{font-size: 16px;}
	.sub_payment_user .body .row p{font-size: 15px;}
	.sub_payment_user .body .row span{font-size: 16px;}
	.sub_payment_user .body .btn{ font-size: 15px; height:48px;}

	.sub_payment_item .body .item .img_wrap{width:80px;height:80px; margin-right:7px;}
	.sub_payment_item .body .item .fr{width:calc(100% - 87px);}
	.sub_payment_item .body .item .fr .tit > div > ul > li{font-size:13px;}
	.sub_payment_item .body .item .fr .tit > b{font-size:15px}
	.sub_payment_item .body .item .fr .price span{font-size:14px}
	.sub_payment_item .body .item .fr .price span b{font-size:16px}
	
	.sub_payment_point .body .in input{height:52px;font-size:15px; }
	.sub_payment_point .body .in .btn{font-size:15px; height:52px;}
	.sub_payment_pay .body .payselect label{font-size:15px; height:56px;}

	.sub_payment_all_price .body .row p{font-size:15px}
	.sub_payment_all_price .body .row span{font-size:15px}
	.sub_payment_all_price .body .row.max p{font-size:18px;}
	.sub_payment_all_price .body .row.max span{font-size:18px;}

	.sub_payment_check label p{font-size:15px;}
	.sub_payment_check .row > p{font-size:14px;}
	.sub_payment_check .row span{font-size:14px;}
	.sub_payment_check .txt{font-size:14px;}
}




.popup_order_info{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_order_info .wrap{ position: absolute; z-index: 10; right: 0; /* top:250%; bottom: -100%;*/ left: 0; border-radius: 0.92rem 0.92rem 0 0; background: #FFF; opacity: 1; transition: all .3s;}
.popup_order_info .wrap .top_btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; left: 0; height: 2.46rem;}
.popup_order_info .wrap .top_btn:before{ content: ""; display: block; width: 6.15rem; height: 0.46rem; border-radius: 10rem; background: var(--color-ddd);}
.popup_order_info .wrap .scroll{ overflow: auto; display: flex; flex-direction: column; grid-gap: 1.53rem; position: absolute; top: 2.46rem; right: 0; bottom: calc(0.92rem + 0.92rem + 4.3rem); left: 0; padding: 1.53rem 1.53rem 3.07rem 1.53rem;}
.popup_order_info .wrap .scroll .in_wrap{ width: 100%;}
.popup_order_info .wrap .scroll .in_wrap .tit{ padding: 0 0 0.61rem 0; font-size: 15px; font-weight: 500; color: var(--color-2e);}
.popup_order_info .wrap .scroll .in_wrap input{ display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 54px; border-radius: 5px; border: 1px solid var(--color-ddd); background: none; font-size: 16px; font-weight: 500; color: var(--color-2e); outline: none; -webkit-appearance: none;}
.popup_order_info .wrap .scroll .in_wrap input:focus{ border: 1px solid var(--color-01);}
.popup_order_info .wrap .scroll .in_wrap input.off{ background: #f2f2f2; color: #ababab;}
.popup_order_info .wrap .scroll .in_wrap .address{ display: flex; grid-gap: 0.61rem;}
.popup_order_info .wrap .scroll .in_wrap .address .btn{ display: flex; justify-content: center; align-items: center; flex: 0 0 6.53rem; height: 54px; border-radius: 5px; background: var(--color-01); font-size: 15px; font-weight: 500; color: #FFF; cursor: pointer;}
.popup_order_info .wrap .foot{ position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; padding: 0.92rem 1.53rem; background: #FFF;}
.popup_order_info .wrap .foot a{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 0.3rem; background: var(--color-01); cursor: pointer;}
.popup_order_info .wrap .foot a p{ font-size: 16px; font-weight: 600; color: var(--color-fff);}
.popup_order_info > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup_order_info.on{ top: 0; bottom: 0; background: rgba(0 0 0/50%); position:absolute; left:0px; height:100vh}
.popup_order_info.on .wrap{ top: 10rem; bottom: 0; opacity: 1; position:absolute}


.popup_terms_buy{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_terms_buy .wrap{ position: fixed; z-index: 10; top: 100%; right: auto; bottom: -100%; left: auto; border-radius: 0.92rem 0.92rem 0 0; background: #FFF; opacity: 1; transition: all .3s;}
.popup_terms_buy .wrap .top_btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; left: 0; height: 2.46rem;}
.popup_terms_buy .wrap .top_btn:before{ content: ""; display: block; width: 6.15rem; height: 0.46rem; border-radius: 10rem; background: var(--color-ddd);}
.popup_terms_buy .wrap .scroll{ overflow: auto; position: absolute; top: 2.46rem; right: 0; bottom: 0; left: 0; padding: 1.53rem 1.53rem 3.07rem 1.53rem;}
.popup_terms_buy .title{ margin: 0 0 1.53rem 0; font-size: 16px; font-weight: 600; color: var(--color-000);}
.popup_terms_buy .txt{ line-height: 1.6; font-size: 15px; color: var(--color-75);}
.popup_terms_buy > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup_terms_buy.on{ top: 0; bottom: 0; background: rgba(0 0 0/50%); position:fixed}
.popup_terms_buy.on .wrap{ top: 50%; bottom: 0; opacity: 1; position:absolute}






.community_home{ margin: calc(0.61rem + 0.61rem + 3.07rem + 0.61rem + 3.07rem + 1.53rem) 0 0 0; padding: 1.53rem 1.53rem 0 1.53rem;}
.community_home .option{}
.community_home .option .search{ display: flex; position: relative; width: 100%;}
.community_home .option .search.qna_filter_wrap {flex-wrap:wrap; gap: 0.61rem;}
.community_home .option .search.qna_filter_wrap select{width:calc(50% - 0.31rem); margin:0}
.community_home .option .search.qna_filter_wrap select:invalid{color:#bcbcbc;}
.community_home .option .search.qna_filter_wrap .qna_search_bar{ width:100%; position:relative;}
.community_home .option .search select{ display: flex; align-items: center; margin: 0 0.61rem 0 0; padding: 0 3.69rem 0 1.23rem; width: auto; height:48px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.53rem auto; font-size: 16px; color: #000;font-weight:300; outline: none; -webkit-appearance: none;}
.community_home .option .search select:invalid{color:#bcbcbc;}
.community_home .option .search select:focus{ border-color: var(--color-01);}
.community_home .option .search input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 3.69rem 0 1.23rem; width: 100%; height: 48px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); font-weight:300; background: #FFF; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.community_home .option .search input:focus{ border-color: var(--color-01);}
.community_home .option .search input::placeholder{color:#bcbcbc;}
.community_home .option .search .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 3.69rem; cursor: pointer;}
.community_home .option .search .btn img{ display: block; height: 25px;}
.community_home .option .tag{ overflow: hidden; margin: 0.92rem 0}
.community_home .option .tag .scroll{ overflow-x: auto; display: flex; grid-gap: 0.61rem; padding: 0 0 1rem 0}
.community_home .option .tag .scroll select{ display: flex; align-items: center; margin: 0; padding: 0 calc(1.84rem + 1.23rem) 0 0.61rem; width: auto; height: 2.3rem; border-radius: 0.61rem; border: 1px solid #e0e0e0; background:url(/images/icon_more_down.svg) no-repeat center right 0.61rem #FFF; background-size: 1.25rem auto; font-size: 1rem; font-weight: 500; color: var(--color-75); outline: none; -webkit-appearance: none;}
.community_home .option .tag .scroll select.on{ border-color: var(--color-01); background:url(/images/icon_more_down.svg) no-repeat center right 0.61rem var(--bg-01); color: var(--color-01);}
.community_home .option .tag .scroll a{ display: flex; align-items: center; padding: 0 8px; height: 30px; border-radius: 8px; border: 1px solid #e0e0e0; font-size: 15px; font-weight: 400; color: var(--color-75); white-space: nowrap; cursor: pointer;}
.community_home .option .tag .scroll a.on{ border-color: var(--color-01); background: var(--bg-01); color: var(--color-01)}
.challenge_select .swiper-slide{width:auto}
.challenge_select input{display:none}
.challenge_select label{ display: flex; align-items: center; padding: 0 0.61rem; height: 2.3rem; border-radius: 0.61rem; border: 1px solid #e0e0e0; font-size: 0.94rem; font-weight: 400; color: var(--color-01); white-space: nowrap; cursor: pointer;}
.challenge_select input:checked + label{ border-color: var(--color-01); background: var(--bg-01);}

.challenge_box{ margin:1.53rem 0 0 0; background-color:#f7f7f7; padding:1.5rem}
.challenge_box > article > div{margin-bottom:10px}
.challenge_member{display:flex; }
.challenge_member > svg{margin-right:5px}
.challenge_member > p{font-size:16px; color:#515151; font-weight:400;}
.challenge_member > p > span{color:var(--color-01);margin-right:3px}
.challenge_box > article > div.challenge_period{display:flex; align-items:center; margin-bottom:0}
.challenge_period > p{width:50px; color:#5782FF; font-size:14px;}
.challenge_period > div{display:flex}
.challenge_period > div > p{color:#515151; font-size:14px;}
.challenge_period > div > span{margin:0 5px}
.challenge_box > article > div.mentor_detail{display:flex; align-items:center; margin-bottom:0; margin-top:20px; gap:1.5rem}
.challenge_box > article > div.mentor_detail > div.mentor_img{border-radius:50px; width:100px; height:100px; overflow:hidden;background-color:#ddd}
.challenge_box > article > div.mentor_detail > div.mentor_img > a{display:flex; align-items:center; width:100%; height:100%; }
.challenge_box > article > div.mentor_detail .mentor_challenge_info{display:flex; flex-direction:column; gap:1rem; width:calc(100% - 100px)}
.challenge_box > article > div.mentor_detail .mentor_challenge_info h3 a {font-size:16px; font-weight:700;}
.challenge_box > article > div.mentor_detail .mentor_challenge_info > div{display:flex;  position:relative}
.challenge_box > article > div.mentor_detail .mentor_challenge_info > div:after{content:''; width:1px; height:80%; background-color:#d7d7d7; display:block; position:absolute; left:52%; top:50%; transform:translate(-50%, -50%);}
.challenge_box > article > div.mentor_detail .mentor_challenge_info > div > div{flex:calc(50% - 1.5rem); }
.challenge_box > article > div.mentor_detail .mentor_challenge_info > div > div:last-child{padding-left:3rem;}
.challenge_box > article > div.mentor_detail .mentor_challenge_info > div > div > p{color:#2e2e2e; font-size:16px; margin-bottom:0.2rem}
.challenge_box > article > div.mentor_detail .mentor_challenge_info > div > div > b{font-weight:500; color:var(--color-01); font-size:19px; font-weight:700}

@media(max-width: 768px){
}


.community_home .option .tag_select{ display: flex; flex-wrap: wrap; grid-gap: 0.61rem;}
.community_home .option .tag_select select{ display: flex; align-items: center; margin: 0; padding: 0 calc(1.84rem + 1.23rem) 0 0.61rem; width: auto; height: 2.46rem; border-radius: 0.61rem; border: 1px solid #e0e0e0; background:url(/images/icon_more_down.svg) no-repeat center right 0.61rem #FFF; background-size: 1.25rem auto; font-size: 0.94rem; font-weight: 400; color: var(--color-75); outline: none; -webkit-appearance: none;}
.community_home .option .tag_select select.on{ border-color: var(--color-01); background:url(/images/icon_more_down.svg) no-repeat center right 0.61rem var(--bg-01); color: var(--color-01);}
.community_home .option .tag_select .close{ display: flex; align-items: center; height: 2.46rem; cursor: pointer;}
.community_home .option .tag_select .close p{ font-size: 0.94rem; font-weight: 400; color: var(--color-75);}
.community_home .option .tag_select .close img{ display: block; height: 1.3rem; opacity: 0.5;}

.community_home .head{ display: flex; justify-content: space-between; align-items: center; margin: 1.84rem 0 1.23rem 0;}
.community_home .head p{ font-size: 1.07rem; font-weight: 700; color: #2e2e2e;}
.community_home .head a{ font-size: 1.07rem; color: var(--color-01); cursor: pointer;}


.sub_community_list{}
.sub_community_list .wrap{ display: block; margin: 1.23rem 0 0 0; padding: 0 0 1.23rem 0;}
.sub_community_list .wrap .category{ display: flex; justify-content: flex-start; grid-gap: 0.3rem; margin: 0 0 0.61rem 0;}
.sub_community_list .wrap .category p{ padding: 0.3rem 0.61rem; border-radius: 0.61rem; background: var(--bg-02); font-size:15px; font-weight: 500; color: var(--color-02);}
.sub_community_list .wrap .ft{ display: flex; width:100%; }
.sub_community_list .wrap .ft .fl{ flex: 1; width:calc(100% -  4.76rem);}
.sub_community_list .wrap .ft .fl .tit{ font-size: 17px; font-weight: 600; color: #1c1c1c;}
.sub_community_list .wrap .ft .fl .txt{ margin: 0.61rem 0 0 0; line-height: 1.4; font-size: 15px; font-weight: 300; color: #515151; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height:63px;}
.sub_community_list .wrap .ft .img_wrap{ overflow: hidden; margin: 1.8rem 0 0 .92rem; width: 4.76rem; height: 4.76rem; border-radius: 0.3rem; background: #e0e0e0;}
.sub_community_list .wrap .ft .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.sub_community_list .wrap .region{ margin: 0.92rem 0 0 0; font-size: 15px; color: var(--color-75);}
.sub_community_list .wrap .fb{ display: flex; justify-content: space-between; align-items: center; margin: 0.92rem 0 0 0;}
.sub_community_list .wrap .fb .fl{ display: flex; grid-gap: 0.92rem;}
.sub_community_list .fb{ border-bottom: 1px solid #e0e0e0; display:flex; justify-content:space-between; padding-bottom:1.23rem}
.sub_community_list .fb .fl{display:flex; grid-gap: 0.92rem;}
.sub_community_list .fb .fl p{ display: flex; align-items: center; font-size: 15px; color: #999; cursor:pointer;}
.sub_community_list .fb .fl p img{ display: block; margin: 0 0.2rem 0 0; height: 16px;}
.sub_community_list .fb .fr{ font-size: 14px; color: #999;}


.sub_community_write_btn{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 100; right: 1.53rem; bottom: calc(5.38rem + 1.53rem); width:56px; height:56px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/16%);}
.sub_community_write_btn img{ display: block; height: 23px}
@media(min-width: 768px){
    .sub_community_write_btn{ position:sticky; bottom:-2.5rem; left:100%; right:auto; transform:translateX(-1.53rem)}
}

.sub_challenge_list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.23rem 0.61rem;}
.sub_challenge_list .wrap .img_wrap{ position: relative; background: var(--color-eee);}
.sub_challenge_list .wrap .img_wrap .btn_cart{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: var(--color-fff); cursor: pointer;}
.sub_challenge_list .wrap .img_wrap .btn_cart img{  height: 1.84rem;}
.sub_challenge_list .wrap .img_wrap .img{ display:block;padding-top:100%;}
.sub_challenge_list .wrap .info{ display: flex; flex-direction: column; align-items: flex-start; padding: 0.61rem 0 2rem 0;}
.sub_challenge_list .wrap .info .tit{ font-size: 1.07rem; font-weight: 500; color: var(--color-333);}
.sub_challenge_list .wrap .info .txt{ margin: 0.3rem 0 0 0; font-size: 0.88rem; font-weight: 500; color: var(--color-333);}
.sub_challenge_list .wrap .info .cost{ margin: 0.3rem 0 0 0; font-size: 0.92rem; color: var(--color-999); text-decoration: line-through;}
.sub_challenge_list .wrap .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.sub_challenge_list .wrap .info .price p{ font-size: 1.06rem; font-weight: 600; color: var(--color-000);}
.sub_challenge_list .wrap .info .price b{ font-size: 1.23rem; font-weight: 600; color: var(--color-red);}
.sub_challenge_list .wrap .info .category{ margin: 0.3rem 0 0 0; padding: 0.15rem 0.3rem; border-radius: 0.15rem; background: var(--bg-02); font-size: 0.88rem; font-weight: 500; color: var(--color-02);}
.sub_challenge_list .wrap .info .keyword{ margin: 0.3rem 0 0 0; padding: 0.15rem 0.3rem; border-radius: 0.15rem; background: var(--bg-01); font-size: 0.88rem; font-weight: 500; color: var(--color-01);}
.sub_challenge_list .wrap .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.sub_challenge_list .wrap .info .review img{ display: block; height: 1.1rem;}
.sub_challenge_list .wrap .info .review p{ font-size: 0.96rem; color: var(--color-999);}


.sub_challenge_best{ overflow: hidden; margin: 0 -1.53rem 0 auto; height: calc(9.23rem + 1.53rem + 1.53rem); padding-right:1.53rem;}
.sub_challenge_best .scroll{ overflow-x: scroll; display: flex; align-items: flex-start; grid-gap: 0.92rem; padding: 0 1.53rem; height: 20rem;}
.sub_challenge_best .wrap{ display: flex; align-items: center;/* flex: 0 0 23.84rem;*/ padding: 1.53rem 1.23rem; border-radius: 0.61rem; background: #f7f7f7;}
.sub_challenge_best .wrap .img_wrap{ flex: 0 0 9.23rem; margin: 0 0.92rem 0 0; height: 9.23rem; background: #e0e0e0;}
.sub_challenge_best .wrap .img_wrap .img{display:block;height:100%;}
.sub_challenge_best .wrap .info{ display: flex; flex-direction: column; align-items: flex-start;}
.sub_challenge_best .wrap .info .tit{ font-size: 1.07rem; font-weight: 600; color: #2e2e2e;}
.sub_challenge_best .wrap .info .txt{ margin: 0.3rem 0 0 0; font-size: 0.88rem; font-weight: 500; color: #2e2e2e;}
.sub_challenge_best .wrap .info .text{ margin: 0.3rem 0 0 0; line-height: 1.6; font-size: 0.94rem; color: #515151; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_challenge_best .wrap .info .fb{ display: flex; align-items: center; grid-gap: 0.61rem; margin: 0.61rem 0 0 0;}
.sub_challenge_best .wrap .info .fb .review{ display: flex; align-items: center;}
.sub_challenge_best .wrap .info .fb .review img{ display: block; height: 1.23rem;}
.sub_challenge_best .wrap .info .fb .review p{ font-size: 13px; color: var(--color-75);}
.sub_challenge_best .wrap .info .fb .category{ display: flex; grid-gap: 0.61rem;}
.sub_challenge_best .wrap .info .fb .category p{ display: flex; align-items: center; padding: 0 0.3rem; height: 1.38rem; border-radius: 0.3rem; background: #FFF; font-size: 13px; font-weight: 500; color: #000;}


.sub_challenge_review_list{ display: grid; grid-gap: 1.23rem;}
.sub_challenge_review_list .wrap{ display: flex; align-items: center; grid-gap: 0.92rem;}
.sub_challenge_review_list .wrap .img_wrap{ overflow: hidden; flex: 0 0 7rem; height: 7rem; background: #e0e0e0;}
.sub_challenge_review_list .wrap .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.sub_challenge_review_list .wrap .fr{ flex: 1;}
.sub_challenge_review_list .wrap .fr .name{ font-size: 1.15rem; font-weight: 600; color: #2e2e2e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.sub_challenge_review_list .wrap .fr .user{ margin: 0.46rem 0 0 0; font-size: 1.07rem; color: var(--color-75); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.sub_challenge_review_list .wrap .fr .txt{ margin: 0.46rem 0 0 0; font-size: 1.15rem; color: #2e2e2e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.sub_challenge_review_list .wrap .fr .star{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.sub_challenge_review_list .wrap .fr .star img{ display: block; height: 1.23rem;}
.sub_challenge_review_list .wrap .fr .star p{ font-size: 0.84rem; color: #bcbcbc;}


.sub_mentor_list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.84rem 0.61rem;}
.sub_mentor_list .wrap{}
.sub_mentor_list .wrap .img_wrap{ position: relative; background: var(--color-eee);}
.sub_mentor_list .wrap .img_wrap .btn_mentor{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: #FFF; cursor: pointer;}
.sub_mentor_list .wrap .img_wrap .btn_mentor img{ display: block; height: 1.84rem;}
.sub_mentor_list .wrap .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.sub_mentor_list .wrap .info{ display: block; padding: 0.61rem 0 0 0;}
.sub_mentor_list .wrap .info .tag{ display: flex; flex-wrap: wrap; grid-gap: 0.3rem;}
.sub_mentor_list .wrap .info .tag .type_01{ padding: 0.15rem 0.3rem; background: var(--bg-01); font-size: 0.92rem; font-weight: 500; color: var(--color-01);}
.sub_mentor_list .wrap .info .tag .type_02{ padding: 0.15rem 0.3rem; background: var(--bg-02); font-size: 0.92rem; font-weight: 500; color: var(--color-02);}
.sub_mentor_list .wrap .info .name{ margin: 0.3rem 0 0 0; font-size: 1.23rem; font-weight: 600; color: var(--color-000);}
.sub_mentor_list .wrap .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.sub_mentor_list .wrap .info .review img{ display: block; height: 0.92rem;}
.sub_mentor_list .wrap .info .review p{ font-size: 0.84rem; color: var(--color-999);}


.sub_mentor_list2{ margin: 1.53rem 0 0 0; width:100%; display:flex; gap:1.23rem; flex-direction:column; }
.sub_mentor_list2 .wrap{ display: flex; align-items: flex-start; grid-gap: 10px;}
.sub_mentor_list2 .wrap .img_wrap{ overflow: hidden; width:100px; height: 100px; background: #e0e0e0;}
.sub_mentor_list2 .wrap .img_wrap .img:before{ content: ""; padding-top: 100%; display: block;}
.sub_mentor_list2 .wrap .fr{width:calc(100% - 110px); margin-top:5px;}
.sub_mentor_list2 .wrap .fr .name{ display: flex; align-items: center; grid-gap: 0.3rem;}
.sub_mentor_list2 .wrap .fr .name p{ font-size: 16px; font-weight: 600; color: #2e2e2e;}
.sub_mentor_list2 .wrap .fr .name .tag{ display: flex; flex-wrap: wrap; grid-gap: 0.3rem;}
.sub_mentor_list2 .wrap .fr .name .tag .type_01{ padding: 0.15rem 0.3rem; background: var(--bg-01); font-size: 13px; font-weight: 500; color: var(--color-01);}
.sub_mentor_list2 .wrap .fr .name .tag .type_02{ padding: 0.15rem 0.3rem; background: var(--bg-02); font-size: 13px; font-weight: 500; color: var(--color-02);}
.sub_mentor_list2 .wrap .fr .review{ display: flex; align-items: center; gap:10px; margin: 0.3rem 0 0 0; width:100%;}
.sub_mentor_list2 .wrap .fr .review p{ font-size:15px; color: var(--color-75); font-weight:300; max-width:calc(100% - 70px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.sub_mentor_list2 .wrap .fr .review span{ display: flex; align-items: center; font-size:12px; color: #bcbcbc; width:60px; }
.sub_mentor_list2 .wrap .fr .review span img{ display: block; height: 0.92rem;}
.sub_mentor_list2 .wrap .fr .txt{width:100%; margin: 0.61rem 0 0 0; line-height: 1.4; font-size: 15px; font-weight:300; color: #2e2e2e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_mentor_list2 .wrap .fr .txt > p{width:100%; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}


.sub_mentor_view{}
.sub_mentor_view .head{}
.sub_mentor_view .head .bg{ height: 7.69rem; background: #f2f2f2;}
.sub_mentor_view .head .user{ position: relative; z-index: 10; margin: -3.69rem auto 0 auto; width: 7.38rem; height: 7.38rem; border-radius: 50%; background: #d9d9d9;}
.sub_mentor_view .head .user .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0; bottom: 0; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.sub_mentor_view .head .user .btn img{ display: block; height: 1.84rem;}
.sub_mentor_view .head .user .img:before{ content: ""; display: block; padding-top: 100%;}
.sub_mentor_view .head .name{ margin: 1.53rem 0 0 0; text-align: center; font-size: 1.53rem; font-weight: 600; color: #1c1c1c;}
.sub_mentor_view .head .review{ display: flex; justify-content: center; align-items: center; margin: 0.61rem 0 0 0;}
.sub_mentor_view .head .review img{ display: block; height: 1.53rem;}
.sub_mentor_view .head .review p{ font-size: 1.07rem; color: #bcbcbc;}
.sub_mentor_view .head .txt{ margin: 0.61rem 3rem 0 3rem; text-align: center; line-height: 1.4; font-size: 1.07rem; color: var(--color-75);}
.sub_mentor_view .head .sns{ display: flex; justify-content: center; grid-gap: 1.23rem; margin: 1.23rem 0 0 0;}
.sub_mentor_view .head .sns a{ display: flex; justify-content: center; align-items: center; width: 3.69rem; height: 3.69rem; border-radius: 50%; border: 1px solid #e0e0e0;}
.sub_mentor_view .head .sns a img{ display: block; height: 1.84rem;}
.sub_mentor_view .head .info{ display: grid; grid-gap: 0.6rem; margin: 1.23rem 3rem 0 3rem; padding: 0.92rem 1.53rem; border-radius: 0.3rem; background: #f7f7f7;}
.sub_mentor_view .head .info .row{ display: flex; justify-content: space-between; align-items: center;}
.sub_mentor_view .head .info .row p{ font-size: 1rem; color: var(--color-75);}
.sub_mentor_view .head .info .row span{ font-size: 1rem; font-weight: 600; color: #2e2e2e;}
.sub_mentor_view .menu{ display: grid; grid-template-columns: repeat(3,1fr); margin: 1.84rem 0 0 0;}
.sub_mentor_view .menu a{ display: flex; justify-content: center; align-items: center; position: relative; height: 3.2rem; border-bottom: 1px solid #f2f2f2; font-size: 1.07rem; font-weight: 400; color: var(--color-75);}
.sub_mentor_view .menu a.on{ color: #2e2e2e; font-weight:500;}
.sub_mentor_view .menu a.on:before{ content: ""; display: block; position: absolute; z-index: 10; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--color-01);}
.sub_mentor_view .title{ display: flex; justify-content: space-between; align-items: center; margin: 3.07rem 1.53rem 0.92rem 1.53rem;}
.sub_mentor_view .title p{ font-size: 17px; font-weight: 700; color: #2e2e2e;}
.sub_mentor_view .title a{ font-size: 0.94rem; color: #999; cursor: pointer;}
.sub_mentor_view .title .wrap{ position: relative; z-index: 20;}
.sub_mentor_view .title .wrap .head{ display: flex; align-items: center; grid-gap: 0.3rem; height: 1.5rem;}
.sub_mentor_view .title .wrap .head p{ font-size:15px; color: var(--color-999); font-weight:300}
.sub_mentor_view .title .wrap .head img{ display: block; height:17px;}
.sub_mentor_view .title .wrap .list{ overflow: hidden; position: absolute; top: 1.5rem; right: 0; padding: 0 1.23rem; width: 9.61rem; height: 0; border-radius: 0.3rem; box-shadow: 0; background: #FFF; transition: all .2s;}
.sub_mentor_view .title .wrap .list p{ overflow: hidden; display: flex; align-items: center; height: 0; border-bottom: 1px solid var(--color-eee); font-size: 15px; font-weight: 500; color: var(--color-2e); transition: all .2s; cursor: pointer;}
.sub_mentor_view .title .wrap .list p:last-child{ border-bottom: 0;}
.sub_mentor_view .title .wrap:hover .list{ top: 1.5rem; height: auto; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/15%);}
.sub_mentor_view .title .wrap:hover .list p{ height: 3rem;}


.sub_mentor_view .sorting{ position: relative; z-index: 20;}
.sub_mentor_view .sorting .head{ display: flex; align-items: center; grid-gap: 0.3rem; height: 1.5rem;}
.sub_mentor_view .sorting .head p{ font-size: 1.07rem; color: var(--color-999); font-weight:400;}
.sub_mentor_view .sorting .head img{ display: block; height: 1.23rem;}
.sub_mentor_view .sorting .list{ overflow: hidden; position: absolute; top: 1.5rem; right: 0; padding: 0 1.23rem; width: 9.61rem; height: 0; border-radius: 0.3rem; box-shadow: 0; background: #FFF; transition: all .2s;}
.sub_mentor_view .sorting .list p{ overflow: hidden; display: flex; align-items: center; height: 0; border-bottom: 1px solid var(--color-eee); font-size: 1.15rem; font-weight: 500; color: var(--color-333); transition: all .2s; cursor: pointer;}
.sub_mentor_view .sorting .list p:last-child{ border-bottom: 0;}
.sub_mentor_view .sorting:hover .list{ top: 1.5rem; height: auto; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/15%);}
.sub_mentor_view .sorting:hover .list p{ height: 3.84rem;}

.sub_mentor_view .user_info{ display: grid; grid-gap: 0.3rem; padding: 0 1.53rem;}
.sub_mentor_view .user_info p{ position: relative; padding: 0 0 0 1rem; font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.sub_mentor_view .user_info p:before{ content: ""; position: absolute; top: 0.5rem; left: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #2e2e2e;}

.sub_mentor_view .detail{}
.sub_mentor_view .detail .img{ display: flex; justify-content: center; align-items: center; height: 30rem; background: linear-gradient(180deg, rgba(0 0 0/10%), rgba(0 0 0/0));}
.sub_mentor_view .detail .img p{}
.sub_mentor_view .detail .btn{ display: flex; justify-content: center; align-items: center; margin: 0 1.53rem; height: 3.4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: var(--color-fff); font-size: 1rem; font-weight: 400; color: var(--color-000);}
.sub_mentor_view .detail.on .img{ height: auto;}

.sub_mentor_view .review_option{ display: flex; grid-gap: 1.23rem; margin: 1.07rem 0 0 0; padding: 0 1.53rem;}
.sub_mentor_view .review_option label{ display: flex; align-items: center; grid-gap: 0.46rem;}
.sub_mentor_view .review_option label i{ display: flex; justify-content: center; align-items: center; width: 1.53rem; height: 1.53rem; border-radius: 50%; background: #cecece; font-size: 0.8rem; color: #FFF;}
.sub_mentor_view .review_option label p{ font-size: 1.15rem; font-weight: 500; color: #1c1c1c;}
.sub_mentor_view .review_option label.on i{ background: var(--color-01);}
.sub_mentor_view .review_option label.on p{ font-weight: 600; color: #000;}

.sub_mentor_view .review_score{ display: flex; align-items: center; grid-gap: 0.4rem; margin: 1.53rem 0 0 0; padding: 0 1.53rem;}
.sub_mentor_view .review_score img{ display: block; height: 1.84rem;}
.sub_mentor_view .review_score p{ font-size: 1.5rem; font-weight: 600; color: #1c1c1c;}

.sub_mentor_view .sub_review_list{ margin: 1.23rem 0 0 0; padding: 0 1.53rem;}
.sub_mentor_view .sub_review_list .wrap{ border-top: 1px solid #e0e0e0; border-bottom: 0;}

.sub_mentor_view .sub_challenge_list{ padding: 0 1.53rem;}
.sub_mentor_view .home_youtube{ margin: 0;}
.sub_mentor_view .home_youtube .list{ margin: 0;}

.sub_mentor_view .home_youtube2{ margin: 0;}
.sub_mentor_view .home_youtube2 .list{ margin: 0;}

.sub_review_list{ margin: 0.61rem 0 0 0;}
.sub_review_list .wrap{ display: block; padding: 1.23rem 0; border-bottom: 1px solid #e0e0e0;}
.sub_review_list .wrap:last-child{ border-bottom: 0;}
.sub_review_list .wrap .star{ display: flex; align-items: center;}
.sub_review_list .wrap .star img{ display: block; height: 1.23rem;}
.sub_review_list .wrap .txt{height:70px; display: flex; justify-content: space-between; align-items: center;}
.sub_review_list .wrap .txt p{height:45px; line-height: 1.4; font-size: 1rem; font-weight: 400; color: var(--color-666); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_review_list .wrap .txt .img_wrap{ overflow: hidden; margin: 0 0 0 0.92rem; flex: 0 0 4.3rem; height: 4.3rem; background: #d9d9d9;}
.sub_review_list .wrap .txt .img_wrap .img:before{ display:block;content: ""; padding-top: 100%;}
.sub_review_list .wrap .data{ display: flex; align-items: center; grid-gap: 0.92rem; margin: 0.92rem 0 0 0;}
.sub_review_list .wrap .data p{ font-size: 1rem; color: var(--color-888); font-weight:300;}
.sub_review_list .wrap .data span{ display: block; width: 1px; height: 1rem; background: var(--color-ccc);}




.community_chat_list{ margin: calc(4.61rem + 3.07rem) 0 0 0;}
.community_chat_list .wrap{ display: flex; align-items: center; padding: 1rem 1.53rem; border-bottom: 1px solid #e4e4e7;}
.community_chat_list .wrap .img_wrap{ overflow: hidden; margin: 0 0.92rem 0 0; flex: 0 0 4.92rem; height: 4.92rem; border-radius: 0.3rem; background: #e0e0e0;}
.community_chat_list .wrap .img_wrap .img:before{ content: ""; padding-top: 100%;}
.community_chat_list .wrap .fc{ flex: 1;}
.community_chat_list .wrap .fc .name{ font-size: 1.07rem; font-weight: 500; color: #000;}
.community_chat_list .wrap .fc .txt{ margin: 0.3rem 0 0 0; font-size: 0.94rem; font-weight: 300; color: #52525b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.community_chat_list .wrap .fr{ display: flex; flex-direction: column; align-items: flex-end; flex: 0 0 3.84rem;}
.community_chat_list .wrap .fr .time{ font-size: 0.88rem; font-weight: 400; color: #d0d0d3}
.community_chat_list .wrap .fr .notice{ display: flex; justify-content: center; align-items: center; margin: 1.23rem 0 0 0; width: 1.84rem; height: 1.84rem; border-radius: 50%; background: var(--color-01); font-size: 0.84rem; font-weight: 400; color: #FFF;}


.community_chat{ display: grid; grid-gap: 1.53rem; padding: 1.53rem 1.53rem 0 1.53rem;}
.community_chat .date{ margin: 0 auto; width: 6.92rem; height: 1.61rem; border-radius: 10rem; background: #d0d0d3; display: flex; justify-content: center; align-items: center; font-size: 0.92rem; color: #FFF;}
.community_chat .chat{ display: flex; grid-gap: 0.46rem; position: relative;}
.community_chat .chat .user{ width: 2.46rem; height: 2.46rem; border-radius: 50%;}
.community_chat .chat .user .img{ width: 100%; height: 100%;}
.community_chat .chat .ment{}
.community_chat .chat .ment .name{ margin: 0 0 0.61rem 0; font-size: 0.84rem; font-weight: 500; color: #3f3f46;}
.community_chat .chat .ment .txt{ position: relative; padding: 0.61rem 1.07rem; max-width: 17.3rem; border-radius: 1.07rem; background: #f2f4f5;}
.community_chat .chat .ment .txt p{ position: relative; z-index: 10; line-height: 1.4; font-size: 1rem; color: #262c31; word-wrap: break-word;}
.community_chat .chat .ment .txt a{font-weight:300; display: block; position: relative; z-index: 10; line-height: 1.4; font-size: 1rem; color: #262c31; word-wrap: break-word; cursor: pointer;}
.community_chat .chat .ment .txt:after{ content: ""; display: block; position: absolute; top: -0.38rem; left: 0; width: 5rem; height: 1.15rem; background: url(/images/chat_fl.svg) no-repeat left; background-size: auto 100%;}

.community_chat .chat > .img{ overflow: hidden; display: flex; max-width: 17.3rem; width: 100%; border-radius: 1.07rem;}
.community_chat .chat > .img img{ display: block; max-width: 100%; height: auto;}

.community_chat .chat .file{ display: flex; align-items: center; padding: 0.76rem; max-width: 17.3rem; width: 100%; border-radius: 1.07rem; border: 1.5px solid #e6e8eb; cursor: pointer;}
.community_chat .chat .file .txt{ flex: 1; padding: 0 0 0 0.46rem;}
.community_chat .chat .file .txt p{ font-size: 0.94rem; font-weight: 500; color: #262c31;}
.community_chat .chat .file .txt span{ display: block; padding: 0.3rem 0 0 0; font-size: 0.88rem; font-weight:300; color: #a1a1aa;}
.community_chat .chat .file .icon{ width: 3.4rem; height: 3.4rem; border-radius: 0.61rem; background: #f2f4f5; display: flex; justify-content: center; align-items: center;}
.community_chat .chat .file .icon img{ display: block; height: 1.5rem;}

.community_chat .chat .link{ max-width: 17.3rem; width: 100%; cursor: pointer;}
.community_chat .chat .link .img{ overflow: hidden; max-width: 100%; width: 100%; border-radius: 1.07rem 1.07rem 0 0;}
.community_chat .chat .link .img img{ display: block; max-width: 100%; height: auto;}
.community_chat .chat .link .txt{ padding: 0.76rem; border-radius: 0 0 1.07rem 1.07rem; border: 1px solid #e6e8eb;}
.community_chat .chat .link .txt p{ font-size: 0.94rem; font-weight: 500; color: #262c31;}
.community_chat .chat .link .txt span{ display: block; padding: 0.3rem 0 0 0; font-size: 0.94rem; font-weight:300; color: #adb4ba;}

.community_chat .chat .time{ display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin: 0 0.53rem;}
.community_chat .chat .time span{ font-size: 0.84rem; font-weight: 600; color: #047366;}
.community_chat .chat .time p{ margin: 0.3rem 0 0 0; font-size: 0.84rem; font-weight: 400; color: #d0d0d3;}

.community_chat .chat.fr{ flex-direction: row-reverse; justify-content: flex-start;}
.community_chat .chat.fr .ment .txt{ background: #03C6AE;}
.community_chat .chat.fr .ment .txt p{ color: #FFF;}
.community_chat .chat.fr .ment .txt a{ color: #FFF;}
.community_chat .chat.fr .ment .txt:after{ left: initial; right: -2px; top:-9px; background: url(/images/chat_fr.png) no-repeat right; background-size: auto 100%;}
.community_chat .chat.fr .ment .file .txt{background:transparent}
.community_chat .chat.fr .ment .file .txt:after{display:none;}
.community_chat .chat.fr .ment .file .txt p{color:#262c31}
.community_chat .chat.fr .ment .file .txt span{color:#a1a1aa}


.community_chat_foot{ display: flex; grid-gap: 0.92rem; position: fixed; z-index: 100; right: 0; bottom: 0; left: 0; padding: 0.92rem 1.53rem; background: #FFF;}
.community_chat_foot .file{ display: flex; justify-content: center; align-items: center; flex: 0 0 30px; height: 3.38rem; cursor: pointer;}
.community_chat_foot .file img{ display: block; width: 1.84rem;}
.community_chat_foot input{ display: flex; align-items: center; margin: 0; padding: 0 1.23rem; flex: 1; width: 100%; height: 3.2rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; background: none; font-size: 15px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.community_chat_foot input:focus{ border: 1px solid var(--color-01);}
.community_chat_foot button#send-button{width:60px; border-radius:0.3rem; background-color:var(--color-01); color:var(--color-fff); cursor:pointer;}







.like_home{ margin: 3rem 0 0 0; padding: 1.53rem 1.53rem 0 1.53rem;}
.like_home .like_tag{ margin: 0 -1.53rem;}
.like_home .like_tag .scroll{ overflow-x: scroll; display: flex; grid-gap: 0.61rem; padding: 0 1.53rem 1rem 1.53rem;}
.like_home .like_tag .scroll a{ display: flex; align-items: center; padding: 0 15px; height: 40px; border-radius: 10rem; border: 1px solid #f7f7f7; background: #f7f7f7; font-size: 15px; font-weight: 400; color:var(--color-63); white-space: nowrap; cursor: pointer;}
.like_home .like_tag .scroll a.on{ border-color: var(--color-01); color:var(--color-01); background: var(--bg-01); font-weight: 600;}
.like_home .like_option{ display: flex; justify-content: flex-end; margin: 1.23rem 0 0 0;}
.like_home .like_store_list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1.84rem 0.61rem; margin: 1.23rem 0 0 0;}
.like_home .like_store_list .modle_list_02 .img_wrap .btn_cart{ right: 0.61rem; bottom: 0.61rem;}
/* 비회원 화면 css */
.guest_view{margin:3.84rem 0 0 0; padding:1.53rem 1.53rem 0 1.53rem; display:flex; justify-content:center; align-items:center; text-align:center; }
.guest_view.cart{flex-direction:column; justify-content:space-between; margin:0}
.guest_view > div > p{color:var(--color-75); font-size:1.07rem;}
.guest_view > div > p.color{color:var(--color-01);  margin-bottom:0.25rem}
/* 로그인하기 버튼공통 */
a.login_btn_gray{padding:1rem 2rem; font-size:1.07rem; border:1px solid #cecece; display:inline-block; margin-top:1.5rem; border-radius:5px; }
@media(max-width: 768px){
    .like_home .like_tag .scroll{ padding: 0 1.53rem;}
}


.like_home .like_challenge_list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1.84rem 0.61rem; margin: 1.23rem 0 0 0;}
.like_home .like_challenge_list .wrap{}
.like_home .like_challenge_list .wrap .img_wrap{ overflow: hidden; position: relative; background: var(--color-eee);}
.like_home .like_challenge_list .wrap .img_wrap .img{ position: relative;display:block;}
.like_home .like_challenge_list .wrap .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.like_home .like_challenge_list .wrap .info{ display: flex; flex-direction: column; align-items: flex-start; padding: 0.61rem 0 0 0;}
.like_home .like_challenge_list .wrap .info .tit{ font-size: 1rem; font-weight: 500; color: #515151;}
.like_home .like_challenge_list .wrap .info .txt{ margin: 0.3rem 0 0 0; font-size: 0.84rem; font-weight: 500; color: var(--color-75);}
.like_home .like_challenge_list .wrap .info .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.3rem 0 0 0;}
.like_home .like_challenge_list .wrap .info .price p{ font-size: 1rem; font-weight: 600; color: #000;}
.like_home .like_challenge_list .wrap .info .price b{ font-size: 1rem; font-weight: 600; color: #F00;}
.like_home .like_challenge_list .wrap .info .category{ margin: 0.3rem 0 0 0; padding: 0.15rem 0.3rem; border-radius: 0.15rem; background: var(--bg-02); font-size: 0.92rem; font-weight: 500; color: var(--color-02);}
.like_home .like_challenge_list .wrap .info .keyword{ margin: 0.3rem 0 0 0; padding: 0.15rem 0.3rem; border-radius: 0.15rem; background: var(--bg-01); font-size: 0.92rem; font-weight: 500; color: var(--color-01);}
.like_home .like_challenge_list .wrap .info .review{ display: flex; align-items: center; margin: 0.3rem 0 0 0;}
.like_home .like_challenge_list .wrap .info .review img{ display: block; height: 0.92rem;}
.like_home .like_challenge_list .wrap .info .review p{ font-size: 0.84rem; color: var(--color-999);}








.mypage_head{ padding: 1.53rem 0 2.46rem 0;}
.mypage_head .user{ position: relative; margin: 0 auto; width: 7.38rem; height: 7.38rem; border-radius: 50%; background-image:url('/images/profile_no_image.png');background-size:cover}
.mypage_head .user .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0; bottom: 0; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); cursor: pointer;}
.mypage_head .user .btn img{ display: block; height: 1.84rem;}
.mypage_head .user .img{ width: 7.38rem; height: 7.38rem;}
.mypage_head .name{ margin: 1.53rem 0 0 0; text-align: center; font-size: 1.32rem; font-weight: 600; color: #1c1c1c;}
.mypage_head .date{ margin: 0.61rem 0 0 0; text-align: center; font-size: 0.9rem; c olor: var(--color-75);}

.mypage_tit{ display: flex; justify-content: space-between; align-items: center; margin: 2.46rem 1.53rem 0 1.53rem;}
.mypage_tit p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 1.2rem; font-weight: 600; color: #1c1c1c;}
.mypage_tit p span{ font-size: 0.95rem; color: #999;}
.mypage_tit p img{ display: block; height: 1.84rem;}
.mypage_tit a{ font-size: 0.95rem; color: #999;}
.mypage_tit .btn{ display: flex; align-items: center; padding: 0 0.61rem; height: 2.23rem; border-radius: 0.3rem; border: 1px solid var(--color-01); font-size: 0.95rem; font-weight: 600; color: var(--color-01); cursor: pointer;}

.mypage_test_btn{ display: flex; grid-gap: 0.61rem; margin: 1.23rem 1.53rem 0 1.53rem;}
.mypage_test_btn a{ display: flex; justify-content: center; align-items: center; height: 56px; border-radius: 0.3rem; border: 1px solid #f2f2f2; background: #f2f2f2; font-size:17px; font-weight: 600; color: #bcbcbc; cursor: pointer;}
.mypage_test_btn a:nth-child(1){ flex: 1;}
.mypage_test_btn a:nth-child(2){ flex: 0 0 9.76rem;}
.mypage_test_btn a.on{ border-color: var(--color-01); background: var(--bg-01); color: var(--color-01);}

.mypage_challenge_live{ display: grid; grid-template-columns: repeat(3,1fr); margin: 0.92rem 1.53rem 0 1.53rem; border-radius: 0.3rem; background: #f7f7f7;}
.mypage_challenge_live a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 6rem;}
.mypage_challenge_live a p{ font-size: 1.57rem; font-weight: 600; color: #bcbcbc;}
.mypage_challenge_live a p.on{ color: var(--color-01);}
.mypage_challenge_live a span{ margin: 0.3rem 0 0 0; font-size: 0.88rem; font-weight: 500; color: #1c1c1c;}
.mypage_challenge_live a:after{ content: ""; display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 0.92rem); right: -0.92rem; width: 1.84rem; height: 1.84rem; background: url(/images/icon_rr.svg) center/cover;}
.mypage_challenge_live a:last-child:after{ display: none;}

.mypage_body_check{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.92rem 0.61rem; margin: 1.53rem 1.53rem 0 1.53rem;}
.mypage_body_check .wrap{}
.mypage_body_check .wrap .tit{ padding: 0 0 0.46rem 0; font-size: 0.95rem; font-weight: 500; color: #2e2e2e;}
.mypage_body_check .wrap input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 3.5rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; background: none; font-size: 1rem; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.mypage_body_check .wrap input:focus{ border-color: var(--color-01);}
.mypage_body_check .wrap select{ display: flex; align-items: center; margin: 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 3.5rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 1rem; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.mypage_body_check .wrap select:focus{ border-color: var(--color-01);}

.mypage_mymenu{ display: grid; grid-gap: 2.46rem; margin: 2.46rem 1.53rem 0 1.53rem;}
.mypage_mymenu a{ font-size: 17px; color: #2e2e2e;}

.mypage_mbti_btn{ margin: 2.46rem 1.53rem 0 1.53rem; padding: 1.84rem 1.53rem; border-radius: 0.3rem; border: 1px solid #dbf2f0; background: var(--bg-01);}
.mypage_mbti_btn .tit{ font-size: 1.2rem; font-weight: 700; color: #152375;}
.mypage_mbti_btn .txt{ margin: 0.92rem 0 0 0; line-height: 1.4; font-size: 0.95rem; color: #2e2e2e;}
.mypage_mbti_btn .btn{ display: flex; justify-content: center; align-items: center; margin: 0.92rem 0 0 0; height: 3.8rem; border-radius: 0.3rem; border: 1px solid var(--color-01); font-size: 16px; font-weight: 600; color: var(--color-01); cursor: pointer;}

.mypage_activate{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.61rem; margin: 3.07rem 1.53rem 0 1.53rem;}
.mypage_activate a{ display: flex; justify-content: center; align-items: center; height: 3.5rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; font-size: 1rem; font-weight: 500; color: #bcbcbc; cursor: pointer;}
.mypage_activate a.on{ border-color: #cecece; color: #2e2e2e;}
.mypage_activate.mentor_btns{ grid-template-rows: 1fr 1fr;  grid-template-columns: 1fr 1fr}
.mypage_activate.mentor_btns > a:first-child{grid-column: 1 / 3; border-color:var(--color-01); color:var(--color-01)}
.logout_wrap {margin:1.5rem 0; text-align:center}
.logout_wrap a{color:#979797;}

/* 비회원 마이페이지 */
.mypage_guest_top{margin:1.5rem 1.53rem 2.45rem 1.53rem}
.mypage_guest_top > .mypage_test_btn{margin:1.5rem 0 0 0}
.join_boon{padding:1.52rem; background-color:#f7f7f7; border-radius:5px}
.join_boon > ul{}	
.join_boon > ul li{display:flex; align-items:baseline; position:relative;padding-left:10px;}
.join_boon > ul li:before{content:''; display:block; width:3px; height:3px; border-radius:10px; background-color:#515151; position:absolute; top:9px; left:0}
.join_boon > ul li:first-child{margin-bottom:5px;}
.join_boon > ul li p{font-size:15px; color:#515151;line-height:1.5; font-weight:300; word-break:keep-all; width:calc(100% - 15px)}
.join_boon > a.join_btn{border:1px solid #cecece; background-color:#fff; padding:1.3rem 0;color:#00AC96; display:block; text-align:center; border-radius:5px; font-size:16px; margin-top:1.52rem}

.mentor_head{}
.mentor_head .bg{ height: 7.69rem; background: #f2f2f2;}
.mentor_head .user{ position: relative; z-index: 10; margin: -3.69rem auto 0 auto; width: 7.38rem; height: 7.38rem; border-radius: 50%;  background-image:url('/images/profile_no_image.png');background-size:cover}
.mentor_head .user .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0; bottom: 0; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.mentor_head .user .btn img{ display: block; height: 1.84rem;}
.mentor_head .user .img:before{ content: ""; display: block; padding-top: 100%;}
.mentor_head .name{ margin: 1.53rem 0 0 0; text-align: center; font-size:21px; font-weight: 600; color: #1c1c1c;}
.mentor_head .date{ margin: 0.61rem 0 0 0; text-align: center; font-size: 15px; color: var(--color-75); font-weight:300}
.mentor_head .txt{ margin: 0.61rem 3rem 0 3rem; text-align: center; line-height: 1.4; font-size: 1.07rem; color: var(--color-75);}
.mentor_head .sns{ display: flex; justify-content: center; grid-gap: 1.23rem; margin: 1.23rem 0 0 0;}
.mentor_head .sns a{ display: flex; justify-content: center; align-items: center; width: 48px; height:48px; border-radius: 50%; border: 1px solid #e0e0e0;}
.mentor_head .sns a img{ display: block; height: 22px;}
.mentor_head .info{ display: grid; grid-gap: 0.46rem; margin: 1.23rem 3rem 0 3rem; padding: 0.92rem 1.53rem; border-radius: 0.3rem; background: #f7f7f7;}
.mentor_head .info .row{ display: flex; justify-content: space-between; align-items: center;}
.mentor_head .info .row p{ font-size: 15px; color: var(--color-75);}
.mentor_head .info .row span{ font-size:15px; font-weight: 600; color: #2e2e2e;}


.mypage_file_tip{ margin: 0 1.53rem 0 1.53rem; padding: 1.53rem; border-radius: 0.3rem; background: #f7f7f7;}
.mypage_file_tip .tit{ font-size: 15px; font-weight: 700; color: #666;}
.mypage_file_tip .txt{ display: grid; grid-gap: 5px; margin:5px 0 0 0;}
.mypage_file_tip .txt p{ position: relative; padding: 0 0 0 1rem; font-size:15px; color: var(--color-75); font-weight:300}
.mypage_file_tip .txt p:before{ content: ""; display: block; position: absolute; top: 0.6rem; left: 0.3rem; width: 3px; height: 3px; border-radius: 50%; background: #999;}
.mypage_btn{  margin:1.53rem 1.53rem 0 1.53rem;}
.mypage_btn button{cursor:pointer; border-color: var(--color-01); background: var(--color-01); color: var(--color-fff); width:100%; display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 0.3rem; font-size: 17px; font-weight: 500;}




.mypage_challenge_home{ margin-top: 3.84rem; padding: 1.23rem 1.53rem 0 1.53rem;}
.mypage_challenge_home .home_hot{padding:0}
.mypage_challenge_home .home_hot .modle_list_01_wrap{margin-top:0.75rem}
.mypage_challenge_home .home_hot .modle_tit_02{font-size:18px;}
.mypage_challenge_home .home_hot .modle_list_01_wrap .modle_list_01 .info .cost{margin-top:0; font-size:15px}

.mypage_challenge_tag{ overflow: hidden; margin: 0 -1.53rem 1rem; height: 2.23rem; }
.mypage_challenge_tag .scroll{ overflow-x: scroll; display: flex; grid-gap: 0.61rem; padding: 0 1.53rem;}
.mypage_challenge_tag .scroll a{ display: flex; align-items: center; padding: 0 8px; height:29px; border-radius: 0.61rem; border: 1px solid #e0e0e0; font-size: 14px; font-weight: 400; color: var(--color-75); white-space: nowrap; cursor: pointer;}
.mypage_challenge_tag .scroll a.on{ border-color: var(--color-01); color: var(--color-01); background: #FBFCFE; font-weight: 600;}


.mypage_challenge_list{ min-height:20vh; display: grid; grid-gap: 0.92rem; /* margin: 2.46rem 0 0 0;*/  text-align:center;color:var(--color-75) }
.mypage_challenge_list .challenge_detail_view{position:absolute; right:0; top:5px; font-size:14px; display:flex; align-items:center}
.mypage_challenge_list .challenge_detail_view svg{margin-left:5px}
.mypage_challenge_list .mypage_challenge_list_detail{position:absolute; top:5px; right:0; display:flex; gap:5px; align-items:center; z-index:10}
.mypage_challenge_list .mypage_challenge_list_detail > p{ font-size:13px; font-weight:500}
.mypage_challenge_list .registration_date{background-color:#F7F7F7;height:32px; border-radius:5px; display:flex; align-items:center; padding:5px 10px}
.mypage_challenge_list .registration_date p{ color:var(--color-75); font-weight:300; font-size:14px; line-height:1 }
.mypage_challenge_list .wrap{position:relative;}
.mypage_challenge_list .wrap .ft{ display: flex; grid-gap: 0.61rem; }
.mypage_challenge_list .wrap .ft .img_wrap{ overflow: hidden; flex: 0 0 7.69rem; height: 7.69rem; border-radius: 0.3rem; background: #e0e0e0;}
.mypage_challenge_list .wrap .ft .img_wrap .img{ background-size:cover;}
.mypage_challenge_list .wrap .ft .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;background-size:cover;}
.mypage_challenge_list .wrap .ft .fr{ flex: 1; position: relative; padding-top:5px;}
.mypage_challenge_list .wrap .ft .fr .tit{ display: block; font-size: 16px; font-weight: 600; color: #1c1c1c; text-align:left; max-width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mypage_challenge_list .wrap .ft .fr .tag{ margin-top: 0.46rem; display: flex; grid-gap: 0.3rem;}
.mypage_challenge_list .wrap .ft .fr .tag p{ padding: 0.3rem; border-radius: 0.3rem; background: #F5F7FF; font-size: 0.88rem; font-weight: 500; color: #5782ff}
.mypage_challenge_list .wrap .ft .fr .date{ display: block; margin-top: 0.46rem; font-size: 14px; color: var(--color-75); text-align:left; font-weight:200}
.mypage_challenge_list .wrap .ft .fr .date_start{ margin-top: 0.46rem; display: flex; align-items: center; grid-gap: 0.3rem;}
.mypage_challenge_list .wrap .ft .fr .date_start p{ font-size: 14px; color: var(--color-75);}
.mypage_challenge_list .wrap .ft .fr .date_start b{ font-size: 14px; font-weight: 500; color: #2e2e2e;}
.mypage_challenge_list .wrap .ft .fr .date_start span{ font-size: 14px; font-weight: 500; color: #ff584d;}
.mypage_challenge_list .wrap .ft .fr .write{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; width: 2.76rem; height: 2.76rem; border-radius: 50%; border: 1px solid #e0e0e0; background: #FFF; cursor: pointer;}
.mypage_challenge_list .wrap .ft .fr .write img{ display: block; height: 1.84rem;}
.mypage_challenge_list .wrap .btn{ display: flex; justify-content: center; align-items: center; margin: 0.61rem 0 0 0; height: 2.76rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 1.07rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}
.mypage_challenge_list .process_step{display:flex; gap:10px; flex-wrap:wrap;}
.mypage_challenge_list .process_step a{border:1px solid #CECECE; color:var(--color-2e); width:100%; display:block; padding:10px; font-size:15px; border-radius:5px; width:100%:}
.mypage_challenge_list .process_step a.return_btn{cursor:pointer; width:calc(50% - 5px);}
.mypage_challenge_list .process_step a.approval_btn{border-color:var(--color-01); color:var(--color-01)}

.mypage_challenge_review_head{ display: flex; align-items: center; grid-gap: 0.92rem; padding: 1.53rem;}
.mypage_challenge_review_head .img_wrap{ overflow: hidden; flex: 0 0 6.15rem; height: 6.15rem; border-radius: 0.62rem; background: #e0e0e0;}
.mypage_challenge_review_head .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.mypage_challenge_review_head .fr{ flex: 1;}
.mypage_challenge_review_head .fr .tit{ font-size: 1.15rem; font-weight: 600; color: #515151;}
.mypage_challenge_review_head .fr .date{ margin-top: 0.46rem; font-size: 1rem; color: var(--color-75);}
.mypage_challenge_review_head .fr .txt{ margin-top: 0.46rem; font-size: 1.07rem; color: #2e2e2e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}


.popup_return{width:100%; max-width:500px; height:100vh; z-index:111; left: 0; top:0; position:absolute; background-color:rgba(0,0,0,0.5); display:none; justify-content:center; align-items:center;}
.popup_return.on{display:flex;}
.popup_return > article{width:85%; background-color:#fff; padding:1.5rem; text-align:left;}
.popup_return > article > h4{font-size:19px;font-weight:700; margin-bottom:10px}
.popup_return > article > p{border-radius:10px; font-size:14px; color:var(--color-2e); line-height:1.5; box-shadow:0 4px 8px rgba(0,0,0,0.12); padding:1.25rem 1rem}
.popup_return > article > button{display:block; margin-top:1rem; background-color:var(--color-01); color:var(--color-fff);width:100%; border-radius:4px; font-size:17px; padding:18px 0; cursor:pointer;}


.popup_code{width:100%; max-width:500px; height:100vh; z-index:111; left: 0; top:0; position:absolute; background-color:rgba(0,0,0,0.5); display:none; justify-content:center; align-items:center;}
.popup_code.on{display:flex;}
.popup_code > article{width:85%; background-color:#fff; padding:1.5rem; text-align:left;}
.popup_code > article > article.code_input{margin:20px 0 30px}
.popup_code > article > article.code_input > p{font-size:15px; margin-bottom:5px;}
.popup_code > article > article.code_input > input{height:52px; line-height:1; border:1px solid #E0E0E0; width:100%; border-radius:3px; padding:0 1rem; font-size:16px;}
.popup_code > article > article.code_input > input::placeholder{color:#BCBCBC}
.popup_code > article > article.code_top{display:flex; gap:10px; align-items:center; position:relative;}
.popup_code > article > article.code_top > h4{font-size:19px;font-weight:700;}
.popup_code > article > article.code_top > button{background:transparent; cursor:pointer; }
.popup_code > article > article.code_top > aside{position:absolute; width:95%; top:100%; display:none; background-color:var(--color-fff); box-shadow:0 4px 8px rgba(0,0,0,0.12); padding:1.25rem 1rem; border-radius:4px;}
.popup_code > article > article.code_top > aside.on{display:block; z-index:1;}
.popup_code > article > article.code_top > aside > p{border-radius:10px; font-size:14px; color:var(--color-2e); line-height:1.5; font-weight:300; margin-bottom:5px}
.popup_code > article > article.code_top > aside > span{color:#999; font-size:14px; font-weight:300}
.popup_code > article > article.code_btn_wrap{display:flex; gap:10px; margin-top:1rem; }
.popup_code > article > article.code_btn_wrap > button{display:block; background-color:#f2f2f2; color:var(--color-2e);width:100%;  font-size:17px; padding:18px 0; cursor:pointer; border-radius:4px}
.popup_code > article > article.code_btn_wrap > button.issuance_submit{background-color:var(--color-01); color:var(--color-fff);}


/* mypage_challenge_detail */
.mypage_challenge_detail{ display: grid; grid-gap: 0.61rem; background: #f7f7f7;}
.mypage_challenge_detail .wrap{ padding: 1.53rem; background: #FFF;}
.mypage_challenge_detail .wrap .order_number{ display: flex; justify-content: space-between; align-items: center; background-color:#F7F7F7; padding:8px 10px; margin-bottom:1.53rem}
.mypage_challenge_detail .wrap .order_number p{ font-size:15px; font-weight: 300; color:var(--color-75);}
.mypage_challenge_detail .wrap .item{ display: flex; align-items: center; grid-gap: 0.92rem; margin: 1.53rem 0 0 0;}
.mypage_challenge_detail .wrap .item .img_wrap{ overflow: hidden; flex: 0 0 5.3rem; height: 5.3rem; border-radius: 0.3rem; background: #e0e0e0;}
.mypage_challenge_detail .wrap .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.mypage_challenge_detail .wrap .item .fr{ flex: 1;}
.mypage_challenge_detail .wrap .item .fr .tit{ font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.mypage_challenge_detail .wrap .item .fr .txt{ margin-top: 0.46rem; font-size: 0.95rem; color: #999;}
.mypage_challenge_detail .wrap .item .fr .delivery{ margin-top: 0.46rem; font-size: 0.95rem; font-weight: 600; color: #5782ff;}
.mypage_challenge_detail .wrap .item .fr .delivery.off{ color: #ff584d;}
.mypage_challenge_detail .wrap .item_btn{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.61rem; margin: 1.23rem 0 0 0;}
.mypage_challenge_detail .wrap .item_btn a{ display: flex; justify-content: center; align-items: center; height: 3.4rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 1rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}
.mypage_challenge_detail .wrap .item_btn button{background:transparent; display: flex; justify-content: center; align-items: center; height: 3.4rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 1rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}
.mypage_challenge_detail .wrap .head{ font-size: 17px; font-weight: 600; color: #2e2e2e;}
.mypage_challenge_detail .wrap .head.head2{display:flex; justify-content:space-between; align-items:center}
.mypage_challenge_detail .wrap .head.head2 > a{font-size:14px; color:var(--color-01)}
.mypage_challenge_detail .wrap .head.head2 > a > svg{margin-left:5px}
.mypage_challenge_detail .wrap .head.head3{display:flex; margin-bottom:1.23rem}
.mypage_challenge_detail .wrap .head.head3 > p{font-weight:600}
.mypage_challenge_detail .wrap .head.head3 > span{font-size:16px; color:var(--color-2e); display:flex; align-items:center}
.mypage_challenge_detail .wrap .head.head3 > span:before{content:''; width:3px; height:3px; background-color:#BCBCBC; display:block; border-radius:5px; margin:0 5px;}
.mypage_challenge_detail .wrap.pay_detail{background-color:#f7f7f7; border-bottom: 25px solid #fff}
.mypage_challenge_detail .wrap.orderer_info .head{text-align:center;}
.mypage_challenge_detail .wrap.orderer_info .payment_list .row{justify-content:start; gap:50px; }
.mypage_challenge_detail .wrap.orderer_info .payment_list .row p{font-size:14px;font-weight:300}
.mypage_challenge_detail .wrap.orderer_info .payment_list .row span{font-size:14px; font-weight:300}

.mypage_challenge_detail .detail_wrap{display:flex; gap:0.61rem;}
.mypage_challenge_detail .detail_wrap .img_wrap{}
.mypage_challenge_detail .detail_wrap .img_wrap{ overflow: hidden; flex: 0 0 7rem; height: 7rem; border-radius: 0.3rem; background: #e0e0e0;}
.mypage_challenge_detail .detail_wrap .img_wrap .img{ background-size:cover;}
.mypage_challenge_detail .detail_wrap .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;background-size:cover;}
.mypage_challenge_detail .detail_wrap .fr{display:flex; flex-direction:column; gap:0.46rem; justify-content:center; padding:0.46rem 0}
.mypage_challenge_detail .detail_wrap .tit{color:#1c1c1c; font-size:16px;font-weight:700; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mypage_challenge_detail .detail_wrap .date{font-size:14px; color:var(--color-75); font-weight:300}
.mypage_challenge_detail .detail_wrap .date_start{ display: flex; align-items: center; grid-gap: 0.3rem;}
.mypage_challenge_detail .detail_wrap .date_start p{ font-size: 14px; color: var(--color-75);}
.mypage_challenge_detail .detail_wrap .date_start b{ font-size: 14px; font-weight: 500; color: #2e2e2e;}
.mypage_challenge_detail .detail_wrap .date_start span{ font-size: 14px; font-weight: 500; color: #ff584d;}
.mypage_challenge_detail .detail_wrap .price{display:flex;}
.mypage_challenge_detail .detail_wrap .price p{font-weight:600; font-size:17px; color:#1c1c1c;}
.mypage_challenge_detail .detail_wrap .price span{font-size:14px; color:var(--color-75);  display:flex; align-items:center; font-weight:300; line-height:1}
.mypage_challenge_detail .detail_wrap .price span:before{content:''; width:3px; height:3px; background-color:#BCBCBC; display:block; border-radius:5px; margin:0 5px;}


.mypage_challenge_detail .wrap .delivery_info{ display: grid; grid-gap:5px; margin: 1.23rem 0 0 0;}
.mypage_challenge_detail .wrap .delivery_info .row{ display: flex;}
.mypage_challenge_detail .wrap .delivery_info .row p{ flex: 0 0 6.9rem; line-height: 1.4; font-weight:300; font-size: 14px; color: var(--color-75);}
.mypage_challenge_detail .wrap .delivery_info .row span{ flex: 1; line-height: 1.4; font-size: 15px; font-weight: 400; color: #2e2e2e;}
.mypage_challenge_detail .wrap .delivery_btn{ display: flex; justify-content: center; align-items: center;  height: 40px; border-radius: 4px; border: 1px solid #cecece; font-size: 15px; font-weight: 400; color: #2e2e2e; flex:1;}
 
.mypage_challenge_detail .wrap .btn_wrap{display: flex; align-items: center; margin: 1.23rem 0 0 0; gap:0.75rem;} 
.mypage_challenge_detail .wrap .delivery_live{ display: grid; grid-gap: 1.23rem; margin: 1.23rem 0 0 0; padding-bottom: 0.92rem;}
.mypage_challenge_detail .wrap .delivery_live .row{ display: grid; grid-template-columns: repeat(3,1fr); align-items: center;}
.mypage_challenge_detail .wrap .delivery_live .row .tit{ text-align: center; font-size: 1.07rem; font-weight: 500; color: var(--color-75);}
.mypage_challenge_detail .wrap .delivery_live .row .txt{ text-align: center; font-size: 1rem; color: #2e2e2e;}
.mypage_challenge_detail .wrap .delivery_live .row .txt.on{ font-weight: 600; color: var(--color-01);}

.mypage_challenge_detail .wrap .payment_list{ display: grid; grid-gap:  0.61rem; margin: 1.23rem 0 0 0;}
.mypage_challenge_detail .wrap .payment_list .row{ display: flex; justify-content: space-between;}
.mypage_challenge_detail .wrap .payment_list .row p{ line-height: 1.4; font-size: 1rem; color: var(--color-75); font-weight:300}
.mypage_challenge_detail .wrap .payment_list .row span{ line-height: 1.4; font-size: 1rem; font-weight: 500; color: #2e2e2e;}
.mypage_challenge_detail .wrap .payment_list .row.min p{ margin: -0.3rem 0 0 1.84rem; font-size: 1rem;}
.mypage_challenge_detail .wrap .payment_list .row.order_price{border-top:1px solid #E0E0E0; padding-top:0.61rem}
.mypage_challenge_detail .wrap .payment_list .row.order_price p{font-size:19px; color:#1c1c1c; font-weight:700}
.mypage_challenge_detail .wrap .payment_list .row.order_price span{font-size:19px;  color:#1c1c1c; font-weight:700}


.mypage_challenge_detail .wrap .payment_full{ display: flex; justify-content: space-between; align-items: center; margin-top: 1.53rem; padding-top: 1.53rem; border-top: 1px solid #e0e0e0;}
.mypage_challenge_detail .wrap .payment_full p{ font-size: 1rem; font-weight: 500; color: #2e2e2e;}
.mypage_challenge_detail .wrap .payment_full span{ font-size: 1.2rem; font-weight: 600; color: #2e2e2e;}



.mypage_order_tag{ margin: 1.53rem 0 0 0}
.mypage_order_tag .scroll{ display: flex; grid-gap: 0.61rem; padding: 0 1.53rem;}
.mypage_order_tag .scroll a{width:auto; display: flex; align-items: center; padding: 0 0.92rem; height: 2.53rem; border-radius: 0.61rem; border: 1px solid #e0e0e0; font-size: 0.95rem; font-weight: 500; color: var(--color-75); white-space: nowrap; cursor: pointer;}
.mypage_order_tag .scroll a.on{ border-color: var(--color-01); background: var(--bg-01); color: var(--color-01); font-weight: 600;}


.mypage_order_list{ display: grid; grid-gap: 0.61rem; background: #f7f7f7;}
.mypage_order_list .wrap{ padding: 1.84rem 1.53rem; background: #FFF;}
.mypage_order_list .wrap .head{ display: flex; justify-content: space-between; align-items: center;}
.mypage_order_list .wrap .head p{ font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.mypage_order_list .wrap .head a{ font-size: 0.95rem; font-weight: 500; color: var(--color-01);}
.mypage_order_list .wrap .list{ display: grid; grid-gap: 1.23rem; margin: 1.23rem 0 0 0;}
.mypage_order_list .wrap .list .item{ display: flex; align-items: center; grid-gap: 0.92rem;}
.mypage_order_list .wrap .list .item .img_wrap{ overflow: hidden; flex: 0 0 5.3rem; height: 5.3rem; border-radius: 0.3rem; background: #e0e0e0;}
.mypage_order_list .wrap .list .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.mypage_order_list .wrap .list .item .fr{ flex: 1;}
.mypage_order_list .wrap .list .item .fr .tit{ font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.mypage_order_list .wrap .list .item .fr .txt{ margin-top: 0.46rem; font-size: 0.95rem; color: #999;}
.mypage_order_list .wrap .list .item .fr .delivery{ margin-top: 0.46rem; font-size: 0.95rem; font-weight: 600; color: #5782ff;}
.mypage_order_list .wrap .list .item .fr .delivery.off{ color: #ff584d;}


.mypage_order_view{ display: grid; grid-gap: 0.61rem; background: #f7f7f7;}
.mypage_order_view .wrap{ padding: 1.53rem; background: #FFF;}
.mypage_order_view .wrap .order_number{ display: flex; justify-content: space-between; align-items: center;}
.mypage_order_view .wrap .order_number p{ font-size: 0.95rem; font-weight: 500; color: #999;}
.mypage_order_view .wrap .item{ display: flex; align-items: center; grid-gap: 0.92rem; margin: 1.53rem 0 0 0;}
.mypage_order_view .wrap .item .img_wrap{ overflow: hidden; flex: 0 0 5.3rem; height: 5.3rem; border-radius: 0.3rem; background: #e0e0e0;}
.mypage_order_view .wrap .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.mypage_order_view .wrap .item .fr{ flex: 1;}
.mypage_order_view .wrap .item .fr .tit{ font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.mypage_order_view .wrap .item .fr .txt{ margin-top: 0.46rem; font-size: 0.95rem; color: #999;}
.mypage_order_view .wrap .item .fr .delivery{ margin-top: 0.46rem; font-size: 0.95rem; font-weight: 600; color: #5782ff;}
.mypage_order_view .wrap .item .fr .delivery.off{ color: #ff584d;}
.mypage_order_view .wrap .item_btn{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.61rem; margin: 1.23rem 0 0 0;}
.mypage_order_view .wrap .item_btn a{ display: flex; justify-content: center; align-items: center; height: 3.4rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 1rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}
.mypage_order_view .wrap .item_btn button{background:transparent; display: flex; justify-content: center; align-items: center; height: 3.4rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 1rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}
.mypage_order_view .wrap .head{ font-size: 1.07rem; font-weight: 600; color: #2e2e2e;}
.mypage_order_view .wrap .delivery_info{ display: grid; grid-gap: 0.61rem; margin: 1.23rem 0 0 0;}
.mypage_order_view .wrap .delivery_info .row{ display: flex;}
.mypage_order_view .wrap .delivery_info .row p{ flex: 0 0 6.9rem; line-height: 1.4; font-size: 1rem; color: var(--color-75);}
.mypage_order_view .wrap .delivery_info .row span{ flex: 1; line-height: 1.4; font-size: 1rem; font-weight: 500; color: #2e2e2e;}
.mypage_order_view .wrap .delivery_btn{ display: flex; justify-content: center; align-items: center; margin: 1.23rem 0 0 0; height: 3.4rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 1rem; font-weight: 500; color: #2e2e2e;}
 
.mypage_order_view .wrap .delivery_live{ display: grid; grid-gap: 1.23rem; margin: 1.23rem 0 0 0; padding-bottom: 0.92rem;}
.mypage_order_view .wrap .delivery_live .row{ display: grid; grid-template-columns: repeat(3,1fr); align-items: center;}
.mypage_order_view .wrap .delivery_live .row .tit{ text-align: center; font-size: 1.07rem; font-weight: 500; color: var(--color-75);}
.mypage_order_view .wrap .delivery_live .row .txt{ text-align: center; font-size: 1rem; color: #2e2e2e;}
.mypage_order_view .wrap .delivery_live .row .txt.on{ font-weight: 600; color: var(--color-01);}

.mypage_order_view .wrap .payment_list{ display: grid; grid-gap: 0.61rem; margin: 1.23rem 0 0 0;}
.mypage_order_view .wrap .payment_list .row{ display: flex; justify-content: space-between;}
.mypage_order_view .wrap .payment_list .row p{ line-height: 1.4; font-size: 1rem; color: var(--color-75);}
.mypage_order_view .wrap .payment_list .row span{ line-height: 1.4; font-size: 1rem; font-weight: 500; color: #2e2e2e;}
.mypage_order_view .wrap .payment_list .row.min p{ margin: -0.3rem 0 0 1.84rem; font-size: 1rem;}

.mypage_order_view .wrap .payment_full{ display: flex; justify-content: space-between; align-items: center; margin-top: 1.53rem; padding-top: 1.53rem; border-top: 1px solid #e0e0e0;}
.mypage_order_view .wrap .payment_full p{ font-size: 1rem; font-weight: 500; color: #2e2e2e;}
.mypage_order_view .wrap .payment_full span{ font-size: 1.2rem; font-weight: 600; color: #2e2e2e;}

.refund_wrap{display:none; justify-content:center; align-items:center; width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.5); top:0;  z-index:100; max-width:500px;}
.refund_wrap.on{display:flex;}
.refund_wrap article{background-color:#fff; border-radius:0.3rem; width:85%; text-align:center; padding:2rem 0;}
.refund_wrap article h3{font-size:1.2rem; font-weight:600}
.refund_wrap article p{font-size:1rem; margin:0.5rem 0 1.5rem; color:var(--color-75); font-weight:300;}
.refund_wrap article div{display:flex; gap:1rem; padding:0 2rem}
.refund_wrap article div > button{border-radius:0.3rem; height:3.3rem; cursor:pointer; width:calc(50%); font-size:1.07rem; color:#fff; background-color:#ababab}
.refund_wrap article div > button.refund_confirm{background-color:#FF584D}


.mypage_order_exchange_return{ padding: 1.53rem;}
.mypage_order_exchange_return .tit{ font-size: 1.25rem; font-weight: 600; color: #000;}
.mypage_order_exchange_return .tit.mt{ margin-top: 2.46rem;}
.mypage_order_exchange_return .txt{ margin-top: 0.61rem; line-height: 1.4; font-size: 0.95rem; color: var(--color-75);}
.mypage_order_exchange_return .btn{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.61rem; margin: 1.23rem 0 0 0;}
.mypage_order_exchange_return .btn a{ display: flex; justify-content: center; align-items: center; height: 3.5rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 1rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}
.mypage_order_exchange_return .btn a:nth-child(1){ border-color: var(--color-01); background: var(--bg-01); color: var(--color-01);}
.mypage_order_exchange_return .select{ display: grid; grid-gap: 1.23rem; margin-top: 1.53rem;}
.mypage_order_exchange_return .select label{ display: flex; align-items: center; grid-gap: 0.61rem;}
.mypage_order_exchange_return .select label span{ display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid var(--color-ddd);}
.mypage_order_exchange_return .select label p{ font-size: 1rem; color: #2e2e2e;}
.mypage_order_exchange_return .select label.on span{ border-color: var(--color-01);}
.mypage_order_exchange_return .select label.on span:before{ content: ""; display: block; width: 0.76rem; height: 0.76rem; border-radius: 50%; background: var(--color-01);}
.mypage_order_exchange_return .select label.on p{ font-weight: 500; color: var(--color-000);}


.mypage_community_home{}
.mypage_community_home .option{ padding: 1.53rem 1.53rem 0 1.53rem;}
.mypage_community_home .option .search{ display: flex; position: relative; width: 100%;}
.mypage_community_home .option .search select{ display: flex; align-items: center; margin: 0 0.61rem 0 0; padding: 0 3.69rem 0 1.23rem; width: auto; height: 3.2rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.53rem auto; font-size: 1rem; color: #000; outline: none; -webkit-appearance: none;}
.mypage_community_home .option .search select:focus{ border-color: var(--color-01);}
.mypage_community_home .option .search input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 3.69rem 0 1.23rem; width: 100%; height: 3.2rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: #FFF; font-size: 1rem; color: #000; outline: none; -webkit-appearance: none;}
.mypage_community_home .option .search input:focus{ border-color: var(--color-01);}
.mypage_community_home .option .search .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 3.69rem; cursor: pointer;}
.mypage_community_home .option .search .btn img{ display: block; height: 1.84rem;}
.mypage_community_home .list{ display: grid; grid-gap: 0.61rem; background: #f7f7f7;}
.mypage_community_home .list .wrap{ padding: 1.84rem 1.53rem; background: #FFF;}
.mypage_community_home .list .wrap .date{ font-size: 0.88rem; color: var(--color-75);}
.mypage_community_home .list .wrap .tag{ display: flex; grid-gap: 0.46rem; margin-top: 0.61rem;}
.mypage_community_home .list .wrap .tag p{ display: flex; align-items: center; padding: 0 0.61rem; height: 2.3rem; border-radius: 0.61rem; background: var(--bg-02); line-height: 1.4; font-size: 0.95rem; font-weight: 500; color: var(--color-02);}
.mypage_community_home .list .wrap .item{ display: flex; align-items: center; grid-gap: 0.61rem; margin-top: 0.61rem;}
.mypage_community_home .list .wrap .item .img_wrap{ overflow: hidden; flex: 0 0 4.6rem; height: 4.6rem; border-radius: 0.3rem; background: #e0e0e0;}
.mypage_community_home .list .wrap .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.mypage_community_home .list .wrap .item .fr{ flex: 1;}
.mypage_community_home .list .wrap .item .fr .tit{ font-size: 1.13rem; font-weight: 500; color: #2e2e2e;}
.mypage_community_home .list .wrap .item .fr .txt{line-height:1.3; margin-top: 0.46rem; font-size: 1rem; color: var(--color-75); word-break:break-all;}


.mypage_sponsorship_home{ display: grid; grid-gap: 2.46rem; padding: 1.53rem 1.53rem 0 1.53rem;}
.mypage_sponsorship_home .wrap{}
.mypage_sponsorship_home .wrap .head{ display: flex; justify-content: space-between; align-items: center;}
.mypage_sponsorship_home .wrap .head .tit{ display: flex; align-items: center; grid-gap: 0.46rem;}
.mypage_sponsorship_home .wrap .head .tit > p{ font-size: 1.38rem; font-weight: 600; color: #1c1c1c;}
.mypage_sponsorship_home .wrap .head .tit .tip{ position: relative;}
.mypage_sponsorship_home .wrap .head .tit .tip img{ display: block; height: 1.84rem;}
.mypage_sponsorship_home .wrap .head .tit .tip p{ display: none; position: absolute; top: 0; left: 1.84rem; padding: 0.3rem 0.92rem; border-radius: 10rem; background: #FFF; box-shadow: 0 0 8px 0 rgba(0 0 0/16%); font-size: 1rem; color: var(--color-75); white-space: nowrap;}
.mypage_sponsorship_home .wrap .head .tit .tip:hover p{ display: block;}
.mypage_sponsorship_home .wrap .head .btn{ font-size: 1.07rem; color: #999; cursor: pointer;}

.mypage_sponsorship_home .wrap .text_01{ padding: 1.53rem; border-radius: 0.3rem; background: #f7f7f7; line-height: 1.4; font-size: 1.07rem; color: var(--color-75); letter-spacing: 0.023rem;}
.mypage_sponsorship_home .wrap .text_02{ margin-top: 1.23rem; line-height: 1.4; font-size: 1.07rem; color: var(--color-75); letter-spacing: 0.023rem;}
.mypage_sponsorship_home .wrap .text_03{ display: grid; grid-gap: 0.61rem; margin-top: 1.23rem; line-height: 1.4; font-size: 1.07rem; color: var(--color-75); letter-spacing: 0.023rem;}
.mypage_sponsorship_home .wrap .text_03 .t1{ position: relative; padding-left: 1rem; font-size: 1.07rem; color: var(--color-75);}
.mypage_sponsorship_home .wrap .text_03 .t1:before{ content: ""; display: block; position: absolute; top: 0.5rem; left: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: var(--color-75);}
.mypage_sponsorship_home .wrap .text_03 .t2{ display: grid; grid-gap: 0.61rem;}
.mypage_sponsorship_home .wrap .text_03 .t2 p{ position: relative; padding-left: 2rem; font-size: 1.07rem; color: var(--color-75);}
.mypage_sponsorship_home .wrap .text_03 .t2 p span{ display: block; position: absolute; top: 0rem; left: 1rem; font-size: 1rem; color: var(--color-75);}

.mypage_sponsorship_home .wrap .sns_link{ display: grid; grid-gap: 1.53rem; margin-top: 1.53rem;}
.mypage_sponsorship_home .wrap .sns_link .row{}
.mypage_sponsorship_home .wrap .sns_link .row .tit{ display: flex; align-items: center; grid-gap: 0.46rem; margin-bottom: 0.61rem; font-size: 1.07rem; font-weight: 500; color: #515151;}
.mypage_sponsorship_home .wrap .sns_link .row .tit img{ display: block; height: 1.84rem;}
.mypage_sponsorship_home .wrap .sns_link .row .file{ display: flex; grid-gap: 0.61rem;}
.mypage_sponsorship_home .wrap .sns_link .row .file input{ display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; font-size: 1.07rem; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.mypage_sponsorship_home .wrap .sns_link .row .file input:focus{ border: 1px solid var(--color-01);}
.mypage_sponsorship_home .wrap .sns_link .row .file .btn{ display: flex; justify-content: center; align-items: center; flex: 0 0 6.53rem; height: 4rem; border-radius: 0.3rem; background: #f2f2f2; font-size: 1.15rem; color: var(--color-75); cursor: pointer;}
.mypage_sponsorship_home .wrap .sns_link .row .file .btn.on{ background: var(--color-01); color: #FFF;}

.mypage_sponsorship_home .wrap .radio_01{ margin-top: 1.23rem; display: grid; grid-gap: 1.53rem;}
.mypage_sponsorship_home .wrap .radio_01 .row{ display: flex; justify-content: space-between; align-items: center;}
.mypage_sponsorship_home .wrap .radio_01 .row .tit{ font-size: 1.15rem; color: #515151;}
.mypage_sponsorship_home .wrap .radio_01 .row .fr{ display: flex; grid-gap: 1.84rem;}
.mypage_sponsorship_home .wrap .radio_01 .row .fr label{ display: flex; align-items: center; grid-gap: 0.3rem;}
.mypage_sponsorship_home .wrap .radio_01 .row .fr label span{ display: flex; justify-content: center; align-items: center; width: 1.53rem; height: 1.53rem; border-radius: 50%; border: 1px solid var(--color-ddd);}
.mypage_sponsorship_home .wrap .radio_01 .row .fr label p{ font-size: 1.07rem; color: var(--color-666);}
.mypage_sponsorship_home .wrap .radio_01 .row .fr label.on span{ border-color: var(--color-01);}
.mypage_sponsorship_home .wrap .radio_01 .row .fr label.on span:before{ content: ""; display: block; width: 0.76rem; height: 0.76rem; border-radius: 50%; background: var(--color-01);}
.mypage_sponsorship_home .wrap .radio_01 .row .fr label.on p{ font-weight: 500; color: var(--color-000);}

.mypage_sponsorship_home .wrap .radio_02{ margin-top: 1.23rem; display: grid; grid-gap: 1.53rem;}
.mypage_sponsorship_home .wrap .radio_02 .row{}
.mypage_sponsorship_home .wrap .radio_02 .row .tit{ font-size: 1.15rem; color: #515151;}
.mypage_sponsorship_home .wrap .radio_02 .row .fb{ display: flex; justify-content: space-between; margin-top: 0.76rem;}
.mypage_sponsorship_home .wrap .radio_02 .row .fb label{ display: flex; align-items: center; grid-gap: 0.3rem;}
.mypage_sponsorship_home .wrap .radio_02 .row .fb label span{ display: flex; justify-content: center; align-items: center; width: 1.53rem; height: 1.53rem; border-radius: 50%; border: 1px solid var(--color-ddd);}
.mypage_sponsorship_home .wrap .radio_02 .row .fb label p{ font-size: 1.07rem; color: var(--color-666);}
.mypage_sponsorship_home .wrap .radio_02 .row .fb label.on span{ border-color: var(--color-01);}
.mypage_sponsorship_home .wrap .radio_02 .row .fb label.on span:before{ content: ""; display: block; width: 0.76rem; height: 0.76rem; border-radius: 50%; background: var(--color-01);}
.mypage_sponsorship_home .wrap .radio_02 .row .fb label.on p{ font-weight: 500; color: var(--color-000);}

.mypage_sponsorship_home .wrap .check{ display: flex; justify-content: space-between; align-items: center; margin-top: 1.53rem;}
.mypage_sponsorship_home .wrap .check input{display:none}
.mypage_sponsorship_home .wrap .check label{ display: flex; align-items: center; grid-gap: 0.61rem; cursor:pointer;}
.mypage_sponsorship_home .wrap .check label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.mypage_sponsorship_home .wrap .check label p{ font-size: 1.15rem; color: var(--color-666);}
.mypage_sponsorship_home .wrap .check label.on i{ border-color: var(--color-01); background: var(--color-01);}
.mypage_sponsorship_home .wrap .check label.on p{ color: var(--color-000);}
.mypage_sponsorship_home .wrap .check .btn{ font-size: 1rem; font-weight: 500; color: #2e2e2e; cursor: pointer;}

.mypage_sponsorship_home .wrap .mentor_info{ display: grid; grid-gap: 1.53rem; margin-top: 1.53rem;}
.mypage_sponsorship_home .wrap .mentor_info .row{}
.mypage_sponsorship_home .wrap .mentor_info .row .tit{ display: flex; align-items: center; grid-gap: 0.46rem; margin-bottom: 0.61rem;}
.mypage_sponsorship_home .wrap .mentor_info .row .tit p{ font-size: 1.07rem; font-weight: 500; color: #515151;}
.mypage_sponsorship_home .wrap .mentor_info .row .tit .tip{ display: flex; align-items: center; position: relative;}
.mypage_sponsorship_home .wrap .mentor_info .row .tit .tip img{ display: block; height: 1.53rem;}
.mypage_sponsorship_home .wrap .mentor_info .row .tit .tip p{ display: none; position: absolute; top: 50%; transform: translate(0,-50%); left: 1.84rem; padding: 0.3rem 0.92rem; border-radius: 10rem; background: #FFF; box-shadow: 0 0 8px 0 rgba(0 0 0/16%); font-size: 1rem; color: var(--color-75); white-space: nowrap;}
.mypage_sponsorship_home .wrap .mentor_info .row .tit .tip:hover p{ display: block;}
.mypage_sponsorship_home .wrap .mentor_info .row .txt{ margin-top: 0.46rem; font-size: 1rem; color: #ff584d;}
.mypage_sponsorship_home .wrap .mentor_info .row .file{ display: flex; grid-gap: 0.61rem; position: relative;}
.mypage_sponsorship_home .wrap .mentor_info .row .file input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; font-size: 1.07rem; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.mypage_sponsorship_home .wrap .mentor_info .row .file input:focus{ border: 1px solid var(--color-01);}
.mypage_sponsorship_home .wrap .mentor_info .row .file .btn{ display: flex; justify-content: center; align-items: center; flex: 0 0 6.53rem; height: 4rem; border-radius: 0.3rem; background: #f2f2f2; font-size: 1.15rem; color: var(--color-75);}
.mypage_sponsorship_home .wrap .mentor_info .row .file .btn.on{ background: var(--color-01); color: #FFF;}
.mypage_sponsorship_home .wrap .mentor_info .row .file i{ display: none; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; transform: translate(0,-50%); right: 1.53rem; width: 1.53rem; height: 1.53rem; border-radius: 50%; background: var(--color-01); font-size: 0.8rem; color: #FFF;}
.mypage_sponsorship_home .wrap .mentor_info .row .file.ok .btn{ display: none;}
.mypage_sponsorship_home .wrap .mentor_info .row .file.ok i{ display: flex;}
.mypage_sponsorship_home .wrap .mentor_info .row select{ display: flex; align-items: center; margin: 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 1.15rem; color: #000; outline: none; -webkit-appearance: none;}
.mypage_sponsorship_home .wrap .mentor_info .row select:focus{ border-color: var(--color-01);}




.mypage_sponsorship_on_head{ padding: 1.53rem;}
.mypage_sponsorship_on_head .ft{ display: flex; justify-content: space-between; align-items: center;}
.mypage_sponsorship_on_head .ft .name{ line-height: 1.5; font-size: 25px; font-weight: 700; color: #000;}
.mypage_sponsorship_on_head .ft .name span{ font-size: 25px; font-weight: 700; color: var(--color-01);}
.mypage_sponsorship_on_head .ft .img_wrap{ overflow: hidden; flex: 0 0 5.53rem; height: 5.53rem; border-radius: 50%; background: #d9d9d9;}
.mypage_sponsorship_on_head .ft .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.mypage_sponsorship_on_head .txt{ margin-top: 1.23rem; line-height: 1.4; font-size: 15px; color: var(--color-75); font-weight:300;}
.mypage_sponsorship_on_head .btn{ display: flex; justify-content: center; align-items: center; margin-top: 1.53rem; height: 58px; border-radius: 0.3rem; border: 1px solid var(--color-01); background: var(--bg-01); font-size: 17px; font-weight: 600; color: var(--color-01);}

.mypage_sponsorship_on_live_head{ display: flex; justify-content: space-between; align-items: center; margin-top: 2.46rem;}
.mypage_sponsorship_on_live_head p{ font-size: 18px; font-weight: 600; color: #1c1c1c;}
.mypage_sponsorship_on_live_head a{ font-size: 15px; color: #999; cursor: pointer; font-weight:300}

.mypage_sponsorship_on_live{ display: grid; grid-template-columns: repeat(4,1fr); margin-top: 0.92rem; border-radius: 0.3rem; background: #f7f7f7;}
.mypage_sponsorship_on_live a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 6.76rem;}
.mypage_sponsorship_on_live a p{ font-size: 25px; font-weight: 600; color: #bcbcbc;}
.mypage_sponsorship_on_live a p.on{ color: var(--color-01);}
.mypage_sponsorship_on_live a span{ margin: 0.3rem 0 0 0; font-size: 15px; font-weight: 500; color: #1c1c1c;}
.mypage_sponsorship_on_live a:after{ content: ""; display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 0.92rem); right: -0.92rem; width: 1.84rem; height: 1.84rem; background: url(/images/icon_rr.svg) center/cover;}
.mypage_sponsorship_on_live a:last-child:after{ display: none;}

.mypage_sponsorship_menu{ display: grid; grid-template-columns: repeat(4,1fr);}
.mypage_sponsorship_menu a{ display: flex; justify-content: center; align-items: center; position: relative; height:52px; border-bottom: 1px solid #f2f2f2; font-size: 15px; font-weight: 500; color: var(--color-75); cursor: pointer;}
.mypage_sponsorship_menu a.on{ color: #2e2e2e;}
.mypage_sponsorship_menu a.on:before{ content: ""; display: block; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--color-01);}

.mypage_sponsorship_item_list{ display: grid; grid-gap: 0.92rem; padding: 1.53rem 1.53rem 0 1.53rem;}
.mypage_sponsorship_item_list .wrap{ display: flex; grid-gap: 0.61rem;}
.mypage_sponsorship_item_list .wrap .img_wrap{ overflow: hidden; position: relative; flex: 0 0 7.69rem; height: 7.69rem; border-radius: 0.3rem; background: #e0e0e0;}
.mypage_sponsorship_item_list .wrap .img_wrap .btn_cart{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: var(--color-fff); cursor: pointer;}
.mypage_sponsorship_item_list .wrap .img_wrap .btn_cart img{ height: 1.84rem;}
.mypage_sponsorship_item_list .wrap .img_wrap .img{ position: relative;}
.mypage_sponsorship_item_list .wrap .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.mypage_sponsorship_item_list .wrap .info{ flex: 1; position: relative; padding-top: 0.46rem;}
.mypage_sponsorship_item_list .wrap .info .tit{ font-size: 16px; font-weight: 600; color: #1c1c1c;}
.mypage_sponsorship_item_list .wrap .info .tag{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.46rem 0 0 0;}
.mypage_sponsorship_item_list .wrap .info .tag p{ padding: 0.15rem 0.3rem; border-radius: 0.3rem; background: var(--bg-02); line-height: 1.4; font-size: 14px; font-weight: 500; color: var(--color-02);}
.mypage_sponsorship_item_list .wrap .info .tag b{ font-size: 1.23rem; font-weight: 600; color: var(--color-red);}
.mypage_sponsorship_item_list .wrap .info .txt{ display: block; margin: 0.46rem 0 0 0; font-size: 14px; color: var(--color-75);}
.mypage_sponsorship_item_list .wrap .info .write{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; width: 2.76rem; height: 2.76rem; border-radius: 50%; border: 1px solid #e0e0e0; background: #FFF; cursor: pointer;}
.mypage_sponsorship_item_list .wrap .info .write img{ display: block; height: 1.84rem;}

.mypage_sponsorship_item{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.84rem 0.61rem; margin-top: 3.84rem; padding: 1.53rem 1.53rem 0 1.53rem;}
.mypage_sponsorship_item .wrap{}
.mypage_sponsorship_item .wrap .img_wrap{ overflow: hidden; position: relative; background: #e0e0e0;}
.mypage_sponsorship_item .wrap .img_wrap .btn_cart{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0.92rem; bottom: 0.92rem; width: 2.76rem; height: 2.76rem; border-radius: 50%; background: var(--color-fff); cursor: pointer;}
.mypage_sponsorship_item .wrap .img_wrap .btn_cart img{ height: 1.84rem;}
.mypage_sponsorship_item .wrap .img_wrap .img{ position: relative;}
.mypage_sponsorship_item .wrap .img_wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.mypage_sponsorship_item .wrap .info{ display: block; flex: 1; position: relative; padding-top: 0.76rem;}
.mypage_sponsorship_item .wrap .info .brand{ font-size: 0.92rem; color: #999;}
.mypage_sponsorship_item .wrap .info .tit{ margin-top: 0.3rem; font-size: 1rem; font-weight: 500; color: #515151;}
.mypage_sponsorship_item .wrap .info .tag{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.46rem 0 0 0;}
.mypage_sponsorship_item .wrap .info .tag p{ padding: 0.15rem 0.3rem; border-radius: 0.3rem; background: var(--bg-02); line-height: 1.4; font-size: 0.92rem; font-weight: 500; color: var(--color-02);}
.mypage_sponsorship_item .wrap .info .tag b{ font-size: 1.23rem; font-weight: 600; color: var(--color-red);}



.mypage_coupon{ padding: 1.53rem 1.53rem 0 1.53rem;}
.mypage_coupon .full{ font-size: 0.95rem; color: var(--color-75);}
.mypage_coupon .list{ display: grid; grid-gap: 0.92rem; margin-top: 0.92rem;}
.mypage_coupon .list .wrap{ display: grid; padding: 1.5rem 1.53rem; border-radius: 0.3rem; border: 1px solid #f2f2f2; background: #fcfcfc;}
.mypage_coupon .list .wrap .ft{ display: flex; justify-content: space-between; align-items: center;}
.mypage_coupon .list .wrap .ft .fl{ font-size: 21px; font-weight: 700; color: var(--color-01);}
.mypage_coupon .list .wrap .ft .fr{ font-size: 13px; font-weight: 500; color: var(--color-75); border-radius:4px; padding:3px 5px;}
.mypage_coupon .list .wrap .ft .fr.expiration{color:var(--color-red2); background-color:var(--bg-red)}
.mypage_coupon .list .wrap .ft .fr.before{color:var(--color-01); background-color:var(--bg-01)}
.mypage_coupon .list .wrap .ft .fr.red{ color: var(--color-red2);}
.mypage_coupon .list .wrap .tit{ display: flex; align-items: center; grid-gap: 1rem; margin:8px 0 10px}
.mypage_coupon .list .wrap .tit p{ flex: 1; font-size: 17px; font-weight: 500; color: #222;}
.mypage_coupon .list .wrap .tit span{ font-size: 1rem; font-weight: 500; color: var(--color-75);}
.mypage_coupon .list .wrap .row{ display: flex; justify-content: space-between; align-items: center; margin-top:10px;}
.mypage_coupon .list .wrap .row p{ font-size: 15px; color: var(--color-75); font-weight:300;}
.mypage_coupon .list .wrap .row span{ font-size: 15px; color: #2e2e2e; font-weight:300;}}
.mypage_coupon .list .wrap.off{ background: #f7f7f7;}
.mypage_coupon .list .wrap.off *{ filter: grayscale(100%); opacity: 0.6;}


.mypage_coupon_view{}
.mypage_coupon_view .top{ padding:1.3rem 1.53rem;}
.mypage_coupon_view .top .tit{ line-height: 1.4; font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.mypage_coupon_view .top .tit span{ margin-right:8px; font-size: 1.32rem; font-weight: 600; color: var(--color-01);}
.mypage_coupon_view .top .date{ margin-top: 0.61rem; font-size: 0.88rem; color: var(--color-75);}
.mypage_coupon_view .option{ display: flex; justify-content: space-between; align-items: center; padding: 1.3rem 1.53rem 0 1.53rem;}
.mypage_coupon_view .option .tit{ font-size: 0.95rem; color: var(--color-75);}


.mypage_coupon_view_list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.53rem 0.61rem; padding: 1.3rem 1.53rem 0 1.53rem;}
.mypage_coupon_view_list .modle_list_02 .info .price p{ font-size: 1.07rem;}
.mypage_coupon_view_list .modle_list_02 .info .price b{ font-size: 1.07rem;}


.mypage_recommend{ margin-top: 3.84rem; padding: 1.53rem;}
.mypage_recommend .option{ display: flex; justify-content: flex-end;}
.mypage_recommend .modle_table{ margin-top: 0.92rem;}



.mypage_income_head{ padding: 1.2rem 1.53rem 2.2rem 1.53rem;}
.mypage_income_head .my{ display: flex; align-items: center; grid-gap: 0.92rem; position:relative;}
.mypage_income_head .my .more{width:150px; position:absolute; right:0; background-color:#fff; top:40px; box-shadow:0 1px 7px rgba(0,0,0,0.2); padding:8px 0; border-radius:5px; display:none;}
.mypage_income_head .my .more.on{display:block}
.mypage_income_head .my .more li{font-size:14px; color:var(--color-2e); font-weight:300;}
.mypage_income_head .my .more li > a{font-size:inherit; color:inherit; font-weight:inherit; padding:5px 15px; display:block; width:100%; text-align:left }
.mypage_income_head .my .more li > button{font-size:inherit; color:inherit; font-weight:inherit; background:transparent; cursor:pointer;padding:5px 15px;display:block;width:100%; text-align:left}
.mypage_income_head .my .allowance_more_view{position:absolute; top:18px; right:0;display:flex; flex-direction:column; gap:3px; cursor:pointer; width:20px; align-items:flex-end; background:transparent}
.mypage_income_head .my .allowance_more_view > span{display:block; width:3px; height:3px; background-color:#1c1c1c; border-radius:5px;}
.mypage_income_head .my .img_wrap{ overflow: hidden; flex: 0 0 7.38rem; height: 7.38rem; border-radius: 50%; background: #d9d9d9;}
.mypage_income_head .my .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.mypage_income_head .my .fr{ flex: 1;}
.mypage_income_head .my .fr .name{  }
.mypage_income_head .my .fr .name a{font-size: 19px; font-weight: 600; color: #1c1c1c;}
.mypage_income_head .my .fr .id{ margin-top: 1rem; font-size: 15px; font-weight: 500; color: #2e2e2e;}
.mypage_income_head .my .fr .btn{ margin-top: 10px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.61rem;}
.mypage_income_head .my .fr .btn a{ display: flex; justify-content: center; align-items: center; grid-gap: 0.3rem; height: 2.15rem; border-radius: 0.3rem; border: 1px solid #cecece; cursor: pointer;}
.mypage_income_head .my .fr .btn a p{ font-size:14px; color: #2e2e2e;}
.mypage_income_head .my .fr .btn a img{ display: block; height: 1.23rem;}
.mypage_income_head .my_btn{ margin-top: 1.53rem; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.61rem;}
.mypage_income_head .my_btn a,
.mypage_income_head .my_btn button{ display: flex; justify-content: center; align-items: center; height: 52px; border-radius: 0.3rem; background: #f2f2f2; font-size: 1rem; font-weight: 600; color: #2e2e2e;}
.mypage_income_head .my_btn button{cursor:pointer; grid-column: 1 / 3; background:transparent; border:1px solid #cecece; font-weight:500;}
.mypage_income_head .my_card{ margin-top: 2rem; padding: 1.3rem 1.53rem; border-radius: 0.3rem; border: 1px solid var(--color-01); background: var(--bg-01);}
.mypage_income_head .my_card .ft{ display: flex; justify-content: space-between; align-items: center;}
.mypage_income_head .my_card .ft p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size:14px; color: #999; font-weight:300;}
.mypage_income_head .my_card .ft p span{ font-size: 19px; font-weight: 600; color: #1c1c1c;}
.mypage_income_head .my_card .number{ margin-top: 1.3rem; font-size: 2rem; font-weight: 700; color: var(--color-01);}
.mypage_income_head .my_card .date{ margin-top: 0.61rem; font-size:14px; color: #999; font-weight:300;}

.mypage_income_body{ padding: 0 1.53rem;}
.mypage_income_body .head{ display: flex; justify-content: space-between; align-items: center; padding: 2.46rem 0 0.92rem 0;}
.mypage_income_body .head .fl{ display: flex; align-items: center; grid-gap: 0.61rem;}
.mypage_income_body .head p{ font-size: 19px; font-weight: 600; color: #1c1c1c;}
.mypage_income_body .head span{ font-size:14px; color: #999;}
.mypage_income_body .head a{ font-size:15px; color: var(--color-75); text-decoration: underline; font-weight:300}
.mypage_income_body .menu{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0.61rem;}
.mypage_income_body .menu a{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 4.4rem; border-radius: 0.3rem; background: #f7f7f7; cursor: pointer;}
.mypage_income_body .menu a p{ font-size: 1rem; color: var(--color-75);}
.mypage_income_body .menu a p b{ padding-right: 0.1rem; font-size: 1rem; font-weight: 500; color: #1c1c1c;}
.mypage_income_body .menu a span{ margin-top: 0.3rem; font-size: 0.88rem; color: var(--color-75);}
.mypage_income_body .menu a.on{ background: var(--color-01);}
.mypage_income_body .menu a.on p{ color: #FFF;}
.mypage_income_body .menu a.on p b{ color: #FFF;}
.mypage_income_body .menu a.on span{ color: #FFF;}

.mypage_income_body .chart_btn{ display: flex; justify-content: center; align-items: center; padding: 1.53rem 0 0 0;}
.mypage_income_body .chart_btn .btn{ display: flex; justify-content: center; align-items: center; width: 1.53rem; height: 1.53rem; border-radius: 0.3rem; border: 1px solid #cecece; cursor: pointer;}
.mypage_income_body .chart_btn .btn img{ display: block; height: 1.23rem;}
.mypage_income_body .chart_btn .btn.left{}
.mypage_income_body .chart_btn .btn.right{ transform: rotate(180deg);}
.mypage_income_body .chart_btn p{ width: 6.15rem; text-align: center; font-size: 1.23rem; font-weight: 500; color: #515151;}

.mypage_income_body .chart_info{ display: flex; justify-content: flex-end; grid-gap: 0.92rem; margin-top: 2.76rem;}
.mypage_income_body .chart_info p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 1rem; color: var(--color-75);}
.mypage_income_body .chart_info p span{ display: block; width: 0.92rem; height: 0.92rem; border-radius: 0.3rem;}

.mypage_income_body .chart{ margin: 1.53rem -1.53rem 0 -1.53rem;}
.mypage_income_body .chart .scroll{ overflow-x: scroll; padding: 0 1.53rem 1rem 1.53rem;}
.mypage_income_body .table{ margin: 0 -1.53rem;}
.mypage_income_body .table .scroll{ overflow-x: scroll; padding: 0 1.53rem 1rem 1.53rem;}
.mypage_income_body .table .scroll .modle_table{ width: 600px;}

.document_popup{width:100%; height:100vh; position:absolute; top: 0; left:0; background:rgba(0,0,0,0.5); z-index:101}


@media(max-width: 768px){
    .mypage_income_body .chart .scroll{ padding: 0 1.53rem;}
    .mypage_income_body .table .scroll{ padding: 0 1.53rem;}
}

.chart_box_01{ display: flex; position: relative; margin-top: -30px; padding: 0 0 20px 30px;}
.chart_box_01 svg{ position: absolute; z-index: 10; bottom: 20px; left: 30px; width: calc(100% - 30px); height: calc(100% - 20px - 40px);}
.chart_box_01 .x{ position: absolute; top: 0; right: 0; bottom: 0; left: 30px;}
.chart_box_01 .x p{ position: relative; height: 40px;}
.chart_box_01 .x p span{ display: flex; justify-content: flex-start; align-items: center; position: absolute; left: -30px; bottom: -10px; width: 30px; height: 20px; font-size: 12px; color: var(--color-75);}
.chart_box_01 .x p:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; border-top: 1px dashed #e0e0e0;}
.chart_box_01 .y{ position: relative; flex: 0 0 40px; height: 200px; border-bottom: 1px solid #e0e0e0;}
.chart_box_01 .y p{ display: flex; justify-content: center; align-items: flex-end; position: absolute; left: -20px; bottom: -20px; width: 40px; height: 20px; font-size: 12px; color: var(--color-75);}
.chart_box_01 .y span{ display: block; position: absolute; z-index: 20; left: -4px; margin-bottom: -5px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--color-01); background: #FFF;}

.chart_box_02{ display: flex; position: relative; margin-top: -30px; padding: 0 0 20px 30px;}
.chart_box_02 svg{ position: absolute; z-index: 10; bottom: 20px; left: 30px; width: calc(100% - 30px); height: calc(100% - 20px - 40px);}
.chart_box_02 .x{ position: absolute; top: 0; right: 0; bottom: 0; left: 30px;}
.chart_box_02 .x p{ position: relative; height: 40px;}
.chart_box_02 .x p span{ display: flex; justify-content: flex-start; align-items: center; position: absolute; left: -30px; bottom: -10px; width: 30px; height: 20px; font-size: 12px; color: var(--color-75);}
.chart_box_02 .x p:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; border-top: 1px dashed #e0e0e0;}
.chart_box_02 .y{ position: relative; flex: 0 0 40px; height: 280px; border-bottom: 1px solid #e0e0e0;}
.chart_box_02 .y p{ display: flex; justify-content: center; align-items: flex-end; position: absolute; left: -20px; bottom: -20px; width: 40px; height: 20px; font-size: 12px; color: var(--color-75);}
.chart_box_02 .y span{ display: block; position: absolute; z-index: 20; left: -4px; margin-bottom: -5px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--color-01); background: #FFF;}
.chart_box_02 .y span:nth-child(2){ border-color: var(--color-02);}


.mypage_reward_guide{}
.mypage_reward_guide .visual{ overflow: hidden; padding: 3rem 1.53rem; background: var(--bg-01);}
.mypage_reward_guide .visual .t1{ line-height: 1.4; font-size: 1.56rem; font-weight: 600; color: #000;}
.mypage_reward_guide .visual .t1 span{ font-weight: 700; color: var(--color-01);}
.mypage_reward_guide .visual .t2{ margin-top: 3.07rem; line-height: 1.4; font-size: 1.56rem; font-weight: 600; color: #000;}
.mypage_reward_guide .visual .t2 span{ font-weight: 700; color: var(--color-01);}
.mypage_reward_guide .visual img{ display: block; float: right; margin-top: -5rem; height: 16.3rem;}

.mypage_reward_guide .point{ padding: 3.04rem 1.53rem;}
.mypage_reward_guide .point .tit{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 0.94rem; font-weight: 700; color: var(--color-01);}
.mypage_reward_guide .point .tit img{ display: block; height: 1.53rem;}
.mypage_reward_guide .point .t1{ align-items:center; display: flex; flex-wrap: wrap; grid-gap: 0.61rem; margin-top: 1.53rem; line-height: 2.69rem; font-size: 1.19rem; font-weight: 600; color: #2e2e2e;}
.mypage_reward_guide .point .t1 p {margin-right:60px;}
.mypage_reward_guide .point .t1 span{ display: flex; align-items: center; padding: 0 0.92rem; height: 2.69rem; border-radius: 10rem; border: 1px solid var(--color-01); font-size: 1.13rem; font-weight: 600; color: #000;}
.mypage_reward_guide .point .t2{ margin-top: 1.23rem; line-height: 1.4; font-size: 1.19rem; font-weight: 600; color: #2e2e2e;}

.mypage_reward_guide .step{ border-radius: 0.92rem 0.92rem 0 0; padding: 2.5rem 1.53rem 3rem; box-shadow: 0 -3px 13px 0 rgba(0 0 0/7%);}
.mypage_reward_guide .step .top{ padding: 1.3rem 1.53rem; border-radius: 0.3rem; border: 1px solid #f2f2f2;}
.mypage_reward_guide .step .top .t1{ font-size: 1.06rem; font-weight: 600; color: #2e2e2e;}
.mypage_reward_guide .step .top .t2{ margin-top: 0.5rem; line-height: 1.4; font-size: 0.94rem; color: var(--color-75);}
.mypage_reward_guide .step .top .box{ margin-top: 1.23rem; display: flex; justify-content: space-between; align-items: center;}
.mypage_reward_guide .step .top .box p{ display: flex; justify-content: center; align-items: center; position: relative; width: 5.59rem; height: 3rem; border-radius: 0.3rem; border: 1px solid var(--color-01); font-size: 0.94rem; color: #2E2E2E;}
.mypage_reward_guide .step .top .box p:nth-child(1){ border-color: #03C6AE; }
.mypage_reward_guide .step .top .box img{ display: block; height: 1.84rem; transform: rotate(-90deg);}
.mypage_reward_guide .step .middle{ display: flex; flex-direction:column; align-items:center; justify-content: space-between; margin: 3.07rem 0;}
.mypage_reward_guide .step .middle .row{ width:100%; text-align: center;}
.mypage_reward_guide .step .middle .row .img{ position: relative;}
.mypage_reward_guide .step .middle .row .img img{ display: block; position: relative; z-index: 10; width: 100%; max-width:100px; margin:0 auto}
/* .mypage_reward_guide .step .middle .row .img:after{ content: ""; display: block; position: absolute; top: 50%; transform: translate(0,-50%); right: -1.5rem; width: 3rem; height: 0.8rem; background: url(/images/reward_right.svg) no-repeat center right; background-size: auto 100%;} */
.mypage_reward_guide .step .middle .row2{display:flex; justify-content:space-between; width:80%; flex-wrap:wrap}
/* .mypage_reward_guide .step .middle .row2:before{content:''; display:block; width:100%; height:1px; margin-top:-5px; border-top:1px dashed #878787} */
.mypage_reward_guide .step .middle .row2 .img{position:relative; padding-top:10px}
.mypage_reward_guide .step .middle .row2 .img:before{content:''; display: block; width:1px; height:10px; border-right:1px dashed #A1A1A1; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.mypage_reward_guide .step .middle .recommen_wrap{display:flex; flex-direction:column; align-items:center;}
.mypage_reward_guide .step .middle .recommen_wrap:before{content:''; margin:7px 0; display:block; height:15px; width:6px; background:url(/images/arrow_v.png) no-repeat center; background-size:100%;}
.mypage_reward_guide .step .middle .recommen_wrap:after{content:''; margin:3px 0 5px; display:block; height:16px; width:1px; background:url(/images/dashed_img.png) no-repeat center; background-size:100%;}
.mypage_reward_guide .step .middle .recommen_wrap > p{padding:6px 14px; font-weight:600; color:var(--color-01);  background-color:#F2F2F2; border-radius:50px; }
.mypage_reward_guide .step .middle .recommen_wrap > p.text2{color:#03C6AE}
.mypage_reward_guide .step .middle .dashed_line{width:50%; margin:0 auto; height:1px; margin-top:-5px; border-top:1px dashed #878787}}
.mypage_reward_guide .step .middle .row p{ margin-top: 0.7rem; font-size: 1rem; color: #2e2e2e;}
.mypage_reward_guide .step .middle .row span{ display: block; font-size: 1rem; font-weight: 600; color: var(--color-01);}
.mypage_reward_guide .step .middle .row:nth-child(3) .img:after{ display: none;}
.mypage_reward_guide .step .middle .row:nth-child(3) span{ color: var(--color-01);}
.mypage_reward_guide .step .bottom{ display: grid; grid-gap: 0.92rem; margin-top: 1.53rem;}
.mypage_reward_guide .step .bottom .box{ display: flex; flex-direction: column; align-items: flex-start; padding: 1.53rem; border-radius: 0.3rem; border: 1px solid #f2f2f2; background: #fcfcfc;}
.mypage_reward_guide .step .bottom .box .t1{ font-size: 0.94rem; font-weight: 600; color: #03C6AE;}
.mypage_reward_guide .step .bottom .box .t2{ margin-top: 0.61rem; line-height: 1.4; font-size: 0.94rem; color: var(--color-75);}
.mypage_reward_guide .step .bottom .box .t3{border-radius:2px; display: flex; align-items: center; margin-top: 0.61rem; padding: 0 0.92rem; height: 1.84rem; background: #999; font-size: 0.88rem; color: #FFF;}
.mypage_reward_guide .step .bottom .box:nth-child(2) .t1{ color: var(--color-01);}
.mypage_reward_guide .step .bottom .box:nth-child(2) .t3{ background: var(--color-01);}
.mypage_reward_guide .step .bottom .box:nth-child(3) .t1{ color: var(--color-01);}
.mypage_reward_guide .step .bottom .box:nth-child(3) .t3{ background: var(--color-01);}

.mypage_reward_guide .revenue{ padding: 3rem 1.53rem;}
.mypage_reward_guide .revenue .wrap{}
.mypage_reward_guide .revenue .wrap .top{border: 1px solid #f2f2f2; border-radius: 0.3rem;padding: 1.53rem; margin-bottom:2rem}
.mypage_reward_guide .revenue .wrap .top .tit{ font-size: 1.06rem; font-weight: 600; color: #2e2e2e; display:flex; align-items:center; gap:7px; line-height:1}
.mypage_reward_guide .revenue .wrap .top .box{ display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 1.23rem;}
.mypage_reward_guide .revenue .wrap .top .box .row{ display: flex; justify-content: center; align-items: center; width: 53%; height: 6rem; border-radius: 60px; border: 1px dashed rgba(37 62 208/60%); background: rgba(241 243 253/33%); font-size: 0.95rem; color: #2e2e2e;}
.mypage_reward_guide .revenue .wrap .top .box .row:nth-child(2){ position: absolute; top: 0; right:0}
.mypage_reward_guide .revenue .wrap .top .txt{ margin-top: 1rem; line-height: 1.4; font-size: 0.94rem; color: var(--color-75); text-align:center;}
.mypage_reward_guide .revenue .wrap .middle > p{font-size:0.94rem; margin-bottom:1.53rem}
.mypage_reward_guide .revenue .wrap .middle ul{margin:1.23rem 0; font-size:1.23rem}
.mypage_reward_guide .revenue .wrap .middle ul > li{font-size:0.95rem ; display:flex; background-color:#F7F7F7; margin-bottom:1rem; padding:1.23rem; align-items:center; gap:7px}
.mypage_reward_guide .revenue .wrap .middle ul > li > span{padding-right:2px; background-color:var(--color-01); color:var(--color-fff); width:20px; height:20px; text-align:center; font-size:0.95rem; font-weight:400; display:flex; align-items:center; justify-content:center}
.mypage_reward_guide .revenue .wrap .middle ul li > p{font-weight:300; font-size:.94rem; line-height:1}
.mypage_reward_guide .revenue .wrap .middle2{margin-top:2.5rem}
.mypage_reward_guide .revenue .wrap .middle2 > p{font-size:0.94rem; margin-bottom:1.53rem}
.mypage_reward_guide .revenue .wrap .middle2 img{ display: block; margin-top: 1.23rem; width: 100%;}
.mypage_reward_guide .revenue .wrap .bottom{}
.mypage_reward_guide .revenue .wrap .bottom img{ display: block; margin: 0.92rem auto; height: 2.76rem;}
.mypage_reward_guide .revenue .wrap .bottom p{ text-align: center; font-size: 1.3rem; font-weight: 500; color: #000;}
.mypage_reward_guide .revenue .wrap .bottom p span{ font-size: 1.53rem; font-weight: 600; color: var(--color-01);}

.mypage_reward_guide .reward{ padding: 3rem 0;}
.mypage_reward_guide .reward .tit{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 1.06rem; font-weight: 600; color: #2e2e2e;}
.mypage_reward_guide .reward .tit img{ display: block; height: 1.53rem;}
.mypage_reward_guide .reward .wrap{ display: grid; grid-gap: 3.07rem; margin-top: 1.84rem;}
.mypage_reward_guide .reward .wrap .box{ display: grid; grid-gap: 0.61rem;}
.mypage_reward_guide .reward .wrap .btn{ display: flex; justify-content: center; align-items: center; height: 3.07rem; border-radius: 0.3rem; border: 1px dashed var(--color-01); background: var(--bg-01); font-size: 1.15rem; font-weight: 600; color: #2e2e2e;}
.mypage_reward_guide .reward .wrap .txt{ margin-bottom: 0.61rem; text-align: center; line-height: 1.4; font-size: 1.07rem; color: var(--color-75);}
.mypage_reward_guide .reward .wrap .txt span{ font-weight: 600; color: #00ac96;}
.mypage_reward_guide .reward .wrap .img{ display: block; width: 100%;}
.mypage_reward_guide .reward .text{ padding: 1.53rem; border-radius: 0.3rem; background: #f7f7f7; text-align: center; line-height: 1.6; font-size: 1.07rem;  color: #2e2e2e;}
.mypage_reward_guide .reward .text b{ font-weight: 600; color: #00ac96;}
.mypage_reward_guide .reward .text span{ color: var(--color-75);}








.slimlab_notice{ margin: 1.53rem 0 0 0;}
.slimlab_notice .wrap{ display: block; padding: 1.53rem; border-bottom: 1px solid #e0e0e0 }

.slimlab_notice .wrap .tit{ line-height: 1.4; font-size: 17px; font-weight: 600; color: var(--color-000);}
.slimlab_notice .wrap .tit img{ display: inline-block; margin: 0 0 0 0.5rem; height: 1.23rem; transform: translate(0,0.18rem);}
.slimlab_notice .wrap .date{ margin: 10px 0 0 0; font-size: 15px; color: var(--color-75); font-weight:300}
.slimlab_notice .wrap.new{ background: var(--bg-01);}
@media(max-width:767px){
	.slimlab_notice .wrap .tit{font-size:16px;}
	.slimlab_notice .wrap .date{font-size:14px;}
}



.slimlab_notice_view{}
.slimlab_notice_view .head{ padding: 1.53rem;}
.slimlab_notice_view .head .tit{ line-height: 1.4; font-size:17px; font-weight: 600; color: var(--color-000);}
.slimlab_notice_view .head .date{ margin: 0.92rem 0 0 0; font-size:15px; font-weight:300; color:var(--color-75)}
.slimlab_notice_view .body{ padding: 1.53rem; line-height: 1.8; font-size: 1.07rem; color: var(--color-666);}
.slimlab_notice_view .body *{ display: block; max-width: 100%; line-height: 1.8; font-size: 1.07rem; color: var(--color-666);}
@media(max-width:767px){
	.slimlab_notice_view .head .tit{font-size:16px;}
	.slimlab_notice_view .head .date{font-size:14px; margin-top:10px}
}


.slimlab_event{ margin: 3.84rem 0 0 0;}
.slimlab_event .head{ padding: 1.53rem;}
.slimlab_event .head .tit{ font-size: 19px; font-weight: 700; color: var(--color-2e);}
.slimlab_event .head .txt{ margin: 0.61rem 0 0 0; font-size:15px; color: var(--color-75);}
.slimlab_event .list{ display: grid; grid-gap: 20px; padding: 0 1.53rem;}
.slimlab_event .list .wrap{ display: flex; flex-direction:column}
.slimlab_event .list .wrap .img_wrap{}
.slimlab_event .list .wrap .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.slimlab_event .list .wrap .fr{display:flex; flex-direction:column; gap:3px; }
.slimlab_event .list .wrap .fr .tit{ line-height: 1.4; font-size: 18px; font-weight: 600; color: var(--color-000);}
.slimlab_event .list .wrap .fr .txt{line-height: 1.4; font-size: 15px; color: var(--color-666);}
.slimlab_event .list .wrap .fr .date{ font-size: 14px; color: var(--color-666);}

.slimlab_event_view{ margin: 3.84rem 0 0 0;}
.slimlab_event_view .head{ padding: 1.53rem;}
.slimlab_event_view .head .tit{ line-height: 1.4; font-size: 1.23rem; font-weight: 600; color: var(--color-000);}
.slimlab_event_view .head .date{ margin: 0.92rem 0 0 0; font-size: 1.07rem; color: var(--color-666);}
.slimlab_event_view .body{ padding: 1.53rem 0; line-height: 1.8; font-size: 1.07rem; color: var(--color-666);}
.slimlab_event_view .body *{ display: block; max-width: 100%; line-height: 1.8; font-size: 1.07rem; color: var(--color-666);}
.exhibition_products{padding:1.53rem; display:grid; grid-template-columns:1fr 1fr; gap:1.23rem 0.61rem; }
.exhibition_products > h4{font-weight:700; font-size:19px;color: var(--color-2e); grid-column: 1 / span 2;}
.exhibition_products .modle_list_02 .info .price{font-size:17px}


@media(max-width:767px){

}




.slimlab_review{ display: grid; grid-gap: 0.61rem; background: #f7f7f7;}
.slimlab_review .wrap{ padding: 1.53rem; background: #FFF;}
.slimlab_review .wrap .write_info{display:flex;}
.slimlab_review .wrap .write_info > div{display:flex; align-items:center; gap:5px}
.slimlab_review .wrap .write_info > div > p{font-size:15px; font-weight:700;}
.slimlab_review .wrap .write_info .date{ font-size: 12px; color: var(--color-75); font-weight:300; margin-left:5px}
.slimlab_review .wrap .item{ display: flex; align-items: center; grid-gap: 0.61rem; margin: 0.61rem 0 0 0;}
.slimlab_review .wrap .item .img_wrap{ overflow: hidden; flex: 0 0 44px; border-radius: 0.3rem; background: var(--color-eee);}
.slimlab_review .wrap .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.slimlab_review .wrap .item .fr{}
.slimlab_review .wrap .item .fr .tit{ font-size: 17px; font-weight: 500; color: var(--color-000);}
.slimlab_review .wrap .item .fr .txt{ margin: 0.3rem 0 0 0; font-size: 1.07rem; color: var(--color-666);}
.slimlab_review .wrap .head_bottom{margin-top:0.61rem; border-bottom:1px solid #F2F2F2; padding-bottom:1rem; margin-bottom:1rem; display:flex; align-items:center;}
.slimlab_review .wrap .head_bottom > .challenge_review_cate > .mbti{display:inline-block; padding: 0.15rem 0.3rem; background: var(--bg-02); font-size: 13px; font-weight: 500; color: var(--color-02);}
.slimlab_review .wrap .head_bottom > .challenge_review_cate > .cate2{display:inline-block; padding: 0.15rem 0.3rem; font-size: 13px; font-weight: 500; color: #03C6AE;}
.slimlab_review .wrap .star{ display: flex;}
.slimlab_review .wrap .star img{ display: block; height: 15px;}
.slimlab_review .wrap .review{ display: block;}
.slimlab_review .wrap .review > h3{font-size:15px; color:var(--color-2e); font-weight:600; margin-bottom:0.5rem;}
.slimlab_review .wrap .review .txt{ line-height: 1.4; font-size: 15px; color: var(--color-2e); font-weight:300;}
.slimlab_review .wrap .review .img_list{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 0.92rem; margin: 0.61rem 0 0 0;}
.slimlab_review .wrap .review .img_list .img_wrap{ overflow: hidden; border-radius: 0.3rem; background: var(--color-eee);}
.slimlab_review .wrap .review .img_list .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}


.slimlab_review .wrap .btn{ display: flex; grid-gap: 0.92rem; margin: 1.23rem 0 0 0;}
.slimlab_review .wrap .btn a{cursor:pointer; display: flex; justify-content: center; align-items: center; width:82px; height: 42px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); font-size: 16px; font-weight: 500; color: var(--color-000);}
.slimlab_review .wrap .btn a.btn_review_delete{ color: var(--color-red2);}
.review_photo_wrap_thumb{padding-right:50px;}
.review_photo_wrap_thumb > .swiper-wrapper{padding:1.53rem 0 0 1.53rem; margin-bottom:30px}
.review_photo_wrap_thumb .swiper-wrapper .swiper-slide{border-radius:5px; overflow:hidden;border:1px solid rgba(0,0,0,0); cursor:pointer}
.review_photo_wrap_thumb .swiper-wrapper .swiper-slide .img{ display: flex; height:5rem;  justify-content: center; align-items: center; line-height: 1.4; font-size: 1.2rem; }
.review_photo_wrap_thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{border-color:var(--color-01)}
.review_photo_wrap{}
.review_photo_wrap .swiper-wrapper .swiper-slide .img{ display: flex; height:50vh; justify-content: center; align-items: center; line-height: 1.4; font-size: 1.2rem;}
.review_brief_wrap{background-color:#F7F7F7; padding:1.25rem; gap:1rem;display:grid;grid-template-columns:1fr 1fr; margin-top:1.25rem;}
.review_brief_wrap .review_brief {display:flex; gap:5px;}
.review_brief_wrap .review_brief > input {display:none}
.review_brief_wrap .review_brief > input:checked + label {display:flex; justify-content:center; align-items:center; width:18px; height:18px; background-color:var(--color-01); border-radius:2px;}
.review_brief_wrap .review_brief > label > i{color:#fff; font-size:12px; font-weight:600;}
.review_brief_wrap .review_brief > p{font-size:16px; color:#1c1c1c; width:calc(100% - 23px)}


.slimlab_review_write{}
.slimlab_review_write .item{ display: flex; grid-gap: 0.92rem; padding: 1.53rem;}
.slimlab_review_write .item .img_wrap{ overflow: hidden; flex: 0 0 6.15rem; border-radius: 0.61rem; background: var(--color-eee);}
.slimlab_review_write .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.slimlab_review_write .item .fr{}
.slimlab_review_write .item .fr .tit{ font-size:16px; font-weight: 500; color: #515151;}
.slimlab_review_write .item .fr .price{ display: flex; align-items: center; grid-gap: 0.3rem; margin: 0.61rem 0 0 0;}
.slimlab_review_write .item .fr .price p{ font-size: 17px; font-weight: 600; color: #1c1c1c;;}
.slimlab_review_write .item .fr .price span{ font-size: 15px; color: #515151}
.slimlab_review_write .body{ display: grid; grid-gap: 1.53rem; padding: 1.53rem;}
.slimlab_review_write .body .wrap{ position: relative;}
.slimlab_review_write .body .wrap .tit{ display: flex; align-items: center; padding: 0 0 0.61rem 0; font-size: 1.07rem; font-weight: 500; color: var(--color-333);}
.slimlab_review_write .body .wrap .tit img{ display: block; height: 1.23rem;}
.slimlab_review_write .body .wrap .tit img:nth-child(1){ margin: 0 0 0 0.6rem;}
.slimlab_review_write .body .wrap .txt{ margin: 0.61rem 0 0 0; font-size: 1rem; color: var(--color-666);}
.slimlab_review_write .body .wrap input{ display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; font-size: 1.15rem; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.slimlab_review_write .body .wrap input:focus{ border: 1px solid var(--color-01);}
.slimlab_review_write .body .wrap textarea{ margin: 0; padding: 1.23rem; width: 100%; max-width: 100%; height: 9.23rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; line-height: 1.4; font-size: 1.15rem; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.slimlab_review_write .body .wrap textarea:focus{ border: 1px solid var(--color-01);}
.slimlab_review_write .body .wrap .radio{ display: flex; justify-content: space-between;}
.slimlab_review_write .body .wrap .radio label{ display: flex; align-items: center; grid-gap: 0.3rem;}
.slimlab_review_write .body .wrap .radio label span{ display: flex; justify-content: center; align-items: center; width: 1.53rem; height: 1.53rem; border-radius: 50%; border: 1px solid var(--color-ddd);}
.slimlab_review_write .body .wrap .radio label p{ font-size: 1.07rem; color: var(--color-666);}
.slimlab_review_write .body .wrap .radio label.on span{ border-color: var(--color-01);}
.slimlab_review_write .body .wrap .radio label.on span:before{ content: ""; display: block; width: 0.76rem; height: 0.76rem; border-radius: 50%; background: var(--color-01);}
.slimlab_review_write .body .wrap .radio label.on p{ font-weight: 500; color: var(--color-000);}
.slimlab_review_write .body .wrap .txt_data{ position: absolute; z-index: 10; right: 1.23rem; bottom: 0.92rem; font-size: 0.92rem; color: var(--color-999);}
.slimlab_review_write .body .wrap .img_list{ margin: -0.61rem -1.53rem 0 -1.53rem; height: calc(7.69rem + 0.61rem + 0.61rem);}
.slimlab_review_write .body .wrap .img_list .scroll{ overflow-x: scroll; display: flex; grid-gap: 0.92rem; padding: 0.61rem 1.53rem;}
.slimlab_review_write .body .wrap .img_list .add{ flex: 0 0 7.69rem; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 7.69rem; border-radius: 0.3rem; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/8%);}
.slimlab_review_write .body .wrap .img_list .add i{ display: flex; justify-content: center; align-items: center; width: 2.3rem; height: 2.3rem; border-radius: 50%; background: var(--color-75); font-size: 1rem; color: #FFF;}
.slimlab_review_write .body .wrap .img_list .add p{ margin: 0.61rem 0 0; text-align: center; font-size: 0.92rem; color: #999;}
.slimlab_review_write .body .wrap .img_list .img_wrap{ overflow: hidden; flex: 0 0 7.69rem; position: relative; height: 7.69rem; border-radius: 0.3rem; background: rgba(0 0 0/20%);}
.slimlab_review_write .body .wrap .img_list .img_wrap i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0.46rem; right: 0.46rem; width: 1.53rem; height: 1.53rem; border-radius: 50%; background: var(--color-75); font-size: 0.8rem; color: #FFF;}
.slimlab_review_write .body .wrap .img_list .img_wrap .img{}
.slimlab_review_write .body .wrap .img_list .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}


.slimlab_faq{ margin: 1.53rem 0 0 0;}
.slimlab_faq .wrap{ border-bottom: 1px solid var(--color-eee);}
.slimlab_faq .wrap .ft{ padding: 1.53rem;}
.slimlab_faq .wrap .ft .tit{ line-height: 1.4; font-size: 17px; font-weight: 600; color: var(--color-2e);}
.slimlab_faq .wrap .ft .date{ margin: 0.92rem 0 0 0; font-size: 15px; color: var(--color-75); font-weight:300}
.slimlab_faq .wrap .fb{ display: none; padding: 1.53rem; border-top: 1px solid var(--color-eee); background: #fcfcfc; line-height: 1.6;}
.slimlab_faq .wrap .fb > p{ font-size: 15px; color: var(--color-75); font-weight:300}
.slimlab_faq .wrap.on .ft{ background: var(--bg-01);}


.slimlab_qna{ padding: 0 1.53rem 0 1.53rem;}
.slimlab_qna .search{ position: relative; width: 100%;}
.slimlab_qna .search input{ display: flex; align-items: center; margin: 0; padding: 0 3.69rem 0 1.23rem; width: 100%; height: 3.69rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: #FFF; font-size: 1.15rem; color: #000; outline: none; -webkit-appearance: none;}
.slimlab_qna .search input:focus{ border-color: var(--color-01);}
.slimlab_qna .search .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 3.69rem;}
.slimlab_qna .search .btn img{ display: block; height: 1.84rem;}
.slimlab_qna .option{ display: flex; justify-content: space-between; align-items: center; grid-gap: 0.61rem; margin: 1.53rem 0 0 0;}
.slimlab_qna .option .my_write{ display: flex; align-items: center; grid-gap: 0.61rem;}
.slimlab_qna .option .my_write span{ padding: 0.27rem; width: 3.38rem; height: 1.84rem; border-radius: 20rem; background: var(--color-ddd); transition: all .2s;}
.slimlab_qna .option .my_write span:before{ content: ""; display: block; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #FFF; transition: all .2s;}
.slimlab_qna .option .my_write p{ font-size: 1.07rem; color: var(--color-666);}
.slimlab_qna .option .my_write.on span{ background: var(--color-01);}
.slimlab_qna .option .my_write.on span:before{ margin: 0 0 0 1.54rem;}
.slimlab_qna .option .my_write.on p{ color: var(--color-000);}
.slimlab_qna .option select{ display: flex; align-items: center; margin: 0; padding: 0 3.07rem 0 0.92rem; width: auto; height: 3.07rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 0.615rem #FFF; background-size: 1.84rem auto; font-size: 1.07rem; color: #000; outline: none; -webkit-appearance: none;}
.slimlab_qna .option select:focus{ border-color: var(--color-01);}
.slimlab_qna .list{ display: grid; grid-gap: 0.61rem; margin: 0 -1.53rem 0 -1.53rem; background: #f7f7f7;}
.slimlab_qna .list .wrap{ padding: 1.53rem; background: #FFF; cursor: pointer;}
.slimlab_qna .list .wrap .ft{ display: flex; justify-content: space-between; align-items: center;}
.slimlab_qna .list .wrap .ft .fl{ display: flex; grid-gap: 0.61rem;}
.slimlab_qna .list .wrap .ft .fl p{ display: flex; justify-content: center; align-items: center; border-radius: 0.61rem; background: #f7f7f7; font-size: 14px; font-weight: 500; color: var(--color-666); padding:10px 15px;}
.slimlab_qna .list .wrap .ft .fl p.on{ background: var(--color-01); color: var(--color-fff);}
.slimlab_qna .list .wrap .ft .fl span{ display: flex; justify-content: center; align-items: center; width: 5.76rem; height: 2.23rem; border-radius: 0.61rem; background: var(--bg-02); font-size: 1.07rem; font-weight: 500; color: var(--color-02);}
.slimlab_qna .list .wrap .ft img{ display: block; height: 1.53rem; transition: all .2s;}
.slimlab_qna .list .wrap .item{ display: flex; grid-gap: 0.61rem; margin: 1.23rem 0 0 0;}
.slimlab_qna .list .wrap .item .img_wrap{ overflow: hidden; flex: 0 0 3.38rem; height: 3.38rem; border-radius: 0.3rem; background: var(--color-eee);}
.slimlab_qna .list .wrap .item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.slimlab_qna .list .wrap .item .fr{ flex: 1;}
.slimlab_qna .list .wrap .item .fr .tit{ display: flex; align-items: center;}
.slimlab_qna .list .wrap .item .fr .tit p{ max-width: 84%; font-size: 17px; font-weight: 500; color: var(--color-333); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.slimlab_qna .list .wrap .item .fr .tit img{ display: inline-block; margin: 0 0 0 0.3rem; height: 1.23rem; transform: translate(0,0.1rem);}
.slimlab_qna .list .wrap .item .fr .txt{ margin: 0.46rem 0 0 0; font-size: 1.07rem; color: var(--color-999);}
.slimlab_qna .list .wrap .text{ display: block; margin: 0.92rem 0 0 0;}
.slimlab_qna .list .wrap .text .txt{ line-height: 1.4; font-size: 15px; font-weight:300; color: var(--color-2w); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .2s;}
.slimlab_qna .list .wrap .text .img_list{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 0.92rem; margin: 0.61rem 0 0 0;}
.slimlab_qna .list .wrap .text .img_list .img_wrap{ overflow: hidden; border-radius: 0.3rem; background: var(--color-eee);}
.slimlab_qna .list .wrap .text .img_list .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.slimlab_qna .list .wrap .text .date{ display: flex; align-items: center; grid-gap: 0.92rem; margin: 1.53rem 0 0 0;}
.slimlab_qna .list .wrap .text .date p{ font-size: 14px; color: var(--color-75);}
.slimlab_qna .list .wrap .answer{ display: none; margin: 1.53rem 0 0 0; padding: 1.23rem; border-radius: 0.92rem; background: #f7f7f7;}
.slimlab_qna .list .wrap .answer .tit{ font-size:15px; font-weight: 700; color: var(--color-01);}
.slimlab_qna .list .wrap .answer .txt{ margin: 0.92rem 0 0 0; line-height: 1.4; font-size: 1.07rem; font-weight: 500; color: var(--color-333);}
.slimlab_qna .list .wrap .answer .txt > p{font-size:15px; color: var(--color-2e)}
.slimlab_qna .list .wrap .answer .date{ display: flex; align-items: center; grid-gap: 0.92rem; margin: 0.92rem 0 0 0;}
.slimlab_qna .list .wrap .answer .date p{ font-size: 14px; color: var(--color-75); font-weight:300}
.slimlab_qna .list .wrap.on .text .txt{}
.slimlab_qna .list .wrap.on .ft img{ transform: rotate(180deg);}


.slimlab_qna_write_btn{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 100; right: 1.53rem; bottom: calc(5.38rem + 1.53rem); width:56px; height: 56px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/16%);}
.slimlab_qna_write_btn img{ display: block; height: 25px;}
@media(min-width: 768px){
    .slimlab_qna_write_btn{ right: calc(50% - 480px);}
}


.slimlab_qna_write{ display: grid; grid-gap: 1.53rem; padding: 1.53rem; /* margin-top:calc(4.61rem + 3.07rem); */}
.slimlab_qna_write .my_write{ display: flex; justify-content: space-between; align-items: center;}
.slimlab_qna_write .my_write p{ font-size: 1.07rem; font-weight: 500; color: var(--color-333);}
.slimlab_qna_write .my_write span{ padding: 0.27rem; width: 3.38rem; height: 1.84rem; border-radius: 20rem; background: var(--color-ddd); transition: all .2s;}
.slimlab_qna_write .my_write span:before{ content: ""; display: block; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #FFF; transition: all .2s;}
.slimlab_qna_write .my_write span.on{ background: var(--color-01);}
.slimlab_qna_write .my_write span.on:before{ margin: 0 0 0 1.54rem;}
.slimlab_qna_write .wrap{ position: relative; width:100%; overflow:hidden;}
.slimlab_qna_write .wrap .tit{ padding: 0 0 0.61rem 0; font-size: 15px; font-weight: 500; color: var(--color-333);}
.slimlab_qna_write .wrap .tit b{ color: var(--color-red);}
.slimlab_qna_write .wrap .txt{ padding: 0.61rem 0 0 0; font-size: 1rem; color: var(--color-666);}
.slimlab_qna_write .wrap input{ display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 3.4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; font-size: 16px; font-weight: 300; color: var(--color-000); outline: none; -webkit-appearance: none;}
.slimlab_qna_write .wrap input:focus{ border: 1px solid var(--color-01);}
.slimlab_qna_write .wrap input::placeholder{color:#bcbcbc;}
.slimlab_qna_write .wrap select{ display: flex; align-items: center; font-weight:300; margin: 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 3.4rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 16px; color: #000; outline: none; -webkit-appearance: none;}
.slimlab_qna_write .wrap select:focus{ border-color: var(--color-01);}
.slimlab_qna_write .wrap select:invalid{color:#bcbcbc;}
.slimlab_qna_write .wrap textarea{ margin: 0; padding: 1.23rem; width: 100%; max-width: 100%; height: 9rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; line-height: 1.4; font-size: 16px; font-weight: 300; color: var(--color-000); outline: none; -webkit-appearance: none;}
.slimlab_qna_write .wrap textarea:focus{ border: 1px solid var(--color-01);}
.slimlab_qna_write .wrap textarea::placeholder{color:#bcbcbc;}
.slimlab_qna_write .wrap .txt_data{ position: absolute; z-index: 10; right: 1.23rem; bottom: 0.92rem; font-size: 0.92rem; color: var(--color-999); font-weight:300;}
.slimlab_qna_write .wrap .img_list{width:100%; margin: -0.61rem -1.53rem 0 -1.53rem; height: calc(7.69rem + 0.61rem + 0.61rem);}
.slimlab_qna_write .wrap .img_list .scroll{ overflow-x: scroll; display: flex; grid-gap: 0.92rem; padding: 0.61rem 1.53rem;}
.slimlab_qna_write .wrap .img_list .add{ flex: 0 0 7.69rem; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 7.69rem; border-radius: 0.3rem; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/8%); cursor: pointer;}
.slimlab_qna_write .wrap .img_list .add i{ display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--color-75); font-size: 1rem; color: #FFF;}
.slimlab_qna_write .wrap .img_list .add p{ margin: 0.61rem 0 0; text-align: center; font-size: 0.92rem; color: #999;}
.slimlab_qna_write .wrap .img_list .img_wrap{ overflow: hidden; flex: 0 0 7.69rem; position: relative; height: 7.69rem; border-radius: 0.3rem; background: rgba(0 0 0/20%);}
.slimlab_qna_write .wrap .img_list .img_wrap i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0.46rem; right: 0.46rem; width: 1.53rem; height: 1.53rem; border-radius: 50%; background: var(--color-75); font-size: 0.8rem; color: #FFF; cursor: pointer;}
.slimlab_qna_write .wrap .img_list .img_wrap .img{}
.slimlab_qna_write .wrap .img_list .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.slimlab_qna_write .wrap .check{ margin: 0.61rem 0 0 0;}
.slimlab_qna_write .wrap .check label{ display: flex; align-items: center; grid-gap: 0.61rem;}
.slimlab_qna_write .wrap .check label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.slimlab_qna_write .wrap .check label p{ font-size: 1.07rem; color: var(--color-666);}
.slimlab_qna_write .wrap .check label.on i{ border-color: var(--color-01); background: var(--color-01);}
.slimlab_qna_write .wrap .check label.on p{ color: var(--color-000);}


.slimlab_about{ display: grid; grid-gap: 3.07rem; padding: 1.53rem;}
.slimlab_about .head{ padding: 1.53rem; border: 1px solid #f2f2f2; background: #fcfcfc;}
.slimlab_about .head img{ display: block; margin: 0 auto; width: 7rem;}
.slimlab_about .head p{ margin: 1.53rem 0 0 0; text-align: center; line-height: 1.6; font-size: 0.94rem; color: #2e2e2e;}
.slimlab_about .body{}
.slimlab_about .body img{ display: block; margin: 0 auto; height: 9.92rem;}
.slimlab_about .body:last-child img{ height: 11rem;}
.slimlab_about .body .box{ padding: 2rem 1.53rem; border-radius: 0.3rem; border: 1px solid #e0e0e0; text-align: center;}
.slimlab_about .body .box p{ font-size: 1.06rem; font-weight: 600; color: var( --color-01);}
.slimlab_about .body .box span{ display: block; margin: 1.53rem 0 0 0; text-align: center; line-height: 1.6; font-size: 0.94rem; color: #2e2e2e;}









.member_login{ padding: 2.3rem 1.53rem 0 1.53rem;}
.member_login .logo{ display: block; margin: 0 auto; height: 2.5rem;}
.member_login .info{ margin: 2.46rem 0 0 0; padding: 1.23rem; border-radius: 0.3rem; background: #f7f7f7;}
.member_login .info .t1{ display: flex; align-items: center; font-size: 17px; font-weight: 600; color: #1c1c1c;}
.member_login .info .t1 img{ margin: 0 0.61rem 0 0; height: 1.53rem;}
.member_login .info .t2{ margin: 0.3rem 0 0 0; font-size: 16px; color: var(--color-75); font-weight:300;}
.member_login .in{ padding: 1.3rem 0 0 0;}
.member_login .in .tit{ padding: 1.53rem 0 0.61rem 0; font-size: 15px; font-weight: 500; color: var(--color-2e);}
.member_login .in input{ display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 3.6rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; font-size: 16px; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.member_login .in input::placeholder{color:#bcbcbc;}
.member_login .in input:focus{ border: 1px solid var(--color-01);}
.member_login .in .check{ display: flex; grid-gap: 1.76rem; margin: 1.15rem 0 0 0;}
.member_login .in .check label{ display: flex; align-items: center; grid-gap: 0.61rem; cursor:pointer;}
.member_login .in .check label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.member_login .in .check label p{ font-size: 16px;}
.member_login .in .check label.on i{ border-color: var(--color-01); background: var(--color-01);}
.member_login .in .check label.on p{ font-weight: 500; color: var(--color-000);}
.member_login .in .button{ display: flex; justify-content: center; align-items: center; margin: 2.69rem 0 0 0; height: 3.6rem; border-radius: 0.3rem; background: var(--color-01); font-size: 17px; font-weight: 600; color: #FFF; cursor: pointer;}
.member_login .in .menu{ display: flex; justify-content: center; grid-gap: 0.92rem; margin: 0.92rem 0 0 0;}
.member_login .in .menu a{ font-size: 14px; color: var(--color-2e); font-weight:300}
.member_login .in .menu a > p{font-size: inherit; color: inherit; font-weight:inherit}
.member_login .sns_tit{ position: relative; margin: 3.07rem 0 0 0;}
.member_login .sns_tit p{ position: relative; z-index: 1; margin: 0 auto; width: 6.53rem; background: var(--color-fff); text-align: center; font-size: 15px; color: var(--color-2e);}
.member_login .sns_tit:after{ content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 15.76rem; height: 1px; background: var(--color-ccc); transform: translate(-50%,-50%);}
.member_login .sns{ display: flex; justify-content: center; grid-gap: 1.53rem; margin: 1.53rem 0 0 0;}
.member_login .sns a{ display: block; cursor: pointer;}
.member_login .sns a img{ display: block; height: 50px;}
.sns-wrap{display:flex; gap:0.8rem;}

.member_join{ padding: 1.53rem 1.53rem 0 1.53rem;}
.member_join .head{ padding: 0 0 3.07rem 0;}
.member_join .head .tit{ padding: 1.84rem 0 0 0; font-size: 25px; font-weight: 600; color: var(--color-000);}
.member_join .head .txt{ padding: 0.92rem 0 0 0; font-size: 17px; color: var(--color-75);}
.member_join .foot{ display: flex; align-items: center; grid-gap: 0.61rem; margin: 3.07rem 0 0 0;}
.member_join .foot p{ font-size: 1.15rem; color: var(--color-666);}
.member_join .foot a{ font-size: 1.15rem; font-weight: 600; color: var(--color-01);}
.member_join .in{ display: grid; grid-gap: 1.53rem;}
.member_join .in #findIdForm .wrap{margin-bottom:1.53rem}
.member_join .in .tit{ padding: 0 0 0.61rem 0; font-size: 15px; font-weight: 500; color: var(--color-2e);}
.member_join .in .tit b{ color: var(--color-red2);}
.member_join .in .txt{ padding: 0.61rem 0 0 0; font-size: 1rem; color: var(--color-666);}
.member_join .in input{ width:100%; display: flex; align-items: center; margin: 0; padding: 0 1.23rem; height:54px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; font-size: 16px; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.member_join .in .wrap > span{font-size:14px; padding-top:5px; color:var(--color-75); font-weight:300;}
.member_join .in div.tit.id_input + input{background-color:#f7f7f7; color:#b5b5b5;}
.member_join .in input::placeholder{color:#bcbcbc;}
.member_join .in input:focus{ border: 1px solid var(--color-01);}
.member_join .in input.off{ background: #f2f2f2;}
.member_join .in input.reg_mb_hp{width:calc(100% - 100px);}
.member_join .in input.auth_num{width:calc(100% - 100px);}
.member_join .in .tel_sms .fb input[type="text"]{width:calc(100% - 110px)}
button#auth_send{width:100px; cursor:pointer; border-radius:0.3rem; font-size:15px; background:#f2f2f2; color:var(--color-75);}
button#auth_check{width:100px; cursor:pointer; border-radius:0.3rem; font-size:15px}
.member_join .in .check{ display: flex; grid-gap: 0.61rem;}
.member_join .in .check .btn{ flex: 0 0 6.53rem; display: flex; justify-content: center; align-items: center; height: 4rem; border-radius: 0.3rem; background: #f2f2f2; font-size: 1.15rem; font-weight: 500; color: var(--color-333);}
.member_join .in .check .btn.on{ background: var( --color-01); color: var( --color-fff);}
.member_join .in .tel_sms{ display: flex; flex-direction: column; grid-gap: 0.92rem;}
.member_join .in .tel_sms .ft{ display: flex; grid-gap: 0.61rem;}
.member_join .in .tel_sms .ft .btn{ flex: 0 0 6.53rem; display: flex; justify-content: center; align-items: center; height: 4rem; border-radius: 0.3rem; background: #047366; font-size: 1.15rem; font-weight: 500; color: var(--color-fff); cursor: pointer;}
.member_join .in .tel_sms .fb{ display: flex; grid-gap: 10px; position: relative;}
.member_join .in .tel_sms .fb .time{ display: flex; align-items: center; position: absolute; top: 0; right: calc(6.53rem + 0.61rem + 1.23rem); bottom: 0; font-size: 1.15rem; color: var(--color-01);}
.member_join .in .tel_sms .fb .btn{ flex: 0 0 6.53rem; display: flex; justify-content: center; align-items: center; height: 4rem; border-radius: 0.3rem; background: #f2f2f2; font-size: 1.15rem; font-weight: 500; color: var(--color-333); cursor: pointer;}
.member_join .in .tel_sms .fb .btn.on{ background: var( --color-01); color: var( --color-fff);}
.member_join .in .tel_sms .fb.off input{ border-color: var(--color-red);}
.member_join .in .tel_sms .fb.off .time{ color: var(--color-red);}
.member_join .in .tel_sms .fb.ok .btn{ color: var(--color-999);}
.member_join .in .address{ display: flex; flex-direction: column; position: relative; grid-gap: 0.61rem;}
.member_join .in .address .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; width: 4rem; height: 4rem; cursor: pointer;}
.member_join .in .address .btn img{ display: block; height: 1.84rem;}
.member_join .terms{ display: flex; flex-direction: column; margin: 3.07rem 0 0 0;}
.member_join .terms label{ display: flex; align-items: center; grid-gap: 0.61rem;}
.member_join .terms label i{ display: flex; justify-content: center; align-items: center; width: 1.38rem; height: 1.38rem; border: 2px solid #bcbcbc; font-size: 0.8rem; color: #FFF;}
.member_join .terms label p{ font-size: 15px; font-weight: 300; color: var(--color-75);}
.member_join .terms label.all p{ font-size: 1.15rem; font-weight: 600;}
.member_join .terms label.on i{ border-color: var(--color-01); background: var(--color-01);}
.member_join .terms label.on p{ font-weight: 500; color: #1c1c1c}
.member_join .terms label.all.on p{ font-weight: 600;}
.member_join .terms .list{ margin: 1.23rem 0 0 0; width: 100%; border-top: 1px solid var(--color-eee);}
.member_join .terms .list .wrap{ display: flex; justify-content: space-between; align-items: center; margin: 1.38rem 0 0 0;}
.member_join .terms .list .wrap .btn{ font-size: 14px;; font-weight: 500; color: var(--color-333); cursor: pointer;}
.member_join .terms .list .wrap.min{ padding: 0 0 0 calc(1.38rem + 0.8rem);}
.member_join .button{ display: flex; justify-content: center; align-items: center; margin: 2.69rem 0 0 0; height: 3.69rem; border-radius: 0.3rem; background: var(--color-01); font-size: 1.23rem; font-weight: 600; color: #FFF; cursor: pointer;}


.member_join_ok{ display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%; text-align: center;}
.member_join_ok .tit{ font-size: 1.84rem; font-weight: 700; color: var(--color-01);}
.member_join_ok .txt{ margin: 1.23rem 0 0 0; font-size: 1.38rem; color: var(--color-333);}


.popup_terms{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_terms .wrap{ position: fixed; z-index: 10; right: 0;  left: 0; height: 80vh; border-radius: 0.92rem 0.92rem 0 0; background: #FFF; opacity: 1; transition: all .3s;}
.popup_terms .wrap .top_btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; left: 0; height: 2.46rem;}
.popup_terms .wrap .top_btn:before{ content: ""; display: block; width: 6.15rem; height: 0.46rem; border-radius: 10rem; background: var(--color-ddd);}
.popup_terms .wrap .scroll{ overflow: auto; position: absolute; top: 2.46rem; right: 0; bottom: 0; left: 0; padding: 1.53rem 1.53rem 3.07rem 1.53rem;}
.popup_terms .title{ margin: 0 0 1.53rem 0; font-size: 1.23rem; font-weight: 600; color: var(--color-000);}
.popup_terms > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup_terms.on{ top: 0; bottom: 0; background: rgba(0 0 0/50%);}
.popup_terms.on .wrap{ bottom: 0; opacity: 1; position:absolute;}









.modle_write{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.53rem 0.61rem; padding: 1.53rem;}
.modle_write .my_write{ grid-column: 1/3; display: flex; justify-content: space-between; align-items: center;}
.modle_write .my_write p{ font-size: 1.07rem; font-weight: 500; color: var(--color-333);}
.modle_write .my_write span{ padding: 0.27rem; width: 3.38rem; height: 1.84rem; border-radius: 20rem; background: var(--color-ddd); transition: all .2s;}
.modle_write .my_write span:before{ content: ""; display: block; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #FFF; transition: all .2s;}
.modle_write .my_write span.on{ background: var(--color-01);}
.modle_write .my_write span.on:before{ margin: 0 0 0 1.54rem;}
.modle_write .wrap{ grid-column: 1/3; position: relative;}
.modle_write .wrap.w50l{ grid-column: 1/2;}
.modle_write .wrap.w50r{ grid-column: 2/3;}
.modle_write .wrap .tit{ display: flex; align-items: center; grid-gap: 0.3rem; padding: 0 0 0.61rem 0; font-size:15px; font-weight: 500; color: var(--color-333); position:relative;}
.modle_write .wrap .tit b{ color: var(--color-red);}
.modle_write .wrap .tit img{ display: block; height: 22px; cursor: pointer;}
.modle_write .wrap .tit .introduce_popup{position:absolute; top:100%; left:50px; background-color:#fff; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/20%); display:none; padding:10px; border-radius:5px;}
.modle_write .wrap .tit .introduce_popup.on{display:block;}
.modle_write .wrap .tit .introduce_popup > p{font-size:14px; color:var(--color-2e)}
.modle_write .wrap .txt{ padding: 0.61rem 0 0 0; font-size: 1rem; color: var(--color-666);}
.modle_write .wrap input{ display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 3.5rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; font-size: 15px; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.modle_write .wrap input::placeholder{color:#bcbcbc; font-size:16px;font-weight:300}
.modle_write .wrap input:focus{ border: 1px solid var(--color-01);}
.modle_write .wrap select{ display: flex; align-items: center; margin: 0; padding: 0 4rem 0 1.23rem; width: 100%; height: 56px; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; background-size: 1.84rem auto; font-size: 16px; color: #000; outline: none; -webkit-appearance: none; font-weight:300}
.modle_write .wrap select:invalid {color: #bcbcbc;}
.modle_write .wrap select:focus{ border-color: var(--color-01);}
.modle_write .wrap textarea{ margin: 0; padding: 1.23rem; width: 100%; max-width: 100%; height: 9.23rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: none; line-height: 1.4; font-size: 16px; font-weight: 400; color: var(--color-000); outline: none; -webkit-appearance: none;}
.modle_write .wrap textarea::placeholder{color:#bcbcbc; font-size:16px; font-weight:300}
.modle_write .wrap textarea:focus{ border: 1px solid var(--color-01);}
.modle_write .wrap .txt_data{ position: absolute; z-index: 10; right: 1.23rem; bottom: 0.92rem; font-size: 13px; color: #ababab;;}
.modle_write .wrap .img_list{ margin: -0.61rem -1.53rem 0 -1.53rem; height: calc(7.69rem + 0.61rem + 0.61rem);}
.modle_write .wrap .img_list .scroll{ overflow-x: scroll; display: flex; grid-gap: 0.92rem; padding: 0.61rem 1.53rem;}
.modle_write .wrap .img_list .add{ flex: 0 0 7.69rem; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 7.69rem; border-radius: 0.3rem; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/8%); cursor: pointer;}
.modle_write .wrap .img_list .add i{ display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--color-75); font-size: 1rem; color: #FFF;}
.modle_write .wrap .img_list .add p{ margin: 0.8rem 0 0; text-align: center; font-size: 0.88rem; color: #999;}
.modle_write .wrap .img_list .img_wrap{ overflow: hidden; flex: 0 0 7.69rem; position: relative; height: 7.69rem; border-radius: 0.3rem; background: rgba(0 0 0/20%);}
.modle_write .wrap .img_list .img_wrap i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0.46rem; right: 0.46rem; width: 1.53rem; height: 1.53rem; border-radius: 50%; background: var(--color-75); font-size: 0.8rem; color: #FFF; cursor: pointer;}
.modle_write .wrap .img_list .img_wrap .img{}
.modle_write .wrap .img_list .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.modle_write .wrap .file{ display: flex; grid-gap: 0.61rem;}
.modle_write .wrap .file input{ flex: 1;}
.modle_write .wrap .file .btn{ display: flex; justify-content: center; align-items: center; flex: 0 0 6.53rem; height: 3.5rem; border-radius: 0.3rem; background: #f2f2f2; font-size:15px; color: var(--color-75); cursor:pointer;}
.modle_write .wrap .file .btn:hover{ background: #253fd0; color: #FFF;}
.modle_write .wrap .file .btn.on{ background: var(--color-01); color: #FFF;}



.modle_write .wrap .date{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.61rem;}
.modle_write .wrap .date .row{ position: relative;}
.modle_write .wrap .date .row .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 4rem;}
.modle_write .wrap .date .row .btn img{ display: block; height: 1.84rem;}
.modle_write .wrap .date .row.off input{ background: #f2f2f2; cursor:default;}
.modle_write .wrap .date .row.off input:focus{border:1px solid var(--color-ddd);}
.modle_write .wrap .date .row.off .btn{ opacity: 0.5;}
.modle_write .wrap .tag{ display: flex; flex-wrap: wrap; grid-gap: 0.61rem;}
.modle_write .wrap .tag a{ display: flex; align-items: center; padding: 0 0.61rem; height: 2.23rem; border-radius: 0.61rem; border: 1px solid #e0e0e0; font-size: 14px; font-weight: 500; color: var(--color-01); cursor: pointer;}
.modle_write .wrap .tag a.on{ border-color: var(--color-01); color: var(--color-01); background-color:#f2f4ff;}
.modle_write .wrap .score{ display: flex; justify-content: space-between;}
.modle_write .wrap .score li input{display:none}
.modle_write .wrap .score li label{cursor:pointer; display: flex; align-items:center; gap:5px; font-size:15px; color:var(--color-75)}
.modle_write .wrap .score li label span{content:''; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--color-ddd); position:relative;}
.modle_write .wrap .score li input:checked + label{color:#1c1c1c}
.modle_write .wrap .score li input:checked + label span{border-color:var(--color-01);}
.modle_write .wrap .score li input:checked + label span:before{content: ""; display: block; width: 70%; height: 70%; border-radius: 50%; background: var(--color-01); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}

.score_wrap{grid-column: span 2}
.score_wrap > h2{font-weight:600; color:#1f1f1f; font-size:1.07rem;}
.score_wrap > ul.score{margin:1.53rem 0;display:flex; width:100%}
.score_wrap > ul.score > li {flex:1}
.score_wrap > ul.score > li > label{cursor:pointer;cursor:pointer; display: flex; align-items:center; gap:5px}
.score_wrap > ul.score > li > input{display:none}
.score_wrap > ul.score > li > label span{content:''; display: flex; justify-content: center; align-items: center; width: 1.53rem; height: 1.53rem; border-radius: 50%; border: 1px solid var(--color-ddd);}
.score_wrap > ul.score > li > input:checked + label span{border-color:var(--color-01);}
.score_wrap > ul.score > li > input:checked + label span:before{content: ""; display: block; width: 0.76rem; height: 0.76rem; border-radius: 50%; background: var(--color-01);}


.modle_view{}
.modle_view .head{ padding: 1.53rem;}
.modle_view .head .tit{display:flex; align-items:flex-start; justify-content:space-between;}
.modle_view .head .tit > h2{width:calc(100% - 20px); line-height: 1.4; font-size: 17px; font-weight: 800; color: #2e2e2e;}
.modle_view .head .tit > div.more_btn{width:20px; margin-top:5px; position:relative;}
.modle_view .head .tit > div.more_btn > div{cursor:pointer; }
.modle_view .head .tit > div.more_btn > div > span{width:4px; height:4px; background-color:#a7a7a7; border-radius:50px; display:block; margin:0 0 3px auto;}
.modle_view .head .tit > div.more_btn ul{position:absolute; display:none; top:calc(100% + 10px); right:0; background-color: var(--color-fff); width:90px; border:1px solid var(--color-eee); padding:5px 0; border-radius:5px; box-shadow:0 0 6px rgba(0,0,0,0.1);}
.modle_view .head .tit > div.more_btn ul.on{display: block;}
.modle_view .head .tit > div.more_btn ul > li{margin:10px 0;}
.modle_view .head .tit > div.more_btn ul > li button{width:100%; background:transparent; font-size:1rem; cursor:pointer; color:var(--color-444)}
.modle_view .head .txt{ margin: 0.92rem 0 0 0; line-height: 1.4; font-size: 15px; color: #515151; word-break:break-all;}
.modle_view .head .date{ margin-top:0.25rem; border-bottom:1px solid #e0e0e0; padding-bottom:0.92rem;}
.modle_view .head .date p{ font-size: 0.96rem; color: var(--color-75); font-weight:300}
.modle_view .comment{ padding: 1.53rem 1.53rem 0 1.53rem;}
.modle_view .comment .title{ font-size: 1.07rem; font-weight: 500; color: #2e2e2e;}
.modle_view .comment .wrap{ padding: 1.53rem 0; border-bottom: 1px solid #e0e0e0}
.modle_view .comment .wrap .max{ display: flex; grid-gap: 0.61rem;}
.modle_view .comment .wrap .max .img_wrap{ overflow: hidden; flex: 0 0 3.07rem; height: 3.07rem; border-radius: 50%; background: #d9d9d9;}
.modle_view .comment .wrap .max .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.modle_view .comment .wrap .max .fr{ flex: 1; display:flex; flex-wrap:wrap; justify-content:space-between;}
.modle_view .comment .wrap .max .fr .tit{ width:100%; display: flex; justify-content: space-between; align-items: center;}
.modle_view .comment .wrap .max .fr .tit p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 16px; font-weight: 600; color: #2e2e2e;}
.modle_view .comment .wrap .max .fr .tit p img{ display: block; height: 1.53rem;}
.modle_view .comment .wrap .max .fr .tit span{ font-size: 14px; color: #999; font-weight:300}
.modle_view .comment .wrap .max .fr .txt{width:100%;  margin: 0.46rem 0 0 0; line-height: 1.4; font-size:15px; color: var(--color-75);}
.modle_view .comment .wrap .max .fr .btn{ margin: 0.61rem 0 0 0;color: #999; font-size:15px;cursor:pointer; font-weight:300;}
.modle_view .comment .wrap .max .fr .reply_btns{display:flex; gap:5px;}
.modle_view .comment .wrap .min{ display: flex; grid-gap: 0.61rem; margin: 1.53rem 0 0 calc(3.07rem + 0.61rem);}
.modle_view .comment .wrap .min .img_wrap{ overflow: hidden; flex: 0 0 3.07rem; height: 3.07rem; border-radius: 50%; background: #d9d9d9;}
.modle_view .comment .wrap .min .img_wrap .img:before{ content: ""; display: block; padding-top: 100%;}
.modle_view .comment .wrap .min .fr{ flex: 1;}
.modle_view .comment .wrap .min .fr .tit{ display: flex; justify-content: space-between; align-items: center;}
.modle_view .comment .wrap .min .fr .tit p{ display: flex; align-items: center; grid-gap: 0.3rem; font-size: 1.07rem; font-weight: 600; color: #2e2e2e;}
.modle_view .comment .wrap .min .fr .tit p img{ display: block; height: 1.53rem;}
.modle_view .comment .wrap .min .fr .tit span{ font-size: 1rem; color: #999;}
.modle_view .comment .wrap .min .fr .txt{ margin: 0.46rem 0 0 0; line-height: 1.4; font-size: 1.07rem; color: var(--color-75);}
.modle_view .comment .wrap .min .fr .btn{ margin: 0.61rem 0 0 0; font-size: 1rem; color: #999;}

#commentForm{position:sticky; bottom:-8.45rem} 
.modle_foot_button{padding-top:10px; position: fixed; z-index: 100; right: 0; bottom: 0; left: 0; padding: 0 1.53rem; background: #FFF;}
.modle_foot_button .find_mail{ display: flex; justify-content: center; align-items: center; grid-gap: 0.61rem; padding: 0 0 1.53rem 0;}
.modle_foot_button .find_mail p{ font-size: 1.15rem; color: var(--color-666);}
.modle_foot_button .find_mail a{ font-size: 1.15rem; font-weight: 600; color: var(--color-01);}
.modle_foot_button .txt{ margin-bottom: 0.92rem; text-align: center; line-height: 1.4; font-size: 0.88rem; color: var(--color-75);}
.modle_foot_button .button{ margin:0.92rem 0; display: flex; justify-content: center; align-items: center; height:58px; border-radius: 0.3rem; background: #f2f2f2; font-size: 17px; font-weight: 600; color: var(--color-333); cursor: pointer; width:100%;}
.modle_foot_button .button.on{ background: var(--color-01); color: var(--color-fff);}
.modle_foot_button .comment{ display: flex; grid-gap: 0.61rem;}
.modle_foot_button .comment input{font-weight:300; flex: 1; display: flex; align-items: center; margin: 0; padding: 0 1.23rem; width: 100%; height: 3.2rem; border-radius: 0.3rem; border: 1px solid var(--color-ddd); background: #FFF; font-size: 1rem; color: #000; outline: none; -webkit-appearance: none;}
.modle_foot_button .comment input:focus{ border-color: var(--color-01);}
.modle_foot_button .comment .btn{ display: flex; justify-content: center; align-items: center; width: 4.61rem; height: 3.2rem; border-radius: 0.3rem; border: 1px solid var(--color-01); background: var(--bg-01); font-size: 1rem; color: var(--color-01);}


.modle_sorting{ position: relative; z-index: 20;}
.modle_sorting .head{ display: flex; align-items: center; grid-gap: 0.3rem; height: 1.5rem;}
.modle_sorting .head p{ font-size: 15px; color: var(--color-666);}
.modle_sorting .head img{ display: block; height: 1.23rem;}
.modle_sorting .list{ overflow: hidden; position: absolute; top: 1.5rem; right: 0; padding: 0 1.23rem; width: 9.61rem; height: 0; border-radius: 0.3rem; box-shadow: 0; background: #FFF; transition: all .2s;}
.modle_sorting .list p{ overflow: hidden; display: flex; align-items: center; height: 0; border-bottom: 1px solid var(--color-eee); font-size: 0.94rem; font-weight: 500; color: var(--color-333); transition: all .2s; cursor: pointer;}
.modle_sorting .list p:last-child{ border-bottom: 0;}
.modle_sorting:hover .list{ top: 1.5rem; height: auto; box-shadow: 0 0 0.61rem 0 rgba(0 0 0/15%); padding: 8px 1.23rem;}
.modle_sorting:hover .list p{ height: 50px;}


.modle_btn{ display: flex; justify-content: center; align-items: center; height: 3.8rem; border-radius: 0.3rem; border: 1px solid #cecece; font-size: 17px; font-weight: 500; color: #2e2e2e; cursor:pointer; margin:0 1.53rem}
.modle_btn.on{ border-color: var(--color-01); background: var(--color-01); color: var(--color-fff);}

/*멘토정보수정 버튼*/
.modle_btn.mypage_mentor_profile{font-size:15px; height:56px; margin:0}

.modle_table{ position: relative;}
.modle_table:after{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; border-right: 1px solid #FFF;}
.modle_table table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.modle_table table thead{ border-top: 1px solid #e0e0e0;}
.modle_table table thead th{ padding: 0.46rem; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background: #f7f7f7; text-align: center;font-size: 0.94rem; font-weight: 500; color: #000;}
.modle_table table thead th:first-child{ }
.modle_table table tbody{}
.modle_table table tbody tr{}
.modle_table table tbody tr td{ padding: 0.46rem 0.61rem; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: center; font-size: 15px; color: var(--color-75); font-weight:300}
.modle_table table tbody tr td:first-child{ }

.page_wrapper{margin-top:30px}
.page_wrapper .kt-pagination__links{display:flex; justify-content:center;}
.page_wrapper .kt-pagination__links li{display:flex; justify-content:center; align-items:center;margin-left:-1px}
.page_wrapper .kt-pagination__links li a{color:#1a1a1a;display:flex; justify-content:center; align-items:center; line-height:2; width:30px; height:30px; text-align:center; font-size:14px; border-radius:2px}
.page_wrapper .kt-pagination__links div{width:44px; display:flex; align-items:center;gap:2px}
.page_wrapper .kt-pagination__links div > div{width:20px;}
.page_wrapper .kt-pagination__links div > div a{display:flex; justify-content:center; align-items:center; width:100%}
.page_wrapper .kt-pagination__links ul{display:flex; justify-content:center; align-items:center; margin: 0 4px}
.page_wrapper .kt-pagination__links .kt-pagination__link--active a{color:var(--color-01); background-color:#f1f3fd; }
.page_wrapper .kt-pagination__links .kt-pagination__link--first img,
.page_wrapper .kt-pagination__links .kt-pagination__link--prev img{transform:rotate(180deg)}

/* MBTI 테스트 페이지 */
.mbti_test_wrap{position:relative;}
/* progress style */
.progress-container{position:fixed; background-color:#eee; width:100%; width:500px; top:3.84rem;height:4px;}
.progress-bar {height: 5px; background-color: var(--color-01); width: 0; transition: 0.15s; position:relative; }
.progress-bar > p{background-color: var(--color-01); color:#fff; position:absolute; right:0; top:calc(100% + 10px); font-size:14px; width:40px; text-align:center; padding:4px 0; border-radius:50px; display:none;}
.progress-bar > p:before{content:'';display:block; position:absolute; top:-6px; left:50%; transform:translateX(-50%);  width: 0;height: 0; border-style: solid;border-width: 0px 5px 7px 5px;border-color: transparent transparent #047366 transparent; }
.progress-bar > p.on{display:block; right:-20px}
.progress-bar > p.on.done{right:5px;}
.progress-bar > p.on.done:before{border-width:0px 0px 6px 5px; left: auto; right:10px; transform:translateX(0);}

@media(max-width:767px){
	.progress-container{width:100%;}
}

/* question style */
.mbti_question_wrap{margin:0 1.53rem 1.53rem; }
.mbti_question_wrap ul.question_list{display:flex; flex-direction:column;}
.mbti_question_wrap ul.question_list > li{flex:1 1 0; padding:50px 0; display:flex; flex-direction:column;  align-items:center; justify-content:center; border-bottom:1px solid #f2f2f2;}
.mbti_question_wrap ul.question_list > li:last-child{border-bottom:0}
.mbti_question_wrap ul.question_list > li > span{background-color: var(--color-01); color: var(--color-fff); display:flex; width:35px; height:35px; justify-content:center; align-items:center; border-radius:4px; font-size:16px;}
.mbti_question_wrap ul.question_list > li > h2{text-align:center; word-break:keep-all; font-size:20px; font-weight:700; margin:1rem}
.mbti_question_wrap ul.question_list > li > p{color:var(--color-75); font-size:15px; margin-bottom:1rem}
.mbti_question_wrap ul.question_list > li ul.question_chk_wrap{display:flex; align-items:center; width:100%; gap:1rem}
.mbti_question_wrap ul.question_list > li ul.question_chk_wrap > li{flex:1; display:flex; align-items:center; justify-content:center; height:81px}
.mbti_question_wrap ul.question_list > li ul.question_chk_wrap input{display:none;}
.mbti_question_wrap ul.question_list > li ul.question_chk_wrap label{display:flex; justify-content:center; align-items:center; background-color:#F7F7F7; border-radius:12px; height:100%; width:100%; cursor:pointer; text-align:center; border:1px solid #f7f7f7;}
.mbti_question_wrap ul.question_list > li ul.question_chk_wrap input:checked + label{border:1px solid #253fff; background:#253fd0; color:#fff;}
/* 응답제출 */
div.mbti_confirm{}
div.mbti_confirm > button{width:100%; color:var(--color-fff); background:var(--color-01);display:flex; justify-content:center; align-items:center; height:4.3rem; border-radius:0.3rem; font-size:1.23rem; font-weight:600; cursor:pointer;}


/* MBTI 테스트 완료 페이지 */
.mbti_complete_wrap{margin:1.53rem 1.53rem 0;}
.complete_title{text-align:center;}
.complete_title > p{font-size:20px; font-weight:700}
.complete_title > p > span{color:var(--color-01);  font-weight:inherit}
.complete_title > h2{margin-top:0.75rem; position:relative; display:inline-block; line-height:1;}
.complete_title > h2 > span{font-weight:700; font-size:2rem;  position:relative;  z-index:2; line-height:inherit}
.complete_title > h2:after{content:''; display:block; position:absolute; left:-5px; bottom:0; width:calc(100% + 10px); height:40%; background-color:#ccd3ff; z-index:0;}
.complete_img{margin-top:1.5rem;text-align:center;}
.complete_img .complete_btns{display:flex; gap:10px; margin-top:1rem}
.complete_img .complete_btns button{border-radius:4px; cursor:pointer; font-size:1rem;}
.complete_img .complete_btns button.save_btn{background-color:var(--color-01); color:var(--color-fff); display:flex; justify-content:center; align-items:center; height:48px; width:calc(100% - 48px); gap:5px}
.complete_img .complete_btns button.save_btn p{ color:inherit; font-size:inherit}
.complete_img .complete_btns button.share_btn {width:48px; background-color:var(--color-fff); border:1px solid #cecece; display:flex; justify-content:center; align-items:center;}
.complete_text{margin:3rem auto; padding-bottom:3rem; border-bottom:1px solid #f2f2f2;}
.complete_text > h2{text-align:center; font-size:19px; font-weight:700}
.complete_text > ul.mbti_tag{display:flex; flex-wrap:wrap; width:80%; margin:1.5rem auto 3rem; gap:10px; max-width:300px; justify-content:center; align-items:center}
.complete_text > ul.mbti_tag > li{border:1px solid #e4e4e7;border-radius:10px; padding:9px 14px; font-size:1rem; color:var(--color-75);}
.complete_text > ul.mbti_tag > li.point_tag{border-color:var(--color-01); color:var(--color-01); background-color:#f4fffe}
.complete_text > p{color:#2e2e2e; text-align:center; font-size:1rem; line-height:1.5; word-break:keep-all; max-width:90%; margin:0 auto;}
.complete_text > p:last-child{margin-top:1rem}
/* 맞춤상품 */
.mbti_produts{margin:0 auto 3rem; padding-bottom:3rem; border-bottom:1px solid #f2f2f2}
.mbti_produts > h2{font-size:19px; font-weight:700; }
.mbti_produts > h2 > span{color:var(--color-01);font-weight:inherit;font-size:20px}
.mbti_produts > ul > li{margin:1.25rem 0}
.mbti_produts > ul > li:last-child{margin-bottom:0}
.mbti_produts > ul > li > a{display:flex; align-items:center; gap:0.61rem;}
.mbti_produts > ul > li > a > div.mbti_pro_img{flex:0 0 7rem;}
.mbti_produts > ul > li > a > div.mbti_pro_txt{}
.mbti_produts > ul > li > a > div.mbti_pro_txt > h3{font-weight:600; font-size:16px;}
.mbti_produts > ul > li > a > div.mbti_pro_txt > p{font-size:15px; color:var(--color-75); margin:0.7rem 0 0.5rem}
.mbti_produts > ul > li > a > div.mbti_pro_txt > h4{font-weight:700; font-size:17px}
.mbti_produts > ul > li > a > div.mbti_pro_txt > h4 > b{color:#FF584D; font-weight:700}
.mbti_produts > ul > li > a > div.mbti_pro_txt > h4 > span{color:var(--color-75); font-size:0.84rem}
.mbti_produts > ul > li > a > div.mbti_pro_txt > .mbti_pro_review{display:flex; align-items:center; gap:2px; margin-top:0.4rem}
.mbti_produts > ul > li > a > div.mbti_pro_txt > .mbti_pro_review p{color:#bcbcbc; font-size:13px; line-height:1; font-weight:300}
.mbti_produts > ul > li > a > div.mbti_pro_txt > .mbti_pro_review img{height:0.92rem; width:block}
.sub_mentor_list2 > h2{font-size:19px; font-weight:700; }
.sub_mentor_list2 > h2 > span{color:var(--color-01);font-weight:inherit;font-size:20px}
/* 다시 해보기 버튼 */
.mbti_test_back{ margin-top:3rem; }
.mbti_test_back > a{color:var(--color-fff); background:var(--color-01);display:flex; justify-content:center; align-items:center; height:4.3rem; border-radius:0.3rem; font-size:1.23rem; font-weight:600; cursor:pointer;}










/*
250314수정 전
.container{ padding: 3.84rem 0 8.45rem 0;}
@media(min-width: 768px){
    html{ background: #f5eee6; font-size: initial;}
    body{ background: #f5eee6;}
    .container{ overflow: hidden; margin: 0 auto; width: 500px; min-height: 100vh; background: #FFF; box-shadow: 0 0 30px 0 rgba(0 0 0/10%);}

    .modle_foot_button{ right: initial; left: calc(50% - 250px); width: 500px;}

    .modle_pc{ right: initial !important; left: calc(50% - 250px) !important; width: 500px !important;}
}
*/
.left_container{display:none}
.right_container{width:100%; }
.container{position:relative; height:100%; padding: 3.84rem 0 8.45rem 0; -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}
.container::-webkit-scrollbar {display: none;}


.container.pd_b_none{padding-bottom:0}
.container.pd_b_none.challenge_d_con .store_detail_foot.modle_pc{position:sticky; bottom:}
.modle_pc{width:100%;}
@media(min-width: 1000px){
    html{ background: #fafffe; font-size: initial;}
    body{ background: #fafffe;}
    .container{ overflow-y: scroll; margin: 0; width: 500px; min-height: 100vh; height:100vh;  background: #FFF; box-shadow: 0 0 30px 0 rgba(0 0 0/10%);}
    .modle_foot_button{right: auto; left:auto; width: 500px; padding-top:10px; padding-bottom:10px;}
    .modle_pc{left:auto; right:auto; width: 100%; max-width:500px}
	.mbti_question_wrap ul.question_list > li{}
}

@media(min-width:1000px){
	.main_wrap{display:flex; height:100vh; overflow:hidden;}
	.left_container{width:50%; display:block; position:relative;}
	.right_container{width:50%; position:relative; height:100vh; box-shadow:0 0 30px 0 rgba(0 0 0/10%); overflow:hidden}
	.left_container > article{width:500px; min-height:100vh; position:absolute; right:0; display:flex; justify-content:center; align-items:center; flex-direction:column;}
	.left_container > article > img{width:175px}
	.left_container > article > h1{color:var(--color-75); font-size:20px; font-weight:600; margin-top:10px}
}

@media(max-width:999px){
	.right_container{width:100%;}
	.container{width:100%; padding-top:50px;}
}
.comment_reply {
    display: flex;
    align-items: center;
    margin-top: 10px; /* 간격 조정 */
}

.reply-input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    color: #333;
    margin-right: 10px;
}

.reply-submit-btn {
    background-color: #00c897; /* 등록 버튼의 배경색 */
    color: white;
    border: none;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer;
}

.reply-submit-btn:hover {
    background-color: #00b386; /* 호버 효과 */
}

.reply-form-container {
    margin-left: 50px; /* 답글 간격 조정 */
    margin-top: 8px;
	}

/* 챌린지 상품등록 레이어 팝업 */
.products_search{display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; top:0; max-width:500px; z-index:100; justify-content:center; align-items:center;}
.products_search.on{display:flex;}
.product_container{background-color:#fff; width:90%; margin:0 auto; height:80%; overflow-y:auto; padding:2rem 1.5rem; position:relative;}
.product_container .products_search_close{position:absolute; top:1rem; right:1.5rem; background-color:transparent; cursor:pointer}
.product_container .products_search_close img{width:30px;}
.product_container > h2{font-size:18px; font-weight:600; }
.product_container article {margin-top:1.5rem}
.product_container article > h3{font-size:15px; margin-bottom:0.4rem;}
.product_container article > div {position:relative;}
.product_container article > div .search_sub_title{font-size:15px; border:1px solid #ededed; border-radius:0.3rem; height:56px; padding:0 4rem 0 1.23rem; line-height:1; background:url(/images/icon_down_black.svg) no-repeat center right 1.08rem #FFF; cursor:pointer; width:100%; text-align:left; margin-bottom:5px; appearance: none; /* 브라우저 기본 스타일 제거 */
        -webkit-appearance: none;
        -moz-appearance: none;}
.product_container article > div .search_sub_title:focus{border-color:var(--color-01)}
.product_container article > div .classi_op{display:none; box-shadow:0 0 8px rgba(0,0,0,0.12); padding:0.3rem 1.23rem; width:100%;}
.product_container article > div .classi_op.on{display:block;  position:absolute; top:calc(100% + 5px); background-color:#fff; z-index:2}
.product_container article > div .classi_op li{cursor:pointer; border-bottom:1px solid #ededed; padding:0.75rem 0; font-size:1.15rem; color:#BCBCBC}
.product_container article > div .classi_op li:last-child{border-bottom:0;}
.product_container article > input{padding:0 1.23rem; height:56px; border:1px solid #ededed; font-size:15px; font-weight:400; outline:nnoe; -webkit-appearance:none; width:100%; border-radius:0.3rem;}
/* 판매상태 radio */
.product_container article > div ul.sale_situ{display:flex ;justify-content:space-between;}
.product_container article > div ul.sale_situ li{display:flex; align-items:center;}
.product_container article > div ul.sale_situ label{ font-size:15px;cursor:pointer; color:var(--color-75); font-weight:300; display:inline-block; margin-left:5px}
.product_container article > div ul.sale_situ input[type="radio"]{transition:0.2s; cursor:pointer; transition:0.1s; background-color:#fff; appearance:none; width:18px; height:18px; border-radius:50px; vertical-align:sub; border:1px solid var(--color-75); display:flex; justify-content:center; align-items:center;}
.product_container article > div ul.sale_situ input[type="radio"]:checked{border-color:#253ED0; background-color:#fff; box-shadow:0 0 0 0.06rem #253ed0}
.product_container article > div ul.sale_situ input[type="radio"]:checked + label{color:#000}
.product_container article > div ul.sale_situ input[type="radio"]:checked:after{content:'';display:block; width:10px; height:10px; background-color:var(--color-01); border-radius:50%;}
article.products_btns{display:flex; gap:1rem;}
article.products_btns button{flex:1; font-size:15px; height:56px; line-height:1; border-radius:0.3rem; cursor:pointer; }
article.products_btns button.products_search_btn{background-color:var(--color-01); color:var(--color-fff);}


/* 검색 상품 */
.products_list{display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; top:0; max-width:500px; z-index:100; justify-content:center; align-items:center;}
.products_list.on{display:flex;}
.no_search_data{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.no_search_data p{ font-size:16px; color:var(--color-75); margin-bottom:20px;}
.no_search_data button{display:inline-block; color:var(--color-2e);font-size:16px; border:1px solid #CECECE; background:transparent; padding:15px 48px; border-radius:4px}
.products_list_container{background-color:#fff; width:90%; margin:0 auto; height:80%; overflow-y:auto; padding:2rem 1.5rem; position:relative; }
.products_list_container > article{}
.products_list_container .products_list_close{position:absolute; top:1rem; right:1.5rem; background-color:transparent; cursor:pointer}
.products_list_container .products_list_close img{width:30px;}
.products_list_container > h2{font-size:18px; font-weight:600; margin-bottom:1.5rem;}
.products_list_container > article table{width:100%; border-collapse:collapse}
.products_list_container > article table thead th{font-size:0.9rem; padding:0.8rem 0; border:1px solid #ededed; background-color:#f7f7f7;}
.products_list_container > article table thead th:first-child{border-left:0}
.products_list_container > article table thead th:last-child{border-right:0}
.products_list_container > article table tbody td{font-size:0.85rem; text-align:center; padding: 0.8rem 0; border:1px solid #ededed;}
.products_list_container > article table tbody td:first-child{border-left:0}
.products_list_container > article table tbody td:last-child{border-right:0}
.products_list_container > article table tbody td input{display:none; }
.products_list_container > article table tbody td.pro_chk{}
.products_list_container > article table tbody td.pro_chk label{display:flex; justify-content:center; align-items:center;width:1.38rem; height:1.38rem; border:1px solid #bcbcbc; margin:0 auto; cursor:pointer;}
.products_list_container > article table tbody td.pro_chk i{color:#fff; }
.products_list_container > article table tbody td.pro_chk input:checked + label{background-color:var(--color-01); border-color:var(--color-01)}
.products_list_container > article table tbody td.pro_img {padding:0.3rem 0.3rem;}
.products_list_container > article table tbody td.pro_img img{vertical-align:middle}
.products_list_container > article ul.paging{display:flex;  margin:1.5rem auto; justify-content:center; align-items:center; gap:15px;}
.products_list_container > article ul.paging > li{display:flex; justify-content:center; align-items:center; cursor:pointer; height:32px; line-height:32px; width:32px; max-width:calc(100% / 7)}
.products_list_container > article ul.paging > li:not(.arrow):hover{color:var(--color-01)}
.products_list_container > article ul.paging > li.prev:hover path,
.products_list_container > article ul.paging > li.next:hover path{fill:var(--color-75)}
.products_list_container > article ul.paging > li.on{background-color:#F1F3FD; color:var(--color-01)}
@media(max-width:767px){
	.products_list_container > article ul.paging{gap:10px;}
}