@charset "UTF-8";
html.web {background:#f9f9f9}
html.web body {background-color:#fff;width:500px;min-height:100%;margin:auto;}
html.web .navi_bar .navi_list {width:500px;margin:0 auto;}
html {height:100%;}
html body {background:#fff;}
.hidden {overflow-y:hidden} /* 20230524 수정 : overflow:hidden;position:fixed; */
.hidden_touch {overflow-y:hidden; touch-action: none; -ms-touch-action: none; position: fixed;} /* 20240318 추가 */
.hidden_type {overflow:hidden; touch-action: none; -ms-touch-action: none;} /* 20240628 추가 */
.blind {font-size:0;position:absolute;left:-100%;top:-100%;}
.wrapper {position:relative;width:100%;min-height:100%;height:auto;margin:0 auto;background:#fff;}
.wrapper .header {width:100%;height:60px;padding:19px 55px;position:relative;box-sizing:border-box;background:#fff;}
.wrapper .container {box-sizing:border-box;}
.wrapper .container.mlanding {height: calc(100vh - 85px); min-height: 100vh; background-color: #000;} /* 20240429 추가 */
.wrapper.wrappr_type2 .container {box-sizing:border-box;min-height:calc(100%)}
.noScroll{overflow-y:hidden !important;} /*  20230524 수정 : overflow:hidden */
.wrapper .header.ui_fix {width: 100%; height: auto; position: relative; box-sizing: border-box; background-color: #fff; padding: 20px 19px 16px;} /* 20231013 추가 */
.wrapper .header.ui_fix .header_box {float: right;} /* 20231027 추가 */
.wrapper .header.ui_fix .header_box .btnClose {width: 24px; height: 24px; display: inline-block; position: relative; font-size: 0; color: #fff; vertical-align: middle;} /* 20231013 추가 */
.wrapper .header.ui_fix .header_box .btnClose::before {content: ''; display: block; width: 24px; height: 24px; margin: 0; background: url('../image/ico_close.png') no-repeat 0 0; background-size: contain;} /* 20231013 추가 */

/* NEW Aidtor Header : 20240318 추가 */
.wrapper .new_header {display: flex; justify-content: center; width: 100%; height: 60px; padding: 18px 19px; position: relative; box-sizing: border-box; background-color: #fff; text-align: center; align-items: center; transition: all 0.3s ease-in-out;}
.wrapper .new_header.hidden {height: 0; padding:0; overflow: hidden;}
.wrapper .new_header .title {display: inline-block; width: 100%; box-sizing: border-box;  font-size: 18px; font-weight: 700; line-height: 22px; color:#333; padding-top:2px;}
.wrapper .new_header .home_box {display: flex; position: absolute;}  /* 20240425 수정 */
.wrapper .new_header .home_box button + button {margin-left: 19px;}
.wrapper .new_header .home_box.left_type {left: 19px; top: 50%; transform: translateY(-50%);}
.wrapper .new_header .home_box.right_type {right: 19px; top: 50%; transform: translateY(-50%);}
.wrapper .new_header .home_box .btnBack {display: block; width:24px; height:24px;  background: url("../image/common.png") no-repeat 3px 3px; background-size: 200px;}  /* 20240425 수정 */
.wrapper .new_header .home_box .btnClose {display: block; width:24px; height:24px; background: url("../image/ico_close.png") no-repeat 0 0; background-size: contain;}  /* 20240425 수정 */
.wrapper .new_header .home_box .btnSearch {display: block; width:24px; height:24px; background: url("../image/common.png") no-repeat -32px 1px; background-size: 200px;}  /* 20240425 수정 */
.wrapper .new_header .home_box .btnMy {display: block; width:24px; height:24px; background: url("../image/common.png") no-repeat -68px -1px; background-size: 200px;} /* 20240425 수정 */
.wrapper .new_header .home_box .btnMy.login {background: url("../image/img_cs_profile.png") no-repeat; background-size: 100% 100%;}
.wrapper .new_header .home_box .btnMy.login img {width:100%;height:100%;border-radius:50%;box-sizing:border-box; object-fit: cover;}
.wrapper .new_header .home_box .btnBasket {display: block; width: 24px; height: 24px; background: url('../image/icon_cart.svg') no-repeat; background-size: contain; position: relative; font: unset;} /* 20240517 추가 */
.wrapper .new_header .home_box .btnBasket .num {display:block; width:16px; height:16px; box-sizing:border-box; padding:2.2px 0 0; position:absolute; right:-5px; top:-5px; color:#fff; border-radius:50%; background:#ff555f; font-size:9px; letter-spacing: -0.18px; text-align: center;} /* 20240517 추가 */

.wrap_header {width:100%;height:60px;position:relative;z-index:10;}
.wrap_header.fix_header_line {height: 60px !important;} /* 20231030 추가 */
.wrap_header .inner_fix {position:fixed;left:0;top:0;width:100%;height:auto;margin-top:0;transition:margin 0.3s;z-index:1;}
.wrap_header.fixed .inner_fix {margin:0;}
.wrap_header.view_header .inner_fix {margin-top:-60px;}
.wrap_header.view_header.fixed .inner_fix {margin-top:0;}
.wrap_header .inner_fix .header.long_txt {padding:19px 60px;}
.gnb_header .header {height:auto;}
.gnb_header .inner_fix {box-shadow:0 -8px 10px 10px rgb(0, 0, 0, 0.08);background:#fff;}
.gnb_header.fixed .inner_fix {margin-top:-60px; transition-delay:0.3s;}
.wrap_header.terms_header .inner_fix {background:#fff;box-shadow:0 -8px 10px 10px rgba(119, 100, 100, 0.08);}

.header.type2 {box-shadow:1px 1px 5px 0 rgba(0,0,0,0.08);}
.header .box_btn {width:auto;height:40px;position:absolute;right:20px;top:7px;}
.header .box_btn a {margin-left:7px;}
.header .box_home {width:auto;height:40px;position:absolute;left:20px;top:7px;}
.header .box_home a {margin-right:12px;}
.header .btnBack {width:30px;height:40px;display:inline-block;position:relative;font-size:0;color:#fff;vertical-align:middle;}
.header .btnBack:before {content:'';display:block;width:24px;height:24px;margin:10px auto 0 auto;background:url('../image/common.png') no-repeat 3px 3px;background-size:200px;}
.header .btnClose {width:30px;height:40px;display:inline-block;position:relative;;font-size:0;color:#fff;vertical-align:middle;}
.header .btnClose:before {content:'';display:block;width:24px;height:24px;margin:10px auto 0 auto;background:url('../image/ico_close.png') no-repeat 0 0;background-size:24px;}
.header .title {width:100%;box-sizing:border-box;text-align:center;font-size:18px;color:#333;font-weight:bold;line-height:17px;}
.header .title.sm {font-size:16px;letter-spacing:-0.08rem;}
.header .btnHome {width:30px;height:40px;display:inline-block;position:relative;font-size:0;color:#fff;vertical-align:middle;}
.header .btnHome:before {content:'';display:block;width:24px;height:24px;margin:10px auto 0 auto;background:url('../image/common.png') no-repeat 3px 3px;background-size:200px;} /* 20240206 수정 */
.header .btnLogo {width:46px;height:36px;display:inline-block;position:relative;font-size:0;color:#fff;vertical-align:middle;}
.header .btnLogo:before {content:'';display:block;width:46px;height:34px;margin:6px auto 0 auto;background:url('../image/market_logo.png') no-repeat 0 0;background-size:36px;}
.header .btnMy {width:30px;height:40px;display:inline-block;font-size:0;color:#fff;vertical-align:middle;}
.header .btnMy:before {content:'';display:block;width:24px;height:24px;margin:11px auto 0 auto;background:url('../image/common.png') no-repeat -68px 0;background-size:200px;}
.header .btnMy.login {height:30px;margin-top:7px;background:url('../image/common.png') no-repeat -171px 2px;background-size:200px;}
.header .btnMy.login img {width:100%;height:100%;border-radius:50%;box-sizing:border-box;border:3px solid #fff;}
.header .btnMy.login:before {display:none;}
.header .btnShare {width:30px;height:40px;display:inline-block;font-size:0;color:#fff;vertical-align:middle;}
.header .btnShare:before {content:'';display:block;width:24px;height:24px;margin:11px auto 0 auto;background:url('../image/common.png') no-repeat -104px 0;background-size:200px;}
.header .btnBasket {width:24px;height:24px;display:inline-block;position:relative;font-size:0;color:#fff;vertical-align:middle; margin-top: 9px;} /* 20240517 수정*/
.header .btnBasket::before {content: ''; position: absolute; display: block; width: 24px; height: 24px; background: url('../image/icon_cart.svg') no-repeat; background-size: contain;} /* 20240517 추가*/
.header .btnBasket .num {display:block; width:16px; height:16px; box-sizing:border-box; padding:2.2px 0 0; position:absolute; right:-5px; top:-5px; color:#fff; border-radius:50%; background:#ff555f; font-size:9px; letter-spacing: -0.18px; text-align: center;} /* 20240517 수정*/
.header .btnSearch {width:30px;height:40px;display:inline-block;position:relative;font-size:0;vertical-align:middle;}
.header .btnSearch:before {content:'';display:block;width:24px;height:28px;margin:10px auto 0 auto;background:url('../image/common.png') no-repeat -31px 2px;background-size:200px;}
.header .wrap_gnb {width:100%;height:auto;}
.header .wrap_gnb .list_gnb > li {float:left;}
.header fieldset {margin-top:-9px;}
.area_search {width:100%;height:39px;box-sizing:border-box;text-align:left}
.area_search form {position:relative;box-sizing:border-box;height:100%;border-radius:24px;padding:0 30px 0 44px;box-shadow:0 2px 10px 0 rgba(0,0,0,0.08);}
.area_search .inp_search {width:100%;height:100%;border:0;box-sizing:border-box;padding:8px 0;font-size:13px;color:#000;line-height:17px;}
.area_search .inp_search::placeholder {color:#999;line-height:16px;}
.area_search .btnSearch {width:24px;height:30px;position:absolute;left:14px;top:6px;font-size:0;}
.area_search .btnSearch:before {margin-top:0;}

.gnb_swipar {width:100%;height:42px;background-color:#fff}
.gnb_swipar:after {display:block;content:'';width:30px;height:40px;position:absolute;right:0;top:0;background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 93%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 93%);z-index:1;}
.gnb_swipar .gnb_menu > li {width:auto;height:42px;text-align:center;}
.gnb_swipar .gnb_menu > li:last-child {padding-right:40px;}
.gnb_swipar .gnb_menu > li > button {height:100%;padding:0 10px;}
.gnb_swipar .gnb_menu > li > button .inner {display:block;height:100%;box-sizing:border-box;padding-top:12px;position:relative;color:#ccc;font-size:17px;line-height:17px;font-weight:bold;}
.gnb_swipar .gnb_menu > li > button .inner.font-cust {font-size: 15px;}
.gnb_swipar .gnb_menu > li.on > button .inner {color:#333;}
.gnb_swipar .gnb_menu > li.on > button .inner:after {content:'';display:block;width:100%;height:4px;position:absolute;left:0;bottom:0;background:currentColor;border-radius:5px;}
.gnb_swipar .gnb_menu > li.new > button .inner:before {content:'';display:block;width:4px;height:4px;position:absolute;right:-5px;top:9px;background:#ff555f;border-radius:50%;}
.gnb_swipar .gnb_menu {transition:all 0.3s;}
.gnb_swipar .gnb_menu:after {content:'';display:block;clear:both;}
.area_marketlist {width:100%;overflow:hidden;}
.inner_market {min-height:calc(100vh - 520px);transition:all 0.3s;overflow:hidden;}
.inner_market .market_list {float:left;width:100%;}
.inner_market:after {content:'';display:block;clear:both;}
/* 50% : 20230511 추가 */
.gnb_swipar.tab{box-sizing:border-box;padding:0 9px}
.gnb_swipar.tab::after{display:none}
.gnb_swipar.tab .gnb_menu > li:last-child{padding-right:0}
.gnb_swipar.tab .gnb_menu{display:flex;justify-content:center;align-items:center;}
.gnb_swipar.tab .gnb_menu > li {width:auto;flex: 1;} /* 20231219 수정 */
.gnb_swipar.tab .gnb_menu > li button{width:100%}
/* 서브타입 */
.counselor_info + .gnb_swipar.sub{margin-top:-14px}
.gnb_swipar.sub:after{width:40px}
.gnb_swipar.sub .gnb_menu{padding:0 7.5px}
.gnb_swipar.sub .gnb_menu > li > button{padding:0 12.5px}
.gnb_swipar.sub .gnb_menu > li > button .inner{font-size:15px}

/* NEW 에디터 홈 : 20240318 추가 */
.new_aditor {width: 100%; height: 36px; padding: 0 19px; box-sizing: border-box;}
.new_aditor::before {content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 36px; background: linear-gradient(90deg, transparent 0%, #fff 60%); z-index: 2;} /* 20240502 추가 */
.new_aditor .aditor_nav {transition: all 0.3s;}
.new_aditor .aditor_nav .nav_item {width: auto; height: auto; text-align: center;}
.new_aditor .aditor_nav .nav_item.active::before {content: ''; position: absolute; bottom: 0; width: 100%; height: 5px; background-color: #333; border-radius: 2.5px;}
.new_aditor .aditor_nav .nav_item span {font-size: 15px; font-weight: 700; line-height: 23px; color: #ccc;}
.new_aditor .aditor_nav .nav_item.active span {color: #333;}

.wrapper .footer {height:auto;box-sizing:border-box;padding-bottom:24px;background:#f4f4f4;}/* 20230203 수정 : padding-bottom:19px; */
.footer .area_customer {width:100%;height:70px;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}/* 20230203 추가 : border-top:1px solid #e6e6e6; */
.footer .area_customer >a {display:block;width:100%;height:100%;padding:28px 0 25px 0;box-sizing:border-box;position:relative;color:#333;font-size:13px;line-height:15px;font-size:11px;line-height:14px;color:#999;text-align:center;}
.footer .area_customer >a span {display:inline-block;position:relative;padding:0 14px 0 40px;font-size:13px;color:#333;line-height:15px;}
.footer .area_customer >a span:before {display:inline-block;content:'';width:34px;height:34px;position:absolute;left:0;top:-10px;background:url('../image/common.png') no-repeat -26px -166px;background-size:200px;}
.footer .txt_box {padding-top:20px;}
.footer .info {height:40px;border-bottom:1px solid #e6e6e6} /* 20240409 수정 */
.footer .info li {float:left;height:100%;width:33.3%;box-sizing:border-box;position:relative;text-align:center;border-right:1px solid #e6e6e6;}
.footer .info li >a ,
.footer .info li >button{display:block;width:100%;height:100%;box-sizing:border-box;font-weight:bold;color:#999;font-size:10px}
.footer .info li >a {padding-top:12px}
.footer .info li.bold >a,
.footer .info li.bold >button {color:#333;}
.footer .info li:last-child {border-right:0}
.footer .sub_info {display: flex; align-items: center; justify-content: center; height: 40px; border-bottom: 1px solid #e6e6e6;} /* 20240409 추가 */
.footer .sub_info li {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; text-align: center;}/* 20240409 추가 */
.footer .sub_info li:not(:first-child) {border-left: 1px solid #e6e6e6;}/* 20240409 추가 */
.footer .sub_info li a, .footer .sub_info li button {font-size: 10px; font-weight: 700; color: #999;}/* 20240409 추가 */
.footer .sub_info li.bold a, .footer .sub_info li.bold button {color: #333;}/* 20240409 추가 */
.footer .inner_box {padding:12px 19px 0 19px}
.footer .inner_box .txt {font-size:9px; line-height:16px; letter-spacing: -0.18px; color:#999;} /* 20240401 수정 */
.footer .inner_box .txt a {font-size:9px; line-height:16px; letter-spacing: -0.18px; color:#999;} /* 20240401 수정 */
.footer .inner_box .txt_box {padding-top:12px;}
.footer .inner_box .copyright {font-size:11px;line-height:16px;color:#999;font-size:9px}/* 20230509 삭제 : padding-top:12px; */
.footer .inner_box .link {color:#9a5458;display:block;margin-top:3px;text-decoration:none;font-size:9px;line-height:16px}
.footer:has(+ .bottom_area_btn) {padding-bottom: 79px;} /* 20240905 추가 */
.wrap_buy + .area_floating {bottom:74px;}
.area_floating {width:auto;height:auto;overflow:hidden;position:fixed;right:14px;bottom:14px;z-index:1;}
.area_floating.on .scroll_top {margin-bottom:0;margin-top:14px;}
.scroll_top {margin-bottom:-300px;clear:right;transition:margin 0.8s;}
.scroll_top {float:right;box-sizing:border-box;width:46px;height:46px;background:rgba(255,255,255,0.8);border:1px solid rgba(204,204,204,0.8);border-radius:50%;text-align:center;}
.scroll_top span {display:block;color:#666;font-size:10px;}
.scroll_top span:before {display:block;content:'';margin:4px auto 1px auto;width:6px;height:6px;border-top:1px solid #666;border-left:1px solid #666;border-radius:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.box_btn_inquiry {float:right;text-align:right;}
.box_btn_inquiry .desc {position:relative;display:block;width:auto;height:0;overflow:hidden;margin-bottom:12px;padding:0 15px;box-sizing:border-box;background:#559cf6;border-radius:12px;color:#fff;font-size:12px;text-align:center;transition:all 0.3s;}
.box_btn_inquiry .desc.on {height:31px;padding:7px 15px 3px 15px;overflow:visible;}
.box_btn_inquiry .desc:after {content:'';display:block;position:absolute;right:16px;bottom:-5px;display: inline-block;width: 0; height: 0;border-top: 6px solid #559cf6; border-right: 6px solid transparent;  border-left: 6px solid transparent;}
.btn_inquiry {width:46px;height:46px;background:#ff555f;border-radius:50%;}
.btn_inquiry span {display:block;width:24px;height:24px;margin:0 auto;background:url('../image/common.png') no-repeat 0 -96px;background-size:200px;font-size:0;}

.bottom_area_btn {display: flex; align-items: center; position: fixed; left: 0; bottom: 0; z-index: 11; box-sizing: border-box; width: 100%; height: 60px; padding: 0 19px; background-color: #fff; justify-content: space-around; border-top: 1px solid #f0f0f0;} /* 20240719 추가 */
.bottom_area_btn button[class^="bottom_"] {display: flex; justify-content: center; position: relative; width: 100%; height: 60px;} /* 20240719 추가 */
.bottom_area_btn button span {font-size: 10px; font-weight: 500; line-height: 15px; letter-spacing: -0.4px; color: #b2b2b2; margin-top: 34px;} /* 20240719 추가 */
.bottom_area_btn button.active span {font-size: 10px; font-weight: 500; line-height: 15px; letter-spacing: -0.4px; color: #000;} /* 20240719 추가 */
.bottom_area_btn .bottom_home::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_home_n.svg') no-repeat; background-size: contain;} /* 20240719 추가 */
.bottom_area_btn .bottom_home.active::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_home_s.svg') no-repeat; background-size: contain;} /* 20240719 추가 */
.bottom_area_btn .bottom_lounge::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_content_n.svg') no-repeat; background-size: contain;} /* 20240719 추가 */
.bottom_area_btn .bottom_lounge.active::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_content_s.svg') no-repeat; background-size: contain;} /* 20240719 추가 */
.bottom_area_btn .bottom_pick::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_market_n.svg') no-repeat; background-size: contain;} /* 20240719 추가 */
.bottom_area_btn .bottom_pick.active::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_market_s.svg') no-repeat; background-size: contain;} /* 20240719 추가 */
.bottom_area_btn .bottom_my::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_my_n.svg') no-repeat; background-size: contain;} /* 20240719 추가 */
.bottom_area_btn .bottom_my.active::before {content: ''; position: absolute; width: 24px; height: 24px; top: 10px; background: url('../image/icon_menu_my_s.svg') no-repeat; background-size: contain;} /* 20240719 추가 */

.area_btn {width:100%;display:table;table-layout:fixed;}/* 20220504 삭제 - background:#fff; */
.fix,
.area_btn.fix ,
.full_btn.fix {width:100%;height:auto;position:fixed;left:0px;bottom:0px;padding:0;}
.area_btn.type2 {width:100%;box-sizing:border-box;padding:19px;box-shadow:1px -1px 5px 0 rgba(0,0,0,0.08);position:fixed;left:0;bottom:0;z-index:10;background:#fff}
/* 20230721 추가 */
.area_btn.type4 {width:100%; padding: 0; position:fixed; left:0; bottom:0; z-index: 3;} /* 20240426 수정 */
.area_btn.type4 .agree_next_btn {width: 100%; height: 58px; font-size: 15px; font-weight: 500; line-height: 22px; letter-spacing: -0.3px; color: #fff; text-align: center; background-color: #ccc;}
.area_btn.type4 .agree_next_btn.active {background-color: #000;}
.area_btn.type4 .normal_btn {width: 100%; height: 58px; font-size: 15px; font-weight: 500; line-height: 22px; letter-spacing: -0.3px; color: #fff; text-align: center; background-color: #000;} /* 20240719 추가*/
.area_btn.type4 .normal_btn:disabled {background-color: #ccc;} /* 20240719 추가*/
.area_btn.type4 .regiset_btn {width: 100%; height: 58px; background-color: #000; font-size: 15px; font-weight: 500; line-height: 23px; letter-spacing: -0.3px; color: #fff; text-align: center;} /* 20240426 추가 */
.area_btn.type4 .regiset_btn:disabled {background-color: #ccc;}  /* 20240426 추가 */
.area_btn.type5 {display: flex; width:100%; padding: 19px; position:fixed; left:0; bottom:0; box-sizing: border-box; gap: 9px;}
.area_btn.type5 button {width: 100%; height: 44px; border-radius: 4px; font-size: 15px; font-weight: 500; line-height: 21px; letter-spacing: -0.3px;}
.area_btn.type5 .account_delete_btn {border: 1px solid #ccc; background-color: #fff; color: #333;}
.area_btn.type5 .account_change_btn {border: 1px solid #ccc; background-color: #ccc; color: #fff;}
.area_btn.type5 .account_change_btn.active {border: 1px solid #000; background-color: #000; color: #fff;}
.area_btn.full_btn >.inner_btn > button ,
.area_btn.full_btn >.inner_btn > a,
.area_btn.full_btn2 >.inner_btn > button ,
.area_btn.full_btn2 >.inner_btn > a {border-radius:0;}
.area_btn.type2 >.inner_btn > button ,
.area_btn.type2 >.inner_btn > a {border-radius:8px;}
.area_btn >.inner_btn {display:table-cell;padding:0 5px;vertical-align:middle;}
.area_btn >.inner_btn:first-child {padding-left:0;}
.area_btn >.inner_btn:last-child {padding-right:0;}
.area_btn >.inner_btn > button ,
.area_btn >.inner_btn > a {display:block;width:100%;height:50px;box-sizing:border-box;padding:15px 0 13px 0;font-size:15px;line-height:19px;text-align:center;border:1px solid #ccc;border-radius:4px} /* 20230616 수정 : border-radius:8px */
.area_btn >.inner_btn > a:hover {text-decoration:none;}
.area_btn >.inner_btn > button:disabled ,
.area_btn >.inner_btn > a:disabled {color:#fff;background-color:#ccc;border-color:#ccc;}
.area_btn >.inner_btn >.btn_point {color:#fff;background-color:#ff555f;border-color:#ff555f;}
.area_btn >.inner_btn >.btn_base {color:#000;background-color:#fff;border-color:#ccc}
.area_btn >.inner_btn >.btn_base2{color:#000;background-color:#fff;border-color:#ccc;font-size:13px}
.area_btn >.inner_btn >.btn_base2:disabled{color:#ccc;background:#fff;font-size:13px}
.area_btn >.inner_btn >.btn_base.color_point {color:#ff555f;background-color:#fff;border-color:#ff555f;}
.area_btn >.inner_btn >.btn_disable {color:#fff;background-color:#ccc;border-color:#ccc;}
.area_btn >.inner_btn >.btn_kakao {color:#000;background-color:#fee100;border-color:#fee100}
.area_btn >.inner_btn >.btn_beauty {color:#fff;background-color:#559cf6;border-color:#559cf6}
.area_btn >.inner_btn >.btn_black {color:#fff;background-color:#000;border-color:#000}
.area_btn >.inner_btn >.btn_black2 {border-radius:4px;color:#fff;background-color:#000;border-color:#000}/* 20230616 추가 */
.area_btn >.inner_btn >.btn_point {color:#fff;background-color:#3a416f;border-color:#3a416f;}
.area_btn >.inner_btn >.btn_point2 {color:#fff;background-color:#3a416f;border-color:#3a416f;}
/* 20230721 추가 */
.area_btn >.inner_btn2 {display: table-cell;}
.area_btn >.inner_btn2 button {width: 100%; height: 46px; padding: 11.5px 0; border-radius: 12px; font-size: 15px; font-weight: 500; line-height: 23px; letter-spacing: -0.3px;}
.area_btn >.inner_btn2:first-child{padding-right: 2px;}
.area_btn >.inner_btn2:last-child{padding-left: 2px;}
.area_btn >.inner_btn2 > .btn_black {background-color: #000; color: #fff;}
.area_btn >.inner_btn2 > .btn_default {background-color: #fff; color: #000; border: 1px solid #ccc;}
/* 디바이스 대응 */
.default{display:inline-block}
.fold_show{display:none}

/* 폴드 */
@media( max-width:320px ){
    /* .area_btn.fold >.inner_btn > button, .area_btn.fold >.inner_btn > a {font-size:11px;} */
    .default{display:none}
    .fold_show{display:inline-block}
}

.box_inp {display:inline-block;vertical-align:middle;position:relative;background:transparent;}
.box_inp .inp_txt,.add_address dd .intxt {width:100%;background:#f5f5f5;color:#000;font-size:13px;line-height:17px;font-weight:bold;padding:16px 9px;box-sizing:border-box;border:1px solid #f5f5f5;-webkit-appearance:none;appearance:none;-webkit-border-radius:12px;border-radius:12px;}
.box_inp .inp_txt::placeholder, .add_address dd .intxt::placeholder {color:#999;font-weight:normal;}
.box_inp .inp_txt:focus-visible, .add_address dd .intxt:focus-visible {background:#fff;border-color:#000;-webkit-border-color:#000;}
.box_inp .inp_txt:focus, .add_address dd .intxt:focus {background:#fff;border-color:#000;-webkit-border-color:#000;}
.box_inp .inp_txt:focus:focus-within, .add_address dd .intxt:focus:focus-within{border:1px solid rgb(0, 0, 0);outline:none}
.box_inp input.check_type {width:10px;height:10px;margin:5px;vertical-align:middle;position:absolute;left:0;top:3px;}
.box_inp input.check_type:before {display:inline-block;content:'';margin:-8px 0 0 -4px;width:21px;height:21px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;}
.box_inp input.check_type:after {display:inline-block;content:'';z-index:10;width:9px;height:5px;position:absolute;left:2px;top:-2px;color:#ccc;border-bottom:1.2px solid;border-left:1.2px solid;transform:rotate(-45deg);}
.box_inp input.check_type:checked:before {background-color: #000;border:1px solid #000;outline:none;}/* 20230616 수정 : background-color: #3a416f;border:1px solid #3a416f; */
.box_inp input.check_type:checked:after {color:#fff;}
.box_inp label {vertical-align:middle;display:inline-block;padding-left:27px;line-height:24px;}
.box_inp input.check_type2 {width:10px;height:10px;margin:5px;border-radius:50%;position:relative;vertical-align:middle;vertical-align:middle;position:absolute;left:0;top:2px;}
.box_inp input.check_type2:before {display:inline-block;content:'';width:21px;height:21px;margin:-5px 0 0 -5px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;}
.box_inp input.check_type2:after {display:inline-block;content:'';z-index:10;position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
.box_inp input.check_type2:checked:after {background-color: #000;}/* 20230616 수정 : background-color: #3a416f; */
.box_inp input.check_type2:checked:before {background-color: #fff;border:1px solid #000;}/* 20230616 수정: border:1px solid #3a416f; */
.box_inp select.inp_txt{color:#999;font-weight:500}
.box_inp select.inp_txt.default_sel {color:#000;font-weight:600}
.box_inp select.inp_txt {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.box_inp .sel_arr {display:block;width:10px;height:10px;position:absolute;right:15px;top:50%;margin-top:-10px;border-left:1px solid #000;border-bottom:1px solid #000;transform:rotate(-45deg);font-size:0;}
.box_inp .sel_arr2 {display:block;width:24px;height:24px;position:absolute;right:9px;top:50%;transform:translateY(-50%);background:url('../image/icon_more_24x24.png') no-repeat 0 0;background-size:100% 100%;font-size:0;}
@media( max-width:380px ){
    .box_inp .inp_txt::placeholder {font-size:12px;}
}
.wrap_member .box_inp input.inp_txt:disabled ,
.wrap_member .box_inp select.inp_txt:disabled,
.wrap_address_list .box_inp .inp_txt:disabled,
.wrap_address_list .box_inp select.inp_txt:disabled{font-weight:400;font-size:13px;color:#ccc;background:#f5f5f5;opacity:1;}
.wrap_member .box_inp select.inp_txt:disabled + .sel_arr {border-color:#999;}


.btn_white {display:inline-block;box-sizing:border-box;color:#000;border:1px solid #000;text-align:center;}
.btn_white:disabled ,
.btn_white.disabled {color:#999;border-color:#ccc;background:#fff;}
.btn_white.size_s {height:25px;font-size:13px;padding:3px 15px 0 15px;}
.btn_white.size_r {height:36px;font-size:14px;padding:8px 18px 0 18px;}

.label {display:inline-block;margin-left:10px;vertical-align:middle;color:#000;font-size:13px;line-height:23px;}
.link {color:#ff555f;text-decoration:underline}
.err_txt {padding-top:6px;color:#ff555f;font-size:11px;line-height:23px;}
.ok_txt {padding-top:6px;color:#559cf6;font-size:11px;line-height:23px;}
.hide {font-size:0;}

/* popup */
.wrap_modal {display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(51,51,51,0.3);z-index:50;}
.wrap_modal .area_modal {width:80%;height:auto;margin:30% auto 0 auto;top:50%;padding:29px;position:relative;border-radius:20px;box-sizing:border-box;background-color:#fff}
.wrap_modal .area_modal .info_tit {display:block;padding-bottom:12px;text-align:center;font-size:18px;color:#333;line-height:26px;word-break:keep-all;}
.wrap_modal .area_modal .info_tit .tit_b {display:block;padding-bottom:10px;font-size:18px;font-weight:bold;}
.wrap_modal .area_modal .info_txt {display:table;table-layout:fixed;width:100%;height:calc(100% - 46px);padding-bottom:22px;text-align:center;font-size:13px;color:#333;line-height:20px;word-break:keep-all;}
.wrap_modal .area_modal .info_txt > .inner {display:table-cell;width:100%;vertical-align:middle;}
.wrap_modal .area_modal .modal_info_txt {display: flex; flex-direction: column; align-items: center; position: relative;} /* 20240719 추가 */
.wrap_modal .area_modal .modal_info_txt .bold_txt {font-size: 18px; font-weight: 700; line-height: 27px; letter-spacing: -0.36px; color: #333; text-align: center;} /* 20240719 추가 */
.wrap_modal .area_modal .modal_info_txt .info_input_area {width: 100%; height: auto; text-align: center; background-color: #f5f5f5; border-radius: 12px; border:0; padding: 17px 9px 15px; margin: 14px 0 29px; position: relative; font-size: 13px; font-weight: 500; line-height: 19px; color: #000;} /* 20240719 추가 */
.wrap_modal .area_modal .modal_info_txt .input_delete_btn {display: block; position: absolute; right: 10px; bottom: 46px; width: 16px; height: 16px; background: url(../image/common.png) no-repeat 0 -36px; background-size: 200px; border-radius: 50%;} /* 20240719 추가 */
/* 20230721 추가 */
.wrap_modal .area_modal .modal_info_content {display: flex; flex-direction: column; width: 100%; padding-bottom: 22px; text-align: center;}
.wrap_modal .area_modal .modal_info_content .inner_title {font-size: 18px; font-weight: bold; line-height: 26px; letter-spacing: -0.36px; color: #333; margin-bottom: 9px;}
.wrap_modal .area_modal .modal_info_content .inner_content {width: 100%; height: auto;}
.wrap_modal .area_modal .modal_info_content .inner_content p {font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: -0.26px; color: #333;}
.wrap_modal .area_modal .modal_info_content .inner_content .txt_keep_all {word-break: keep-all;}
.wrap_modal .area_modal .modal_info_content .inner_content .br_option {margin-top: 9px;}
.wrap_modal .area_modal .modal_info_content .inner_content .warning_txt {color: #ff555f;}
.wrap_modal .area_modal .area_btn >.inner_btn > a ,
.wrap_modal .area_modal .area_btn >.inner_btn > button {height:46px;padding-top:12px;border-radius:12px;}
.wrap_modal .area_modal .area_btn {margin-top:4px;}
.wrap_modal .area_modal .area_btn:first-child {margin-top:0;}
.wrap_modal .area_modal .area_btn:last-child {padding-bottom:0;}
.wrap_modal .area_modal.type2 .info_txt {height:calc(100% - 92px);}
.wrap_modal .area_modal.type3 .area_btn {margin-top: 29px;} /* 20240719 추가*/
.wrap_modal .area_modal.type3 .modal_info_txt .info_input_area {margin: 14px 0 0;} /* 20240719 추가*/
.wrap_modal .area_modal.type3 .modal_info_txt .input_delete_btn {bottom: 17px;} /* 20240719 추가*/
.wrap_modal .area_modal.type3 .alert_txt {display: none; font-size: 11px; font-weight: 400; line-height: 17px; letter-spacing: -0.22px; color: #ff545f; text-align: center; margin-top: 6px;} /* 20240719 추가*/
.wrap_modal.active {display:block;}
.web .wrap_modal {width:500px;left:50%;margin-left:-250px;}

/* loading : 20230721 추가 */
.wrap_modal .box_modal {width: 202px; height: auto; position: relative; top: 28%; margin: 0 auto; display: flex; flex-direction: column; text-align: center;}
.wrap_modal .box_modal .loading_logo {width: 130px; height: 27px; background: url('../image/img_aditshop_white.svg') no-repeat; background-size: contain; margin: 0 auto 40px;}
.wrap_modal .box_modal .box_modal_tit {width: 100%; height: auto; margin: 0 auto 20px;}
.wrap_modal .box_modal .box_modal_tit p {font-size: 21px; font-weight: bold; line-height: 17px; color: #fff;}
.wrap_modal .box_modal .box_modal_txt {width: 100%; height: auto; margin: 0 auto;}
.wrap_modal .box_modal .box_modal_txt p {font-size: 13px; font-weight: normal; line-height: 20px; color: #fff; word-break: keep-all;}
.wrap_modal .adit_loading_ring { display: inline-block; position: relative; width: 64px; height: 64px; top: 32%; left: calc(50% - 26px);}
.wrap_modal .adit_loading_ring div {box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: loading-ring 1.2s cubic-bezier(0.5, 0.0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; }
.wrap_modal .adit_loading_ring div:nth-child(1) {animation-delay: -0.45s;}
.wrap_modal .adit_loading_ring div:nth-child(2) {animation-delay: -0.3s;}
.wrap_modal .adit_loading_ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes loading-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* popup - toast : 20230721추가 */
.wrap_toast {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 52;}
.wrap_toast .toast_content {position: fixed; width: 90%; height: 44px; top: calc(100% - 126px); left: 5%; box-sizing: border-box; border-radius: 22px; padding: 13px 0; font-size: 12px; font-weight: 500; color: #fff; background-color: #000; text-align: center;}
.wrap_toast .toast_content.double_line {height: 64px; top: calc(100% - 146px); padding: 13px 17px; word-break: keep-all; line-height: 19px;}
.wrap_toast.active .toast_content {animation:fadeOut 1s 1.5s forwards; -webkit-animation:fadeOut 1s 1.5s forwards;}
.wrap_toast .toast_content.float {top: calc(100% - 136px); padding: 6.5px 0; height: auto; line-height: 18px;} /* 20240719 추가*/
.wrap_toast .toast_content.double_line.float {top: calc(100% - 156px); padding: 6.5px 0; height: auto; line-height: 18px;} /* 20240719 추가*/
.wrap_toast .toast_content.fadeType {top:calc(100% - 88px);transform: translate(0%, 44px); visibility: hidden;} /* 20240719 추가*/
.wrap_toast.active .toast_content.fadeType {animation: fadein 0.1s, fadeout 0.1s; opacity: 1; visibility: visible;transform: translate(0, 0);} /* 20240719 추가*/
.wrap_toast_pop .toast_content {position: fixed; bottom: -100px; width: calc(100% - 38px); height: 44px; box-sizing: border-box; border-radius: 22px; padding: 13px 0; transition: all 0.9s; background-color: #000; margin-left: 19px; z-index: 2;} /* 20240719 추가*/
.wrap_toast_pop.active .toast_content {bottom: 80px;} /* 20240719 추가*/
.wrap_toast_pop.active .toast_content.slim_type {bottom: 30px;} /* 20240719 추가*/
.wrap_toast_pop .toast_content p { font-size: 12px; font-weight: 500; color: #fff; text-align: center; } /* 20240719 추가*/

/* popup - bottomModal : 20230721 추가 */
.wrap_bottom_modal .bottom_modal_area {position: fixed; left: 0; bottom: -50%; transition: max-height 1.2s; max-height: 0;}
.wrap_bottom_modal.active .bottom_modal_bg {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 51;}
.wrap_bottom_modal.active .bottom_modal_area {width: 100%; height: auto; max-height: calc(100% - 120px); position: fixed; left: 0; bottom: 0; background-color: #fff; z-index: 52; border-radius: 12px 12px 0 0;}
.wrap_bottom_modal.active .bottom_modal_area .bottom_modal_tit {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e6e6e6; padding: 19px; width: 100%; height: auto; box-sizing: border-box;}
.wrap_bottom_modal.active .bottom_modal_area .bottom_modal_tit p {font-size: 15px; font-weight: bold; line-height: 20px; letter-spacing: -0.3px; color: #000;}
.wrap_bottom_modal.active .bottom_modal_area .bottom_modal_tit .bottom_modal_close {width: 24px; height: 24px; background: url('../image/ico_close.png') no-repeat 0 0; background-size: 100%; position: relative; font-size: 0;}
.wrap_bottom_modal.active .bottom_modal_area .bottom_modal_content {display: flex; flex-direction: column; padding: 19px; width: 100%; height: auto; box-sizing: border-box;}
.wrap_bottom_modal.active .bottom_modal_area .bottom_modal_content .bottom_modal_btn {width: 100%; height: 45px; border-radius: 4px; border:1px solid #ccc; font-size: 15px; font-weight: 500; line-height: 21px; letter-spacing: -0.3px; color: #333;}
.wrap_bottom_modal.active .bottom_modal_area .bottom_modal_content button + button {margin-top: 9px;}
.wrap_bottom_modal.active .bottom_modal_area .bottom_modal_content .bottom_modal_btn.on {background-color: #000; color: #fff; border: 1px solid #000;}

/* .text_modal:before {display:block;position:fixed;left:0;top:0;width:100%;height:100%;content:'';background:rgba(255,255,255,0.6);animation:fadeOut 3.5s forwards;-webkit-animation:fadeOut 3.5s forwards} */
.text_modal {display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(51,51,51,0.3);/* ;animation:fadeOut 1s 3s forwards;-webkit-animation:fadeOut 1s 3s forwards; */z-index:10}
.text_modal.active {display:block;}
.text_modal .inner {width:90%;height:auto;margin:-60px auto 0 auto;top:50%;padding:24px 29px;position:relative;border-radius:20px;box-sizing:border-box;background-color:#fff;text-align:center;}
.text_modal .inner .box {text-align:center;font-size:13px;color:#333;line-height:20px;letter-spacing:-1px;}
.text_modal .inner .tit {display:block;padding-bottom:9px;text-align:center;font-weight:normal;font-size:13px;color:#333;line-height:26px;letter-spacing:-1px;}

.wrap_modal .area_modal.info_counseling .info_tit {font-size:20px;line-height:29px;text-align:left;}
.wrap_modal .area_modal.info_counseling .info_txt {height:225px;}
.wrap_modal .area_modal.info_counseling .info_txt .txt {padding-top:4px;font-size:12px;color:#999;line-height:19px;text-align:left;word-break:break-word;}
.info_counseling .box_counseling {margin:0 auto;width:100%;max-width:312px;height:163px;font-size:0;text-align:center;}
.info_counseling .box_counseling img {width:100%;height:100%;max-width:312px;}
.wrap_modal .area_modal.info_counseling .area_btn >.inner_btn > a,
.wrap_modal .area_modal.info_counseling .area_btn >.inner_btn > button {border-radius:4px;}

.wrap_modal .ico_adult {display:block;width:46px;height:46px;margin:0 auto 9px auto;background:url('../image/common.png') no-repeat -27px -120px;background-size:200px;font-size:0;}

.wrap_massage {display:none;width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0;}
.wrap_massage .area_massage {position:fixed;left:5%;top:50%;width:90%;height:auto;margin-top:-25px;box-sizing:border-box;padding:13px 30px;color:#fff;font-size:12px;line-height:19px;background:#000;border-radius:32px;text-align:center;}
.wrap_massage.active {display:block;}
.wrap_massage.active .area_massage {animation:fadeOut 1s 3.5s forwards;-webkit-animation:fadeOut 1s 3.5s forwards;}


@keyframes fadeOut {
    0% {opacity:100;}
    10% {opacity:100;}
    90% {opacity:0;}
    100% {opacity:0;}
}

/* 약관 */
/* .wrap_terms {min-height:calc(100vh - 60px);padding:19px;background-color:#fafafa;box-sizing:border-box;}
.wrap_terms *{display:block;font-size:11px;line-height:18px;}
.wrap_terms .tit {line-height:19px;color:#000;}
.wrap_terms .txt {color:#999;word-break:keep-all;}
.wrap_terms strong.txt {padding-bottom:14px;color:#000;word-break:keep-all;}
.wrap_terms .box + .box{padding-bottom:14px;}
.wrap_terms .box .tit {padding-bottom:0;} */
.wrap_terms {min-height:calc(100vh - 60px);padding:19px;background-color:#fafafa;box-sizing:border-box;}
.wrap_terms *{box-sizing:border-box;word-wrap:normal}
.wrap_terms .terms_header_tit {padding-bottom: 19px;} /*` 20231212 추가 */
.wrap_terms .terms_header_tit p {font-size: 11px; font-weight: 500; line-height: 18px; letter-spacing: -0.22px; color: #000;} /* 20231212 추가 */
.wrap_terms .terms_date {display: flex; justify-content: center; gap: 10px; margin-top: 14px;} /*` 20231212 추가 */
.wrap_terms .terms_date {color: #999;} /*` 20231212 추가 */
.wrap_terms .titBox{text-align:center}
.wrap_terms .titBox h3{font-size:21px;line-height:29px;color:#333;letter-spacing:-0.06rem;word-break:keep-all;}
.wrap_terms .titBox p{font-size:16px;color:#333;line-height:29px;letter-spacing:-0.06rem;font-weight:600}
.wrap_terms .titBox .sub_tit{font-size:16px;color:#333;line-height:29px;letter-spacing:-0.06rem;font-weight:500;} /* 20231220 추가 */
.wrap_terms .titBox .guide{font-size:11px;color:#999;line-height:18px;padding-bottom:19px;text-align:left}
.wrap_terms .box{font-size:11px;line-height:18px;letter-spacing:-0.0029rem;color:#000;}
.wrap_terms .box:nth-child(1n){padding-top:20px}
.wrap_terms .box.np_type {padding-top: 0;} /* 20240308 추가 */
.wrap_terms .box + .box{padding-top:14px}
.wrap_terms .box u, .wrap_terms .box u b, .wrap_terms .box strong, .wrap_terms .box span, .wrap_terms .box .txt{display:inline}
.wrap_terms .box u b{color:#999}
.wrap_terms .box .txt{display:block;color:#999}
/* 약관 - 20230724 추가 */
.wrap_terms .box .txt.type2{font-size: 11px; font-weight: normal; line-height: 18px; letter-spacing: -0.66px; color: #999;}
.wrap_terms .box .txt.type2.beforedash {position: relative; padding-left: 6px;}
.wrap_terms .box .txt.type2.beforedash:before {content: '-'; position: absolute; width: 4px; height: 1px; top: 0; left: 0;}
.wrap_terms .box .txt.type2 strong {text-decoration: underline; color: #000;}
.wrap_terms .box .txt.type2 a {color: #000;}
.wrap_terms .box strong.txt{color:#000}
.wrap_terms .box a{display:inline;color:#999}
.wrap_terms .box .highlight{background:linear-gradient(to top, rgba(255,241,0,0.3) 60%, transparent 60%);}
.wrap_terms table{border-color:#ccc;margin:14px 0}
.wrap_terms table thead{border-top-color:#ccc;border-bottom-color:#e6e6e6}
.wrap_terms table tbody{border-bottom-color:#e6e6e6;}
.wrap_terms table thead th,
.wrap_terms table tbody td{border-left-color:#e6e6e6;border-top:1px solid #ccc;border-bottom:1px solid #e6e6e6;text-align:center}
.wrap_terms table tbody th{border-top:1px solid #ccc;border-bottom:1px solid #e6e6e6;padding:10px}
.wrap_terms .lineBox{padding:10px;border:1px solid #e6e6e6;margin-top:14px;margin-bottom:14px;margin-top:14px;margin-bottom:14px}
.wrap_terms .lineBox.topbottom{padding:10px;border-left:none;border-right:none}
.wrap_terms .lineBox h4{text-align:center;font-size:18px;padding-bottom:20px}
.wrap_terms .box.lineBox{margin-top:0}

/* 약관 웹뷰Type : 20240308 추가 */
.wrap_web_view {padding: 19px; min-height: 100%; background-color: #fff;}
.terms_inner_box {width: 100%; height: auto; background-color: #fafafa; box-sizing: border-box; padding: 16px 20px 20px; border-radius: 12px;}
.terms_inner_box li:not(:first-child) {padding-top: 15px;}
.terms_inner_box li p:not(:first-child) {padding-top: 5px;}
.terms_inner_box li .box_tit {font-size: 12px; font-weight: 500; line-height: 19px; letter-spacing: -0.72px; color: #000;}
.terms_inner_box li .box_txt {font-size: 12px; font-weight: 400; line-height: 19px; letter-spacing: -0.48px; color: #999;}

/* 공통 */
.wrap_appdown {width:100%;height:0;}
.wrap_appdown .bg {display:none;}
.wrap_appdown .area_downinfo {width:100%;padding:24px 19px;box-sizing:border-box;background:#fff;border-radius:12px 12px 0 0;position:fixed;left:0;bottom:-300px;overflow:hidden;text-align:center;z-index:20;transition:all 0.6s;}/* 20220929 삭제 : height:216px; */
.wrap_appdown .area_downinfo .downinfo {display:table;table-layout:fixed;width:320px;padding-bottom:24px;margin:0 auto;}
.wrap_appdown .area_downinfo .downinfo .img {width:70px;height:70px;display:table-cell;}
.wrap_appdown .area_downinfo .downinfo .img img {width:100%;height:100%;}
.wrap_appdown .area_downinfo .downinfo .txt {display:table-cell;vertical-align:middle;padding-left:24px;font-size:12px;color:#999;line-height:19px;text-align:left;word-break: keep-all;}
.wrap_appdown .area_downinfo .area_btn >.inner_btn >.btn_point {padding-top:17px;}
.wrap_appdown .stay_web {padding-top:14px;text-align:center;}
.wrap_appdown .stay_web .txt {font-size:13px;color:#666;text-decoration:underline;padding-bottom:1px;}
.wrap_appdown.active {height: 100%;}
.wrap_appdown.active .bg {display:block;width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(51,51,51,0.3);z-index:10;}
.wrap_appdown.active .area_downinfo {bottom:0;}

/* New AppDownLoad Info : 2024603 추가 */
.wrap_app_download {width: 100%;}
.wrap_app_download .bg {display:none;}
.wrap_app_download .app_download_info {width: 100%; position: fixed; box-sizing: border-box; padding: 19px; border-radius: 12px 12px 0 0; z-index: 20; bottom:-300px; transition: all 0.6s; background: #fff;}
.wrap_app_download .app_download_info .download_info_top_txt {font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.26px; color: #333; text-align: center; margin-bottom: 19px;}
.wrap_app_download .app_download_info .app_download_btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; border-radius: 4px; background-color: #000; text-align: center;}
.wrap_app_download .app_download_info .app_download_btn .app_download_btn_txt {font-size: 15px; font-weight: 500; line-height: 19px; letter-spacing: -0.3px; color: #fff;}
.wrap_app_download .app_download_info .web_stay_btn {display: block; margin: 14px auto 0;}
.wrap_app_download .app_download_info .web_stay_btn .web_stay_btn_txt {font-size: 13px; font-weight: 400; line-height: 27px; letter-spacing: -0.26px; color: #666; text-decoration: underline;}
.wrap_app_download.active .bg {display:block;width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(51,51,51,0.3);z-index:10;}
.wrap_app_download.active .app_download_info {bottom:0;}

.info_txt .error_txt {padding-top:9px;color:#9a5458;font-size:11px;line-height:17px;}
.top_txt {margin-bottom:29px;padding-bottom:29px;border-bottom:1px solid #e5e5e5;}
.box_telnum {text-align:center;line-height:18px;}
.box_telnum .store {display:block;color:#999;font-size:13px;}
.box_telnum .name {display:block;padding-top:2px;color:#333;font-size:18px;line-height:26px;}
.box_telnum .sns_list {padding-top:14px;}
.box_telnum .sns_list li {display:inline-block;width:50px;margin-left:25px;}
.box_telnum .sns_list li:first-child {margin-left:0;}
.box_telnum .sns_list li a {color:#999;font-size:12px;position:relative;display:block;width:50px;height:50px;}
.box_telnum .sns_list li a:before {display:block;content:'';width:50px;height:50px;border-radius:50%;margin-bottom:5px;}
.box_telnum .sns_list li a:after {display:block;content:'';width:25px;height:25px;position:absolute;left:13px;top:13px;background:url('../image/common.png') no-repeat 0 0;background-size:200px;}
.box_telnum .sns_list li.tel a:before {background-color:#ccc;}
.box_telnum .sns_list li.tel a:after {background-position:-75px -103px;}
.box_telnum .sns_list li.sns a:before {background-color:#559cf6;}
.box_telnum .sns_list li.sns a:after {background-position:-107px -104px;}
.box_telnum .sns_list li.kakao a:before {background-color:#fee100;}
.box_telnum .sns_list li.kakao a:after {background-position:-140px -102px;}
.box_telnum .sns_list li.url a:before {background-color:#ccc;}
.box_telnum .sns_list li.url a:after {width:30px;left:11px;background-position:-169px -104px;}

.box_sorry {display:table;table-layout:fixed;width:100%;height:100vh;background:#fafafa;text-align:center;}
.box_sorry .inner {display:table-cell;height:100%;vertical-align:middle;}
.box_sorry .inner .emoji {display:block;margin:0 auto 29px auto;text-align:center;font-size:65px;}
.box_sorry .sorry_tit {display:block;color:#333;font-size:21px;line-height:29px;}
.box_sorry .sorry_tit i {display:block;content:'';width:65px;height:65px;margin:0 auto 29px auto;background:url('../image/img_notice.svg') no-repeat 0 0;background-size:65px;font-size:0;} /* 20221223 수정 : width:67px;height:63px; */
.box_sorry .sorry_txt {margin-top:9px;font-size:13px;color:#666;line-height:20px;}
.box_sorry .time {margin-top:14px;font-size:13px;color:#000;line-height:20px;} /* 20221223 수정 : color:#3a416f */
.box_sorry .app_intro_btn {display: flex; align-items: center; justify-content: center; width: 206px; height: 46px; border-radius: 4px; background: #000; margin: 29px auto 0;} /* 20240603 추가 */
.box_sorry .app_intro_btn span {font-size: 15px; font-weight: 500; line-height: 23px; letter-spacing: -0.3px; color: #fff;} /* 20240603 추가 */


/* 통합검색 */
.header .total_search {width:100%;height:39px;box-sizing:border-box;text-align:left}
.total_search form {position:relative;box-sizing:border-box;height:100%;border-radius:24px;padding:0 40px 0 20px;box-shadow:0 2px 10px 0 rgba(0,0,0,0.08);}
.total_search .btn_search_delete {display:none;position:absolute;right:0;top:0;font-size:0;width:40px;height:40px;}
.total_search .btn_search_delete:after {display:block;position:absolute;right:10px;top:10px;;width:20px;height:20px;content:'';background:url('../image/common.png') no-repeat 2px -34px;background-size:200px;}
.total_search .inp_search {width:100%;height:100%;border:0;box-sizing:border-box;padding:8px 0;font-size:13px;color:#000;line-height:17px;}
.total_search .inp_search::placeholder {color:#999;line-height:16px;}
.wrap_totalsearch {height:calc(100vh - 60px);padding:0 20px 20px 20px;overflow-y:scroll;}
.wrap_totalsearch .area_total {padding-top:19px;}
.wrap_totalsearch .total_search_tit {font-size:15px;color:#333;line-height:17px;position:relative;}
.wrap_totalsearch .total_search_tit .btn_word_delete {width:auto;height:auto;padding:3px 0 3px 4px;font-size:12px;color:#999;text-align:right;position:absolute;right:0;top:0;}
.wrap_totalsearch .market_list .box_sort{padding:19px 0 14px;margin:0 0 0 0}
.wrap_totalsearch .search_list {padding-top:9px;}
.wrap_totalsearch .search_list li {width:100%;box-sizing:border-box;padding:4px 40px 4px 0;border-top:1px solid #e6e6e6;position:relative;}
.wrap_totalsearch .search_list li:first-child {border-top:0;}
.wrap_totalsearch .search_list li > a {display:block;box-sizing:border-box;width:100%;height:auto;padding:8px 0;color:#333;font-size:14px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.wrap_totalsearch .search_list li .btn_delete {width:30px;height:30px;position:absolute;right:-7px;top:6px;font-size:0;}
.wrap_totalsearch .search_list li .btn_delete:before {display:block;content:'';width:1px;height:15px;position:absolute;left:15px;top:8px;background:#999;transform:rotate(-45deg);}
.wrap_totalsearch .search_list li .btn_delete:after {display:block;content:'';width:15px;height:1px;position:absolute;left:8px;top:15px;background:#999;transform:rotate(-45deg);}
.wrap_totalsearch .search_list.long_txt li {padding-right:0;}
.wrap_totalsearch .search_list li.none_word {padding:39px 0 39px 0;font-size:15px;color:#999;text-align:center;}
.wrap_totalsearch .none_data {box-sizing:border-box;padding-top:200px}
.wrap_totalsearch .none_data .inner {vertical-align:middle;font-size:15px;color:#333;text-align:center;}
.wrap_totalsearch .none_data strong {display:block;margin-bottom:15px;line-height:27px;font-size:27px;}
.wrap_totalsearch .wrap_prod.prod_type3 .box_prod .box_price .discount {display:block;}


/* 랜딩페이지 */
.wrap_landing {width: 100%; height: 100%; background-color: #000; box-sizing:border-box; overflow-y: hidden; overscroll-behavior: none;} /* 20240429 수정 */
.wrap_landing .box_tit {display:table;table-layout:fixed;height:calc(100vh - 677px);padding-top:20px;margin:0 auto;text-align:center;}/* 230519 수정 : calc(100vh - 647px) */
.wrap_landing .box_tit .inner {display:table-cell;vertical-align:bottom;padding-bottom:16px;}
.wrap_landing .company_title {width:127px;margin:0 auto;}
.wrap_landing .company_title img {width:100%;}
.wrap_landing .s_tit {display:block;margin-top:5px;font-size:17px;color:#000;line-height:19px;}
.wrap_landing .area_landing .inner_tab_box {width: 298px; margin: 0 auto;}/* 20240429 수정 */
.wrap_landing .area_landing .tab_text {height:auto;position:relative;} /* 20240429 수정 */
.wrap_landing .area_landing .tab_text li {width:100%; height: 88px;} /* 20240429 수정 */
.wrap_landing .area_landing .tab_text li img {width: 100%; height: 100%; object-fit: cover;} /* 20240429 수정 */
.wrap_landing .area_landing .tab_text li.on {display:block;}
.wrap_landing .area_landing .tab_text .inner_tit {height:90px;font-size:17px;color:#333;line-height:24px;text-align:center;}
.wrap_landing .area_landing .tab_text .inner_tit.long {font-size:14px;line-height:20px;}
.wrap_landing .area_landing .tab_text .s_tit{margin:0 auto;text-align:center;font-size:17px;padding-bottom:14px}
.wrap_landing .area_landing .tab_text .s_txt {display:block;margin-top:5px;color:#999;font-size:8px;}
.wrap_landing .area_landing {display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: calc(100% - 85px); overscroll-behavior: none; overflow-y: hidden;} /* 20240429 수정 */
.wrap_landing .area_landing .inner_tab {display: flex; align-items: center; justify-content: center; width: 100%; height:auto; margin: 0 auto; padding: 25px 0 20px;} /* 20240429 수정 */
.wrap_landing .area_landing .inner_screen {width:298px;margin:0 auto; height: auto; border-top-left-radius:20px;border-top-right-radius:20px; overflow-y: hidden;} /* 20240429 수정 */
.wrap_landing .area_landing .swiper-container{border-top-left-radius:20px;border-top-right-radius:20px;} /* 20240429 수정 */
.wrap_landing .area_landing .swiper-slide img {width:100%; height: 100%; } /* 20240429 수정 */
.wrap_landing .area_landing .swiper-slide .inner {display:block;background-color:#000;} /* 20240429 수정 */
.wrap_landing .area_landing .swiper-pagination-bullet {width:5px;height:5px;background:#e9e4de;opacity:1;}
.wrap_landing .area_landing .swiper-pagination-bullet-active {background:#ff555f;opacity:1;}
.wrap_landing .area_landing .area_banner {width:280px;margin:0 auto;}
.wrap_landing .area_landing .area_banner img {width:100%;}
.wrap_landing .info_appdown {width:100%;height:85px;box-sizing:border-box;position:fixed;left:0;bottom:0;background:#000;z-index:1;}
.wrap_landing .info_appdown .inner_app {display:flex;justify-content:center;align-items:center;max-width:480px;padding:14px 20px 0;margin:0 auto;color:#fff;}/* 20221227 수정 */
/* 20230519 추가 */
.wrap_landing .info_appdown .inner_app .appdown_tit {display:inline-block;margin-right:8px;font-size:12px;color:#fff;line-height:17px;}
@media( max-width:280px ){
    .wrap_landing .info_appdown .inner_app{padding-left:10px;padding-right:10px;letter-spacing:-1px}
    .wrap_landing .info_appdown .inner_app .appdown_tit{font-size:11px}
    .wrap_landing .info_appdown .inner_app .appdown_tit em{display:none}
    .wrap_landing .info_appdown .inner_app .appdown_tit span{display:block} 
}
.wrap_landing .info_appdown .inner_app .btn_appstore {display:inline-block;width:101px;height:33px;margin:0 2px}
.wrap_landing .info_appdown .inner_app a >img {width:100%;height:100%;}
.wrap_landing .info_appdown .inner_app .btn_googlepaly {display:inline-block;width:101px;height:33px;margin:0 2px}
.wrap_landing .info_appdown .copyright {padding-top:12px;color:#999;font-size:8px;text-align:center;}
/* 20221223 추가 : 클로버 랜딩 */
.wrap_landing.clover *{box-sizing:border-box;}
.wrap_landing.clover .area_landing .tab_text li{display:block}
.wrap_landing.clover .info_box{width:100%;max-width:280px;padding:0;margin:0 auto}
.user-info{width:100%;height:auto;min-height:400px;margin:0 auto;padding:20px 20px 0;border-top-left-radius:20px;border-top-right-radius:20px;background:url('../image/bg_landing_clover.png') no-repeat right bottom #3a416f;background-size:100%;letter-spacing:-0.24px}
.user-info .thumb{width:50px;height:50px;border-radius:35px;overflow:hidden;background:#eee}
.user-info .thumb img{display:block;width:100%;height:100%;}
.user-info .inner{width:100%}
.user-info .inner .txt{padding:10px 0 0 0;font-size:12px;font-weight:500;color:#e6e6e6}
.user-info .inner .name{padding:8px 0 0 0;font-size:18px;line-height:24px;font-weight:600;color:#fff;}
.user-info .inner .point{padding:5px 0 0 0;font-size:15px;line-height:24px;color:#fff}
.wrap_landing.clover .info_appdown{height:auto;padding:0 14px 14px 14px;background:#f5f5f5}
.wrap_landing.clover .info_appdown .inner_app{display:block;width:100%;text-align:center}
.wrap_landing.clover .info_appdown .inner_app .appdown_tit{margin-right:0;padding-bottom:12px;color:#666;font-size:11px;}

/* 20230206 에딧샵 랜딩 : 상품리스트 대체 페이지 */
.myShop{width:100%;min-height:auto;background:#fff}/* ;background:#3a416f */
.myShop *{box-sizing:border-box;}
.myShop .innerBox{width:100%;max-width:375px;height:100%;margin:0 auto;min-height:auto;background:#fff}
.shopVisual{width:100%;height:634px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:28px;line-height:41px;color:#fff;font-weight:600;background:url('../image/img_landing_kv.png') no-repeat 50% 50%;background-size:cover;overflow:hidden}
.stepBox{width:100%;padding:50px 0}
.stepBox .thumb{margin:0 auto;max-width:300px;width:100%;height:auto;border-radius:12px;overflow:hidden;margin-bottom:30px;background:#eee}
.stepBox .thumb img{display:block;width:100%}
.stepBox h3{color:#000;font-size:18px;line-height:27px;font-weight:600;padding:0 30px;margin-bottom:50px}/* 20230616 수정 : color:#3a416f; */
.stepBox dl{padding:0 30px;margin-bottom:50px}
.stepBox dl:last-child{margin-bottom:0}
.stepBox dl dt{color:#000;font-size:18px;line-height:28px;font-weight:600;margin-bottom:20px;letter-spacing:-0.035rem;}
.stepBox dl dd{color:#333;font-size:13px;line-height:21px}
.stepBox:nth-child(odd){background:#f5f5f5}/* 20230616 수정 : background:#f2f3ff */
.logoList{max-width:640px;width:360px;min-width:auto;margin:0 auto}
.logoList ul{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:-20px}
.logoList li{width:172px;height:106px;display:flex;justify-content:center;align-items:center;}
.logoList li:nth-child(odd){margin-right:7.5px}
.logoList li:nth-child(even){margin-left:7.5px}
.wrap_landing.myShop .info_appdown .inner_app .appdown_tit{font-size:11px}

.logo{display:block;background:url('../image/icon_logo.png') no-repeat;background-size:400px 400px;overflow:hidden}
.logo.shulwhasoo{width:92px;height:19px;background-position:0 0;}/* 설화수 */
.logo.amorepacific{width:73px;height:73px;background-position:0 -24px;}/* 아모레퍼시픽 */
.logo.laneige{width:86px;height:16px;background-position:0 -102px;}/* 라네즈 */
.logo.mamonde{width:92px;height:18px;background-position:0 -123px;}/* 마몽드 */
.logo.innisfree{width:97px;height:19px;background-position:0 -146px;}/* 이니스프리 */
.logo.etude{width:78px;height:16px;background-position:0 -170px;}/* 에뛰드 */
.logo.sienu{width:68px;height:25px;background-position:0 -191px;}/* sienu */
.logo.hera{width:74px;height:14px;background-position:0 -221px;}/*  헤라 */
.logo.holitual{width:100px;height:13px;background-position:0 -240px;}/*  holitual */
.logo.prmr{width:44px;height:19px;background-position:0 -258px;}/*  프리메라 */
.logo.iope{width:49px;height:17px;background-position:0 -282px;}/*  아이오페 */
.logo.hanyul{width:53px;height:24px;background-position:0 -304px;}/*  한율 */
.logo.espoir{width:66px;height:26px;background-position:0 -333px;}/*  에스쁘아 */
.logo.odyssey{width:105px;height:12px;background-position:0 -364px;}/*  오디세이 */
.logo.bready{width:87px;height:15px;background-position:0 -381px;}/*  비레디 */
.logo.goutal{width:103px;height:30px;background-position:-110px 0;}/*  goutal */
.logo.aestura{width:93px;height:15px;background-position:-110px -35px;}/*  aestura */
.logo.makeon{width:96px;height:17px;background-position:-110px -55px;}/*  makeon */
.logo.vitalbueaty{width:78px;height:15px;background-position:-110px -77px;}/*  바이탈뷰티 */
.logo.ryo{width:67px;height:52px;background-position:-110px -97px;}/* 려 */
.logo.miseenscene{width:50px;height:50px;background-position:-110px -153px;}/* 미쟝센 */
.logo.laboh{width:84px;height:26px;background-position:-110px -209px;}/* 라보H */
.logo.ayunche{width:109px;height:19px;background-position:-110px -240px;}/* ayunche */
.logo.amos{width:55px;height:31px;background-position:-110px -259px;}/* 아모스 */
.logo.happybath{width:66px;height:44px;background-position:-110px -295px;}/* 해피바스 */
.logo.illiyoon{width:106px;height:17px;background-position:-110px -344px;}/* 일리윤 */
.logo.skinu{width:65px;height:15px;background-position:-110px -366px;}/* 스킨u */
.logo.median{width:65px;height:22px;background-position:-224px 0;}/* 메디안 */
.logo.osulloc{width:44px;height:60px;background-position:-224px -27px;}/* 오설룩 */

/* 커밍순 */
.box_comingsoon {display:table;table-layout:fixed;width:100%;height:100vh;background:#fafafa;text-align:center;}
.box_comingsoon .inner {display:table-cell;height:100%;vertical-align:middle;color:#999;}
.box_comingsoon .comingsoon_tit {display:block;color:#999;font-size:16px;line-height:29px;font-weight:600}
.box_comingsoon .comingsoon_tit i {display:block;content:'';width:65px;height:65px;margin:0 auto 29px auto;background:url('../image/img_comingsoon.png') no-repeat 0 0;background-size:65px;font-size:0;}
.box_comingsoon .comingsoon_txt {margin-top:19px;font-size:13px;color:#666;line-height:20px;}
.box_comingsoon .comingsoon_txt2 {margin-top:0;font-size:16px;line-height:20px;}
.wrapper .container.full + .box_comingsoon{background:pink}
.box_comingsoon.withHeader{height:calc(100vh - 60px);}

/* game */
.wrap_game {box-sizing:border-box;padding:19px;width:100%;height:100vh;background:#fafafa;}
.wrap_game .txt_box {padding-bottom:39px;}
.wrap_game .txt_box strong {font-size:21px;line-height:29px;letter-spacing:-0.4px;color:#333;font-weight:bold;}
.wrap_game .txt_box .sub_txt {display:block;padding-top:14px;font-size:13px;line-height:20px;letter-spacing:-0.2px;color:#666;}
.wrap_game .game_list li {margin-top:14px;border-radius:12px;position:relative;}
.wrap_game .game_list li:first-child {margin-top:0;}
.wrap_game .game_list li:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:12px;background:rgba(0,0,0,0.16);}
.wrap_game .game_list li .link {display:block;width:100%;height:100%;position:relative;}
.wrap_game .game_list li .link .inner_txt {box-sizing:border-box;width:auto;height:auto;position:absolute;left:14px;top:50%;transform:translateY(-50%);}
.wrap_game .game_list li .link .inner_txt strong {font-size:16px;line-height:30px;letter-spacing:-0.33px;text-align:left;color:#ff555f;}
.wrap_game .game_list li .link .inner_txt p {font-size:13px;line-height:20px;color:#fff;}
.wrap_game .game_list li img {width:100%;height:100%;border-radius:12px;}

/* 0106 주문배송확인 팝업 */
.wrap_modal .area_modal .info_txt .more_txt {text-align:left;}
.wrap_modal .area_modal .info_txt .more_txt .info_list {padding-top:9px;}
.wrap_modal .area_modal .info_txt .more_txt .info_list li {position:relative;padding-left:10px;font-size:13px;color:#333;line-height:20px;text-align:left;}
.wrap_modal .area_modal .info_txt .more_txt .info_list li:before {display:block;content:'';width:3px;height:3px;position:absolute;left:0;top:9px;margin-top:-1px;border-radius:50%;background:#333;}

/* data table */
.pdb19{padding-bottom:19px !important}
table{width:100%;border:0;border-collapse:collapse;}
table thead{border-top:1px solid #ccc;border-bottom:1px solid #ccc}
table thead th{padding:10px;color:#333;border-left:1px solid #ccc}
table tbody td:first-child{border-left:none}

table tbody{border-bottom:1px solid #ccc}
table tbody td{padding:10px;border-left:1px solid #ccc;color:#999}
table thead th:first-child,
table tbody td:first-child{border-left:none}
table tbody td.tcenter{text-align:center}
/* 개인정보 수집 동의 테이블 */
.tbType1 th,
.tbType1 td{font-size:11px}
.tbType1 thead th,.tbType1 tbody td{padding:8px;letter-spacing:-0.03rem;}

/* 멀티라이즈 스와이퍼 탭 */
.swiperTab{width:100%;overflow:hidden;}
.swiperTab_inner {min-height:calc(100vh - 520px);transition:all 0.3s;overflow:hidden;}
.swiperTab_inner .tabList {float:left;width:100%;}
.swiperTab_inner:after {content:'';display:block;clear:both;}
/* .swiperTab_inner {box-sizing:border-box;padding:0 19px;} */

/* BUTTON */
.ico{display:inline-block;margin:-2px 0 2px;vertical-align:middle}
.ico span{text-indent:-9999rem;display:block;width:0;height:0}
.ico.info{width:19px;height:19px;background:url('../image/ico_info.svg') no-repeat center;background-size:100%}

/* PADDING, MARGIN */
.pdt0{padding-top:0 !important}
.pdt14{padding-top:14px !important}
.pdt15{padding-top:15px !important}
.pdt55{padding-top:55px !important;} /* 20230721 추가 */
.pdt65{padding-top:65px !important}
.pdr15{padding-right: 15px !important;} /* 20231122 추가 */

.mgt0{margin-top:0 !important}
.mgl8 {margin-left: 8px !important;} /* 20240205 추가 */
.mgt14{margin-top:14px !important}
.mgt19{margin-top:19px !important} /* 20230817 추가 */

.wrap_toast_pop .toast_content {position: fixed; bottom: -100px; width: calc(100% - 38px); height: auto; box-sizing: border-box; border-radius: 22px; padding: 13px 0; transition: all 1.0s; background-color: #000; margin-left: 19px; z-index: 21;}  /* 20240523 수정 */
.wrap_toast_pop.active .toast_content {bottom: 80px;}  /* 20240426 추가 */
.wrap_toast_pop.button_after_type .toast_content {transition: 0.55s;} /* 20240523 추가 */
.wrap_toast_pop.button_after_type.active .toast_content {bottom: 70px;} /* 20240523 추가 */
.wrap_toast_pop.active .toast_content.slim_type {bottom: 30px;}  /* 20240426 추가 */
.wrap_toast_pop .toast_content p {font-size: 12px; font-weight: 500; color: #fff; text-align: center;}  /* 20240426 추가 */

/* POSITION */
.stickyArea{position:sticky;top:0;z-index:1}

/* EVENT PAGE BUTTON  : 20230718 추가 */
.wrapper .event_content {width: 100%; max-width: 750px; margin: 0 auto; position: relative; overflow: hidden;}
.wrapper .event_content img {width: 100%;}
.wrapper .event_content .event_link {display: block; position: absolute; top:61%; left: 50%; opacity: 0; width: 87%; padding-top: 15%; transform: translateX(-50%); text-indent: -9999px; background: #000; font-size: 0;}
/* 20230829 추가 */
.wrapper .event_content .event_link2 {display: block; position: absolute; top:63%; left: 50%; opacity: 0; width: 87%; padding-top: 14%; margin-top: -3%; transform: translateX(-50%); text-indent: -9999px; background: #000; font-size: 0;}
/* 20231122 추가 */
.wrapper .event_content .event_link3 {display: block; position: absolute; top:94%; left: 50%; opacity: 0; width: 100%; padding-top: 30%; transform: translateX(-50%); text-indent: -9999px; background: #000; font-size: 0;}
/* 20240208 추가 */
.wrapper .event_content .event_link4 {display: block; position: absolute; top:53.3%; left: 50%; opacity: 0; width: 87%; padding-top: 14%; margin-top: -3%; transform: translateX(-50%); text-indent: -9999px; background: #000; font-size: 0;}
/* 20240401 추가 */
.wrapper .event_content .event_link5 {display: block; position: absolute; top:63.6%; left: 50%; opacity: 0; width: 87%; padding-top: 14%; margin-top: -3%; transform: translateX(-50%); text-indent: -9999px; background: #000; font-size: 0;}