.wrap {width: 100%; max-width: 768px; margin: 0 auto; padding: 0 16px 0; overflow: hidden;}
    .wrap section {padding: 30px 0 42px;}
    .wrap section.pt0 {padding-top: 0;}
    .main_banner {position: relative; width: 100%; height: 39px; max-width: 768px; margin: 0 auto;   background-color: #333333; overflow: hidden;}
    .main_banner a {display: block; font-weight: 700; font-size: 15px; padding: 12px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .wrap .top_cont .top_area { display: flex; height: 50px; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box;}
    .wrap .top_cont .top_area .top_right_cont { display: flex; flex-direction: row; justify-content: flex-start; gap: 12px; align-items: center; box-sizing: border-box;}
    .wrap .top_cont .top_area .backspace_wrap{}
    .wrap .top_cont .top_area .backspace_wrap .backspace {display: block; width: 18px; height: 12px; background-image: url('../images/arr_left.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .shop_btn_wrap{}
    .wrap .top_cont .top_area .shop_btn_wrap .shop_btn {display: block; width: 24px; height: 24px; background-image: url('../images/shopping_bag.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .home_wrap {display: flex; justify-content: flex-start; flex-direction: row; gap: 12px; align-items: center;}
    .wrap .top_cont .top_area .home_wrap .home_btn {display: block; width: 20px; height: 20px; background-image: url('../images/home.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .home_wrap .txt {font-weight: 700; font-size: 4.1667vw;}
    .wrap .top_cont .top_area .share_wrap{}
    .wrap .top_cont .top_area .share_wrap .share {display: block; width: 20px; height: 20px; background-image: url('../images/share.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .flex_row {display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
    .wrap .top_cont .read_btn {font-size: 14px; color: #666666;}
    .wrap .top_cont .top_tit {font-size: 20px; font-weight: 700; line-height: 1;}
    .wrap .top_cont .top_tit.st1 {line-height: 26px;}
    .wrap .top_cont .logo {display: block; padding: 60px 0;}
    .wrap .top_cont .logo .logo_img {display: block; width: 191px; height:24px; margin: 0 auto; background-image: url('../images/logo.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .logo .logo_img.beta {display: block; width: 203px; height:24px; margin: 0 auto; background-image: url('../images/logo_beta.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}

    .wrap .top_cont .top_area .main_logo_box {}
    .wrap .top_cont .top_area .main_logo_box .main_logo {display: block; width: 188px; height: 16px; background-image: url('../images/main_logo.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .main_logo_box .main_logo.beta {display: block; width: 203px; height: 24px; background-image: url('../images/logo_beta.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .profile {}
    .wrap .top_cont .top_area .profile > a {display: block; width: 36px; height: 36px; border-radius: 50%; background-color: #d9d9d9; overflow: hidden;}
    .wrap .top_cont .top_area .profile > a > img {width: 100%; height: 100%;} 
    .wrap .top_cont .top_area .before_login {}
    .wrap .top_cont .top_area .before_login > a {display: block; font-weight: 700; font-size: 15px;}
    .wrap .search_wrap {} 
    .wrap .search_wrap .search_box {position: relative; width: 100%; margin: 4px 0 0; } 
    .wrap .search_wrap .search_box input[type='text'] {width: 100%; height: 48px; padding: 0 35px 0 20px; font-size: 14px; border: 2px solid transparent; border-radius: 30px; background-clip: padding-box, border-box; background-origin: border-box;background-image: linear-gradient(white, white), linear-gradient(to right, #58DABD, #33C8A7);} 
    .wrap .search_wrap .search_box input[type='text']::placeholder {color: #666666;} 
    .wrap .search_wrap .search_box .search_icon {display: block; position: absolute; top: 50%; right: 20px; width: 16px; height: 16px; transform: translateY(-50%); background-image: url('../images/serach.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;} 
    .wrap .search_wrap .cate_wrap {}   
    .wrap .search_wrap .cate_list {display: flex; width: auto !important;  margin: 10px 0 0; justify-content: flex-start; flex-direction: row; align-items: center; }   
    .wrap .search_wrap .cate_list::-webkit-scrollbar { display: none;}
    

    .wrap .search_wrap .cate_list > li {flex-shrink: 0; width: auto !important; display: inline-flex; }   
    .wrap .search_wrap .cate_list > li > a{display: block; position: relative; padding: 0 15px; font-weight: 500; font-size: 14px; line-height: 30px; color: #666666;  white-space: nowrap;}   
    .wrap .search_wrap .cate_list > li > a:after {content: ''; width: 1px; height: 15px; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #DADADA;}   
    .wrap .search_wrap .cate_list > li > a.act {border-radius: 6px; background-color: #333333; color: #fff;}   
    .wrap .search_wrap .cate_list > li > a.act:after {display: none;}   
    .wrap .search_wrap .cate_list > li:last-child {margin-right: 0 !important;}   
    .wrap .search_wrap .cate_list > li:last-child > a:after {display: none;}   
    .wrap .search_wrap .cate_box {display: flex; margin: 17px 0 20px; gap: 8px; justify-content: flex-end; flex-direction: row; align-items: center;}
    .wrap .search_wrap .cate_box .cate_tit {font-weight: 700; font-size: 16px; color: #333;}   
    .wrap .search_wrap .cate_box .main_select_wrap {display: flex; justify-content: flex-start; gap: 15px; flex-direction: row; align-items: center; font-size: 14px; color: #333;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box {position: relative; min-width: 100px; font-size: 14px; line-height: 36px;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_area {position: relative; padding: 0 10px 0 0; cursor: pointer;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_area:after {content: ''; display: block; width: 10px; height: 11px; position: absolute; top: 50%; right: 0; background-image: url('../images/down-arrow.svg'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_area.on:after {transform: translateY(-50%) rotate(180deg); transition: all 0.3s;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_option {display: none; width: 100%; max-height: 102px; position: absolute; bottom: 0; left: 0; transform: translateY(100%); background-color: #fff; z-index: 9;padding: 6px 0; border-radius: 8px; border: 1px solid #DADADA; overflow-y: auto;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_option > li {line-height: 30px;  padding: 0 10px; cursor: pointer;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_option > li.disable {background-color: #DADADA;}
    .wrap .search_wrap .cate_box .main_type_wrap {position: relative;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type {background-image: url(../images/def.svg); width: 36px; height: 36px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; cursor: pointer;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type.type_2 {background-image: url(../images/type1.svg);}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type.type_3 {background-image: url(../images/type2.svg);}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_box {display: none; position: absolute; top: 100%; right: 0; padding: 12px 16px; border-radius: 8px; border: 1px solid #DADADA; z-index: 8; background-color: #fff;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list {width: 100%; display: flex; justify-content: flex-start; flex-direction: column; gap: 10px; }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li {}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a {display: block; width: 38px; height: 38px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type_1 {background-image: url(../images/def.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type_1.on {background-image: url(../images/def_on.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type_2 {background-image: url(../images/type1.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type_2.on {background-image: url(../images/type1_on.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type_3 {background-image: url(../images/type2.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type_3.on {background-image: url(../images/type2_on.svg); }

    .wrap .search_wrap .cate_area {}
    .wrap .search_wrap .cate_area .cate_area_list {display:flex;justify-content:flex-start;flex-direction:row;gap:4px;align-items:center;flex-wrap:wrap;}
    .wrap .search_wrap .cate_area .cate_area_list>li {}
    .wrap .search_wrap .cate_area .cate_area_list>li>a {display:block;padding:0 10px;font-weight:500;font-size:12px;line-height:24px;border-radius:20px;background-color:#EEEEEE;}


    /*메인*/
    .wrap .main {padding-top: 0;}
    .wrap .cont_box {position: relative;}
    .wrap .cont_box .cont_list {width: 100%; display: flex; gap: 12px; justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
    .wrap .cont_box .cont_list > li {display: block; width: calc(50% - 6px);}
    .wrap .cont_box .cont_list:not(:has(li)) {display: none;}
    .list_top_box {display: flex; margin: 0 0 10px; justify-content: space-between; flex-direction: row; align-items: center;}
    .list_top_box .creator_box {display: flex; gap: 10px; justify-content: flex-start; flex-direction: row; align-items: center;}
    .list_top_box .creator_box .profile {}
    .list_top_box .creator_box .profile > a {display: block; width: 32px; height: 32px; border-radius: 50%; background-color: #d9d9d9; overflow: hidden; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .list_top_box .creator_box .profile > a img{display: block; width: 100%; height: 100%;}
    .list_top_box .creator_box .name {}
    .list_top_box .creator_box .name > a {display: block; font-weight: 700; font-size: 15px;}
    .list_top_box .creator_box .date {font-weight: 500; font-size: 13px;  color: #999999;}
    .list_top_box .follow {font-weight: 700; font-size: 13px; color: #1FB29E;}
    .list_top_box .unfollow {color: #999999;}
    .list_top_box .delete_icon {display: block; width: 20px; height: 20px; background-image: url('../images/delete.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    

    .wrap .cont_box .cont_list > li .list_thumb {flex-shrink: 0;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb {position: relative; flex-shrink: 0; border: 1px solid #E4E4E4; border-radius: 8px; background-color: #d9d9d9; overflow: hidden;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb:hover img {transform: scale(1.05);}
    .wrap .cont_box .cont_list > li .list_thumb .thumb img {display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt {position: absolute; bottom: 29px; left: 0; width: 100%;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt .disable_box {position: relative;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt .bg {width: 100%; height: 29px; background-color: #333333; opacity: 0.8;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt .txt {position: absolute; top: 50%; left: 0; width: 100%; font-size: 14px; color: #FF3257; opacity: 0.8; transform: translateY(-50%); text-align: center;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .bookmark_icon  {display: block; width: 18px; height: 22px; position: absolute; top: 15px; right: 17px; background-image: url('../images/bookmark_de.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .bookmark_icon.act  {background-image: url('../images/bookmark_act.svg');}
    
    .wrap .cont_box .cont_list > li .list_text_box {display: flex; padding: 10px 0 0; gap: 9px; justify-content: flex-start; flex-direction: column; }
    .wrap .cont_box .cont_list > li .list_text_box .nick_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .wrap .cont_box .cont_list > li .list_text_box .nick_box .nickname {font-weight: 500; font-size: 11px; color: #999999;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box {display: flex; justify-content: space-between; flex-direction: row; }
    .wrap .cont_box .cont_list > li .list_text_box .code_box.disable .code_area .code_tit {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area {position: relative; display: flex;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit_box {display: flex; justify-content: flex-start; align-items: center; gap: 8px; }
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .bundle_code {font-size: 11px; line-height: 17px;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit {position: relative; display: inline-block; padding: 0 16px 0 0; font-size: 12px; line-height: 17px;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit:before {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 8px; height: 8px; background-image: url('../images/bxs_down-arrow2.svg'); background-position: center; background-size : 100% 100%; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.3s;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit.on:before {transform: translateY(-50%) rotate(180deg);}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box {display: none; position: absolute; top: 130%; left: 0; min-width: 134px; padding: 10px; border: 1px solid #E4E4E4; border-radius: 8px; background-color: #fff; z-index: 9;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list { display: flex; justify-content: flex-start; flex-direction: column; gap: 6px;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list > li {display: flex; justify-content: space-between; flex-direction: row;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list > li span {font-size: 13px;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list > li span.tit {font-weight: 600;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box.disable .code_area .code_list_box .code_list > li span.txt {color: #FF3257;}

    .wrap .cont_box .cont_list > li .list_text_box .code_box .code {font-weight: 600; font-size: 14px; color: #1FB29E;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box.disable .code {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu {}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_btn {display: block; width: 20px; height: 20px; background-image: url('../images/kebab.svg'); background-position: center; background-size : 100% 100%; background-repeat: no-repeat;}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_menu_list {display: none; position: absolute; top: 100%; right: 0; background-color: #fff; border: 1px solid #E4E4E4; border-radius: 8px;}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_menu_list > li {}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_menu_list > li > a {display: block; padding: 12px; font-size: 14px;}
    .wrap .cont_box .cont_list > li .list_text_box .title {width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 700; font-size: 14px; color: #333333;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box {display: flex; gap: 6px; justify-content: flex-start; flex-direction: row; align-items: center;}
    /*.wrap .cont_box .cont_list > li .list_text_box .code_box.disable + .sm_txt_box .txt {color: #FF3257;}*/
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .txt {position: relative; font-weight: 500; font-size: 11px; line-height: 17px; color: #1FB29E;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .txt.disable {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list {display: flex; justify-content: flex-start; flex-direction: row; gap: 2px; flex-wrap: wrap;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list > li {position: relative; padding: 0 8px; flex-shrink: 0; font-weight: 500; font-size: 10px; line-height: 18px; background-color: #EFEFEF; border-radius: 8px; color: #333333;}
    
    
    .wrap .cont_box .cont_list.type_2 {gap: 30px;}
    .wrap .cont_box .cont_list.type_2 > li {display: flex; width: 100%; gap: 16px; align-items: center;}
    .wrap .cont_box .cont_list.type_2 > li .list_thumb {width: 250px;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box {padding: 0; gap: 12px; }
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .nick_box .nickname {font-size: 17px; }
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .title {font-size: 16px;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .sm_txt_box .txt {font-size: 13px; line-height: 19px;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .sm_cate_list {gap: 4px;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .sm_cate_list > li {padding: 0 8px; font-size: 12px; line-height: 18px; }
    
    .wrap .cont_box .cont_list.type_3 {gap: 50px;}
    .wrap .cont_box .cont_list.type_3 > li {display: block; width: 100%;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .disable_txt {position: absolute; bottom: 40px; left: 0; width: 100%;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .disable_txt .bg {width: 100%; height: 40px; background-color: #333333; opacity: 0.8;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .disable_txt .txt {position: absolute; top: 50%; left: 0; width: 100%; font-size: 18px; color: #FF3257; opacity: 0.8; transform: translateY(-50%); text-align: center;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box {padding: 10px 0 0; gap: 14px;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .nick_box .nickname {font-weight: 700; font-size: 14px;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .title {font-weight: 700; font-size: 16px;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .sm_txt_box .txt {font-size: 13px; line-height: 19px;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .sm_cate_list {gap: 4px;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .sm_cate_list > li {padding: 0 8px; font-size: 12px; line-height: 18px; border-radius: 20px; }
    
    /*블러 박스*/
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box {display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.2); z-index: 2; gap: 12px;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box .tit {font-weight: 600; font-size: 18px; color: #FAFAFA;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box .txt {font-size: 14px; color: #FAFAFA; line-height: 1.3; text-align: center;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box .blur_btn {padding: 0 12px; font-weight: 600; font-size: 14px; line-height: 32px; background-color: #fff; border-radius: 20px;}
    
    .wrap .cont_box .cont_list.type_2 > li .list_thumb .thumb .blur_box .tit {font-size: 15px;}
    .wrap .cont_box .cont_list.type_2 > li .list_thumb .thumb .blur_box .txt {font-size: 12px;}
    .wrap .cont_box .cont_list.type_2 > li .list_thumb .thumb .blur_box .blur_btn {font-size: 12px; line-height: 24px; }

    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box { gap: 13px;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box .tit {font-size: 22px;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box .txt {font-size: 16px;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box .blur_btn {font-size: 15px; line-height: 34px;}


    .none_cont {display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 12px; min-height: 360px;}
    .none_cont .icon {width: 80px; height: 80px;}
    .none_cont .icon.cart {width: 32px; height: 32px;}
    .none_cont .icon img {display: block; width: 100%; height: 100%;}
    .none_cont .txt {font-weight: 700; font-size: 14px; color: #666666; line-height: 1.3; text-align: center;}

    /*상세*/
    .view {}    
    .view .view_cont {}    
    .view .view_cont .list_title {font-weight: 700; margin: 0 0 20px; font-size: 16px; line-height: 24px; }    
    .view .view_cont .tab_wrap {}    
    .view .view_cont .tab_wrap .tab_item_box {}    
    .view .view_cont .tab_wrap .tab_item_box .tab_box {position: relative; overflow: hidden;}    
    .view .view_cont .tab_wrap .tab_item_box .tab_box .tab_slide {}    
    .view .view_cont .tab_wrap .tab_item_box .tab_box .tab_slide li {position: relative; height: 470px; background-color : #d9d9d9; overflow: hidden; border-radius: 8px; overflow: hidden; }
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_4x6 .tab_slide li {height: 1104px;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_6x8 .tab_slide li {height: 981px;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A4 .tab_slide li {height: 1040px;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A3 .tab_slide li {height: 1040px;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A2 .tab_slide li {height: 1040px;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_photo .tab_slide li {height: 1172px;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_4x6 .tab_slide li.horizontal {width:100%; height:491px;} /* 736 * (1200 / 1800) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_6x8 .tab_slide li.horizontal {width:100%; height:552px;} /* 736 * (1800 / 2400) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A4 .tab_slide li.horizontal {width:100%; height:520px;} /* 736 * (2480 / 3508) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A3 .tab_slide li.horizontal {width:100%; height:520px;} /* 736 * (2480 / 3508) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A2 .tab_slide li.horizontal {width:100%; height:520px;} /* 736 * (2480 / 3508) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_photo .tab_slide li.horizontal {width:100%; height:462px;} /* 736 * (638 / 1016) */




    .view .view_cont .tab_wrap .tab_item_box .tab_box .tab_slide li img {width: 100%; height :100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .view .view_cont .tab_wrap .tab_item_box .tab_box .swiper-pagination {position: static; display: flex; gap: 8px; padding: 8px 0 0; justify-content: center; flex-direction: row; align-items: center;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box .swiper-pagination > span {width: 9px; height: 9px; margin: 0; background-color: #999999; border-radius: 50%;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box .swiper-pagination > span.swiper-pagination-bullet-active {background-color: #33C8A7;}
    .view .view_cont .tab_wrap .tab_tit_box {display: flex; justify-content: flex-start; align-items: center; gap: 8px;}
    .view .view_cont .tab_wrap .tab_tit_box .tab_tit {margin: 10px 0; font-size: 14px; color: #333;}
    .view .view_cont .tab_wrap .tab_list_area {}
    .view .view_cont .tab_wrap .tab_list_area .tab_list {display: flex; justify-content: flex-start; gap: 10px; flex-direction: column;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li {display: flex; justify-content: space-between; gap: 8px; align-items: stretch;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option {display: flex; width: 100%; padding: 16px; flex-direction: row; justify-content: space-between; cursor: pointer; border: 2px solid #E4E4E4; border-radius: 8px; }
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li.act .tab_option {border: 2px solid #33C8A7;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt {display: flex; gap: 6px; flex-direction: column; justify-content: space-between; }
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .code {font-weight: 600; font-size: 15px; color: #1FB29E;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .code.disable {color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .size {font-weight: 700; font-size :15px;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .count {font-size: 14px;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt {position: relative; display: flex; justify-content: space-between; flex-direction: column; flex-shrink: 0;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .right_btn {display: flex; justify-content: flex-end; flex-direction: row;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .favorite {display: block; width: 24px; height: 24px; background-image: url('../images/favorite.svg'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .plus {display: block; width: 62px; font-weight: 500; font-size: 14px; color: #fff; background-color: #33C8A7; border-radius: 8px; flex-shrink: 0;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .favorite.act {background-image: url('../images/favorite_on.svg');}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .price {font-weight: 700; font-size: 16px; color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .price span {display: inline-block; margin: 0 0 0 3px; font-weight: 500; font-size: 14px; color: #333333}
    .view .view_cont .tab_wrap .tab_bt_box {display: flex; margin: 20px 0; justify-content: space-between; flex-direction: row; align-items: center;}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box {display: flex; gap: 16px; justify-content: flex-start; flex-direction: row; }
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .txt {position: relative; font-weight: 500; font-weight: 500; font-size: 14px; padding: 0 0 0 23px;}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .txt:after {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .bookmark:after {background-image:url('../images/bookmark_border.svg');}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .date:after {background-image:url('../images/calendar_month.svg');}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .comment:after {background-image:url('../images/mode_comment.svg');}
    .view .view_cont .tab_wrap .tab_bt_box .report {position: relative; padding: 0 0 0 23px; font-weight: 500; font-size: 14px}
    .view .view_cont .tab_wrap .tab_bt_box .report:after {content:''; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%); background-image:url('../images/report.svg');}
    .view .view_cont .policy_box {display: flex; justify-content: space-between; gap: 12px; flex-direction: column; padding: 16px; background-color: #F7F7F7; border-radius: 8px;}
    .view .view_cont .policy_box .tit {font-weight: 700; font-size: 14px;}
    .view .view_cont .policy_box .txt {font-size: 14px; line-height: 21px;}
    .view .view_cont .view_txt {margin: 13px 0 25px; font-size: 14px; line-height: 21px;}
    .view .view_cont .near_search_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 12px;}
    .view .view_cont .near_search_box .txt {font-weight: 600; font-size: 14px; line-height: 1.5;}


    .view .view_cont .comment_box {margin: 13px 0 0;}
    .view .view_cont .comment_box .comment_list {display: flex; gap: 20px; justify-content: flex-start; flex-direction: column;}
    .view .view_cont .comment_box .comment_list > li {display: flex; gap: 12px; justify-content: flex-start; flex-direction: column;}
    .view .view_cont .comment_box .comment_list > li .list_top_box {margin: 0;}
    .view .view_cont .comment_box .comment_list > li .comment_txt {font-size: 13px; line-height: 16px;}
    
    .line {position: relative; width: 100%; height: 8px; margin: 0 0 26px;}
    .line.mg0 {margin: 0;}
    .line.mt10 {margin: 10px 0 0;}
    .line.mt20 {margin: 20px 0 0;}
    .line.mt30 {margin: 30px 0 0;}
    .line:after {content: ''; display: block; position: absolute; bottom: 0; left: -16px; width: calc(100% + 32px); height: 8px; background-color: #EEEEEE;}
    /*로그인*/
    .login_wrap {}
    .login_wrap .input_box .input_st {margin: 0 0 16px;}
    .login_wrap .input_box .input_st:last-child {margin: 0;}
    .login_bt_area {}
    .login_bt_area.bt30 {margin: 30px 0 0;}
    .login_bt_area .bt {margin: 0 0 12px;}
    .login_bt_area .bt:last-child {margin: 0;}
    .login_bt_area .bt.icon_bt.kakao {background-color: #FFE812; color: #3C1E1D;}
    .login_bt_area .bt.icon_bt.kakao a span {color: #3C1E1D;}
    .login_bt_area .bt.icon_bt.kakao a button {color: #3C1E1D;}
    .login_bt_area .bt.icon_bt.naver {background-color: #03CF5D;}
    .login_bt_area .bt.icon_bt.google {background-color: #404040;}
    .login_bt_area .bt.icon_bt.plus {background-color: #404040;}
    .login_bt_area .bt.icon_bt a {display: flex; gap: 10px; justify-content: center; flex-direction: row; align-items: center;}
    .login_bt_area .bt.icon_bt button {display: flex; gap: 10px; justify-content: center; flex-direction: row; align-items: center;}
    .login_bt_area .bt.icon_bt a span {font-weight: 700; font-size: 15px; color: #fff;}
    .login_bt_area .bt.icon_bt button span {font-weight: 700; font-size: 15px; color: #fff;}
    .login_bt_area .bt.icon_bt a span.icon {background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .login_bt_area .bt.icon_bt.kakao a span.icon {background-image:url('../images/kakao.svg'); width: 28px; height: 28px;}
    .login_bt_area .bt.icon_bt.naver a span.icon {background-image:url('../images/naver.svg'); width: 28px; height: 28px;}
    .login_bt_area .bt.icon_bt.google a span.icon {background-image:url('../images/google.svg'); width: 28px; height: 28px;}
    .login_bt_area .bt.icon_bt button span.icon {background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .login_bt_area .bt.icon_bt.kakao button span.icon {background-image:url('../images/kakao.svg'); width: 28px; height: 28px;}
    .login_bt_area .bt.icon_bt.naver button span.icon {background-image:url('../images/naver.svg'); width: 28px; height: 28px;}
    .login_bt_area .bt.icon_bt.google button span.icon {background-image:url('../images/google.svg'); width: 28px; height: 28px;}
    .login_bt_area .bt.icon_bt.already {background-color: #DADADA;}
    .login_bt_area .bt.icon_bt.kakao.already a span.icon {background-image:url('../images/al_kakao.svg');}
    .login_bt_area .bt.icon_bt.kakao.already button span.icon {background-image:url('../images/al_kakao.svg');}
    
    /*회원가입, 인풋*/
    .join_wrap {padding: 30px 0 0;}
    .input_box {}
    .input_box .input_st {position: relative; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 0 30px;}
    .input_box .input_st:last-child {margin: 0;}
    .input_box .input_st .size_option {margin: 0 0 24px;}
    .input_box .input_st .size_option:last-child {margin: 0;}
    .input_box .input_st.input_row {display: flex; flex-direction: row; justify-content: space-between; gap: 16px;}
    .input_box .input_st.input_row.gap38 {gap: 38px;}
    .input_box .input_st.input_row .flex_input {display: flex; width: 100%; flex-direction: column; justify-content: space-between;}
    .input_box .input_st .flex_input_row {display: flex; flex-direction: row; gap: 6px; justify-content: space-between; align-items: center;}
    .input_box .input_st .input_area.flex_input_row input[type='text'] {padding: 0 16px; font-size: 14px;}
    .input_box .input_st .input_area.flex_input_row input[type='text']::placeholder {font-size: 12px;}
    .input_box .input_st.input_date .chk_box {margin: 0 0 10px;}
    .input_box .input_st.input_date .input_area {margin: 0 0 8px;}
    .input_box .input_st.input_date .input_area:last-child {margin: 0;}
    
    .input_box .input_st .input_tit {font-size: 15px; font-weight: 700; margin: 0 0 10px;}
    .input_box .input_st .input_tit.tooltip {position: relative; display: flex; justify-content: flex-start; gap: 3px; align-items: center;}
    .input_box .input_st .input_tit .tooltip_btn {position: relative; display: block; width: 17px; height: 17px;}
    .input_box .input_st .input_tit .tooltip_btn img {display: block; width: 100%; height: 100%;}
    .input_box .input_st .input_tit .tooltip_box {display: none; position: absolute; padding: 15px; left: 54px; bottom: 0; max-width: 360px; min-width: 360px; transform: translateY(102%); background-color: #EEEEEE; z-index: 1; border-radius: 8px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
    .input_box .input_st .input_tit .tooltip_box .tooltip_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 10px; }
    .input_box .input_st .input_tit .tooltip_box .tooltip_list > li {position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 14px; line-height: 1.2;}
    .input_box .input_st .input_tit .tooltip_box .tooltip_list > li:before {content: ''; display: block; position: absolute; left: 3px; top: 6px; width: 3px; height: 3px; border-radius: 50%; background-color: #333;}
    .input_box .input_st .input_tit.radio_tit {font-size: 14px; display: flex; justify-content: flex-start; gap: 20px; align-content: center; }
    .input_box .input_st .input_tit.radio_tit span{display: block; flex-shrink: 0;}
    .input_box .input_st .option_row {display: none;}
    .input_box .input_st .option_row.act {display: block;}
    .input_box .input_st .option_row_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 12px;}
    .input_box .input_st .option_row_list > li {padding: 0 0 0 26px;}
    .input_box .input_st .input_sub_txt {font-size: 14px; margin: 0 0 10px; line-height: 1.3;}
    .input_box .input_st .flex_input .input_tit {margin: 0;}
    .input_box .input_st .input_area{position: relative; width: 100%;}
    .input_box .input_st .input_area.copy{display: flex; justify-content: space-between; flex-direction: row; gap: 0 10px; align-items: center;}
    .input_box .input_st .input_area.copy .copy{display: block; padding: 0 16px; font-weight: 500; font-size: 14px; line-height: 48px; border: 1px solid #33C8A7; border-radius: 8px;}
    .input_box .input_st .input_area.regist {display: flex; justify-content: space-between; flex-direction: row; gap: 0 10px; align-items: center;}
    .input_box .input_st .input_area.regist .regist_btn{display: block; padding: 0 16px; font-weight: 500; font-size: 14px; line-height: 48px; color: #fff; border-radius: 8px; background-color: #33C8A7;}
    .input_box .input_st .input_area.st2{display: flex; justify-content: space-between; flex-direction: row; gap: 2px; align-items: center;}
    .input_box .input_st .input_area.st2 > span {font-size: 14px;}
    .input_box .input_st .input_area.st2 input[type='text'] {width: 359px;}
    .input_box .input_st .input_area.st3{display: flex; justify-content: space-between; flex-direction: row; gap: 10px;}
    .input_box .input_st .input_area.st3 input[type='text'] {width: 237px;;}
    .input_box .input_st .input_area.st3 .select_box {width: 237px;;}
    .input_box .input_st .input_area.st4 .select_box {width: 100%;}
    .input_box .input_st .input_area .select_box {position: relative; width: 159px; border: 1px solid #DADADA; font-size: 14px; line-height: 48px; border-radius: 8px;}
    .input_box .input_st .input_area .select_area {position: relative; padding: 0 36px 0 16px; cursor: pointer;}
    .input_box .input_st .input_area .select_area:after {content: ''; display: block; width: 12px; height: 8px; position: absolute; top: 50%; right: 22px; background-image: url('../images/arr_bt.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.3s; }
    .input_box .input_st .input_area .select_area.on:after {transform: translateY(-50%) rotate(180deg);}
    .input_box .input_st .input_area .select_option {display: none; width: 100%; position: absolute; bottom: 0; left: 0; max-height: 192px; overflow-y: auto; transform: translateY(100%); background-color: #fff; z-index: 9; border: 1px solid #DADADA; border-radius: 8px; }
    .input_box .input_st .input_area .select_option > li {padding: 0 16px; cursor: pointer;}
    .input_box .input_st .input_area .select_option > li.disable {background-color: #DADADA;}
    .input_box .input_st .input_area input[type='text'],.input_box .input_st .input_area input[type='password'] {width: 100%; border: 1px solid #DADADA; font-weight: 500; font-size: 14px; line-height: 48px; padding: 0 36px 0 16px ; border-radius: 8px; }
    .input_box .input_st .sm_txt {color: #1FB29E;}
    .input_box .input_st .input_area.wrong input {border: 1px solid #FF3257; }
    .input_box .input_st .input_area.wrong + .sm_txt {color: #FF3257;}

    .input_box .input_st input::placeholder {font-weight: 500; color: #999999;}
    .input_box .input_st .input_area .pw_view {position: absolute; width: 20px; height: 14px; top: 50%; right: 16px; transform: translateY(-50%);  background-image: url('../images/password_show.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .input_box .input_st .input_area.disable .pw_view {height: 16px; background-image: url('../images/password_disable.svg');}
    .input_box .input_st .input_area .date {position: absolute; width: 24px; height: 24px; top: 50%; right: 16px; transform: translateY(-50%);  background-image: url('../images/date_icon.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .input_box .input_st.input_row .thumb_box {display: block; position: relative; width: 73px; height: 73px; border: 1px solid #DADADA; border-radius: 8px; flex-shrink: 0; overflow: hidden;}
    .input_box .input_st.input_row .thumb_box label {cursor: pointer;}
    .input_box .input_st.input_row .thumb_box input[type='file'] {display: none; }
    .input_box .input_st.input_row .thumb_box img {display: block; width: 100%; height: 100%; object-fit: cover;}
    
    .input_box .input_st.input_row .profile_box {}
    .input_box .input_st.input_row .profile_box .profile_btn {display: block; width: 210px; font-weight: 600; font-size: 15px; line-height: 44px; border-radius: 4px; background-color: #EEEEEE; text-align: center;}
    .input_box .input_st.input_row .profile_img {width: 80px; height: 80px; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; overflow: hidden; border-radius: 50%;}
    .input_box .input_st.input_row .profile_img img {display: block; width: 100%; height: 100%;}
    .input_box .input_st .channel_url {font-weight: 500; font-size: 14px;}
    
    
    /*체크박스, 라디오, 텍스트에이리어*/
    .chk_box{position:relative; font-size: 14px; color: #333333; line-height: 1.2;}
    .chk_box input {position: absolute;top:0;left:0;opacity: 0; width: 18px; height: 18px; z-index: 9;}
    .chk_box label {display: block; padding: 1px 0 1px 26px; background:url('../images/chk_off.svg') no-repeat left top; background-size: 18px 18px; cursor: pointer;}
    .chk_box input:disabled + label {background-image:url('../images/Checkbox_disable.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .chk_box.sty1 label {padding: 1px 0 1px 18px;}
    .chk_box input:checked+label {background:url('../images/chk_on.svg') no-repeat left top; background-size: 18px 18px;}
    .input_box .input_st .input_area.radio_area {display: flex; justify-content: flex-start; flex-direction: row; gap: 30px;}
    .input_box .input_st .input_area.radio_area.flex_col {flex-direction: column; gap: 10px;}
    .input_box .input_st .input_area.radio_area.flex_col label {display: flex; align-items: center; gap: 12px; padding: 14px 18px; border: 1px solid #ddd; border-radius: 10px; cursor: pointer; transition: all 0.25s; box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
    .input_box .input_st .input_area.radio_area.flex_col label:hover { border-color: #00b894; background: #f8fffb; box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
    .input_box .input_st .input_area .radio {display:flex; gap:8px; }
    .input_box .input_st .input_area .radio p{font-size:14px}
    .input_box .input_st .input_area input[type='radio'] { width: 18px; height: 18px; border: 1px solid #DADADA; border-radius: 50%;outline: none; cursor: pointer;}
    .input_box .input_st .input_area input[type='radio']:checked { background-color: #33C8A7; border: 4px solid #fff; box-shadow: 0 0 0 1px #DADADA; }
    .input_box .input_st .input_area.disable input[type='radio']:checked { background-color: #DADADA; }
    .input_box .input_st .textarea {max-height: 150px; min-height: 150px; overflow-y: auto; padding: 15px 16px; margin: 0 0 10px; font-size: 12px; line-height: 18px; color: #333; border: 1px solid #DADADA; border-radius: 8px;}
    .input_box .input_st .textarea1 {padding: 15px; font-size: 12px; line-height: 19px; color: #333; border: 1px solid #DADADA; border-radius: 8px;}
    .input_box .input_st .cate_box {display: flex; gap: 5px; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; padding: 10px 15px; min-height: 48px; border: 1px solid #DADADA; border-radius: 8px; color: #fff;}
    .input_box .input_st .cate_box li {position: relative; flex-shrink: 0; font-size: 12px; padding: 7px 20px 7px 7px; background-color: #EFEFEF; border-radius: 8px;}
    .input_box .input_st .cate_box li .txt {color: #333333; }
    .input_box .input_st .cate_box li .close_btn {position: absolute; width: 14px; height: 14px; top: 50%; right: 4px; background-image: url('../images/close_btn.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transform: translateY(-50%);}



    .input_box .input_st textarea {width: 100%; min-height: 300px; padding: 15px 16px; font-size: 14px; line-height: 21px; color: #333; border: 1px solid #DADADA; border-radius: 8px; color: #333333;}
    .input_box .input_st textarea.sty1 {min-height: 100px;}
    .input_box .input_st textarea::placeholder {color: #999999; font-size: 14px;}


    /*사진추가 폼*/
    .add_photowrap {display: flex; gap: 10px; justify-content: flex-start; flex-direction: row; align-items: center;}
    .add_photowrap input[type='file'] {display: none;}
    .add_photowrap .photo {display: block; margin: 10px 0 0; flex-shrink: 0; width: 72px; height: 72px; border: 1px solid #DADADA; border-radius: 8px; overflow: hidden; cursor: pointer;}
    .add_photowrap .photo img{display: block; width: 100%; height: 100%;}
    .add_photowrap .photo_wrap {padding: 10px 0 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none;}    
    .add_photowrap .photo_wrap::-webkit-scrollbar { height: 2px;}
    .add_photowrap .photo_wrap::-webkit-scrollbar-track { background: inherit; border-radius: 8px; }
    .add_photowrap .photo_wrap::-webkit-scrollbar-thumb {  background: #33C8A7; border-radius: 8px;}
    .add_photowrap .photo_wrap::-webkit-scrollbar-thumb:hover {background: #555;}
    
    .add_photowrap .photo_wrap .photo_list {display: flex;  gap: 10px; justify-content: flex-start; flex-direction: row; align-items: center; }
    .add_photowrap .photo_wrap .photo_list {display: flex;  gap: 10px; justify-content: flex-start; flex-direction: row; align-items: center; }
    .add_photowrap .photo_wrap .photo_list > li {position: relative; flex-shrink: 0; width: 72px; height: 72px; border: 1px solid #DADADA; border-radius: 8px; background-color: #EFEFEF; white-space: nowrap;}
    .add_photowrap .photo_wrap .photo_list > li img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .add_photowrap .photo_wrap .photo_list > li .close_btn {position: absolute; width: 18px; height: 18px; top: -2px; right: -3px; background-image: url('../images/close_btn.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}

    /*dot리스트*/
    ul.dot {}
    ul.dot > li {position: relative; padding: 0 0 0 15px;}
    ul.dot.sm_txt > li {line-height: 1.4;}
    ul.dot.sm_txt2 > li {line-height: 1.4;}
    ul.dot > li:after {content:''; display: block; position: absolute; top: 9px; left: 5px; width: 3px; height: 3px; background-color: #333; border-radius: 50%; }
    ul.dot.sm_txt > li:after {top: 7px; left: 6px; width: 3px; height: 3px; background-color: #33C8A7; border-radius: 50%; }
    ul.dot.sm_txt2 > li:after {top: 7px; left: 6px; width: 3px; height: 3px; background-color: #333; border-radius: 50%; }
    
    .login_bottom {display: flex; flex-direction: row; justify-content: space-between; margin: 0 0 16px 0;}
    .login_bottom .find_bt {font-size: 14px;}
    
    
    
    /*아이디,비밀번호 찾기*/
    .find_wrap {}
    .find_wrap .find_box {display: flex; gap: 30px; justify-content: flex-start; flex-direction: column;}
    .find_wrap .find_box .find_menu {display: flex; margin: 30px 0 0; gap: 8px; justify-content: space-between; flex-direction: row; align-items: center;}
    .find_wrap .find_box .find_menu > a {display: block; width: 50%; font-weight: 500; font-size: 15px; line-height: 48px; border-radius: 8px; border: 1px solid #E4E4E4; text-align: center;}
    .find_wrap .find_box .find_menu > a.act {border: 1px solid #33C8A7;}
    .find_wrap .find_box .find_area {}
    .find_wrap .find_box .find_area > li {display: none;}
    .find_wrap .find_box .find_area > li.act {display: block;}
    
    .result_wrap {}
    .result_wrap .result_box {display: flex; gap: 30px; padding: 30px 0 0; justify-content: flex-start; flex-direction: column;}
    
    
    .contents_wrap {padding: 30px 0 0;}
    /*.contents_wrap .input_box .input_st {margin: 0 0 24px;}
    .contents_wrap .input_box .input_st:last-child {margin: 0;}*/
    
    /*콘텐츠옵션*/
    .option_box {}
    .option_box .option_list {}
    .option_box .option_list > li {}
    .option_box .option_list > li .option_top_box {display: flex; margin: 30px 0 ; justify-content: space-between; flex-direction:row; align-items: center; }
    .option_box .option_list > li .option_top_box .option_tit {font-weight: 700; font-size: 18px;}
    .option_box .option_list > li .option_top_box .option_tit span {font-weight: 700; font-size: 18px;}
    .option_box .option_list > li .option_top_box .option_menu {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 8px; font-size: 0;}
    .option_box .option_list > li .option_top_box .option_menu .updown_btn {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 8px; font-size: 0;}
    .option_box .option_list > li .option_top_box .option_menu .updown_btn .option_up {display: block; width: 20px; height: 20px; background-image: url('../images/up_btn.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    .option_box .option_list > li .option_top_box .option_menu .updown_btn .option_down {display: block; width: 20px; height: 20px; background-image: url('../images/down_btn.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    .option_box .option_list > li .option_top_box .option_menu .delete {display: block; width: 20px; height: 20px; background-image: url('../images/delete.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    
    /*환불*/
    .refund_wrap {padding: 30px 0 0;}
    
    /*마이페이지*/
    .mypage_wrap {padding: 30px 0 0;}
    .mypage_wrap .profile_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .mypage_wrap .profile_box .left_profile {display: flex; justify-content: center; gap: 12px; flex-direction: column;}
    .mypage_wrap .profile_box .left_profile .mytit {font-weight: 700; font-size: 20px;}
    .mypage_wrap .profile_box .left_profile .nick_name_area {display: flex; justify-content: flex-start; gap: 10px; flex-direction: row; align-items: center;}
    .mypage_wrap .profile_box .left_profile .nick_name_area .nickname {font-weight: 700; font-size: 18px;}
    .mypage_wrap .profile_box .left_profile .nick_name_area .tag {font-size: 13px; color: #999999;}
    .mypage_wrap .profile_box .left_profile .txt {font-size: 13px; line-height: 1.3; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .mypage_wrap .profile_box .profile_img {flex-shrink: 0; position: relative; width: 80px; height: 80px; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .mypage_wrap .profile_box .profile_img .img_box {display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
    .mypage_wrap .profile_box input[type='file'] {display: none;}
    .mypage_wrap .profile_box .profile_img .profile_btn {position: absolute; bottom: 0; right: 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #E4E4E4; background-image: url('../images/add_a_photo.svg'); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; z-index: 2; background-color: #fff;}
    .mypage_wrap .profile_box .profile_img .img_box img {display: block; width: 100%; height: 100%;}
    
    .cont_wrap {display: flex; gap: 30px; justify-content: flex-start; flex-direction: column;} 
    .cont_wrap.p10 {padding: 10px 0 0; } 
    .cont_wrap.p20 {padding: 20px 0 0; } 
    .cont_wrap.gap60 {gap: 60px; padding: 0;}
    .cont_wrap .cont_box {display: flex; gap: 12px; justify-content: flex-start; flex-direction: column;} 
    .cont_wrap .cont_box.gap20 {gap: 20px;} 
    .cont_wrap .cont_box .cont_tit {font-weight: 700; font-size: 16px;} 
    .cont_wrap .cont_box .cont_subtit {font-size: 14px;} 
    .cont_wrap .cont_box .cont_tit.icon_tit {display: flex; justify-content: space-between; flex-direction: row; align-items: center;} 
    .cont_wrap .cont_box .cont_tit.icon_tit .tit {position: relative; padding: 0 0 0 32px; font-weight: 700; font-size: 20px;} 
    .cont_wrap .cont_box .cont_tit.icon_tit .more_view {font-size: 14px; color: #666666;} 
    .cont_wrap .cont_box .cont_tit.icon_tit .tit:after {content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 50%; left: 0; background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; transform: translateY(-50%);}
    .cont_wrap .cont_box .cont_tit.icon_tit .tit.icon_favorite:after {background-image: url('../images/favorite_border.svg');}
    .cont_wrap .cont_box .cont_tit.icon_tit .tit.icon_bookmark:after {background-image: url('../images/bookmark_border2.svg');}
    .cont_wrap .cont_box .icon_list {display: flex; gap: 8px; justify-content: space-between; flex-direction: row; align-items: center;} 
    .cont_wrap .cont_box .icon_list > li {display: flex; width: 33.3333%; padding: 20px 0; gap: 6px; justify-content: center; flex-direction: column; align-items: center; background-color: #F7F7F7; border: 2px solid #E4E4E4; border-radius: 8px;} 
    .cont_wrap .cont_box .icon_list > li .icon {width: 20px; height: 20px; background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;} 
    .cont_wrap .cont_box .icon_list > li .icon.icon_visible {background-image: url('../images/visibility.svg');} 
    .cont_wrap .cont_box .icon_list > li .icon.icon_thumbs {background-image: url('../images/thumb_up.svg');} 
    .cont_wrap .cont_box .icon_list > li .icon.icon_follow {background-image: url('../images/person_2.svg');} 
    .cont_wrap .cont_box .icon_list > li .count {font-weight: 600; font-size: 16px;}
    .cont_wrap .cont_box .icon_list > li .txt {font-size: 13px; color: #999999;}
    
    .cont_wrap .cont_box .revenue_box {display: flex; padding: 20px; justify-content: space-between; flex-direction: row; align-items: center; background-color: #F7F7F7; border: 2px solid #E4E4E4; border-radius: 8px;}
    .cont_wrap .cont_box .revenue_box .select_box {position: relative; background-color: #ffffff; border: 2px solid #DADADA; border-radius: 2px;}
    .cont_wrap .cont_box .revenue_box .select_box .select_area {position: relative; width: 135px; padding: 0 26px 0 16px; font-size: 14px; line-height: 29px; cursor: pointer;}
    .cont_wrap .cont_box .revenue_box .select_box .select_area:after {content: ''; display: block; width: 12px; height: 8px; position: absolute; top: 50%; right: 16px; background-image: url('../images/bxs_down-arrow.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.3s; }
    .cont_wrap .cont_box .revenue_box .select_box .select_area.on:after {transform: translateY(-50%) rotate(180deg);}
    .cont_wrap .cont_box .revenue_box .select_box .select_option {display: none; width: 100%; max-height: 116px; overflow-y: auto; position: absolute; bottom: 0; left: 0; padding: 0 0 0 16px; font-size: 14px; line-height: 29px; transform: translateY(100%); background-color: #fff; z-index: 9; border: 1px solid #DADADA;}
    .cont_wrap .cont_box .revenue_box .select_box .select_option > li {cursor: pointer;}
    .cont_wrap .cont_box .revenue_box .count_txt {font-weight: 700; font-size: 16px;}
    .cont_wrap .cont_box .revenue_box .count_txt > span {display: inline-block; margin: 0 0 0 2px; font-weight: 400; font-size: 13px; line-height: 21px}
    
    .cont_wrap .cont_box .month_list {display: flex; gap: 20px; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .cont_box .month_list > li {display: flex; gap: 12px; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .cont_box .month_list > li .month_txt {font-weight: 700; font-size: 15px;}
    .cont_wrap .cont_box .month_list > li .month_cont_list {display: flex; gap: 8px; justify-content: flex-start; flex-direction: row;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li {width: 33.3333%;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a {display: flex; width: 100%; height: 100%; gap: 8px; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a .thumb {background-color: #F7F7F7; height: 180px; border: 1px solid #DADADA; border-radius: 8px; overflow: hidden;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a .txt {font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    
    /*채널 리스트*/
    .channel_list {display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
    .channel_list > li {position: relative; width: 33.3333%; display: flex; gap: 6px; justify-content: flex-start; align-items: center; flex-direction: column;}
    .channel_list > li:after {content:''; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background-color: #E4E4E4;}
    .channel_list > li:last-child:after {display: none;}
    .channel_list > li .count {font-weight: 600; font-size: 16px;}
    .channel_list > li .txt {font-weight: 600; font-size: 13px; color: #999999;}


    .cont_wrap .mypage_menu_box {}
    .cont_wrap .mypage_menu_box .mypage_menu_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li {}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu {display: block; width: 100%; padding: 14px 0 14px 30px; background-position: left center; background-size: 20px 20px; background-repeat: no-repeat;}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon1 {background-image: url('../images/assessment.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon2 {background-image: url('../images/subject.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon3 {background-image: url('../images/query_stats.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon4 {background-image: url('../images/person_3.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon5 {background-image: url('../images/payments.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon6 {background-image: url('../images/gpp_good.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon7 {background-image: url('../images/settings.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon8 {background-image: url('../images/notifications_none.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon9 {background-image: url('../images/bookmark_border_set.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon10 {background-image: url('../images/paid.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon11 {background-image: url('../images/info.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon12 {background-image: url('../images/edit.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon13 {background-image: url('../images/logout.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon14 {background-image: url('../images/volume_up.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon15 {background-image: url('../images/people.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu > .tit {position: relative; display: block; width: 100%; height: 100%; font-weight: 500; font-size: 15px;}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu > .tit:after {content:''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; right: 0; background-image: url('../images/keyboard_arrow_right.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
    
    
    /*채널*/
    .channel_wrap {padding: 30px 0 0;}
    
    /*크리에이터 본인인증*/
    .identity_wrap {padding: 30px 0 0;}
    
    /*알림*/
    .alert_wrap {padding: 30px 0 0;}
    .alert_wrap .alert_box {}
    .alert_wrap .alert_box .alert_list {display: flex; justify-content: flex-start; flex-direction: column; align-content: center;}
    .alert_wrap .alert_box .alert_list > li {background-color: #F7F7F7;}
    .alert_wrap .alert_box .alert_list > li.basic {background-color: #fff; }
    .alert_wrap .alert_box .alert_list > li:nth-child(2n) {background-color: #fff;}
    .alert_wrap .alert_box .alert_list > li > a {display: flex; gap: 10px; padding: 20px 16px; justify-content: space-between; flex-direction: row; align-items: center;}
    .alert_wrap .alert_box .alert_list > li.basic > a {display: block; width: 100%; text-align: center;}
    .alert_wrap .alert_box .alert_list > li > a .profile {display: block; width: 32px; height: 32px; border-radius: 50%; background-color: #D9D9D9; flex-shrink: 0; overflow: hidden;}
    .alert_wrap .alert_box .alert_list > li > a .img {display: block; width: 100%; height: 100%;}
    .alert_wrap .alert_box .alert_list > li > a .txt {font-size: 14px; line-height: 1.3;}


    /*팔로우*/
    .follow_wrap {padding: 30px 0 0;}
    .follow_wrap .follow_box {}
    .follow_wrap .follow_box .follow_list {display: flex; justify-content: flex-start; flex-direction: column; align-content: center; gap: 12px;}
    .follow_wrap .follow_box .follow_list > li {display: flex; justify-content: space-between; align-items: center;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap {display: flex; gap: 16px; justify-content: flex-start; flex-direction: row; align-items: center;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .profile {display: block; width: 60px; height: 60px; border-radius: 50%; background-color: #D9D9D9; flex-shrink: 0; overflow: hidden;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .profile .img {display: block; width: 100%; height: 100%;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .txt_box {display: flex; gap: 4px; justify-content: flex-start; flex-direction: column; }
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .txt_box .name {font-weight: 700; font-size: 16px; line-height: 1.3;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .txt_box .count {font-size: 13px; line-height: 1.3; color: #999999;}
    .follow_wrap .follow_box .follow_list > li > .follow_btn {padding: 0 16px; font-weight: 700; font-size: 14px; line-height: 36px; color: #666666; background-color: #F7F7F7; border-radius: 8px;}
    
    
    /*좋아요 페이지*/
    .wrap .favor_wrap {padding-top: 0;}
    .wrap .favor_wrap .favor_box {position: relative; min-height: 80px;}
    .wrap .favor_wrap .favor_box .basic_box {position: absolute; top: 50%; left: 50%; display: flex; width: 100%; flex-direction: column; justify-content: center; font-size: 15px; text-align: center; align-items: center; transform: translate(-50% , -50%);}
    .wrap .favor_wrap .favor_box .favor_list {display: flex; gap: 20px 12px; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
    .wrap .favor_wrap .favor_box .favor_list > li  {width: calc(50% - 6px);}
    .wrap .favor_wrap .favor_box .favor_list > li > a {display: flex; gap: 8px; justify-content: flex-start; flex-direction: column;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .thumb {height: 270px; border: 1px solid #E4E4E4; border-radius: 8px; background-color: #D9D9D9; overflow: hidden;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt {display: flex; gap: 4px; justify-content: flex-start; flex-direction: column;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .nickname {font-size: 13px; color: #999999;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt {display: flex; gap: 8px; justify-content: flex-start; flex-direction: row; align-items: center;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt.jc_between {justify-content: space-between;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .code {font-weight: 600; font-size: 14px; color: #1FB29E;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .code.disable { color: #FF3257;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .size { padding: 0 6px; font-size: 12px; line-height: 16px; color: #fff; background-color: #666666; border-radius: 4px;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .price {font-weight: 700; font-size: 14px;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 700; font-size: 14px;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon {position: relative; padding: 0 0 0 20px; font-size: 12px; flex-shrink: 0; }
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon:after {content:''; display: block; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon.icon_favor:after {background-image: url('../images/myfavorite.svg');}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon.icon_book:after {background-image: url('../images/mybookmark.svg');}
    
    /*콘텐츠 판매 수익*/
    .revenue_area {display: flex; padding: 20px; gap: 14px; justify-content: flex-start; flex-direction: column; border: 1px solid #DADADA; background-color: #F7F7F7; border-radius: 8px;}
    .revenue_area .top_revenue_wrap {display: flex; justify-content: flex-start; flex-direction: column; gap: 14px;}
    .revenue_area .top_revenue_wrap .revenu_txt {font-size: 14px; color: #FF3257;}
    .revenue_area .top_revenue_wrap .top_revenue {display: flex; gap: 4px; justify-content: space-between; flex-direction: column;}
    .revenue_area .top_revenue_wrap .top_revenue > li {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .revenue_area .top_revenue_wrap .top_revenue > li .tit {font-size: 14px; line-height: 22px;}
    .revenue_area .top_revenue_wrap .top_revenue.sty1 > li .tit {font-weight: 700; font-size: 15px; line-height: 40px;}
    .revenue_area .top_revenue_wrap .top_revenue > li .price {font-weight: 700; font-size: 14px;}
    .revenue_area .top_revenue_wrap .top_revenue.sty1 > li .price {font-weight: 700; font-size: 18px; line-height: 40px;}
    .revenue_area .top_revenue_wrap .top_revenue > li .price span {font-weight: 400; font-size: 14px;}
    .revenue_area .text {font-weight: 700; font-size: 14px;}
    
    .sales_box {position: relative;}
    .sales_box .basic_txt {padding: 50px 0; font-weight: 500; font-size: 15px; line-height: 1.3; text-align: center; color: #999999;}
    .sales_box .sales_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .sales_box .sales_list {}
    .sales_box .sales_list.chk_list >  li {display: flex; padding: 20px 0;  gap: 10px; justify-content: flex-start; flex-direction: row; align-items: center; border-bottom: 1px solid #DADADA;}
    .sales_box .sales_list.chk_list >  li .chk_area {display: flex; width: 18px;}
    .sales_box .sales_list.chk_list >  li .chk_area .chk_box label {padding: 1px 0 1px 18px; cursor: pointer;}
    .sales_box .sales_list.chk_list >  li > a {padding: 0;}
    .sales_box .sales_list >  li > a {display: flex; gap: 12px; padding: 30px 0; justify-content: flex-start; flex-direction: column;}
    .sales_box .sales_list >  li:first-child > a {padding-top: 0;}
    .sales_box .sales_list >  li:last-child > a {padding-bottom: 0;}
    .sales_box .sales_list >  li .line {margin: 0;}
    .sales_box .sales_list >  li:last-child .line {display: none;}
    .sales_box .sales_list >  li > a .sales_type {font-weight: 700; font-size: 15px;}
    .sales_box .sales_list >  li > a .sales_type.on_sale {color: #1FB29E;}
    .sales_box .sales_list >  li > a .sales_type.end_sale {color: #FF3257;}
    .sales_box .sales_list >  li > a .sales_type.sucess_sale {color: #333333;}
    .sales_box .sales_list >  li > a .sales_area {display: flex; gap: 17px; justify-content: flex-start; flex-direction: row; align-items: center;}
    .sales_box .sales_list >  li > a .sales_area .sales_thumb {display: flex; gap: 8px; width: 105px; justify-content: flex-start; flex-direction: column; }
    .sales_box .sales_list >  li > a .sales_area .sales_thumb .thumb {height: 78.75px; border: 1px solid #E4E4E4; border-radius: 8px; background-color: #D9D9D9; overflow: hidden;}
    .sales_box .sales_list >  li > a .sales_area .sales_thumb .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .sales_box .sales_list >  li > a .sales_area .sales_thumb .txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; line-height: 1.3;}
    .sales_box .sales_list >  li > a .sales_area .type_list {display: flex; gap: 10px; justify-content: flex-start; flex-direction: column;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li {display: flex; gap: 8px; justify-content: flex-start; flex-direction: row; align-items: center;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li .tit {min-width: 50px; font-size: 13px; color: #999999;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li .txt {font-size: 13px;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li .txt.stb {font-weight: 700; font-size: 15px;}
    
    /*정산서*/
    .adjustment_table {}
    .adjustment_table thead {}
    .adjustment_table thead tr {border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
    .adjustment_table thead tr th {padding: 12px 0; font-weight: 700; font-size: 14px;}
    .adjustment_table tbody tr {border-bottom: 1px solid #DADADA;}
    .adjustment_table tbody tr td {padding: 6px 0; font-size: 14px; text-align: center;}
    .adjustment_table tbody tr td.b_txt {font-weight: 700;}
    .adjustment_table tbody tr td .thumb {width: 60px; height: 45px; margin: 0 auto; overflow: hidden; border: 1px solid #dadada; border-radius: 8px;}
    .adjustment_table tbody tr td .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .adjustment_table tbody tr.total_row {background-color: #F7F7F7; }
    .adjustment_table tbody tr.total_row td {padding: 16px;}
    .adjustment_table tbody tr.total_row .total_box {display: flex; justify-content: space-between; align-items: center; }
    .adjustment_table tbody tr.total_row .total_box .total_txt {font-size: 15px;}
    .adjustment_table tbody tr.total_row .total_box .total {font-weight: 700; font-size: 18px; color: #FF3257;}
    .adjustment_table tbody tr.total_row .total_box .total span {font-weight: 400; display: inline-block; margin: 0 0 0 2px; font-size: 13px; color: #333333;}
    
    .info_wrap {display: flex; gap: 16px; justify-content: flex-start; flex-direction: column;}
    .info_wrap .info_tit {font-weight: 700; font-size: 15px; color: #1FB29E;}
    .info_wrap .info_list {display: flex; gap: 16px; justify-content: flex-start; flex-direction: row;}
    .info_wrap .info_list > li {display: flex; gap: 6px; justify-content: flex-start; flex-direction: row;}
    .info_wrap .info_list > li .tit {font-size: 14px; color: #999; }
    .info_wrap .info_list > li .txt {font-size: 14px;}
    .info_wrap .info_box {padding: 15px 16px; border: 1px solid #DADADA; background-color: #FAFAFA; border-radius: 8px;}
    .info_wrap .info_box ul > li {font-size: 12px; line-height: 1.3;}
    .info_wrap .info_box ul > li:after {top: 6px;}
    
    /*태그리스트*/
    .tag_wrap {}
    .tag_wrap .tag_list {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 8px; flex-wrap: wrap;}
    .tag_wrap .tag_list > li {width: calc(33.3333% - 6px); height: 80px; flex-shrink: 0;}
    .tag_wrap .tag_list > li > a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; border: 1px solid #DADADA; border-radius: 8px; font-weight: 500; font-size: 15px; line-height: 1.2;}
    .tag_wrap .tag_list > li > a.act {border: 1px solid #33C8A7;}

    .fixed_btn {position: fixed; bottom: 20px; width: 736px; display: flex; justify-content: flex-start; flex-direction: column; gap: 12px; z-index: 6;}
    

    /*채널 추천*/
    .recommend_wrap .profile_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .recommend_wrap .profile_box .left_profile {display: flex; justify-content: center; gap: 12px; flex-direction: column;}
    .recommend_wrap .profile_box .left_profile .mytit {font-weight: 700; font-size: 18px;}
    .recommend_wrap .profile_box .left_profile .nick_name_area {display: flex; justify-content: flex-start; gap: 10px; flex-direction: row; align-items: center;}
    .recommend_wrap .profile_box .left_profile .nick_name_area .nickname {font-size: 13px;}
    .recommend_wrap .profile_box .left_profile .nick_name_area .tag {font-size: 13px; color: #999999;}
    .recommend_wrap .profile_box .left_profile .txt {font-size: 13px; line-height: 1.3; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .recommend_wrap .profile_box .profile_img {flex-shrink: 0; position: relative; width: 80px; height: 80px; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .recommend_wrap .profile_box .profile_img .img_box {display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
    .recommend_wrap .profile_box input[type='file'] {display: none;}
    .recommend_wrap .profile_box .profile_img .profile_btn {position: absolute; bottom: 0; right: 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #E4E4E4; background-image: url('../images/add_a_photo.svg'); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; z-index: 2; background-color: #fff;}
    .recommend_wrap .profile_box .profile_img .img_box img {display: block; width: 100%; height: 100%;}   

    .recommend_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 8px;}
    .recommend_list > li {display: flex; justify-content: flex-start; flex-direction: column; gap: 16px; padding: 20px 16px; border: 1px solid #DADADA; border-radius: 8px;}
    .recommend_list > li .hash_list {display: flex; justify-content: flex-start; flex-direction: row; gap: 8px;}
    .recommend_list > li .hash_list > li {font-size: 13px; color: #1FB29E;}
    
    /*도움센터*/
    .cate_search {display:flex;justify-content:flex-start;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;}
    .cate_search>li {width:calc(50% - 4px);}
    .cate_search>li>a {display:block;font-size:14px;padding:17px 0;text-align:center;border:1px solid #DADADA;border-radius:8px;}
    .qa_list,.inquiry_list {display:flex;justify-content:flex-start;flex-direction:column;}
    .inquiry_list>li,.qa_list>li {}
    .inquiry_list>li>a,.qa_list>li>a {position:relative;display:block;font-size:14px;line-height:48px;border-bottom:1px solid #DADADA;}
    .inquiry_list>li>a:after,.qa_list>li>a:after {content:'';position:absolute;top:50%;right:0;display:block;width:20px;height:20px;background-image:url(../images/keyboard_arrow_right.svg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);}
    
    /*회원탈퇴*/
    .quit_info {padding: 15px 16px; font-size: 14px; background-color: #FAFAFA; border-radius: 8px; border: 1px solid #DADADA;}

    /*공지사항*/
    .notice_box {}
    .notice_box .notice_list {display: flex; min-height: 48px; justify-content: flex-start; flex-direction: column;}
    .notice_box .notice_list > li {}
    .notice_box .notice_list > li > a {display: flex; flex-direction: row; justify-content: space-between; padding: 17px 0; border-bottom: 1px solid #DADADA; align-items: center;}
    .notice_box .notice_list > li > a .tit {font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .notice_box .notice_list > li > a .date {flex-shrink: 0; font-size: 14px;}
    
    /*공지사항 상세*/
    section.notice_view {padding-top: 0;}
    .notice_tit_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 10px;}
    .notice_tit_box .notice_tit {font-weight: 700; font-size: 20px; line-height: 1.2;}
    .notice_tit_box .notice_info_box {display: flex; padding: 17px 0; justify-content: flex-start; flex-direction: row; gap: 16px; align-items: center;}
    .notice_tit_box .notice_info_box .writer {font-size: 14px;}
    .notice_tit_box .notice_info_box .date {font-size: 14px;}
    .notice_info {min-height: 360px; padding: 20px 0; font-size: 14px; line-height: 1.5; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA;}
    .notice_info img {display: block; max-width: 100%;}

    /*런칭 이벤트*/
    .event_box {}
    .event_box img {width: 100%;}
    .event_box a {display: block; width: 100%;}

    
    /*채널 리스트*/
    .channel_swiper {position: relative; overflow: hidden;}    
    .channel_swiper .mychannel_list {display: flex; justify-content: flex-start; flex-direction: row;;}    
    .channel_swiper .mychannel_list > li {min-width: 25%;}    
    .channel_swiper .mychannel_list > li > a {display: flex; width: 100%; padding: 0 5px; justify-content: flex-start; flex-direction: column; gap: 10px; align-items: center; flex-shrink: 0;}    
    .channel_swiper .mychannel_list > li > a .profile {flex-shrink: 0; position: relative; width: 60px; height: 60px; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}    
    .channel_swiper .mychannel_list > li > a .channel_txt .channel_name {font-size: 15px; font-weight: 700; line-height: 1.2; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center;}
    .channel_swiper .mychannel_list > li > a .channel_txt .follow {font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center; color: #999999;}  

        
    /*이미지 편집*/
    .img_edit_wrap {display: flex; justify-content: flex-start; flex-direction: column; gap: 24px;}
    .img_edit_wrap >li {position: relative; display: none;}    
    .img_edit_wrap >li.act {display: block;}    
    .img_edit_wrap >li .img_edit_swiper {}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list {display: flex; justify-content: flex-start; flex-direction: row; }    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li {width: 400px !important; height: auto !important;}    
    .img_edit_wrap >li[data-idx="35"] .img_edit_swiper .img_edit_list > li.horizontal {width: 600px !important;}    
    .img_edit_wrap >li[data-idx="37"] .img_edit_swiper .img_edit_list > li.horizontal {width: 533.33px !important;}    
    .img_edit_wrap >li[data-idx="48"] .img_edit_swiper .img_edit_list > li.horizontal {width: 566.77px !important;}    
    .img_edit_wrap >li[data-idx="51"] .img_edit_swiper .img_edit_list > li.horizontal {width: 636.36px !important;}    
    .img_edit_wrap >li[data-idx="35"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb {height: 600px !important;}
    .img_edit_wrap >li[data-idx="37"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb {height: 533.33px !important;}
    .img_edit_wrap >li[data-idx="48"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb {height: 566.77px !important;}
    .img_edit_wrap >li[data-idx="51"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb {height: 636.36px !important;}
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card {display: flex; justify-content: flex-start; flex-direction: column; gap: 7px; height: 100%;}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb {position: relative; width:100% !important; height: 100% !important; overflow: hidden; background-color: #D9D9D9;}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb .thumb_cropped {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); background-color: #D9D9D9; overflow: hidden;}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li.horizontal .photo_card .edit_thumb {background-color: transparent;}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb img {display: block; width: auto; height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li.horizontal .photo_card .edit_thumb img {object-fit: contain; width: 100%; height: auto;}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_btn {display: block; width: 100%; font-weight: 700; font-size: 15px; line-height: 48px; color: #fff; background-color: #173858; border-radius: 8px;}    
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display: none;}
    .swiper-button-next, .swiper-button-prev {position: absolute; top: 50%; width: 60px; height: 60px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transform: translateY(-50%);}
    .swiper-button-next:after, .swiper-button-prev:after {display: none;}
    .swiper-button-prev {background-image: url(../images/prev.svg); left: 0;}
    .swiper-button-next {background-image: url(../images/next.svg); right: 0;}  
 
    /*상세 장바구니*/
    .total_list {}
    .total_list > li {display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0;}
    .total_list > li .total_left {display: flex; justify-content: flex-start; flex-direction: column; gap: 6px;}
    .total_list > li .total_left .code {font-size: 13px; color: #1FB29E;}
    .total_list > li .total_left .tit {font-size: 13px;}
    .count_wrap {display: flex; justify-content: flex-start; gap: 8px; align-items: center;}
    .count_wrap.sty1 {justify-content: space-between; align-items: center; gap: 60px; }
    .count_wrap .between {display: flex;  justify-content: flex-start; gap: 10px; align-items: center;}
    .count_wrap .count_box {position: relative; display: flex; width: 80px; justify-content: space-between; flex-direction: row; align-items: center; padding: 0 8px; border: 1px solid #DADADA; border-radius: 8px; overflow: hidden;}
    .count_wrap .count_box .count {font-size: 13px; line-height: 36px;}
    .count_wrap .count_box .count_minus {width: 16px; height: 16px; background-image: url(../images/remove.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .count_wrap .count_box .count_plus {width: 16px; height: 16px; background-image: url(../images/add.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .count_wrap .price {min-width: 68px; font-weight: 700; font-size: 14px; text-align: right;}
    .count_wrap .delete {width: 16px; height: 16px; background-image: url(../images/shop_delete.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }
    
    .cart_list > li.disable .count_wrap .count_box {justify-content: center;}
    .cart_list > li.disable .count_wrap .count_box .count {color: #999999;}
    .cart_list > li.disable .count_wrap .price {color: #999999;}
    .shop_cont_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 16px;}
    .shop_tit_box {display: flex; justify-content: space-between; flex-direction: row; }
    .shop_tit {font-weight: 700; font-size: 16px;}
    .shop_tit_box .cancel_change_btn {font-size: 14px;}
    .bundle_code {padding: 0 7px; font-weight: 600; font-size: 13px; line-height: 19px; color: #fff; background-color: #173858; border-radius: 4px;}
    .order_num_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 6px;}
    .order_num {font-size: 13px; color: #999999;}
    .total_box {}
    .total_box .total_area {display: flex; justify-content: flex-start; flex-direction: column; gap: 12px;}
    .total_box .total_area .total_top {display: flex; justify-content: flex-start; flex-direction: column; gap: 12px; padding: 0 8px;}
    .total_box .total_area .total_top > li {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .total_box .total_area .total_top > li .tit {font-size: 14px;}
    .total_box .total_area .total_top > li .txt {font-size: 14px;}
    .total_box .total_area .total_top > li .ft_bold {font-weight: 700; font-size: 16px;}
    .total_box .total_area .total_bt {display: flex; justify-content: space-between; flex-direction: row; gap: 12px; padding: 20px 8px; background-color: #F7F7F7; border-top: 1px solid #333333;}
    .total_box .total_area .total_bt .total_tit {font-weight: 700; font-size: 15px;}
    .total_box .total_area .total_bt .total_txt {display: flex; justify-content: flex-start; flex-direction: row; gap: 3px; font-weight: 700; font-size: 16px; color: #FF3257;}
    .total_box .total_area .total_bt .total_txt .tatal_sm_txt {font-weight: 500; font-size: 14px; color: #333333;}

    /*장바구니*/
    .cart_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .cart_scroll {max-height: 436px; overflow-y: auto;}
    .cart_scroll.sty1 {max-height: 347px;}
    .cart_list > li {display: flex; justify-content: flex-start; flex-direction: row; gap: 10px; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid #DADADA;}
    .cart_list > li:first-child {border-top: 1px solid #DADADA;}
    .cart_list > li .item_left {}
    .cart_list > li .item_right {display: flex; width: 100%; justify-content: flex-start; flex-direction: row; gap: 16px;}
    .cart_list > li .item_right .item_thumb {position: relative; width: 100px; height: 75px; border-radius: 8px; border: 1px solid #E4E4E4; background-color: #D9D9D9; overflow: hidden; flex-shrink: 0;}
    .cart_list > li .item_right .item_thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .cart_list > li .item_right .item_txt_box {display: flex; justify-content: space-between; flex-direction: row; gap: 12px; width: 100%; align-items: flex-start;}
    .cart_list > li .item_right .item_txt_box .item_info {display: flex; justify-content: flex-start; flex-direction: column; gap: 6px;}
    .cart_list > li .item_right .item_txt_box .item_info .nickname {font-weight: 500; font-size: 11px; color: #999999;}
    .cart_list > li .item_right .item_txt_box .item_info .title {font-weight: 700; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .cart_list > li .item_right .item_txt_box .item_info .code {font-weight: 700; font-size: 14px; color: #1FB29E;}
    .cart_list > li .item_right .item_txt_box .item_info .size {font-weight: 400; font-size: 13px;}
    .cart_list > li .item_right .item_txt_box .item_info .count_price {display: flex; justify-content: flex-start; flex-direction: row; gap: 6px; font-size: 13px;}
    .cart_list > li .item_right .item_txt_box .item_info .count_price .price {color: #FF3257;}
    
    .cart_list.sty1 {gap: 16px;}
    .cart_list.sty1 > li {gap: 16px; padding: 0; border-bottom: none;}
    .cart_list.sty1 > li:first-child {border-top: none;}
    .cart_list.sty1 > li .item_right .item_thumb {width: 140px; height: 105px;}

    /*만료 코드*/
    .cart_list > li.disable .item_right .item_thumb .disable_mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #BFBFBF; opacity: 0.6;}
    .cart_list > li.disable .item_right .item_txt_box .item_info .code {color: #FF3257;}

    /*주소록 관리*/
    .adress_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .adress_list > li {display: flex; justify-content: flex-start; flex-direction: row; gap: 10px; padding: 16px 0; border-top: 1px solid #DADADA; line-height: normal;}
    .input_box .input_st .input_area .adress_list.sty1 > li {gap: 12px; padding: 12px; border-top: none;}
    .input_box .input_st .input_area .adress_list.sty1 > li:hover {background-color: #E4E4E4;}
    .input_box .input_st .input_area .adress_list.hover_none > li:hover {background-color: transparent;}
    .adress_list > li .left_adress {}
    .address_info {display: flex; justify-content: flex-start; flex-direction: column; gap: 6px;}
    .address_info .adress_name_box {display: flex; justify-content: flex-start; flex-direction: row; gap: 6px; align-items: center;}
    .address_info .adress_name_box .adress_default {padding: 0 6px; font-weight: 700; font-size: 12px; line-height: 20px; color: #fff; border-radius: 4px; background-color: #173858;}
    .address_info .adress_name_box .adress_name {font-size: 13px; color: #999999;}
    .address_info .name {font-weight: 700; font-size: 14px;}
    .address_info .address_detail {font-weight: 700; font-size: 14px; word-break: keep-all;}
    .address_info .edit_btn {display: inline-block; padding: 0 18.5px; font-size: 13px; line-height: 32px; border-radius: 8px; border: 1px solid #E4E4E4;}
    
    /*주문내역확인*/
    .order_history {}
    .order_history .order_history_list {}
    .order_history .order_history_list > li {display: flex; justify-content: flex-start; flex-direction: column; padding: 16px 0; gap: 10px; border-bottom: 1px solid #DADADA;}
    .order_history .order_history_list > li:first-child {border-top: 1px solid #DADADA;}
    .order_history .order_history_list > li .date_state_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .order_history .order_history_list > li .date_state_box .date {font-size: 13px;}
    .order_history .order_history_list > li .date_state_box .state {font-size: 13px; }
    .order_history .order_history_list > li .date_state_box .state.green {color: #1FB29E;}
    .order_history .order_history_list > li .date_state_box .state.red {color: #FF3257;}
   
    .order_history .order_history_list > li .num {font-size: 13px; color: #999999;}
    .order_history .order_history_list > li .order_txt_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center; gap: 10px;}
    .order_history .order_history_list > li .order_txt_box .order_left {display: flex; justify-content: flex-start; flex-direction: column;}
    .order_history .order_history_list > li .order_txt_box .order_left .tit {font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .order_history .order_history_list > li .order_txt_box .order_left .size_count {font-size: 14px; line-height: 1.3;}
    .order_history .order_history_list > li .order_txt_box .order_right {flex-shrink: 0; display: flex; justify-content: flex-start; flex-direction: column; gap: 4px;}
    .order_history .order_history_list > li .order_txt_box .order_right .total_tit {font-size: 13px; text-align: right;}
    .order_history .order_history_list > li .order_txt_box .order_right .total_count {font-weight: 700; font-size: 14px;}
    .order_history .order_history_list > li .order_btn_box {}
    .order_history .order_history_list > li .order_btn_box .order_btn {display: inline-block; padding: 0 12px; font-size: 13px; line-height: 32px; border: 1px solid #E4E4E4; border-radius: 8px;}
    

    .edit_btn_wrap {position: relative;}
    .edit_btn_wrap .edit_icon {width: 20px; height: 20px; background-image: url('../images/menu_com.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; cursor: pointer;}
    .edit_btn_wrap .edit_list {display: none; position: absolute; bottom: 0; right: 0; transform: translateY(100%); border: 1px solid #DADADA; border-radius: 8px; z-index: 8; background-color: #fff;}
    .edit_btn_wrap .edit_list > li {}
    .edit_btn_wrap .edit_list > li > a {display: block; width: 100%; padding: 12px; font-size: 14px; white-space: nowrap;    /* 한 줄 유지 */
  overflow: hidden; text-overflow: ellipsis;}

@media screen and (max-width: 768px) {
    
    .wrap {width: 100%; max-width: 768px; margin: 0 auto; padding: 0 4.4444vw 0; overflow: hidden;}
    .wrap section {padding: 8.3333vw 0 11.6667vw;}
    .wrap section.pt0 {padding-top: 0;}
    .main_banner {position: relative; max-width: 100%; width: 100%; height: 10.8333vw; background-color: #333333; text-align: center; overflow: hidden;}
    .main_banner a {display: block;  padding: 3.3333vw; font-weight: 700; font-size: 4.1667vw; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .wrap .top_cont {width: 100%;}
    .wrap .top_cont .top_area { display: flex; height: 13.8889vw; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box;}
    .wrap .top_cont .top_area .top_right_cont { display: flex; flex-direction: row; justify-content: flex-start; gap: 3.3333vw; align-items: center;}
    .wrap .top_cont .top_area .backspace_wrap{}
    .wrap .top_cont .top_area .backspace_wrap .backspace {display: block; width: 5.0000vw; height: 3.3333vw; background-image: url('../images/arr_left.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .shop_btn_wrap{}
    .wrap .top_cont .top_area .shop_btn_wrap .shop_btn {display: block; width: 6.6667vw; height: 6.6667vw; background-image: url('../images/shopping_bag.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .home_wrap {display: flex; justify-content: flex-start; flex-direction: row; gap: 3.3333vw; align-items: center;}
    .wrap .top_cont .top_area .home_wrap .home_btn {display: block; width: 5.5556vw; height: 5.5556vw; background-image: url('../images/home.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .home_wrap .txt {font-weight: 700; font-size: 15px;}
    .wrap .top_cont .top_area .share_wrap{}
    .wrap .top_cont .top_area .share_wrap .share {display: block; width: 5.5556vw; height: 5.5556vw; background-image: url('../images/share.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .flex_row {display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
    .wrap .top_cont .read_btn {font-size: 3.8889vw; color: #666666;}
    .wrap .top_cont .top_tit {font-size: 5.5556vw; font-weight: 700; line-height: 1;}
    .wrap .top_cont .top_tit.st1 {line-height: 7.2222vw;}
    .wrap .top_cont .logo {display: block; padding: 16.6667vw 0;}
    .wrap .top_cont .logo .logo_img {display: block; width: 53.0556vw; height:6.6667vw; margin: 0 auto; background-image: url('../images/logo.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .logo .logo_img.beta {display: block; width: 46.9444vw; height: 5.5556vw; background-image: url('../images/logo_beta.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}

    .wrap .top_cont .top_area .main_logo_box {}
    .wrap .top_cont .top_area .main_logo_box .main_logo {display: block; width: 52.2222vw; height: 4.4444vw; background-image: url('../images/main_logo.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .main_logo_box .main_logo.beta {display: block; width: 46.9444vw; height: 5.5556vw; background-image: url('../images/logo_beta.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .wrap .top_cont .top_area .profile {}
    .wrap .top_cont .top_area .profile > a {display: block; width: 10.0000vw; height: 10.0000vw; border-radius: 50%; background-color: #d9d9d9; overflow: hidden;}
    .wrap .top_cont .top_area .profile > a > img {width: 100%; height: 100%;} 
    .wrap .top_cont .top_area .before_login {}
    .wrap .top_cont .top_area .before_login > a {display: block; font-weight: 700; font-size: 4.1667vw;}
    .wrap .search_wrap {} 
    .wrap .search_wrap .search_box {position: relative; width: 100%; margin: 1.1111vw 0 0; } 
    .wrap .search_wrap .search_box input[type='text'] {width: 100%; height: 13.3333vw; padding: 0 9.7222vw 0 5.5556vw; font-size: 3.8889vw; border: 0.5556vw solid transparent; border-radius: 8.3333vw; background-clip: padding-box, border-box; background-origin: border-box;background-image: linear-gradient(white, white), linear-gradient(to right, #58DABD, #33C8A7);} 
    .wrap .search_wrap .search_box input[type='text']::placeholder {color: #666666;} 
    .wrap .search_wrap .search_box .search_icon {display: block; position: absolute; top: 50%; right: 5.5556vw; width: 4.4444vw; height: 4.4444vw; transform: translateY(-50%); background-image: url('../images/serach.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;} 
    .wrap .search_wrap .cate_list {display: flex; margin: 2.7778vw 0 0; justify-content: flex-start; flex-direction: row; align-items: center;}   
    .wrap .search_wrap .cate_list > li {flex-shrink: 0; width: auto !important; display: inline-flex;}   
    .wrap .search_wrap .cate_list > li > a{display: block; position: relative; padding: 0 4.1667vw; font-weight: 500; font-size: 3.8889vw; line-height: 8.3333vw; color: #666666;  white-space: nowrap;}   
    .wrap .search_wrap .cate_list > li > a:after {content: ''; width: 0.2778vw; height: 4.1667vw; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #DADADA;}   
    .wrap .search_wrap .cate_list > li > a.act {border-radius: 1.6667vw; background-color: #333333; color: #fff;}   
    .wrap .search_wrap .cate_list > li > a.act:after {display: none;}   
    .wrap .search_wrap .cate_list > li:last-child > a:after {display: none;}   
    .wrap .search_wrap .cate_box {display: flex; margin: 4.7222vw 0 5.5556vw; gap: 2.2222vw; justify-content: flex-end; flex-direction: row; align-items: center;}
    .wrap .search_wrap .cate_box .cate_tit {font-weight: 700; font-size: 4.4444vw; color: #333;}   
    .wrap .search_wrap .cate_box .main_select_wrap {display: flex; justify-content: flex-start; gap: 4.1667vw; flex-direction: row; align-items: center; font-size: 3.8889vw; color: #333;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box {position: relative; min-width: 27.7778vw; max-height: 23.33332vw; font-size: 3.8889vw; line-height: 7.7778vw;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_area {position: relative; padding: 0 2.7778vw 0 0;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_area:after {content: ''; display: block; width: 2.7778vw; height: 3.0556vw; position: absolute; top: 50%; right: 0; background-image: url('../images/down-arrow.svg'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_area.on:after {transform: translateY(-50%) rotate(180deg); transition: all 0.3s;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_option { width: 100%; max-height: 25.0000vw; bottom: 0; left: 0; transform: translateY(100%);  padding: 1.6667vw 0; border-radius: 2.2222vw; border: 0.2778vw solid #DADADA; overflow-y: auto;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_option > li {line-height: 7.2222vw; padding: 0 4.4444vw; cursor: pointer;}
    .wrap .search_wrap .cate_box .main_select_wrap .select_box .select_option > li.disable {background-color: #DADADA;}
    .wrap .search_wrap .cate_box .main_type_wrap {position: relative;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type {background-image: url(../images/def.svg); width: 7.7778vw; height: 7.7778vw; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_box {display: none; position: absolute; top: 100%; right: 0; padding: 3.3333vw 4.4444vw; border-radius: 8px; border: 1px solid #DADADA; z-index: 8; background-color: #fff;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list {width: 100%; display: flex; justify-content: flex-start; flex-direction: column; gap: 2.7778vw; }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li {}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a {display: block; width: 8.8889vw; height: 8.8889vw; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.def {background-image: url(../images/def.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.def.on {background-image: url(../images/def_on.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type1 {background-image: url(../images/type1.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type1.on {background-image: url(../images/type1_on.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type2 {background-image: url(../images/type2.svg); }
    .wrap .search_wrap .cate_box .main_type_wrap .main_type_list > li > a.type2.on {background-image: url(../images/type2_on.svg); }
    
    
    .wrap .search_wrap .cate_area {}
    .wrap .search_wrap .cate_area .cate_area_list {display: flex; justify-content: flex-start; flex-direction: row; gap: 1.1111vw; align-items: center; flex-wrap: wrap;}
    .wrap .search_wrap .cate_area .cate_area_list > li {}
    .wrap .search_wrap .cate_area .cate_area_list > li > a {display: block; padding: 0 2.7778vw; font-weight: 500; font-size: 3.3333vw; line-height: 6.6667vw; border-radius: 5.5556vw; background-color: #EEEEEE;}
    
    
    /*메인*/
    .wrap .main {padding-top: 0;}
    .wrap .cont_box {position: relative;}
    .wrap .cont_box .cont_list {width: 100%; display: flex; gap: 3.3333vw; justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
    .wrap .cont_box .cont_list > li {display: block; width: calc(50% - 1.6667vw);}
    .wrap .cont_box .cont_list:not(:has(li)) {display: none;}

    
    .list_top_box {display: flex; margin: 0 0 2.7778vw; justify-content: space-between; flex-direction: row; align-items: center;}
    .list_top_box .creator_box {display: flex; gap: 2.7778vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    .list_top_box .creator_box .profile {}
    .list_top_box .creator_box .profile > a {display: block; width: 8.8889vw; height: 8.8889vw; border-radius: 50%; background-color: #d9d9d9; overflow: hidden; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .list_top_box .creator_box .profile > a img{display: block; width: 100%; height: 100%;}
    .list_top_box .creator_box .name {}
    .list_top_box .creator_box .name > a {display: block; font-weight: 700; font-size: 4.1667vw;}
    .list_top_box .creator_box .date {font-weight: 500; font-size: 3.6111vw;  color: #999999;}
    .list_top_box .follow {font-weight: 700; font-size: 3.6111vw; color: #1FB29E;}
    .list_top_box .unfollow {color: #999999;}
    .list_top_box .delete_icon {display: block; width: 5.5556vw; height: 5.5556vw; background-image: url('../images/delete.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    
    
    .wrap .cont_box .cont_list > li .list_thumb {flex-shrink: 0;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb {position: relative; flex-shrink: 0; border: 0.2778vw solid #E4E4E4; border-radius: 2.2222vw; background-color: #d9d9d9; overflow: hidden;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb:hover img {transform: scale(1.05);}
    .wrap .cont_box .cont_list > li .list_thumb .thumb img {display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt {position: absolute; bottom: 8vw; left: 0; width: 100%;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt .disable_box {position: relative;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt .bg {width: 100%; height: 8vw; background-color: #333333; opacity: 0.8;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .disable_txt .txt {position: absolute; top: 50%; left: 0; width: 100%; font-size: 3.8889vw; color: #FF3257; opacity: 0.8; transform: translateY(-50%); text-align: center;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .bookmark_icon  {display: block; width: 2.7778vw; height: 3.3333vw; position: absolute; top: 1.9444vw; right: 2.0370vw; background-image: url('../images/bookmark_de.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .bookmark_icon.act  {background-image: url('../images/bookmark_act.svg');}
    .wrap .cont_box .cont_list > li .list_text_box::backdrop {background-color: #000;}
    .wrap .cont_box .cont_list > li .list_text_box {display: flex; padding: 2.2222vw 0 0; gap: 1.6667vw; justify-content: flex-start; flex-direction: column; }
    .wrap .cont_box .cont_list > li .list_text_box .nick_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .wrap .cont_box .cont_list > li .list_text_box .nick_box .nickname {font-weight: 500; font-size: 3.0556vw; color: #999999;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box {display: flex; justify-content: space-between; flex-direction: row; }
    .wrap .cont_box .cont_list > li .list_text_box .code_box.disable .code_area .code_tit {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area {position: relative; display: flex;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit_box {display: flex; justify-content: flex-start; align-items: center; gap: 2.2222vw;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .bundle_code {font-size: 3.0556vw; line-height: 4.7222vw; }
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit {position: relative; display: inline-block; padding: 0 4.4444vw 0 0; font-size: 3.3333vw; line-height: 4.7222vw; }
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit:before {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 2.2222vw; height: 2.2222vw; background-image: url('../images/bxs_down-arrow2.svg'); background-position: center; background-size : 100% 100%; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.3s;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_tit.on:before {transform: translateY(-50%) rotate(180deg);}
    
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box {display: none; position: absolute; top: 130%; left: 0; min-width: 37.2222vw; padding: 2.7778vw; border: 1px solid #E4E4E4; border-radius: 2.2222vw; background-color: #fff; z-index: 9;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list { display: flex; justify-content: flex-start; flex-direction: column; gap: 1.6667vw;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list > li {display: flex; justify-content: space-between; flex-direction: row;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list > li span {font-size: 3.6111vw;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code_area .code_list_box .code_list > li span.tit {font-weight: 600;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box.disable .code_area .code_list_box .code_list > li span.txt {color: #FF3257;}
    
    .wrap .cont_box .cont_list > li .list_text_box .code_box .code {font-weight: 600; font-size: 3.8889vw; color: #1FB29E;}
    .wrap .cont_box .cont_list > li .list_text_box .code_box.disable .code {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu {}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_btn {display: block; width: 5.5556vw; height: 5.5556vw; background-image: url('../images/kebab.svg'); background-position: center; background-size : 100% 100%; background-repeat: no-repeat;}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_menu_list {display: none; position: absolute; top: 100%; right: 0; background-color: #fff; border: 0.2778vw solid #E4E4E4; border-radius: 2.2222vw;}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_menu_list > li {}
    .wrap .cont_box .cont_list > li .list_text_box .kebab_menu .kebab_menu_list > li > a {display: block; padding: 3.3333vw; font-size: 3.8889vw;}
    .wrap .cont_box .cont_list > li .list_text_box .title {width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 700; font-size: 3.8889vw; color: #333333;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box {display: flex; gap: 1.6667vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    /*.wrap .cont_box .cont_list > li .list_text_box .code_box.disable + .sm_txt_box .txt {color: #FF3257;}*/
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .txt {position: relative; font-weight: 500; font-size: 3.0556vw; line-height: 4.7222vw; color: #1FB29E; border-radius: 2.2222vw;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .txt.disable {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list {display: flex; justify-content: flex-start; flex-direction: row; gap: 0.5556vw; flex-wrap: wrap;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list > li {position: relative; padding: 0 2.2222vw; flex-shrink: 0; font-weight: 500; font-size: 2.7778vw; line-height: 5.0000vw; background-color: #EFEFEF;  color: #333333; border-radius: 2.2222vw;}
    
    
    .wrap .cont_box .cont_list.type_2 {gap: 8.3333vw;}
    .wrap .cont_box .cont_list.type_2 > li {display: flex; width: 100%; gap: 4.4444vw; align-items: center;}
    .wrap .cont_box .cont_list.type_2 > li .list_thumb {width: 38.8889vw;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box {padding: 0; gap: 1.6667vw; }
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .nick_box .nickname {font-size: 3.0556vw; }
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .title {font-size: 3.8889vw;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .sm_txt_box .txt {font-weight: 500; font-size: 3.0556vw; line-height: 4.7222vw;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .sm_cate_list {gap: 0.5556vw;}
    .wrap .cont_box .cont_list.type_2 > li .list_text_box .sm_cate_list > li {padding: 0 2.2222vw; font-size: 2.7778vw; line-height: 5.0000vw;}
    
    
    .wrap .cont_box .cont_list.type_3 {gap: 13.8889vw;}
    .wrap .cont_box .cont_list.type_3 > li {display: block; width: 100%;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .disable_txt {position: absolute; bottom: 11.1111vw; left: 0; width: 100%;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .disable_txt .bg {width: 100%; height: 11.1111vw; background-color: #333333; opacity: 0.8;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .disable_txt .txt {position: absolute; top: 50%; left: 0; width: 100%; font-size: 5.0000vw; color: #FF3257; opacity: 0.8; transform: translateY(-50%); text-align: center;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box {padding: 2.7778vw 0 0; gap: 1.6667vw;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .nick_box .nickname {font-weight: 700; font-size: 3.8889vw;}
   
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .title {font-weight: 700; font-size: 4.4444vw;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .sm_txt_box .txt {font-size: 3.6111vw; line-height: 5.2778vw;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .sm_cate_list {gap: 1.1111vw;}
    .wrap .cont_box .cont_list.type_3 > li .list_text_box .sm_cate_list > li {padding: 0 2.2222vw; font-size: 3.3333vw; line-height: 5.0000vw; border-radius: 5.5556vw; }
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .bookmark_icon  {display: block; width: 5.0000vw; height: 6.1111vw; position: absolute; top: 4.0278vw; right: 4.6750vw; background-image: url('../images/bookmark_de.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .bookmark_icon.act  {background-image: url('../images/bookmark_act.svg');}
    
    /*블러 박스*/
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box {display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(2.7778vw); background-color: rgba(0, 0, 0, 0.2); z-index: 2; gap: 2.2222vw;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box .tit {font-weight: 600; font-size: 3.3333vw; color: #FAFAFA;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box .txt {font-size: 1.9444vw; color: #FAFAFA; line-height: 1.3; text-align: center;}
    .wrap .cont_box .cont_list > li .list_thumb .thumb .blur_box .blur_btn {padding: 0 3.3333vw; font-weight: 600; font-size: 3.3333vw; line-height: 6.6667vw; background-color: #fff; border-radius: 5.5556vw;}
    
    .wrap .cont_box .cont_list.type_2 > li .list_thumb .thumb .blur_box .tit {font-size: 3.3333vw;}
    .wrap .cont_box .cont_list.type_2 > li .list_thumb .thumb .blur_box .txt {font-size: 1.9444vw;}
    .wrap .cont_box .cont_list.type_2 > li .list_thumb .thumb .blur_box .blur_btn {padding: 0 3.3333vw; font-size: 3.3333vw; line-height: 6.6667vw; }
    
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box { gap: 3.6111vw;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box .tit {font-size: 4.1667vw;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box .txt {font-size: 3.8889vw;}
    .wrap .cont_box .cont_list.type_3 > li .list_thumb .thumb .blur_box .blur_btn {font-size: 3.8889vw; line-height: 7.2222vw;}
    
    
    .none_cont {display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 3.3333vw; min-height: 100vw;}
    .none_cont .icon {width: 22.2222vw; height: 22.2222vw;}
    .none_cont .icon.cart {width: 8.8889vw; height: 8.8889vw;}
    .none_cont .icon img {display: block; width: 100%; height: 100%;}
    .none_cont .txt {font-weight: 700; font-size: 3.8889vw; color: #666666; line-height: 1.3; text-align: center;}
    
    /*상세*/
    .view {}    
    .view .view_cont {}    
    .view .view_cont .list_title {font-weight: 700; margin: 0 0 5.5556vw; font-size: 4.4444vw; line-height: 6.6667vw; }    
    .view .view_cont .tab_wrap {}    
    .view .view_cont .tab_wrap .tab_item_box {}    
    .view .view_cont .tab_wrap .tab_item_box .tab_box {position: relative; overflow: hidden;}    
    .view .view_cont .tab_wrap .tab_item_box .tab_box .tab_slide {}    
    .view .view_cont .tab_wrap .tab_item_box .tab_box .tab_slide li {height: 75.0000vw; background-color : #d9d9d9; overflow: hidden; border-radius: 2.2222vw; overflow: hidden;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_4x6 .tab_slide li {height: 136.3889vw;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_6x8 .tab_slide li {height: 121.1111vw;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A4 .tab_slide li {height: 128.6111vw;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A3 .tab_slide li {height: 128.6111vw;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A2 .tab_slide li {height: 128.6111vw;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_photo .tab_slide li {height: 144.7222vw;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_4x6 .tab_slide li.horizontal {width:100%; height:66.6667vw;} /* 360 * (1200 / 1800) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_6x8 .tab_slide li.horizontal {width:100%; height:75.0000vw;} /* 360 * (1800 / 2400) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A4 .tab_slide li.horizontal {width:100%; height:70.6944vw;} /* 360 * (2480 / 3508) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A3 .tab_slide li.horizontal {width:100%; height:70.6944vw;} /* 360 * (2480 / 3508) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_A2 .tab_slide li.horizontal {width:100%; height:70.6944vw;} /* 360 * (2480 / 3508) */
    .view .view_cont .tab_wrap .tab_item_box .tab_box.ratio_photo .tab_slide li.horizontal {width:100%; height:62.7778vw;} /* 360 * (638 / 1016) */

    .view .view_cont .tab_wrap .tab_item_box .tab_box .tab_slide li img {width: 100%; height :100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .view .view_cont .tab_wrap .tab_item_box .tab_box .swiper-pagination {position: static; display: flex; gap: 2.2222vw; padding: 2.2222vw 0 0; justify-content: center; flex-direction: row; align-items: center;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box .swiper-pagination > span {width: 2.5000vw; height: 2.5000vw; margin: 0; background-color: #999999; border-radius: 50%;}
    .view .view_cont .tab_wrap .tab_item_box .tab_box .swiper-pagination > span.swiper-pagination-bullet-active {background-color: #33C8A7;}
    .view .view_cont .tab_wrap .tab_tit_box {display: flex; justify-content: flex-start; align-items: center; gap: 2.2222vw;}
    .view .view_cont .tab_wrap .tab_tit_box .tab_tit {margin: 2.7778vw 0; font-size: 3.8889vw; color: #333;}
    .view .view_cont .tab_wrap .tab_list_area {}
    .view .view_cont .tab_wrap .tab_list_area .tab_list {display: flex; justify-content: flex-start; gap: 2.7778vw; flex-direction: column; }
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li {display: flex; justify-content: space-between; align-items: stretch;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option {display: flex; width: 100%; padding: 4.4444vw; flex-direction: row; justify-content: space-between; cursor: pointer; border: 0.5556vw solid #E4E4E4; border-radius: 2.2222vw; }
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li.act .tab_option{border: 0.5556vw solid #33C8A7;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt {display: flex; gap: 1.6667vw; flex-direction: column; justify-content: space-between; }
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .code {font-weight: 600; font-size: 4.1667vw; color: #1FB29E;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .code.disable {color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .size {font-weight: 700; font-size :4.1667vw;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .left_txt .count {font-size: 3.8889vw;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt {position: relative; display: flex; justify-content: space-between; flex-direction: column; flex-shrink: 0;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .right_btn {display: flex; justify-content: flex-end; flex-direction: row;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .favorite {display: block; width: 6.6667vw; height: 6.6667vw; background-image: url('../images/favorite.svg'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .plus {display: block; width: 17.2222vw; font-weight: 500; font-size: 3.8889vw; color: #fff; background-color: #33C8A7; border-radius: 2.2222vw; flex-shrink: 0;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .favorite.act {background-image: url('../images/favorite_on.svg');}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .price {font-weight: 700; font-size: 4.4444vw; color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list > li .tab_option .right_txt .price span {display: inline-block; margin: 0 0 0 0.8333vw; font-weight: 500; font-size: 3.8889vw; color: #333333}
    .view .view_cont .tab_wrap .tab_bt_box {display: flex; margin: 5.5556vw 0; justify-content: space-between; flex-direction: row; align-items: center;}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box {display: flex; gap: 4.4444vw; justify-content: flex-start; flex-direction: row; }
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .txt {position: relative; font-weight: 500; font-weight: 500; font-size: 3.8889vw; padding: 0 0 0 6.3889vw;}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .txt:after {content: ''; display: block; width: 5.5556vw; height: 5.5556vw; position: absolute; top: 50%; left: 0; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .bookmark:after {background-image:url('../images/bookmark_border.svg');}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .date:after {background-image:url('../images/calendar_month.svg');}
    .view .view_cont .tab_wrap .tab_bt_box .sm_txt_box .comment:after {background-image:url('../images/mode_comment.svg');}
    .view .view_cont .tab_wrap .tab_bt_box .report {position: relative; padding: 0 0 0 6.3889vw; font-weight: 500; font-size: 3.8889vw}
    .view .view_cont .tab_wrap .tab_bt_box .report:after {content:''; width: 5.5556vw; height: 5.5556vw; position: absolute; top: 50%; left: 0; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%); background-image:url('../images/report.svg');}
    .view .view_cont .policy_box {display: flex; justify-content: space-between; gap: 3.3333vw; flex-direction: column; padding: 4.4444vw; background-color: #F7F7F7; border-radius: 2.2222vw;}
    .view .view_cont .policy_box .tit {font-weight: 700; font-size: 3.8889vw;}
    .view .view_cont .policy_box .txt {font-size: 3.8889vw; line-height: 5.8333vw;}
    .view .view_cont .view_txt {margin: 3.6111vw 0 6.9444vw; font-size: 3.8889vw; line-height: 5.8333vw;}
    .view .view_cont .near_search_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw;}
    .view .view_cont .near_search_box .txt {font-weight: 600; font-size: 3.8889vw; line-height: 1.5;}
    .view .view_cont .comment_box {margin: 3.6111vw 0 0;}
    .view .view_cont .comment_box .comment_list {display: flex; gap: 5.5556vw; justify-content: flex-start; flex-direction: column;}
    .view .view_cont .comment_box .comment_list > li {display: flex; gap: 3.3333vw; justify-content: flex-start; flex-direction: column;}
    .view .view_cont .comment_box .comment_list > li .list_top_box {margin: 0;}
    .view .view_cont .comment_box .comment_list > li .comment_txt {font-size: 3.6111vw; line-height: 4.4444vw;}
    
    .line {position: relative; width: 100%; height: 2.2222vw; margin: 0 0 7.2222vw;}
    .line.mg0 {margin: 0;}
    .line.mt10 {margin: 2.7778vw 0 0;}
    .line.mt20 {margin: 5.5556vw 0 0;}
    .line.mt30 {margin: 8.3333vw 0 0;}
    .line:after {content: ''; display: block; position: absolute; bottom: 0; left: -4.4444vw; width: calc(100% + 8.8888vw); height: 2.2222vw; background-color: #EEEEEE;}
    /*로그인*/
    .login_wrap {}
    .login_wrap .input_box .input_st {margin: 0 0 4.4444vw;}
    .login_wrap .input_box .input_st:last-child {margin: 0;}
    .login_bt_area {}
    .login_bt_area.bt30 {margin: 8.3333vw 0 0;}
    .login_bt_area .bt {margin: 0 0 3.3333vw;}
    .login_bt_area .bt:last-child {margin: 0;}
    .login_bt_area .bt.icon_bt.kakao {background-color: #FFE812; color: #3C1E1D;}
    .login_bt_area .bt.icon_bt.kakao a span {color: #3C1E1D;}
    .login_bt_area .bt.icon_bt.naver {background-color: #03CF5D;}
    .login_bt_area .bt.icon_bt.google {background-color: #404040;}
    .login_bt_area .bt.icon_bt.plus {background-color: #404040;}
    .login_bt_area .bt.icon_bt a {display: flex; gap: 2.7778vw; justify-content: center; flex-direction: row; align-items: center;}
    .login_bt_area .bt.icon_bt button {display: flex; gap: 2.7778vw; justify-content: center; flex-direction: row; align-items: center;}
    .login_bt_area .bt.icon_bt a span{font-weight: 700; font-size: 4.1667vw; color: #fff;}
    .login_bt_area .bt.icon_bt button span{font-weight: 700; font-size: 4.1667vw; color: #fff;}
    .login_bt_area .bt.icon_bt a span.icon {background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .login_bt_area .bt.icon_bt.kakao a span.icon {background-image:url('../images/kakao.svg'); width: 7.7778vw; height: 7.7778vw;}
    .login_bt_area .bt.icon_bt.naver a span.icon {background-image:url('../images/naver.svg'); width: 7.7778vw; height: 7.7778vw;}
    .login_bt_area .bt.icon_bt.google a span.icon {background-image:url('../images/google.svg'); width: 7.7778vw; height: 7.7778vw;}
    .login_bt_area .bt.icon_bt button span.icon {background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .login_bt_area .bt.icon_bt.kakao button span.icon {background-image:url('../images/kakao.svg'); width: 7.7778vw; height: 7.7778vw;}
    .login_bt_area .bt.icon_bt.naver button span.icon {background-image:url('../images/naver.svg'); width: 7.7778vw; height: 7.7778vw;}
    .login_bt_area .bt.icon_bt.google button span.icon {background-image:url('../images/google.svg'); width: 7.7778vw; height: 7.7778vw;}
    .login_bt_area .bt.icon_bt.already {background-color: #DADADA;}
    .login_bt_area .bt.icon_bt.kakao.already a span.icon {background-image:url('../images/al_kakao.svg');}
    .login_bt_area .bt.icon_bt.kakao.already button span.icon {background-image:url('../images/al_kakao.svg');}
    
    /*회원가입, 인풋*/
    .join_wrap {padding: 8.3333vw 0 0;}
    .input_box {}
    .input_box .input_st {position: relative; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 0 8.3333vw;}
    .input_box .input_st:last-child {margin: 0;}
    .input_box .input_st .size_option {margin: 0 0 6.6667vw;}
    .input_box .input_st .size_option:last-child {margin: 0;}
    .input_box .input_st.input_row {display: flex; flex-direction: row; justify-content: space-between; gap: 4.4444vw;}
    .input_box .input_st.input_row.gap38 {gap: 10.5556vw;}
    .input_box .input_st.input_row .flex_input {display: flex; flex-direction: column; justify-content: space-between;}
    .input_box .input_st .flex_input_row {display: flex; flex-direction: row; gap: 1.6667vw; justify-content: space-between; align-items: center;}
    .input_box .input_st .input_area.flex_input_row input[type='text'] {padding: 0 4.4444vw; font-size: 3.8889vw;}
    .input_box .input_st .input_area.flex_input_row input[type='text']::placeholder {font-size: 3.3333vw;}
    .input_box .input_st.input_date .chk_box {margin: 0 0 2.7778vw;}
    .input_box .input_st.input_date .input_area {margin: 0 0 2.2222vw;}
    .input_box .input_st.input_date .input_area:last-child {margin: 0;}
    
    .input_box .input_st .option_row {display: none;}
    .input_box .input_st .option_row.act {display: block;}
    .input_box .input_st .option_row_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw;}
    .input_box .input_st .option_row_list > li {padding: 0 0 0 7.2222vw;}
    .input_box .input_st .input_tit {font-size: 4.1667vw; font-weight: 700; margin: 0 0 2.7778vw;}
    .input_box .input_st .input_tit.tooltip {display: flex; justify-content: flex-start; gap: 0.8333vw; align-items: center;}
    .input_box .input_st .input_tit .tooltip_btn {position: relative; display: block; width: 4.1667vw; height: 4.1667vw;}
    .input_box .input_st .input_tit .tooltip_btn img {display: block; width: 100%; height: 100%;}
    .input_box .input_st .input_tit .tooltip_box {display: none; position: absolute; padding: 2.7778vw; left: 15vw; bottom: 0; min-width: 75.0000vw; transform: translateY(102%); background-color: #EEEEEE; z-index: 1; border-radius: 2.2222vw;}
    .input_box .input_st .input_tit .tooltip_box .tooltip_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 2.7778vw; }
    .input_box .input_st .input_tit .tooltip_box .tooltip_list > li {position: relative; padding: 0 0 0 2.7778vw; font-weight: 400; font-size: 3.6111vw; line-height: 1.2;}
    .input_box .input_st .input_tit .tooltip_box .tooltip_list > li:before {content: ''; display: block; position: absolute; left: 0.8333vw; top: 1.6667vw; width: 0.8333vw; height: 0.8333vw; border-radius: 50%; background-color: #333;}
    .input_box .input_st .input_tit.radio_tit {font-size: 3.8889vw; display: flex; justify-content: flex-start; gap: 5.5556vw; align-content: center; }
    .input_box .input_st .input_tit.radio_tit span{display: block; flex-shrink: 0;}
    .input_box .input_st .input_sub_txt {font-size: 3.8889vw; margin: 0 0 2.7778vw; line-height: 1.3;}
    .input_box .input_st .flex_input .input_tit {margin: 0;}
    .input_box .input_st .input_area{position: relative; width: 100%;}
    .input_box .input_st .input_area.copy{display: flex; justify-content: space-between; flex-direction: row; gap: 0 2.7778vw; align-items: center;}
    .input_box .input_st .input_area.copy .copy{display: block; padding: 0 4.4444vw; font-weight: 500; font-size: 3.8889vw; line-height: 13.3333vw; border: 0.2778vw solid #33C8A7; border-radius: 2.2222vw;}
    .input_box .input_st .input_area.regist{display: flex; justify-content: space-between; flex-direction: row; gap: 0 2.7778vw; align-items: center;}
    .input_box .input_st .input_area.regist .regist_btn {display: block; padding: 0 4.4444vw; font-weight: 500; font-size: 3.8889vw; line-height: 13.3333vw; color: #fff; background-color: #33C8A7; border-radius: 2.2222vw;}
    .input_box .input_st .input_area.st2{display: flex; justify-content: space-between; flex-direction: row; gap: 0.5556vw; align-items: center;}
    .input_box .input_st .input_area.st2 > span {font-size: 3.8889vw;}
    .input_box .input_st .input_area.st2 input[type='text'] {width: 43.1667vw;}
    .input_box .input_st .input_area.st3{display: flex; justify-content: space-between; flex-direction: row; gap: 2.7778vw;}
    .input_box .input_st .input_area.st3 input[type='text'] {width: 28.5194vw;;}
    .input_box .input_st .input_area.st3 .select_box {width: 28.5194vw;;}
    .input_box .input_st .input_area.st4 .select_box {width: 100%;}
    .input_box .input_st .input_area .select_box {position: relative; width: 44.1667vw; border: 0.2778vw solid #DADADA; font-size: 3.8889vw; line-height: 13.3333vw; border-radius: 2.2222vw;}
    .input_box .input_st .input_area .select_area {position: relative; padding: 0 10.0000vw 0 4.4444vw; cursor: pointer;}
    .input_box .input_st .input_area .select_area:after {content: ''; display: block; width: 3.3333vw; height: 2.2222vw; position: absolute; top: 50%; right: 6.1111vw; background-image: url('../images/arr_bt.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.3s; }
    .input_box .input_st .input_area .select_area.on:after {transform: translateY(-50%) rotate(180deg);}
    .input_box .input_st .input_area .select_option {display: none; max-height: 53.3332vw; width: 100%; position: absolute; bottom: 0; left: 0; transform: translateY(100%); background-color: #fff; z-index: 9; border: 0.2778vw solid #DADADA; overflow-y: auto; border-radius: 2.2222vw; }
    .input_box .input_st .input_area .select_option > li {cursor: pointer; padding: 0 4.4444vw;}
    .input_box .input_st .input_area .select_option > li.disable {background-color: #DADADA;}
    .input_box .input_st .input_area input[type='text'],.input_box .input_st .input_area input[type='password'] {width: 100%; border: 0.2778vw solid #DADADA; font-weight: 500; font-size: 3.8889vw; line-height: 13.3333vw; padding: 0 10.0000vw 0 4.4444vw ; border-radius: 2.2222vw; }
    .input_box .input_st .sm_txt {color: #1FB29E;}
    .input_box .input_st .input_area.wrong input {border: 0.2778vw solid #FF3257; }
    .input_box .input_st .input_area.wrong + .sm_txt {color: #FF3257;}
    
    .input_box .input_st input::placeholder {font-weight: 500; color: #999999;}
    .input_box .input_st .input_area .pw_view {position: absolute; width: 5.5556vw; height: 3.8889vw; top: 50%; right: 4.4444vw; transform: translateY(-50%);  background-image: url('../images/password_show.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .input_box .input_st .input_area.disable .pw_view {height: 4.4444vw; background-image: url('../images/password_disable.svg');}
    .input_box .input_st .input_area .date {position: absolute; width: 6.6667vw; height: 6.6667vw; top: 50%; right: 4.4444vw; transform: translateY(-50%);  background-image: url('../images/date_icon.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .input_box .input_st.input_row .thumb_box {display: block; position: relative; width: 20.2778vw; height: 20.2778vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; overflow: hidden; flex-shrink: 0;}
    .input_box .input_st.input_row .thumb_box label {cursor: pointer;}
    .input_box .input_st.input_row .thumb_box input[type='file'] {display: none; }
    .input_box .input_st.input_row .thumb_box img {display: block; width: 100%; height: 100%; object-fit: cover;}
    
    .input_box .input_st.input_row .profile_box {}
    .input_box .input_st.input_row .profile_box .profile_btn {display: block; width: 58.3333vw; font-weight: 600; font-size: 4.1667vw; line-height: 12.2222vw; border-radius: 1.1111vw; background-color: #EEEEEE; text-align: center;}
    .input_box .input_st.input_row .profile_img {width: 22.2222vw; height: 22.2222vw; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; border-radius: 50%; overflow: hidden;}
    .input_box .input_st.input_row .profile_img img {display: block; width: 100%; height: 100%;}
    .input_box .input_st .channel_url {font-weight: 500; font-size: 3.8889vw;}
    
    
    /*체크박스, 라디오, 텍스트에이리어*/
    .chk_box{position:relative; font-size: 3.8889vw; color: #333333;}
    .chk_box input {position: absolute;top:0;left:0;opacity: 0; width: 5.0000vw; height: 5.0000vw; z-index: 9;}
    .chk_box label {padding:0.2778vw 0 0.2778vw 7.2222vw; background:url('../images/chk_off.svg') no-repeat left top; background-size: 5.0000vw 5.0000vw; cursor: pointer;}
    .chk_box input:disabled + label {background-image:url('../images/Checkbox_disable.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .chk_box.sty1 label {padding:0.2778vw 0 0.2778vw 5.0000vw;}
    .chk_box input:checked+label{background:url('../images/chk_on.svg') no-repeat left top; background-size: 5.0000vw 5.0000vw;}
    .input_box .input_st .input_area.radio_area {display: flex; justify-content: flex-start; flex-direction: row; gap: 8.3333vw;}
    .input_box .input_st .input_area.radio_area.flex_col {flex-direction: column; gap: 2.7778vw;}
    .input_box .input_st .input_area.radio_area.flex_col label {display: flex; align-items: center; gap: 3.3333vw; padding: 3.8889vw 5.0000vw; border: 0.2778vw solid #ddd; border-radius: 2.7778vw; cursor: pointer; transition: all 0.25s; box-shadow: 0 0.5556vw 1.1111vw rgba(0,0,0,0.05);}
    .input_box .input_st .input_area.radio_area.flex_col label:hover { border-color: #00b894; background: #f8fffb; box-shadow: 0 1.1111vw 2.7778vw rgba(0,0,0,0.1);}
    .input_box .input_st .input_area .radio{ display:flex; gap:2.2222vw; }
    .input_box .input_st .input_area .radio p {font-size:3.8889vw}
    .input_box .input_st .input_area input[type='radio'] { width: 5.0000vw; height: 5.0000vw; border: 0.2778vw solid #DADADA; border-radius: 50%;outline: none; cursor: pointer;}
    .input_box .input_st .input_area input[type='radio']:checked { background-color: #33C8A7; border: 1.1111vw solid #fff; box-shadow: 0 0 0 0.2778vw #DADADA; }
    .input_box .input_st .input_area.disable input[type='radio']:checked { background-color: #DADADA; }
    .input_box .input_st .textarea {max-height: 41.6667vw; min-height: 41.6667vw; overflow-y: auto; padding: 4.1667vw 4.4444vw; margin: 0 0 2.7778vw; font-size: 3.3333vw; line-height: 5.0000vw; color: #333; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; color: #333333;}
    .input_box .input_st .textarea1 {padding: 4.1667vw; font-size: 3.3333vw; line-height: 5.2778vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; color: #333333;}
    
    /*0917*/
    .input_box .input_st .cate_box {display: flex; gap: 1.5vw; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; padding: 2.7250vw 4.1667vw; min-height: 13.3333vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; color: #fff;}
    .input_box .input_st .cate_box li {position: relative; flex-shrink: 0; font-size: 3.3333vw; padding: 2vw 5.6vw 2vw 2vw; background-color: #EFEFEF; border-radius: 2.2222vw;}
    .input_box .input_st .cate_box li .txt {color: #333333; }
    .input_box .input_st .cate_box li .close_btn {position: absolute; width: 3.8889vw; height: 3.8889vw; top: 50%; right: 1vw; background-image: url('../images/close_btn.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); }
    
    
    
    .input_box .input_st textarea {width: 100%; min-height: 83.3333vw; padding: 4.1667vw 4.4444vw; font-size: 3.8889vw; line-height: 5.8333vw; color: #333; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; color: #333333;}
    .input_box .input_st textarea.sty1 {min-height: 27.7778vw;}
    .input_box .input_st textarea::placeholder {color: #999999; font-size: 3.8889vw;}
    
    /*사진추가 폼*/
    .add_photowrap {display: flex; gap: 2.7778vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    .add_photowrap input[type='file'] {display: none;}
    .add_photowrap .photo {display: block; margin: 2.7778vw 0 0; flex-shrink: 0; width: 20.0000vw; height: 20.0000vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; overflow: hidden; cursor: pointer;}
    .add_photowrap .photo img {display: block; width: 100%; height: 100%;}
    .add_photowrap .photo_wrap {padding: 2.7778vw 0 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none;}    
    .add_photowrap .photo_wrap::-webkit-scrollbar { height: 0.5556vw;}
    .add_photowrap .photo_wrap::-webkit-scrollbar-track { background: inherit; border-radius: 2.2222vw; }
    .add_photowrap .photo_wrap::-webkit-scrollbar-thumb {  background: #33C8A7; border-radius: 2.2222vw;}
    .add_photowrap .photo_wrap::-webkit-scrollbar-thumb:hover {background: #555;}
    
    .add_photowrap .photo_wrap .photo_list {display: flex;  gap: 2.7778vw; justify-content: flex-start; flex-direction: row; align-items: center; }
    .add_photowrap .photo_wrap .photo_list > li {position: relative; flex-shrink: 0; width: 20.0000vw; height: 20.0000vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; background-color: #EFEFEF; white-space: nowrap;}
    .add_photowrap .photo_wrap .photo_list > li img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .add_photowrap .photo_wrap .photo_list > li .close_btn {position: absolute; width: 5.0000vw; height: 5.0000vw; top: -0.5556vw; right: -0.8333vw; background-image: url('../images/close_btn.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}

    /*dot리스트*/
    ul.dot {}
    ul.dot > li {position: relative; padding: 0 0 0 4.1667vw;}
    ul.dot.sm_txt > li {line-height: 1.4;}
    ul.dot.sm_txt2 > li {line-height: 1.4;}
    ul.dot > li:after {content:''; display: block; position: absolute; top: 2.5vw; left: 1.5vw; width: 0.8333vw; height: 0.8333vw; background-color: #333; border-radius: 50%; }
    ul.dot.sm_txt > li:after {top: 2vw; left: 1.7vw; width: 0.8333vw; height: 0.8333vw; background-color: #33C8A7; border-radius: 50%; }
    ul.dot.sm_txt2 > li:after {top: 1.8vw; left: 2vw; width: 0.8333vw; height: 0.8333vw; background-color: #333; border-radius: 50%; }
    
    .login_bottom {display: flex; flex-direction: row; justify-content: space-between; margin: 0 0 4.4444vw 0;}
    .login_bottom .find_bt {font-size: 3.8889vw;}
    
    
    
    /*아이디,비밀번호 찾기*/
    .find_wrap {}
    .find_wrap .find_box {display: flex; gap: 8.3333vw; justify-content: flex-start; flex-direction: column;}
    .find_wrap .find_box .find_menu {display: flex; margin: 8.3333vw 0 0; gap: 2.2222vw; justify-content: space-between; flex-direction: row; align-items: center;}
    .find_wrap .find_box .find_menu > a {display: block; width: 50%; font-weight: 500; font-size: 4.1667vw; line-height: 13.3333vw; border-radius: 2.2222vw; border: 0.2778vw solid #E4E4E4; text-align: center;}
    .find_wrap .find_box .find_menu > a.act {border: 0.2778vw solid #33C8A7;}
    .find_wrap .find_box .find_area {}
    .find_wrap .find_box .find_area > li {display: none;}
    .find_wrap .find_box .find_area > li.act {display: block;}
    
    .result_wrap {}
    .result_wrap .result_box {display: flex; gap: 8.3333vw; padding: 8.3333vw 0 0; justify-content: flex-start; flex-direction: column;}
    
    
    .contents_wrap {padding: 8.3333vw 0 0;}
    /*.contents_wrap .input_box .input_st {margin: 0 0 6.6667vw;}
    .contents_wrap .input_box .input_st:last-child {margin: 0;}*/
    
    /*콘텐츠옵션*/
    .option_box {}
    .option_box .option_list {}
    .option_box .option_list > li {}
    .option_box .option_list > li .option_top_box {display: flex; margin: 8.3333vw 0 ; justify-content: space-between; flex-direction:row; align-items: center; }
    .option_box .option_list > li .option_top_box .option_tit {font-weight: 700; font-size: 5.0000vw;}
    .option_box .option_list > li .option_top_box .option_tit span {font-weight: 700; font-size: 5.0000vw;}
    .option_box .option_list > li .option_top_box .option_menu {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 2.2222vw;}
    .option_box .option_list > li .option_top_box .option_menu .option_menu {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 2.2222vw;}
    .option_box .option_list > li .option_top_box .option_menu .option_menu .option_up {display: block; width: 5.5556vw; height: 5.5556vw; background-image: url('../images/up_btn.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    .option_box .option_list > li .option_top_box .option_menu .option_menu .option_down {display: block; width: 5.5556vw; height: 5.5556vw; background-image: url('../images/down_btn.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    .option_box .option_list > li .option_top_box .option_menu .delete {display: block; width: 5.5556vw; height: 5.5556vw; background-image: url('../images/delete.svg'); background-position: center; background-size :100% 100%; background-repeat: no-repeat;}
    
    /*환불*/
    .refund_wrap {padding: 8.3333vw 0 0;}
    
    /*마이페이지*/
    .mypage_wrap {padding: 8.3333vw 0 0;}
    .mypage_wrap .profile_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .mypage_wrap .profile_box .left_profile {display: flex; justify-content: center; gap: 3.3333vw; flex-direction: column;}
    .mypage_wrap .profile_box .left_profile .mytit {font-weight: 700; font-size: 5.5556vw;}
    .mypage_wrap .profile_box .left_profile .nick_name_area {display: flex; justify-content: flex-start; gap: 2.7778vw; flex-direction: row; align-items: center;}
    .mypage_wrap .profile_box .left_profile .nick_name_area .nickname {font-weight: 700; font-size: 5.0000vw;}
    .mypage_wrap .profile_box .left_profile .txt {font-size: 3.6111vw; line-height: 1.3; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .mypage_wrap .profile_box .left_profile .nick_name_area .tag {font-size: 3.6111vw; color: #999999;}
    .mypage_wrap .profile_box .profile_img {flex-shrink: 0; position: relative; width: 22.2222vw; height: 22.2222vw; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .mypage_wrap .profile_box .profile_img .img_box {display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
    .mypage_wrap .profile_box input[type='file'] {display: none;}
    .mypage_wrap .profile_box .profile_img .profile_btn {position: absolute; bottom: 0; right: 0; width: 6.9444vw; height: 6.9444vw; border-radius: 50%; border: 0.2778vw solid #E4E4E4; background-image: url('../images/add_a_photo.svg'); background-size: 3.8889vw 3.8889vw; background-position: center; background-repeat: no-repeat; z-index: 2; background-color: #fff;}
    .mypage_wrap .profile_box .profile_img .img_box img {display: block; width: 100%; height: 100%;}
    
    .cont_wrap {display: flex; gap: 8.3333vw; justify-content: flex-start; flex-direction: column;} 
    .cont_wrap.p10 {padding: 2.7778vw 0 0; } 
    .cont_wrap.p20 {padding: 5.5556vw 0 0; } 
    .cont_wrap.gap60 {gap: 16.6667vw; padding: 0;}
    .cont_wrap .cont_box {display: flex; gap: 3.3333vw; justify-content: flex-start; flex-direction: column;} 
    .cont_wrap .cont_box.gap20 {gap: 5.5556vw;} 
    .cont_wrap .cont_box .cont_tit {font-weight: 700; font-size: 4.4444vw;} 
    .cont_wrap .cont_box .cont_subtit {font-size: 3.8889vw;} 
    .cont_wrap .cont_box .cont_tit.icon_tit {display: flex; justify-content: space-between; flex-direction: row; align-items: center;} 
    .cont_wrap .cont_box .cont_tit.icon_tit .tit {position: relative; padding: 0 0 0 8.8889vw; font-weight: 700; font-size: 5.5556vw;} 
    .cont_wrap .cont_box .cont_tit.icon_tit .more_view {font-size: 3.8889vw; color: #666666;} 
    .cont_wrap .cont_box .cont_tit.icon_tit .tit:after {content: ''; display: block; width: 6.6667vw; height: 6.6667vw; position: absolute; top: 50%; left: 0; background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; transform: translateY(-50%);}
    .cont_wrap .cont_box .cont_tit.icon_tit .tit.icon_favorite:after {background-image: url('../images/favorite_border.svg');}
    .cont_wrap .cont_box .cont_tit.icon_tit .tit.icon_bookmark:after {background-image: url('../images/bookmark_border2.svg');}
    .cont_wrap .cont_box .icon_list {display: flex; gap: 2.2222vw; justify-content: space-between; flex-direction: row; align-items: center;} 
    .cont_wrap .cont_box .icon_list > li {display: flex; width: 33.3333%; padding: 5.4167vw 0; gap: 1.6667vw; justify-content: center; flex-direction: column; align-items: center; background-color: #F7F7F7; border: 0.5556vw solid #E4E4E4; border-radius: 2.2222vw;} 
    .cont_wrap .cont_box .icon_list > li .icon {width: 5.5556vw; height: 5.5556vw; background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;} 
    .cont_wrap .cont_box .icon_list > li .icon.icon_visible {background-image: url('../images/visibility.svg');} 
    .cont_wrap .cont_box .icon_list > li .icon.icon_thumbs {background-image: url('../images/thumb_up.svg');} 
    .cont_wrap .cont_box .icon_list > li .icon.icon_follow {background-image: url('../images/person_2.svg');} 
    .cont_wrap .cont_box .icon_list > li .count {font-weight: 600; font-size: 4.4444vw;}
    .cont_wrap .cont_box .icon_list > li .txt {font-size: 3.6111vw; color: #999999;}
    
    .cont_wrap .cont_box .revenue_box {display: flex; padding: 5.5556vw; justify-content: space-between; flex-direction: row; align-items: center; background-color: #F7F7F7; border: 0.5556vw solid #E4E4E4; border-radius: 2.2222vw;}
    .cont_wrap .cont_box .revenue_box .select_box {position: relative; background-color: #ffffff; border: 0.5556vw solid #DADADA; border-radius: 0.5556vw;}
    .cont_wrap .cont_box .revenue_box .select_box .select_area {position: relative; width: 37.5000vw; padding: 0 7.2222vw 0 4.4444vw; font-size: 3.8889vw; line-height: 8.0556vw; cursor: pointer;}
    .cont_wrap .cont_box .revenue_box .select_box .select_area:after {content: ''; display: block; width: 3.3333vw; height: 2.2222vw; position: absolute; top: 50%; right: 4.4444vw; background-image: url('../images/bxs_down-arrow.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.3s; }
    .cont_wrap .cont_box .revenue_box .select_box .select_area.on:after {transform: translateY(-50%) rotate(180deg);}
    .cont_wrap .cont_box .revenue_box .select_box .select_option {display: none; width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 0 0 4.4444vw; font-size: 3.8889vw; line-height: 8.0556vw; max-height: 32.2224vw; overflow-y: auto; transform: translateY(100%); background-color: #fff; z-index: 9; border: 0.2778vw solid #DADADA;}
    .cont_wrap .cont_box .revenue_box .select_box .select_option > li {cursor: pointer;}
    .cont_wrap .cont_box .revenue_box .select_box .select_option > li.disable{background-color: #DADADA;}
    .cont_wrap .cont_box .revenue_box .count_txt {font-weight: 700; font-size: 4.4444vw;}
    .cont_wrap .cont_box .revenue_box .count_txt > span {display: inline-block; margin: 0 0 0 0.5556vw; font-weight: 400; font-size: 3.6111vw; line-height: 5.8333vw}
    
    .cont_wrap .cont_box .month_list {display: flex; gap: 5.5556vw; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .cont_box .month_list > li {display: flex; gap: 3.3333vw; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .cont_box .month_list > li .month_txt {font-weight: 700; font-size: 4.1667vw;}
    .cont_wrap .cont_box .month_list > li .month_cont_list {display: flex; gap: 2.2222vw; justify-content: flex-start; flex-direction: row;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li {width: 33.3333%;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a {display: flex; width: 100%; height: 100%; gap: 2.2222vw; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a .thumb {background-color: #F7F7F7; height: 21.2500vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; overflow: hidden;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .cont_wrap .cont_box .month_list > li .month_cont_list > li > a .txt {font-size: 3.6111vw; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    
    /*채널 리스트*/
    .channel_list {display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
    .channel_list > li {position: relative; width: 33.3333%; display: flex; gap: 1.6667vw; justify-content: flex-start; align-items: center; flex-direction: column;}
    .channel_list > li:after {content:''; position: absolute; top: 0; right: 0; display: block; width: 0.2778vw; height: 100%; background-color: #E4E4E4; }
    .channel_list > li:last-child:after {display: none;}
    .channel_list > li .count {font-weight: 600; font-size: 4.4444vw;}
    .channel_list > li .txt {font-weight: 600; font-size: 3.6111vw; color: #999999;}
    
    
    .cont_wrap .mypage_menu_box {}
    .cont_wrap .mypage_menu_box .mypage_menu_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li {}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu {display: block; width: 100%; padding: 3.8889vw 0 3.8889vw 8.3333vw; background-position: left center; background-size: 5.5556vw 5.5556vw; background-repeat: no-repeat;}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon1 {background-image: url('../images/assessment.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon2 {background-image: url('../images/subject.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon3 {background-image: url('../images/query_stats.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon4 {background-image: url('../images/person_3.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon5 {background-image: url('../images/payments.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon6 {background-image: url('../images/gpp_good.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon7 {background-image: url('../images/settings.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon8 {background-image: url('../images/notifications_none.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon9 {background-image: url('../images/bookmark_border_set.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon10 {background-image: url('../images/paid.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon11 {background-image: url('../images/info.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon12 {background-image: url('../images/edit.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon13 {background-image: url('../images/logout.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon14 {background-image: url('../images/volume_up.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu.icon15 {background-image: url('../images/people.svg');}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu > .tit {position: relative; display: block; width: 100%; height: 100%; font-weight: 500; font-size: 4.1667vw;}
    .cont_wrap .mypage_menu_box .mypage_menu_list > li > .icon_menu > .tit:after {content:''; display: block; width: 5.5556vw; height: 5.5556vw; position: absolute; top: 50%; right: 0; background-image: url('../images/keyboard_arrow_right.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
    
    
    /*채널*/
    .channel_wrap {padding: 8.3333vw 0 0;}
    
    /*크리에이터 본인인증*/
    .identity_wrap {padding: 8.3333vw 0 0;}
    
    /*알림*/
    .alert_wrap {padding: 8.3333vw 0 0;}
    .alert_wrap .alert_box {}
    .alert_wrap .alert_box .alert_list {display: flex; justify-content: flex-start; flex-direction: column; align-content: center;}
    .alert_wrap .alert_box .alert_list > li {background-color: #F7F7F7;}
    .alert_wrap .alert_box .alert_list > li.basic {background-color: #fff; }
    .alert_wrap .alert_box .alert_list > li:nth-child(2n) {background-color: #fff;}
    .alert_wrap .alert_box .alert_list > li > a {display: flex; gap: 2.7778vw; padding: 5.5556vw 4.4444vw; justify-content: space-between; flex-direction: row; align-items: center;}
    .alert_wrap .alert_box .alert_list > li.basic > a {display: block; width: 100%; text-align: center;}
    .alert_wrap .alert_box .alert_list > li > a .profile {display: block; width: 8.8889vw; height: 8.8889vw; border-radius: 50%; background-color: #D9D9D9; flex-shrink: 0; overflow: hidden;}
    .alert_wrap .alert_box .alert_list > li > a .img {display: block; width: 100%; height: 100%;}
    .alert_wrap .alert_box .alert_list > li > a .txt {font-size: 3.8889vw; line-height: 1.3;}
    
    /*팔로우*/
    .follow_wrap {padding: 8.3333vw 0 0;}
    .follow_wrap .follow_box {}
    .follow_wrap .follow_box .follow_list {display: flex; justify-content: flex-start; flex-direction: column; align-content: center; gap: 3.3333vw;}
    .follow_wrap .follow_box .follow_list > li {display: flex; justify-content: space-between; align-items: center;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap {display: flex; gap: 4.4444vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .profile {display: block; width: 16.6667vw; height: 16.6667vw; border-radius: 50%; background-color: #D9D9D9; flex-shrink: 0; overflow: hidden;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .profile .img {display: block; width: 100%; height: 100%;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .txt_box {display: flex; gap: 1.1111vw; justify-content: flex-start; flex-direction: column; }
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .txt_box .name {font-weight: 700; font-size: 4.4444vw; line-height: 1.3;}
    .follow_wrap .follow_box .follow_list > li > .profile_wrap .txt_box .count {font-size: 3.6111vw; line-height: 1.3; color: #999999;}
    .follow_wrap .follow_box .follow_list > li > .follow_btn {padding: 0 4.4444vw; font-weight: 700; font-size: 3.8889vw; line-height: 10.0000vw; color: #666666; background-color: #F7F7F7; border-radius: 2.2222vw;}
    
    /*좋아요 페이지*/
    .wrap .favor_wrap {padding-top: 0;}
    .wrap .favor_wrap .favor_box {position: relative; min-height: 22.2222vw;}
    .wrap .favor_wrap .favor_box .basic_box {position: absolute; top: 50%; left: 50%; display: flex; width: 100%; flex-direction: column; justify-content: center; font-size: 4.1667vw; text-align: center; align-items: center; transform: translate(-50% , -50%);}
    .wrap .favor_wrap .favor_box .favor_list {display: flex; gap: 5.5556vw 3.3333vw; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
    .wrap .favor_wrap .favor_box .favor_list > li  {width: calc(50% - 1.6667vw);}
    .wrap .favor_wrap .favor_box .favor_list > li > a {display: flex; gap: 2.2222vw; justify-content: flex-start; flex-direction: column;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .thumb {height: 32.9167vw; border: 0.2778vw solid #E4E4E4; border-radius: 2.2222vw; background-color: #D9D9D9;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt {display: flex; gap: 1.1111vw; justify-content: flex-start; flex-direction: column;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .nickname {font-size: 3.6111vw; color: #999999;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt {display: flex; gap: 2.2222vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt.jc_between {justify-content: space-between;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .code {font-weight: 600; font-size: 3.8889vw; color: #1FB29E;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .code.disable {color: #FF3257;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .size { padding: 0 1.6667vw; font-size: 3.3333vw; line-height: 4.4444vw; color: #fff; background-color: #666666; border-radius: 1.1111vw;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .price {font-weight: 700; font-size: 3.8889vw;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 700; font-size: 3.8889vw;}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon {position: relative; padding: 0 0 0 5.5556vw; font-size: 3.3333vw; flex-shrink: 0; }
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon:after {content:''; display: block; width: 4.4444vw; height: 4.4444vw; position: absolute; top: 50%; left: 0; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon.icon_favor:after {background-image: url('../images/myfavorite.svg');}
    .wrap .favor_wrap .favor_box .favor_list > li > a .bt_txt .flex_txt .icon.icon_book:after {background-image: url('../images/mybookmark.svg');}
    
    /*콘텐츠 판매 수익*/
    .revenue_area {display: flex; padding: 5.5556vw; gap: 3.8889vw; justify-content: flex-start; flex-direction: column; border: 0.2778vw solid #DADADA; background-color: #F7F7F7; border-radius: 2.2222vw;}
    .revenue_area .top_revenue_wrap {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.8889vw;}
    .revenue_area .top_revenue_wrap .revenu_txt {font-size: 3.8889vw; color: #FF3257;}
    .revenue_area .top_revenue_wrap .top_revenue {display: flex; gap: 1.1111vw; justify-content: space-between; flex-direction: column;}
    .revenue_area .top_revenue_wrap .top_revenue > li {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .revenue_area .top_revenue_wrap .top_revenue > li .tit {font-size: 3.8889vw; line-height: 6.1111vw;}
    .revenue_area .top_revenue_wrap .top_revenue.sty1 > li .tit {font-weight: 700; font-size: 4.1667vw; line-height: 11.1111vw; }
    .revenue_area .top_revenue_wrap .top_revenue.sty1 > li .price {font-weight: 700; font-size: 5.0000vw; line-height: 11.1111vw; }
    .revenue_area .top_revenue_wrap .top_revenue > li .price {font-weight: 700; font-size: 3.8889vw;}
    .revenue_area .top_revenue_wrap .top_revenue > li .price span {font-weight: 400; font-size: 3.8889vw;}
    .revenue_area .text {font-weight: 700; font-size: 3.8889vw;}
    
    .sales_box {position: relative;}
    .sales_box .basic_txt {padding: 13.8889vw 0; font-weight: 500; font-size: 4.1667vw; line-height: 1.3; text-align: center; color: #999999;}
    .sales_box .sales_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .sales_box .sales_list {}
    .sales_box .sales_list.chk_list >  li {display: flex; padding: 5.5556vw 0;  gap: 2.7778vw; justify-content: flex-start; flex-direction: row; align-items: center; border-bottom: 0.2778vw solid #DADADA;}
    .sales_box .sales_list.chk_list >  li .chk_area {display: flex; width: 5.0000vw;}
    .sales_box .sales_list.chk_list >  li .chk_area .chk_box label{padding: 0.2778vw 0 0.2778vw 5.0000vw; cursor: pointer;}
    .sales_box .sales_list.chk_list >  li > a {padding: 0;}
    .sales_box .sales_list >  li > a {display: flex; gap: 3.3333vw; padding: 8.3333vw 0; justify-content: flex-start; flex-direction: column;}
    .sales_box .sales_list >  li:first-child > a {padding-top: 0;}
    .sales_box .sales_list >  li:last-child > a {padding-bottom: 0;}
    .sales_box .sales_list >  li .line {margin: 0;}
    .sales_box .sales_list >  li:last-child .line {display: none;}
    .sales_box .sales_list >  li > a .sales_type {font-weight: 700; font-size: 4.1667vw;}
    .sales_box .sales_list >  li > a .sales_type.on_sale {color: #1FB29E;}
    .sales_box .sales_list >  li > a .sales_type.end_sale {color: #FF3257;}
    .sales_box .sales_list >  li > a .sales_type.sucess_sale {color: #333333;}
    .sales_box .sales_list >  li > a .sales_area {display: flex; gap: 4.7222vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    .sales_box .sales_list >  li > a .sales_area .sales_thumb {display: flex; gap: 2.2222vw; width: 28.8889vw; justify-content: flex-start; flex-direction: column; }
    .sales_box .sales_list >  li > a .sales_area .sales_thumb .thumb {height: 21.8750vw; border: 0.2778vw solid #E4E4E4; border-radius: 2.2222vw; background-color: #D9D9D9; overflow: hidden;}
    .sales_box .sales_list >  li > a .sales_area .sales_thumb .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .sales_box .sales_list >  li > a .sales_area .sales_thumb .txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 3.6111vw; line-height: 1.3;}
    .sales_box .sales_list >  li > a .sales_area .type_list {display: flex; gap: 2.7778vw; justify-content: flex-start; flex-direction: column;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li {display: flex; gap: 2.2222vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li .tit {min-width: 13.8889vw; font-size: 3.6111vw; color: #999999;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li .txt {font-size: 3.6111vw;}
    .sales_box .sales_list >  li > a .sales_area .type_list > li .txt.stb {font-weight: 700; font-size: 4.1667vw;}
    
    /*정산서*/
    .adjustment_table {}
    .adjustment_table thead {}
    .adjustment_table thead tr {border-top: 0.2778vw solid #333333; border-bottom: 0.2778vw solid #333333;}
    .adjustment_table thead tr th {padding: 3.3333vw 0; font-weight: 700; font-size: 3.8889vw;}
    .adjustment_table tbody tr {border-bottom: 0.2778vw solid #DADADA;}
    .adjustment_table tbody tr td {padding: 1.6667vw 0; font-size: 3.8889vw; text-align: center;}
    .adjustment_table tbody tr td.b_txt {font-weight: 700;}
    .adjustment_table tbody tr td .thumb {width: 16.6667vw; height: 12.5000vw; margin: 0 auto; overflow: hidden; border: 0.2778vw solid #E4E4E4; border-radius: 2.2222vw;}
    .adjustment_table tbody tr td .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .adjustment_table tbody tr.total_row {background-color: #F7F7F7; }
    .adjustment_table tbody tr.total_row td {padding: 4.4444vw;}
    .adjustment_table tbody tr.total_row .total_box {display: flex; justify-content: space-between; align-items: center; }
    .adjustment_table tbody tr.total_row .total_box .total_txt {font-size: 4.1667vw;}
    .adjustment_table tbody tr.total_row .total_box .total {font-weight: 700; font-size: 5.0000vw; color: #FF3257;}
    .adjustment_table tbody tr.total_row .total_box .total span {font-weight: 400; display: inline-block; margin: 0 0 0 0.5556vw; font-size: 3.6111vw; color: #333333;}
    
    .info_wrap {display: flex; gap: 4.4444vw; justify-content: flex-start; flex-direction: column;}
    .info_wrap .info_tit {font-weight: 700; font-size: 4.1667vw; color: #1FB29E;}
    .info_wrap .info_list {display: flex; gap: 4.4444vw; justify-content: flex-start; flex-direction: row;}
    .info_wrap .info_list > li {display: flex; gap: 1.6667vw; justify-content: flex-start; flex-direction: row;}
    .info_wrap .info_list > li .tit {font-size: 3.8889vw; color: #999;}
    .info_wrap .info_list > li .txt {font-size: 3.8889vw;}
    .info_wrap .info_box {padding: 4.1667vw 4.4444vw; border: 0.2778vw solid #DADADA; background-color: #FAFAFA; border-radius: 2.2222vw;}
    .info_wrap .info_box ul > li {font-size: 3.3333vw; line-height: 1.3;}
    .info_wrap .info_box ul > li:after {top: 1.8vw;}
    
    /*태그리스트*/
    .tag_wrap {}
    .tag_wrap .tag_list {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 2.2222vw; flex-wrap: wrap;}
    .tag_wrap .tag_list > li {width: calc(33.3333% - 1.4814vw); height: 22.2222vw; flex-shrink: 0; }
    .tag_wrap .tag_list > li > a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; font-weight: 500; font-size: 4.1667vw; line-height: 1.2;}
    .tag_wrap .tag_list > li > a.act {border: 0.2778vw solid #33C8A7;}
    
    .fixed_btn {position: fixed; bottom: 5.5556vw; width: calc(100% - 8.8888vw); display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw; z-index: 6;}
    
    /*채널 추천*/
    .recommend_wrap .profile_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .recommend_wrap .profile_box .left_profile {display: flex; justify-content: center; gap: 3.3333vw; flex-direction: column;}
    .recommend_wrap .profile_box .left_profile .mytit {font-weight: 700; font-size: 5.0000vw;}
    .recommend_wrap .profile_box .left_profile .nick_name_area {display: flex; justify-content: flex-start; gap: 2.7778vw; flex-direction: row; align-items: center;}
    .recommend_wrap .profile_box .left_profile .nick_name_area .nickname {font-size: 3.6111vw;}
    .recommend_wrap .profile_box .left_profile .nick_name_area .tag {font-size: 3.6111vw; color: #999999;}
    .recommend_wrap .profile_box .left_profile .txt {font-size: 3.6111vw; line-height: 1.3; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .recommend_wrap .profile_box .profile_img {flex-shrink: 0; position: relative; width: 22.2222vw; height: 22.2222vw; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .recommend_wrap .profile_box .profile_img .img_box {display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
    .recommend_wrap .profile_box input[type='file'] {display: none;}
    .recommend_wrap .profile_box .profile_img .profile_btn {position: absolute; bottom: 0; right: 0; width: 6.9444vw; height: 6.9444vw; border-radius: 50%; border: 0.2778vw solid #E4E4E4; background-image: url('../images/add_a_photo.svg'); background-size: 3.8889vw 3.8889vw; background-position: center; background-repeat: no-repeat; z-index: 2; background-color: #fff;}
    .recommend_wrap .profile_box .profile_img .img_box img {display: block; width: 100%; height: 100%;}   
    
    .recommend_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 2.2222vw;}
    .recommend_list > li {display: flex; justify-content: flex-start; flex-direction: column; gap: 4.4444vw; padding: 5.5556vw 4.4444vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw;}
    .recommend_list > li .hash_list {display: flex; justify-content: flex-start; flex-direction: row; gap: 2.2222vw;} 
    .recommend_list > li .hash_list  > li {font-size: 3.6111vw; color: #1FB29E;} 
    
    /*도움센터*/
    .cate_search {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 2.2222vw; flex-wrap: wrap;}
    .cate_search > li {width: calc(50% - 1.1111vw);}
    .cate_search > li > a {display: block; font-size: 3.8889vw; padding: 4.7222vw 0; text-align: center; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw;}
    
    .qa_list,.inquiry_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .inquiry_list > li,.qa_list > li {}
    .inquiry_list > li > a,.qa_list > li > a {position: relative; display: block; font-size: 3.8889vw; line-height: 13.3333vw; border-bottom: 0.2778vw solid #DADADA;}
    .inquiry_list > li > a:after,.qa_list > li > a:after {content: ''; position: absolute; top: 50%; right: 0; display: block; width: 5.5556vw; height: 5.5556vw; background-image: url(../images/keyboard_arrow_right.svg); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
    
    /*회원탈퇴*/
    .quit_info {padding: 4.1667vw 4.4444vw; font-size: 3.3333vw; background-color: #FAFAFA; border-radius: 2.2222vw; border: 0.2778vw solid #DADADA;}
    
    /*공지사항*/
    .notice_box {}
    .notice_box .notice_list {display: flex; min-height: 13.3333vw; justify-content: flex-start; flex-direction: column;}
    .notice_box .notice_list > li {}
    .notice_box .notice_list > li > a {display: flex; flex-direction: row; justify-content: space-between; padding: 4.7222vw 0; border-bottom: 0.2778vw solid #DADADA; align-items: center;}
    .notice_box .notice_list > li > a .tit {font-size: 3.8889vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .notice_box .notice_list > li > a .date {flex-shrink: 0; font-size: 3.8889vw;}
    
    /*공지사항 상세*/
    section.notice_view {padding-top: 0;}
    .notice_tit_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 2.7778vw;}
    .notice_tit_box .notice_tit {font-weight: 700; font-size: 5.5556vw; line-height: 1.2;}
    .notice_tit_box .notice_info_box {display: flex; padding: 4.7222vw 0; justify-content: flex-start; flex-direction: row; gap: 4.4444vw; align-items: center;}
    .notice_tit_box .notice_info_box .writer {font-size: 3.8889vw;}
    .notice_tit_box .notice_info_box .date {font-size: 3.8889vw;}
    .notice_info {min-height: 100vw; padding: 5.5556vw 0; font-size: 3.8889vw; line-height: 1.5; border-top: 0.2778vw solid #DADADA; border-bottom: 0.2778vw solid #DADADA;}
    .notice_info img {display: block; max-width: 100%;}
    
    /*런칭 이벤트*/
    .event_box {}
    .event_box img {width: 100%;}
    .event_box a {display: block; width: 100%;}
    
    /*채널 리스트*/
    .channel_swiper {position: relative; overflow: hidden;}    
    .channel_swiper .mychannel_list {display: flex; justify-content: flex-start; flex-direction: row;;}    
    .channel_swiper .mychannel_list > li {min-width: 25%;}    
    .channel_swiper .mychannel_list > li > a {display: flex; width: 100%; padding: 0 1.3889vw; justify-content: flex-start; flex-direction: column; gap: 2.7778vw; align-items: center; flex-shrink: 0;}    
    .channel_swiper .mychannel_list > li > a .profile {flex-shrink: 0; position: relative; width: 16.6667vw; height: 16.6667vw; background-image: url('../images/b_profile.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}    
    .channel_swiper .mychannel_list > li > a .channel_txt .channel_name {font-size: 4.1667vw; font-weight: 700; line-height: 1.2; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center;}
    .channel_swiper .mychannel_list > li > a .channel_txt .follow {font-size: 3.6111vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center; color: #999999;}  
    
    /*이미지 편집*/
    .img_edit_wrap {display: flex; justify-content: flex-start; flex-direction: column; gap: 6.6667vw;}
    .img_edit_wrap >li {position: relative; display: none;}    
    .img_edit_wrap >li.act {display: block;}    
    .img_edit_wrap >li .img_edit_swiper {}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list {display: flex; justify-content: flex-start; flex-direction: row; }    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li {width: 50vw !important; height: auto !important;}    
    .img_edit_wrap >li[data-idx="35"] .img_edit_swiper .img_edit_list > li.horizontal {width: 75vw !important;}    
    .img_edit_wrap >li[data-idx="37"] .img_edit_swiper .img_edit_list > li.horizontal {width: 66.67vw !important;}    
    .img_edit_wrap >li[data-idx="48"] .img_edit_swiper .img_edit_list > li.horizontal {width: 70.68vw !important;}    
    .img_edit_wrap >li[data-idx="51"] .img_edit_swiper .img_edit_list > li.horizontal {width: 79.55vw !important;}  
    .img_edit_wrap >li[data-idx="35"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb { height: 75vw !important; }
    .img_edit_wrap >li[data-idx="37"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb { height: 66.67vw !important; }
    .img_edit_wrap >li[data-idx="48"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb { height: 70.68vw !important; }
    .img_edit_wrap >li[data-idx="51"] .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb { height: 79.55vw !important; }

    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card {display: flex; justify-content: flex-start; flex-direction: column; gap: 1.9444vw; height: 100%;}  
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb {position: relative; width:100% !important; height: 100% !important; overflow: hidden; background-color: #D9D9D9;}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb .thumb_cropped {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); background-color: #D9D9D9; overflow: hidden;}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li.horizontal .photo_card .edit_thumb {background-color: transparent;} 
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_thumb img {display: block; width: auto; height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}    
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li.horizontal .photo_card .edit_thumb img {object-fit: contain; width: 100%; height: auto;}      
    .img_edit_wrap >li .img_edit_swiper .img_edit_list > li .photo_card .edit_btn {display: block; width: 100%; font-weight: 700; font-size: 4.1667vw; line-height: 13.3333vw; color: #fff; background-color: #173858; border-radius: 2.2222vw;}    
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display: none;}
    .swiper-button-next, .swiper-button-prev {position: absolute; top: 50%; width: 8.3333vw; height: 8.3333vw; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transform: translateY(-50%);}
    .swiper-button-next:after, .swiper-button-prev:after {display: none;}
    .swiper-button-prev {background-image: url(../images/prev.svg); left: 0;}
    .swiper-button-next {background-image: url(../images/next.svg); right: 0;}
    
    /*상세 장바구니*/
    .total_list {}
    .total_list > li {display: flex; justify-content: space-between; align-items: center; gap: 2.2222vw; padding: 2.2222vw 0;}
    .total_list > li .total_left {display: flex; justify-content: flex-start; flex-direction: column; gap: 1.6667vw;}
    .total_list > li .total_left .code {font-size: 3.6111vw; color: #1FB29E;}
    .total_list > li .total_left .tit {font-size: 3.6111vw;}
    .count_wrap {display: flex; justify-content: flex-start; gap: 2.2222vw; align-items: center;}
    .count_wrap.sty1 {justify-content: space-between; align-items: center; width: 100%; gap: 0;}
    .count_wrap .between {display: flex;  justify-content: flex-start; gap: 2.7778vw; align-items: center;}
    .count_wrap .count_box {position: relative; display: flex; width: 22.2222vw; justify-content: space-between; flex-direction: row; align-items: center; padding: 0 2.2222vw; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; overflow: hidden;}
    .count_wrap .count_box .count {font-size: 3.6111vw; line-height: 10.0000vw;}
    .count_wrap .count_box .count_minus {width: 4.4444vw; height: 4.4444vw; background-image: url(../images/remove.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
    .count_wrap .count_box .count_plus {width: 4.4444vw; height: 4.4444vw; background-image: url(../images/add.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }
    .count_wrap .price {min-width: 18.8889vw; font-weight: 700; font-size: 3.8889vw; text-align: right;}
    .count_wrap .delete {width: 4.4444vw; height: 4.4444vw; background-image: url(../images/shop_delete.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }
    
    .cart_list > li.disable .count_wrap .count_box {justify-content: center;}
    .cart_list > li.disable .count_wrap .count_box .count {color: #999999;}
    .cart_list > li.disable .count_wrap .price {color: #999999;}
    
    .shop_cont_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 4.4444vw;}
    .shop_tit_box {display: flex; justify-content: space-between; flex-direction: row; }
    .shop_tit {font-weight: 700; font-size: 4.4444vw;}
    .order_num_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 1.6667vw;}
    .order_num {font-size: 3.6111vw; color: #999999;}
    .bundle_code {padding: 0 1.9444vw; font-weight: 600; font-size: 3.6111vw; line-height: 5.2778vw; color: #fff; background-color: #173858; border-radius: 1.1111vw;}
    .shop_tit_box .cancel_change_btn {font-size: 3.8889vw;}
    .total_box {}
    .total_box .total_area {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw;}
    .total_box .total_area .total_top {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw; padding: 0 2.2222vw;}
    .total_box .total_area .total_top > li {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .total_box .total_area .total_top > li .tit {font-size: 3.8889vw;}
    .total_box .total_area .total_top > li .txt {font-size: 3.8889vw;}
    .total_box .total_area .total_top > li .ft_bold {font-weight: 700; font-size: 4.4444vw;}
    .total_box .total_area .total_bt {display: flex; justify-content: space-between; flex-direction: row; gap: 3.3333vw; padding: 5.5556vw 2.2222vw; background-color: #F7F7F7; border-top: 0.2778vw solid #333333;}
    .total_box .total_area .total_bt .total_tit {font-weight: 700; font-size: 4.1667vw;}
    .total_box .total_area .total_bt .total_txt {display: flex; justify-content: flex-start; flex-direction: row; gap: 0.8333vw; font-weight: 700; font-size: 4.4444vw; color: #FF3257;}
    .total_box .total_area .total_bt .total_txt .tatal_sm_txt {font-weight: 500; font-size: 3.8889vw; color: #333333;}

    /*장바구니*/
    .cart_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .cart_scroll {max-height: 127.7778vw; overflow-y: auto;}
    .cart_scroll.sty1 {max-height: 96.3889vw;}
    .cart_list > li {display: flex; justify-content: flex-start; flex-direction: row; gap: 2.7778vw; align-items: flex-start; padding: 4.4444vw 0; border-bottom: 0.2778vw solid #DADADA;}
    .cart_list > li:first-child {border-top: 0.2778vw solid #DADADA;}
    .cart_list > li .item_left {}
    .cart_list > li .item_right {display: flex; justify-content: flex-start; flex-direction: row; gap: 4.4444vw;}
    .cart_list > li .item_right .item_thumb {width: 27.7778vw; height: 20.8333vw; border-radius: 2.2222vw; border: 0.2778vw solid #E4E4E4; background-color: #D9D9D9; overflow: hidden;}
    .cart_list > li .item_right .item_thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .cart_list > li .item_right .item_txt_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw;}
    .cart_list > li .item_right .item_txt_box .item_info {display: flex; justify-content: flex-start; flex-direction: column; gap: 1.6667vw; width: 100%;}
    .cart_list > li .item_right .item_txt_box .item_info .nickname {font-weight: 500; font-size: 3.0556vw; color: #999999;}
    .cart_list > li .item_right .item_txt_box .item_info .title {font-weight: 700; font-size: 3.8889vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .cart_list > li .item_right .item_txt_box .item_info .code {font-weight: 700; font-size: 3.8889vw; color: #1FB29E;}
    .cart_list > li .item_right .item_txt_box .item_info .size {font-weight: 400; font-size: 3.6111vw;}
    .cart_list > li .item_right .item_txt_box .item_info .count_price {display: flex; justify-content: flex-start; flex-direction: row; gap: 1.6667vw; font-size: 3.6111vw;}
    .cart_list > li .item_right .item_txt_box .item_info .count_price .price {color: #FF3257;}
    
    .cart_list.sty1 {gap: 4.4444vw;}
    .cart_list.sty1 > li {gap: 4.4444vw; padding: 0; border-bottom: none;}
    .cart_list.sty1 > li:first-child {border-top: none;}
    .cart_list.sty1 > li .item_right .item_thumb {width: 38.8889vw; height: 29.1667vw;}
    
    /*만료 코드*/
    .cart_list > li.disable .item_right .item_thumb .disable_mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #BFBFBF; opacity: 0.6;}
    .cart_list > li.disable .item_right .item_txt_box .item_info .code {color: #FF3257;}
    
    /*주소록 관리*/
    .adress_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .adress_list > li {display: flex; justify-content: flex-start; flex-direction: row; gap: 2.7778vw; padding: 4.4444vw 0; border-top: 0.2778vw solid #DADADA; line-height: normal;}
    .input_box .input_st .input_area .adress_list.sty1 > li {gap: 3.3333vw; padding: 3.3333vw; border-top: none;}
    .input_box .input_st .input_area .adress_list.sty1 > li:hover {background-color: #E4E4E4;}
    .input_box .input_st .input_area .adress_list.hover_none > li:hover {background-color: transparent;}
    .adress_list > li .left_adress {}
    .address_info {display: flex; justify-content: flex-start; flex-direction: column; gap: 1.6667vw;}
    .address_info .adress_name_box {display: flex; justify-content: flex-start; flex-direction: row; gap: 1.6667vw; align-items: center;}
    .address_info .adress_name_box .adress_default {padding: 0 1.6667vw; font-weight: 700; font-size: 3.3333vw; line-height: 5.5556vw; color: #fff; border-radius: 1.1111vw; background-color: #173858;}
    .address_info .adress_name_box .adress_name {font-size: 3.6111vw; color: #999999;}
    .address_info .name {font-weight: 700; font-size: 3.8889vw;}
    .address_info .address_detail {font-weight: 700; font-size: 3.8889vw; word-break: keep-all;}
    .address_info .edit_btn {display: inline-block; padding: 0 5.1389vw; font-size: 3.6111vw; line-height: 8.8889vw; border-radius: 2.2222vw; border: 0.2778vw solid #E4E4E4;}
    
    /*주문내역확인*/
    .order_history {}
    .order_history .order_history_list {}
    .order_history .order_history_list > li {display: flex; justify-content: flex-start; flex-direction: column; padding: 4.4444vw 0; gap: 2.7778vw; border-bottom: 0.2778vw solid #DADADA;}
    .order_history .order_history_list > li:first-child {border-top: 0.2778vw solid #DADADA;}
    .order_history .order_history_list > li .date_state_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .order_history .order_history_list > li .date_state_box .date {font-size: 3.6111vw;}
    .order_history .order_history_list > li .date_state_box .state {font-size: 3.6111vw; }
    .order_history .order_history_list > li .date_state_box .state.green {color: #1FB29E;}
    .order_history .order_history_list > li .date_state_box .state.red {color: #FF3257;}
   
    .order_history .order_history_list > li .num {font-size: 3.6111vw; color: #999999;}
    .order_history .order_history_list > li .order_txt_box {display: flex; justify-content: space-between; flex-direction: row; align-items: center;  gap: 2.7778vw;}
    .order_history .order_history_list > li .order_txt_box .order_left {display: flex; justify-content: flex-start; flex-direction: column;}
    .order_history .order_history_list > li .order_txt_box .order_left .tit {font-size: 3.8889vw; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .order_history .order_history_list > li .order_txt_box .order_left .size_count {font-size: 3.8889vw; line-height: 1.3;}
    .order_history .order_history_list > li .order_txt_box .order_right {flex-shrink: 0; display: flex; justify-content: flex-start; flex-direction: column; gap: 1.1111vw;}
    .order_history .order_history_list > li .order_txt_box .order_right .total_tit {font-size: 3.6111vw; text-align: right;}
    .order_history .order_history_list > li .order_txt_box .order_right .total_count {font-weight: 700; font-size: 3.8889vw;}
    .order_history .order_history_list > li .order_btn_box {}
    .order_history .order_history_list > li .order_btn_box .order_btn {display: inline-block; padding: 0 3.3333vw; font-size: 3.6111vw; line-height: 8.8889vw; border: 0.2778vw solid #E4E4E4; border-radius: 2.2222vw;}
    
    .edit_btn_wrap {position: relative;}
    .edit_btn_wrap .edit_icon {width: 5.5556vw; height: 5.5556vw; background-image: url('../images/menu_com.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; cursor: pointer;}
    .edit_btn_wrap .edit_list {display: none; position: absolute; bottom: 0; right: 0; transform: translateY(100%); border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; z-index: 8; background-color: #fff;}
    .edit_btn_wrap .edit_list > li {}
    .edit_btn_wrap .edit_list > li > a {display: block; width: 100%; padding: 3.3333vw; font-size: 3.8889vw; white-space: nowrap;    /* 한 줄 유지 */
  overflow: hidden; text-overflow: ellipsis;}
    
    
}