@charset "UTF-8";
.pc{display:block;}
.tablet{display:none !important;}
.mobile{display:none !important;}
@media screen and (max-width:850px) {
	.pc{display:none !important;}
	.tablet{display:block !important;}
	.mobile{display:none !important;}
}
@media screen and (max-width:650px) {
	.pc{display:none !important;}
	.tablet{display:none !important;}
	.mobile{display:block !important;}
}

label, input, button, select, img {vertical-align:middle;font-size:1em}
#all_margin{margin-top: 154px;}

/* header */
.top_banner{width: 100%;height: 40px; background-color: #89b92a;text-align: center; position: fixed; top: 0 ;left: 0;z-index: 9999;}
.top_banner p{ color: #fff;font-size: 15px; font-weight: 500; line-height: 40px;}

/* 메인비주얼 */
.theme_visual{margin-top: 134px;position: relative;}
.theme_visual .pager-next{position: absolute; top: 45%; right: 5%;z-index: 9;}
.theme_visual .pager-prev{position: absolute; top: 45%; left: 5%;z-index: 9;}
.theme_visual .pager-prev i,.theme_visual .pager-next i {font-size: 35px;}


#category .cate_li_1_a {font-size:1.8rem;display:block;position:relative;font-weight:500;color:#333333;margin-right: 7rem;}
.det1 a{font-size:1.8rem;display:block;position:relative;font-weight:500;color:#333333;margin-right: 7rem;}
#category .cate{display: flex;}

/* footer */
.ft_wrap{display: flex; justify-content: start; align-items: start; gap: 0 30rem;}
.call_wrap{display: flex; flex-direction: column; gap: 20px 0; }
.call_wrap .call_number{font-size: 2.4rem; font-weight: 700;color: #2e2e2e; }
.call_wrap .call_info{color: #989898; font-size: 1.6rem;}
.call_wrap .kakao{font-size: 14px;padding: 0.9rem 1.3rem; border: 1px solid #e3e3e3;text-align: center; }
.call_wrap .kakao img{margin-right: 5px;}
#ft{border-top: 1px solid #e3e3e3;}
#ft .foot_info span, .copyright{color: #989898; font-size: 14px; line-height: 150%;}
#ft .bar{margin: 0 10px;}

/* 모바일 메뉴 */
.customer_service2{display: flex; justify-content: end; align-items: center; gap: 0 2rem;padding-top: 3rem; padding-right: 3rem; }
.customer_service2 a{display: inline-block;background-color: #89b92a; border: 1px solid #89b92a; padding: 10px 2rem; border-radius: 5px; color: #fff; font-size: 1.6rem;width: 10rem;text-align: center;}
.customer_service2 .logout_btn{display: inline-block;background-color: #fff; border: 1px solid #89b92a; padding: 2px 2rem; border-radius: 5px; color: #89b92a; font-size: 1.4rem; }

/* 메인화면 */
.best_product{margin-bottom:8.7rem ;}
.sub_title { margin-bottom: 2.7rem;}
.sub_title h2{font-size: 2.8rem; font-weight: 700;}
.sub_title h2 b{ font-weight: 600;}
.sub_title h2 span{font-size: 1.6rem; font-weight: 500; color: #989898;padding-left: 10px; }
.owl-carousel{display: flex;}
.product_banner{margin-bottom: 8.8rem;}
/* 메인 반응형 */
@media screen and (max-width:768px) {
    .sub_title h2{font-size: 2.2rem;}
    .sub_title h2 span{font-size: 12px;}
    .ft_wrap{flex-wrap: wrap; gap: 4rem 0;}
    .call_wrap, .foot_info{width: 100%;}
    .call_wrap .kakao{max-width:200px ;}
}

.product_btn_wrap{position:relative;width: 100%;height: 57.5rem; }
.product_btn_wrap picture{position:absolute;width:100%;height:100%;}
.product_btn_wrap picture img{width:100%;}
.product_btn_wrap h2{font-size: 4.2rem; font-weight: 700;}
.product_btn_wrap h3{font-size: 2.2rem; font-weight: 500;padding-top: 1.8rem; padding-bottom: 2.5rem; }
.product_btn_wrap a{display: inline-block; padding: 1.7rem 3.8rem ;background-color: #000; color: #fff;font-size: 1.6rem;font-weight: 600; border-radius: 30px;}

.product-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
picture.product-image {position:relative;}
.product-image img {width: 100%;height: 100%;object-fit: cover;}


/* #category .cate_li_1 {float:left;width:50%;} */
/* #category {position:absolute;z-index:1000;width: 32%;} */
.partner_sub_visual{margin-top: 134px;width: 100%; height: 500px; background: url(../img/partner_main.png)no-repeat; background-position: center; background-size: cover;display: flex ;justify-content: start; align-items: center;}
.partner_sub_visual .text_wrap{width: 92%; max-width: 1280px;margin:  0 auto; }
.partner_sub_visual .text_wrap h5{color: #fff; font-weight: 500; font-size: 3rem; margin-bottom: 1rem;}
.partner_sub_visual .text_wrap h6{color: #fff; font-weight: 700; font-size: 4.5rem;line-height: 130%;}
.partner_sub_visual .text_wrap h6 span{color: #ff00ef; font-weight: 700; font-size: 4.5rem;}
.partner_01{padding-top: 13rem; padding-bottom: 19rem; }
.partner_inner{width: 92% !important; max-width: 950px; margin: 0 auto; position: relative;}
.partner_01 h2{font-size: 4.5rem; font-weight: 700;text-align: center; line-height: 120%;}
.partner_01 h2 span{color: #ff00ef; font-size: 4.5rem; font-weight: 700; }
.partner_01 .wrap{display: flex; flex-direction: column; gap:2.6rem 0 ; margin: 40px 0;}
.partner_01 .wrap .item{width: 100%; border-radius:  30px; border: 1px solid #ff00ef; background-color: #f9f9f9; display: flex;  justify-content: space-between; align-items: center;padding: 5rem;}
.partner_01 .item .sub_title{display: flex; justify-content: start; align-items: center; gap: 2rem;}
.partner_01 .item .sub_title .number{width: 4rem; height: 4rem; font-size:2rem; font-weight: 700; color: #fff; text-align: center; line-height: 4rem;background-color: #000;border-radius: 5px;}
.partner_01 .item .sub_title h3{font-size: 4.2rem; font-weight: 700;}
.partner_01 .item  p{font-size: 2.6rem; font-weight: 600; color: #666666;margin-top: 2.5rem; }
.partner_01 .item  p span{font-size: 2.6rem; font-weight: 600; color: #ff00ef; }
.partner_01 .partner_arrow{text-align: center;}
.partner_01 .text_contents{background-color: #fff2fe; border-radius: 30px;padding: 6rem 0 ;text-align: center;margin-top: 4rem;}
.partner_01 .text_contents h4{margin-bottom: 3.6rem; color: #222; font-size: 3.6rem; font-weight: 700;}
.partner_01 .text_contents h4 span{color: #ff00ef; font-size: 3.6rem; font-weight: 700;}
.partner_01 .text_contents h5{font-size: 2.4rem; font-weight: 500;}

.partner_02{background-color: #fff5fe;padding-top:18rem ;padding-bottom: 25rem;}
.partner_02 h2{font-size:6rem; font-weight: 700; }
.partner_02 .sub_title span{width:10px ; height: 43px; display: block;background-color: #ff00ef;}
.partner_02 .sub_title {display: flex; justify-content: center; gap: 0 3rem; align-items: center;margin-bottom: 11.4rem;}
.partner_02 .img{width: 90.7rem;margin: 0 auto;}
.partner_02 .img img{width: 100%;}

.partner_03{padding-top: 17.9rem;padding-bottom:16.8rem ;background: url(../img/partner_bg.png) no-repeat;background-position: center;background-size: cover; }
.partner_03 .sub_title{text-align: center; }
.partner_03 .sub_title p{color: #fff; font-size: 2.4rem; font-weight: 500;margin-top: 4.5rem;margin-bottom: 11.2rem;}
.partner_03 .wrap{background-color: #fff; border-radius: 30px;display: flex; justify-content: center;align-items: center;padding: 6rem 0 ;flex-wrap: wrap;gap: 2rem;}
.partner_03 .wrap .sub_title2{text-align: center;width: 100%;margin-bottom: 2.1rem; }
.partner_03 .wrap .sub_title2 h2{font-size: 4.2rem; font-weight: 700;margin-top: 2.2rem; }
.partner_03 .wrap .sub_title2 h2 span{font-size: 4.2rem; font-weight: 700; color: #ff00ef;}
.partner_03 .contents{text-align: center;}
.partner_03 .contents h3{font-size: 2.4rem; font-weight: 700;color: #fff; border-radius: 30px;background-color: #ff00ef;display: inline-block;padding: 1.2rem 2.4rem;margin-bottom: 3.5rem;}
.partner_03 .contents h4{margin-top: 2.5rem;font-size: 2.4rem; font-weight: 600;}
.partner_03 .contents h5{font-size: 1.9rem; font-weight: 700;margin-bottom: 5.5rem;}
.partner_03 .contents h5 span{color: #999999; margin-top: 1rem;font-size: 1.9rem; font-weight: 700;}
.partner_03 .contents h6{margin-top: 5.2rem;font-size: 2.5rem; font-weight: 600;}
.partner_03 .contents h6 span{margin-top: 5.2rem;font-size: 2.5rem; font-weight: 600;color: #ff00ef;}

.partner_04{padding-top: 13.8rem; padding-bottom: 15.6rem;}
.partner_04 .inner{width: 92% !important; max-width: 1200px; margin: 0 auto; position: relative;}
.partner_04 .sub_title{text-align: center;margin-bottom: 10.5rem;}
.partner_04 .sub_title h3{color: #ff00ef; font-size:2.4rem; font-weight: 600;}
.partner_04 .sub_title h2{font-size:5rem; font-weight: 700;}

.collapsible { cursor: pointer; padding: 2.9rem 2rem; width: 100%; border: none; text-align: left; outline: none; font-size: 2.2rem; background: none; font-weight: 600; color: #222222;}
.collapsible span{font-weight: 800; display: inline-block; min-width: 45px;}
.down,
.collapsible:hover {  }
.content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 1px solid #e1e1e1; background: rgba(255,255,255,0.15);}
.collapsible:after { content: '\f078'; color: #222222; font-weight: bold; float: right; margin-left: 5px; font-size: 2.0rem;font-family: "Font Awesome 5 Free";font-weight: 900;}
.down:after { content: "\f077"; font-family: "Font Awesome 5 Free";font-weight: 900;}
.content .tbox{padding: 30px 65px;background-color: #f9f9f9; border-radius: 20px;}
.content .tbox p{color: #686868; font-size: 1.8rem; line-height: 145%;font-weight: 500;}

.partner_05{text-align: center; padding-top: 1rem; padding-bottom: 16.4rem;display: flex; flex-direction: column; gap: 3.2rem 0;align-items: center;}
.partner_05>img{width: 40.9rem;}



/* 파트너 전환 */
.partner_conversion_wrap{width: 92%; max-width: 535px; margin: 0 auto; padding-top: 9rem; margin-bottom: 19rem;}
.partner_conversion_wrap h2{font-size: 2.4rem; font-weight: 600; text-align: center;margin-bottom: 5rem;}
.partner_conversion_wrap h3{font-size: 2rem; font-weight: 600; border-bottom: 2px solid #333;padding-bottom: 13px; margin-bottom: 2rem;}
.partner_conversion_wrap li{display: flex; justify-content: start; margin: 1.7rem 0;align-items: center; gap: 0 1rem;}

.partner_conversion_wrap .bank_wrap{width: 71%;}
.partner_conversion_wrap label{color: #666; font-size: 1.6rem; font-weight: 500;width: 30%;}
.partner_conversion_wrap input{border: 1px solid #c8c8c8; border-radius: 3px;padding: 1.5rem 2rem; width: 100%;margin: 5px 0;font-size: 15px;}
.partner_conversion_wrap input::placeholder {color: #c8c8c8;}

  
  #bankSelect.changed {
    color: #666; /* 선택되었을 때 변경될 색상 */
  }

  select {
    appearance: none; /* 기본 화살표 제거 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('../img/select_icon.png'); /* 원하는 화살표 아이콘 */
    background-repeat: no-repeat;
    background-position: right 2rem center; /* 화살표 위치 조정 */
  }
.required_mark{color: #dd0f0f; font-size: 1.8rem; font-weight: 700;}
.privacy-of-use-check label{width: auto;}
.privacy-of-use-check input{width: auto;margin-right: 10px;}
.id_number input{width: 33%;}
.partner_conversion_wrap .label_width{width: 45%;}
.privacy-of-use-check{width: 100%;}
.partner_conversion_wrap .bank_select_wrap {align-items: start;}
.bank_name input{width: 100%;}
.bank_check{background-color: #fff; color: #666666; border: 1px solid #666; padding:1.7rem  3rem;border-radius: 3px;font-size: 15px;}
.bank_wrap select{padding: 1.7rem 2rem; border: 1px solid #c8c8c8; border-radius: 3px;width: 100%;color: #666666;font-size: 15px;margin: 5px 0;}
.control-container {
    display: flex;
    position: relative;
    align-items: baseline;
}
.control-container + .control-container {
    margin-top: 0.7em;
}
.screen-reader { /* 스크린 리더를 고려해서 체크박스를 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    margin: -1px;
    clip-path: inset(50%);
}
.label-box {
    position: relative;
    width: 25%;
}
.check-icon {
    width: 1.4em;
    height: 1.4em;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid gray;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.check-icon::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 30%;
    height: 55%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-70%) rotateZ(40deg);
    border-right: 1.7px solid gray;
    border-bottom: 1.7px solid gray;
}
.acco label {
    
    position: relative;
    cursor: pointer;
    line-height: 41px;
}
[type="checkbox"]:checked + .label-box .check-icon {
    border-color:  #fff;
    background-color: #19a737;
}
[type="checkbox"]:checked + .label-box .check-icon::before {
    border-color: #fff;
}

.acco{width: 100%;position: relative;}
.collap { cursor: pointer;  border: none; text-align: left; outline: none; font-size: 13px; background: none;  color: #505050;font-weight: 600;display: inline-block; min-width: 45px;color: #666666;position: absolute; right: 0; top: 12px;z-index:9;}
.collap i{margin-left:5px;}
.partner_conversion_wrap .agree_color{color: #89b92a;font-weight: 500;display: block;margin-bottom: 7px;}
.partner_agree{margin-top: 30px!important;display: block;}
.partner_conversion_wrap li .partner_agree{align-items: start;}
.txt_content { background-color: #f5f5f5; padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;border-radius: 10px;text-align: left;}
.txt_content .tbox{padding: 20px 0}
.txt_content .tbox p{ font-size: 14px; line-height: 150%;}
.partner_conversion_wrap form{padding-bottom: 2rem;}
.partner_conversion_wrap .guide_txt{margin-top: 4.5rem;margin-bottom: 3.5rem; background-color: #fafafa; padding:2.5rem 0  ;text-align: center;color: #666666; font-size: 15px; }
.partner_conversion{font-size: 1.8rem; font-weight: 600; color: #fff; background-color: #89b92a; text-align: center; border-radius: 3px;padding: 1.5rem 8rem;}
.btn_wrap{text-align: center;}


/* 홍보물 신청 */
.promotional_wrap{width: 92%; max-width: 525px; margin: 0 auto; padding-top:9rem ;margin-bottom: 19rem;}
.promotional_wrap h2{font-size: 2.4rem; font-weight: 600;text-align: center;margin-bottom: 4.4rem;}
.tab-container {border-radius: 8px;background-color: white;}
.tabs {display: flex;gap:0 4px;}
.tab {flex: 1; padding: 1.7rem 0;text-align: center;background-color: #fff;border: 1px solid #c8c8c8; color:#c8c8c8; font-size:1.6rem; font-weight:500;outline: none;cursor: pointer;transition: background-color 0.3s ease;}
.tab.tab_active {border-color: #89b92a;color: #89b92a;}
.promotional_contents{padding-top: 44px;}
.promotional_content {font-size: 18px;line-height: 1.6;display: none;}
.promotional_content h3{font-size:2rem  ; font-weight: 600; padding-bottom: 14px; border-bottom: 2px solid #333;}
.promotional_content li{display: flex; justify-content: flex-start; align-items: center;margin:2.6rem 0;}
.promotional_content label{width: 25%;font-size: 1.6rem; font-weight: 500; color: #666666;}
.promotional_content .input_size input{width: auto; margin-right: 5px;color: #666666;font-size: 1.6rem; }
.promotional_content .input_size {color: #666666;font-size: 1.6rem;margin: 3.5rem 0;}
.promotional_content input{width: 75%;border: 1px solid #c8c8c8; color: #333; font-size: 15px ;border-radius: 3px;padding: 1.5rem 2rem;}
.promotional_content input::placeholder {color: #c8c8c8;}
.promotional_content form ul:first-child{margin-bottom: 9.2rem;}
.promotional_content .data_fix{background-color: #f4f4f4; border: 1px solid #c8c8c8; color: #333; font-size:15px ;border-radius: 3px;padding: 1.5rem 2rem;}
#content-0 {display: block;}
.promotional_content .check{font-size: 1.8rem;margin: 2rem 0; }
.promotional_content .check input{margin-right: 10px;  }
.promotional_content .check .img{margin-top: 2rem;margin-bottom: 5.8rem;}
.promotional_content .btn_wrap{margin-top: 3.2rem;}
.form_wrap{overflow: hidden;}


.file-group{width: 75%;}
.file-group .write_box{display: flex;width: 100%;border-radius: 5px;gap: 0 1rem;}
.file-group .write_box input{flex: 1;font-size: 15px;border:1px solid #ccc;}
.file-group .file_upload{background: #fff;height: 100%;display: flex;align-items: center;justify-content: center;color: #666666;overflow: hidden; border: 1px solid #666666; cursor: pointer;border-radius:3px;padding: 1.6rem 3.8rem;}
.file-group .hidden_file{position: absolute;width: 0;height: 0;opacity: 0;}
.file_box{width: 100%;}


/* 마이페이지 */
#smb_my {position:relative;display: flex; flex-direction: column;}
/* #smb_my:after {display:block;visibility:hidden;clear:both;content:""} */
.smb_private{width: 25%; background:#fff;border:1px solid #e8e8e8;padding:20px;border-radius: 10px;display: flex; justify-content: start;gap: 0 2rem;  align-items: center;flex-wrap: wrap;}
.smb_private div{width: 46%;}
.smb_private h4{font-size: 1.6rem; font-weight: 500; color: #989898;}
.smb_private strong{font-size: 1.8rem; font-weight: 600;}

#my_page_menu_wrap{width: 50%; max-width: 253px; border: 1px solid #e8e8e8; padding: 30px 26px; }
#my_page_menu_wrap .menu_active{color: #89b92a; font-weight: 600;}
#my_page_menu_wrap .line{width: 100%; height: 1px; background-color: #f0f0f0; margin: 20px 0;}
#my_page_menu_wrap>ul>li{font-size:1.8rem; font-weight: 600; }
#my_page_menu_wrap ul li ul li a{font-size:1.6rem; font-weight: 500; color: #989898;}
#my_page_wrap{width: 96%; max-width: 1280px; margin: 0 auto;margin-bottom: 19rem;display: flex;justify-content: space-between; align-items: start; gap: 0 7rem;margin-top: 4rem;}

/* 마이페이지 aside */ 
.smb_my_ov_wrap{width: 100%; background-color: #f8f8f8;padding: 4.2rem 0;}
#smb_my_ov {position:relative;background:#f8f8f8;width: 96%; max-width: 1280px;margin: 0 auto;gap: 0 5px; display: flex;justify-content: space-between;}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_ov .smb_me {display:block;background:#fff;border:1px solid #e8e8e8;padding:20px;font-size:1.167em;width: 50%;border-radius: 10px;display: flex; justify-content: start;gap: 0 2rem;  align-items: center;}
#smb_my_ov .smb_me .profile_img{position: relative;border-radius: 50%; width: 100px;}
#smb_my_ov .smb_me .profile_img img{border-radius: 50%; width: 100%;}

#smb_my_ov .smb_me .profile_edit{position: absolute; bottom: 0; right: 0;display: block;}
#smb_my_ov .profile_img{border-radius:50%}
.smb_name_wrap img{width: 10px; margin-left: 10px; margin-top: -5px;}
#smb_my_ov .smb_me .my_ov_name {display:inline-block;line-height:28px;font-size: 2.2rem;}
#smb_my_ov .smb_name_wrap span {font-size: 2.2rem; font-weight: 500;}
#smb_my_ov .smb_name_wrap b{font-size:2.2rem ; font-weight: 700; color: #89b92a; text-decoration: underline;}
/* #smb_my_ov .smb_me a {display:inline-block;font-size:0.85em;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px} */
#smb_my_ov .smb_me a.smb_info {color:#3a8afd}

.smb_level{display: flex; justify-content: start; gap: 0 1rem;margin: 1rem 0;align-items: center;}
.smb_level .level_icon_partner{border-radius: 5px; background-color: #89b92a; color: #fff; font-size: 14px; font-weight: 500;padding: 0px 7px;line-height: 27px;}
.smb_level span{color: #b3b3b3; font-size: 14px; font-weight: 500;}
.smb_level h6{color: #b3b3b3; font-size: 14px; font-weight: 500;}

.partner_smb_private{width: 25%; background:#fff;border:1px solid #e8e8e8;padding:20px;border-radius: 10px;display: flex; justify-content: center;gap: 0 2rem;  align-items: start; gap: 2.6rem 0; flex-direction: column;}
.smb_private div{width: 46%;}
.partner_smb_private h4{font-size: 1.6rem; font-weight: 500; color: #989898;}
.smb_private strong{font-size: 1.8rem; font-weight: 600;}
.smb_reward_wrap{width: 24%;background:#fff;border:1px solid #e8e8e8;padding:20px;border-radius: 10px;}
.smb_reward_wrap .smb_reward_sub_title{display: flex; justify-content: space-between; align-items: baseline;}
.smb_reward_wrap .current_reward{display: inline-block; padding: 0 5px; background-color: #64d276; color: #fff; font-size: 13px; border-radius: 3px; margin-right: 15px; }
.smb_reward_wrap .cumulative_reward{display: inline-block; padding: 0 5px; background-color: #b895f5; color: #fff; font-size: 13px; border-radius: 3px; margin-right: 15px; }
.smb_reward_wrap .smb_reward>div{margin:10px 0 ;font-size: 1.6rem; font-weight: 500;}
.smb_reward_wrap .smb_reward_sub_title h5{font-size: 1.6rem; font-weight: 700; color: #989898;}
.smb_reward_wrap .smb_reward_sub_title a{display: block;font-size: 14px; font-weight: 500; color: #989898; text-decoration: underline;}
.smb_reward_wrap .smb_reward{background-color: #f6ffe4; padding:7px 20px; color: #89b92a; font-size: 2.4rem; font-weight: 700;margin: 12px 0;}
.smb_reward_wrap .smb_reward_info{display: flex; justify-content: space-between; align-items: center;}
.smb_reward_wrap .smb_reward_info div, .smb_reward_wrap .smb_reward_info span{font-size:12px; color: #cbcbcb;}

#smb_private:after {display:block;visibility:hidden;clear:both;content:""}
#smb_private {padding:10px 0}
#smb_private li {text-align:left;position:relative;text-align:left}
#smb_private a {display:block;background:#fff;color:#465168;line-height:20px;padding:10px 20px 10px 25px}
#smb_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em}
#smb_private a:hover strong {background:#4b8bff}
#smb_private li a:hover {color:#4b8bff}
#smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#3a8afd;content:""}
#smb_private li i {width:25px;color:#8c9eb0;margin-right:5px}
#smb_private li:hover i {color:#3a8afd}
#smb_private .win_point strong {background:#37bc9b;color:#fff}
#smb_private .win_memo strong {background:#ff8b77;color:#fff}
#smb_private .win_scrap strong {background:#8cc152;color:#fff}
#smb_private .win_coupon strong {background:#a352c1;color:#fff}

#smb_my_ov h3 {font-size:1.2em;padding:20px 20px 10px;border-top:1px solid #e8e8e8}
#smb_my_ov .op_area {border-top:0;padding:0 20px;line-height:18px;color:#555}
#smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_ov .op_area dt {margin:5px 0;padding-top:5px;font-weight:bold;color:#8c9eb0;line-height:20px}
#smb_my_ov .op_area dd {margin:5px 0;padding-bottom:10px;border-bottom:1px dashed #e5e5e5}
#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {border-bottom:0 !important}

.withdrawal {display:block;padding:10px 20px;border-top:1px solid #e8e8e8;color:#c7c7c7}

.link_copy_wrap{display: flex; justify-content: start; gap: 0 5px;}
.link_copy_wrap .link_copy{color: #989898; font-size: 14px; font-weight: 600;display: inline-block; padding: 1rem ;border: 1px solid #989898; border-radius: 8px;}
.link_copy_wrap .link_copy_kakao{background-color: #fee500; font-size: 14px; border-radius: 8px;font-weight: 600;display: inline-block; padding: 1rem; color: #371c1d;border: 1px solid #fee500;}
.link_copy_wrap .link_copy img, .link_copy_wrap .link_copy_kakao img, .link_copy_wrap .pop-btn1 img{margin-left: 5px;margin-top: -2px;}
.link_copy_wrap .pop-btn1{color: #989898; font-size: 14px; font-weight: 600;display: inline-block; padding: 1rem 1.3rem;border: 1px solid #989898; border-radius: 8px;}
.link_copy_wrap .qr-btn1{color: #989898; font-size: 14px; font-weight: 600;display: inline-block; padding: 1rem 1.3rem;border: 1px solid #989898; border-radius: 8px;}
.link_copy_wrap .qr-btn2{color: #989898; font-size: 14px; font-weight: 600;display: inline-block; padding: 1rem 1.3rem;border: 1px solid #989898; border-radius: 8px;}
.link_copy_wrap .qr-btn2 img{margin-left: 5px;}

/* 리워드페이지 list */
#reward_home_menu{width: 50%; max-width: 253px; border: 1px solid #e8e8e8; padding: 30px 26px; }
#reward_home_menu .menu_active{color: #89b92a; font-weight: 600;}
#reward_home_menu .line{width: 100%; height: 1px; background-color: #f0f0f0; margin: 20px 0;}
#reward_home_menu>ul>li{font-size:1.8rem; font-weight: 600; }
#reward_home_menu ul li ul li a{font-size:1.6rem; font-weight: 500; color: #989898;}
.reward_office a{font-weight: 1.8rem; font-weight: 500;margin-bottom: 3.6rem;}
.reward_office{margin-bottom: 2.5rem;}

/* 파트너 리워드 홈 그래프  */
.partner_reward_home_wrap{margin-top: 4rem ; margin-bottom: 19rem;display: flex; justify-content: space-between;align-items: start;  gap: 0 7rem;  }
.reward_office_wrap{width:100%; display: flex; flex-direction: column; gap:  2.7rem 0;}
.reward_office_wrap>div{border-radius: 9px; border: 1px solid #c8c8c8; padding:2.8rem ; width: 100%;}
.graph_title h4{font-size: 1.8rem; font-weight: 700; }
.graph_title{display: flex; justify-content: space-between; align-items: center;}
.graph_title .reco_tab{padding: 1.3rem 2.5rem; font-weight: 500; font-size: 14px;border: none;background-color: #fff;color: #989898;}
.graph_title .reco_tabs{display: flex;border: 1px solid #f2f2f2;border-radius: 5px;}
.graph_title .reco_tab1{border-radius: 5px 0 0 5px;border-right: 1px solid #f2f2f2;}
.graph_title .reco_tab2{border-radius: 0px 5px 5px 0px;border-left: 1px solid #f2f2f2;}
.reco_tab.reco_tab_active, .reco_tab.active {color: #333333;border: 1px solid #333;}
.reward_office_wrap .graph{width: 100%; min-height: 300px;}
.graph_data{display: flex; justify-content: space-between; align-items: start; gap: 0 1rem;}
.graph_data .reco_today, .graph_data .item{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem 0;padding: 2rem 6rem;}
.graph_data .reco_today{border: 1px solid #89b92a;width: 34%;max-height: 111px;border-radius: 8px;}
.graph_data .reco_sale_items{border: 1px solid #c8c8c8; display: flex; justify-content: start; align-items: start;border-radius: 8px;width: 65%;}
.graph_data .item{width: 50%;}
.graph_data .item:last-child{border-left: 1px solid #c8c8c8;}
.graph_data h5{font-size: 1.6rem; font-weight:  600; color: #989898;}
.graph_data .reco_today h6{color: #89b92a; font-size: 2rem; font-size: 2rem; font-weight: 700;}
.graph_title .link_tab{padding: 1.3rem 2.5rem; font-weight: 500; font-size: 14px;border: none;background-color: #fff;color: #989898;}
.graph_title .link_tabs{display: flex;border: 1px solid #f2f2f2;border-radius: 5px;}
.graph_title .link_tab1{border-radius: 5px 0 0 5px;border-right: 1px solid #f2f2f2;}
.graph_title .link_tab2{border-radius: 0px 5px 5px 0px;border-left: 1px solid #f2f2f2;}
.link_tab.link_tab_active {color: #333333;border: 1px solid #333;}
.graph .contents{margin-top: 1rem;}

.graph_data .link_today, .graph_data .link_number{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem 0;padding: 2rem 6rem;width: 50%;}
.graph_data .link_today{border: 1px solid #4d7be2;width: 100%;height: 111px;border-radius: 8px;}
.graph_data .link_number{border: 1px solid #c8c8c8;width: 50%;height: 111px;border-radius: 8px;}
.graph_data .link_today h6{color: #4d7be2; font-size: 2rem; font-size: 2rem; font-weight: 700;}

.graph_title .new_tab{padding: 1.3rem 2.5rem; font-weight: 500; font-size: 14px;border: none;background-color: #fff;color: #989898;}
.graph_title .new_tabs{display: flex;border: 1px solid #f2f2f2;border-radius: 5px;}
.graph_title .new_tab1{border-radius: 5px 0 0 5px;border-right: 1px solid #f2f2f2;}
.graph_title .new_tab2{border-radius: 0px 5px 5px 0px;border-left: 1px solid #f2f2f2;}
.new_tab.new_tab_active {color: #333333;border: 1px solid #333;}
.newmember_section h5{font-size: 1.8rem; font-weight: 700; margin-top: 1.2rem;}
.newmember_section h5 span{font-size: 1.8rem; font-weight: 700;color: #89b92a; }
.reward_notice a, .reward_resource a{color: #989898; font-size: 14px; font-weight: 500;text-decoration: underline;}
.reward_notice .latest_top_wr, .reward_resource .latest_top_wr{margin-top: 1rem;}

/* 파트너 리워드 전체리워드 */
.total_reward_wrap{width: 100%;}
.total_reward_wrap .sub_title{display: flex; justify-content: start; align-items: center;gap: 0 1rem; padding-bottom: 2.3rem; border-bottom: 1px solid #666666;margin-bottom: 3rem;}
.total_reward_wrap .sub_title h2{font-size: 2.8rem; font-weight: 700;}
.annual_revenue_graph_wrap button{border: none; background-color: #fff;}
.year_selector{background: #f7f7f7;border-radius: 8px; text-align: center;margin-bottom: 3.5rem;display: flex;justify-content: space-between; align-items: center; padding: 2rem 4rem;}
.year_selector .year{font-size: 1.6rem ; font-weight: 500;margin-bottom: 0.5rem;}
.year_selector .year span{font-size: 1.6rem ; font-weight: 500;margin-bottom: 0.5rem;}
.year_selector .year_revenue{font-size: 1.8rem;} 
.year_selector .year_revenue span{font-size: 2.4rem; font-weight: 700;} 
.chart_placeholder{background: #f7f7f7;border-radius: 8px; padding: 2rem 4rem;margin-bottom: 3.5rem;}
.chart_table{width: 100%;border-top: 1px solid #666666; border-bottom: 1px solid #b7b7b7;text-align: center;}
.chart_table th{background-color: #f7f7f7;font-size: 1.5rem; border-bottom: 1px solid #b7b7b7;padding: 2rem 0;}
.chart_table td{padding: 2rem 0px;font-size: 1.4rem;}
.br_570{display: none;}
.chart_table_wrap{width: 100%; overflow-x: scroll;}

/* 포인트 */
.point_wrap{width: 100%;}
.point_info{border: 1px solid #89b92a; border-radius: 3px; padding: 25px 15px ; margin: 5px 0;padding-bottom: 10px;}
.point_info p {padding: 0 10px; font-size: 1.6rem; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.point_info .header{display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; padding-bottom: 5px;padding: 10px;}
.point_info .header h6, .point_info .header span{font-size: 1.5rem; padding-bottom: 5px;}
.point_info .header i{margin-left: 10px;}
.point_content{padding:0 10px; }
.point_content .basic_point{border-bottom: 1px dotted #ddd; padding: 5px 0 ; display: flex; justify-content: space-between; align-items: center; border-top:1px solid #ddd ;padding-top: 5px;}
.point_content h5{font-size: 1.5rem; font-weight: 600;padding: 3px 0;}
.point_content h6{font-size: 1.5rem; color:#999 ;}
.point_content h4{font-size: 1.5rem; color:#999 ;}
.point_content .review_point{padding: 5px 0;}
.point_content .review_point .review2{display: flex; justify-content: space-between; align-items: center;padding: 3px 0;}

/* 리워드 */
.reward_info{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px; background-color:#f2fcea ;margin: 10px 0;margin-top: 20px;border-radius: 3px;}
.reward_info div{display: flex; justify-content: space-between; align-items: center;}
.reward_info p{font-size: 1.5rem ;font-weight: 600; color: #0fab35;}
.reward_info a{font-size: 1.3rem ;font-weight: 600; margin-left: 10px;font-family: 'SUIT';}
.reward_info span{font-size: 1.3rem ;font-weight: 600; margin-left: 10px;color: #fff; background-color: #89b92a;padding: 0px 7px; border-radius: 5px;}
.reward_info h6{font-size: 1.5rem; font-weight: 500; margin-left: 5px;}
.reward_info .header {font-size: 1.4rem;cursor: pointer;}
.point_content {background-color: white;}.hidden {display: none;}

/* 베스트 리뷰 */
.best_review_wrap{width: 92%; max-width: 1280px; margin:  0 auto;position: relative;}
.best_review_wrap .mySwiper {
    position: relative;
    padding: 0 50px; /* 버튼 공간 확보 */
  }
/* .best_review_wrap .swiper-wrapper{width: 100%; max-width: 1280px;} */
.best_review_wrap h2{font-size: 1.8rem; font-weight: 700;padding: 10px 50px;margin-top: 50px;}
.best_review_wrap .swiper-wrapper 
.best_rev {display: flex; justify-content: space-between; align-items: center;width: 48%;cursor: pointer;}
.best_rev .img_box{width: 80px;}
.best_rev img{width: 57%;}
.best_rev .text_box{width: 100%;display: flex; flex-direction: column; gap: 0 4rem;width: 70% ; margin-left: 107px;}
.rev_star{width: 70px;}
.rev_id{display: flex; justify-content: start; align-items: center; gap: 0 1rem;}
.rev_id p{font-size: 1.3rem;}
.best_rev .rev_txt{font-size: 1.4rem;line-height: 22px; word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.best_rev .rev_txt img{width: 80px; height: 80px;position: absolute; left: -106px; top: -41px;}
.swiper-button-next, .swiper-button-prev{color: #333; width:1.3rem;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 1.8rem;}
.swiper-button-next,
.swiper-button-prev {
  color: #333;
  width: 1.3rem;
  top: 60%;
  transform: translateY(-50%);
  z-index: 10;
  position: absolute;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.8rem;
}

/* 팝업 스타일 */
.rev_overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }
  .rev_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 반투명 검정 배경 */
    display: none;
    z-index: 999; /* 모달보다 살짝 아래 */
  }
  .rev_popup_modal {
    display: flex; justify-content: center; align-items: center;
    min-height: 300px;
    display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    z-index: 1001;
    width: 90%;
    max-width: 650px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

  }
  
  .rev_modal_content button {
    background-color: transparent;
    font-size: 26px;font-family: "SUIT";
    border: none;
    border-radius: 6px;
    cursor: pointer;position: absolute; top: 0px;right: 16px;
  }
#rev_popupText{display: flex;justify-content: start; align-items: center;gap: 0 6rem;position: relative;} 
#rev_popupText .img_box{position: absolute; left: 50%; top: 50px;}
#rev_popupText img{width: 100%;}
#rev_popupText .rev_txt{font-size: 1.4rem;line-height: 22px;}
#rev_popupText .rev_txt img{width: 200px; height: 200px;}
.chart_table_wrap p{display: none;}
#rev_popupText .rev_info{position: absolute; top: 0 ;left: 50%; width: 50%;}

@media screen and (max-width:650px) {
    #rev_popupText .rev_info{position: relative ; width: 100%;top: 0 ;left: 50%; text-align: center; transform: translateX(-50%);}
    #rev_popupText .img_box{left: 50%; transform: translateX(-50%); top: 50px; margin-bottom: 2rem;}
    #rev_popupText .rev_txt{margin-top: 16rem;}
    #rev_popupText .text_box{width: 100%;}
    #rev_popupText .rev_star{margin: 0 auto;}
    #rev_popupText .rev_id{justify-content: center;}
}


/* 파트너 리워드 홈 메뉴 */
.recom_container {max-width: 100%;margin: 0 auto;background-color: #fff;}
.recom_container .header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.recom_container .title {font-size: 18px;font-weight: bold;}
.recom_container .tabs {display: flex;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.recom_container .tab {padding: 8px 20px;background: #fff;border: none;cursor: pointer;font-size: 14px;}
.recom_container .tab.active {background: #000;color: #fff;}
.recom_container .chart-container {height: 250px;margin-bottom: 20px;}
.recom_container .summary {display: flex;justify-content: space-between;margin-top: 30px;}
.recom_container .summary > .summary-box{width: 34%;}
.recom_container .summary-box {flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 2rem 0;padding: 2rem 6rem;text-align: center;background:#fff;border: 1px solid #89b92a;border-radius: 8px;margin: 0 5px;max-height: 111px;}
.recom_container .summary-box:nth-child(2), .summary-box:nth-child(3) {background-color: #fff;border: 1px solid #eee;}
.recom_container .summary-value {font-size: 2rem;font-weight: 700;color: #89b92a;}
.recom_container .summary-label {font-size: 14px;color: #666;}

.recom_container .reco_sale_items > .summary-box{width:50%;}
.recom_container .reco_sale_items{border: 1px solid #c8c8c8; display: flex; justify-content: start; align-items: start;border-radius: 8px;width: 65%;}
.recom_container .item{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem 0;padding: 2rem 6rem;width: 50%;height:100%;}
.recom_container .item:last-child{border-left: 1px solid #c8c8c8;}
.recom_container h5{font-size: 1.6rem; font-weight:  600; color: #989898;}

#reward2{position: absolute; top: 100px;display: none;}

/* qr */
.qr-btn1{color: #222; font-size: 1.6rem; font-weight: 500; }
.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 650px;  height: 55vh;  max-height: 600px;  padding: 35px ; background: #fff;  border-radius: 4px;overflow: hidden;}
.pop_wrap .pop-inner h6{text-align: center; font-size:2rem ; font-weight: 600; padding: 0.5rem 0;padding-bottom: 3rem;color: #212121;}
.pop_wrap .pop-inner p{line-height: 140%;font-size: 1.6rem;text-align:center;}
.pop_wrap .pop-text{height: 85%; overflow-y: scroll;text-align:center;}
.pop-close {  position: absolute;  top: 13px;  right: 22px;  width: 30px; cursor: pointer;font-size: 3rem; font-weight: 500;font-family: 'SUIT';z-index:999;}
.pop-close i{font-size: 24px;}
.label-box label{ font-size: 1.6rem;}
#qr-code-view{display:inline-block;padding-top:3rem;}
#qr-code-view2{display:inline-block;padding-top:3rem;}

.qrdown{display: inline-block; margin: 0 auto; margin-top: 2rem; background-color: #111; color: #fff; font-size: 1.6rem; font-weight: 500;border-radius: 4px; padding: 10px 60px;}
.qrdown2{display: inline-block; margin: 0 auto; margin-top: 2rem; background-color: #111; color: #fff; font-size: 1.6rem; font-weight: 500;border-radius: 4px; padding: 10px 60px;}

.form-footer{text-align: center;margin-top:4rem ;}
.check_box {width: 1.6rem;height: 1.6rem;border-radius: 3px;border: 1px solid #bbbbbb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.check_box::before {content: "";position: absolute;box-sizing: border-box;width: 30%;height: 55%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-70%) rotateZ(40deg);}
.pro_label {position: relative;}
.pro2{width: 80%;margin-left: 30px;}
.pro2 label{margin-left: 30px;}
.pro_check {width: 1.8rem;height: 1.8rem;background-color: #7f7f7f;border: 1px solid #7f7f7f;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.pro_check::before {content: "";position: absolute;box-sizing: border-box;width: 39%;height: 61%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-70%) rotateZ(40deg);border-right: 2px solid #d9d9d9;border-bottom: 2px solid #d9d9d9;}
.pro label {padding-left: 1.2em;position: relative;cursor: pointer;}
[type="checkbox"]:checked + .pro_label .pro_check {border-color:  #de2129;background-color: #de2129;}
[type="checkbox"]:checked + .pro_label .pro_check::before {border-color: #fff;}
[type="radio"]:checked + .pro_label .pro_check {border-color:  #de2129;background-color: #de2129;}
[type="radio"]:checked + .pro_label .pro_check::before {border-color: #fff;}
.screen-reader{display: none;}
.radio_wrap{display: flex;justify-content: start; align-items: center; gap: 0 1rem;margin-top: 1.8rem;width: 100%;}
.check_list2{width: 100% !important;}

/* 마이쿠폰 */
.mycoupon {float: left ; max-width: 956px; width: 100%;}
.mycoupon h2{font-size: 2.3rem; font-weight: 600; padding-bottom: 1rem;}
.mycoupon .wrap{border-top: 2px solid #6d6d6d; }
.mycoupon .tabs {display: flex;gap: 0;}
.mycoupon .tab_btn {flex: 1;padding: 1.8rem 0;text-align: center;background-color: #f7f7f7;border: none;outline: none;cursor: pointer;font-size: 16px;transition: background-color 0.3s ease;color: #c6c7c7;}
.mycoupon .tab_btn.tab_active {background-color: #fff;color: #333;font-weight: bold;}

.mycoupon .content {font-size: 18px;line-height: 1.6;display: none;}
#content-0 {display: block;}
.mycoupon .info{background-color: #f7f7f7; padding: 3rem;margin-top: 4rem;}
.mycoupon .info li{color: #adadab;font-size: 1.6rem;}
.mycoupon .info p{color: #333;font-size: 1.8rem;font-weight: 700; margin-bottom: 1rem;}
.mycoupon table{width: 100%; margin-top: 4rem;}
.mycoupon table td{text-align: center;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;padding: 10px 0; font-size: 1.6rem;}
.mycoupon .coupon_wrap{margin-top: 4rem;display: flex; flex-direction: column; gap: 1rem;}
.mycoupon .coupon{padding: 2.5rem 3rem; border: 1px solid #e3e3e3; border-radius: 5px;display: flex;justify-content: space-between;font-size:1.6rem; color:#c6c7c7;}
.mycoupon .coupon p{font-size: 1.6rem; font-weight: 700; }
.mycoupon .coupon .date{background-color: #f7f7f7; border-radius: 5px; padding: 6px 8px; font-size: 13px;color: #999; }
.partner_btn_wrap{display: flex; justify-content: start;align-items: center; gap: 0 20px;}
.partner_btn_wrap .partner_info{font-size: 14px;font-weight: 500; color: #989898; text-decoration: underline;}
.partner_btn_wrap .partner_btn{display: block; background-color: #89b92a; border-radius: 8px; color: #fff; font-size: 14px; font-weight: 500;padding: 1rem 4rem; }


@media all and (max-width: 1300px){
    .partner_reward_home_wrap{gap: 0 3rem;}
    #reward_home_menu{width: 18%; padding: 30px 20px;}
    .total_reward_wrap{width: 80%;}
    .reward_office_wrap{width: 80%;}
}
@media all and (max-width: 1200px){
    #smb_my_ov{flex-wrap: wrap;gap: 2rem;}
    #smb_my_ov .smb_me{width: 100%;}
    .smb_private, .smb_reward_wrap, .partner_smb_private{width: 49%;}
.det2{width:69%;}
}
@media screen and (max-width:1200px) and (min-width:951px) {
    .product-image img{object-fit: contain;}
    .product_btn_wrap{height: 39.5rem;}
}
@media all and (max-width: 1100px){

.det2{width:75%;}
}
@media screen and (max-width:950px) and (min-width:851px) {
    .product-image img{object-fit: contain;}
    .product_btn_wrap{height: 32.5rem;}
}
@media all and (max-width: 1024px){
    
    .theme_visual{margin-top: 0;}
    #all_margin{margin-top: 134px;}
    .partner_sub_visual{margin-top: 60px;}
    .partner_sub_visual{background: url(../img/t_partner_main.png)no-repeat; background-position: right; background-size: cover;height: 400px;}
    .partner_sub_visual .text_wrap h5{font-size: 2.4rem;}
    .partner_sub_visual .text_wrap h6, .partner_sub_visual .text_wrap h6 span, .partner_01 h2, .partner_01 h2 span{font-size: 3.2rem;}
    .partner_01 .item .sub_title h3{font-size: 2.6rem;}
    .partner_01 .item .sub_title .number{width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.8rem;}
    .partner_01 .item p, .partner_01 .item p span{font-size: 2.2rem;}
    .partner_01 .wrap .item .img{width: 27%;}
    .partner_01 .wrap .item .img img{width: 100%;}
    .partner_01 .text_contents h4, .partner_01 .text_contents h4 span{font-size: 3rem;}
    .partner_01 .text_contents h5{font-size: 2rem;}
    .partner_02 h2{font-size: 3rem;}
    .partner_02 .img{width: 65rem;}
    .partner_03 .sub_title img{width: 40rem;}
    .partner_03 .sub_title p{font-size: 2rem;}
    .partner_03 .wrap .sub_title2 h2, .partner_03 .wrap .sub_title2 h2 span{font-size: 3rem;margin-top: 1rem;}
    .partner_03 .wrap .sub_title2 img{width: 3rem;}
    .partner_03 .contents h3{font-size: 1.8rem;}
    .partner_03 .contents h4{margin-top: 1.5rem; font-size: 2rem;}
    .partner_03 .contents h5, .partner_03 .contents h5 span{font-size: 1.6rem;}
    .partner_03 .contents h6, .partner_03 .contents h6 span{font-size: 2rem;}
    .partner_03 .contents .arrow{width: 3rem;}
    .partner_inner .line img{height: 650px;}
    .partner_04 .sub_title h3{font-size: 1.8rem;}
    .partner_04 .sub_title h2{font-size: 3.2rem;}
    .collapsible{font-size: 2rem;}
    .partner_05>img{width: 30rem;}
    .partner_05 a>img{width: 30rem;}
    .partner_03 .contents img{width: 100%; max-width: 42.2rem;}
    .partner_reward_home_wrap{flex-wrap: wrap;gap: 5rem 0;}
    #reward_home_menu{width: 100%;max-width: 100%;}
    #reward_home_menu>ul{width: 100%;display: flex ; justify-content: space-between; align-items: start;flex-wrap: wrap;gap: 4rem 1.5rem;}
    #reward_home_menu>ul>li{width: 22%;}
    .line_box{display: none;}
    #sct{padding: 6rem 0;}
    #sct_location {top: 17px;}
.total_reward_wrap{width: 100%;}
.reward_office_wrap{width: 100%;}
#reward2{position: absolute; top: 100px;display: block;}
.det2{width: 30%;justify-content: start;}
.det2 ul{gap: 0 10rem;}
#my_page_menu_wrap{width: 100%; max-width: 100%; margin-bottom: 30px;}

}
@media all and (max-width: 920px){
    .smb_private, .smb_reward_wrap, .partner_smb_private{width: 48%;}
    .line_box{display: none;}
}
@media all and (max-width: 850px){
    .det2 ul{gap: 0 8rem;}
    .det2{width: 35%;}
    .main_cate2{gap: 0 8rem;}
    .partner_inner .line{display: none;}
    .partner_03 .wrap .sub_title2{margin-bottom: 2.1rem;}
    .partner_03 .contents h5{margin-bottom: 2.5rem;}
    .partner_03 .contents h6{margin-top: 2.5rem;margin-bottom: 8rem;}
    .partner_03 .wrap{padding: 0 ;padding-top: 6rem;}
    .product_btn_wrap{position:relative;width: 100%;height:500px; }
}
@media all and (max-width: 768px){
    .det2 ul{gap: 0 4rem;}
    /* .det2 {width: 26%;} */
    .partner_sub_visual .text_wrap h5{font-size: 1.8rem;}
    .partner_sub_visual .text_wrap h6, .partner_sub_visual .text_wrap h6 span{font-size: 2.8rem;}
    .partner_sub_visual .text_wrap h6, .partner_sub_visual .text_wrap h6 span, .partner_01 h2, .partner_01 h2 span{font-size: 2.8rem;}
    .partner_01 .item .sub_title h3{font-size: 2rem;}
    .partner_01 .item .sub_title .number{font-size: 1.6rem;}
    .partner_01 .item p, .partner_01 .item p span{font-size: 1.8rem;}
    .partner_01 .text_contents h4, .partner_01 .text_contents h4 span{font-size: 2.2rem;margin-bottom: 2rem;}
    .partner_01 .text_contents h5{font-size: 1.6rem;}
    .partner_01 .text_contents{padding: 4rem;}
    .partner_01, .partner_02, .partner_03, .partner_04 {padding: 10rem 0;}
    .partner_02 .img{width: 92%; max-width:50rem ;}
    .partner_02 .sub_title{margin-bottom: 7rem;}
    .partner_03 .sub_title img{width: 30rem ;}
    .partner_03 .sub_title p{font-size: 1.8rem; margin-top: 2.5rem; margin-bottom: 7.2rem;}
    .partner_03 .wrap .sub_title2 h2, .partner_03 .wrap .sub_title2 h2 span{font-size: 2.4rem;}
    .partner_04 .sub_title h2{font-size: 2.8rem;}
    .partner_05>img, .partner_05 a>img{width: 25rem;}
    .partner_05{gap: 2rem 0;}
    .content .tbox{padding: 4rem 2rem;}
    .graph_data .reco_today, .graph_data .item{padding: 2rem 1rem;}
    .graph_data .reco_today, .graph_data .item{gap: 0.8rem 0;}
    .graph_data .link_number{gap: 0.8rem 0;}
    .total_reward_wrap .sub_title h2{font-size: 2.2rem;}
    .total_reward_wrap .sub_title img{width: 18px;}
    .tbl_head01 a{font-size: 1.6rem;}
    #bo_cate a{font-size: 1.6rem;}
    .recom_container .item{gap: 0rem 0 ; padding: 1rem 0rem;}
    .recom_container .summary-box{gap: 0rem 0 ; padding: 1rem 0rem;min-height: 60px;}
    .recom_container .summary-label, .recom_container h5{font-size: 12px;}
    .recom_container .summary-value, .graph_data .link_today h6{font-size: 1.8rem;}
    .graph_data .link_today, .graph_data .link_number{gap: 0 ;}
    .graph_data .link_number{gap: 0 ;}
    .graph_data .link_number, .graph_data .link_today{height: 70px;}
    .graph_title .reco_tab{font-size: 1.4rem;padding: 1rem 2rem;}
    
}
@media all and (max-width: 650px){
    .partner_sub_visual{background: url(../img/m_partner_main.png)no-repeat; background-position: center; background-size: cover;height: 300px;}
    #my_page_menu_wrap>ul{flex-wrap: wrap;}
    #my_page_menu_wrap>ul{gap:4rem 1.5rem; justify-content: start;}
    #my_page_menu_wrap>ul>li{width: 31%;}
    #reward_home_menu>ul>li{width: 48%;}
    .chart_table{width: 650px;}
    .chart_table_wrap p{font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; display: block;color: #0fab35;}
    #reward2{position: absolute; top: 200px;display: block;}
    .main_cate2{width: 100%; margin: 0 auto; justify-content: space-around;gap: 0 3rem;}
	.mob_sub_menu .inner{width:100%;}
    
}
@media screen and (max-width:570px) {
    .smb_private, .smb_reward_wrap, .partner_smb_private{width: 100%;}
    .link_copy_wrap{flex-wrap: wrap;gap: 5px;}
    .br_570{display: block;}
    #smb_my_ov .smb_name_wrap span{line-height: 160%;}
   
}
@media all and (max-width: 550px){
    .partner_01 .wrap .item{padding: 5rem 3rem; padding-top:9rem ;position: relative;}
    .partner_01 .wrap .item .img{position: absolute; top: 2rem; right: 3rem;width: 35%;}
    .partner_03 .contents{width: 100%;}
    .partner_03 .contents img{width: 92%;}
    .partner_04 .sub_title{margin-bottom: 5rem;}
    .partner_btn_wrap{flex-direction: column; gap: 5px; justify-content: start; align-items: start;}
    
}
@media screen and (max-width:500px) {
    .partner_conversion_wrap li{flex-wrap: wrap;}
    .bank_name input{width: 66.2%;}
    .partner_conversion_wrap label{width: 100%;}
    .partner_conversion_wrap .label_width{width: 100%; margin-bottom: 10px;}
    .partner_conversion_wrap .bank_wrap{width: 100%;}
    .id_number input{width: 45%;}
    .partner_conversion_wrap{padding-top: 4rem; margin-bottom: 10rem;}
    .graph_data{flex-wrap: wrap; gap: 1rem;}
    .graph_data .reco_today, .graph_data .reco_sale_items, .graph_data .link_today, .graph_data .link_number{width: 100%;}
    .partner_reward_home_wrap{margin-bottom: 10rem;}
    .promotional_content li{flex-wrap: wrap;gap: 1rem 0;}
    .promotional_content label{width: 100%;}
    .promotional_content input{width: 100%;}
    .file-group .file_upload{width: 30%;}
    .event_wrap{padding-top: 4.2rem;}
    .theme_visual .pager-prev i, .theme_visual .pager-next i{font-size: 2.5rem;}
    .top_banner p, .shop_login_wrap li a{font-size: 12px;}
     .top_banner p{line-height: 35px;}
     .top_banner{height: 35px;}
     .mobile_head{top: 35px;}
     #all_margin{margin-top: 126px;}
    #sit_opt_added li{padding: 17px 5px;padding-top: 30px;}
    .login_if_auto2 input[type="checkbox"]{margin-right: 2px;width: 15px; height: 15px;}
    .login_if_auto2 input[type="checkbox"] + label, .login_info_find a{font-size: 1.4rem;}
    .login_if_auto2 input[type="checkbox"] + label{margin-right: 10px;}
    #sit_opt_added button{width: 20px; height: 20px;font-size: 1.4rem;}
    #sit_opt_added .num_input{height: 20px;}
    #sit_opt_added li{align-items: center;}
    #sit_opt_added li .opt_count{align-items: center;}
    #sit_opt_added .sit_opt_prc{line-height:20px;}
    #sit_tot_price{padding: 0; padding-bottom: 10px; margin-bottom: 1.6rem;}
    .link_btn_wrap a{width: 30px; height: 30px; }
    .link_btn_wrap a img{width: 18px; height: 18px; }
    .link_btn_wrap{right: 15px;top: -12%;}
    .reward_info span{font-size: 11px; margin-left: 5px;}
    .reward_info h6{font-size: 14px;}
    .chart_placeholder{padding: 2rem;}
    .recom_container .summary{flex-direction: column; gap: 10px 0;}
    .recom_container .summary > .summary-box{width: 100%;margin: 0 ;}
     .recom_container .reco_sale_items{width: 100%;}
     .mob_sub_menu{top: 84px;}
     .main_cate2 a{font-size: 1.6rem;}
     #my_page_menu_wrap>ul{flex-direction: column;}
     #my_page_menu_wrap>ul>li{width: 100%;}
     #my_page_menu_wrap>ul>li::after{content: "" ; display: block; width: 100%; height: 1px ;background-color: #f3f3f3; margin: 12px 0;}
     #my_page_menu_wrap>ul>li:last-child:after{display: none;}
     #my_page_menu_wrap>ul{gap: 1rem 1.5rem;}
     #reward_home_menu>ul{flex-direction: column;gap: 1rem 1.5rem;}
#reward_home_menu>ul>li::after{content: "" ; display: block; width: 100%; height: 1px ;background-color: #f3f3f3; margin: 12px 0;}
#reward_home_menu>ul>li:last-child:after{display: none;}
.reward_office{margin-bottom: 0;}
#reward_home_menu>ul>li{width: 100%;}
}
@media screen and (max-width:450px) {
    .graph_title .new_tab{padding: 1rem 2rem;}
    .reward_info p{font-size: 12px;margin-left: 5px;}
    .reward_info a{font-size: 12px; margin-left: 20px;}
    .reward_info{flex-wrap: wrap;gap: 5px 0;}
    .reward_info div{width: 100%;justify-content: start;}
    .main_cate2{gap: 0 0rem;}
}
@media screen and (max-width:340px) {
    .login_if_auto2{flex-wrap: wrap; gap: 1rem 0;justify-content: center; align-items: center;}
    .join{margin-top: 30px;}
}


@media screen and(max-width:650px) {
    .suggestion_img h6{font-size: 1.8rem;}
    .suggestion_img .img_box img{width: 18rem;}
}