/********************************************** main **********************************************/
/* main visual */
.main__visual.swiper{width: 100%; height: 350px;}
.main__visual .swiper-wrapper{width: 100%; height: 350px;}
.main__visual .swiper-slide{position:relative; width: 100%; height: 350px; box-sizing:border-box; overflow:hidden;}
.main__visual .swiper-slide > img{position:absolute; left:50%; transform:translateX(-50%);}
.main__visual .swiper-pagination{bottom:1rem;}
.main__visual .swiper-pagination-bullet{width:8px; height: 8px; border-radius:8px; margin:0 3px!important; transition:width .3s;}
.main__visual .swiper-pagination-bullet-active{width:24px;}



/* .main__contents */
.main__contents{padding:4rem 0;}
.main__contents section + section{margin:4rem 0 0;}
.main__contents h3{line-height:30px; font-size: 1.25rem; font-weight: 500;}


a.more{position:absolute; right: 0; top: 0; display: flex; align-items:center; justify-content: space-between; gap:10px; height: 30px; padding:0 15px; font-size: 0.75rem; background:#fff; border-radius:1.8rem; box-shadow:0px 4px 6px 0 rgba(0,0,0,0.1); transition:all .3s;}
a.more::after{content:''; display:inline-block; width:9px; height: 9px; background:url(../images/icon/more.png) 0 0 no-repeat;}
a.more:hover{color:#03c7ff;}



/* PIN 구매상품 */
.main__pin_mall{position:relative;}
.main__pin_mall_item{margin: 0 -1rem 0; padding: 2rem 1rem .5rem;}
.main__pin_mall .swiper-button-next,
.main__pin_mall .swiper-button-prev{color:#145e7d; margin-top: 0;}
.main__pin_mall .swiper-button-next{right:-50px;}
.main__pin_mall .swiper-button-prev{left:-50px;}


/* 서비스소개 */
.main__about div{line-height:350px; text-align:center; background:#e5e5e5; margin:1.25rem 0 0;}








/********************************************** popup **********************************************/
@keyframes popupload {
    0%{opacity:0; transform:translate(-50%, -60%)}
    100%{opacity:1; transform:translate(-50%, -50%)}
}

.popup{display:none;}
.popup::after{content:''; position:fixed; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99;}
.popup .popup_wrap{position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; padding:35px; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,0.5); box-sizing:border-box; z-index:100; animation:popupload 1 .5s ease-out;}

.popup .popup_wrap-ttl{text-align:center;}
.popup .popup_wrap-ttl strong{display:block; font-size:22px; font-weight:500;}
.popup .popup_wrap-ttl span{display:block; font-size:14px; margin:10px 0 0;}
.popup .popup_wrap-body{margin:30px 0 0;}




/* 로그인 -  인증번호 팝업 */
.popup__login_certify{display:none; text-align:center;}
.popup__login_certify .popup_wrap-body{margin:40px 0 0;}
.popup__login_certify .time{font-size:0.75rem; margin:30px 0 0;}
.popup__login_certify .button__wrap{margin:30px 0 0;}
.popup__login_certify .btn__certy_resend{display:inline-block; font-size:0.875rem; margin:2rem 0 0; border-bottom:1px solid #145e7d;}


/* PIN 전송 - PIN 보내기 - 친구 목록 보기 */
.popup__pin_send-friend{display:none;}
.popup__pin_send-friend .popup_wrap{width:400px; height: 574px; padding:20px;}
.popup__pin_send-friend .popup_wrap-body{margin:0;}
.popup__pin_send-friend .content_graybox{height:400px; overflow:hidden;}
    /* scroll */
.popup__pin_send-friend .mCS_no_scrollbar_y .pin__list,
.popup__pin_send-friend .mCS_no_scrollbar_y .friend__list{padding:10px;}
.popup__pin_send-friend .pin__list,
.popup__pin_send-friend .friend__list{padding:10px; padding-right:15px; margin:0 -9px;}
    /* tab design */
    .popup__pin_send-friend .tab_nav_line{margin:0 -20px;}
    .popup__pin_send-friend .tab_conts{margin:1rem 0 0;}
    .popup__pin_send-friend .button__wrap{margin-top:20px;}
    /* 친구/그룹 */
    .popup__pin_send-friend #add_friend_group .form__wrap input{background:url(../images/icon/search.png) 15px 50% no-repeat; padding-left:50px;}
    .popup__pin_send-friend #add_friend_group .form__wrap + .checkbox{margin:20px 0 0;}
    .popup__pin_send-friend #add_friend_group .content_graybox{margin:10px 0 0; height:304px;}


/* PIN전송 - PIN 보내기 - 비밀번호 입력 */
.popup__pin_send-certify{display:none;}
.popup__pin_send-certify .popup_wrap{width:360px; height: 330px;}
.popup__pin_send-certify .popup_wrap-body{margin:0;}
.popup__pin_send-certify .pin__total .total{font-size:15px; font-weight:normal;}
.popup__pin_send-certify .popup_wrap-body > strong{display:block; text-align:center; margin:50px 0 0;}
.popup__pin_send-certify .form_certify{margin:20px 0 0;}
.popup__pin_send-certify .button__wrap{margin:40px 0 0;}

/* PIN전송 - PIN 보내기 - 비밀번호 입력 - 성공 */
.popup__pin_send-success{display:none;}
.popup__pin_send-success .popup_wrap {width:360px; height:410px;}
.popup__pin_send-success .popup_wrap-body{text-align:center;}
.popup__pin_send-success .pin__total{margin:30px 0;}
.popup__pin_send-success .pin__total dl{flex-direction: column;}
.popup__pin_send-success .pin__total dl dt{flex:1 1 auto;}

/* PIN전송 - PIN 받기 요청- 성공 */
.popup__pin_recieve-success{display:none;}
.popup__pin_recieve-success .popup_wrap {width:360px; height:410px;}
.popup__pin_recieve-success .popup_wrap-body{text-align:center;}
.popup__pin_recieve-success .pin__total{margin:30px 0;}
.popup__pin_recieve-success .pin__total dl{flex-direction: column;}
.popup__pin_recieve-success .pin__total dl dt{flex:1 1 auto;}



/* PIN충전 - 충전신청 완료 */
.popup__charge-success{display:none;}
.popup__charge-success .popup_wrap{width:360px; height:480px;}
.popup__charge-success .popup_wrap-body{text-align:center;}
.popup__charge-success .popup_wrap-body > strong{display:block; margin:30px 0 0;}
.popup__charge-success .pin__total{margin:30px 0;}
.popup__charge-success .pin__total dl{flex-direction: column;}
.popup__charge-success .pin__total dl dt{flex:1 1 auto;}

/* PIN충전 - 환불신청 - 비밀번호 입력 */
.popup__refund-certify{display:none;}
.popup__refund-certify .popup_wrap{width:360px; height: 350px;}
.popup__refund-certify .popup_wrap-body{margin:0;}
.popup__refund-certify .pin__total{font-size:15px;}
.popup__refund-certify .pin__total dl{flex:1 1 90px}
.popup__refund-certify .pin__total dd{flex:1 1 calc(100% - 90px); font-size:15px;}
.popup__refund-certify .pin__total .total{font-weight:bold;}

.popup__refund-certify .popup_wrap-body > strong{display:block; text-align:center; margin:50px 0 0;}
.popup__refund-certify .form_certify{margin:20px 0 0;}
.popup__refund-certify .button__wrap{margin:40px 0 0;}

/* PIN충전 - 환불신청 완료 */
.popup__refund-success{display:none;}
.popup__refund-success .popup_wrap{width:360px; height:450px;}
.popup__refund-success .popup_wrap-body{text-align:center;}
.popup__refund-success .popup_wrap-body > strong{display:block; margin:30px 0 0;}
.popup__refund-success .pin__total{margin:30px 0;}
.popup__refund-success .pin__total dl{flex-direction: column;}




/* 마이페이지 - 친구/그룹 관리 - 친구 별명 수정 팝업 */
.popup__friend-nickname_modify{display:none;}
.popup__friend-nickname_modify .popup_wrap{width:360px;}
.popup__friend-nickname_modify .button__wrap{margin-top:40px;}

/* 마이페이지 - 친구/그룹 관리 - 친구추가 팝업 */
.popup__friend-add{display:none;}
.popup__friend-add .popup_wrap{width:360px;}
.popup__friend-add .button__wrap{margin-top:40px;}

/* 마이페이지 - 친구/그룹 관리 - 그룹 수정 팝업 */
.popup__group-nickname_modify{display:none;}
.popup__group-nickname_modify .popup_wrap{width:400px; height:580px;}
.popup__group-nickname_modify .content_graybox{height:200px; padding:0; margin:20px 0 0;}
.popup__group-nickname_modify .content_graybox .friend__list{padding:10px;}
.popup__group-nickname_modify .userid{padding-right:0;}
.popup__group-nickname_modify .btn__modify-addmember{margin:10px 0 0;}
.popup__group-nickname_modify .button__wrap{margin-top:40px;}

/* 마이페이지 - 친구/그룹 관리 - 그룹 수정 팝업 - 멤버추가 */
.popup__group-addmember{display:none;}
.popup__group-addmember .popup_wrap{width:360px; height: 370px;}
.popup__group-addmember .content_graybox{margin:20px 0 0;}
.popup__group-addmember .content_graybox .friend__list .no_content{padding:15px 0;}
.popup__group-addmember .button__wrap{margin-top:40px;}

/* 마이페이지 - 친구/그룹 관리 - 그룹등록 팝업 */
.popup__group-add{display:none;}
.popup__group-add .popup_wrap{width:400px; height: 580px;}
.popup__group-add .content_graybox{height:200px; margin:20px 0 0; padding: 0;}
.popup__group-add .content_graybox .friend__list{padding:10px;}

.popup__group-add .userid{padding-right:0;}
.popup__group-add .btn__modify-addmember{margin:10px 0 0;}
.popup__group-add .button__wrap{margin-top:40px;}

/* 마이페이지 - 친구/그룹 관리 - 그룹등록 팝업 - 멤버추가 */
.popup__group-add-addmember{display:none;}
.popup__group-add-addmember .popup_wrap{width:360px; height: 370px;}
.popup__group-add-addmember .content_graybox{margin:20px 0 0;}
.popup__group-add-addmember .content_graybox .friend__list .no_content{padding:15px 0;}
.popup__group-add-addmember .button__wrap{margin-top:40px;}

/* 쪽지함 - 쪽지쓰기 - 멤버추가 */
.popup__message-addmember{display:none;}
.popup__message-addmember .popup_wrap{width:360px; height: 370px;}
.popup__message-addmember .content_graybox{margin:20px 0 0;}
.popup__message-addmember .content_graybox .friend__list .no_content{padding:15px 0;}
.popup__message-addmember .button__wrap{margin-top:40px;}





    











/********************************************** sub **********************************************/
@keyframes sub__ttl {
    0%{opacity: 0; transform:translateY(-30px)}
    100%{opacity: 1; transform:translateY(0)}
}
.sub__contents{min-height:calc(100vh - 220px); margin-top: 80px; padding-bottom:70px; box-sizing:border-box;}
.sub__ttl{display:flex; align-items:center; justify-content: center; height:135px; background:#fff;}
.sub__ttl h3{font-size:1.75rem; animation:sub__ttl 1 .5s}





/********************************************** login, secession **********************************************/
.login_wrap{width:300px; margin:0 auto; padding: 70px 0 0;}
.sub__contents.login__flex{display:flex; align-items:center;}

.login_wrap__ttl{font-size:22px; line-height: 1.3;}
.login_wrap__ttl::before{content:''; display:block; width:67px; height: 78px; background:url(../images/common/login-logo.png) 0 0 no-repeat;}
.login_wrap__ttl strong{display:inline-block; font-weight: 500; margin:25px 0 0;}
.login_wrap__ttl p{font-size: 14px; padding:15px 0 0;}
.login_wrap__body{margin:40px 0 0;}

.login__form{display:flex; flex-direction: column; gap: 10px;}
.login__form-input{position:relative;}
.login__form-input label{position:absolute; left:10px; top:0; display:block; width:40px; height: 50px; text-indent:-9999px; overflow: hidden; font-size: 0;}
.login__form-input label[for='userId']{background:url(../images/icon/icon-id.png) 50% 40% no-repeat;}
.login__form-input label[for='password']{background:url(../images/icon/icon-pwd.png) 50% 40% no-repeat;}
.login__form-input input{width:100%; padding-left:55px;}

.login__form-check{display:flex; align-items: center; justify-content: space-between; margin:20px;}
.login__form-btn{margin:40px 0 0;}





/********************************************** change password **********************************************/
.changepw__wrap{width:320px; margin:0 auto; padding: 110px 0 0; text-align:center;}
.changepw__ttl{font-size:1.25rem; line-height: 1.2;}
.changepw__ttl strong{font-weight: 500;}
.changepw__wrap .content_box{padding:40px 30px;}
.changepw__box{margin:2.5rem 0 0; background:#fff; border-radius:20px; box-shadow:0px 4px 6px 0 rgba(0,0,0,0.1);}
.changepw__ttl_sub{font-weight:500;}
.changepw_form{margin:2rem 0 0;}
.changepw__input{position:relative;}
.changepw__input input{width:100%;}
.changepw__input .certify_time{position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:0.75rem;}
.changepw_form .button__wrap{margin:10px 0 0;}
.changepw_form .button__wrap + .changepw__input{margin:2.8rem 0 0;}






/********************************************** join **********************************************/
.join__wrap{width:360px; margin:0 auto; padding:80px 0 0; font-size:.875rem;}
.join__ttl{text-align:center;}
.join__ttl strong{display:block; font-size:1.25rem; font-weight: 500;}
.join__ttl span{display:block; font-size:.875rem; padding:10px 0 0; line-height:1.4;}
.join__ttl_sub{font-weight:500; text-align:center; font-size:1rem;}
.join__box{padding:25px; margin:35px 0 0; background:#fff; border-radius:20px; box-shadow:0px 4px 6px 0 rgba(0,0,0,0.1);}
.join__wrap .button__wrap{margin-top:40px;}


    /* 약관 */
    .join_terms{height:350px; font-size:.75rem; line-height:1.4; overflow-y:scroll;}

    /* 환불계좌인증 - 환불계좌정보 */
    .refund__account{color:#02ccee; text-align:center; padding:0 0 30px; font-size:1.35rem; border-bottom:1px solid #eee;}

    /* 인증 성공, 실패 안내 */
    .join__status_notice{display:flex; flex-direction:column; align-items:center; text-align:center; gap:20px; line-height:1.6; padding:20px 0;}

    /* 가입완료 */
    .signup__complate__wrap{background:url(../images/common/img-deco.png) right 50px no-repeat;}
    .join_welcome_message{font-size:.875rem;}
    .signup_complate{gap:1.5rem;}
    .signup_complate label{font-size:0.75rem; font-weight:normal;}
    .signup_complate input[type="text"],
    .signup_complate input[type="password"],
    .signup_complate input[type="tel"],
    .signup_complate input[type="number"]{border:initial; border-bottom:1px solid rgba(78, 121, 139, 0.7); background:initial; border-radius:initial; padding:initial; color:#02ccee; font-size:1rem; font-weight:500;}
    .signup_complate input[type="password"]{color:#c2d3da;}
    .signup_complate .input__label{gap:0;}

    .eyes{position:absolute; right:0; bottom:0; width:42px; height: 42px; background:url(../images/icon/icon-unvisible.png) 50% 50% no-repeat;}
    .eyes.active{background-image:url(../images/icon/icon-visible.png);}
    







/********************************************** pin전송 **********************************************/
.pin__wrap{display:flex; flex-wrap:wrap; align-items:stretch; justify-content: space-between; gap:0 50px; padding:20px 0 0;}
.pin__wrap h3{font-weight:500;}
.pin__wrap .path{width:100%;}

.pin__left{flex:0 0 300px; display:flex; flex-direction:column; gap:35px;}
.pin__left .lnb__tab{width:200px;}
.pin__left .latest_list{position:relative;}
.pin__left .latest_list h3{margin-bottom:15px;}
.pin__left .latest_list .more{height:20px; font-size:10px; padding:0 10px; gap:5px;}
.pin__left .latest_list .content_box{padding:6px;}
.pin__left .latest_list .table--basic th,
.pin__left .latest_list .table--basic td{padding:10px 0;}
.pin__left .latest_list .table--basic small{display:block; opacity: .7; font-size:11px;}

.pin__right{flex:1 0 750px; padding:30px 20px 20px 30px; margin:80px 0 0; display:flex; align-items:stretch; justify-content: space-between; gap:30px; overflow: hidden;}
.pin__right form{width:100%; display:flex; gap:30px;}

.pin__right .pin_selected_func{flex:1 1 390px; display:flex; flex-direction:column; align-items: stretch; justify-content: space-between;}
.pin__right .pin_selected_func .input__label label{font-size:16px; font-weight:500;}
.pin__right .pin_selected_func .input__label input{width: 300px;}
.pin__right .pin_selected_func .input__label .icon--remove{position:absolute; right:120px;}
/* .pin__right .pin_selected_func .input__label .hasbtn input{flex:1 1 300px;}
.pin__right .pin_selected_func .input__label .hasbtn a{flex:1 0 100px; font-size:13px;} */
.pin__right .pin_selected_func .pin__total{border-top:1px solid #eee; padding: 20px 0 0 35%;}
.pin__right .pin_selected_func .pin__total dl{padding:0 10px;}
.pin__right .pin_selected_func .pin__total .button__wrap{margin-top:20px;}
.pin__right .pin_selected_list{flex:0 0 280px; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:10px; overflow:hidden;}
.pin__right .pin_selected_list h3{flex:0 0 1%;}
.pin__right .pin_selected_list .content_graybox{flex:1 1 380px; overflow:hidden;}
.pin__right .pin_selected_list .mCS_no_scrollbar_y .friend__list{padding:0 10px;}
.pin__right .pin_selected_list .friend__list{padding:0 10px; padding-right:15px; margin:0 -10px;}









/********************************************** charge **********************************************/
.charge__wrap{display:flex; flex-wrap:wrap; align-items:stretch; justify-content: space-between; gap:0 50px; padding:20px 0 0;}
.charge__wrap h3{font-weight:500;}
.charge__wrap .path{width:100%;}
.charge__left{flex:0 0 300px; display:flex; flex-direction:column; gap:35px;}
.charge__left .lnb__tab{width:200px;}
.charge__left .latest_list{position:relative;}
.charge__left .latest_list h3{margin-bottom:15px;}
.charge__left .latest_list .more{height:20px; font-size:10px; padding:0 10px; gap:5px;}
.charge__left .latest_list .content_box{padding:6px;}
.charge__left .latest_list .table--basic th,
.charge__left .latest_list .table--basic td{padding:10px 0;}
.charge__left .latest_list .table--basic small{display:block; opacity: .7; font-size:11px;}
.charge__right{flex:1 1 750px; padding:30px 20px 20px 30px; margin:80px 0 0; display:flex; align-items:stretch; justify-content: space-between; gap:30px; overflow: hidden;}
.charge__right form{width:100%; display:flex; gap:30px;}

.charge__right .pin_charge_func{flex:1 1 390px; display:flex; flex-direction:column; align-items: stretch; justify-content: space-between;}
.charge__right .pin_charge_func .input__label label{font-size:16px; font-weight:500;}
.charge__right .pin_charge_func .input__label input{width: 300px;}
/* .charge__right .pin_charge_func .input__label .hasbtn input{flex:1 1 300px;}
.charge__right .pin_charge_func .input__label .hasbtn a{flex:1 0 100px; font-size:13px;} */
.charge__right .pin_charge_func .validation_wrap{margin-top:auto; padding-top:20px;}
.charge__right .pin_charge_func .pin__total{position:relative; border-top:1px solid #eee; padding: 20px 0 0 35%; margin-top:20px;}
/* .charge__right .pin_charge_func .pin__total .validation{position:absolute; left:0; top:-25px;} */
.charge__right .pin_charge_func .pin__total dl{padding:0 10px;}
.charge__right .pin_charge_func .pin__total .button__wrap{margin-top:20px;}

.charge__right .pin_charge_list{flex:0 0 280px; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:10px; overflow:hidden;}
.charge__right .pin_charge_list h3{flex:0 0 1%;}
.charge__right .pin_charge_list .content_graybox{flex:1 1 380px; overflow:hidden;}













/********************************************** shop main **********************************************/
.shop_brand__wrap{padding:50px 0;}
.shop_brand__wrap.container{width:1280px}


/* search */
.shop_search_area{width:450px; margin:0 auto 50px;}
.shop_search_area .form__wrap input[type="text"].single_search{height:56px; font-size:17px; background-position: 20px 50%; padding:0 56px;}
.shop_search_area .has-remove .btn__value-remove{width:56px; height: 56px;}


.shop_filter_area{padding:0; overflow: hidden;}
.shop_filter_area .cnt{font-size:12px; color:#bbb; font-weight:500; display:inline-block; padding-left:5px;}
.shop_filter_area .cnt::before{content:"(";}
.shop_filter_area .cnt::after{content:")";}

/* category tab */
.brand_category_tab{display:flex; align-items:center; justify-content: space-between; background:#fff; margin:0 -1px;}
.brand_category_tab li{flex:1 1 34%;}
.brand_category_tab li a{display:block; text-align:center; font-size:0.75rem; padding:15px 0; border-bottom:1px solid #08e4a8; transition:background .3s}
.brand_category_tab li a:hover{background-color:rgba(0,198,255, .1);}
.brand_category_tab li a:before{content:''; display:block; height:45px; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 80%; margin-bottom:10px;}
/* icon */
.brand_category_tab li:nth-child(1) a:before{background-image:url(/assets/images/shop/icon-all.png);}
.brand_category_tab li:nth-child(2) a:before{background-image:url(/assets/images/shop/icon-culture.png);}
.brand_category_tab li:nth-child(3) a:before{background-image:url(/assets/images/shop/icon-beauty.png);}
.brand_category_tab li:nth-child(4) a:before{background-image:url(/assets/images/shop/icon-bakery.png);}
.brand_category_tab li:nth-child(5) a:before{background-image:url(/assets/images/shop/icon-game.png);}
.brand_category_tab li:nth-child(6) a:before{background-image:url(/assets/images/shop/icon-icecream.png);}
.brand_category_tab li:nth-child(7) a:before{background-image:url(/assets/images/shop/icon-restaurant.png);}
.brand_category_tab li:nth-child(8) a:before{background-image:url(/assets/images/shop/icon-coffee.png);}
.brand_category_tab li:nth-child(9) a:before{background-image:url(/assets/images/shop/icon-fastfood.png);}
.brand_category_tab li:nth-child(10) a:before{background-image:url(/assets/images/shop/icon-store.png);}
.brand_category_tab li:nth-child(11) a:before{background-image:url(/assets/images/shop/icon-pizza.png);}
    /* active */
.brand_category_tab li.active a{background:linear-gradient(180deg, #00c6ff 0%, #08e4a8 100%); font-weight:500; color:#fff;}
.brand_category_tab li.active .cnt{color:#fff;}
.brand_category_tab li.active:nth-child(1) a:before{background-image:url(/assets/images/shop/icon-all-active.png);}
.brand_category_tab li.active:nth-child(2) a:before{background-image:url(/assets/images/shop/icon-culture-active.png);}
.brand_category_tab li.active:nth-child(3) a:before{background-image:url(/assets/images/shop/icon-beauty-active.png);}
.brand_category_tab li.active:nth-child(4) a:before{background-image:url(/assets/images/shop/icon-bakery-active.png);}
.brand_category_tab li.active:nth-child(5) a:before{background-image:url(/assets/images/shop/icon-game-active.png);}
.brand_category_tab li.active:nth-child(6) a:before{background-image:url(/assets/images/shop/icon-icecream-active.png);}
.brand_category_tab li.active:nth-child(7) a:before{background-image:url(/assets/images/shop/icon-restaurant-active.png);}
.brand_category_tab li.active:nth-child(8) a:before{background-image:url(/assets/images/shop/icon-coffee-active.png);}
.brand_category_tab li.active:nth-child(9) a:before{background-image:url(/assets/images/shop/icon-fastfood-active.png);}
.brand_category_tab li.active:nth-child(10) a:before{background-image:url(/assets/images/shop/icon-store-active.png);}
.brand_category_tab li.active:nth-child(11) a:before{background-image:url(/assets/images/shop/icon-pizza-active.png);}

/* brand list */
.brand__list-wrap{height:220px; padding:10px; overflow: hidden;}
.brand__list-wrap .brand__item{cursor: pointer;}
.brand__list-wrap .brand__item .photo{filter:grayscale(1); opacity: .4;}
.brand__list-wrap .brand__item:hover .photo{filter:grayscale(0); opacity: 1;}

/* prdlist */
.shop_prdlist_area{margin:50px 0 0;}
.shop_prdlist_area .prdlist_top{}
.shop_prdlist_area .prdlist_top span{}
.shop_prdlist_area .prdlist_top span b{color:#00c6ff; font-weight:500;}
.shop_prdlist_area .prd__list{margin:20px 0 0;}
.shop_prdlist_area .pagination{margin:3rem 0 0;}






/* shop_main */
/* .shop_main__wrap{padding:50px 0;}
.shop_main__wrap h3{line-height:30px; font-size:1.25rem; font-weight:500; margin-bottom:1rem;}
.shop_main__wrap h3:nth-of-type(2){margin-top:4rem;}
.shop_main__wrap a.more{height: 41px; gap:20px; padding:0 20px;} */

    /* prdlist */
/* .shop_main__wrap .best__prd_tab{width:420px;}
.shop_main__wrap .prd_brand__tab{width:100%;} */
/* .shop_main__wrap .prd__list{display:flex; flex-wrap:wrap; gap:20px;} */
/* .shop_main__wrap .prd__item{width:calc(20% - 16px);} */

    /* brand */
/* .brand__wrap .tab_conts__item{position:relative;}
.brand__wrap .tab_conts__item .swiper{margin: -0.5rem -1rem; padding: 0.5rem 1rem;}
.brand__wrap .tab_conts__item .swiper.brand__swiper_noloop .swiper-wrapper{justify-content: center; transform:initial;}
.brand__wrap .tab_conts__item .swiper-button-next,
.brand__wrap .tab_conts__item .swiper-button-prev{color:#145e7d;}
.brand__wrap .tab_conts__item .swiper-button-next{right:-50px;}
.brand__wrap .tab_conts__item .swiper-button-prev{left:-50px;} */





/********************************************** shop brand **********************************************/






/* 카테고리 */
/* .shop_brand__wrap .shop_category{float:left; width: 270px;}
.shop_category section{padding-bottom:20px;}
.shop_category section + section{border-top:1px solid #ccc; padding-top:20px;}
.shop_category section .category_ttl{position:relative;}
.shop_category section .category_ttl h3{font-weight:700; height:65px; line-height:65px; padding-right:30px;}
.shop_category section .category_ttl a.btn_open{position:absolute; right: 0; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:url(../images/icon/category-open.svg) 50% 50% no-repeat; background-size:15px auto; font-size:0; text-indent:-9999px; transition:all .3s; overflow: hidden;}
.shop_category section .category_ttl a.btn_open.close{transform:rotate(-180deg);}
.shop_category section .category{padding:15px 0;}
.shop_category section .category li{}
.shop_category section .category li a{display: block; padding:10px 0; font-weight: 500; transition:all .3s; opacity: .6;}
.shop_category section .category li a:hover{opacity: 1;}
.shop_category section .category li.active a{opacity: 1; color:#08d9a0;}
.shop_category section .brand_search{}
.shop_category section .brand_search #srch_brand_val{width:100%; padding:10px 40px 10px 10px; border:1px solid rgba(78, 121, 139, 0.7); box-sizing:border-box; background:url(../images/icon/search.png) right 10px top 50% no-repeat #fff;}
.shop_category section .brand_list{height:370px; overflow-y:scroll; padding:20px 0;}
.shop_category section .brand_list li a{display: block; padding:10px 0; font-weight: 500; transition:all .3s; opacity: .6;}
.shop_category section .brand_list li a:hover{opacity: 1;}
.shop_category section .brand_list li.active a{opacity: 1; color:#08d9a0;} */


/* 상품리스트 */
/* .shop_brand__wrap .shop_prdlist{float:right; width:950px;}
.shop_brand__wrap .shop_prdlist .info{height:65px; display:flex; align-items:center; justify-content: space-between; margin-bottom:20px;}
.shop_brand__wrap .shop_prdlist .info h3{}
.shop_brand__wrap .shop_prdlist .info .form_search{width:350px;}
.shop_brand__wrap .shop_prdlist .prd__item{width:calc(25% - 15px);} */





/* .shop_brand__wrap .ttl_area{display:flex; align-items:center; justify-content: space-between; margin-bottom:1rem;}
.shop_brand__wrap .ttl_area h3{}
.shop_brand__wrap .ttl_area form{}
.shop_brand__wrap .ttl_area form input{width:300px;} */






/********************************************** shop list **********************************************/
.shop_list__wrap{padding:50px 0;}
.shop_list__wrap h3{line-height:30px; font-size:1.25rem; font-weight:500; margin-bottom:1rem;}

.shop_list__wrap .prdlist__wrap .pagination{margin-top:3rem}


/********************************************** shop view **********************************************/
.prd_view__wrap{width:950px;  padding:50px 0;}
.prd_view__head{display:flex; align-items:center; justify-content: space-between; gap:60px; padding:40px; background:#fff; border-radius:10px; box-shadow:0 4px 6px rgba(0,0,0,0.15);}
.prd_view__head .prd_view__prd_img{flex: 0 0 450px; border-radius:10px; overflow:hidden;}
.prd_view__head .prd_view__prd_img img{width: 100%;}
.prd_view__head .prd_view__prd_info{flex:1 1 50%;}
.prd_view__head .prd_view__prd_info .brand_name{display:block; color:#bbb; font-weight:500;}
.prd_view__head .prd_view__prd_info .prd_name{display:block; font-size:1.25rem; font-weight:500; color:#333; padding:10px 0 0;}
.prd_view__head .prd_view__prd_info .price{margin:1rem 0 0;}
.prd_view__head .prd_view__prd_info .price .pin{font-size:2rem; font-weight:700; background-size:20px auto; padding-left:30px;}
.prd_view__head .prd_view__prd_info dl{display:flex; flex-wrap:wrap; justify-content: space-between; gap:15px; margin:1.5rem 0; padding:1.5rem 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.prd_view__head .prd_view__prd_info dl dt,
.prd_view__head .prd_view__prd_info dl dd{font-size:.875rem;}
.prd_view__head .prd_view__prd_info dl dt{flex:0 0 20%; color:#bbb;}
.prd_view__head .prd_view__prd_info dl dd{flex:1 1 70%;}
.prd_view__head .prd_view__prd_info .button_wrap{margin-top:1rem;}

.prd_view__body{margin:4rem 0 0; text-align:left; line-height: 1.6; overflow:hidden;}
.prd_view__body img,
.prd_view__body video,
.prd_view__body iframe{max-width:100%;}
/* .prd_view__body .sticky-wrap{height:45px;}
.prd_view__body .sticky{transition:all .3s}
.prd_view__body .sticky-active{position:fixed; top:0; z-index:999;}
.prd_view__body .sticky::after{content:''; display:block; position:fixed; left:0; top:-45px; width:100%; height:45px; background:#fff; box-shadow:0 4px 6px rgba(0,0,0,0.15); transition:all .1s; opacity: 0;}
.prd_view__body .sticky-active::after{opacity: 1; top:0;}
.prd_view__body .sticky-active .tab_nav{box-shadow:initial; border-radius:initial; position:relative; z-index:999;}
.prd_view__body .tab_nav{width:300px;}

.prd_view__body .tab_conts .prdview__info{padding:30px; text-align:center; word-break:break-all; background:#fff; border-radius:10px; box-shadow:0 4px 6px rgba(0,0,0,0.15); overflow:hidden;}
.prd_view__body .tab_conts .prdview__info img,
.prd_view__body .tab_conts .prdview__info iframe,
.prd_view__body .tab_conts .prdview__info video{max-width:100%;} */
/* .prd_view__body .tab_conts .prdview__related .prd__list{display:flex; flex-wrap: wrap; align-items:center; justify-content: space-between; gap:20px;} */
/* .prd_view__body .tab_conts .prdview__related .prd__item{width:calc(20% - 16px);} */









/********************************************** mypin **********************************************/
/* layout */
.mypin__wrap{display:flex; flex-wrap:wrap; justify-content: space-between;}
.mypin__wrap .path{width:100%;}
.mypin__left{width:300px; display:flex; flex-direction: column; gap:35px;}

.mypin__right{width:760px; display:flex; flex-direction: column; gap:35px;}
.mypin__right .search__wrap{display:flex; align-items:center; justify-content: space-between; height:45px; padding:0 5px; background:#fff; border-radius:45px; box-shadow:0 4px 6px rgba(0,0,0,.15); font-size:0.875rem; box-sizing:border-box;}
.mypin__right .search__inner{display:flex; align-items: center; gap:3px}
.mypin__right .search__inner select{width:100px; height:35px; border:1px solid #e6e6e6; border-radius:35px;}
.mypin__right .date_select{width:75px; height:35px; line-height:33px; text-align:center; border:1px solid #e6e6e6; border-radius:35px; box-sizing:border-box; transition:border .3s;}
.mypin__right .date_select.active{border-color:#00c6ff;}
.mypin__right .daterange_wrap{position:relative; display:flex; align-items:center; gap:10px; padding-right:90px; border:1px solid #e6e6e6; border-radius:35px; transition:border .3s;}
.mypin__right .daterange_wrap.active{border-color:#00c6ff;}
.mypin__right .daterange_wrap .daterange{position:relative; width:110px;}
.mypin__right .daterange_wrap .daterange label{position:absolute; left:0; top:0; width:35px; height:35px; background:url(../images/icon/icon-cal.png) 50% 50% no-repeat;}
.mypin__right .daterange_wrap .daterange input{width: 100%; height:35px; padding-left:35px; font-size:0.8125rem; outline:none; box-sizing:border-box; background:none;}
.mypin__right .daterange_wrap .button_wrap{position:absolute; right:0; top:0;}
.mypin__right .daterange_wrap .button_wrap .btn{width:70px; height:35px; line-height:35px;}
.mypin__right .content_box{padding:10px 10px 25px;}









/********************************************** 친구/그룹관리 **********************************************/
.friend__wrap{display:flex; flex-wrap:wrap; justify-content: space-between;}
.friend__wrap .path{width:100%;}
.friend__left{flex:0 0 calc(50% - 20px);}
.friend__right{flex:0 0 calc(50% - 20px);}
.friend__wrap .friend__ttl{display:flex; align-items:center; justify-content: space-between;}
.friend__wrap .friend__ttl strong{font-size:20px;}
.friend__wrap .friend__ttl a{display:flex; align-items:center; gap:10px; padding:0 10px; width:90px; height: 36px; font-size:14px; color:#00c8fa; text-align:center; background:#fff; border-radius:35px; box-shadow:0 4px 6px rgba(0,0,0,.15)}
.friend__wrap .friend__ttl a::before{content:''; display:inline-block; width:18px; height: 18px; background:url(../images/icon/add-friend.png) 0 0 no-repeat;}
.friend__wrap .content_box{margin:20px 0 0;}
.friend__wrap .friend__func{display:flex; align-items:center; justify-content: space-between;}
.friend__wrap .friend__func strong{color:#00c8fa; font-size:14px;}
.friend__wrap .btn_line{border-color:rgba(20,94,125,.2); color:rgba(20,94,125,.7)}
.friend__wrap .btn_line:active,
.friend__wrap .btn_line:focus,
.friend__wrap .btn_line:hover{border-color:rgba(20,94,125,.4)}
.friend__wrap .content_graybox{margin:15px 0 0; height:450px; padding:10px;}
.friend__wrap .friend__list{gap:15px; padding:5px;}
.friend__wrap .friend__list .friend__item{gap:10px;}
.friend__wrap .friend__list .friend__item.hasfavorit{width:calc(100% - 50px)}
.friend__wrap .friend__list .nickname{font-size:1rem;}
.friend__wrap .friend__list .favorit{right:-50px; width:38px; height: 38px; margin-top:-19px;}
    /* group */
    .friend__wrap .friend__ttl .btn__add_group{color:#16e5ad;}
    .friend__wrap .friend__ttl .btn__add_group::before{background-image:url(../images/icon/add-group.png)}
    .friend__wrap .group__func{display:flex; align-items:center; justify-content: space-between;}
    .friend__wrap .group__func strong{color:#08e4a8; font-size:14px;}
    .friend__wrap .group .selected{border-color:#08e4a8}









/********************************************** 쪽지함 **********************************************/
.message__wrap{display:flex; flex-wrap:wrap; justify-content: space-between;}
.message__wrap .path{width:100%;}
.message__left{width:300px; display:flex; flex-direction: column; gap:35px;}
.message__left .lnb__tab{width:200px;}
.message__right{width:760px; display:flex; flex-direction: column; gap:35px;}
.message__right .message__right-head{height:45px;}

.message__right .content_box{padding:7px 7px 25px;}
.message__right .pagination{margin-top:0;}
.message__right .button__wrap{margin:40px 0 0;}
.message__right .table--basic td{height:30px;}
.message__right .btn__write{display:flex; align-items:center; gap:10px; font-size:14px; width:fit-content; padding:0 25px;}
.message__right .btn__write::before{content:''; width:15px; height: 17px; background:url(../images/icon/write.png) 50% 50% no-repeat;}


.message__right .btn__delete{display:flex; align-items:center; gap:5px; font-size:14px; width:fit-content; padding:0 15px;}
.message__right .btn__delete::before{content:''; width:14px; height: 15px; background:url(../images/icon/delete.png) 50% 50% no-repeat;}
.message__right .btn__reply{display:flex; align-items:center; gap:5px; font-size:14px; width:fit-content; padding:0 15px;}
.message__right .btn__reply::before{content:''; width:16px; height: 12px; background:url(../images/icon/reply.png) 50% 50% no-repeat;}
.message__right .btn__list{width:140px}
.message__right .btn__prev,
.message__right .btn__next{width:27px; height: 27px; border:1px solid #cbcbce; border-radius:27px; background:url(../images/icon/btn_pagination_prev.png) 50% 50% no-repeat; overflow:hidden; font-size:0; text-indent:-9999px; transition:border .3s;}
.message__right .btn__prev:hover,
.message__right .btn__next:hover{border-color:#145e7d;}
.message__right .btn__next{background-image:url(../images/icon/btn_pagination_next.png)}

.message__right.message_list .message__right-head,
.message__right.message_view .message__right-head{display:flex; justify-content: flex-end;}
.message__right.message_view .button__inner:nth-of-type(2){gap:30px}

.message__right.message_write .content_box{margin-top:35px;}
.message__right.message_write .button__inner .btn{width:140px;}

.message__right.message_list .button__inner:nth-of-type(1),
.message__right.message_view .button__inner:nth-of-type(1){flex:1 0 100px;}
.message__right.message_list .button__inner:nth-of-type(3),
.message__right.message_view .button__inner:nth-of-type(3){flex:1 0 100px; justify-content: flex-end;}







/********************************************** 고객센터 **********************************************/
.customer__wrap{display:flex; flex-wrap:wrap; justify-content: space-between;}
.customer__wrap .path{width:100%;}
.customer__left{width:300px; display:flex; flex-direction: column; gap:35px;}
.customer__right{width:760px; display:flex; flex-direction: column; gap:35px;}
.customer__right .content_box{padding:7px 7px 25px}
.customer__right .button__wrap{margin:40px 0 0;}
.customer__right .table--basic td{height:30px;}
.customer__right .table--basic .new .subject{font-weight:700;}
.customer__right .btn__write{display:flex; align-items:center; gap:10px; font-size:14px; width:fit-content; padding:0 25px;}
.customer__right .btn__write::before{content:''; width:15px; height: 17px; background:url(../images/icon/write.png) 50% 50% no-repeat;}
.customer__right .btn__list{width:140px}
.customer__right .btn__prev,
.customer__right .btn__next{width:27px; height: 27px; border:1px solid #cbcbce; border-radius:27px; background:url(../images/icon/btn_pagination_prev.png) 50% 50% no-repeat; overflow:hidden; font-size:0; text-indent:-9999px; transition:border .3s;}
.customer__right .btn__prev:hover,
.customer__right .btn__next:hover{border-color:#145e7d;}
.customer__right .btn__next{background-image:url(../images/icon/btn_pagination_next.png)}

.customer__right.notice_list,
.customer__right.event_list{margin-top:80px}
.customer__right.counsel_list .customer__right-head{display:flex; justify-content: flex-end;}

.customer__right.notice_write .content_box,
.customer__right.event_write .content_box,
.customer__right.counsel_write .content_box{margin-top:35px;}

.customer__right.notice_view .texticon-orange,
.customer__right.event_view .texticon-orange{margin-right:15px;}
.customer__right.notice_view .button__inner:nth-of-type(2),
.customer__right.event_view .button__inner:nth-of-type(2){gap:30px}

.customer__right.counsel_write .button__inner .btn{width:140px;}


/* 1:1문의 리스트 */
.counsel_q{}
.counsel_a{display:none; background:#d8fff9!important;}
.counsel_a td{vertical-align:top; padding-top:20px; padding-bottom:20px;}
.counsel_a dl {line-height:1.6; text-align:left;}
.counsel_a dl + dl{margin-top:30px;}
.counsel_a dl dt{font-weight:700;}
.counsel_a dl dd{margin:10px 0 0; overflow: hidden; word-break:break-all;}
.counsel_a dl dd img,
.counsel_a dl dd video,
.counsel_a dl dd iframe{max-width:100%;}



.account_deposit_info_hidden{position:absolute; left:-9999px; top:-10px; width:1px; height:1px; overflow:hidden;}








.privacy__wrap{padding:70px 0;}
.privacy__wrap h3{font-size:25px; font-weight:700;}
.privacy__wrap .privacy__content{margin:50px 0 0; line-height: 1.6;}
/* .privacy__wrap .privacy__content table{} */

.terms__wrap{padding:70px 0;}
.terms__wrap h3{font-size:25px; font-weight:700;}
.terms__wrap .terms__content{margin:50px 0 0; line-height: 1.6;}


/* 스마트에디터 table */
.__se_tbl{}
.__se_tbl td,
.__se_tbl th{border:1px solid #145e7d61; padding:10px;}