@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'PrintingBox';
    src: url('../fonts/printingbox_l.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PrintingBox';
    src: url('../fonts/printingbox_m.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PrintingBox';
    src: url('../fonts/printingbox_b.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/*리셋 CSS*/
html,body,p,div,select,ul,dl,ol,dd,li,table,tr,th,td,h1,h2,h3,h4,form,fieldset,legend,table,tr,td,th,caption,address,blockquote {margin:0; padding:0;}
address,em {font-style:normal;}
fieldset, img {border:0 none;}
h1,h2,h3,h4,h5 {font-size:1em;line-height: 1;margin:0;padding:0}
legend, caption, hr{display:none;width:0; height:0; font-size:0;}
input{padding:0;margin:0;border:0px;vertical-align: middle;}
dl, dt, dd, ul, ol, li{ list-style:none;    padding:0;    margin:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display:block;}
article,section{display:block;margin:0;padding:0;}
img {vertical-align:top;}
table {border-spacing:0px;border:0px;border-collapse:collapse}
address,hr{display:none;}
form {display:inline;}
fieldset {padding:0;margin:0;border:none;}

body{padding:0;margin:0;font-family: 'Pretendard', sans-serif;font-weight :400;font-size:20px;color:#333;line-height: 1;letter-spacing: -0.3px; word-break:keep-all;    -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
input{font-family:'Pretendard', sans-serif; }
slect{font-family: 'Pretendard', sans-serif;font-size:16px;}
option{font-family: 'Pretendard', sans-serif;font-size:16px;}
textarea{font-family: 'Pretendard', sans-serif;font-size:16px;}
a,a:hover, a:visited, a:active, a:link {text-decoration: none; color:#303d49; outline:none;}
html,body{position:relative;width:100%;height:100%;}
input[type=text]::-ms-clear {display:none;}
input[type=radio] {flex-shrink:0;
    -webkit-appearance: none; /* 웹킷 브라우저에서 기본 스타일 제거*/
    -moz-appearance: none; /* 모질라 브라우저에서 기본 스타일 제거*/
    appearance: none; /*기본 브라우저에서 기본 스타일 제거*/}
input[type=password]::-ms-clear {display:none;}
input[type=tel]::-ms-clear {display:none;}
input::placeholder{color:#333333;}
textarea::placeholder{color:#333333; font-size:20px;line-height: 1.5}
input{outline: none;}
textarea{outline: none; resize: none; border:1px solid #b2b2b2; padding:10px 15px;font-size:20px;line-height: 1.5;}
button {outline:none; border:none; cursor:pointer;font-family: 'Pretendard', sans-serif; background:none; margin: 0; padding: 0;}
html, body{font-size:20px;background:#fff; width:100%;height:100%;}
p{padding:0;margin:0;}
/*common*/
* {box-sizing:border-box;}
body.no-scroll {overflow: hidden; height: 100%;}

input[readonly] {background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));}
.hide {display: none !important;}
.primary {background-color: #33C8A7; color: #ffffff;}
.bt.primary {background-color: #33C8A7; color: #ffffff;}
.bt_area .bt {margin: 0 0 30px;}
.col_bt {display: flex; justify-content: flex-start; gap: 5px;}
.col_bt .bt {margin: 0; width: calc(50% - 2.5px);}
.bt.bor_primary {background-color: #fff; border: 1px solid #33c8a7}
.bt.bor_primary > a {color: #333333; background-color: #fff;}
.bt.bor_primary > button {color: #333333;}
.bt.unfollow {background-color: #fff; border: 1px solid #33c8a7}
.bt.unfollow > a {color: #333333; background-color: #fff;}
.bt.unfollow > button {color: #333333;}
.bt.navy {background-color: #173858;}
.bt.navy > a {color: #fff;}
.bt.navy > button {color: #fff;}
.bt.gray {background-color: #E4E4E4; }
.bt.gray2 {background-color: #BDBDBD; }
.bt.red {background-color: #FF3257;}
.bt.red > a {color: #fff;}
.bt.bor_gray {background-color: #fff; border: 1px solid #E4E4E4}
.bt.bor_gray2 {background-color: #fff; border: 1px solid #BDBDBD}
.bt.bor_gray > a {color: #E4E4E4;}
.bt.bor_gray2> a {color: #BDBDBD;}
.bt.bor_gray > button {color: #E4E4E4;}
.bt.bor_gray2 > button {color: #BDBDBD;}
.fc_primary_dark {color: #1FB29E !important;}
.fc_red {color: #FF3257 !important;}
.bt {border-radius: 8px; width: 100%;}
.bt a{display: block; font-size: 15px; font-weight: 700; line-height: 48px; border-radius: 8px; color: #fff; text-align: center;  }
.bt button{display: block; width: 100%; font-size: 15px; font-weight: 700; line-height: 48px; border-radius: 8px; color: #fff; text-align: center; background-color: inherit; }
.policy {margin: 16px 0 0; font-size: 16px; line-height: 24px; word-break: keep-all;}
.blur {filter: blur(5px); -webkit-filter: blur(5px);}

.lh13 {line-height: 1.3 !important;}
.sm_txt {display: block; margin: 10px 0 0; font-weight: 500; font-size: 13px;}
.sm_txt.m_0 {margin: 0;}
.mg0 {margin: 0 !important;}
.mb12 {margin: 0 0 12px !important;}
.mb24 {margin: 0 0 24px !important;}
.mt10 {margin: 10px 0 0 !important;}
.mt16 {margin: 16px 0 0 !important;}
.mt20 {margin: 20px 0 0 !important;}
.mg20 {margin: 20px 0 !important;}
.mt30 {margin: 30px 0 0 !important;}
.mt50 {margin: 50px 0 0 !important;}
.pl_20 {padding: 0 0 0 20px;}
.pd0 {padding: 0 !important;}
.wrap section.pt0 {padding-top: 0;}

.policy a {color: #0000EE;}

footer {position: relative; padding: 20px 0;}
footer:before {content:''; display: block; position: absolute; top: 0; left: -16px; width: calc(100% + 32px); height: 1px; background-color: #666666;}
footer .footer_inner {display: flex; gap: 52px; justify-content: flex-start; flex-direction: column;}
footer .footer_inner .footer_menu {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
footer .footer_inner .footer_menu > li {}
footer .footer_inner .footer_menu > li > a {display: inline-block; font-size: 13px; color: #666666;}
footer .footer_inner .footer_txt_box {display: flex; gap: 24px; justify-content: flex-start; flex-direction: column;}
footer .footer_inner .footer_txt_box .footer_top_box {}
footer .footer_inner .footer_txt_box .footer_top_box .tit {font-weight: 700; font-size: 20px; line-height: 1.5;}
footer .footer_inner .footer_txt_box .footer_top_box .txt {font-weight: 700; font-size: 18px; line-height: 1.5;}
footer .footer_inner .footer_txt_box .footer_md_box {display: flex; gap: 10px; justify-content: flex-start; flex-direction: column;}
footer .footer_inner .footer_txt_box .footer_md_box .tit {font-weight: 700; font-size: 14px;}
footer .footer_inner .footer_txt_box .footer_md_box .txt {font-size: 12px; line-height: 1.5;}
footer .footer_inner .footer_txt_box .footer_bt_box {display: flex; gap: 10px; justify-content: flex-start; flex-direction: column;}
footer .footer_inner .footer_txt_box .footer_bt_box .tit {font-weight: 600; font-size: 13px; line-height: 1.3;}
footer .footer_inner .footer_txt_box .footer_bt_box .copyright {font-size: 12px; color: #BDBDBD;}
footer .footer_inner .footer_logo {}
footer .footer_inner .footer_logo > a {display: block; width: 122px; height: 30px; background-image: url('../images/footer_logo.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}

.pop {display: none; position: relative; width: 600px; padding: 60px 16px 20px 16px; background-color: #fff; border: 1px solid #DADADA; border-radius: 8px;}
.pop .info_wrap .info_list > li .tit {font-weight: inherit; position: relative; top: inherit; left: inherit; transform: translate(0);}
.pop .info_wrap .info_list > li .txt {font-weight: 400;}
.pop .info_wrap .info_box ul > li {font-size: 14px;}
.pop.royalty_terms_popup {padding: 40px 16px 20px 16px;}
.pop.royalty_terms_popup .pop_inner .txt {font-size: 18px; font-weight: 700; line-height: 1.3;}
.alert_auto_close_pop {padding: 20px;}
.pop .pop_close {display: block; width: 20px; height: 20px; position: absolute; top: 16px; right: 16px; background-image: url('../images/pop_close.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: all 0.3s;}
.pop .pop_close:hover {transform: rotate(180deg);}
.pop .pop_inner {display: flex; justify-content: flex-start; flex-direction: column; gap: 30px; width:100%; text-align: center; }
.pop .pop_inner.txl {text-align: left; }
.pop .pop_inner .tit {position: absolute; top: 20px; left: 50%; font-size: 16px; font-weight: 700; line-height: 1.2; transform: translateX(-50%);}
.pop .pop_inner .txt {font-size: 14px; font-weight: 600; line-height: 1.2; word-break: keep-all; white-space: pre-line; }
.pop .pop_inner .pop_textarea_box {padding: 15px 16px; height: 238px; font-size: 12px; line-height: 1.3; overflow-y: auto; border: 1px solid #DADADA; border-radius: 8px; text-align: left;}
.pop .pop_inner .bt {width: 100%;}
.pop .pop_inner .bt > a{margin: 0 40px;}
.pop .pop_inner .bt > button{margin: 0 40px;}
.pop .pop_inner .agree_bt {display: flex; justify-content: space-between; align-items: center; flex-direction: row; gap: 8px;}
.pop .pop_inner .agree_bt > a {display: block; font-weight: 700; width: calc(50% - 4px); font-size: 15px; line-height: 48px; text-align: center; border-radius: 8px;}
.pop .pop_inner .agree_bt > button {display: block; font-weight: 700; width: calc(50% - 4px); font-size: 15px; line-height: 48px; text-align: center; border-radius: 8px;}
.pop .pop_inner .agree_bt > a.agree {color: #ffffff;}
.pop .pop_inner .agree_bt > button.agree {color: #ffffff;}

.login_pop {padding: 40px 16px 20px;}
.login_pop .pop_inner {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px;}
.login_pop .pop_inner .icon_box {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px;}
.login_pop .pop_inner .icon_box .icon {width: 80px; height: 80px;}
.login_pop .pop_inner .icon_box .icon img {display: block; width: 100%; height: 100%;}
.login_pop .pop_inner .icon_box .txt {font-weight: 700; font-size: 16px;}

.photo_edit_pop {padding: 40px 16px 20px;}
.photo_edit_pop .pop_inner {}
.photo_edit_pop .pop_inner .edit_top {display: flex; justify-content: flex-start; flex-direction: column; gap: 12px; text-align: center;}
.photo_edit_pop .pop_inner .edit_top .edit_tit {font-weight: 700; font-size: 18px;}
.photo_edit_pop .pop_inner .edit_top .edit_subtit {font-size: 13px;}
.photo_edit_pop .pop_inner .edit_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 12px;}
.photo_edit_pop .pop_inner .edit_box .edit_cont {margin: 0 auto; width: 400px; border: 1px solid #333;}
.photo_edit_pop .pop_inner .edit_box .edit_cont img {display: block; width: 100%; height: 100%; object-fit: cover;}
.photo_edit_pop .pop_inner .edit_box .edit_bt {display: flex; justify-content: center; flex-direction: row; gap: 4px;}
.photo_edit_pop .pop_inner .edit_box .edit_bt button {display: flex; flex-direction: row; gap: 2px; align-items: center; padding: 0 20px; font-size: 14px; line-height: 34px; background-color: #EEEEEE; flex-shrink: 0; border-radius: 8px;}
.photo_edit_pop .pop_inner .edit_box .edit_bt button.on {background-color: #173858; color: #fff;}
.photo_edit_pop .pop_inner .edit_box .edit_bt button .icon {width: 14px; height: 14px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
.photo_edit_pop .pop_inner .edit_box .edit_bt button .icon.zoom_in {background-image: url('../images/zoom_in.svg');}
.photo_edit_pop .pop_inner .edit_box .edit_bt button .icon.zoom_out {background-image: url('../images/zoom_out.svg');}
.photo_edit_pop .pop_inner .edit_box .edit_bt button .icon.rotate {background-image: url('../images/rotate.svg');}
/* croppie 스타일 제거 */
.croppie-container .cr-viewport{border: unset !important; box-shadow: unset !important;}
/* 이미지 편집 비율계산 */
.aspect {aspect-ratio: 800/600}
.aspect35 {aspect-ratio: 1200/1800} /*일반사진 4x6*/
.horizontal .aspect35 {aspect-ratio: 1800/1200} /*일반사진 4x6*/
.aspect35.horizontal  {aspect-ratio: 1800/1200} /*일반사진 4x6*/
.aspect37 {aspect-ratio: 1800/2400} /*일반사진 6x8 */
.horizontal .aspect37 {aspect-ratio: 2400/1800} /*일반사진 6x8 */
.aspect37.horizontal  {aspect-ratio: 2400/1800} /*일반사진 6x8 */
.aspect48 {aspect-ratio: 2480/3508} /*A4사진인화 (21cm x 29.7cm)*/
.horizontal .aspect48 {aspect-ratio: 3508/2480} /*A4사진인화 (21cm x 29.7cm)*/
.aspect48.horizontal  {aspect-ratio: 3508/2480} /*A4사진인화 (21cm x 29.7cm)*/
.aspect49 {aspect-ratio: 2480/3508} /*A3사진인화  (29.7cm x 42cm)*/
.horizontal .aspect49 {aspect-ratio: 3508/2480} /*A3사진인화  (29.7cm x 42cm)*/
.aspect49.horizontal  {aspect-ratio: 3508/2480} /*A3사진인화  (29.7cm x 42cm)*/
.aspect50 {aspect-ratio: 2480/3508} /*A2사진인화 (42cm x 59.4cm)*/
.horizontal .aspect50 {aspect-ratio: 3508/2480} /*A2사진인화 (42cm x 59.4cm)*/
.aspect50.horizontal  {aspect-ratio: 3508/2480} /*A2사진인화 (42cm x 59.4cm)*/
.aspect51 {aspect-ratio: 638/1016} /*포토카드 (5.4cm x 8.6cm)*/
.horizontal .aspect51 {aspect-ratio: 1016/638} /*포토카드 (5.4cm x 8.6cm)*/
.aspect51.horizontal {aspect-ratio: 1016/638} /*포토카드 (5.4cm x 8.6cm)*/




/*마이페이지*/
.menu {display: block; position: relative; overflow: hidden; z-index: 99;}
.menu .menu_bg {display: none; position: fixed; top: 0; left: 50%; width: 100%; max-width: 768px; height: 100%; min-height: 100vh; background-color: #000; z-index: 98; opacity: 0.5; transform: translateX(-50%);}
.menu .menu_bg.on {display: block;}
.menu .menu_icon {display: block; width: 24px; height: 24px; background-image: url('../images/hamburger.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
.menu_box {display: block; position: fixed; top: 0; right: 50%; padding: 0; max-width: 0; width: 100%; height: 100%; min-height: 100vh; overflow-x: hidden; overflow-y: auto; background-color: #fff; transform: translateX(384px); z-index: 99; transition: all 0.3s; }
.menu_box .menu_inner {min-width: 360px;  padding: 0 16px 20px;}
.menu_box.on {max-width: 372px;}
.menu_box .menu_close_box {display: flex; height: 50px; justify-content: flex-end; flex-direction: row; align-items: center;}
.menu_box .menu_close_box .menu_close {width: 24px; height: 24px; background-image: url('../images/menu_close.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: all 0.3s;}
.menu_box .menu_close_box .menu_close:hover {transform: rotate(180deg);}
.menu_box .profile_box {display: flex; gap: 10px;  justify-content: space-between; flex-direction: row;}
.menu_box .profile_box .left_profile {display: flex; justify-content: space-between; width: 100%; flex-direction: column; }
.menu_box .profile_box .left_profile .mytit_box {display: flex; justify-content: flex-start; align-items: center; gap: 8px;}
.menu_box .profile_box .left_profile .mytit {font-weight: 700; font-size: 18px;}
.menu_box .profile_box .left_profile .tag {font-size: 13px; color: #999999;}

.menu_box .profile_box .left_profile .bt {font-weight: 500; font-size: 15px; line-height: 47px; text-align: center;}
.menu_box .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;}
.menu_box .profile_box .profile_img .img_box {display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
.menu_box .profile_box input[type='file'] {display: none;}
.menu_box .profile_box .profile_img .profile_btn {position: absolute; bottom: 0; right: 0; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #E4E4E4; background-image: url('../images/camera_alt.svg'); background-size: 12px 12px; background-position: center; background-repeat: no-repeat; z-index: 2; background-color: #fff;}
.menu_box .profile_box .profile_img .img_box img {display: block; width: 100%; height: 100%;}
.menu_box .menu_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 20px;}
.menu_box .menu_list > li {}
.menu_box .menu_list > li .menu_txt_list {display: flex; justify-content: flex-start; flex-direction: column;}
.menu_box .menu_list > li .menu_txt_list > li {}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn {display: block; position: relative; padding: 0 20px 0 30px; font-weight: 500; font-size: 14px; line-height: 48px; }
.menu_box .menu_list > li .menu_txt_list > li .menu_btn:hover:after {right: 5px;}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn:before {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; transform: translateY(-50%); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; transform: translateY(-50%); background-image: url('../images/menu_arrow_right.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; transition: all 0.3s;}

.menu_box .menu_list > li .menu_txt_list > li .menu_btn.cart:before {background-image: url('../images/cart.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.alert:before {background-image: url('../images/alert.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.like:before {background-image: url('../images/like.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.scrap:before {background-image: url('../images/scrap.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.follow:before {background-image: url('../images/follow.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.order_history:before {background-image: url('../images/order_history.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.refund_request:before {background-image: url('../images/refund_request.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.refund_history:before {background-image: url('../images/refund_history.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.payout_request:before {background-image: url('../images/payout_request.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.payout_history:before {background-image: url('../images/payout_history.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.notice:before {background-image: url('../images/notice.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.event:before {background-image: url('../images/event.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.guide:before {background-image: url('../images/guide.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.copyright:before {background-image: url('../images/copyright.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.address:before {background-image: url('../images/address.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.account_info:before {background-image: url('../images/account_info.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.profile_edit:before {background-image: url('../images/profile_edit.svg');}
.menu_box .menu_list > li .menu_txt_list > li .menu_btn.logout:before {background-image: url('../images/logout_menu.svg');}


/*탈퇴 버튼*/
.member_quit {display: block; font-weight: 500; font-size: 15px; text-decoration: underline !important;}

.join_box {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px;}
.join_box .join_tit {font-weight: 700; font-size: 16px;}

.ft_must {font-weight: 500; font-size: 13px;}

.line_txt {font-weight: 700; font-size: 14px; color: #999999; text-align: center;}
.top_btn_box {display: none; position: fixed; bottom: 30px; right: 50%; transform: translate(368px);}
.top_btn_box .top_btn {display: block; width: 46px; height: 46px; background-image: url('../images/top_btn.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}

/*pagenation*/
.pagination {display: flex; justify-content: center; align-items: center;}
.pagination .pagination_list {display: flex; justify-content: flex-start; flex-direction: row; align-items: center;}
.pagination .pagination_list > li {}
.pagination .pagination_list > li > a {position: relative; display: flex; justify-content: center; width: 24px; height: 24px; font-weight: 500; font-size: 13px; color: #BDBDBD; align-items: center; text-align: center; border-radius: 20px;}
.pagination .pagination_list > li > a.prev {background-image: url('../images/arrow_back_ios.svg'); background-size: 18px 18px; background-position: center; background-repeat: no-repeat; margin-right: 4px;}
.pagination .pagination_list > li > a.next {background-image: url('../images/arrow_forward_ios.svg'); background-size: 18px 18px; background-position: center; background-repeat: no-repeat; margin-left: 4px;}
.pagination .pagination_list > li > a.act {background-color: #33C8A7; color: #fff;}

@media screen and (max-width: 768px) {
    .hide {display: none !important;}
    .primary {background-color: #33C8A7; color: #ffffff;}
    .bt.primary {background-color: #33C8A7; color: #ffffff;}
    .bt_area .bt {margin: 0 0 8.3333vw;}
    .col_bt {display: flex; justify-content: flex-start; gap: 1.3889vw;}
    .col_bt .bt {margin: 0; width: calc(50% - 0.6944vw);}
    .bt.bor_primary {background-color: #fff; border: 0.2778vw solid #33c8a7}
    .bt.bor_primary > a {color: #333333;}
    .bt.bor_primary > button {color: #333333;}
    .bt.unfollow {background-color: #fff; border: 0.2778vw solid #33c8a7}
    .bt.unfollow > a {color: #333333;}
    .bt.unfollow > button {color: #333333;}
    .bt.navy {background-color: #173858;}
    .bt.navy > a {color: #fff;}
    .bt.navy > button {color: #fff;}
    .bt.gray {background-color: #E4E4E4; }
    .bt.gray2 {background-color: #BDBDBD; }
    .bt.red {background-color: #FF3257;}
    .bt.red > a {color: #fff;}
    .bt.bor_gray {background-color: #fff; border: 0.2778vw solid #E4E4E4}
    .bt.bor_gray2 {background-color: #fff; border: 0.2778vw solid #BDBDBD}
    .bt.bor_gray > a {color: #E4E4E4;}
    .bt.bor_gray2 > a {font-weight: 500; color: #BDBDBD;}
    .bt.bor_gray > button {color: #E4E4E4;}
    .bt.bor_gray2 > button {color: #BDBDBD;}
    .fc_primary_dark {color: #1FB29E !important;}
    .fc_red {color: #FF3257 !important;}
    .bt {border-radius: 2.2222vw; width: 100%;}
    .bt a{display: block; font-size: 4.1667vw; font-weight: 700; line-height: 13.3333vw; border-radius: 2.2222vw; color: #fff; text-align: center;  }
    .bt button {display: block; width: 100%; font-size: 4.1667vw; font-weight: 700; line-height: 13.3333vw; border-radius: 2.2222vw; color: #fff; text-align: center; background-color: inherit;}
    .policy {margin: 4.4444vw 0 0; font-size: 4.4444vw; line-height: 6.6667vw; word-break: keep-all;}

    .lh13 {line-height: 1.3 !important;}
    .sm_txt {display: block; margin: 2.7778vw 0 0; font-weight: 500; font-size: 3.6111vw;}
    .sm_txt.m_0 {margin: 0;}
    .mg0 {margin: 0 !important;}
    .mb12 {margin: 0 0 3.3333vw !important;}
    .mb24 {margin: 0 0 6.6667vw !important;}
    .mt10 {margin: 2.7778vw 0 0 !important;}
    .mt16 {margin: 4.4444vw 0 0 !important;}
    .mt20 {margin: 5.5556vw 0 0 !important;}
    .mg20 {margin: 5.5556vw 0 !important;}
    .mt30 {margin: 8.3333vw 0 0 !important;}
    .mt50 {margin: 13.8889vw 0 0 !important;}
    .pl_20 {padding: 0 0 0 5.5556vw;}
    .pd0 {padding: 0 !important;}
    .wrap section.pt0 {padding-top: 0;}

    .menu {display: block; position: relative; overflow: hidden; z-index: 99;}
    .menu .menu_icon {display: block; width: 6.6667vw; height: 6.6667vw; background-image: url('../images/hamburger.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .menu_box {display: block; position: fixed; top: 0; right: 0; max-width: 0; width: 100%; padding: 0; height: 100%; min-height: 100vh; overflow-y: auto; transform: translateX(0);}
    .menu_box .menu_inner {min-width: 83.3333vw; padding: 0 4.4444vw 20.5556vw; }
    .menu_box.on {max-width: 83.3333vw;}
    .menu_box .menu_close_box {display: flex; height: 13.8889vw; justify-content: flex-end; flex-direction: row; align-items: center;}
    .menu_box .menu_close_box .menu_close {width: 6.6667vw; height: 6.6667vw; background-image: url('../images/menu_close.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: all 0.3s;}
    .menu_box .menu_close_box .menu_close:hover {transform: rotate(180deg);}
    .menu_box .profile_box {display: flex; gap: 2.7778vw;  justify-content: space-between; flex-direction: row;}
    .menu_box .profile_box .left_profile {display: flex; justify-content: space-between; width: 100%; flex-direction: column; }
    .menu_box .profile_box .left_profile .mytit_box {display: flex; justify-content: flex-start; align-items: center; gap: 2.2222vw;}
    .menu_box .profile_box .left_profile .mytit {font-weight: 700; font-size: 5.0000vw;}
    .menu_box .profile_box .left_profile .tag {font-size: 3.6111vw; color: #999999;}
    .menu_box .profile_box .left_profile .bt {font-weight: 500; font-size: 4.1667vw; line-height: 13.0556vw; text-align: center;}
    .menu_box .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;}
    .menu_box .profile_box .profile_img .img_box {display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
    .menu_box .profile_box input[type='file'] {display: none;}
    .menu_box .profile_box .profile_img .profile_btn {position: absolute; bottom: 0; right: 0; width: 6.1111vw; height: 6.1111vw; border-radius: 50%; border: 0.2778vw solid #E4E4E4; background-image: url('../images/camera_alt.svg'); background-size: 3.3333vw 3.3333vw; background-position: center; background-repeat: no-repeat; z-index: 2; background-color: #fff;}
    .menu_box .profile_box .profile_img .img_box img {display: block; width: 100%; height: 100%;}
    .menu_box .menu_list {display: flex; justify-content: flex-start; flex-direction: column; gap: 5.5556vw;}
    .menu_box .menu_list > li {}
    .menu_box .menu_list > li .menu_txt_list {display: flex; justify-content: flex-start; flex-direction: column;}
    .menu_box .menu_list > li .menu_txt_list > li {}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn {display: block; position: relative; padding: 0 5.5556vw 0 8.3333vw; font-weight: 500; font-size: 3.8889vw; line-height: 13.3333vw;}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn:hover:after {right: 1.3889vw;}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn:before {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 5.5556vw; height: 5.5556vw; transform: translateY(-50%); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 5.5556vw; height: 5.5556vw; transform: translateY(-50%); background-image: url('../images/menu_arrow_right.svg'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; transition: all 0.3s;}

    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.cart:before {background-image: url('../images/cart.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.alert:before {background-image: url('../images/alert.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.like:before {background-image: url('../images/like.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.scrap:before {background-image: url('../images/scrap.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.follow:before {background-image: url('../images/follow.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.order_history:before {background-image: url('../images/order_history.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.refund_request:before {background-image: url('../images/refund_request.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.refund_history:before {background-image: url('../images/refund_history.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.payout_request:before {background-image: url('../images/payout_request.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.payout_history:before {background-image: url('../images/payout_history.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.notice:before {background-image: url('../images/notice.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.event:before {background-image: url('../images/event.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.guide:before {background-image: url('../images/guide.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.copyright:before {background-image: url('../images/copyright.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.address:before {background-image: url('../images/address.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.account_info:before {background-image: url('../images/account_info.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.profile_edit:before {background-image: url('../images/profile_edit.svg');}
    .menu_box .menu_list > li .menu_txt_list > li .menu_btn.logout:before {background-image: url('../images/logout_menu.svg');}



    footer {position: relative; padding: 5.5556vw 0;}
    footer:before {content:''; display: block; position: absolute; top: 0; left: -4.4444vw; width: calc(100% + 8.8888vw); height: 0.2778vw; background-color: #666666;}
    footer .footer_inner {display: flex; gap: 14.4444vw; justify-content: flex-start; flex-direction: column;}
    footer .footer_inner .footer_menu {display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
    footer .footer_inner .footer_menu > li {}
    footer .footer_inner .footer_menu > li > a {display: inline-block; font-size: 3.6111vw; color: #666666;}
    footer .footer_inner .footer_txt_box {display: flex; gap: 6.6667vw; justify-content: flex-start; flex-direction: column;}
    footer .footer_inner .footer_txt_box .footer_top_box {}
    footer .footer_inner .footer_txt_box .footer_top_box .tit {font-weight: 700; font-size: 5.5556vw; line-height: 1.5;}
    footer .footer_inner .footer_txt_box .footer_top_box .txt {font-weight: 700; font-size: 5.0000vw; line-height: 1.5;}
    footer .footer_inner .footer_txt_box .footer_md_box {display: flex; gap: 2.7778vw; justify-content: flex-start; flex-direction: column;}
    footer .footer_inner .footer_txt_box .footer_md_box .tit {font-weight: 700; font-size: 3.8889vw;}
    footer .footer_inner .footer_txt_box .footer_md_box .txt {font-size: 3.3333vw; line-height: 1.5;}
    footer .footer_inner .footer_txt_box .footer_bt_box {display: flex; gap: 2.7778vw; justify-content: flex-start; flex-direction: column;}
    footer .footer_inner .footer_txt_box .footer_bt_box .tit {font-weight: 600; font-size: 3.6111vw; line-height: 1.3;}
    footer .footer_inner .footer_txt_box .footer_bt_box .copyright {font-size: 3.3333vw; color: #BDBDBD;}
    footer .footer_inner .footer_logo {}
    footer .footer_inner .footer_logo > a {display: block; width: 33.8889vw; height: 8.3333vw; background-image: url('../images/footer_logo.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}

    /*팝업*/
    .pop {display: none; position: relative; width: 91.1111vw; padding: 16.6667vw 4.4444vw 5.5556vw 4.4444vw; background-color: #fff; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw;}
    .pop .info_wrap .info_box ul > li {font-size: 3.8889vw;}
    .pop .info_wrap .info_list {flex-direction: column; gap: 3.3333vw;}
    .pop.royalty_terms_popup {padding: 11.1111vw 4.4444vw 5.5556vw 4.4444vw;}
    .pop.royalty_terms_popup .pop_inner .txt {font-size: 5.0000vw; font-weight: 700; line-height: 1.3;}
    .alert_auto_close_pop {padding: 5.5556vw;}
    .pop .pop_close {display: block; width: 5.5556vw; height: 5.5556vw; position: absolute; top: 4.4444vw; right: 4.4444vw; background-image: url('../images/pop_close.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: all 0.3;}
    .pop .pop_close:hover {transform: rotate(180deg);}
    .pop .pop_inner{display: flex; justify-content: flex-start; flex-direction: column; gap: 8.3333vw; width:100%; text-align: center; }
    .pop .pop_inner .tit {position: absolute; top: 5.5556vw; left: 50%; font-size: 4.4444vw; font-weight: 700; line-height: 1.2; transform: translateX(-50%);}
    .pop .pop_inner .txt{font-size: 3.8889vw; font-weight: 600; line-height: 1.2; word-break: keep-all; white-space: pre-line; }
    .pop .pop_inner .pop_textarea_box {padding: 4.1667vw 4.4444vw; height: 66.1111vw; font-size: 3.3333vw; line-height: 1.3; overflow-y: auto; border: 0.2778vw solid #DADADA; border-radius: 2.2222vw; text-align: left;}
    .pop .pop_inner .bt {width: 100%;}
    .pop .pop_inner .bt > a {margin: 0 11.1111vw;}
    .pop .pop_inner .bt > button {margin: 0 11.1111vw;}
    .pop .pop_inner .agree_bt {display: flex; justify-content: space-between; align-items: center; flex-direction: row; gap: 2.2222vw;}
    .pop .pop_inner .agree_bt > a {display: block; font-weight: 700; width: calc(50% - 1.1111vw); font-size: 4.1667vw; line-height: 13.3333vw; text-align: center; border-radius: 2.2222vw;}
    .pop .pop_inner .agree_bt > button {display: block; font-weight: 700; width: calc(50% - 1.1111vw); font-size: 4.1667vw; line-height: 13.3333vw; text-align: center; border-radius: 2.2222vw;}
    .pop .pop_inner .agree_bt > a.agree {color: #ffffff;}
    .pop .pop_inner .agree_bt > button.agree {color: #ffffff;}


    .login_pop {padding: 11.1111vw 4.4444vw 5.5556vw;}
    .login_pop .pop_inner {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 11.1111vw;}
    .login_pop .pop_inner .icon_box {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 3.3333vw;}
    .login_pop .pop_inner .icon_box .icon {width: 22.2222vw; height: 22.2222vw;}
    .login_pop .pop_inner .icon_box .icon img {display: block; width: 100%; height: 100%;}
    .login_pop .pop_inner .icon_box .txt {font-weight: 700; font-size: 4.4444vw; }

    .photo_edit_pop {padding: 11.1111vw 4.4444vw 5.5556vw;}
    .photo_edit_pop .pop_inner {}
    .photo_edit_pop .pop_inner .edit_top {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw; text-align: center;}
    .photo_edit_pop .pop_inner .edit_top .edit_tit {font-weight: 700; font-size: 5.0000vw;}
    .photo_edit_pop .pop_inner .edit_top .edit_subtit {font-size: 3.6111vw;}
    .photo_edit_pop .pop_inner .edit_box {display: flex; justify-content: flex-start; flex-direction: column; gap: 3.3333vw;}
    .photo_edit_pop .pop_inner .edit_box .edit_cont {margin: 0 auto; width: 100%;}
    .photo_edit_pop .pop_inner .edit_box .edit_cont img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .photo_edit_pop .pop_inner .edit_box .edit_bt {display: flex; justify-content: center; flex-direction: row; gap: 1.1111vw;}
    .photo_edit_pop .pop_inner .edit_box .edit_bt button {display: flex; flex-direction: row; gap: 0.5556vw; align-items: center; padding: 0 5.5556vw; font-size: 3.8889vw; line-height: 9.4444vw; background-color: #EEEEEE; flex-shrink: 0; border-radius: 2.2222vw;}
    .photo_edit_pop .pop_inner .edit_box .edit_bt button.on {background-color: #173858; color: #fff;}
    .photo_edit_pop .pop_inner .edit_box .edit_bt button .icon {width: 3.8889vw; height: 3.8889vw; background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
    .photo_edit_pop .pop_inner .edit_box .edit_bt button .icon.zoom_in {background-image: url('../images/zoom_in.svg');}
    .photo_edit_pop .pop_inner .edit_box .edit_bt button .icon.zoom_out {background-image: url('../images/zoom_out.svg');}
    .photo_edit_pop .pop_inner .edit_box .edit_bt button .icon.rotate {background-image: url('../images/rotate.svg');}


    /*탈퇴 버튼*/
    .member_quit {display: block; font-weight: 500; font-size: 4.1667vw; text-decoration: underline !important;}

    .join_box {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2.2222vw;}
    .join_box .join_tit {font-weight: 700; font-size: 4.4444vw; }

    .ft_must {font-weight: 500; font-size: 3.6111vw;}

    .line_txt {font-weight: 700; font-size: 3.8889vw; color: #999999; text-align: center;}

    .top_btn_box {display: none; position: fixed; bottom: 8.3333vw; right: 4.4444vw; transform: translate(0);}
    .top_btn_box .top_btn {display: block; width: 12.7778vw; height: 12.7778vw; background-image: url('../images/top_btn.svg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}


    /*pagenation*/
    .pagination {display: flex; justify-content: center; align-items: center;}
    .pagination .pagination_list {display: flex; justify-content: flex-start; flex-direction: row; align-items: center;}
    .pagination .pagination_list > li {}
    .pagination .pagination_list > li > a {position: relative; display: flex; justify-content: center; width: 6.6667vw; height: 6.6667vw; font-weight: 500; font-size: 3.6111vw; color: #BDBDBD; align-items: center; text-align: center; border-radius: 5.5556vw;}
    .pagination .pagination_list > li > a.prev {background-image: url('../images/arrow_back_ios.svg'); background-size: 5.0000vw 5.0000vw; background-position: center; background-repeat: no-repeat; margin-right: 1.1111vw;}
    .pagination .pagination_list > li > a.next {background-image: url('../images/arrow_forward_ios.svg'); background-size: 5.0000vw 5.0000vw; background-position: center; background-repeat: no-repeat; margin-left: 1.1111vw;}
    .pagination .pagination_list > li > a.act {background-color: #33C8A7; color: #fff;}

}