/* font-family: 'Noto Sans KR', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'GmarketSansMedium';
font-family: 'SUIT', sans-serif;
font-family: "Albra Text";
*/

li{list-style: none;}

@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
/* font-family: 'GmarketSans'; */


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face { 
  font-family: 'GmarketSansBold';
  src: url("font/GmarketSansTTFBold.ttf") format("truetype");
  font-weight: bold;
}
@font-face { 
  font-family: 'GmarketSansMedium';
  src: url("font/GmarketSansTTFMedium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroM.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {font-family: "Albra Text"; src: url("//db.onlinewebfonts.com/t/380b2451531aa851f6aaffa8750cc3d2.eot"); src: url("//db.onlinewebfonts.com/t/380b2451531aa851f6aaffa8750cc3d2.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/380b2451531aa851f6aaffa8750cc3d2.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/380b2451531aa851f6aaffa8750cc3d2.woff") format("woff"), url("//db.onlinewebfonts.com/t/380b2451531aa851f6aaffa8750cc3d2.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/380b2451531aa851f6aaffa8750cc3d2.svg#Albra Text") format("svg"); }
@font-face { 
  font-family: 'Albra';
  src: url("font/Albra-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face { 
  font-family: 'Albra-Semi';
  src: url("font/Albra-Semi.ttf") format("truetype");
  font-weight: 500;
}
/* 기본설정 덮어쓰기 시작 */

.borad{border-radius: 50px !important;}

.btn.btn-default{background-color: #838383;border-radius: 5px;color: #fff;}
html{overflow-x: hidden;}
body{overflow: hidden;}
body {font-family: 'Noto Sans KR', sans-serif;}
p{margin-bottom: 0;}
a{user-select: none;-webkit-user-drag: none;text-decoration: none;cursor: pointer;}
.con{max-width: 1250px;margin: 0 auto; width: 100%;}
.header-main-area.sticky .row *{width: auto;} 
.header-main-area.sticky .row li{position: relative;}
.header-main-area.sticky.is-sticky{top: 0;width: 100%; background-color: #ffffff3a;backdrop-filter: blur(10px);border-bottom: 1px solid #ffffff48;position: fixed;}
body::-webkit-scrollbar { width: 5px; /*스크롤바의 너비*/}
body::-webkit-scrollbar-thumb {border-radius: 5px; background-color: black; /*스크롤바의 색상*/}
body::-webkit-scrollbar-track { background-color: rgb(238, 238, 238); /*스크롤바 트랙 색상*/}
.swiper-slide, swiper-slide{height: auto;width: auto;}
.row{margin: 0 auto;}
.pc{}
.mb{display: none;}
/* 기본설정 덮어쓰기 끝 */

.down_list_group{position: relative;}
.down_group{position: absolute;width: 100% !important; top: calc(95%);display: none;}
.group_bx{transform: translateY(10px); background-color: #ffffff8a;backdrop-filter: blur(10px);padding: 10px; }
.down_list{cursor: pointer;margin-top: 5px;}

.down_list_group:hover{}
.down_list_group:hover .down_group{display: block;  }
.down_list_group:hover{}

/* 탑배너 시작 */
.top_banner{transition: 1s;width: 100%; position: relative; user-select: none; -webkit-user-drag: none;}
.top_banner img{width: 100%;height: 100%;object-position: center;object-fit: cover;}
.top_banner .x-btn{transition: .3s; cursor: pointer; right: 29px;top: 50%;transform: translateY(-50%); width: 14px;aspect-ratio: 1/1; position: absolute;}
.top_banner .x-btn::before,
.top_banner .x-btn::after{content: '';position: absolute;top: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 14px;height: 2px;transform: rotate(45deg);}
.top_banner .x-btn::after{transform: rotate(135deg);}
.top_banner .x-btn:hover{transform: translateY(-50%) rotate(90deg);}
@media screen and (max-width: 1025px) {
    .top_banner .x-btn{right: 20px;}
}
/* 탑배너 끝 */

.cat_nav.mb{display: none;}

/* 헤더 수정 시작 */
.header-main-area.sticky{position: relative;z-index: 99; height: 69px;display: flex;align-items: center;box-shadow: 0 3px 6px #00000016;}
.header-main-area.sticky .container{display: flex;}
.header-main-area.sticky .logo{width: 194px;padding: 0;}
.header-main-area.sticky .logo img{width: 100%;object-fit: contain;}
.header-main-area.sticky .main-menu ul{justify-content: flex-end;display: flex;margin-bottom: 0;margin-top: 0;}
.header-main-area.sticky .main-menu ul li a{display: block; position: relative; transition: .2s; font-weight: 400;padding: 1rem 28px;color: #313131;font-size: 16px;}
.sticky.is-sticky .main-menu li a{padding: 1rem 28px;}

.header-main-area.sticky .main-menu ul li a::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: -7px; left: 0; background-color: #313131; transform-origin: bottom right; transition: transform 0.25s ease-out; } 
.header-main-area.sticky .main-menu ul li a:hover::after { transform: scaleX(1); transform-origin: bottom left; } 


.header-main-area.sticky .row{display: flex;justify-content: space-between;width: 100%;flex-wrap: nowrap;} 
.header-main-area.sticky .row .row_bx{display: flex;align-items: center;padding: 0;}

.search_bbx{position: relative;padding: 0 23px;display: flex;background: #ECECEC;height: 45px;align-items: center;justify-content: center;border-radius: 33px;overflow: hidden;}
.search_bbx{padding: 0; cursor: pointer;transition: .3s .3s;}
.header-main-area.sticky .search_bbx{width: 45px;}
.search_bbx .search_bx:nth-child(1){width: 0;transition: .3s;}

.header-main-area.sticky.is-sticky .search_bbx{background: #fff;border: 1px solid #dbdbdb;}
.header-main-area.sticky.is-sticky .search_bbx .sc_bx_txt{background: transparent;}
.hw-input-group{
    display: flex;
    justify-content: center;
}
.hw-input-group .form-control{
    width: 80%;
}
.hw_w_960{
    max-width: 960px;
    margin: 0 auto;
}
.hw-col-4{
    flex: 0 0 auto;
    width: 49%;
}
/* login start */
.login_bbx{position: relative;display: flex;gap: 10px;align-items: center;}
/* .login_bbx img:nth-child(1){width: 182px;max-width: 182px;cursor: pointer;} */
.login_bbx img{position: absolute;left: 50%;transform: translateX(-50%);width: 66px;max-width: 66px;top: 20px;}
.login_bbx img.search_bbx_click{position: relative;left: auto;transform: translateX(0);top: auto;}
/* .login_bbx .search_bbx_click.on img.search_bbx_click{left: 100%;} */
.login_bbx img{}
.login_bbx_list_group{display: flex;}
.login_bbx_list{position: relative; font-size: 13px;padding-left: 12.5px;padding-right: 12.5px;cursor: pointer;border-right: 1px solid #313131;}
.login_bbx_list.last{border-right: none;}

.sct_ct{border-top: none !important; border: none;}
/* login end */

.search_bbx .search_bx:last-child{cursor: pointer;}
.search_bbx .sc_bx_txt{border: none;outline: none;background: transparent;max-width: 215px; padding-right: 10px;}
.header-main-area.sticky .search_bbx .sc_bx_txt{width: 100% ;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1395px;padding: 0;margin:  auto;}

.search_bbx.on{cursor: auto;padding: 0 23px;width: 190px !important;transition:.3s;}
.search_bbx.on .search_bx:nth-child(1){width: calc(100% - 21px);}
/* 헤더 수정 끝 */

.cart_img{border: 1px solid #707070;}

/* 우측 fixed 아이콘 시작 */
.social-link{top: 50%;transform: translateY(-50%);}
.social-link.s_l_re{display: flex;flex-direction: column;gap: 18px;left: 30px;width: fit-content;position: fixed;z-index: 999999;}
.social-link.s_l_re a{transition: .2s; margin-top: 0;display: flex;align-items: center;justify-content: center;width: 46px;aspect-ratio: 1/1;height: auto;background: #292929;border-radius: 10px;}
.social-link.s_l_re a:nth-child(1):hover{background: #4867aa;}
.social-link.s_l_re a:nth-child(2):hover{background: #e7161b;}
.social-link.s_l_re a:nth-child(3):hover{background: #d73f67;}
.social-link.s_l_re a:nth-child(4):hover{background: #f6cb01;}

.social-link.s_l_re a:hover{transform: rotate(90deg);}
.social-link.s_l_re a img{position: relative;transition: .3s;}
.social-link.s_l_re a:hover img{transform: rotate(-90deg);}
@keyframes bounce {
0%{left: 0;transform: rotate(-90deg);}
  100% {left: -3px;transform: rotate(-90deg);}
}
/* 우측 fixed 아이콘 끝 */

.ma_cont {width: 100vw;}

/* m_a_1 start */
.ma_c_1{width: 100vw;height: 835px;position: relative;overflow: hidden;}
.ma_c_1 .tbx{display: flex;font-family: 'SUIT', sans-serif;flex-direction: column;color: #444444;position: absolute;left: 11.88%;bottom: 12px;z-index: 4;pointer-events: none;}
.ma_c_1 .tbx .p1{margin-bottom: 15px; font-size: 20px;font-weight: 500;line-height: 20px;color: #434343;}
.ma_c_1 .tbx .p3,
.ma_c_1 .tbx .p4,
.ma_c_1 .tbx .p2{font-size: 60px;line-height: 80px;color: #444444;}

.ma_c_1 .tbx p .fwb{font-weight: 900;}

.m_c_i_bbx{justify-content: space-between; height: 282px;width: 100%;position: relative;width: 76%;margin: 0 auto;display: flex;}
.m_c_i_bbx .tbx{display: flex;color: #434343;}
.m_c_i_bbx .tbx .t_inner{display: flex;flex-direction: column;justify-content: flex-end;}
.m_c_i_bbx .tbx p:nth-child(1){font-size: 60px;font-family: 'SUIT', sans-serif;font-weight: 300;}
.m_c_i_bbx .tbx .text_word{white-space: nowrap; font-size: 112px;line-height: 139px;font-family: 'Albra-Semi';margin-top: -20px;}

.m_c_i_bbx .imgbx{position: relative;width: 272px;aspect-ratio: 1/1;left: 100%;transition: 1s;}
.m_c_i_bbx .imgbx.on{left: 0;}
/* .m_c_i_bbx .imgbx img{position: absolute;} */
.m_c_i_bbx .imgbx img:first-child {animation: rolling 15s infinite linear;position: absolute;width: 100%;height: 100%;}
.m_c_i_bbx .imgbx img:last-child{position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 85.5%;}

.wish_list{cursor: pointer;}
.wish_list_img img{width: 207px;height: 207px;border: 1px solid #707070;}
.wish_list_txt_group{display: flex;flex-direction: column;align-items: center;}












.text_word { position: relative;display: flex;height: 153px;}
.word { position: absolute;width: 100%;display: flex;}
.letter {display: flex; position: relative; float: left; transform: translateZ(25px); transform-origin: 50% 50% 25px; white-space: nowrap; font-size: 112px;line-height: 139px;font-family: 'Albra-Semi';}
.letter.out { transform: rotateX(90deg); transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.letter.behind { transform: rotateX(-90deg); }
.letter.in { transform: rotateX(0deg); transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275); }


















.sct .soldout_icon{position: absolute;top: 15px;left: 23px;}




.breadcrumb-item+.breadcrumb-item{display: flex;align-items: center;}
.breadcrumb-wrap .breadcrumb .breadcrumb-item::before{font-size: 1rem;}
.shop_select_to_html .category_title{padding-bottom: 0;}








.i3_ms{height: 100vh;}
.i3_ms .swiper-slide{object-fit: cover;object-position: right;}
.i3_ms .swiper-slide img{width: 100%;height: 100%;object-fit: cover;object-position: 65%;}
.i3_ms .swiper-slide:nth-child(2) img{object-position: 65%;}
.i3_ms .swiper-slide:nth-child(3) img{object-position: 65%;}


.i3_u_img{pointer-events: none; position: absolute;width: 100vw;height: 100vh;top: 0;right: 0;z-index: 2;}
.i3_u_img img{width: 100%;height: 100%;object-fit: cover;object-position: right;}




/* m_a_1 end */

.ma_c_cont{width: 1208px;margin: 0 auto;}
.ma_tit{position: relative;display: inline-block; font-family: 'GmarketSansMedium' !important;font-size: 24px;font-weight: 500;line-height: 27px;color: #313131;}
.ma_tit::before{z-index: -2; position: absolute;content: '';top: 8px;right: -12px;background: #FCF25F;display: inline-block;width: 100%;height: calc(100% - 4px);}
.ma_stit{font-size: 25px;font-weight: bold;line-height: 37px;color: #313131;margin-top: 7px;}

/* dealership_bbx start */
.dealership_bbx{padding: 196px 0 ; display: flex;flex-direction: column;justify-content: center; width: 100vw;height: 600px;position: relative;}
.dealership_bbx .dealership_mark{position: absolute;top: 50%;transform: translateY(-50%);right: -100%;transition: 1.5s;}
.dealership_bbx .dealership_mark.on{right: 0;}
.dealership_bbx .dealership_mark .de_m_bx{background: #2c6cac10;position: relative;width: 697px;height: 404px;border-radius: 404px 0 0 404px;}
.dealership_bbx .dealership_mark .de_m_bx .de_m_cont{transition: 1.5s; user-select: none;-webkit-user-drag: none; height: 100%; left: 200%;position: relative;top: 50%;transform: translateY(-50%);}
.dealership_bbx .dealership_mark.on .de_m_bx .de_m_cont{left: 53.7px;}
.dealership_bbx .dealership_mark .de_m_bx .de_m_cont img{position: absolute;}
.dealership_bbx .dealership_mark .de_m_bx .de_m_cont img:first-child{width: 309px;aspect-ratio: 1/1;animation: rolling 15s infinite linear;top: 46px;}
.dealership_bbx .dealership_mark .de_m_bx .de_m_cont img:last-child{width: 264px;aspect-ratio: 1/1;left: calc(50% - 194px); top: 50%;transform: translate(-50%, -50%);}

@keyframes rolling {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.dealership_bbx .dealership_tbx{width: 1210px;margin: 0 auto;font-family: 'SUIT', sans-serif;font-size: 74px;line-height: 102px;}
.dealership_bbx .dealership_tbx p .color{transition:.3s;}
.dealership_bbx .dealership_tbx .dt_1{color: #434343;font-weight: 900;-webkit-text-stroke: 1px #434343;}
.dealership_bbx .dealership_tbx .dt_1.on{color: #43434300;}
.ma_c_1 .tbx .p2{color: #434343;}
.ma_c_1 .tbx .p2.on .fwb{color: #6D2EEC;}
.ma_c_1 .tbx .p3{color: #434343;}
.ma_c_1 .tbx .p3.on .fwb{color: #1AC8A5;}
.ma_c_1 .tbx .p4{color: #434343;}
.ma_c_1 .tbx .p4.on .fwb{color: #FFB303;}

/* .ma_c_1 .tbx p{font-weight: 900;} */
.ma_c_1 .tbx p span{position: relative;}
.ma_c_1 .tbx p span::after{content: '';height: 3px;width: 0px;position: absolute;bottom: -3px;left: 0;transition: .3s;}
.ma_c_1 .tbx p.on span::after{width: 106px;}
.ma_c_1 .tbx .p2 span::after{background: #6D2EEC;}
.ma_c_1 .tbx .p3 span::after{background: #1AC8A5;}
.ma_c_1 .tbx .p4 span::after{background: #FFB303;}

.txt_bg_slide {white-space: nowrap; text-transform: capitalize;position: relative;} 
.txt_bg_slide:before { content: attr(data-fill); position: absolute; top: 0; left: 0; overflow: hidden; transition: .7s; width: 100%;-webkit-text-fill-color: #434343; } 
.txt_bg_slide.on:before { width: 0%; }
/* dealership_bbx end */

/* m_a_2 start */
.ma_c_2{padding: 122px 0 180px;}
.mac2_bbx{color: #fff; margin-top: 31px;display: flex;align-items: center;justify-content: space-between;}
.mac2_bbx .mac2_bxs{width: 380px;height: 180px;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.mac2_bbx .mac2_bxs:nth-child(1){background: #6D2EEC;gap: 35px;}
.mac2_bbx .mac2_bxs:nth-child(2){background: #1AC8A5;gap: 55px;}
.mac2_bbx .mac2_bxs:nth-child(3){background: #FFB303;gap: 37.5px;}
.mac2_bbx .mac2_bx{display: flex;flex-direction: column;}
.mac2_bbx .mac2_bx div{font-size: 18px;line-height: 27px;}
.mac2_bbx .mac2_bx .mac2_b{color: #fff;}
.mac2_bbx .mac2_bx .mac2_b2{gap: 15.8px; color: #fff;display: flex;align-items: center;justify-content: flex-start;margin-top: 19px;font-size: 14px;font-weight: 200;line-height: 20px;}
.mac2_bbx .mac2_bx .mac2_b2 img{transition: .2s;position: relative;left: 0;}
.mac2_bbx .mac2_bxs:hover .mac2_b2 img{left: 5px;}
.mac2_bbx .mac2_bxs.vibration img{animation: vibration .5s;}

@keyframes vibration {
  0% {transform: rotate(5deg);}
  100% {transform: rotate(0deg);}
}
/* m_a_2 end */

/* m_a_3 start */
.ma_c_3{padding: 0 0 150px;}
.mac3_m_bx{display: flex;align-items: center;justify-content: space-between;}
.mac5_menu,
.mac3_menu{margin-top: 29px; gap: 19px; display: flex;align-items: center;justify-content: center;}
.mac3_m{transition:.2s; -webkit-user-drag: none;user-select: none; cursor: pointer; font-size: 16px;font-weight: 500;line-height: 38px;color: #313131;display: flex;align-items: center;justify-content: center;height: 41px;border-radius: 30px;background: #E8E8E8;padding: 0 25px;}
.mac3_m:hover{background: #d8d8d8;}
.mac3_m.on{background: #FCF25F;font-weight: bold;}
.mac3_all{display: flex;align-items: center;justify-content: center;gap: 7.8px;}
.mac3_all img{position: relative;left: 0;transition: .2s;}
.mac3_all:hover img{left: 5px;}

.mac3_items{display: grid;margin-top: 42px;transition: .3s;position: relative;}
.mac3_items .mac3_item{border-radius: 30px;overflow: hidden; display: flex;align-items: center;justify-content: flex-start;position: relative;-webkit-user-drag: none;user-select: none;cursor: pointer;}
.mac3_items .mac3_item .mac3_i_img img{transition: .2s ease-in-out;}
.mac3_items .mac3_item:hover .mac3_i_img img{transform: scale(1.05);}
.mac3_items .mac3_item .shop_icon .img_1{display: inline-block;}
.mac3_items .mac3_item .shop_icon .img_2{display: none;}
.mac3_items .mac3_item:hover .shop_icon .img_1{display: none;}
.mac3_items .mac3_item:hover .shop_icon .img_2{display: inline-block;}
.mac3_items .mac3_item .mac3_t_tbx{text-align: right;right: 6%;position: absolute;z-index: 3;width: 40%;}
.mac3_items .mac3_item .tbx p{}
.mac3_items .mac3_item .tbx p:nth-child(1){font-size: 20px;font-weight: bold;color: #313131;}
.mac3_items .mac3_item .tbx p:nth-child(2){margin-top: 28px; font-size: 13px;line-height: 22px;color: #313131;}
.mac3_items .mac3_item .tbx p:nth-child(3){margin-top: 27.7px; font-family: 'GmarketSansBold' !important;font-weight: bold;font-size: 26px;color:#010101;display: flex;align-items: flex-end;gap: 7px;flex-direction: column-reverse;justify-content: flex-end;}
.mac3_items .mac3_item .tbx span.common_price{font-size: 15px;line-height: 20px;color: #313131;text-decoration: line-through;opacity: .2;font-family: 'GmarketSansMedium' !important;font-weight: 500;}
.mac3_items .mac3_item .tbx span.rate-price{ margin-right: 0.75rem; font-size: 1.2rem; font-weight: 500;color: #2e6faf;}


.mac3_items .mac3_item:nth-child(2) .tbx p:nth-child(2),
.mac3_items .mac3_item:nth-child(3) .tbx p:nth-child(2){margin-top: 14.7px;width: 70%;margin-left: auto;}

.mac3_items .mac3_item:nth-child(2) .tbx p:nth-child(3),
.mac3_items .mac3_item:nth-child(3) .tbx p:nth-child(3){margin-top: 27.7px;}

.mac3_items1 .mac3_item:nth-child(2){max-height: 382px;}
.mac3_items1 .mac3_item:nth-child(3){max-height: 382px;}
.mac3_items2 .mac3_item:nth-child(1){max-height: 382px;}
.mac3_items2 .mac3_item:nth-child(2){max-height: 382px;}
.mac3_items3 .mac3_item:nth-child(2){max-height: 382px;}
.mac3_items3 .mac3_item:nth-child(3){max-height: 382px;}


.product_img img{width: 100%;max-width: 700px;margin: auto ;}



.mac3_items .mac3_item:nth-child(1){grid-column: 1; grid-row: 1 /span 2;width: 756px;height: 754px;margin-right: 17px;background: #F8F8F8;gap: 44px;overflow: hidden;}
.mac3_items .mac3_item:nth-child(2){width: 435px; gap: 24.5px; grid-column: 2;background: #FEF4F4;overflow: hidden;}
.mac3_items .mac3_item:nth-child(3){width: 435px; gap: 28.5px; grid-column: 2;margin-top: 20px;background: #F3FFF5;overflow: hidden;}


.mac3_items .mac3_item:nth-child(2) .tbx p:nth-child(1),
.mac3_items .mac3_item:nth-child(3) .tbx p:nth-child(1){font-size: 14px;line-height: 15px;}


.mac3_items .mac3_item:nth-child(2) .tbx p:nth-child(3),
.mac3_items .mac3_item:nth-child(3) .tbx p:nth-child(3){margin-top: 22.7px;}

/* .mac3_items .mac3_item:nth-child(2) .mac3_i_img{width: 30.8%;}
.mac3_items .mac3_item:nth-child(3) .mac3_i_img{width: 32.8%;} */

.mac3_items .mac3_item .cl_bx{width: 100%;height: 24%;position: absolute;bottom: 0;left: 0;z-index: 0;background: #F6F6F6;mix-blend-mode: multiply;}

.mac3_items .mac3_i_img{width: 80%;z-index: 1;top: 0;left: 0;}
.mac3_items .mac3_i_img img{width: 100%;height: 100%;object-fit: contain;position: relative;left: -30px;}

.m3_icons_bbx{position: absolute;top: 28px;left: 26px;z-index: 3;}
.m3_icons{display: flex;align-items: center;justify-content: center;gap: 9px;}
.m3_icon{transition:.2s; display: flex;align-items: center;justify-content: center; width: 48px;aspect-ratio: 1/1;border-radius: 50%;}
.m3_icon span{font-family: 'GmarketSansMedium' !important;line-height: 25px;}
.m3_icon1{border: 1px solid #3366FF;color: #3366FF;font-size: 15px;}
.m3_icon2{border: 1px solid #DB0016;color: #DB0016;font-size: 10px;}
.m3_icon3{border: 1px solid #14CC14;color: #14CC14;font-size: 10px;}

.ma_c_cont .sct-icon{top: 0;left: 0;}


/* .m3_icon:nth-child(1) span{top: 2px;}
.m3_icon:nth-child(2) span{top: 3px;}
.m3_icon:nth-child(3) span{top: 3px;} */

.mac3_items .mac3_item:hover .m3_icon1{color: #fff;background: #3366FF;}
.mac3_items .mac3_item:hover .m3_icon2{color: #fff;background: #DB0016;}
.mac3_items .mac3_item:hover .m3_icon3{color: #fff;background: #14CC14;}

.mac3_items2 {}
.mac3_items2 .mac3_item:nth-child(1){background: #FEF4F4; width: 435px;gap: 24.5px;grid-column: 1;grid-row: 1;height: auto;}
.mac3_items2 .mac3_item:nth-child(2){background: #F5F3FF; width: 435px;gap: 28.5px;grid-column: 1;grid-row: 2;margin-top: 20px;}
.mac3_items2 .mac3_item:nth-child(3){background: #ECFFF5; grid-column: 2;grid-row: 1 /span 2;width: 756px;height: 754px;margin-right: 17px;gap: 44px;margin-top: 0;}

.mac3_items2 {}
.mac3_items2 .mac3_item:nth-child(1) .tbx p:nth-child(1),
.mac3_items2 .mac3_item:nth-child(2) .tbx p:nth-child(1){font-size: 14px;font-weight: bold;line-height: 17px;}

.mac3_items2 .mac3_item:nth-child(1) .tbx p:nth-child(2),
.mac3_items2 .mac3_item:nth-child(2) .tbx p:nth-child(2){font-size: 13px;line-height: 20px;margin-top: 14.7px;}

.mac3_items2 .mac3_item:nth-child(1) .tbx p:nth-child(3),
.mac3_items2 .mac3_item:nth-child(2) .tbx p:nth-child(3){font-size: 27px;}
/* .mac3_items2 .mac3_item:nth-child(1) .mac3_t_tbx,
.mac3_items2 .mac3_item:nth-child(2) .mac3_t_tbx{position: relative;top: -7px;} */

.mac3_items2 .mac3_item:nth-child(3) .tbx p:nth-child(1){font-size: 20px;line-height: 28px;}
.mac3_items2 .mac3_item:nth-child(3) .tbx p:nth-child(2){font-size: 13px;line-height: 20px;margin-top: 28px;}
/* .mac3_items2 .mac3_item:nth-child(3) .tbx p:nth-child(3){font-size: 13px;line-height: 20px;} */




.mac3_items3 {}
.mac3_items3 .mac3_item:nth-child(1){background: #F6ECFF;}
.mac3_items3 .mac3_item:nth-child(2){background: #DAF9D3;}
.mac3_items3 .mac3_item:nth-child(3){background: #FFE9E9;}






.ha_ca_bx{display: flex;align-items: center;justify-content: center;}
.ha_ca_bbx{z-index: 9; gap: 21px; position: absolute;right: 5%;bottom: 8%;display: flex;align-items: center;justify-content: center;}
.heart_bx {text-align: center;font-size:26px;position:relative;display: inline-block;cursor: pointer;} 
ion-icon.active { animation:like 0.5s 1; fill:red; stroke:none; } 
ion-icon { fill:transparent; stroke:black; stroke-width:30; transition:all 0.5s; } 

@-webkit-keyframes like { 
0% { transform: scale(1); } 
90% { transform: scale(1.1); } 
100% { transform: scale(1.05); } 
}

.add-to-cart-button {border: none; color: #ffffff; display: flex;justify-content: space-around; overflow: hidden; outline: none;position: relative;transition: 0.4s ease; width: fit-content; } 
.add-to-cart-button:hover { cursor: pointer; } 
.add-to-cart-button:hover, .add-to-cart-button:focus {-webkit-transform: translateY(-1px); transform: translateY(-1px); } 
.add-to-cart-button.added .cart-icon { animation: drop 0.3s forwards; -webkit-animation: drop 0.3s forwards; animation-delay: 0.18s; } 
.add-to-cart-button.added .box-1,
.add-to-cart-button.added .box-2 { top: 8px; } 
.add-to-cart-box { height: 5px; position: absolute; top: 0; width: 5px; } 
.box-1,
.box-2 { transition: 0.4s ease; top: -8px; } 
.box-1 { left: 4px; transform: rotate(45deg); } 
.box-2 { left: 11px; transform: rotate(63deg); } 
.cart-icon { position: relative;} 

@-webkit-keyframes drop { 
0% { -webkit-transform: translateY(0px); } 
100% { -webkit-transform: translateY(1px); } 
}
@keyframes drop { 
0% { transform: translateY(0px); } 
100% { transform: translateY(1px); } 
}

/* sweet alert start */
/* .swal-button{box-shadow: none !important; outline: none; cursor: none;background: linear-gradient(to right, #D4274A, #3D52E4);}
.swal-footer{display: flex;align-items: center;justify-content: center;margin-top: 0px;padding: 10px;}
.swal-footer *{outline: none;border: none;}
.swal-title{color: #fff;font-weight: bold;padding: 10px;}
.swal-text{color: #fff;}
.swal-overlay{background-color: rgba(0, 0, 0, 0);}
.swal-modal {width: 350px; background-color: #000000de  !important;backdrop-filter: blur(5px) !important;border-radius: 15px;box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.349);position: relative;transition:backdrop-filter .3s;}
.swal-button-container{display: none;}
.swal-title:first-child{margin-top: 5px;}
.swal-title:not(:last-child){margin-bottom: 0;}

[class^=swal2]{z-index: 9999;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{cursor: none;} */
/* sweet alert end */
/* m_a_3 end */

/* m_a_4 start */
.ma_c_4{padding-bottom: 188px;}
.mid_banner{display: flex;align-items: center; background: url(/img_jw/mid_banner.png) center/cover no-repeat;height: 282px;background-size: 100%;transition:background-size .3s;}
.mid_banner:hover{background-size: 105%;}
.mid_banner .tbx{color: #313131;position: relative;left: 5%;}
.mid_banner .tbx p{}
.mid_banner .tbx p:nth-child(1){font-family: 'GmarketSansMedium' !important;font-size: 17px;line-height: 20px;font-weight: 500;}
.mid_banner .tbx p:nth-child(2){margin-top: 17px;font-size: 25px;font-weight: bold;line-height: 37px;}
.mid_banner .tbx p:nth-child(3){margin-top: 22px;font-size: 16px;line-height: 24px;}
.mid_banner .tbx a{margin-top: 31px;display: inline-block;font-size: 15px;line-height: 17px;gap: 8.5px;display: flex;align-items: flex-end;width: fit-content;}
.mid_banner .tbx a img{position: relative;left: 0;transition: .2s;}
.mid_banner .tbx a:hover img{left: 5px;}
/* m_a_4 end */

/* m_a_5 start */
/* .ma_c_5{padding-bottom: 253px;} */
.m5_6s_bbx{position: relative;width: 1376px;left: 50%;transform: translateX(-50%);}
.mac5_items{display: none;}
.mac5_items.on{display: block;}
.m5_6s_bbx .swiper-button-next,
.m5_6s_bbx .swiper-button-prev{filter: grayscale(100%) brightness(0);top: calc(50% - 200px);}
.m5_6s_bbx .swiper-pagination{bottom: -78px;top: var(--swiper-pagination-top,auto);left: 0;width: 100%;}
.m5_6s_bx{padding-bottom: 253px;width: 1250px;overflow-x: hidden;margin: 0 auto;position: relative;}



.m5_6s {width: 1208px;height: 1150px;margin: 0 auto;position: relative;margin-top: 62px;overflow: unset;}


.ma_c_5{padding-bottom: 254.3px;position: relative;}
.ma_c_5 .ma_cont{position: relative;}
.ma_c_5_s_bbx{position: relative;margin-top: 52px;}
.ma_c_5_s{height: 1180px;position: relative;}
.ma_c_5_s .swiper-slide{position: relative;overflow-y: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 64.5px 40px;padding: 10px;}
.ma_c_5_s .swiper-slide::-webkit-scrollbar {width: 0px;border-radius: 10px;}
.ma_c_5_s .swiper-slide::-webkit-scrollbar-thumb {background-color: #FCF25F;border-radius: 10px; }
.ma_c_5_s .swiper-slide::-webkit-scrollbar-track {background-color: #EBEBEB;border-radius: 10px; }

/* .ma_c_5_s .swiper-slide:nth-child(1){border-top: 1px solid #000;} */
.ma_c_5_s .swiper-slide:nth-child(1).on{}


.custom-scrollbar {border-radius: 10px; position: absolute;top: 0;right: -50px;height: 100%;width: 5px;background-color: #EBEBEB;opacity: 0;transition: opacity 0.2s;}
.custom-scrollbar.on{opacity: 1;}
.custom-scrollbar .thumb {border-radius: 10px; width: 100%;background-color: #FCF25F;cursor: pointer;height: 578px; /* 스크롤 바 높이 조정 */}

.scrollable-content:hover + .custom-scrollbar,
.custom-scrollbar:hover {opacity: 1;}
/* .ma_c_5_s .swiper-wrapper{gap: 54px;} */
/* .ma_c_5_s .swiper-slide:nth-child(1){left: calc(50%);padding-right: 39px; transform: translateX(-50%);width: 1247px;} */
.ma_c_5_s .m5ss {position: relative;width: 367px;cursor: pointer;} 

.swiper-pagination-bullet{width: 15px;height: 15px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 var(--swiper-pagination-bullet-horizontal-gap,9px);}
.m5_6s_bbx .swiper-pagination-bullet{transition:width .2s;}
.m5_6s_bbx .swiper-pagination-bullet-active{background: #14CC14;width: 39px;border-radius: 15px;}
.ma_c_5_s .cont_bx{display: flex;flex-direction: column;text-align: center;}
.ma_c_5_s .cont_bx .ophtecs{width: 367px;align-self: 1/1;box-shadow: 0 4px 14px #0000001b;border-radius: 50px;position: relative;overflow: hidden;aspect-ratio: 1 / 1;}
.ma_c_5_s .cont_bx .shop_icon .img_1{display: inline-block;}
.ma_c_5_s .cont_bx .shop_icon .img_2{display: none;}
.ma_c_5_s .cont_bx .soldout_txt .img_1{display: inline-block;}
.ma_c_5_s .cont_bx .soldout_txt .img_2{display: none;}
.ma_c_5_s .cont_bx:hover .shop_icon .img_1{display: none;}
.ma_c_5_s .cont_bx:hover .shop_icon .img_2{display: inline-block;}
.ma_c_5_s .cont_bx:hover .soldout_txt .img_1{display: none;}
.ma_c_5_s .cont_bx:hover .soldout_txt .img_2{display: inline-block;}

.ma_c_5_s .m3_icons{position: absolute;top: 25px;left: 28px;}
.ma_c_5_s .m5ss:hover .m3_icon1{color: #fff;background: #3366FF;}
.ma_c_5_s .m5ss:hover .m3_icon2{color: #fff;background: #DB0016;}
.ma_c_5_s .m5ss:hover .m3_icon3{color: #fff;background: #14CC14;}

.ma_c_5_s .m5ss .ophtecs>img{transition: .3s;width: 350px;}
.ma_c_5_s .m5ss:hover .ophtecs>img{transform: scale(1.05);}

.ma_c_5_s .tbx{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.ma_c_5_s .tbx p{text-align: center;position: relative;}
.ma_c_5_s .tbx p:nth-child(1){margin-top: 18px; font-size: 14px;font-weight: bold;line-height: 15px;color: #313131;}
.ma_c_5_s .tbx p:nth-child(2){margin-top: 11.7px; font-size: 13px;line-height: 22px;color: #313131;}
.ma_c_5_s .tbx p:nth-child(4){margin-top: 13.3px;}
.ma_c_5_s .tbx p:nth-child(4) span:nth-child(1){font-size: 19px;font-weight: bold;line-height: 20px;color: #010101;}
.ma_c_5_s .tbx .common_price_ab{position: absolute;top: 50%;transform: translateY(-40%);text-decoration: line-through; right: calc(-60% - 25.8px);opacity: 0.2;font-size: 14px;line-height: 19px;font-family: 'GmarketSansMedium' !important;color: #313131;}
.ma_c_5_s .tbx .rate_price{font-size: 1.2rem; font-weight: 500;color: #2e6faf; position: absolute;top: 50%;transform: translateY(-40%);left: calc(-60% - 25.8px);line-height: 19px;font-family: 'GmarketSansMedium' !important;}

.ma_c_5_s .ha_ca_bbx{position: relative;margin-top: 17.5px;right: auto;bottom: auto;gap: 15px;}






/* m_a_5 end */

/* m_a_6 start */
.ma_c_6{background: #F1F1F1;width: 100%;height: 790px;display: flex;align-items: center;justify-content: center;}
.bg_tit{font-family: 'GmarketSansBold' !important;font-size: 45px;font-weight: bold;line-height: 52px;color: #313131;}
.bg_stit{display: flex;align-items: center;justify-content: space-between; font-size: 19px;font-weight: bold;line-height: 28px;color: #313131;position: relative;padding-left: 59px;}
.bg_stit a{font-size: 15px;color: #313131;display: flex;align-items: center;justify-content: center;width: fit-content;gap: 10px;}
.bg_stit a img{position: relative;left: 0;transition: .2s;}
.bg_stit a:hover img{left: 5px;}

.m6_bbx{display: flex;position: relative;height: 100%;align-items: center;}
.m6_bbx .m6_bx_1{display: flex;justify-content: flex-end;align-items: center;z-index: 2;background: #F1F1F1;height: 100%;}
.m6_bbx .m6_bx .m6_b_i_1{width: 580px;}

.m6_bbx .m6_bx_1{width: calc(50vw - 70px);background: #F1F1F1;}
.m6_bbx .m6_bx_2{width: calc(50vw + 70px);}

.m6_bbx .swiper-button-next.swiper-button-disabled, .m6_bbx .swiper-button-prev.swiper-button-disabled{pointer-events: unset;opacity: 1;cursor: pointer;}


.ma_c_6 .m6_tbx{font-size: 16px;line-height: 22px;color: #464646;margin: 51px 0 48px;}
.ma_c_6 .m6_a{font-size: 15px;color: #313131;display: flex;align-items: center;justify-content: center;width: fit-content;gap: 10px;}
.ma_c_6 .m6_a img{position: relative;left: 0;transition: .2s;}
.ma_c_6 .m6_a:hover img{left: 5px;}


.m6_s{overflow: unset;position: relative;width: 100%;}
.m6_s .swiper-slide{box-shadow: 5px 10px 10px #1e1e1e31;border-radius: 20px; overflow: hidden;width: 410px;}
.m6_s .m6_sbx{width: 410px;aspect-ratio: 1/1;overflow: hidden;cursor: pointer;}
.m6_s .swiper-slide img{transition: .3s;height: 100%;width: 100%;object-fit: cover;aspect-ratio: 1/1;}
.m6_s .swiper-slide:hover img{transform: scale(1.05);}
.m6_s .tbx{position: absolute;left: 0;bottom: 0;width: inherit;height: 405px;color: #fff;display: none;}
.m6_s .tbx .ttbx{width: 80%;bottom: 86px;position: absolute;left: 50%;transform: translateX(-50%);}
.m6_s .tbx .ttbx p{}
.m6_s .tbx .ttbx p:nth-child(1){font-size: 29px;font-weight: bold;line-height: 43px;}
.m6_s .tbx .ttbx p:nth-child(2){font-size: 15px;line-height: 18px;margin-top: 15px;}

.m6_nav{margin-top: 70px; display: flex;align-items: center;justify-content: center;gap: 56px;position: relative;width: fit-content;}
.m6_nav .swiper-button-prev,
.m6_nav .swiper-button-next{width: 50px;height: auto;aspect-ratio: 1/1;left: auto;right: auto;position: relative;transition: .2s;}
.m6_nav .swiper-button-prev:hover,
.m6_nav .swiper-button-next:hover{filter: grayscale(100%) brightness(0);}
.m6_nav .swiper-button-prev:after{width: 100%;height: 100%; font-family: none;background: url(/img_jw/m6_nav_p.png) center/contain no-repeat;color: transparent;}
.m6_nav .swiper-button-next:after{width: 100%;height: 100%; font-family: none;background: url(/img_jw/m6_nav_n.png) center/contain no-repeat;color: transparent;}
/* m_a_6 end */

/* m_a_7 start */
.ma_c_7{padding: 190px 0 258px;}
.m7_grid_bx{width: 1208px;margin: 0 auto;position: relative;display: grid;height: 700px;gap: 39px;margin-top: 43.7px;}
.m7_grid_bx .m7_gbx{border-radius: 13px;overflow: hidden;position: relative;cursor: pointer;}
.m7_grid_bx .m7_gbx img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition:.3s;width: 100%;height: 100%;object-fit: cover;}
.m7_grid_bx .m7_gbx:hover img{transform: translate(-50%, -50%) scale(1.05);}
.m7_grid_bx .m7_g1{grid-column: 1; grid-row: 1 /span 12;}
.m7_grid_bx .m7_g2{grid-column: 2; grid-row: 1 /span 8; }
.m7_grid_bx .m7_g3{grid-column: 2; grid-row: 9 /span 4; }
.m7_grid_bx .m7_g4{grid-column: 3; grid-row: 1 /span 4; }
.m7_grid_bx .m7_g5{grid-column: 3; grid-row: 5 /span 8; }

.m7_grid_bx .tbx{position: relative;z-index: 2;color: #fff;top: 28px;left: 34px;}
.m7_grid_bx .tbx p:nth-child(1){font-size: 33px;line-height: 41px;font-weight: 500;font-family: 'SBAggroM';text-shadow: 0 2px 3px #0000001a;}
.m7_grid_bx .tbx p:nth-child(2){font-weight: 200;font-size: 15px;line-height: 22px;margin-top: 18.7px;text-shadow: 0 2px 3px #0000001a;}
/* @media screen and (max-width: 1600px) {
    .m7_grid_bx{width: 1300px;}
} */
/* m_a_7 end */

/* introduction_bbx start */
.introduction_bbx{padding-bottom: 207px; width: 100vw;position: relative;display: flex;align-items: center;justify-content: center;padding-bottom: 0;}
.introduction_bbx .introduction_bx{color: #fff; display: flex;flex-direction: column;align-items: center;justify-content: center; overflow: hidden; width: 50%;height: 724px;background-size: 100% 100% !important;transition: background-size .5s;}
.introduction_bbx .introduction_bx:first-child{background: url(/img_jw/i_b_1.png) center/cover no-repeat;}
.introduction_bbx .introduction_bx:last-child{background: url(/img_jw/i_b_2.png) center/cover no-repeat;}
.introduction_bbx .introduction_bx:hover{background-size: 105% 105% !important;}
.introduction_bbx .introduction_bx .i_p_1{font-size: 16px;line-height: 38px;}
.introduction_bbx .introduction_bx .i_p_2{margin: 6px 0 46px; font-size: 24px;line-height: 27px;font-weight: 500;font-family: 'GmarketSansMedium';}
.introduction_bbx .introduction_bx .i_p_3{font-size: 38px;font-weight: bold;line-height: 56px;}
.introduction_bbx .introduction_bx .i_p_4{font-size: 16px;line-height: 25px;margin: 43px 0 36px;}
.introduction_bbx .introduction_bx .btn_vm{cursor: pointer; width: 188px;height: 48px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;font-weight: 500;font-family: 'GmarketSansMedium';font-size: 15px;line-height: 17px;color: #fff;}
.introduction_bbx .introduction_bx .btn_vm span{position: relative;top: 2px;}


.button-48 {transition: .5s; appearance: none; background-color: #ffffff00; border-width: 0; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: Clarkson,Helvetica,sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1em; margin: 0; opacity: 1; outline: 0; padding: 1.5em 2.2em; position: relative; text-align: center; text-decoration: none; text-rendering: geometricprecision; text-transform: uppercase; transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1),background-color 100ms cubic-bezier(.694, 0, 0.335, 1),color 100ms cubic-bezier(.694, 0, 0.335, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; white-space: nowrap; } 
.button-48:before { animation: opacityFallbackOut .5s step-end forwards; backface-visibility: hidden; background-color: #292929; clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%); content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: translateZ(0); transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1); width: 100%; } 
.button-48:hover:before { animation: opacityFallbackIn 0s step-start forwards; clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%); } 
.button-48 span { z-index: 1; position: relative; } 
/* introduction_bbx end */

/* m_a_8 start */
.m8_marquee_bbx {margin-top: 47.6px; --space: 10px; display: grid; align-content: center; width: 100%;} 
.m8_marquee { --duration: 30s;display: flex; overflow: hidden; user-select: none;}
.marquee__group {width: 100vw;  display: flex; align-items: center; justify-content: space-around;min-width: 100%; animation: scroll var(--duration) linear infinite; } 
.m8_marquee:hover .marquee__group{animation-play-state: paused; }
.marquee__group img {object-fit: cover;object-position: center;transition: .3s;} 
.marquee__group .mq_bx{flex: 0 0 auto;width: calc(100% / 6); overflow: hidden;position: relative;}
.marquee__group .mq_bx img{aspect-ratio: 1/1; object-fit: cover;object-position: center;width: 100%;height: 100%;transform: scale(1.01);}
.marquee__group .mq_bx:hover>img{transform: scale(1.05);}
.marquee--reverse{margin-top: -1px;}
.marquee--reverse .marquee__group { animation: scroll2 var(--duration) linear infinite; } 
@keyframes scroll { 
0% { transform: translateX(0%); } 
100% { transform: translateX(calc(-100%)); } 
}
@keyframes scroll2 { 
0% { transform: translateX(-100%); } 
100% { transform: translateX(0%); } 
}

.best{position: absolute;top: 15px;right: 19px;}
.m8_marquee .mq_bx .tbx{text-align: center; position: absolute;top: 0;left: 0;display: flex;flex-direction: column;width: 100%;height: 100%;color: #fff;align-items: center;justify-content: center;transition: .3s;}
.m8_marquee .mq_bx .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #0C5A55;mix-blend-mode: multiply;transition: .3s;}
.m8_marquee .mq_bx .tbx .stars{font-size: 20px;}
.m8_marquee .mq_bx .tbx p:nth-child(2){word-break: keep-all; margin-top: 38.4px; font-size: 15px;line-height: 28px;width: 82%;}
.m8_marquee .mq_bx .tbx p:nth-child(3){margin-top: 9.3px; font-size: 15px;opacity: .62;}
.m8_marquee .mq_bx .tbx a{margin-top: 42.1px; display: flex;align-items: center;justify-content: center;color: #fff;width: 148px;height: 37.6px;border: 1px solid #FFFFFF;transition: .3s;}
.m8_marquee .mq_bx .tbx a:hover{background: #fff;color: #313131;}

.m8_marquee .mq_bx .tbx,
.m8_marquee .mq_bx .bg{opacity: 0;}

.m8_marquee .mq_bx:hover .tbx,
.m8_marquee .mq_bx:hover .bg{opacity: 1;}
/* m_a_8 end */

/* 기타 덮어쓰기 시작 */
.s_all{font-weight: bold;transition: .3s;}
.s_all:hover{color: #3366FF;}
.s_all img{position: relative;top: 1px;}
.s_all2 img{position: relative;top: 0px;}
/* 기타 덮어쓰기 끝 */

/* footer start */
footer{background: #313131;color: #fff;margin-top: -1px;display: flex;align-items: center;justify-content: center;width: 100vw;height: 227px;}
footer a{color: #fff;}
footer .ft_fbx{display: flex;flex-direction: column;width: 1160px;gap: 45px;}
footer .f_1{display: flex;justify-content: space-between;}
footer .f_1 .f_1_1{display: flex;align-items: center;justify-content: center;gap: 31.5px;}
footer .f_1 .f_1_1 .line_s{position: relative;display: inline-block;width: 0.5px;height: 16px;background: #fff;}
footer .f_1 .f_1_2{display: flex;align-items: center;justify-content: center;gap: 45px;}
footer .f_2{display: flex;justify-content: space-between;align-items: flex-end;}
footer .f_2 .f_2_1{display: flex;align-items: center;justify-content: center;}
footer .f_2 .line{margin:0 37.5px 0 53.8px;position: relative;display: inline-block;width: 1px;height: 68px;background: #fff;}
footer .f21_2_bx{display: flex;flex-direction: column;}
footer .f21_2_bx p:nth-child(1){font-size: 12px;}
footer .f21_2_bx p:nth-child(2){transition:.2s; cursor: pointer; margin-top: -2px; font-size: 28px;font-weight: bold;line-height: 32px;}
footer .f21_2_bx p:nth-child(2):hover{filter: contrast(0.5);}
footer .f21_2_bx p:nth-child(3){font-size: 13px;font-weight: 300;margin-top: 2px;}
footer .f_2_2{text-align: right;font-size: 13px;line-height: 20px;font-weight: 300;}
footer .f_2_2 .line_s{display: inline-block;}

footer a{transition:.2s;}
footer a:hover{filter: contrast(0.5);}
/* footer end */

/* 팝업 */
.popup_bbx{width: 100vw;height: 100vh;background: #6E6E6E;z-index: 9999999;position: fixed;top: 0;left: 0;display: none;}
.popup_bbx.on{display: flex;align-items: center;justify-content: center;}

.popup_bbx .popup{width: 546px;border-radius: 30px;background: #FFFFFF;padding: 41px;}
.popup_bbx .popup .tit_x{font-size: 16px;font-weight: bold;line-height: 24px;color: #313131; display: flex;align-items: center;justify-content: space-between;padding-bottom: 16.5px;border-bottom: 1px solid #707070;}
.popup_bbx .x_btn{width: 18.6px;aspect-ratio: 1/1;position: relative;cursor: pointer;transition: .3s;}
.popup_bbx .x_btn:hover{transform: rotate(90deg);}
.popup_bbx .x_btn span{width: 20px;height: 2px;background: #2E2E2E;position: absolute;display: inline-block;top: 50%;transform: translateY(-50%) rotate(45deg);}
.popup_bbx .x_btn span:nth-child(2){transform: translateY(-50%) rotate(-45deg);}
.popup_bbx .img_exp_bx{justify-content: space-between; display: flex;align-items: center;margin-top: 20.5px;}
.popup_bbx .img_exp_bx .tbx{}
.popup_bbx .img_exp_bx .tbx>p:nth-child(1){font-size: 20px;font-weight: bold;color: #313131;}
.popup_bbx .img_exp_bx .tbx>p:nth-child(2){font-size: 13px;line-height: 20px;color: #313131;margin-top: 16px;}
.popup_bbx .img_exp_bx .tbx>div:nth-child(3){font-size: 13px;line-height: 20px;color: #313131;margin-top: 39px;display: flex;align-items: center;gap: 25px;}
.popup_bbx .img_exp_bx .tbx>div:nth-child(3) p:nth-child(2) span:nth-child(1){font-weight: bold;}

.popup_bbx .op_bbx{display: flex;align-items: center;justify-content: flex-end;gap: 15px;margin-top: 28px;}
.popup_bbx .op_bbx>p{font-size: 13px;line-height: 20px;color: #313131;}
.popup_bbx .op_bbx select{width: 231px;height: 29px;font-size: 13px;line-height: 20px;color: #9B9B9B;border: 1px solid #707070;}
.popup_bbx .b_imgbx{width: 100%;margin-top: 24px;}
.popup_bbx .b_imgbx img{width: 100%;}
.popup_bbx .calc_bx{width: 100%;height: 80px;background: #DAF3CE;display: flex;align-items: center;justify-content: center;margin-top: 16px;}
.popup_bbx .calc_bx p{}
.popup_bbx .calc_bx>p:nth-child(2),
.popup_bbx .calc_bx>p:nth-child(1){font-size: 14px;line-height: 15px;color: #313131;}
.popup_bbx .calc_bx>p:nth-child(2){margin-left: 15px;margin-right: 64px;}
.popup_bbx .pm_bx{display: flex;align-items: center;gap: 17px;margin-right: 40px;}
.popup_bbx .mi_bx,
.popup_bbx .pl_bx{cursor: pointer; width: 18px;aspect-ratio: 1/1;border-radius: 50%;border: 1px solid #313131; position: relative;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

.popup_bbx .mi_bx>span,
.popup_bbx .pl_bx>span{width: 10px;height: 1px;background: #313131;position: absolute;}
.popup_bbx .pl_bx>span:nth-child(2){transform: rotate(90deg);}

.popup_bbx .result_bx{display: flex;align-items: center;}
.popup_bbx .result_bx span:nth-child(1){font-size: 15px;font-weight: bold;line-height: 15px;color: #313131;}
.popup_bbx .result_bx span:nth-child(2){font-size: 13px;line-height: 15px;margin-left: 4px;}
.popup_bbx .btns_bx{display: flex;justify-content: space-between;margin-top: 31px;}
.popup_bbx .btns_bx .btn_bx{width: 148px;height: 39px;background: #D1D1D1;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: bold;line-height: 38px;color: #313131;cursor: pointer;}
.popup_bbx .btns_bx .btn_bx:nth-child(1){color: #fff;background: #133C00;}
/* 팝업 */









/*  상세페이지 시작 */

/* cat1 시작 */
.cat1_tit{text-align: center;padding-top: 116px;}
.cat1_tit1{font-family: 'Albra-Semi';font-size: 20px;}
.cat1_tit2{font-weight: 600;font-size: 40px;line-height: 60px;}

.cat_nav{display: flex;gap: 10px;align-items: center;margin-bottom: 30px;}
.cat_nav1{cursor: pointer;display: flex;align-items: center;justify-content: center;}
.cat_nav1 img{width: 75px;}
.cat_nav2{cursor: pointer;Cfont-weight: 500;font-size: 15px;}
.cat_nav_arr{}

.cat_catagory_group{display: flex;width: 80%;gap: 20px;margin: 0 auto;margin-top: 40px;margin-bottom: 45px;}
.cat_catagory_group .cat_catagory_list{cursor: pointer; border-radius: 50px; font-size: 18px; display: flex;align-items: center;justify-content: center;transition: 0.4s; background-color: #E6E6E6; font-family: 'SUIT', sans-serif;width: 100%;height: 41px;}
.cat_catagory_group .cat_catagory_list:hover,.cat_catagory_group .cat_catagory_list.on{background-color: #FCF25F;color: #434343;font-weight: 600;transition: 0.4s;}
.cat_catagory_group{}
.cat_catagory_group{}
.cat_catagory_group{}

.ha_ca_bbx button{background: transparent;border: none;display: flex;align-items: center;justify-content: center;}

.cat_sel_bx{display: flex;width: 100%;justify-content: flex-end;padding-bottom: 30px;}
.cat_sel{padding-right: 50px;padding-bottom: 3px;border: none;border-bottom: 1px solid #333;}

.cat_grid_bx{display: grid;margin-bottom: 50px; grid-template-columns: repeat(3,1fr); row-gap: 52px;column-gap: 63px;}

.cat_list{cursor: pointer;}
.cat_list .cont_bx{display: flex;flex-direction: column;text-align: center;align-items: center;}
.cat_list .cont_bx .ophtecs{width: 367px;align-self: 1/1;box-shadow: 0 4px 14px #0000001b;border-radius: 50px;position: relative;overflow: hidden;}
.cat_list .m3_icons{position: absolute;top: 25px;left: 28px;}
.cat_list .m5ss:hover .m3_icon1{color: #fff;background: #3366FF;}
.cat_list .m5ss:hover .m3_icon2{color: #fff;background: #DB0016;}
.cat_list .m5ss:hover .m3_icon3{color: #fff;background: #14CC14;}



.cat_list .m5ss .ophtecs>img{transition: .3s;width: 100%;height: auto;}
.cat_list .m5ss:hover .ophtecs>img{transform: scale(1.05);}

.cat_list .tbx{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.cat_list .tbx p{text-align: center;position: relative;}
.cat_list .tbx p:nth-child(1){margin-top: 18px; font-size: 14px;font-weight: bold;line-height: 15px;color: #313131;}
.cat_list .tbx p:nth-child(2){margin-top: 11.7px; font-size: 13px;line-height: 22px;color: #313131;}
.cat_list .tbx p:nth-child(4){margin-top: 13.3px;}
.cat_list .tbx p:nth-child(4) span:nth-child(1){font-size: 19px;font-weight: bold;line-height: 20px;color: #010101;}
/* .cat_list .tbx p:nth-child(4) span:nth-child(2){position: absolute;top: 50%;transform: translateY(-40%);text-decoration: line-through; left: calc(-100% );opacity: 0.2;font-size: 14px;line-height: 19px;font-family: 'GmarketSansMedium' !important;color: #313131;} */
.cat_list .tbx .common_price_ab{position: absolute;top: 50%;transform: translateY(-40%);text-decoration: line-through; right: calc(-60% - 25.8px);opacity: 0.2;font-size: 14px;line-height: 19px;font-family: 'GmarketSansMedium' !important;color: #313131;}
.cat_list .tbx .rate_price{font-size: 1.2rem; font-weight: 500;color: #2e6faf; position: absolute;top: 50%;transform: translateY(-40%);left: calc(-60% - 25.8px);line-height: 19px;font-family: 'GmarketSansMedium' !important;}


.cat_list .ha_ca_bbx{position: relative;margin-top: 17.5px;right: auto;bottom: auto;gap: 15px;}

.cat_pag_group{display: flex;justify-content: center;gap: 30px;margin-top: 76px;padding-bottom: 152px;}
.cat_pag{transition: 0.4s; width: 20px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #B9B9B9;cursor: pointer;}
.cat_pag:hover,.cat_pag.on{color: #616161;}

.cat_list_padding1{padding-top: 127px;}
.cat_list_padding2{padding-bottom: 35px;}
/* cat1 끝 */



/* cat1_list 시작 */

.cat_list_group{display: flex;gap: 50px;padding-bottom: 100px;}
.cat_list_group .cat_list_left{width: 602px;height: 602px;}
.cat_list_group .cat_list_right{width: calc(100% - 602px - 50px);}


.cat_list_group .cat_list_left .cont_bx{width: 100%;height: 100%; display: flex;flex-direction: column;text-align: center;}
.cat_list_group .cat_list_left .cont_bx .ophtecs{width: 100%;height: 100%; align-self: 1/1;box-shadow: 0 4px 14px #0000001b;border-radius: 50px;position: relative;overflow: hidden;}
.cat_list_group .cat_list_left .cont_bx .ophtecs img{width: 100%;height: 100%;object-fit: contain;}
.cat_list_group .m3_icons{position: absolute;top: 25px;left: 28px;}
.cat_list_group .m5ss:hover .m3_icon1{color: #fff;background: #3366FF;}
.cat_list_group .m5ss:hover .m3_icon2{color: #fff;background: #DB0016;}
.cat_list_group .m5ss:hover .m3_icon3{color: #fff;background: #14CC14;}

.cat_list_group .cat_list_right{}
.cat_list_group .cat_list_right .cat_list_r_group1{display: flex;flex-direction: column;padding-bottom: 13px;border-bottom: 1px solid #707070;}
.cat_list_group .cat_list_right .cat_list_r_group1 .cat_list_r_g1_txt1{font-weight: 600;font-size: 29px;margin-bottom: 12px;}
.cat_list_group .cat_list_right .cat_list_r_group1 .cat_list_r_g1_txt2{font-size: 18px;margin-bottom: 31px;}
.cat_list_group .cat_list_right .cat_list_r_group1 .cat_list_r_g1_txt3_group{display: flex;justify-content: space-between;font-family: 'GmarketSans';}
.cat_list_group .cat_list_right .cat_list_r_group1 .cat_list_r_g1_txt3_group .cat_list_r_g1_txt3_2{display: flex;gap: 32px;align-items: center;}
.cat_list_group .cat_list_right .cat_list_r_g1_txt3_1{font-size: 26px;font-weight: 200;color: #005EFF;}
.cat_list_group .cat_list_right .cat_list_r_g1_txt3_2_1{color: #313131;opacity: 0.2;text-decoration: line-through;font-size: 26px;font-weight: 500;}
.cat_list_group .cat_list_right .cat_list_r_g1_txt3_2_2{font-size: 34px;font-weight: 600;}
.cat_list_group .cat_list_right .cat_list_r_group1{}

.cat_list_group .cat_list_r_group2{display: flex;justify-content: space-between;align-items: center; padding-top: 18px;padding-bottom: 20px;border-bottom: 1px solid #707070;}
.cat_list_group .cat_list_r_group2 .c_l_r_g2_t1{font-size: 22px;font-weight: 600;}
.cat_list_group .cat_list_r_group2 .c_l_r_g2_t2{display: flex;transition: 0.4s; justify-content: center;gap: 12px;font-size: 18px;color: #fff;background-color: #5B5B5B;width: 125px;height: 41px;align-items: center;cursor: pointer;}
.cat_list_group .cat_list_r_group2 .c_l_r_g2_t2:hover{filter: brightness(.8);}
.cat_list_group .cat_list_r_group2{}
.cat_list_group .cat_list_r_group2{}
.cat_list_group .cat_list_r_group2{}

/* font-family: 'GmarketSans'; */
.cat_list_group .cat_list_r_group3{display: flex;flex-direction: column;gap: 37px;padding-top: 32px;padding-bottom: 30px;border-bottom: 1px solid #707070;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1{display: flex;flex-direction: column;gap: 8px;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1>div{display: flex;justify-content: space-between;align-items: center;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_1{}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_1_1{font-size: 18px;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_1_2{font-size: 30px;font-weight: 600;font-family: 'GmarketSans';color: #FF0000;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_2{color: #C8C8C8;font-size: 18px;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_2_1{text-indent: 20px;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_2_2{font-family: 'GmarketSans';}

.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2{display: flex;flex-direction: column;gap: 8px;position: relative;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2>div{display: flex;justify-content: space-between;align-items: center;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_1{}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_1_1{cursor: pointer; font-size: 18px;display: flex;gap: 10px;align-items: center;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_1_1_2{display: flex;align-items: center;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_1_2{font-size: 23px;font-weight: 500;font-family: 'GmarketSans';color: #010101;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_2{color: #C8C8C8;font-size: 18px;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_2_1{text-indent: 20px;}
.cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_2_2{font-family: 'GmarketSans';}

.cat_list_group .c_l_r_g3_b2_click_bx{z-index: 10; width: 479px;position: absolute;right: calc(100% + 20px);top: 0;background-color: #fff;border: 1px solid #707070;padding-top: 45px;padding-bottom: 52px;}
.cat_list_group .c_l_r_g3_b2_click_bx .cont{width: 90%;margin: 0 auto;display: flex;flex-direction: column;}
.cat_list_group .click_bx_group1{padding-bottom: 37px;display: flex;flex-direction: column;gap: 10px;}
.cat_list_group .click_bx_group1 .click_bx_group1_1{font-size: 18px;}
.cat_list_group .click_bx_group1 .click_bx_group1_2{display: flex;justify-content: space-between;}
.cat_list_group .click_bx_group1 .click_bx_group1_2_1{color: #C8C8C8;text-indent: 20px;font-size: 18px;}
.cat_list_group .click_bx_group1 .click_bx_group1_2_2{font-size: 16px;color: #31AEE5;}

.cat_list_group .click_bx_group2{padding-bottom: 37px;display: flex;flex-direction: column;gap: 10px;padding-bottom: 34px;border-bottom: 1px solid #c8c8c8;}
.cat_list_group .click_bx_group2 .click_bx_group2_1{font-size: 18px;}
.cat_list_group .click_bx_group2 .click_bx_group2_2{display: flex;flex-direction: column;gap: 5px;}
.cat_list_group .click_bx_group2 .click_bx_group2_bx{display: flex;justify-content: space-between;}
.cat_list_group .click_bx_group2 .click_bx_group2_bx_1{color: #C8C8C8;text-indent: 20px;font-size: 18px;}
.cat_list_group .click_bx_group2 .click_bx_group2_bx_2{font-size: 16px;color: #31AEE5;}

.cat_list_group .click_bx_group3{display: flex;flex-direction: column;gap: 20px;padding-top: 37px;}
.cat_list_group .click_bx_group3 .click_bx_group3_list{display: flex;gap: 5px;font-size: 18px;line-height: 23px;}
.cat_list_group .click_bx_group3 .click_bx_group3_list_left{}
.cat_list_group .click_bx_group3 .click_bx_group3_list_right{}
.cat_list_group .click_bx_group3{}

.cat_list_group .c_l_r_g3_b2_click_bx .x_btn{position: absolute;right: 10px;top: 10px;cursor: pointer;}
.cat_list_group .c_l_r_g3_b2_click_bx {display: none !important;}
.cat_list_group .c_l_r_g3_b2_click_bx.on {display: block !important;}



.cat_list_group .cat_list_r_group4{display: flex;flex-direction: column;padding-top: 30px;padding-bottom: 10px;}
.cat_list_group .cat_list_r_group4 .c_l_r_g4_b{display: flex;gap: 22px;align-items: center;padding-bottom: 7px;}
.cat_list_group .cat_list_r_group4 .c_l_r_g4_b_t1{font-size: 17px;font-weight: 600;}
.cat_list_group .cat_list_r_group4 .c_l_r_g4_b_t2{display: flex;gap: 5px;align-items: center;font-size: 17px;position: relative;}
.cat_list_group .cat_list_r_group4 .c_l_r_g4_b_t2_1{cursor: pointer;}
.cat_list_group .cat_list_r_group4 .c_l_r_g4_b_t2_2{cursor: pointer;display: flex;align-items: center;}
.cat_list_group .cat_list_r_group4 .express_bx{margin-top: 31px;margin-bottom: 25px; padding: 11px 19px;display: flex;gap: 17px;align-items: center;box-sizing: border-box;border: 1px solid #707070;}
.cat_list_group .cat_list_r_group4 .express_bx .express_txt{display: flex;flex-direction: column;}
.cat_list_group .cat_list_r_group4 .express_bx .express_txt1{font-size: 16px;line-height: 31px;}
.cat_list_group .cat_list_r_group4 .express_bx .express_txt2{font-size: 14px;line-height: 31px;}
.cat_list_group .cat_list_r_group4 .express_bx .express_txt2 .color{color: #005EFF;font-weight: 500;}
.cat_list_group .cat_list_r_group4 .express_bx{}
.cat_list_group .cat_list_r_group4 .cl_r_g4_b2{display: flex;gap: 27px;}
.cat_list_group .cat_list_r_group4 .cl_r_g4_b2 .cl_r_g4_b2_1{font-size: 17px;font-weight: 600;line-height: 31px;}
.cat_list_group .cat_list_r_group4 .cl_r_g4_b2 .cl_r_g4_b2_2{}
.cat_list_group .cat_list_r_group4 .cl_r_g4_b2 .cl_r_g4_b2_2_1{font-size: 17px;line-height: 31px;}
.cat_list_group .cat_list_r_group4 .cl_r_g4_b2 .cl_r_g4_b2_2_2{font-size: 16px;line-height: 31px;color: #C8C8C8;}
.cat_list_group .cat_list_r_group4{}
.cat_list_group .cat_list_r_group4{}
.cat_list_group .cat_list_r_group4{}

.cat_list_group .cat_list_r_group5{}
.c_l_r_g5_tit{display: flex;gap: 10px;color: #005EFF;font-size: 17px;font-weight: 600;align-items: center;}
.c_l_r_g5_tit2{display: flex;align-items: center;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont_bx{padding-left: 23px; display: flex;flex-direction: column;gap: 17px;padding-top: 17px;padding-bottom: 21px;background-color: #F1FBFF;border-top: 1px solid #707070;border-bottom: 1px solid #707070;margin-top: 10px;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont1{font-size: 20px;line-height: 34px;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont2{display: flex;gap: 20px;align-items: center;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont2_1{display: flex;gap: 13px;align-items: center;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont2_minus{cursor: pointer;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont2_numbx{width: 106px;height: 37px;font-size: 16px;display: flex;align-items: center;justify-content: center;border: 1px solid #313131;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont2_plus{cursor: pointer;}
.cat_list_group .cat_list_r_group5 .c_l_r_g5_cont2_2{font-size: 18px;color: #3576BA;}
.cat_list_group .cat_list_r_group5{}
.cat_list_group .cat_list_r_group5{}



.cat_list_group .cat_list_r_group6{display: flex;justify-content: flex-end;gap: 10px;align-items: flex-end;padding-top: 22px;padding-bottom: 28px;}
.cat_list_group .cat_list_r_group6 .c_l_r_g6_1{font-size: 18px;}
.cat_list_group .cat_list_r_group6 .c_l_r_g6_2{ font-size: 32px;font-weight: 800;font-family: 'GmarketSans';margin-bottom: -7px;}



.cat_list_group .cat_list_r_group7{display: flex;justify-content: flex-end;gap: 12px;}
.cat_list_group .cat_list_r_group7 .c_l_r_g7_btn1,
.cat_list_group .cat_list_r_group7 .c_l_r_g7_btn2{transition: 0.4s; width: 150px;height: 40px;cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: center;}
.cat_list_group .cat_list_r_group7 .c_l_r_g7_btn1:hover,
.cat_list_group .cat_list_r_group7 .c_l_r_g7_btn2:hover{filter: brightness(.8);}
.cat_list_group .cat_list_r_group7 .c_l_r_g7_btn1{background-color: #597067;}
.cat_list_group .cat_list_r_group7 .c_l_r_g7_btn2{background-color: #77C95A;}


.cat_list_group .cat_list_right{}
.cat_list_group .cat_list_right{}
.cat_list_group .cat_list_right{}
.cat_list_group .cat_list_right{}
.cat_list_group .cat_list_right{}
.cat_list_group .cat_list_right{}


.cat_grid_tit{display: flex;justify-content: space-between;align-items: center;padding-bottom: 32px;}
.cat_grid_tit .cat_grid_tit1{display: flex;flex-direction: column;}
.cat_grid_tit .cat_grid_tit1_1{}
.cat_grid_tit .cat_grid_tit1_2{font-size: 25px;font-weight: 600;line-height: 36px;}
.cat_grid_tit .cat_grid_tit2{display: flex;gap: 7px;align-items: center;cursor: pointer;}
.cat_grid_tit .cat_grid_tit2_1{font-size: 14px;}
.cat_grid_tit .cat_grid_tit2_2{display: flex;align-items: center;}

.cat_list_product_group{margin-top: 95px;}
.product_nav{display: flex;}
.product_nav_list{width: 25%;margin-bottom: 120px;font-size: 16px; height: 66px;display: flex;align-items: center;justify-content: center;cursor: pointer;border: 1px solid #707070;}
.product_nav_list a{color: #000;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.express_info{padding-top: 62px;}
.express_info .express_info_tit{margin-bottom: 12px;font-size: 19px;font-weight: 600;}
.express_info .express_info_table{display: flex;flex-direction: column;}
.express_info .info_table1{display: flex;}
.express_info .info_table1>div{width: calc(100% / 3);display: flex;}
.t_tit{width: 107px;justify-content: center;background-color: #F8F8F8;}
.t_txt{width: calc(100% - 107px);padding-left: 20px;}
.t_tit,
.t_txt {border: 1px solid #B5B5B5; font-size: 17px;height: 50px;display: flex;align-items: center;box-sizing: border-box;}
.express_info .info_table2,
.express_info .info_table3{display: flex;}
.express_info .info_table2 .t_tit,
.express_info .info_table2 .t_txt{height: 70px;}



.info_group{padding-top: 100px;}
.info_group .info_tit{font-size: 19px;font-weight: 600;padding-bottom: 12px;border-bottom: 1px solid #70707056;}
.info_group .info_txt{padding-top: 13px;font-size: 17px;line-height: 33px;}
.info_group{}
.info_group{}
.info_group{}


.star-rating {
    display: inline-block;
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: 25px;
    /* height: 25px; */
    /* width: 125px; */
    margin: 0;
    position: relative;

  }
  
  .back-stars {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    align-items: center;
    position: relative;
    height: 25px;
    color: #bbb;
  }
  
  .front-stars {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #000000;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    align-items: center;
    height: 100%;
  }

  .cat_list_review_bx{margin-top: 120px; display: flex;justify-content: center;gap: 174px;text-align: center;background-color: #F8F8F8;width: 100%;padding-top: 40px;padding-bottom: 65px;}
    .cat_list_review_bx.mb{display: none ;}

  .review_bx_tit{font-size: 19px;font-weight: 600;margin-bottom: 40px;}

  .rating_num{display: flex;justify-content: center; gap: 5px; font-size: 37px;font-weight: 600;color: #31313127;margin-top: 20px;}
  .rating_data{color: #313131;}

  .review_bx_star_group{display: flex;flex-direction: column;justify-content: center;}
  .total_num{font-size: 37px;font-weight: 600;}

  .review_rate_bx{margin-top: -16px;}
  .review_rate_bx{width: 200px;display: flex;}
  .rate_bx{width: calc(100% / 5);}
  .rate_bx_stick{display: flex;justify-content: center;}
  .stick{width: 5px;height: 85px;background-color: #D8D8D8;position: relative;}
  .percent_stick{position: absolute;bottom: 0;left: 0;width: 100%;background-color: #262626;}
  .rate_bx_txt{font-size: 15px;font-weight: 900;}
  .rate_bx_num{font-size: 15px;font-weight: 600;width: 100%;height: 18px;display: flex;align-items: center;justify-content: center;margin-bottom: 5px;}
  
  .cat_list_review_group{display: flex;flex-direction: column;gap: 33px;padding-bottom: 250px;margin-top: 45px;}
  .cat_list_review_nav{display: flex;gap: 40px;margin-right: 30px;justify-content: flex-end;margin-bottom: -20px;}
  .cat_list_review_nav>div{cursor: pointer;}

  .cat_list_review_list{display: flex;gap: 28px;justify-content: space-between; padding-bottom: 55px;padding-top: 43px;border-top: 1px solid #B5B5B5;border-bottom: 1px solid #B5B5B5;}
  .c_l_r_l_1{display: flex;gap: 17px;}
  .c_l_r_l_2_1_group{display: flex;gap: 15px;align-items: center;margin-bottom: 12px;}
  .c_l_r_l_2_2_group{display: flex;gap: 10px;margin-bottom: 23px;}
  .c_l_r_l_3{font-size: 18px;line-height: 26px;}
  .c_l_r_l_2_1_2{font-size: 37px;font-weight: 600;}
  .c_l_r_l_2_1_3{font-size: 20px;color: #FF0707;}
  .c_l_r_l_2_2_group{font-size: 16px;color: #C5C5C5;}
  .c_l_r_l_2_2_3{cursor: pointer;}


  .cat_list_r_group3_out{padding: 46px 23px;background-color: #F1FBFF;margin-top: 17px;margin-bottom: 17px;border-top: 1px solid #707070;border-bottom: 1px solid #707070;font-size: 20px;}
  .cat_list_r_group3_out_btn_bx{display: flex;justify-content: flex-end;}
  .cat_list_r_out_btn{width: 195px;height: 64px;display: flex;align-items: center;justify-content: center;font-size: 20px;border: 1px solid #707070;cursor: pointer;transition: 0.4s;}
  .cat_list_r_out_btn:hover{background-color: #707070;color: #fff;}


/*  상세페이지 끝 */




/* 로그인 페이지 */
.login_bx{padding-top: 90px;padding-bottom: 120px;width: max-content;display: flex;flex-direction: column;}
.login_logo{  font-family: 'Albra-Semi';text-align: center;font-size: 41px;margin-bottom: 100px;}
.login_input_group{display: flex;flex-direction: column;gap: 15px;}
.login_input_group input[type="text"]{border-radius: 8px; border: none; background-color: #f4f4f4; height: 66px;box-sizing: border-box;padding: 19px 26px;font-size: 20px;width: 466px;}
.login_input_group input[type="text"]::placeholder{color: #B8B8B8;}
.login_input_group input[type="password"]{border-radius: 8px; border: none; background-color: #f4f4f4; height: 66px;box-sizing: border-box;padding: 19px 26px;font-size: 20px;width: 466px;}
.login_input_group input[type="password"]::placeholder{color: #B8B8B8;}
.login_btn{height: 66px;width: 466px;transition: 0.4s;border-radius: 8px; display: flex;align-items: center;justify-content: center;color: #fff;background-color: #5B5B5B;cursor: pointer; border: none;font-size: 20px;font-weight: 600;}
.login_btn:hover{filter: brightness(.8);}
.login_bottom_group{display: flex;justify-content: center;gap: 20px;align-items: center;}
.login_bottom1{display: flex;gap: 5px;align-items: center;}
.login_bottom_group label{font-size: 20px;cursor: pointer;}
.login_bottom2 {display: flex;gap: 5px;font-size: 20px;}
.find_id, .find_pw{cursor: pointer;}
.login_bottom_line{height: 15px;width: 1px;background-color: #bbb;}
@media screen and (max-width:767px) {
    .login_logo{width: 131px;margin: 0 auto;}
    .login_logo img{width: 100%;}
    #sod_frm_paysel{grid-template-columns: repeat(1,1fr) !important;}
    .btn-outline.add{height: auto;}
}

.login_check:hover .check {
    stroke-dashoffset: 0;
  }

  .login_check {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
  }
  .login_check .background {
    fill: #ccc;
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;
  }
  .login_check .stroke {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    stroke-dashoffset: 100;
    stroke-dasharray: 100;
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;
  }
  .login_check .check {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    stroke-dashoffset: 22;
    stroke-dasharray: 22;
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;
  }
  .login_check input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
    -appearance: none;
    -webkit-appearance: none;
  }
  .login_check input[type=checkbox]:hover {
    cursor: pointer;
  }
  .login_check input[type=checkbox]:checked + svg .background {
    fill: #5B5B5B;
  }
  .login_check input[type=checkbox]:checked + svg .stroke {
    stroke-dashoffset: 0;
  }
  .login_check input[type=checkbox]:checked + svg .check {
    stroke-dashoffset: 0;
  }

  .login_sns_group{justify-content: center; display: flex;gap: 17px;align-items: center;margin-top: 20px;margin-bottom: 46px;}
  .login_sns_txt{font-size: 20px;}
  .login_sns_bx{display: flex;gap: 20px;}
  .login_sns_list{transition: 0.4s; cursor: pointer;}
  .login_sns_list:hover{filter: brightness(.8);}
  .register_btn{margin-top: 20px;border-radius: 8px; position: relative; border: 1px solid #707070;transition: 0.4s; cursor: pointer; width: 466px;font-size: 20px;color: #616161;height: 66px;display: flex;align-items: center;justify-content: center;gap: 5px;}
  .register_btn .bold{font-weight: 600;}
  .register_btn:hover{background-color: #707070;color: #fff;}

  .btn_popup{animation: popup_updown 1s ease-in-out infinite alternate; position: absolute;left: 50%;top: calc(100% - 10px);transform: translateX(-50%);}

  @keyframes popup_updown {
    100%{transform: translate(-50%,10px);}
  }

  .row>*{margin-top: 0;padding-left: 0;padding-right: 0;}




  /* .register_bx{padding-top: 130px;padding-bottom: 150px;} */

.register_con{padding-bottom: 175px; color: #616161; width: 100%;margin: 0 auto;max-width: 1250px;padding-top: 130px;}
.register_tit{text-align: center;display: flex;flex-direction: column;gap: 10px;padding-bottom: 100px;}
.register_tit1{font-size: 20px;font-family: 'Albra-Semi';}
.register_tit2{font-size: 40px;font-weight: 600;}

.sns_register{width: 825px;margin: 0 auto;padding-bottom: 112px;}
.sns_register_list_group{display: flex;gap: 22px;width: 100%;}
.sns_register_list_group>a{display: flex;}
.sns_register_list_group>a img{width: 100%;}
.sns_register_list{width: 100%;cursor: pointer;transition: 0.4s;}
.sns_register_list img{width: 100%;}
.sns_register_list:hover{filter: brightness(.8);}
.sns_register_tit{text-align: center;margin-bottom: 14px;font-size: 20px;color: #616161;}

.identity{display: flex;gap: 66px;padding-top: 58px;padding-bottom: 58px;border-top: 1px solid #B5B5B5;border-bottom: 1px solid #B5B5B5;}

.star_before{position: relative;}
.star_before::before{content: '';position: absolute; width: 8px;height: 26px;background: url(/img_jw/star_before.png)no-repeat center /cover;top: -6px;left: calc(100% + 5px);}
.identify_tit{font-size: 22px;font-weight: 600;}
.identify_1 input[type="checkbox"]{opacity: 0;}
.identify_1 label{font-size: 17px;position: relative;}
.identify_1 label::after{content: ''; position: absolute; width: 14px;height: 14px;border-radius: 50%;border: 1px solid #616161;top: 51%;right: calc(100% + 6px);transform: translateY(-50%);}
.identify_1 label::before{content: ''; position: absolute; width: 14px;opacity: 0; height: 14px;border-radius: 50%;border: 1px solid #616161;top: 51%;right: calc(100% + 6px);transform: translateY(-50%) scale(.6);background-color: #616161;}
.identify_1 input[type="checkbox"]:checked + label::before{opacity: 1;}
.identify_2{font-size: 15px;color: #fff;transition: 0.4s; width: 165px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #707070;background-color: #5B5B5B;cursor: pointer;margin-top: 10px;margin-bottom: 12px;}
.identify_2:hover{filter: brightness(.8);}
.identify_3{font-size: 17px;}

.info_input_group{padding-top: 56px;padding-bottom: 80px;border-bottom: 1px solid #B5B5B5;}
.info_input_tit{font-size: 17px;margin-bottom: 50px;}
.info_input_tit .bold{font-size: 22px;font-weight: 600;}
.info_input_list_bx{display: flex;gap: 17px;align-items: center;margin-bottom: 30px;}
.info_input_list_tit{width: 100px;}
.info_input_list_tit p{width: max-content;}
.info_input_group input{ width: 366px;height: 45px;font-size: 16px;border-radius: 0;border: 1px solid #707070;padding: 0 5px;padding-left: 20px;}
.info_input_list_btn{width: 166px;height: 45px;transition: 0.4s; display: flex;align-items: center;justify-content: center;color: #fff;font-size: 15px;background-color: #5B5B5B;box-sizing: border-box;border: 1px solid #707070;cursor: pointer;}
.info_input_list_btn:hover{filter: brightness(.8);}
.info_sub_txt{font-size: 15px;}
.info_input_list_bx.moremb{margin-bottom: 70px;}

.add-bx{display: flex;flex-direction: column;gap: 20px;}
.add-bx2{display: flex;width: 366px;justify-content: space-between;gap: 20px;}
.info_input_group input#sample6_postcode{width: 181px;}
.zip_code_btn{height: 45px;width: 166px;background-color: #5B5B5B;border: 1px solid #707070;color: #fff;}
.info_input_list_bx.address{align-items: flex-start;}

.checkbox-wrapper-21 .control {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 18px;
  }
  .checkbox-wrapper-21 .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .checkbox-wrapper-21 .control__indicator {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
  }
  .checkbox-wrapper-21 .control:hover input ~ .control__indicator,
  .checkbox-wrapper-21 .control input:focus ~ .control__indicator {
    background: #ccc;
  }
  .checkbox-wrapper-21 .control input:checked ~ .control__indicator {
    background: #2aa1c0;
  }
  .checkbox-wrapper-21 .control:hover input:not([disabled]):checked ~ .control__indicator,
  .checkbox-wrapper-21 .control input:checked:focus ~ .control__indicator {
    background: #0e647d;
  }
  .checkbox-wrapper-21 .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
  }
  .checkbox-wrapper-21 .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
  }
  .checkbox-wrapper-21 .control input:checked ~ .control__indicator:after {
    display: block;
  }
  .checkbox-wrapper-21 .control--checkbox .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .checkbox-wrapper-21 .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
  }

.sms_agreement_group{border-bottom: 1px solid #B5B5B5; display: flex;flex-direction: column;gap: 40px;padding-top: 60px;padding-bottom: 65px;margin-bottom: 60px;}
.sms_aggrement_tit1{font-size: 22px;font-weight: 600;margin-bottom: 5px;}
.sms_aggrement_tit2{font-size: 17px;}
.sms_checkbox_group{display: flex;gap: 44px;}

.read_bx_group{border-top: 1px solid #707070; padding-top: 56px;padding-bottom: 86px;border-bottom: 1px solid #B5B5B5;}
.read_bx_tit{font-size: 22px;font-weight: 600;margin-bottom: 35px;}
.read_bx{width: 100%;height: 320px;overflow: auto;border: 1px solid #707070;padding: 20px;}
.read_bx pre{font-size: 16px;font-weight: 200;font-family: 'Noto Sans KR', sans-serif;}

.privacy_img img{width: 100%;}
.privacy_group{padding-top: 83px;padding-bottom: 130px;}
.privacy_tit{font-size: 22px;font-weight: 600;margin-bottom: 20px;}


@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .privacy_checkbx_class input[type=checkbox] {
      --active: #275EFE;
      --active-inner: #fff;
      --focus: 2px rgba(39, 94, 254, .3);
      --border: #BBC1E1;
      --border-hover: #275EFE;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 21px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border));
      background: var(--b, var(--background));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .privacy_checkbx_class input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .privacy_checkbx_class input[type=checkbox]:checked {
      --b: var(--active);
      --bc: var(--active);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .privacy_checkbx_class input[type=checkbox]:disabled {
      --b: var(--disabled);
      cursor: not-allowed;
      opacity: 0.9;
    }
    .privacy_checkbx_class input[type=checkbox]:disabled:checked {
      --b: var(--disabled-inner);
      --bc: var(--border);
    }
    .privacy_checkbx_class input[type=checkbox]:disabled + label {
      cursor: not-allowed;
    }
    .privacy_checkbx_class input[type=checkbox]:hover:not(:checked):not(:disabled) {
      --bc: var(--border-hover);
    }
    .privacy_checkbx_class input[type=checkbox]:focus {
      box-shadow: 0 0 0 var(--focus);
    }
    .privacy_checkbx_class input[type=checkbox]:not(.switch) {
      width: 21px;
    }
    .privacy_checkbx_class input[type=checkbox]:not(.switch):after {
      opacity: var(--o, 0);
    }
    .privacy_checkbx_class input[type=checkbox]:not(.switch):checked {
      --o: 1;
    }
    .privacy_checkbx_class input[type=checkbox] + label {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: 4px;
    }

    .privacy_checkbx_class input[type=checkbox]:not(.switch) {
      border-radius: 7px;
    }
    .privacy_checkbx_class input[type=checkbox]:not(.switch):after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 7px;
      top: 4px;
      transform: rotate(var(--r, 20deg));
    }
    .privacy_checkbx_class input[type=checkbox]:not(.switch):checked {
      --r: 43deg;
    }
    .privacy_checkbx_class input[type=checkbox].switch {
      width: 38px;
      border-radius: 11px;
    }
    .privacy_checkbx_class input[type=checkbox].switch:after {
      left: 2px;
      top: 1px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      background: var(--ab, var(--border));
      transform: translateX(var(--x, 0));
    }
    .privacy_checkbx_class input[type=checkbox].switch:checked {
      --ab: var(--active-inner);
      --x: 17px;
    }
    .privacy_checkbx_class input[type=checkbox].switch:disabled:not(:checked):after {
      opacity: 0.6;
    }
  }

  .privacy_checkbx_class * {
    box-sizing: inherit;
  }
  .privacy_checkbx_class *:before,
  .privacy_checkbx_class *:after {
    box-sizing: inherit;
  }


  /* img{width: 100%;} */

  .privacy_checkbx_class{display: flex;align-items: center;gap: 12px;}
  .privacy_checkbx{margin-top: 19px;display: flex;flex-direction: column;gap: 15px;}


  .register_btn_group{display: flex;gap: 13px;justify-content: center;}
  .register_btn_group>div{cursor: pointer;border-radius: 50px; transition: 0.4s; border: 1px solid #707070; width: 185px;font-size: 18px; height: 50px;display: flex;align-items: center;justify-content: center;}
  .register_btn_group>button{cursor: pointer;border-radius: 50px; transition: 0.4s; border: 1px solid #707070; width: 185px;font-size: 18px; height: 50px;display: flex;align-items: center;justify-content: center;}
  .register_btn_group>div:hover{filter: brightness(.8);}
  .cancel_btn{}
  .register_apply_btn{color: #fff;background-color: #5B5B5B;}

  .register_result_con{padding-bottom: 182px; max-width: 1250px;margin: 0 auto;width: 100%;padding-top: 116px;}
  .register_result_tit{padding-bottom: 18px;font-size: 25px;font-weight: 600;color: #616161;}
  .result_group{display: flex;flex-direction: column;align-items: center; padding: 65px 0;border-top: 1px solid #B5B5B5;border-bottom: 1px solid #B5B5B5;}
  .result_txt_group{text-align: center;color: #616161;}
  .result_txt1{font-size: 20px;margin-top: 27px;margin-bottom: 10px;}
  .result_txt2{font-size: 20px;font-weight: 600;}
  .result_info{font-size: 16px; color: #616161;font-size: 20px; display: flex;flex-direction: column;gap: 32px;margin-top: 67px;}
  .result_info>div{display: flex;gap: 31px;justify-content: center;}
  .result_info2_2, .result_info1_2{width: 135px;font-weight: 600;}


  .result_sub_info{padding-top: 56px;text-align: center;font-size: 16px;line-height: 30px;color: #616161;}
  .result_sub_info_txt{margin-bottom: 67px;}
  .result_sub_btn_group{display: flex;justify-content: center;gap: 36px;margin-bottom: 52px;}
  .result_sub_btn{cursor: pointer;transition: 0.4s;}
  .result_sub_btn:hover{filter: brightness(.8);}
  .goto_home_btn{width: 185px;margin: 0 auto;transition: 0.4s; height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #fff;background-color: #5B5B5B;border: 1px solid #707070;text-align: center;}
  .goto_home_btn:hover{filter: brightness(.8);}




  .find_idpw_con{max-width: 1208px;width: 100%;margin: 0 auto;padding-top: 137px;padding-bottom: 200px;}
  .find_idpw_bx{border: 1px solid #707070;padding: 47px 0px 86px;}
  .find_idpw_logo{font-family: 'Albra-Semi';font-size: 41px;margin-bottom: 100px;text-align: center;color: #434343;}
  .find_idpw_fbx{display: flex;gap: 55px;justify-content: center;}
  .find_idpw_tit{padding-bottom: 45px;font-size: 20px;font-weight: 600;color: #616161; text-align: center;}
  .find_fbx{width: 466px;display: flex;flex-direction: column;gap: 21px;}
  .find_fbx input{width: 100%;height: 66px;padding-left: 24px;font-size: 20px;border: 1px solid #707070;border-radius: 0;}
  .find_fbx input::placeholder{color: #B8B8B8;}
  .find_btn{width: 100%;height: 66px;transition: 0.4s; display: flex;align-items: center;justify-content: center;color: #fff;background-color: #5B5B5B;font-size: 20px;cursor: pointer;}
  .find_btn:hover{filter: brightness(.8);}

  #sod_fin{display: flex;flex-direction: column;}

.mypage_cont{max-width: 1208px;width: 100%;margin: 0 auto;padding-bottom: 70px;}
.mypage_nav{display: flex;justify-content: center;gap: 122px;margin-top: 44px;margin-bottom: 50px;}
.mypage_nav_list{transition: 0.4s; padding-bottom: 5px;font-size: 17px;color: #616161;cursor: pointer;border-bottom: 2px solid transparent;}
.mypage_nav_list.on,.mypage_nav_list:hover{font-weight: 600;border-bottom: 2px solid #707070;}

.mypage_current{color: #616161; padding: 45px 60px;display: flex;align-items: center;border-radius: 20px;}
.mypage_current .current_grade{padding-right: 32px;}
.current_grade_txt{display: flex;flex-direction: column;gap: 9px;color: #fff;}
.current_grade_txt1{font-size: 20px;font-weight: 600;}
.current_grade_txt2{font-size: 20px;}
.current_grade_txt2 .grade{font-size: 30px;font-weight: 600;}
.vip{color: #F1BB0B;}
.current_grade_txt_btn{align-items: center; display: flex;gap: 13px;justify-content: flex-end;cursor: pointer;filter: brightness(100);}
 .current_grade_txt_btn2{transition: 0.4s;}
.current_grade_txt_btn:hover .current_grade_txt_btn2{transform: translateX(10px);}
.coupon_total{padding-left: 112px;}
.point_total{padding-left: 90px;}
.coupon_total>div:nth-child(1),.point_total>div:nth-child(1){font-size: 20px;font-weight: 600;}
.coupon_total>div:nth-child(2),.point_total>div:nth-child(2){font-size: 50px;font-weight: 200;}
.coupon_total,.point_total{display: flex;gap: 31px;color: #fff;align-items: center;}


.mypage_coupon{padding-top: 103px;color: #616161;}
.mypage_coupon_tit{display: flex;justify-content: space-between;align-items: center;padding-bottom: 18px;border-bottom: 2px solid #707070;}
.mypage_coupon_tit_date_group{display: flex;gap: 13px;align-items: center;}
.date_find_btn{border-radius: 50px;overflow: hidden; width: 130px;height: 45px;display: flex;align-items: center;justify-content: center;color: #fff;background-color: #5B5B5B; cursor: pointer;font-size: 14px;}
.mypage_coupon_tit_date_group form{display: flex;gap: 10px;}
.mypage_coupon_tit_date_group input{border: none; border-radius: 8px;background-color: #F3F3F3; width: 200px;height: 45px;text-align: center;}
.mypage_coupon_txt{padding: 28.5px 0;font-size: 16px;line-height: 30px;}
.date_find_btn input[type="submit"]{ background-color: #1AC8A5; color: #fff; border: none;}
.coupon_end_date{color: #1AC8A5;}
.mypage_coupon_list{display: flex;justify-content: space-between;align-items: center;padding: 45px 120px 50px;border-radius: 20px;background-color: #DDDDDD;}
.coupon_list_group>div:nth-child(2n){background-color: #F3F3F3;}
.coupon_list_group{margin-top: 20px; display: flex;flex-direction: column;gap: 20px;}

.coupon_list_left_group{display: flex;gap: 30px;align-items: center;}
.coupon_list_right_group{display: flex;align-items: center;gap: 21px;}

.coupon_txt1{font-size: 21px;font-weight: 600;margin-bottom: 19px;}
.coupon_txt2{font-size: 14px;line-height: 21px;}

.coupon_list_date{}
.coupon_list_btn{width: 149px;height: 40px;display: flex;align-items: center;justify-content: center;color: #fff;background-color: #5B5B5B; cursor: pointer;}
.coupon_list_btn.remove{background-color: #B7A4A4;}
.coupon_pag{justify-content: center;gap: 10px;align-items: center;display: flex;}
.coupon_pag_list{margin-top: 27px; cursor: pointer;}

.mypage_coupon{margin-bottom: 30px ;}
.mypage_point_tit_txt,
.mypage_coupon_tit_txt{font-size: 25px;font-weight: 600;}

.mypage_point{padding-top: 103px;color: #616161;padding-bottom: 167px;}
.mypage_point_tit{display: flex;justify-content: space-between;align-items: center;padding-bottom: 18px;border-bottom: 2px solid #707070;}
.mypage_point_tit_date_group{display: flex;gap: 13px;align-items: center;}
.date_find_btn{display: flex;align-items: center;justify-content: center;color: #fff;background-color: #5B5B5B; cursor: pointer;font-size: 14px;}
.mypage_point_tit_date_group input{border: 1px solid #707070;width: 169px;height: 34px;text-align: center;}
.mypage_point_txt{padding: 28.5px 0;font-size: 16px;line-height: 30px;}

.mypage_point_list{display: flex;justify-content: space-between;align-items: flex-end;padding-top: 45px;padding-bottom: 50px;border-bottom: 1px solid #707070;}
.point_list_left_group{display: flex;gap: 30px;align-items: center;}
.point_list_right_group{display: flex;align-items: center;gap: 21px;}

.point_txt1{font-size: 21px;font-weight: 600;margin-bottom: 19px;}
.point_txt2{font-size: 14px;line-height: 21px;}

.mypage_point_table{margin-top: 38px;}
.point_table_tit{margin-bottom: 26px;background-color: #F3F3F3;display: flex;border-radius: 20px;}
.point_table_cont{display: flex;}
.point_table_tit>div{}
.point_table_cont>div{}
.point_table_bx{width: calc(100% / 6);height: 59px; display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.point_table_cont:last-child{border-bottom: 1px solid #707070;}
.point_table_cont{border-top: 1px solid #707070;}



.express_current{padding: 33px 0;font-size: 16px;line-height: 30px;}
.express_current_group{color: #fff; padding-top: 27px;padding-bottom: 31px; border-radius: 30px;background-color: #5B5B5B; display: flex;justify-content: center;gap: 0px;align-items: center;}
.express_tit1{line-height: 1; font-size: 40px;font-weight: 600;}
.express_tit2{font-size: 16px;position: relative;cursor: pointer;text-align: center;}
.express_tit2 img{position: absolute;transition: 0.4s; left: calc(100% + 10px);top: 50%;transform: translateY(-50%);}
.express_tit2:hover img{transform: translate(10px, -50%);}
.express_current_list_tit {width: 300px; display: flex;flex-direction: column;gap: 30px;align-items: center;}
.express_current_list{position: relative; border-left: 1px solid #1AC8A5;border-right: 1px solid #1AC8A5; width: 157px;display: flex;flex-direction: column-reverse;gap: 30px;align-items: center; }
.express_current_list.bdn{border-left: none;border-right: none;}
.express_current_list::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 100%;width: 7px;height: 14px;background: url(/img_jw/bdrarr.png)no-repeat center /cover;}
.express_current_list.bdn::after{display: none;}
.express_current_list>div{opacity: 0.3;}
.express_current_list.num_on>div{opacity: 1;}
.express_current_list_num{font-size:50px;font-weight: 200;line-height: 1;}
.express_current_list_txt{font-size: 20px;line-height: 1;}

.express_cancel_group{background-color: #F3F3F3;border-radius: 20px; display: flex;justify-content: center;margin-top: 20px;padding: 24px 0;}
.express_cancel_list{align-items: center; height: 60px; width: calc(100% / 3);display: flex;gap: 15px;justify-content: center;}
.express_cancel_list.second{border-left: 1px solid #B9B9B9;border-right: 1px solid #B9B9B9}
.express_cancel_list_txt{font-size: 20px;font-weight: 600;margin-top: 5px;}
.express_cancel_list_num{font-size: 50px;font-weight: 200;}
.express_cancel_list>div{color: #313131;opacity: 0.3;}
.express_cancel_list.num_on>div{opacity: 1;}




.express_list{padding-top: 28px;padding-bottom: 27px;}
.express_list_group{ padding: 42px 120px;display: flex;justify-content: space-between;background-color: #F5F5F5;border-radius: 20px;}
.express_list_left{display: flex;gap: 35px;}
.express_list_left_1{border-radius: 20px;overflow: hidden;}
.express_list_left_2{display: flex;flex-direction: column;justify-content: center;}
.express_list_left_2_1{display: flex;gap: 20px;align-items: center;}
.express_list_left_2_1_1{font-size: 23px;padding-bottom: 5px;border-bottom: 2px solid #3CA81C;color: #3CA81C;}

.express_list_left_2_2{}
.express_list_left_2_2_1{font-size: 19px;font-weight: 600;line-height: 40px;overflow: hidden;width: 600px;text-overflow: ellipsis;white-space: nowrap;}
.express_list_left_2_2_2{font-size: 16px;line-height: 40px;}
.express_list_left_2_3{display: flex;gap: 21px;}
.express_list_left_2_3>div{transition: 0.4s;}
.express_list_left_2_3>div:hover{filter: brightness(.8);}
.express_list_left_2_3_1{cursor: pointer; width: 224px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 17px;color: #fff;background-color: #5B5B5B;}
.express_list_left_2_3_2{cursor: pointer; color: #fff;font-size: 17px;background-color: #AAAAAA;width: 133px;height: 42px;align-items: center;justify-content: center;display: flex;}
.express_list_left_2_3_3{background-color: #77C95A;width: 133px;height: 42px;display: flex;align-items: center;justify-content: center; cursor: pointer;color: #fff;position: relative;}
.express_list_left_2_3_3 img{position: absolute;top: calc(100% - 10px);left: 50%;transform: translateX(-50%);animation: popup_updown 1s ease-in-out infinite alternate;}
#sod_v{margin-bottom: 0;}
.express_list_right{display: flex;flex-direction: column;justify-content: flex-end;}
.express_list_right_1{font-size: 16px;line-height: 1.3;color: #B5B5B5;}
.express_list_right_1_1{}
.express_list_right_1_1 .bold{font-weight: 600;}
.express_list_right_2{cursor: pointer; display: flex;gap: 15px;justify-content: flex-end;align-items: center;}
.express_list_right_2_2{}

.express_list_right_back_btn{margin-bottom: 15px; cursor: pointer;transition: 0.4s;border-radius: 50px;width: 130px;height: 45px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #b5b5b5;background-color: #fff;}
.express_list_right_back_btn:hover{filter: brightness(0.8);}

.express_list_right .express_list_left_2_3_1{margin-bottom: 10px; cursor: pointer;transition: 0.4s;border-radius: 50px;width: 130px;height: 45px;display: flex;align-items: center;justify-content: center;gap: 3px; font-size: 16px;color: #fff;background-color: #1AC8A5;}
.express_list_right .express_list_left_2_3_1:hover{filter: brightness(0.8);}

/* 혜택 */
table {width: 100%;border: .5px solid #C5C5C5;}
td {border: .5px solid #C5C5C5;text-align: center;}

.v-sec1-tr1 td{position: relative;}
.v-sec1-tr1 > td:after{content: "";position: absolute;height: 0.5px;width: 60%;display: block; bottom: -9px;left: 50%;transform: translateX(-50%);background: #C5C5C5;}
.v-sec1-tr1 td{padding: 49px 96px;}
.v-sec1-tr2 td{padding: 60px 0 85px 0;}

.vip-cont{padding-bottom: 175px;color: #616161;width: 100%;margin: 0 auto;}
.vip-top{}
.vip-top .vip-tit{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 36px;}
.vip-top .vip-tit-eng{font-family: 'Albra-Semi';font-size: 20px;font-weight: 400;line-height: 1;color: #434343;margin-bottom: 10px;}
.vip-top .vip-tit-kor{font-size: 40px;font-weight: 700;line-height: 1;color: #434343;}

.vip-sec1{margin-top: 83px;}
.v-sec1-tit{font-size: 25px;font-weight: 700;line-height: 30px;color: #434343;padding-bottom: 17px;border-bottom: .5px solid #bbbbbb;margin-bottom: 22px;}
.v-sec1-tit-des{font-size: 16px;font-weight: 400;line-height: 30px;color: #616161;}
.v-sec1-cont{margin-top: 31px;}
.v-sec1-cont td img{width: 110px;}
/* .v-sec1-cont td.gold{background: #F5F7FF;} */
.v-sec1-cont td.grade_color{background: #F5F7FF;}
.v-sec1-cont td p{margin-top: 25px;font-family:'Pretendard'; font-size: 30px;font-weight: 700;line-height: 30px;}
.v-sec1-cont td.silver p{color: #D5D5D5;}
.v-sec1-cont td.gold p{color: #F1BB0B;}
.v-sec1-cont td.vip p{color: #12BEBD;}
.v-sec1-cont td.vvip p{color: #9A0CD5;}

.v-sec1-cont td .v-sec1-des p{font-size: 16px;font-weight: 400;line-height: 30px;color: #616161;margin-top: 0;}
.v-sec1-cont td .v-sec1-des .des1-1{font-weight: 700;margin-bottom: 6px;}
.v-sec1-cont td .v-sec1-des .des1-2{margin-bottom: 16px;}
.v-sec1-cont td .v-sec1-des .des1-3{font-size: 14px;color: #B5B5B5;}
.v-sec1-cont td .v-sec1-des .v-sec1-des2{margin-top: 59px;}
.v-sec1-cont td .v-sec1-des .v-sec1-des2 .des1-2{line-height: 30px;}

.vip-sec2{margin-top: 131px;}
.vip-sec2 .v-sec1-tit{margin-bottom: 41px;}
.v-sec2-cont{display: flex;align-items: center;justify-content: flex-start;gap: 110px;align-items: flex-start;}
.sec2-tit{font-size: 20px;font-weight: 500;line-height: 30px;color: #616161;display: flex;flex-direction: column;gap: 47px;white-space: nowrap;}
.sec2-des{width: 73%;font-size: 20px;font-weight: 400;line-height: 30px;color: #616161;display: flex;flex-direction: column;gap: 47px;}
.vip-sec2 .sec2-des p:last-child{position: relative;}
.vip-sec2 .sec2-des p:last-child::after{content: "*포인트 사용, 쿠폰사용으로 인한 금액 차감비용은 순수 구매액에 미반영";position: absolute;left: 15px;bottom: 0;font-size: 15px;font-weight: 400;line-height: 30px;transform: translateY(100%);}

.vip-sec3{margin-top: 203px;}
.v-sec3-cont1{margin-bottom: 119px;}
.vip-sec3 .v-sec1-tit{margin-bottom: 41px;}
.vip-sec3 .img-boxs{width: max-content; display: flex;flex-direction: row;align-items: center;gap: 75px;}
.vip-sec3 .img-boxs .img-box{position: relative;width: auto;}
.vip-sec3 .img-boxs .img-box img{margin-bottom: 19px;}
.vip-sec3 .img-boxs .img-box p{position: absolute;font-size: 20px;font-weight: 400;line-height: 30px;white-space: nowrap;left: 50%;transform: translateX(-50%);}
.vip-sec3 .img-boxs .img-line{height: 100px;background: #707070;width: 1px;display: block;}
.vip-sec3 .text-box{display: flex;align-items: center;}
.vip-sec3 .text-box .square-text{background: #5B5B5B;border-radius: 50px; width: 159px;height: 46px;display: flex;align-items: center;justify-content: center;color: #fff;margin-right: 11px;}
.vip-sec3 .text-box .square-text2{background: #306ED3;}
.vip-sec3 .v-sec3-cont2 .sec2-des{gap: 20px;}

.vip-content{max-width: 1250px;margin: 0 auto;padding-top: 50px;}
.grade_img_group{}
.grade_img_group img{width: 100%;}


.list-btns{justify-content: center !important;}
.sc-sub-common .list-btn{border-radius: 50px;}
.text-md-end{text-align: center !important;width: 100%;}
.col-md-6.text-center.text-md-start.mb-4{display: none;}
.btn.btn-default{border-radius: 50px;}

/* sc-sub-common */
.sc-sub-common {padding: 83px 0 146px;}
.sub-common-wrap{display: flex;flex-direction: column;gap: 10px;}
.sc-sub-common .img-box {margin-bottom: 148px;display: flex;justify-content: center;}
.sc-sub-common .sub-common-list {display: flex; border-radius: 20px;background-color: #F3F3F3; padding: 25px 25px;padding-right: 65px;}
.sc-sub-common .sub-common-list .left-box {display: flex;gap: 15px;align-items: center; cursor: pointer;}
.sc-sub-common .sub-common-list .date {margin-left: auto; cursor: pointer;}
.sc-sub-common .list-btn {display: flex;  justify-content: center; align-items: center; background-color: #5B5B5B; color: #fff; width: 166px; height: 45px; margin-left: auto; margin-top: 23px;}
.sc-sub-common .list-btn {cursor: pointer;}
.bbn{border-bottom: none !important;}
.n_group{display: flex;gap: 38px;align-items: center;}

/* 이벤트 */

.sc-event {margin-top: 30px;}
.sc-event .event-item {cursor: pointer;}
.sc-event .event-list {padding-top: 150px; display: grid;grid-template-columns: repeat(3,1fr);grid-row-gap: 50px;grid-column-gap: 50px; }

.sc-event .event-list .img-box {border-radius: 20px; overflow: hidden;  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.sc-event .event-list .img-box:hover img {transform: scale(1.1);}
.sc-event .event-list .img-box img{width: 100%; transition: .4s;}
.sc-event .event-list .text-box {display: flex; flex-direction: column; gap: 20px; align-items: center; margin-top: 20px;}
.sc-event .event-list .text-box .title {font-size: 22px; font-weight: 700;}
.sc-event .event-list .text-box .desc {font-size: 15px; text-align: center; line-height: 22px;}

.sc-event .pagination-box {padding: 60px 0 77px; display: flex; gap: 30px; justify-content: center; cursor: pointer;}
.sc-event .pagination-box .btn {font-size: 16px; color: #B9B9B9;}
.sc-event .pagination-box .btn.on {color: #616161;}




/* 공지사항 */
/* .sc-top .search-area {background-color: #F8F4E8; padding: 37px 0; margin-top: 27px;}
.sc-top .search-area .flex-box {display: flex; justify-content: center; gap: 5px;}
.sc-top .search-area .flex-box .input-text {width: 100%;height: 100%;}
.sc-top .search-area .flex-box .btn-submit  {border: none; width: 94px; height: 45px; background-color: #5B5B5B; color: #fff;} */

/* sc-notice */
.sc-notice .tap-list {display: flex; gap: 70px; justify-content: center; padding-top: 82px; padding-bottom: 53px;}
.sc-notice .tap-list li {cursor: pointer; font-size: 17px; color: #616161;}
.sc-notice .tap-list li.on {font-weight: 700; color: #616161; border-bottom: 2px solid #616161; padding-bottom: 5px;}

/* notice-tit-box */
.sc-notice .notice-tit-box {padding-bottom: 18px;}
.sc-notice .notice-tit-box .flex-box {display: flex; cursor: pointer;}
.sc-notice .notice-tit-box p {border-right: 1px solid #d9d9d9; font-size: 17px; font-weight: 700; color: #616161;}
.sc-notice .notice-tit-box p.bdrn {border-right: none;}

/* notice-list-box */
.sc-notice .notice-list-box {border-radius: 30px;background-color: #F3F3F3;}
.sc-notice .notice-list-box .flex-box {display: flex;  padding: 36px 0;cursor: pointer;}
.notice-list-wrap{margin-top: 30px;}
.notice-list-wrap form{display: flex;flex-direction: column;gap: 20px;}


.flex-box p{width: calc(50% / 5);text-align: center;}
.flex-box p:nth-child(3){width: 50%;text-align: left;padding-left: 20px;}


.sc-notice .pagination-box {padding: 60px 0 77px; display: flex; gap: 30px; justify-content: center;}
.sc-notice .pagination-box .btn {font-size: 16px; color: #B9B9B9;}
.sc-notice .pagination-box .btn.on {color: #616161;}


/* 공지사항 서브페이지 */
.sc-notice-sub .notice-sub-title {padding-top: 83px; padding-bottom: 25px; border-bottom: 1px solid #707070;}
.sc-notice-sub .notice-sub-title h2 {font-size: 23px; padding-bottom: 16px; cursor: pointer;}
.sc-notice-sub .notice-sub-title-con {display: flex; gap: 38px; align-items: center;}
.sc-notice-sub .notice-sub-title-con .notice {border: 1px solid #707070; padding: 5px 14px;}

.sc-notice-sub .notice-sub-title-con .notice-sub-service {display: flex;gap: 10px;}

.sc-notice-sub .notice-sub-con {padding-top: 36px;}
.sc-notice-sub .notice-sub-con img{max-width: 100%; width: max-content;}
.sc-notice-sub .notice-sub-con .text-box p {line-height: 30px;}
.sc-notice-sub .notice-sub-con .text-box .bold {display: inline-block; font-size: 27px; font-weight: 700; color: #616161; padding: 30px 0;}
.sc-notice{padding-bottom: 50px;}
.common-inner.event{padding-bottom: 50px;width: auto;}
/* 공지사항 */
.sc-faq .search-area {background-color: #F8F4E8; padding: 37px 0; margin-top: 27px;}
.sc-faq .search-area .flex-box {display: flex; justify-content: center; gap: 5px;align-items: center;}
.sc-faq .search-area .flex-box .input-text { box-sizing: border-box; width: 279px; height: 45px;border: 1px solid #707070;padding: 0;padding-left: 5px;}
.sc-faq .search-area .flex-box .btn-submit {width: 94px; height: 45px; background-color: #5B5B5B; color: #fff;border: 1px solid #707070;}

/* sc-notice */
.sc-faq .tap-list { display: flex; gap: 70px; justify-content: center; padding-top: 82px;}
.sc-faq .tap-list li {cursor: pointer; font-size: 17px; color: #616161; }
.sc-faq .tap-list li.on {font-weight: 700; color: #616161; border-bottom: 2px solid #616161; padding-bottom: 5px;}

/* notice-list-box */
/* .sc-faq .faq-list-box {border-bottom: 1px solid #707070;} */
.sc-faq .faq-list-box .flex-box {display: flex;  padding: 36px 0; margin-top: 10px;border-radius: 20px;border: none;}

.sc-faq .pagination-box {padding: 60px 0 77px; display: flex; gap: 30px; justify-content: center;}
.sc-faq .pagination-box .btn {font-size: 16px; color: #B9B9B9;}
.sc-faq .pagination-box .btn.on {color: #616161;}

.sc-faq .ui-icon, .ui-widget-content .ui-icon{display: none;}

/* 진짜코드 */
.sc-faq .faq-list-box .flex-box{justify-content: space-between;align-items: center;padding: 37px 96px; cursor: pointer;background-color: #F3F3F3;}

.sc-faq .tap-list{justify-content: center;padding: 82px 96px 18px 96px;border-bottom: .5px solid #707070a8;}
.sc-faq .faq-list-wrap p{color: #616161;line-height: 26px;}
.sc-faq .faq-list-wrap .q{font-size: 17px;font-weight: 700;text-align: left;}
.sc-faq .faq-list-wrap .faq-tit{font-size: 16px;font-weight: 400;}
.sc-faq .faq-list-wrap .cat{font-size: 17px;font-weight: 400;}

.sc-faq .faq-list-wrap i{transition: .3s transform; background: url(/img_jw/arrow.png)no-repeat center center / contain;width: 18px;height: 10px;margin-left: 61px;transform: rotate(180deg);}
.sc-faq .faq-list-wrap .faq-tit{flex: 1;margin-left: 7px;}

.sc-faq .faq-answer{border: none; padding: 50px 96px 63px 96px; background: #F8F8F8;margin-top: 20px;border-radius: 20px;background-color: #fbfbfb;overflow: hidden;position: relative;}
.sc-faq .faq-answer::after{content: '';position: absolute;left: 0;top: 0;background-color: #7B50F3;width: 20px;height: 100%;}
.sc-faq .faq-answer .answer-1{display: flex;flex-direction: row;align-items: center;margin-bottom: 26px;}
.sc-faq .faq-answer .answer-1 p{font-size: 17px;font-weight: 700;line-height: 26px;}
.sc-faq .faq-answer .answer-1 .answer-tit{font-size: 16px;font-weight: 400;margin-left: 5.5px;}
.sc-faq .faq-answer .answer-2 .answer-des{font-size: 16px;font-weight: 400;margin-left: 22px;}

.sc-faq .faq-list-wrap .ui-accordion-header-active i{transform: rotate(0);}


.cat_grid_bx.mb{display: none;}

/* 추가한 css 입니다! */
/* 1:1 문의 */
.sc-ask .ask-tit-box {border-bottom: 2px solid #707070; padding-bottom: 18px;}
.sc-ask .ask-tit-box .flex-box {display: flex; cursor: pointer; padding: 83px 30px 0;}
.sc-ask .ask-tit-box .flex-box p {width: calc(50% / 3); text-align: center; font-size: 17px; font-weight: 700;}
.sc-ask .ask-tit-box .flex-box p:first-child {width: 70%; text-align: left;}

.sc-ask .ask-list-box {background-color: #F3F3F3;border-radius: 20px;}
/* .sc-ask .ask-list-box:nth-child(even) {background-color: #F6F6F6;} */
.sc-ask .ask-list-box .flex-box { display: flex; align-items: center; padding: 36px 70px;  cursor: pointer;}
.sc-ask .ask-list-box .flex-box.add{padding: 36px 20px;}
.sc-ask .ask-list-box .flex-box.on {border-top: 2px solid #707070;}
.sc-ask .ask-list-box .text-box {padding: 38px 0 80px 20px;}
.sc-ask .ask-list-box .text-box p {line-height: 30px;}
.sc-ask .ask-list-box .flex-box>p {width: calc(50% / 3); text-align: center;}

.sc-ask .ask-list-box .flex-box>p:first-child {width: 70%; text-align: left;}
.sc-ask .ask-list-box .flex-box .bold {font-weight: bold; color: #616161;}
.sc-ask .ask-list-box .flex-box .col {height: 50px; display: flex; justify-content: center; align-items: center; width: 220px;flex: none; padding: 8px 19px; margin-left: auto; border-radius: 20px; background-color: #5233AA; color: #fff;} 
.sc-ask .ask-list-box .flex-box .col.on {color: #5B5B5B; background-color:  #5b5b5b25;}
.sc-ask .list-btn {display: flex;  justify-content: center; align-items: center; background-color: #5B5B5B; color: #fff; width: 166px; height: 45px; margin: auto;border-radius: 20px; margin-top: 23px; cursor: pointer;}
.ask-list-wrap{margin-bottom: 174px;padding-top: 150px;display: flex;flex-direction: column;gap: 20px;}
.ask-list-wrap.add{padding-top: 20px;}

.flex-box .mb_wrap{flex: auto; display: flex;align-items: center; width: 30%;}
.flex-box .mb_wrap p.inq_tit{width: 50% !important;text-align: left !important;padding-left: 50px; }
.flex-box .mb_wrap p.inq_date{width: auto !important;text-align: center; }

/* 콘텐츠 */
.content .sc-top .search-area{margin: 27px 0;}
.sc-content{width: 1209px;margin: 0 auto;margin-bottom: 136px;}
.sc-content .event-list{padding: 0;}
.sc-content .content_grid_group{display: grid;grid-template-columns: repeat(4,1fr);gap: 29px;}
.sc-content .grid_box{cursor: pointer;}
.sc-content .grid_box .txt-box{margin-top: 20px;}
.sc-content .grid_box h4{font-family: 'Noto Sans KR', sans-serif;font-size: 19px;font-weight: 700;color: #616161;}
.sc-content .grid_box p{font-family: 'Noto Sans KR', sans-serif;font-size: 17px;font-weight: 300;color: #616161;}
.sc-content .grid_box img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;}
.sc-content .grid_box .img-box{border-radius: 20px;overflow: hidden;}

.content_cont{padding-top: 100px;}

/* 콘텐츠 내용 보기 */
.sc-content-view .notice-sub-con .img-box{text-align: center;}
.sc-content-view .notice-sub-con .txt-box{font-family: 'Noto Sans KR', sans-serif;}


/* 마이페이지 주문내역 상세 */

.mypage_order_detail{color: #616161;}
.mypage_order_detail_tit_group{padding-bottom: 15px;margin-bottom: 18px;border-bottom: 2px solid #707070; display: flex;justify-content: space-between;margin-top: 105px;}
.mypage_order_detail_tit{display: flex;gap: 52px;align-items: center;}
.mypage_order_detail_tit1{font-size: 25px;font-weight: 600;}
.mypage_order_detail_tit2{font-size: 19px;font-weight: 600;opacity: 0.5;}
.mypage_order_back_btn{display: flex;gap: 10px;align-items: center;font-size: 16px;cursor: pointer;}
.mypage_order_back_btn1{transition: 0.4s;}
.mypage_order_back_btn:hover .mypage_order_back_btn1{transform: translateX(-10px);}

.order_detail_group{padding: 50px 38px;background-color: #F5F5F5;position: relative;}
.order_delete_btn{position: absolute;right: 30px;top: 20px; cursor: pointer;}
.order_detail_list_tit_group{display: flex;gap: 34px;}
.order_detail_list_tit_group .product_img img{width: 170px;height: 170px;}
.product_txt_group{width: 100%;}
.product_txt1{font-size: 30px;font-weight: 600;}
.product_txt2{font-size: 21px;line-height: 30px;}
.product_txt3{margin-top: 33px;font-size: 23px;padding-bottom: 1px;margin-bottom: 19px;color: #3CA81C;border-bottom: 1px solid #3CA81C;width: max-content;}

.product_txt4{display: flex;gap: 62px;}
.product_txt4>div{display: flex;gap: 20px;}
.product_txt4_tit{font-size: 19px;font-weight: 600;}
.product_txt4_sub{font-size: 19px;}

.order_detail_table_group{margin-top: 105px;}
.order_detail_table_group.order_detail_table_group1{margin-top: 84px;}
.order_detail_table_tit{font-size: 25px;font-weight: 600;padding-bottom: 19px;border-bottom: 2px solid #707070;}
.order_detail_table_sub{display: flex;align-items: center; justify-content: space-between;padding: 22px 20px 11px;border-bottom: 0.5px solid #707070;}
.order_detail_table_sub1{font-size: 16px;}
.order_detail_table_sub2{font-size: 19px;}

.order_detail_btn_group{display: flex;gap: 21px;margin-top: 61px;}
.order_detail_btn{color: #fff;font-size: 17px;height: 42px;cursor: pointer;transition: 0.4s; display: flex;align-items: center;justify-content: center;}
.order_detail_btn1{width: 224px;background-color: #5B5B5B;}
.order_detail_btn2{background-color: #AAAAAA;width: 133px;}
.order_detail_btn:hover{filter: brightness(.8);}


.cart_table{display: flex;flex-direction: column; color: #616161;}
.cart_table_tit_group{display: flex;justify-content: space-between;padding-bottom: 15px;border-bottom: 2px solid #707070;padding-left: 15px;}
.cart_all_btn{display: flex;gap: 15px;align-items: center;}
.cart_all_btn label{cursor: pointer;}
.check_delete_btn{cursor: pointer;}

.cart_list{display: flex;justify-content: space-between;padding: 40px 15px;border-bottom: 0.5px solid #707070;}
.cart_list_left{display: flex;gap: 35px;align-items: center;}
.cart_list_txt1{font-size: 19px;font-weight: 600;margin-bottom: 10px;}
.cart_list_txt2{font-size: 17px;font-weight: 200;}
.cart_list_right{display: flex;align-items: center;gap: 20px;}
.cart_list_count_group{gap: 18px;display: flex;align-items: center;}
.cart_list_count1{cursor: pointer;height: 16px;display: flex;align-items: center;justify-content: center;}
.cart_list_count2{width: 68px;height: 28px;display: flex;align-items: center;justify-content: center;border: 1px solid #707070;font-size: 17px;font-weight: 200;}
.cart_list_count3{cursor: pointer;height: 16px;display: flex;align-items: center;justify-content: center;}
.cart_list_right_tit{font-size: 17px;font-weight: 600;padding-right: 20px;}
.cart_list_equal{font-size: 23px;}
.cart_list_price{font-size: 23px;}

.cart_table_bottom_group{padding-bottom: 165px; display: flex;flex-direction: column;gap: 24px;margin-top: 30px;}
.cart_table_point{align-items: center; color: #225392;display: flex;gap: 23px;justify-content: flex-end;}
.cart_table_point1{font-size: 17px;}
.cart_table_point2{font-size: 28px;}


.cart_table_entire_price_group{margin-bottom: 100px; display: flex;gap: 40px;align-items: center; justify-content: flex-end;}
.cart_table_entire_price1{font-size: 17px;}
.cart_table_entire_price2{font-size: 28px;}
.cart_table_entire_price3{}
.cart_table_entire_price4{display: flex;gap: 20px;position: relative;align-items: center;}
.cart_table_entire_price4::after{position: absolute;content: '(50,000원 이상 배송비 무료)'; top: calc(100% + 5px);font-size: 15px;font-weight: 200;left: 50%;transform: translateX(-50%); white-space: nowrap;}
.cart_table_entire_price4_1{font-size: 17px;}
.cart_table_entire_price4_2{font-size: 28px;color: #008F56;}
.cart_table_entire_price5{}
.cart_table_entire_price6{font-size: 28px;font-weight: 600;color: #292929;}

.cart_table_btn_group{display: flex;gap: 12px;justify-content: flex-end;}
.cart_table_btn{height: 40px;transition: 0.4s; font-size: 14px; color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.cart_table_btn:hover{filter: brightness(.8);}
.cart_table_btn1{width: 133px;background-color: #AAAAAA;}
.cart_table_btn2{width: 149px;background-color: #77C95A;}


.wish_table{display: flex;flex-direction: column;padding-bottom: 160px; color: #616161;}
.wish_table_tit_group{display: flex;justify-content: space-between;padding-bottom: 15px;border-bottom: 2px solid #707070;padding-left: 15px;}
.wish_all_btn{display: flex;gap: 15px;align-items: center;}
.wish_all_btn label{cursor: pointer;}

.wish_list_group{display: flex;padding-top: 53px;padding-bottom: 93px;}
.wish_list{display: flex;flex-direction: column;align-items: center;width: 25%;gap: 15px;}
.wish_list_check_group{display: flex;justify-content: center;gap: 10px;}
.wish_list_txt1{font-size: 19px;font-weight: 600;}
.wish_list_txt2{font-size: 17px;font-weight: 200;line-height: 30px;}

.wish_list_btn_group{display: flex;justify-content: center;gap: 15px;}
.wish_list_btn{width: 149px;height: 40px;transition: 0.4s; cursor: pointer; display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;}
.wish_list_btn:hover{filter: brightness(.8);}
.wish_list_btn1{background-color: #77C95A;}
.wish_list_btn2{background-color: #5B5B5B;}


.register_change_login_group{padding-bottom: 116px;padding-top: 100px;}
.register_change_login_tit{display: flex;flex-direction: column;gap: 15px;padding-bottom: 22px;border-bottom: 2px solid #707070;}
.register_change_login_tit1{font-size: 19px;font-weight: 600;}
.register_change_login_tit2{font-size: 16px;color: #616161;}

.register_change_login_input_group{border-bottom: 0.5px solid #707070; padding-top: 45px;padding-bottom: 45px;display: flex;flex-direction: column;gap: 33px;}
.register_change_login_input_bx{display: flex;align-items: center;justify-content: center;}
.register_change_login_input_tit{width: 100px;font-size: 19px;font-weight: 600;}
.register_change_login_input_bx input{width: 466px;height: 66px;padding: 15px;font-size: 20px;}
.register_change_login_input_bx input.register_change_login_input_id,.register_change_login_input_bx input::placeholder{color: #B8B8B8;}

.register_change_login_btn{display: flex;justify-content: center;margin-top: 45px;}
.register_login_btn{cursor: pointer; transition: 0.4s; display: flex;align-items: center;justify-content: center;width: 228px;height: 66px;color: #fff;background-color: #77C95A;font-size: 20px;}
.register_login_btn:hover{filter: brightness(.8);}

.register_change_tit{font-size: 19px;font-weight: 600;padding-bottom: 25px;border-bottom: 2px solid #707070;margin-bottom: 60px;}


.register_con.change_con{padding-top: 30px;}

.register_con.change_con .info_input_list_tit{width: 120px;}
.register_con.change_con .sns_register{margin: unset;width: 100%;}
.register_con.change_con .sns_register_tit{text-align: left;font-size: 22px;font-weight: 600;padding-bottom: 12px;margin-bottom: 26px;border-bottom: 0.5px solid #B5B5B5;}
.register_con.change_con .info_input_group{border-bottom: none;}
.register_con.change_con .sns_register_list_group{width: 825px;}
.register_con.change_con .sms_agreement_group{border-bottom: none;}
.register_con.change_con .sms_aggrement_tit1{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 0.5px solid #B5B5B5;}
.register_con.change_con .register_btn_group{justify-content: center;gap: 20px;}
.register_con.change_con .register_btn_group>div{color: #fff;}
.register_con.change_con .delete_member_btn{background-color: #BCBCBC;border: none;}
.register_con.change_con .change_register_btn{background-color: #5B5B5B;}
.register_con.change_con{}


.orderform_cont{color: #616161; margin: 0 auto;margin-top: 140px;padding-bottom: 250px;max-width: 1208px;width: 100%;}
.orderform_product_list_group{display: flex;flex-direction: column;gap: 58px;}
.orderform_product_list{max-width:850px;width: 100%; margin: 0 auto; display: flex;justify-content: space-between;}
.orderform_product_list_left{display: flex;gap: 30px;align-items: center;}
.orderform_product_list_right{gap: 61px;display: flex;align-items: center;}
.orderform_product_list_txt1{font-size: 19px;font-weight: 600;margin-bottom: 22px;}
.orderform_product_list_txt2{display: flex;gap: 43px;}


.orderform_product_list_txt2_1{font-size: 17px;font-weight: 600;}
.orderform_product_list_txt2_2{display: flex;align-items: center;gap: 25px;}
.orderform_product_list_right_1{font-size: 23px;}
.orderform_product_list_right_2{width: 18px;height: 18px;cursor: pointer;}
.orderform_product_list_right_2 img{width: 100%;}


.orderform_personal_info .info_input_tit{padding-bottom: 20px;border-bottom: 2px solid #707070;}
.orderform_personal_info .info_input_group{padding-top: 200px;border-bottom: none;}
.orderform_personal_info .email_group{display: flex;flex-direction: column;gap: 25px;}
.orderform_personal_info #email_sel{border-radius: 0; width: 150px;height: 50px;border: 1px solid #707070;font-size: 20px;padding: 0px 17px;font-weight: 400;}
.orderform_personal_info .info_input_list_bx.aifs{align-items: flex-start;}
.orderform_personal_info{}
.orderform_personal_info{}
.orderform_personal_info{}
.orderform_personal_info{}
.orderform_personal_info{}
.orderform_personal_info{}



.orderform_address_info .info_input_tit{padding-bottom: 20px;border-bottom: 2px solid #707070;}
.orderform_address_info .info_input_group{padding-top: 115px;border-bottom: none;}
.orderform_address_info .email_group{display: flex;flex-direction: column;gap: 25px;}
.orderform_address_info #require_sel{width: 100%;height: 50px;border: 1px solid #707070;font-size: 20px;padding: 0px 17px;font-weight: 400;border-radius: 0;}
.orderform_address_info .info_input_list_bx.aifs{align-items: flex-start;}
.require_sel{width: 912px;height: 50px;}



.orderform_address_info .info_input_group input[type="radio"]{width: 20px;height: 20px;accent-color: #707070;}

.orderform_address_info .orderform_radio{display: flex;gap: 40px;}
.orderform_address_info .orderform_radio>div{display: flex;gap: 8px;align-items: center;}
.orderform_address_info{}
.orderform_address_info{}
.orderform_address_info{}


.orderform_pay_info{display: flex;flex-direction: column;gap: 30px;}
.orderform_pay_info_tit{padding-bottom: 16px;margin-bottom: 30px;font-size: 25px;font-weight: 600;border-bottom: 2px solid #707070;}
.pay_info_list{line-height: 30px;gap: 80px;display: flex;font-size: 20px;}
.pay_info_list1{width: 130px;}
.pay_info_list2 .pay_info_list2_1{display: flex;gap: 5px;align-items: flex-end;margin-bottom: 10px;}
.pay_info_list2 .pay_info_list2_1 input{width: 202px;text-align: right;height: 50px;border: 1px solid #707070;border-radius: 0;font-size: 20px;padding-right: 20px;}
.pay_info_list2 .login_check{width: 20px;height: 20px;}
.pay_info_list2_2{display: flex;gap: 10px;}
.total_price{font-size: 30px;font-weight: 600;}

.orderform_coupon_group{margin-top: 181px;}
.orderform_coupon_tit{padding-bottom: 23px;font-size: 25px; font-weight: 600;}
.orderform_coupon_list{border-bottom: 0.5px solid #707070; display: flex;padding-left: 15px;font-size: 19px;color: #313131; align-items: center;padding-top: 65px;padding-bottom: 61px;}
.orderform_coupon_txt1{padding-left: 22px;padding-right: 75px;font-weight: 600;}
.orderform_coupon_txt2{padding-right: 109px;}
.orderform_coupon_txt3{padding-right: 30px;font-weight: 600;}
.orderform_coupon_txt4{padding-right: 90px;}

.mb_flex_bx{display: flex;}
.mb_flex_bx2{display: flex;gap: 27px;align-items: center;}
.orderform_coupon_txt5{}

.orderform_coupon_list:last-child{border-bottom: none;}
.coupon_all_btn label{font-size: 19px;font-weight: 600;}
.coupon_all_btn{display: flex;gap: 10px;align-items: center;}

.orderform_total_price_tit{border-bottom: 2px solid #707070; font-size: 25px;font-weight: 600;padding-bottom: 25px;margin-bottom: 35px;}


.orderform_total_price_group{margin-top: 200px;}
.orderform_total_price_group .cart_table_entire_price_group{justify-content: center;margin-bottom: 0;}
.orderform_total_price_bx{padding-top: 65px;padding-bottom: 65px;background-color: #F8F4E8;}
.orderform_total_price_bx .cart_table_entire_price5{display: flex;flex-direction: column;gap: 5px;font-size: 17px;}
.orderform_total_price_bx .cart_table_entire_price5_1{display: flex;}
.orderform_total_price_bx .cart_table_entire_price5_1_1{width: 100px;}
.orderform_total_price_bx .cart_table_entire_price5_1_2{}

.orderform_equal_group{color: #292929; margin-top: 24px;display: flex;flex-direction: column;gap: 5px;}
.orderform_equal_group1{display: flex;justify-content: flex-end;gap: 60px;align-items: center;}
.orderform_equal{font-size: 40px;font-weight: 600;}
.orderform_total_price{font-size: 40px;font-weight: 600;}
.orderform_equal_group2{display: flex;justify-content: flex-end;gap: 15px;align-items: flex-end;color: #225392;}
.orderform_equal_group2_1{font-size: 15px;}
.orderform_equal_group2_2{font-size: 20px;}

.orderform_payment{margin-top: 140px;margin-bottom: 136px;}
.orderform_payment_tit{font-size: 25px;font-weight: 600; padding-bottom: 16px;margin-bottom: 60px;border-bottom: 2px solid #707070;}
.orderform_payment_cont{width: 960px;display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 42px;column-gap: 25px;}
.orderform_payment_cont img{width: 100%;}
.orderform_payment_list{cursor: pointer;transition: 0.4s;}
.orderform_payment_list:hover{filter: brightness(.8);}

.orderform_bottom_group{}
.orderform_bottom_agreement{display: flex;justify-content: center;gap: 10px;align-items: center;}
.orderform_bottom_agreement label{cursor: pointer;font-size: 20px;}
.orderform_bottom_btn_group{margin-top: 72px;display: flex;gap: 13px;justify-content: center;}
.orderform_bottom_btn{border: 1px solid #707070; width: 185px;cursor: pointer;transition: 0.4s; height: 50px;display: flex;align-items: center;justify-content: center;font-size: 18px;}
.orderform_bottom_btn:hover{filter: brightness(.8);}
.orderform_cancel{color: #5B5B5B;}
.orderform_progress{background-color: #5B5B5B;color: #fff;}

label{cursor: pointer;}
.result_sub_btn img{width: 100%;}

.result_btn_group{display: flex;justify-content: center;gap: 20px;}
.check_buy_btn{cursor: pointer; width: 185px;transition: 0.4s; height: 50px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;background-color:#77C95A ;}
.check_buy_btn:hover{filter: brightness(.8);}
.result_btn_group .goto_home_btn{margin: unset;}


#hd_login_msg{display: none !important; height: auto;  position: relative; width: 1395px;margin: 0 auto;display: flex;gap: 15px;padding-top: 10px;padding-bottom: 10px;}
#hd_login_msg a{font-size: 14px;width: 100px;transition: 0.4s; height: 25px;display: flex;align-items: center;justify-content: center;background-color: #707070;color: #fff;border-radius: 50px;}
#hd_login_msg a:hover{filter: brightness(0.8);}
/* 모바일 시작 */

.express_current_group.mb{display: none;}
.point_table_cont.mb{display: none;}

/* 1:1 문의 시작 */
.sc-askdt .form-box{display: flex;flex-direction: column;gap: 21px;}
.sc-askdt .sign-info{display: flex;align-items: flex-start; justify-content: center;}
.sc-askdt .sign-info:nth-child(2){margin-bottom: 23px;}

.qa-btn-group{display: flex;gap: 15px;margin-top: 70px;margin-bottom: 100px; justify-content: center;}
.qa-btn-group .btn-box { border: 1px solid #707070;width: 185px;height: 50px; cursor: pointer; display: flex;align-items: center;justify-content: center;font-size: 18px;}
.btn-box1{color: #5B5B5B;}
.btn-box2{color: #fff;background-color: #5B5B5B;}

.star-text{text-align: right;}
span.star2{color: red;}

.sc-askdt .sign-info .sign-info-txt{width: 10%;font-family: 'Noto Sans KR', sans-serif;font-size: 18px;font-weight: 400;line-height: 30px;color: #616161;margin-top: 10px;}
.sc-askdt .sign-info .input-box{width: 50%;}
.sc-askdt .sign-info .input-box input[type="text"],
.sc-askdt .sign-info .input-box textarea,
.sc-askdt .sign-info .input-box select{width: 100%;border: 1px solid #707070;height: 50px;padding-left: 19px;}
.sc-askdt .sign-info .input-box input::placeholder{color: #B8B8B8;font-size: 20px;}
.sc-askdt .sign-info .input-box select{font-size: 20px;background: url(/img/select_arrow.png) no-repeat 97% 50% / 2%;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.sc-askdt .sign-info .input-box select option{font-size: 20px;}
.sc-askdt .sign-info .input-box textarea{font-size: 20px;height: 300px;padding: 10px 19px 10px 19px;}
.sc-askdt .sign-info .input-box textarea::placeholder{color: #B8B8B8;}
.sc-askdt .sign-info .checkbox-box label{font-size: 16px;color: #616161;}

.sc-askdt .sign-info input[type="file"]{border: 1px solid #707070;width: 100%;height: 50px;font-size: 20px;line-height: 30px;color: #B8B8B8;}
.sc-askdt .sign-info input[type=file]::-webkit-file-upload-button{font-size: 20px;font-weight: 400;line-height: 30px;color: #fff;background-color: #707070;height: 100%;border: 0;width: 124px;}
/* 1:1 문의 끝 */


/* 회원가입 시작 */
.login-sns.sns-wrap-32 h2{font-family: 'Noto Sans KR', sans-serif;text-align: center;font-size: 20px;font-weight: 400;line-height: 30px;margin-bottom: 14px;}
.login-sns.sns-wrap-32 .sns-wrap{display: flex;align-items: center;justify-content: center;gap: 22px;}

.login-sns .sns-wrap a{width: 260px;border-radius: 8PX;}
.login-sns.sns-wrap-32 .sns-icon.sns-naver{color: #fff;background-color: #499D22;}
.login-sns.sns-wrap-32 .sns-icon.sns-kakao{color: #fff;background-color: #F6CF0B;}
.login-sns.sns-wrap-32 .sns-icon.sns-google{border: .5px solid #707070;}

@media screen and (max-width: 1250px) {
  .login-sns.sns-wrap-32 h2{font-size: 16px;line-height: 20px;margin-bottom: 15px;}
  .login-sns.sns-wrap-32 .sns-wrap{flex-direction: column;gap: 12px;margin-bottom: 80px;}
  .login-sns.sns-wrap-32 .sns-wrap a{margin: 0;}
  .login-sns.sns-wrap-32 .ico img{margin-top: 0.1rem;}
  .login-sns.sns-wrap-32 .sns-icon{font-size: 17px;line-height: 20px;font-weight: 400;}
  
}
/* 회원가입 끝 */

/* 회원가입 form 시작 */
#fregisterform{padding: 56px 0;padding-bottom: 0;}
#fregisterform .form_b_txt_box{margin-bottom: 50px;}
#fregisterform .form_b_txt_box p{font-family: 'Noto Sans KR', sans-serif;font-size: 22px;line-height: 26px;font-weight: 700;color: #616161;}
#fregisterform .form_b_txt_box .plus_p{font-size: 17px;font-weight: 400;line-height: 26px;}

#fregisterform .form_check_btn{background-color: #5B5B5B;font-family: 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 400;line-height: 25px;color: #fff;text-align: center;width: 166px;padding: 10px 0;}
.member .register #fregisterform .info{color: #616161;margin-top: 0;}
#fregisterform .form-control{width: 38%;height: 45px;border-color: #f4f4f4;border: none;}
.member .register label.form-title{width: 12%;margin: 0;font-weight: 400;}
#fregisterform .mb-5{margin-top: 60px;padding-top: 60px;display: flex;justify-content: flex-end;gap: 15px;border-top: 1px solid #707070;}
.btn-outline{width: 185px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
.btn.btn-default{ border-radius: 50px;background-color: #5B5B5B;border: 1px solid #707070;
    width: 15%;
}

.col-md-4{display: flex;width: 100%;align-items: center;gap: 17px;}
.email_group{margin-top: 30px;}
.member .register h3{padding-top: 50px;border-top: 1px solid #707070;margin-top: 80px;}
.member .register .form-check{margin-top: 40px;}

#fregisterform .form_id_box{flex-direction: column;gap: 30px;}
#fregisterform .form_id_box > div{display: flex;align-items: center;gap: 17px;}
#fregisterform .form_nm_box{flex-direction: column;gap: 30px;margin-top: 65px;}
#fregisterform .form_nm_box > div{display: flex;align-items: center;gap: 17px;}
#fregisterform .form_add_box{flex-direction: column;gap: 30px;margin-top: 45px;}
#fregisterform .form_add_box > div{display: flex;align-items: start;gap: 17px;}
#fregisterform .form_add_box .form-title{margin-top: 8px;}
#fregisterform .form_add_box input{margin-bottom: 20px;}
#fregisterform .form_add_box .input-group{gap: 19px;width: 75.5%;}
#fregisterform .form_add_box input[name="mb_addr1"]{width: 75.5%;position: relative;}
#fregisterform .form_add_box input[name="mb_addr2"]{width: 75.5%;position: relative;}
#fregisterform .form_add_box .btn-addr{height: 45px;background-color: #5B5B5B;font-family: 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 400;line-height: 25px;color: #fff;text-align: center;width: 166px;padding: 10px 0;border: 0;}
#fregisterform .form_add_box input[name="mb_addr1"]::after{content: "기본주소";font-family: 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 400;line-height: 25px;color: #616161;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
#fregisterform .form_add_box input[name="mb_addr2"]::after{content: "기본주소";font-family: 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 400;line-height: 25px;color: #616161;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}


/* 회원가입 form 끝 */




#sct_sort{width: 100%;margin-bottom: 30px;}
.sct_img{border-radius: 20px;width: 100%;overflow: hidden;}
.sct .container .row{padding-bottom: 100px; display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.sct_li{width: 100%;}
.sct_ct_wrap{display: flex;flex-direction: column;align-items: center;}
.pagination .page-link.arrow{line-height: auto;padding: 0;display: flex;align-items: center;justify-content: center;}
.pagination .page-link{height: auto;}
.shop .pagination{margin-top: 30px;}

.total_group{margin-bottom: 30px;margin-top: 30px; display: flex;align-items: center;justify-content: flex-end;gap: 15px;}
.total_txt{font-size: 18px;}
.sit-ov .sit-tot-price{margin: 0;}
.sit-ov-btn{display: flex;gap: 10px;justify-content: flex-end;}
.sit-ov .sit-ov-btn .btn{width: 150px; height: 40px ;border: none;font-size: 16px; padding: 0;margin-right: 0;line-height: 0;border-radius: 50px;}
.sit_btn_buy{background-color: #77C95A;color: #fff;}
.btn:hover{filter: brightness(0.9);}

.sit-ov .sit_info{border-top: none;border-bottom: none;}

.price_group{display: flex;justify-content: space-between;align-items: center;}
.percent{font-size: 26px;font-weight: 200;color: #005eff;}
.price_num_group{display: flex;gap: 20px;align-items: center;}
.cust_price{text-decoration: line-through;font-size: 26px;font-weight: 500;color: #313131; opacity: 0.2;}
.real_price{font-size: 34px;font-weight: 600;}
.real_price2{font-size: 27px;font-weight: 600;}
.cat_list_group .cat_list_r_group2{border-top: 1px solid #707070;margin-top: 15px;}

.sit-ov .sit-sel-option .sit_opt_subj{font-size: 20px;line-height: 34px;}
.sit-ov .sit-sel-option li{background-color: #F1FBFF; border-right: none;border-left: none;border-top: 1px solid #707070;border-bottom: 1px solid #707070;}

.sit-ov .sit-sel-option .sit_opt_prc{font-size: 18px;color: #3476ba;margin-top: 0;}
.num_input{font-size: 18px;}

.scr_10{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px; width: 100% !important;}
.sit-rel .bx-wrapper{width: 100%;margin-left: unset;}
.sct_txt{text-align: center;}
.sct_cost{text-align: center;}

.sit-info .itemuse .sit_use_top{padding: 0;}
.row.uprow{margin-top: 30px; flex-direction: row;flex-wrap: nowrap;justify-content: center;gap: 170px;padding-top: 40px;padding-bottom: 65px;background-color: #f8f8f8;}
.row.uprow .col-md-4{width: auto;align-items: flex-start;}
.sit-info .itemuse .inner h4{margin-top: 0;font-size: 19px;font-weight: 600;}
.star_img{margin-top: 40px;}
.sit-info .itemuse .inner h5{margin-top: 15px;}
.sit-info .itemuse .inner .icon{margin-bottom: -10px;}
.row.uprow *{font-family: 'Noto Sans KR', sans-serif;}
.row.uprow {}
/* .review_tit_margin{margin-top: 120px;} */
.review_tit{margin-top: 120px; display: flex;flex-direction: column;gap: 15px;}
.review_tit1{font-size: 30px;font-weight: 600;}
.review_txt_group{line-height: 1.5;font-size: 16px;display: flex;flex-direction: column;gap: 5px;}
.review_txt1{}
.review_txt2{display: flex;gap: 5px;align-items: center;}
.review_tit_line{height: 15px;width: 1px;background-color: #ccc;}
.review_price{background-color: yellow;color: red;}
@media screen and (max-width:1250px) {
    .review_tit_margin{}
    .review_tit{margin-top: 50px; max-width: 90%;margin: 0 auto;}
    .review_tit_line{display: none;}
    .review_txt_group{gap: 10px;}
    .review_txt2{flex-direction: column;align-items: flex-start;}
}
@media screen and (max-width:767px) {
    .review_tit1{font-size: 24px;}
    .review_txt_group{font-size: 14px;}
}

.sct_ct .list-group-item.active::before{right: 15px;}
.c_l_r_l_3 .content_rev img{display: none;}
.cat_list_review_group{padding-bottom: 50px;}
.only_img {font-size: 0;line-height: 0;}
.only_img img{width: 170px;}
#sct_ct_1 li{width: auto;padding-right: 15px;}

.login_con{display: flex;justify-content: center;gap: 70px;align-items: center; }
#mb_login_notmb{margin: 0;height: max-content;width: auto;max-width: 500px;}
.half_line{width: 1px;height: 100%;background-color: #707070;min-height: 400px;}
#mb_login_notmb .btn_submit{background-color: #707070;color: #fff;font-size: 18px;}
#mb_login_notmb h2{font-size: 26px;margin-bottom: 30px;}
.alert_btn{background-color: #707070;color: #fff;}
.cart-list .card .cart_df_body{display: flex;flex-direction: column;align-items: flex-start;}
.card_df{display: flex;gap: 50px;}
.cart_df{display: flex;align-items: center;}
.card_option{margin-bottom: 15px;font-weight: 700;}
.card_text_group{display: flex;gap: 30px;margin-bottom: 20px;}
.card_text_bx{display: flex;gap: 10px;font-size: 18px;}
.card_txt_tit{font-weight: 600;}
.card_txt_con{}
.card_tit.card-title{font-size: 30px;font-weight: 500;}
.card_price{font-size: 25px;font-weight: 600;margin-top: 30px;}
.shop .order .cart-list .card{border: none;border-bottom: 1px solid #707070;padding: 0;padding-bottom: 50px;}
.list_group{display: flex;flex-direction: column;gap: 15px;}
.list_group_item{display: flex;justify-content: space-between;font-size: 18px;}
.ct_tot_price{font-size: 23px;font-weight: 600;}
.card_df_img_bx{width: 20%;min-width: 240px;}
.cart-list .card .card_df_img_bx .image img{width: 100%;}

.shop .order .order_inner .form-group{margin-bottom: 30px;}
.shop .order .order_inner .form-group>div{display: flex;flex-direction: column;gap: 15px;}
.shop .order .order_inner .form-group>div .input-group{display: flex;}
.shop .order .order_inner .form-group>div .input-group .form-control.form-cn1{max-width: 200px;margin-left: 50px !important;margin-right: 10px;}
.shop .order .form-control2{max-width: 200px;margin-left: 0px !important;margin-top: 30px; margin-right: 10px;}
.shop .order .inner.mt234{margin-top: 50px;margin-bottom: 20px;}
.shop .order .order_inner{border: none;}

.shop .order .order_inner .form_bx{display: flex;gap: 15px;align-items: center; position: relative;}
.form-label{margin-bottom: 0;width: 130px;}
.form-control{height: 45px; /*width: 366px;*/ box-sizing: border-box;padding: 0; padding-left: 5px;font-size: 14px;}
.parent{position: relative;width: max-content;}
.frm_info{position: absolute;top: calc(100% + 10px);right: 0;font-size: 13px;opacity: 0.6;}
.address_group{width: 366px;display: flex;gap: 15px;}
.btn-addr{width: 100px;background-color: #5b5b5b;color: #fff;height: 45px;box-sizing: border-box;padding: 0;}
.add_tit{margin-bottom: 10px;}

.arr_group{display: flex;gap: 15px;margin: 2rem 0 20px;cursor: pointer;}
.shop .order h4.m0{margin: 0;}
.plus_btn{cursor: pointer; display: flex;align-items: center;justify-content: center; font-size: 20px;border-radius: 50px;width: 30px;height: 30px;border: 1px solid #000;}

.info_con{height: 0;overflow: hidden;transition: 0.4s;}
.info_con.height_non{height: auto;}
.info_con.height_non.ov{overflow: visible;}
.order-first.on1 .info_con.info_con_plus{height: 550px;padding-bottom: 30px;}
.mt20{margin-top: 20px;}
.info_con2{height: 0;overflow: hidden;transition: 0.4s;}
.order-first.on2 .info_con2{height: 559px;}

@media screen and (max-width:767px) {
    .info_con1{height: 0;overflow: hidden;transition: 0.4s;margin-bottom: 0;}
    .order_des_box.on1 .info_con1{height: 603px;padding-bottom: 0;margin-bottom: 3rem;}

    .info_con2{height: 0;overflow: hidden;transition: 0.4s;margin-bottom: 0;}
    .order_des_box.on2 .info_con2{height: 774px;padding-bottom: 0;margin-bottom: 3rem;}
    .order-first.on1 .info_con.info_con_plus{height: 720px;}
}

@media screen and (max-width:450px) {
    .order_des_box.on1 .info_con1{height: 603px;padding-bottom: 0;margin-bottom: 3rem;}
}

.shop .order .order_inner .form_bx.form_bx2{margin-top: 50px;margin-bottom: 20px;align-items: flex-start;}
/* #od_addr3{margin-top: 5px;} */
.add_group{display: flex;flex-direction: column;gap: 10px;position: relative;}
.form_bx_mb{margin-bottom: 15px;}

#daum_juso_pageod_zip{position: absolute !important;top: 18%;left: 50%;z-index: 999;}
#__daum__layer_1{width: 100% !important;}
#daum_juso_pageod_b_zip{z-index: 9; top:-15px;}
.btn-addr{}
.list_bx{padding: 0;}
.list_bx .list-group-item {font-size: 18px; justify-content: flex-start !important;gap: 15px;}
.order_tit{font-weight: 600;width: 300px;}
.shop .order h4{font-size: 25px;margin-bottom: 20px;}
#sod_frm_pay .list_bx{display: flex;  row-gap:15px; gap:15px;  justify-content: space-between;   flex-wrap: wrap;}
#sod_frm_pay .list_bx .list-group-item{ font-size: 17.5px; width: 48%; justify-content: space-between !important;}
.info_mt{padding-top: 50px;}
#sod_frm_paysel .kakaopay_icon{overflow: visible;}
#sod_frm_paysel{display: grid;grid-template-columns: repeat(3,1fr);column-gap: 10px;row-gap: 10px;}
.shop .order .payment-method .btn-payment {transition: 0.4s; margin: 0;padding: 0; border: none !important;overflow: visible; width: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.shop .order .payment-method .btn-payment:hover{filter: brightness(0.8);}
.shop .order .payment-method .btn-payment img{width: 100%;border: 1px solid #ccc;}
.shop .order .payment-method .btn-payment.on{filter: brightness(0.5);}

@media screen and (max-width:767px) {
    #sod_frm_paysel{margin-bottom: 30px;}
    .shop .order .payment-method .btn-payment{border: 1px solid #000 !important;}
    .shop .order .payment-method .btn-payment:hover{filter: none;}
    .shop .order .payment-method .btn-payment.on{filter: brightness(0.5);background-color: #0000006e;color: #fff;}
}
/* .shop .order .payment-method .btn-payment.on{filter: brightness(0.5);} */
#display_pay_button{display: flex;gap: 15px;justify-content: flex-end;}
.py-2{padding: 0 !important; display: grid;gap: 10px;grid-template-columns: repeat(2,1fr);}
.input-group.input-group2{gap: 60px;}
.order .py-2{grid-template-columns: repeat(5,1fr);}
#sod_frm_paysel .naverpay_icon{overflow: visible;}
.order_view_group{width: 100%;}
.order_view_group .cart-list{display: flex;flex-direction: column;gap: 60px; background-color: #F5F5F5;padding: 100px 10px;border-radius: 30px;}
.order_view_group .cart-list .card {width: 80%;margin: 0 auto; padding: 0; background-color: transparent;border: none; }
.order_view_group .card_row{margin: unset; display: flex;flex-direction: row;flex-wrap: nowrap;gap: 30px;}
.order_view_group .view_card_img{width: max-content;}
.order_view_group .cart-list .card .card-body{ width: auto; flex-direction: column;align-items: flex-start;justify-content: center;}
.order_view_group .card_view_list_group{display: flex;align-items: center;}
.order_view_group .info_group{width: 80%;margin: 0 auto;padding: 0;}
.order_view_group .list-group{background-color: transparent;width: 80%;margin: 0 auto;}
.order_view_group .list-group-item{background-color: transparent;}
.order_view_group .cart-list .card .card-body .card-title a{font-size: 30px;font-weight: 600;color: #616161;}
.order_view_group .card-title{margin-bottom: 10px;}
.order_view_group .product_txt2{color: #616161;}
.order_view_group .product_txt3{padding-bottom: 5px;margin-right: 5px !important;}
.order_view_group .status{align-items: center;}
.order_view_group .cart-list .card .card-body .card-text.view_price{font-size: 20px;color: #616161;margin-top: 30px;flex-direction: row;}
.order_view_group .product_txt4{color: #616161;}
.order_view_group h4.order_detail_table_tit{padding-bottom: 10px;color: #707070;margin-bottom: 15px;}
.shop .orderinquiryview .table th, .shop .orderinquiryview .table td{color: #616161;border: none;background-color: transparent;}
.order_view_group .table{border: none; }
.shop .orderinquiryview .table td{text-align: right;font-size: 19px;color: #616161;}
.shop .orderinquiryview .table tr{border-bottom: 1px solid #707070;}
.shop .orderinquiryview .total .list-group{margin-top: -50px; border: none;display: flex;flex-direction: column;gap: 10px;}
.order_view_group .list-group-item{display: flex;justify-content: space-between; color: #616161; border: none;border-bottom: 1px solid #707070;}
.order_view_group .list_item_tit{}
.order_view_group .list_item_cont{font-size: 19px;}
.order_view_group .cart-list .card i{padding-top: 10px;}
.order_view_group{}
.order_view_group{}

.cart_top_group{display: flex;justify-content: space-between;align-items: center;}
.all_check_btn_group{gap: 15px; display: flex;align-items: center;justify-content: center;}
.all_check_btn_group input[type="checkbox"]+label.lb1 {display: block;width: 28px;height: 28px;background: url('/img_jw/icon_cart_check_2.png') no-repeat 0 0px / contain;}
.all_check_btn_group input[type='checkbox']:checked+label.lb1 {background: url('/img_jw/icon_cart_check.png') no-repeat center center / contain;}
.all_check_btn_group input[type="checkbox"] {display: none}

.mb_img_group{display: flex;gap: 20px;width: max-content;}
.od_coupon .td_mngsmall button{ border:none; background-color: #1EB89E; color: #fff; border-radius: 3px;}

.member{padding-top: 100px;}
.member.member2{padding-top: 0;}
.row.g-5{flex-direction: column;}
#excel_download_enter{}

@media screen and (max-width:1250px) {
    .order .py-2{grid-template-columns: repeat(3,1fr);}
    .btn.btn-default{width:50%;}
    #sit_inf_explan p{max-width:90%; margin: 0 auto;text-align: left !important;}
    .scr_10{grid-template-columns: repeat(1,1fr);padding-left: 0;width: 90% !important;margin: 0 auto;}
    .row.uprow{flex-direction: column;gap: 5px;padding-top: 30px;padding-bottom: 30px;}
    .sit-info .itemuse .inner{margin-bottom: 10px;padding-bottom: 10px;}
    .sct .container .row{padding-bottom: 60px; grid-template-columns: repeat(3, 1fr);width: 80%;margin: 0 auto;}
    .breadcrumb{width: 90%;margin: 0 auto;margin-bottom: 30px;}
    .sct_ct .list-group{width: 90%; margin: 0 auto;margin-bottom: 20px;}
    #sct_ct_1 li a{font-size: 15px;line-height: 1.3;display: flex;align-items: center;gap: 3px;}
    #sct_ct_1 li{margin-right: 0;padding-right: 5px;}
    .sct_ct .list-group-item .badge{font-size: 11px;box-sizing: border-box;width: 15px;height: 15px;margin-top: 0;display: flex;align-items: center;justify-content: center;}

    .login_con{flex-direction: column;padding-bottom: 60px;}
    .half_line{display: none;}
    .login_bx{padding-bottom: 0;max-width: 500px;}
    #mb_login_notmb{max-width: 90%; margin: 0 auto;}
    .form-btns-group{flex: 1;}

    .card-inner{justify-content: center;}
    .card_image-box{width: 100%;max-width: 300px;}
    .card_image-box img{width: 100%;}

    .card_des_box{width: 100%;max-width: 300px;}
    .cart-list .card .card-body .card-text.card-text-price{margin-top: 20px;}

    .shop .order .cart-list .sod_ta_wr{width: 90%;margin: 0 auto;max-width: 400px;}
    .order_des_box{width: 90%;margin: 0 auto;max-width: 400px;}
    .shop .order.m .inner .form-group .btn-sm{height: 45px;}
    .shop .order .inner .form-control{width: 100%;}
    .order.m .btn.btn-outline.btn-sm{width: 100%;padding: 0 5px;height: 35px;}
    #od_coupon_cancel{width: 100%; font-size: 1rem;line-height: 1;padding: 0 5px;height: 35px;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 50px;background-color: #fff;border: 1px solid rgba(25, 25, 25, 0.5);}
    .input-group.arr-form-group{display: flex;flex-wrap: nowrap;}

    #sod_frm_pt{padding: 0;margin-top: 20px;}
    #sod_frm_paysel{grid-template-columns: repeat(2,1fr);}
    .shop .order .payment-method .btn-payment{padding: 5px;font-size: 14px;}

    #sod_frm_pay #od_coupon_frm{width: 100%;}
    .td_mngsmall button{border: 0;background: #D1D1D1;}

    .od_coupon td, #sod_frm_pay .od_coupon td{font-size: 13px;text-align: center;}

    #sod_frm_pay .od_coupon th{font-size: 14px;}
    #sod_frm_pay .od_coupon th:nth-child(1){width: 40%;}
    #sod_frm_pay .od_coupon th:nth-child(2){width: 30%;}
    #sod_frm_pay .od_coupon th:nth-child(3){width: 30%;}

    #display_pay_button{margin: 0 auto;max-width: 400px;}
    #display_pay_button .btn-outline{height: 45px;}

    .point-form-group .input-group{flex-wrap: nowrap;gap: 10px;align-items: center;}
    .shop .order .inner .point-form-group .form-control{width: unset;}
    .point-form-group .point-label{margin-top: 0;}
  

    .order_view_group .card_row{flex-direction: column;align-items: center;}
    .order_view_group .cart-list .card .card-body .card-title a{font-size: 20px;}
    .product_txt2{font-size: 15px;}
    .order_view_group .view_card_img{width: 100%;max-width: 300px;}
    .order_view_group .card_view_list_group{width: 100%;max-width: 300px;}
    .cart-list .card .image{max-width: 300px;}
    .cart-list .card .image img{width: 100%;}

    .product_txt4>div{gap: 10px;width: 48%;}
    .cat_list_group .cat_list_r_group4 .c_l_r_g4_b_t1{min-width: 75px;}
    .card_df{flex-direction: column;gap: 30px;width: 90%;margin: 0 auto;}
    .cart-list .card .col-4{width: 100%;}
    .cart_df{width: 100%;}
    .card_text_group{display: grid;grid-template-columns: repeat(2,1fr); gap: 5px;width: 100%;}
    .cart-list .card .cart_df_body{width: 100%;}
    .shop .order .order_inner{width: 90%;margin: 0 auto;}

    .shop .order .order_inner .form_bx.form_bx2{flex-direction: column;}
    .shop .order .order_inner .form_bx{flex-direction: column;gap: 10px;align-items: flex-start;}
    .order_tit{width: 250px;}
    .shop .order .order_inner .form-group>div .input-group .form-control.form-cn1{margin-left: 0 !important;}
    .shop .order .order_inner .form-group>div .input-group{align-items: center;}
    #sod_frm_pt{flex-direction: column;display: flex;}
    .shop .order .order_inner .form-group>div .input-group .form-control.form-cn1{max-width: 100px;margin-left: 10px !important;}
    .max_point_box.ms-4{margin-left: 0 !important;}
    #forderform #sod_frm_pt{padding-top: 15px;}
    .form-label{}
    .point_table_bx{font-size: 13px;text-align: center; display: flex !important;align-items: center;justify-content: center; max-width: 110px !important;}
  }
  @media screen and (max-width:1020px) {
    .sct .container .row{ grid-template-columns: repeat(2, 1fr);}

  }
@media screen and (max-width:750px) {
   
    #sod_frm_pay .list_bx{flex-direction: column}
    #sod_frm_pay .list_bx .list-group-item{ width: 100%; }
    .order .py-2{grid-template-columns: repeat(2,1fr);}
    .cust_price{font-size: 18px;}
    .real_price{font-size: 30px;}
    .sct .container .row{ grid-template-columns: repeat(1, 1fr);}
    .btn.btn-default{width: 50%;}
}
@media screen and (max-width:475px){
    #daum_juso_pageod_zip{top:35%;}
}

/* 이용약관 시작 */
.sc-privacy .c-grey{color: #8B8F9F;}
.sc-privacy .cont-wrap{margin-top: 100px;}
.sc-privacy .cont-wrap h4{font-family:'Pretendard';font-size: 20px;font-weight: 700;color: #000;margin-top: 70px;margin-bottom: 20px;}
.sc-privacy .cont-wrap p{font-family:'Pretendard';font-size: 16px;font-weight: 400;color: #000;line-height: 1.5;margin-top: 10px;}

.wrap-service .sc-privacy .cont-wrap{max-width: 560px;margin: 0 auto;margin-top: 100px;}

@media screen and (max-width: 800px) {
  .sc-privacy .cont-wrap{margin-top: 65px;}
  .wrap-service .sc-privacy .cont-wrap{margin-top: 65px;}
}
/* 이용약관 끝 */


/* 상품 상세 시작 */
#sit_inf_explan{height: 1000px;overflow: hidden;position: relative;}
#sit_inf_explan .sit_inf_explan_more{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding: 15px 0; width: 80%;font-family:'Pretendard';font-size: 16px;font-weight: 400;color: #000;display: flex;align-items: center;justify-content: center;border: 1px solid #000;background-color: #fff;cursor: pointer;}
#sit_inf_explan.show{height: inherit;}
#sit_inf_explan.show .sit_inf_explan_more{display: none;}

@media screen and (max-width: 1250px) {
  #sit_inf_explan{height: 500px;}
  #sit_inf_explan .sit_inf_explan_more{left: 0;width: 100%;transform: unset;}
}
/* 상품 상세 끝 */



/* common */
.common-inner {width: 1209px; margin: 0 auto;}
.common-tit {margin-top: 110px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.common-tit .desc {font-size: 20px; font-family: 'Albra-Semi'; margin-bottom: 0px;} 
.common-tit .title {font-size: 40px; font-weight: 700; }
.nav_new .common-tit  .title {font-size: 40px; font-weight: 700; margin-bottom: 30px;color: #fff;}
.nav_new{padding-top: 200px;position: relative;}
.nav_new .common-tit{padding-bottom: 150px;margin-top: 0;}

.event .nav_new{background: url(/img_jw/nav_new_bg.png)no-repeat center /cover;}
.event2 .nav_new{background: url(/img_jw/nav_new_bg.png)no-repeat center /cover;}
.faq_cont .nav_new{background: url(/img_jw/nav_new_bg2.png)no-repeat center /cover;}
.faq_cont{padding: 0;width: auto;max-width: none;}


/* sc-1 */
.cat_nav{display: flex;gap: 10px;align-items: center; border-bottom: 2px solid #707070; padding: 10px 0;}
.cat_nav1{cursor: pointer;display: flex;align-items: center;justify-content: center;}
.cat_nav1 img{width: 75px;}
.cat_nav2{cursor: pointer;font-weight: 500;font-size: 15px;}
.cat_nav_arr{}

.nav_new .cat_nav{border-bottom: none;margin-bottom: 0;color: #fff;}

.sc-top {margin-top: 0px;}
.sc-top .btn-flex {display: flex; gap: 30px; border-bottom: 1px solid #707070; padding: 20px 0; cursor: pointer;} 
.sc-top .btn-flex .btn {flex: 1; display: flex; height: 60px; justify-content: center; align-items: center; background-color: #BFBFBF; color: #fff; font-size: 21px;}
.sc-top .btn-flex .btn.on {background-color: #1EB89E;}
.sc-top .nav_new .btn-flex{border-bottom: none; margin-bottom: -1px;padding-bottom: 0;}
.sc-top .nav_new .btn-flex .btn{border: none; border-radius: 20px 20px 0 0;transition: 0.4s; background-color: #2264CA ;}
.sc-top .nav_new .btn-flex .btn.on {background-color: #fff ;}
.sc-top .nav_new .btn-flex .btn.on {color: #0C51B9 ;}
.sc-top .nav_new .btn-flex .btn:hover{background-color: #fff;color: #0C51B9;filter: none;}
.event .sc-top .nav_new .btn-flex .btn{border: none; border-radius: 20px 20px 0 0;transition: 0.4s; background-color: #2264CA ;}
.event .sc-top .nav_new .btn-flex .btn.on {background-color: #fff ;}
.event .sc-top .nav_new .btn-flex .btn.on {color: #0C51B9 ;}
.event .sc-top .nav_new .btn-flex .btn:hover{background-color: #fff;color: #0C51B9;filter: none;}
.faq_cont .btn-flex {display: flex; gap: 30px; border-bottom: 1px solid #707070; padding: 20px 0; cursor: pointer;} 
.faq_cont .btn-flex .btn {flex: 1; display: flex; height: 60px; justify-content: center; align-items: center; background-color: #BFBFBF; color: #fff; font-size: 21px;}
.faq_cont .btn-flex .btn.on {background-color: #1EB89E;}
.faq_cont .nav_new .btn-flex{border-bottom: none; margin-bottom: -1px;padding-bottom: 0;}
.faq_cont .nav_new .btn-flex .btn{border: none; border-radius: 20px 20px 0 0;transition: 0.4s; background-color: #2264CA !important;}
.faq_cont .nav_new .btn-flex .btn.on {background-color: #fff !important;}
.faq_cont .nav_new .btn-flex .btn.on {color: #0C51B9 !important;}
.faq_cont .nav_new .btn-flex .btn:hover{background-color: #fff !important;color: #0C51B9;filter: none;}

.search_group{display: flex;gap: 95px;}
.sc-faq{width: 1250px;margin: 0 auto;padding-top: 150px;}

.nav_new .flex-box{position: relative;padding: 0;}
.nav_new .flex-box .window{width: 586px;height: 60px;border-radius: 30px;}
.nav_new .flex-box .window input{color: #fff;text-align: center;  width: 100%;height: 100%;padding: 0;border: none;border-radius: 50px;background: #ffffff2f;}
.nav_new .flex-box .window input::placeholder{color: #ffffffad;}
.nav_new .flex-box button{position: absolute;right: 20px;top: 14px;padding: 0;background-color: transparent;border: none;}
.nav_new .fieldset , .nav_new form{}
.nav_new .search-area{background: transparent;border: none;position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);}
.content .nav_new .search-area{bottom: 20px;}
.content .sc-top .search-area{margin: 0;}
.sc-top .nav_new .search-area{}
.event2 .nav_new.mypage_nav{overflow: hidden;margin-top: 0;background-image: url(/img_jw/mypage_bg.png);}
.event2 .nav_new.mypage_nav{}
.sc-top .nav_new .btn-flex .btn{background-color: #08745E;color: #fff;}
.sc-top .nav_new .btn-flex .btn a{color: #fff;}
.sc-top .nav_new .btn-flex .btn:hover a{color: #08745E;}
.sc-top .nav_new .btn-flex .btn.on{}
.sc-top .nav_new .btn-flex .btn.on a{color: #08745E;}


.pagination .active .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{border-radius: 50%;}
.btn_confirm {text-align: right;}

.c_l_r_g4_b{position: relative;}
.card_on_img{width: 700px;border: 1px solid #000; display: none;position: absolute;z-index: 10; right: calc(100% + 30px);top: -150px;}
.card_x_btn{cursor: pointer; position: absolute;top: 10px;right: 10px;font-size: 18px;font-weight: 500;}
.card_on_img img{width: 100%;}
html.card_on .card_on_img{display: block;}
.privacy{max-width: 1250px ; margin: 0 auto;padding: 100px 0;}

.register_tit_n{padding-bottom: 0;}
.nm_ph_input_n{margin-bottom: 0 !important;}




.modal_new{box-shadow: 0 0 15px #00000047;display: none; background: #fff;z-index: 99999999999; position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 700px;}
.modal_new.on{display: block;}
.modal_new_con{padding: 30px 50px;}
.modal_new_radio_group .radio_group{display: flex;flex-direction: column;gap: 30px;}
.radio_group .radio_bx{display: flex;gap: 10px;}
.radio_group label{font-size: 20px;}
.radio_group{}

.modal_new_btn{margin-top: 30px;justify-content: center;display: flex;gap: 10px;}
.modal_new_btn input{border: 1px  solid #000;border-radius: 20px;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;width: 100px;background-color: transparent;height: 40px;}
.modal_new_btn .m_n_x_btn{}
.modal_new_btn .m_n_submit{background-color: #5B5B5B;border: none;color: #fff;}

.member_chk_btn{display: flex;justify-content: center;margin-top: 30px;}
.member_chk_btn input{border: 1px solid #000;border-radius: 50px;background-color: transparent;width: 260px;height: 57px;border-radius: 8px;}
.row.g-3{margin-bottom: 10px;}
.on_bx{height: 0;overflow: hidden;}
.on_bx.on{height: auto;}
#chk_customer_auth{width: max-content; padding: 10px 25px; border-radius: 50px;background-color: #5B5B5B;display: flex;color: #fff;margin: 0 auto;border: none;margin-top: 10px;}

#existingPointBtn{font-size: 20px;font-weight: 500; margin: 0 auto;border: 1px solid #000;width: 300px;height: 45px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;border-radius: 50px;margin-bottom: 50px;}
#pointsTable{margin-top: 30px;}
#pointsTable tr{height: 50px;}
#pointsTable th{text-align: center;font-size: 18px;}
#pointsTable td{text-align: center;font-size: 18px;}
#closeModalBtn{border: 1px solid #222;width: 100%;max-width: 250px; margin: 0 auto;height: 45px; margin-top: 30px;border-radius: 50px;}

.couponzone_list{width: 100%;padding-top: 50px;}
.coupon_btn{}
.coupon_btn .btn.btn-default{width: max-content;padding: 10px 20px;}
.couponzone_list ul li .coupon_img img{object-fit: cover;width: 100%;aspect-ratio: 1/1;}
.couponzone_list ul{padding-top: 30px;}
.couponzone_list ul li .coupon_tit{text-align: left; position: relative;transform: none;top: auto;left: auto;padding: 20px 0 20px 5%;}
.couponzone_list ul li .coupon_img{height: auto;}
@media screen and (max-width:1250px) {
    .couponzone_list{width: 90%;margin: 0 auto;}
    .couponzone_list p{line-height: 1.5;padding-bottom: 0px;}

    .privacy{max-width: 500px ;width: 90%; margin: 0 auto;padding: 60px 0;}

    .card_on_img{width: 100%;top: 0;left: 0;}
    .card_x_btn{}
    .nav_new .btn-flex{gap: 10px;}
    .nav_new .btn-flex .btn{height: 60px !important;font-size: 16px;}
    .nav_new{padding-top: 30px;}
    .nav_new .common-tit{padding-top: 200px;}
    .sc-event .event-list{padding-top: 30px;width: 90%;margin: 0 auto;}
    
    .vip-cont.faq_cont{width: 100%;}
    #pointsTable th{text-align: center;font-size: 12px;}
    #pointsTable td{text-align: center;font-size: 12px;}
    #closeModalBtn{max-width: 100px;height: 30px; font-size: 12px;}

    .sc-faq{padding-top: 50px;width: auto;max-width: 90%;margin: 0 auto;}
    .faq_cont .sc-faq .faq-list-wrap .cat{display: none;}
    .faq_cont .sc-faq .faq-list-box .flex-box{padding: 0 10%; align-items: center;justify-content: center;}
    .faq_cont .sc-faq .faq-list-wrap i{top: 50%;bottom: auto;transform: translateY(-50%) rotate(180deg);}
    .sc-faq .faq-list-wrap .ui-accordion-header-active i{transform: translateY(-50%) rotate(0);}
    .sc-faq .faq-answer::after{width: 10px;}
    .faq_cont .sc-faq .faq-answer{display: flex;align-items: center;gap: 10px;padding-left: 20px;}

    .nav_new .flex-box .window{width: 315px;}

    .event .nav_new{background: url(/img_jw/nav_new_bg_m.png)no-repeat center /cover;}
    .event2 .nav_new{background: url(/img_jw/nav_new_bg_m.png)no-repeat center /cover;}
    .faq_cont .nav_new{background-image: url(/img_jw/nav_new_bg2_m.png);}
    .sc-notice-sub{width: 90%;margin: 0 auto;}
    .sc-notice-sub .notice-sub-title-con{display: flex;}

    .notice_cont.sc-top .btn-flex{gap: 0px;}
    .sc-notice.container{width: 90%;margin: 0 auto;}
    .sc-notice.container .tap-list{border-bottom: none;padding: 0;}
    .sc-notice .notice-tit-box p{padding: 0 10px;width: auto;}
    .pagination .page-item{}
    .pagination .page-link{aspect-ratio: 1/1;}
    .sc-top .nav_new .btn-flex{gap: 0px;}
    .mypage_cont{width: 90%;margin: 0 auto;padding-top: 50px !important;}

    .form-control.addclass{margin-top: 10px;}
    #show_pay_btn{width: 50%;}
    
}