.wrap {width: 100%; max-width: 768px; margin: 0 auto; padding: 0 16px 0;}
    .wrap section {padding: 30px 0 42px;}
    .main_banner {position: relative; width: 100%; max-width: 768px; margin: 0 auto;}
    .main_banner::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 100%; background-color: #333333; transform: translateX(-16px);}
    .main_banner::after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 18px; height: 100%; background-color: #333333; transform: translateX(16px);}

    .main_banner > a {display: block; padding: 12px 16px; font-weight: 700; font-size: 15px; color: #fff; background-color: #333333;}
    .wrap .top_cont {width: 100%;}
    .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 .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 .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: 16px; height: 18px; 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 .top_cont .search_wrap {} 
    .wrap .top_cont .search_wrap .search_box {position: relative; width: 100%; margin: 4px 0 0; } 
    .wrap .top_cont .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 .top_cont .search_wrap .search_box input[type='text']::placeholder {color: #666666;} 
    .wrap .top_cont .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 .top_cont .search_wrap .cate_wrap {overflow: hidden;}   
    .wrap .top_cont .search_wrap .cate_list {display: flex; width: auto !important;  margin: 10px 0 0; justify-content: flex-start; flex-direction: row; align-items: center; }   
    .wrap .top_cont .search_wrap .cate_list::-webkit-scrollbar { display: none;}
    

    .wrap .top_cont .search_wrap .cate_list > li {flex-shrink: 0; width: auto !important; display: inline-flex; }   
    .wrap .top_cont .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 .top_cont .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 .top_cont .search_wrap .cate_list > li > a.act {border-radius: 6px; background-color: #333333; color: #fff;}   
    .wrap .top_cont .search_wrap .cate_list > li > a.act:after {display: none;}   
    .wrap .top_cont .search_wrap .cate_list > li:last-child {margin-right: 0 !important;}   
    .wrap .top_cont .search_wrap .cate_list > li:last-child > a:after {display: none;}   
    .wrap .top_cont .search_wrap .cate_box {display: flex; margin: 17px 0 20px; justify-content: space-between; flex-direction: row; align-items: center;}   
    .wrap .top_cont .search_wrap .cate_box .cate_tit {font-weight: 700; font-size: 16px; color: #333;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap {display: flex; justify-content: flex-start; gap: 15px; flex-direction: row; align-items: center; font-size: 14px; color: #333;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box {position: relative; min-width: 80px; font-size: 14px;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_area {position: relative; padding: 0 10px 0 0;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_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 .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_area.on:after {transform: translateY(-50%) rotate(180deg); transition: all 0.3s;} 
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_option {display: none; width: 100%; max-height: 84px; position: absolute; bottom: 0; left: 0; transform: translateY(100%); background-color: #fff; z-index: 9; border: 1px solid #DADADA; overflow-y: auto;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_option > li {line-height: 21px; cursor: pointer;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_option > li.disable {background-color: #DADADA;}   
    
    .wrap .top_cont .search_wrap .cate_area {}
    .wrap .top_cont .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 .top_cont .search_wrap .cate_area .cate_area_list>li {}
    .wrap .top_cont .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 {}
    .wrap .cont_box {position: relative;}
    .wrap .cont_box .cont_list {display: flex; width: 100%; min-height: 360px; gap: 50px; justify-content: center; flex-direction: column; align-items: center;}
    .wrap .cont_box .cont_list > li {display: block; width: 100%;}
    
    .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 {}
    .wrap .cont_box .cont_list > li .list_thumb .thumb {position: relative; height: 552px; border: 1px solid #E4E4E4; border-radius: 8px; background-color: #d9d9d9; overflow: hidden;}
    .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: 20px; justify-content: space-between; flex-direction: column; }
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box {display: flex; gap: 10px; justify-content: space-between; flex-direction: column; }
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .code {font-weight: 600; font-size: 14px; color: #1FB29E;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .code.disable {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .title {width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 15px; color: #333333;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .price {font-weight: 700; font-size: 18px; color: #333333;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .price span {margin: 0 0 0 3px; font-weight: 500; font-size: 14px;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box {display: flex; gap: 14px; justify-content: flex-start; flex-direction: row; align-items: center;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .txt {position: relative; padding: 0 0 0 18px; font-weight: 500; font-size: 12px; color: #999999;}
    .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_txt_box .txt:before {content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .bookmark:before {background-image: url('../images/bookmark.svg');}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .date:before {background-image: url('../images/calendar.svg');}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .comment:before {background-image: url('../images/comment.svg');}

    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list {
    display: flex; justify-content: flex-start; flex-direction: row; gap: 4px; flex-wrap: wrap;}

    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list > li { position: relative; flex-shrink: 0; font-size: 12px; padding: 4px 8px; background-color: #EFEFEF; border-radius: 8px; color: #333333;}
    
    .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 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 {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 .tab_slide li img {width: 100%; height :100%;}
    .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 {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; padding: 16px; flex-direction: row; justify-content: space-between; border: 2px solid #E4E4E4; border-radius: 8px;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li.act {border: 2px solid #33C8A7;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt {display: flex; gap: 6px; flex-direction: column; justify-content: space-between; }
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt .code {font-weight: 600; font-size: 15px; color: #1FB29E;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt .code.disable {color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt .size {font-weight: 700; font-size :15px;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt .count {font-size: 14px;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .right_txt {position: relative; display: flex; justify-content: flex-end; flex-direction: column;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .right_txt .favorite {display: block; width: 24px; height: 24px; position: absolute; top: 0; right: 0; 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 .right_txt .favorite.act {background-image: url('../images/favorite_on.svg');}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .right_txt .price {font-weight: 700; font-size: 16px; color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .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; 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; margin: 20px 0; 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.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_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;}
    .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%;}
    
    .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;}
    .chk_box input {position: absolute;top:0;left:0;opacity: 0; width: 18px; height: 18px; z-index: 9;}
    .chk_box label {padding: 1px 0 1px 26px; background:url('../images/chk_off.svg') no-repeat left center; background-size: 18px 18px; cursor: pointer;}
    .chk_box input:checked+label {background:url('../images/chk_on.svg') no-repeat left center; 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; color: #333333;}
    .input_box .input_st .textarea1 {padding: 15px; font-size: 12px; line-height: 19px; color: #333; border: 1px solid #DADADA; border-radius: 8px; color: #333333;}
    .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 3px 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 > 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%;}
    .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_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;}
    
    
    /*좋아요 페이지*/
    .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;}
    .revenue_area .top_revenue_wrap .revenu_txt {font-size: 14px; color: #FF3257;}
    .revenue_area .top_revenue_wrap .top_revenue {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .revenue_area .top_revenue_wrap .top_revenue .tit {font-weight: 700; font-size: 15px; line-height: 40px;}
    .revenue_area .top_revenue_wrap .top_revenue .price {font-weight: 700; font-size: 18px;}
    .revenue_area .top_revenue_wrap .top_revenue .price span {font-size: 13px;}
    .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: 12px; 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;}


@media screen and (max-width: 768px) {
    
    .wrap {width: 100%; max-width: 768px; margin: 0 auto; padding: 0 4.4444vw 0;}
    .wrap section {padding: 8.3333vw 0 11.6667vw;}
    .main_banner {position: relative; max-width: 100%; width: 100%;}
    .main_banner::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 5vw; height: 100%; background-color: #333333; transform: translateX(-4.4443vw);}
    .main_banner::after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 5vw; height: 100%; background-color: #333333; transform: translateX(4.4443vw);}
    .main_banner > a {display: block; padding: 3.3333vw 0; font-weight: 700; font-size: 4.1667vw; color: #fff; background-color: #333333;}
    .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 .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 .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: 4.4444vw; height: 5.0000vw; 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 .top_cont .search_wrap {} 
    .wrap .top_cont .search_wrap .search_box {position: relative; width: 100%; margin: 1.1111vw 0 0; } 
    .wrap .top_cont .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 .top_cont .search_wrap .search_box input[type='text']::placeholder {color: #666666;} 
    .wrap .top_cont .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 .top_cont .search_wrap .cate_list {display: flex; margin: 2.7778vw 0 0; justify-content: flex-start; flex-direction: row; align-items: center;}   
    .wrap .top_cont .search_wrap .cate_list > li {flex-shrink: 0; width: auto !important; display: inline-flex;}   
    .wrap .top_cont .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 .top_cont .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 .top_cont .search_wrap .cate_list > li > a.act {border-radius: 1.6667vw; background-color: #333333; color: #fff;}   
    .wrap .top_cont .search_wrap .cate_list > li > a.act:after {display: none;}   
    .wrap .top_cont .search_wrap .cate_list > li:last-child > a:after {display: none;}   
    .wrap .top_cont .search_wrap .cate_box {display: flex; margin: 4.7222vw 0 5.5556vw; justify-content: space-between; flex-direction: row; align-items: center;}   
    .wrap .top_cont .search_wrap .cate_box .cate_tit {font-weight: 700; font-size: 4.4444vw; color: #333;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap {display: flex; justify-content: flex-start; gap: 4.1667vw; flex-direction: row; align-items: center; font-size: 3.8889vw; color: #333;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box {position: relative; min-width: 22.2222vw; max-height: 23.33332vw; font-size: 3.8889vw;} 
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_area {position: relative; padding: 0 2.7778vw 0 0;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_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 .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_area.on:after {transform: translateY(-50%) rotate(180deg); transition: all 0.3s;} 
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_option {display: none; width: 100%; position: absolute; bottom: 0; left: 0; transform: translateY(100%); background-color: #fff; z-index: 9; border: 0.2778vw solid #DADADA;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_option > li {line-height: 5.8333vw; cursor: pointer;}   
    .wrap .top_cont .search_wrap .cate_box .main_selet_wrap .select_box .select_option > li.disable {background-color: #DADADA;}   
    
    .wrap .top_cont .search_wrap .cate_area {}
    .wrap .top_cont .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 .top_cont .search_wrap .cate_area .cate_area_list > li {}
    .wrap .top_cont .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 {}
    .wrap .cont_box {position: relative;}
    .wrap .cont_box .cont_list {width: 100%; min-height: 50vw; display: flex; gap: 13.8889vw; justify-content: center; flex-direction: column; align-items: center;}
    .wrap .cont_box .cont_list > li {display: block; width: 100%;}
    
    .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 {}
    .wrap .cont_box .cont_list > li .list_thumb .thumb {position: relative; height: 67.9167vw; border: 0.2778vw solid #E4E4E4; border-radius: 2.2222vw; background-color: #d9d9d9; overflow: hidden;}
    .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: 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 > 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: 2.7778vw 0 0; gap: 5.5556vw; justify-content: space-between; flex-direction: column; }
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box {display: flex; gap: 2.7778vw; justify-content: space-between; flex-direction: column; }
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .code {font-weight: 600; font-size: 3.8889vw; color: #1FB29E;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .code.disable {color: #FF3257;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .title {width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 4.1667vw; color: #333333;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .price {font-weight: 700; font-size: 5.0000vw; color: #333333;}
    .wrap .cont_box .cont_list > li .list_text_box .list_tit_box .price span {margin: 0 0 0 0.8333vw; font-weight: 500; font-size: 3.8889vw;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box {display: flex; gap: 3.8889vw; justify-content: flex-start; flex-direction: row; align-items: center;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .txt {position: relative; padding: 0 0 0 5.0000vw; font-weight: 500; font-size: 3.3333vw; color: #999999;}
    .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_txt_box .txt:before {content: ''; display: block; width: 4.4444vw; height: 4.4444vw; position: absolute; top: 50%; left: 0; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .bookmark:before {background-image: url('../images/bookmark.svg');}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .date:before {background-image: url('../images/calendar.svg');}
    .wrap .cont_box .cont_list > li .list_text_box .sm_txt_box .comment:before {background-image: url('../images/comment.svg');}
    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list {display: flex; justify-content: flex-start; flex-direction: row; gap: 1.1111vw; flex-wrap: wrap;}
    .wrap .cont_box .cont_list > li .list_text_box .sm_cate_list > li {position: relative; flex-shrink: 0; font-size: 3.3333vw; padding: 1vw 2vw; background-color: #EFEFEF; border-radius: 2.2222vw; color: #333333;}
    
    .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 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 .tab_slide li img {width: 100%; height :100%;}
    .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 {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; padding: 4.4444vw; flex-direction: row; justify-content: space-between; border: 0.5556vw solid #E4E4E4; border-radius: 2.2222vw;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li.act {border: 0.5556vw solid #33C8A7;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .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 .left_txt .code {font-weight: 600; font-size: 4.1667vw; color: #1FB29E;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt .code.disable {color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt .size {font-weight: 700; font-size :4.1667vw;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .left_txt .count {font-size: 3.8889vw;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .right_txt {position: relative; display: flex; justify-content: flex-end; flex-direction: column;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .right_txt .favorite {display: block; width: 6.6667vw; height: 6.6667vw; position: absolute; top: 0; right: 0; 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 .right_txt .favorite.act {background-image: url('../images/favorite_on.svg');}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .right_txt .price {font-weight: 700; font-size: 4.4444vw; color: #FF3257;}
    .view .view_cont .tab_wrap .tab_list_area .tab_list  > li .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; 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; margin: 5.5556vw 0; 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.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 .input_tit {font-size: 4.1667vw; font-weight: 700; margin: 0 0 2.7778vw;}
    .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;}
    .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%;}
    
    .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 center; background-size: 5.0000vw 5.0000vw; cursor: pointer;}
    .chk_box input:checked+label{background:url('../images/chk_on.svg') no-repeat left center; 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.7vw 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%;}
    .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_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;}
    
    
    /*좋아요 페이지*/
    .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;}
    .revenue_area .top_revenue_wrap .revenu_txt {font-size: 3.8889vw; color: #FF3257;}
    .revenue_area .top_revenue_wrap .top_revenue {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    .revenue_area .top_revenue_wrap .top_revenue .tit {font-weight: 700; font-size: 4.1667vw; line-height: 11.1111vw;}
    .revenue_area .top_revenue_wrap .top_revenue .price {font-weight: 700; font-size: 5.0000vw;}
    .revenue_area .top_revenue_wrap .top_revenue .price span {font-size: 3.6111vw;}
    .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;}
}