@charset "UTF-8";
/* Copyright (c) NHN Entertainment. All rights reserved.
 * AUTHORS NHN SOFT : UI Team */

@font-face {
  font-family:'spo';
  font-style: normal;
  font-weight: 400;
  src:url('font/SpoqaHanSansRegular.woff2') format('woff2'),
  url('font/SpoqaHanSansRegular.woff') format('woff'),
  url('font/SpoqaHanSansRegular.ttf') format('truetype');
}
@font-face {
  font-family:'spo';
  font-style: normal;
  font-weight: 700;
  src:url('font/SpoqaHanSansBold.woff2') format('woff2'),
  url('font/SpoqaHanSansBold.woff') format('woff'),
  url('font/SpoqaHanSansBold.ttf') format('truetype');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;line-height:1.2;font-family:-apple-system,'Apple SD Gothic Neo','HelveticaNeue','Malgun Gothic','맑은 고딕',sans-serif}
body{background-color:#fff;font-size:14px;color:#333;-webkit-text-size-adjust:none;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}
fieldset,img{border:0 none;vertical-align:top}
img{border:0;outline:0;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
input, button, select{-webkit-appearance:none;border-radius:0;border:0;font-family:-apple-system,'Apple SD Gothic Neo','HelveticaNeue','Malgun Gothic','맑은 고딕',sans-serif;outline-style:none}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[disabled]{opacity:1}
input[type='checkbox'],input[type='radio']{width:0;height:0;-webkit-appearance:none;visibility:hidden}
input[type='text']::-ms-clear{display:none}
input[type='text'],input[type='password']{display:block;position:relative;z-index:1;width:100%;border:none;box-sizing:border-box;background-color:transparent;-webkit-appearance:none}
label{cursor:text}
select{background:#fff}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{cursor:pointer}
a,a:focus,a:active,a:hover{text-decoration:none;outline:0}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}
input{-webkit-user-modify:read-write-plaintext-only}
input[type="text"][disabled]{opacity:0.4}
textarea{resize:none;-moz-appearance:none;-webkit-appearance:none;font-family:spo,-apple-system,'Apple SD Gothic Neo','HelveticaNeue','Malgun Gothic','맑은 고딕',sans-serif}
p{word-wrap:break-word;word-break:keep-all}
.blind,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}
caption{overflow:hidden;width:1px;height:1px;margin:-1px;font-size:1px;line-height:200px;color:transparent}

/* 스프라이트 */
.sp{display:inline-block;background:url('../img/sp_old.png') no-repeat;background-size:56px auto;vertical-align:top}
.sp.new{background:url('../img/sp_new.png') no-repeat;background-size:250px auto}
.sp.ico_close{width:24px;height:24px;background-position:0 -26px}

/* 체크박스 */
.sp.ico_check{width:21px;height:21px;background-position:0 -73px}
input:checked + .lb_chk .ico_check{background-position:-23px -73px}

/* 핑다 내 이미지 */
.pd_img img{width:100%}

/* color */
.point{font-weight:700}
.point_pink{color:#f93f5a}
.point_blue{color:#275ad1}
.point_purple{color:#7f4ec7}
.point_white{color:#fff}

/* 타이틀 */
.g_title1{font-size:23px;font-weight:700;line-height:1.39;text-align:center;color:#000000}
.g_title2{font-size:21px;font-weight:700;text-align:center;color:#000000}
.g_title3{font-size:20px;font-weight:700;line-height:1.25;text-align:center;color:#222}
.g_title_sub1{margin-top:8px;font-size:15px;text-align:center;color:#333333}
.g_title_sub2{font-size:14px;line-height:1.57;text-align:center;color:#333333}
.cont_tit{display:block;margin-top:35px;font-size:14px;font-weight:700;color:#222222}
.page_title{text-align:center}

/* 버튼 */
.btn{padding:17px 10px 19px;line-height:1.33;color:#fff;font-size:15px;font-weight:700;border-radius:10px;text-align:center}
.btn_type1{background-color:#8ca4d4}
.btn_type2{background-color:var(--main-color)}
.btn_type3{background-color:#ccc}
.btn_send{width:100%;padding:16px 15px 19px;font-size:16px;color:#fff;font-weight:700;line-height:1.31;border-radius:10px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);background-image: linear-gradient(106deg, #ff2ed2 15%, #ffc200 101%)}
.floating_wrap.full .inner{padding:76px 15px 15px;background-image: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, 0))}
.btn_area{display:flex;flex-direction:row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch}
.btn_area.full{margin-top:25px}
.btn_area.full .btn{padding:17px 10px 19px;border-radius:10px}
.btn_area .btn{flex:1}
.btn_area .btn + .btn{margin-left:7px}
.renew button[disabled]{opacity:1;background-color:#dedede !important}

/* 백그라운드 */
.bg_gray{background-color:#fcfaff}

/* flex */
.flex_wrap{display:flex;flex-wrap:nowrap;flex-direction:row}
.flex0{flex:0}
.flex1{flex:1}


/* wrap */
.wrap.renew{min-height:-webkit-fill-available;display:flex;flex-direction:column}

/* */
.renew, .floating_wrap, .modal{--wrap-side-padding:22px;--main-color:#f93f5a}

/* 마크업 확인용 가이드 */
.header_wrap{position:relative;flex:0 0 60px;height:60px;padding:0 60px;text-align:center;background-color:#fff}
.header_wrap .btn_h_prev{display:inline-block;width:60px;height:60px;position:absolute;top:0;left:0}
.header_wrap .btn_h_prev::before{display:block;content:'';width:30px;height:30px;position:absolute;top:15px;left:15px;background:url(../img/sp_new.png) no-repeat -144px -270px;background-size:250px auto}
.header_wrap .title{display:inline-block;padding:21px 0 19px 0;font-size:16px;font-weight:700;color:#222}

/* floating_wrap */
.floating_wrap{position:relative;left:0;right:0;bottom:0;text-align:center;z-index:99}
.floating_wrap.is_open::before{display:block;content:'';width:100%;height:195px}
.floating_wrap .inner{position:fixed;bottom:-40%;left:0;right:0;-webkit-transition: all linear .4s 0s;transition: all linear .4s 0s}
.btn_floating_box{position:fixed;bottom:0;left:0%;right:0;text-align:center}
.btn_floating{position:relative;bottom:0;margin-bottom:15px;min-width:175px;padding:13px 22px 13px;border-radius:25px;background-color:var(--main-color);box-shadow: 0 -1.5px 10px 0 rgba(24, 0, 0, 0.2);opacity:1;-webkit-transition: all linear .4s .2s;transition: all linear .4s .2s}
.btn_floating .txt{font-size:15px;font-weight:700;color:#fff}
.btn_floating .txt::after{display:inline-block;content:'';width:18px;height:18px;margin:4px 0 0 4px;vertical-align:middle;background:url(../img/sp_new.png) no-repeat -232px -226px;background-size:250px auto}
.floating_wrap .bx_cont{position:relative;padding:34px 20px 15px;box-sizing:border-box;border-radius:17px 17px 0 0;box-shadow:0 -2.5px 10px 0 rgba(89, 89, 89, 0.2);background-color:#fff}
.floating_wrap .title{display:block;font-size:18px;color:#222;font-weight:700}
.floating_wrap .title em{color:var(--main-color)}
.floating_wrap .desc{margin-top:9px;min-height:56px;max-height:101px;font-size:15px;line-height:1.48;overflow:auto}
.floating_wrap .error{display:none;position:absolute;top:-56px;left:0;right:0;padding:13px 20px 15px;border-radius:3px;text-align:left;background-color:rgba(0,0,0,0.75)}
.floating_wrap .error p{color:#fff}
.floating_wrap .error.on{display:block}
.floating_wrap .btn_area{margin-top:15px}
.floating_wrap .btn_close{position:absolute;top:10px;right:13px;width:29px;height:29px}
.floating_wrap .btn_close::before{display:inline-block;content:'';width:16px;height:16px;background:url(../img/sp_new.png) no-repeat -213px -225px;background-size:250px auto}
.floating_wrap.is_open .btn_floating{bottom:-63px;opacity:0;}
.floating_wrap.is_open .inner{bottom:0}
.wrap_view .floating_wrap .inner{margin:0 25px}
.wrap_view .floating_wrap .bx_cont{padding:29px 17px 22px}
.wrap_view .floating_wrap .title{font-size:16px;line-height:1.3}
.wrap_view .floating_wrap .desc{margin-top:7px;min-height:50px;max-height:88px;font-size:13px}
.wrap_view .floating_wrap .btn_area{margin-top:13px}
.wrap_view .floating_wrap .btn{font-size:13px;line-height:1.33;padding:14px 10px 16px}

/* 미리보기 */
.wrap_message_view .viewer_cont{padding-top:24px}

/* 약관 */
.renew .wrap_agree{padding:40px 27px 25px}
.renew .page_agree{margin-top:26px;line-height:1.57}
.renew .page_agree .desc{margin-top:10px;white-space: pre-wrap;line-height:1.7}
.renew .page_agree .desc.point{margin-top:3px;font-weight:700}
.renew .page_agree ol li, .renew .page_agree ul li{margin-top:15px}
.renew .page_agree .bx_chk{margin-top:25px;padding:15px 16px 16px;border-radius:2px;background-color:#f6f6f6}
.renew .page_agree .bx_chk .lb_chk{position:relative;display:block;line-height:1.64}
.renew .page_agree .bx_chk .lb_chk .ico_check{float:right;vertical-align:top}
.renew .page_agree .txt_acc{display:block;margin-top:3px;font-weight:700}

/* 인증번호 입력 */
.wrap_certification{padding:55px 25px 0}
.wrap_certification .g_title_sub2{margin-top:17px}
.wrap_certification .bx_form{margin-top:70px;display:flex;flex-direction:row;flex-wrap: nowrap;justify-content:center}
.wrap_certification .bx_form .bx_inp{flex:0 0 35px;margin-left:7px;width:35px;height:32px;border-bottom:1px solid #222;line-height:1.39;color:#F93F5A;font-size:23px;font-weight:700;text-align:center}
.wrap_certification .bx_form .bx_inp:first-of-type{margin-left:0px}
.wrap_certification .txt_error{display:none;margin-top:17px;color:#ff0000;line-height:1.57;text-align:center}
.wrap_certification .txt_error.is_show{display:block}

/* 팝업 */
.off_scroll{overflow:hidden}
.wrap_layer{z-index:101}
.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;margin:20px;z-index:101}
.modal::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4)}
.modal.is_show{display:block}
.modal .inner{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:336px;max-height:100%;text-align:center;background-color:#fff}
.modal .modal_header{padding:30px 19px 0}
.modal .modal_header .title{font-size:22px;font-weight:700;color:#000}
.modal .modal_header .title2{font-size:15px;font-weight:700;color:#000}
.modal .modal_body{padding:15px 19px 30px;line-height:1.57;overflow-y:auto}
.modal .al_left{text-align:left}
.modal .modal_body .desc + .desc{margin-top:9px}
.modal .modal_body .type_desc{display:block;padding:20px 0 5px;font-weight:700;color:var(--main-color)}
.modal .modal_body .type_desc:first-child{padding-top:0}
.modal .btn_layer{width:100%;padding:17px 15px 17px;font-size:15px;line-height:1.33;font-weight:700;color:#fff;background-color:var(--main-color)}
.modal .btn_close{position:absolute;top:18px;right:18px}
.modal.type2{padding:0 12px}
.modal.type2 .modal_header{padding:40px 10px 0}
.modal.type2 .modal_header .title{font-size:20px;font-weight:700;color:#333;line-height:1.35}
.modal.type2 .modal_body{padding:8px 0 40px;font-size:15px;line-height:1.35}
.modal.type2 .modal_footer{padding:0;border-top:1px solid #ddd}
.modal.type2 .modal_footer.fix_btn{flex:0 0 48px}
.modal .btn_layer.cancel, .modal .btn_layer.delete{padding:13px 15px 14px;font-size:16px;font-weight:400;background-color:#fff}
.modal .btn_layer.cancel{color:#555}
.modal .btn_layer.delete{color:var(--main-color)}
.modal .btn_layer + .btn_layer{border-left:1px solid #ddd}
.modal.sand .modal_header .sp, .modal.delete .modal_header .sp{display:block;width:40px;height:40px;margin:0 auto 15px}
.modal.sand .modal_header .sp{background-position:-42px -252px}
.modal.delete .modal_header .sp{background-position:-0 -252px}

/* 공유동의 체크박스 */
.modal .desc.point{font-weight:700}
.modal .bx_chk{margin-top:15px}
.modal .bx_chk .lb_chk{display:block;position:relative;padding:14px 40px 18px 16px;border-radius:2px;background-color:#f6f6f6;cursor:pointer}
.modal .bx_chk .txt_lb{display:inline-block;padding-top:1px;line-height:21px;vertical-align:top}
.modal .bx_chk .lb_chk .ico_check{position:absolute;top:16px;right:16px}


/* 답장하기 */
.wrap_reply_write{flex:1;padding-bottom:31px;background-color:#fcfaff}
.wrap_reply_write .pd_preview{position:relative;border-radius:0;box-shadow:none}
.wrap_reply_write .pd_preview::before,.wrap_reply_write .pd_preview::after{display:block;content:'';position:absolute;left:0;right:0;height:1px}
.wrap_reply_write .pd_preview::before{top:0;border-top:1px solid rgba(0, 0, 0, 0.03)}
.wrap_reply_write .pd_preview::after{bottom:0;border-bottom:1px solid rgba(0, 0, 0, 0.03)}
.wrap_reply_write .btn_area{padding:0 20px}
.cont_reply{padding:20px 20px 0;border-top:1px solid rgba(0, 0, 0, 0.03)}
.cont_reply .reply_write{position:relative;height:236px;padding:26px 55px;box-sizing:border-box;border-radius:15px;box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.06);background-color:#fff}
textarea{width:100%;border:0;font-weight:400;line-height:1.44;color:#333333;outline:none}
textarea::placeholder{color:#333;opacity:0.4}
textarea::-webkit-input-placeholder{color:#333;opacity:0.4}
.cont_reply .reply_write textarea{position:absolute;top:26px;left:55px;right:55px;bottom:26px;letter-spacing:-0.5px;line-height:1.35;text-align:center;font-size:16px;width:calc(100% - 110px);z-index:10;background:transparent}
.input_guide_text{position:absolute;top:28px;left:50px;right:50px;text-align:center;font-size:16px;color:#333;opacity:0.4;line-height:1.35}
.txt_count{position:absolute;bottom:10px;right:15px;font-size:13px;font-weight:400;line-height:1.77;text-align:right;color:#aaaaaa}

.wrap_reply_view{flex:1;padding:14px 20px 0}
.pd_preview{width:100%;margin:0 auto;border-radius:15px;overflow:hidden;box-shadow: 0 4.5px 24px 0 rgba(0, 0, 0, 0.1)}
.pd_preview img{width:100%}
.product_select{width:100%;height:41px;padding:15px 0 17px;overflow:hidden;background-color:#fff}
.product_select .lst_card{font-size:0;white-space: nowrap}
.product_select .card_item{display:inline-block;margin-left:10px;width:75px;height:41px;overflow:hidden}
.product_select .card_item a{position:relative;display:block;height:100%}
.product_select .card_item.on a::before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';border:5px solid var(--main-color)}
.product_select .card_item:first-of-type{margin-left:15px}
.product_select .card_item:last-of-type{margin-right:15px}
.product_select img{width:100%}
.product_msg{padding-top:32px;height:276px;text-align:center}
.product_msg .tit_msg{font-size:16px;font-weight:700;line-height:1.69;color:#275ad1}
.product_msg .desc_msg{margin-top:15.9px;height:188px;overflow-y:scroll;font-size:16px;line-height:1.56;color:#333333}
.product_msg.is_off{display:none}

/* 완료 페이지 */
.wrap_completent{flex:1}
.wrap_completent .body_area{position:relative;top:50%;transform: translateY(50%)}
.wrap_completent .tit_complete, .sec_completent .desc_complete{flex:1;overflow: auto}
.tit_complete{position:relative;display:block;font-size:20px;font-weight:700;line-height:1.35;text-align:center}
.tit_complete.ico::before{display:block;content:'';margin:0 auto 21px auto;width:204px;height:186px;background:url(../img/img_bridge@2x.png) no-repeat 0 0;background-size:204px auto}
.desc_complete{margin-top:8px;font-size:15px;line-height:1.53;text-align:center}
.fix_btn{flex:0 0 55px;margin-top:auto;padding:25px 20px}

/* 캘린더 미리보기 */
.viewer_cont{position:relative;padding:0 5px}
.wrap_calendar_view .viewer_cont{padding-top:63px}
.viewer_cont .tab_menu{position:absolute;top:16px;height:40px;font-size:0;text-align:center}
.viewer_cont .tab_menu .swiper-pagination-bullet-active{background:none}
.viewer_cont .tab_menu .swiper-pagination-bullet{width:40px;height:40px;opacity:1;background-color:transparent;background-image:url(../img/sp_new.png);background-size:250px auto;outline:none}
.viewer_cont .tab_menu .swiper-pagination-bullet:nth-child(1){background-position:0 -168px}
.viewer_cont .tab_menu .swiper-pagination-bullet:nth-child(2){background-position:-42px -168px}
.viewer_cont .tab_menu .swiper-pagination-bullet:nth-child(3){background-position:-84px -168px}
.viewer_cont .tab_menu .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1){background-position:0 -210px}
.viewer_cont .tab_menu .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2){background-position:-42px -210px}
.viewer_cont .tab_menu .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3){background-position:-84px -210px}
.viewer_cont .tab_cont{width: 100%;
  height: 100%}
.tab_cont .cont_item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}

  /* 기록 공유 */
.renew.wrap_calendar_share .section{padding:0 var(--wrap-side-padding)}
.renew.wrap_calendar_share .footer{padding:35px var(--wrap-side-padding) 40px;background-color:#f8f8f8;font-size:12px;line-height:20px;color:rgba(0,0,0,0.3)}
.renew.wrap_calendar_share .footer .btn_footer{display:block;font-size:14px;color:rgba(0,0,0,0.8);text-decoration:underline}
.renew.wrap_calendar_share .footer .link_lst{margin:25px 0 15px -9px;font-size:0}
.renew.wrap_calendar_share .footer .link_lst .ea_link{display:inline-block}
.renew.wrap_calendar_share .footer .ico_bar{display:inline-block;width:1px;height:9px;background-color:#b2b2b2;vertical-align:middle;margin-top:-1px}
.renew.wrap_calendar_share .footer .btn_link{display:inline-block;padding:0 9px;font-size:12px;line-height:20px;color:rgba(0,0,0,0.3);vertical-align:middle}
.renew.wrap_calendar_share .footer .address{margin-bottom:20px}
.renew.wrap_calendar_share .footer .address .space{display:inline-block;vertical-align:middle;padding:0 15px;height:15px}
.renew.wrap_calendar_share .footer .copyright{padding-top:5px}

/* 달력 */
.renew .section.calendar{position:relative;padding:36px var(--wrap-side-padding) 65px;background-color:#fcfaff}
.renew .section.calendar:after{position:absolute;bottom:0px;left:0;width:100%;height:50px;background: linear-gradient(to top, #fff 0%, #fcfaff 50%);content:''}
.renew .section.calendar .head_calendar{position:relative;padding:0 34px}
.renew .section.calendar .head_calendar .btn_help{position:absolute;right:0;top:-1px;padding:0}
.renew .section.calendar .head_calendar .btn_help .sp{width:24px;height:24px;background-position:-204px -276px}
.renew .section.calendar .tit_calendar{font-size:20px;font-weight:700;line-height:25px;color:#493c5d;text-align:center}
.renew .spot_calendar{position:relative;margin:21px 0 17px;padding:14px 15px 14px 59px;border-radius:10px;background-color:#fff;line-height:1.5;color:#222;box-shadow:0 0 20px 0 rgba(33,26,144,0.1)}
.renew .spot_calendar::before{position:absolute;top:50%;left:20px;transform:translateY(-50%);content:'';width:19px;height:19px;margin-top:-2px;background:url(../img/sp_new.png) no-repeat -231px -259px;background-size:250px auto}
.renew .spot_calendar .ico_calendar{margin:0 7px 0 0}
.renew .section.calendar .desc{font-size:12px;line-height:1.48;color:#888}
.renew .section.calendar .desc + .desc{padding-top:19px}
.renew .section.calendar .desc .txt{padding-right:18px}
.renew .section.calendar .desc .sp{margin-right:3px}
.renew .section.calendar .desc .btn_txt{margin-top:10px;font-size:12px;color:#6285f2;line-height:1.25;text-decoration:underline}
.renew .tbl_calendar{overflow:hidden;margin-bottom:20px;border-radius:10px;background-color:#fff;box-shadow:0 0 20px 0 rgba(33,26,144,0.1)}
.renew .tbl_calendar .tbl_head{padding:18px 0 11px;font-size:0;text-align:center}
.renew .tbl_calendar .tbl_head .month{display:inline-block;font-size:17px;font-weight:700;color:#493c5d;vertical-align:top}
.renew .tbl_calendar .tbl_head .bt{position:relative;display:inline-block;margin:-3px 0 -2px;width:25px;height:25px;vertical-align:top}
.renew .tbl_calendar .tbl_head .bt::before{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);content:'';width:8px;height:12px;background-image:url(../img/sp_new.png);background-repeat:no-repeat;background-size:250px auto}
.renew .tbl_calendar .tbl_head .btn_prev::before{background-position:-232px -245px}
.renew .tbl_calendar .tbl_head .btn_next::before{background-position:-242px -245px}
.renew .tbl_calendar table{width:100%;border-collapse:collapse;table-layout:fixed}
.renew .tbl_calendar th{padding:4px 0;border-bottom:1px solid #e0e0e0;font-size:9px;font-weight:700;color:#ccc}
.renew .tbl_calendar th:first-child{color:#fa8f9f}
.renew .tbl_calendar td{position:relative;height:60px;padding:21px 3px 0;border:1px solid #f0f0f0;font-size:12px;color:#222;font-weight:700;vertical-align:middle;box-sizing:border-box;z-index:1}
.renew .tbl_calendar td:first-child{border-left:0}
.renew .tbl_calendar td:last-child{border-right:0}
.renew .tbl_calendar td.today{z-index:2}
.renew .tbl_calendar td.today:after{position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border:2px solid var(--main-color);height:auto;content:'';z-index:10}
.renew .tbl_calendar td.today .date{font-weight:700;color:#000}
.renew .tbl_calendar td:first-child.today:after{left:0}
.renew .tbl_calendar td:last-child.today:after{right:0}
.renew .tbl_calendar tr:last-child td{border-bottom-color:transparent}
.renew .tbl_calendar tr:last-child td.today:first-child:after{border-radius:0 0 0 10px}
.renew .tbl_calendar tr:last-child td.today:last-child:after{border-radius:0 0 10px 0}
.renew .tbl_calendar td:first-child .date{color:var(--main-color)}
.renew .tbl_calendar td .date{position:absolute;top:9px;left:0;right:0;text-align:center;line-height:0.99}
.renew .tbl_calendar td .ico_mark_s, .renew .tbl_calendar td .ico_mark2_s{position:absolute;top:3px;right:3px}
.renew .tbl_calendar td.priod{background-color:#ffeef1}
.renew .tbl_calendar tr:last-child td.priod{border-bottom-color:#fff3f5}
.renew .tbl_calendar td.priod .day_info{color:var(--main-color)}
.renew .tbl_calendar .day_info{font-size:10px;font-weight:700;text-align:center;color:var(--main-color)}
.renew .lst_calendar_event{margin-bottom:20px;font-size:0}
.renew .lst_calendar_event .lst_item{position:relative;display:inline-block;margin-bottom:7px;padding:0 5px 0 24px;min-width:75px;font-size:13px;line-height:1.54}
.renew .lst_calendar_event .lst_item .ico{position:absolute;top:50%;left:0;transform:translateY(-50%);width:17px;height:17px;background-size:100% auto}
.renew .lst_calendar_event .event_case0{background:url(../img/cal_event_case0.png) no-repeat 0 0}
.renew .lst_calendar_event .event_case1{background:url(../img/cal_event_case1.png) no-repeat 0 -1px}
.renew .lst_calendar_event .event_case2{background:url(../img/cal_event_case2.png) no-repeat 0 -1px}
.renew .lst_calendar_event .event_case3{background:url(../img/cal_event_case3.png) no-repeat 0 0}
.renew .lst_calendar_event .event_case4{background:url(../img/cal_event_case4.png) no-repeat 0 0}
.renew td .event_case1{position:absolute;bottom:4px;left:-1px;right:-1px;height:5px;z-index:10;background-color:#78d1c5}
.renew td .event_case2{position:absolute;bottom:4px;left:-1px;right:-1px;height:5px;z-index:11;background-color:#247b6f}
.renew td .event_case3{display:inline-block;margin:0 1px;width:8px;height:8px;background:url(../img/ico_cal_love.png) no-repeat 0 0;background-size:100% auto}
.renew td .event_case4{display:inline-block;margin:0 1px;width:8px;height:8px;background:url(../img/ico_cal_record.png) no-repeat 0 0;background-size:100% auto}
.renew .records{position:absolute;top:24px;left:0;right:0;font-size:0;text-align:center}
.renew .records span{vertical-align:top}

/* 선물하기 */
.bx_gift{padding:35px 0 20px;font-size:15px;text-align:center}
.bx_gift .tit_gift{margin-bottom:9px;font-size:21px}
.bx_gift .pd_img{width:220px;margin:25px auto 0}
.bx_gift .pd_img img{width:100%}
.bx_gift .btn_gift_txt{display:inline-block;margin-top:19px;padding:6px 14px 7px;border:1px solid #d9d9d9;border-radius:27px;font-size:15px;line-height:22px;color:#222;vertical-align:top}
.bx_gift .btn_gift_txt .ico_gift{margin:1px 6px 0 0}
.bx_gift .btn_full{display:block}
.bx_gift .btn_full .pd_img{width:auto}

/* 랜덤 컨텐츠 */
.renew .section .tit_sec{color:#7f4ec7;font-size:17px;font-weight:700;line-height:1.94;letter-spacing:-0.28px}
.renew .section.random_content{padding:0;background:transparent}
.renew .section.random_content:before, .renew .section.random_content:after{display:block;width:100%;content:'';background:transparent}
.renew .section.random_content:before{height:38px}
.renew .section.random_content:after{height:22px}
.renew .section.random_content .inner_random{position:relative;margin:0 var(--wrap-side-padding);padding:0}
.renew .section.random_content .inner_random .btn_random{position:absolute;top:0;right:0;bottom:0;left:0}
.renew .section.random_content .tit_random{font-size:17px;font-weight:600;line-height:22px}
.renew .section.random_content .tit_random .type_random{display:block;padding-bottom:3px;font-size:16px;color:#7f4ec7;letter-spacing:-0.27px;font-weight:700}
.renew .section.random_content .pd_img{position:relative;overflow:hidden;margin-top:11px;border-radius:6px;}
.renew .section.random_content .pd_img::after{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;border:0.5px solid rgba(0, 0, 0, 0.06)}
.renew .section.random_content .pd_img img{border-radius:6px}

/* 당신을 위한 추천글 */
.renew .section.recommend{padding-top:40px}
.renew .recommend_lst{padding-bottom:40px}
.renew .recommend_lst .unit_info:first-child{padding-top:19px}
.unit_info{display:flex;align-items:center;position:relative;padding:30px 0;font-size:0;white-space:nowrap}
.unit_info + .unit_info{border-top:1px solid #e5e5e5}
.unit_info .btn_link{position:absolute;top:0;left:0;width:100%;height:100%}
.unit_info .pd_img{position:relative;flex-shrink:0;overflow:hidden;width:100px;height:100px;border-radius:6px;}
.unit_info .pd_img::after{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;border:0.5px solid rgba(0, 0, 0, 0.06)}
.unit_info .inner_info{min-width:0;padding-left:15px}
.unit_info .inner_info .txt{display:block;font-size:14px;line-height:22px;color:#333;word-break:break-all;white-space:normal}
.unit_info .inner_info .txt.main{overflow:hidden;padding-bottom:5px;font-size:17px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.unit_info .inner_info .txt.detail{display:-webkit-box;overflow:hidden;max-height:66px;-webkit-line-clamp:3;-webkit-box-orient:vertical}

/* 공유 - 상세 */
.wrap_detail_cal{display:flex;flex-direction:column;flex:1}
.wrap_detail_cal .data_off{display:none}
.wrap_detail_cal .page_title{flex:0;text-align:center}
.wrap_detail_cal .g_title_sub2{margin-top:7px}
.nav_tab{flex:0 0 49px;display:flex;flex-wrap:nowrap;margin-top:35px}
.nav_tab .tab_item{flex:1;align-items:center}
.nav_tab .tab_item a{display:block;position:relative;font-size:15px;padding:15px 0;color:#939393;text-align:center;border-bottom:1px solid #f2f2f2} 
.nav_tab .tab_item.on a{color:#222;font-weight:700}
.nav_tab .tab_item.on a::before{position:absolute;bottom:-1px;left:0;right:0;content:'';height:3px;background-color:#222}
.page_cont{display:flex;flex-direction:column;flex:1;background-color:#fcfbff}
.page_cont .inner{display:none}
.page_cont .inner.tab1{padding:5px 22px 30px}
.page_cont .inner.tab1 .bx_item.case1{padding:22px 20px 19px}
.page_cont .inner.tab2{padding:0}
.page_cont .tab2 .info_cont{padding:6px 22px 50px}
.page_cont .tab2 .comment_cont{padding:45px 22px 66px;background-color:#fff}
.page_cont .tab2 .comment_cont.none{background-color:transparent;}
.page_cont .inner.is_active{display:flex;flex-direction:column;height:100%}
.bx_noti{margin-top:auto;padding:29px 27px;border-radius:10px;background-color:#ffffff;box-shadow: 0 4px 22px 0 rgba(164, 147, 193, 0.2)}
.bx_noti .noti_tit{display:block;margin-bottom:10px;color:var(--main-color);font-size:14px;line-height:1.57}
.bx_noti .desc{margin-top:14px;color:#444;line-height:1.57}
.bx_noti .desc:first-of-type{margin-top:0}
.bx_ex{margin-top:15px;padding:22px 23px;border-radius:10px;color:#444;line-height:1.57;background-color:#f9f9f9}
.bx_ex p{color:#444;line-height:1.57}
.bx_comment{position:relative;margin-top:25px;padding:31px 30px 26px;border-radius: 15px;box-shadow: 0 4px 22px 0 rgba(164, 147, 193, 0.2);}
.bx_comment + .bx_comment{margin-top:84px}
.bx_comment .cmt_tit{display:block;margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.56}
.bx_comment.case1{position:relative;background-color:#fff9fb}
.bx_comment::before{position:absolute;top:-54px;left:50%;content:'';transform:translateX(-50%);width:26px;height:24px;background:url(../img/sp_new.png) no-repeat -176px -276px;background-size:250px auto}
.bx_comment:first-of-type::before{display:none}
.bx_comment.case1 .cmt_tit{color:var(--main-color)}
.bx_comment.case2{background-color: #f9fbff}
.bx_comment.case2 .cmt_tit{color:#275ad1}
.bx_comment.case2 .btn_sand{width:calc(100% + 26px);margin:0 -13px -9px}
.bx_comment.case2 .sand_area{margin-top:12px}
.bx_comment.case2 .sand_area .sand_write{position:relative;height:140px}
.bx_comment.case2 .sand_area .sand_write textarea{position:absolute;top:0;left:0;right:0;height:116px;font-size:14px;line-height:1.57;background-color:transparent;z-index:10}
.bx_comment.case2 .sand_area .sand_write textarea::placeholder{color:#ccc;opacity:1}
.bx_comment.case2 .sand_area .sand_write textarea::-webkit-input-placeholder{color:#ccc;opacity:1}
.bx_comment.case2 .sand_area .sand_write .input_guide_text{top:1px;left:0;right:0;text-align:left;font-size:14px;line-height:1.57;color:#ccc;opacity:1}
.bx_comment.case2 .sand_area .sand_write .txt_count{bottom:5px;right:-13px}
.bx_comment.case2 .sand_area.input_area .btn_send{margin:0 -13px;width:calc(100% + 26px)}
.bx_comment.case2.off{padding:85px 25px 26px;box-shadow:0 4px 22px 0 rgba(0, 0, 0, 0.1);}
.bx_comment.case2.off .title{display:block;height:112px;font-weight:400;font-size:14px;line-height:1.53;text-align:center;color:#999999}
.bx_comment.case2.off .desc{position:relative;padding-left:9px;font-size:13px;line-height:1.54;color:#aaaaaa}
.bx_comment.case2.off .desc::before{display:inline-block;content:'*';width:4px;height:4px;position:absolute;top:2px;left:0;color:#ccc}
.bx_comment .scroll_area{height:141px;padding-top:6px;overflow:hidden;overflow-y:scroll;font-size:14px;color:#222;line-height:1.64;word-break: break-all}
.bx_comment .cmt_info{margin-top:19px}
.bx_comment .cmt_info .date{color:#aaa;font-size:13px}
.bx_comment .cmt_info .btn_modify{position:relative;color:#aaa;font-size:13px;margin-right:18px;}
.bx_comment .cmt_info .btn_modify::after{display:inline-block;content:'';position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:2px;height:2px;border-radius:50%;background-color:#aaa}
.bx_comment.case2 .sand_area.modify_area .txt_count{right:-13px}
.bx_comment.case2 .sand_area .cmt_modify{padding:3px 0 0 0;margin:0 -13px;}
.bx_comment .btn_close{position:absolute;top:12px;right:12px;width:20px;height:20px;background:url(../img/sp_new.png) no-repeat -230px -280px;background-size:250px auto}
.no_data{padding:135px 0;text-align:center;color:#222;opacity:0.4;font-size:14px}
.bx_item{margin:8px 0 35px;padding:20px 20px 25px;border-radius:10px;box-shadow: 0 4px 22px 0 rgba(164, 147, 193, 0.2);background-color:#ffffff}
.bx_item .cont_tit{margin-top:26px;font-size:14px}
.bx_item .cont_tit:first-of-type{margin-top:0}
.lst_info .info_item{padding:19px 0 21px;border-top:1px solid #f8f8f8;overflow:hidden}
.lst_info .info_item:first-of-type{border-top:0;padding-top:5px}
.lst_info .info_item:last-of-type{padding-bottom:0px}
.lst_info .tit{font-size:15px;font-weight:700;color:#222}
.lst_info .value{float:right;max-width:170px;font-size:14px;color:var(--main-color);text-align:right;vertical-align:top;word-break:keep-all}
.lst_info .value .time{display:block;margin-top:5px;font-size:14px;color:var(--main-color);vertical-align:top}
.lst_info .value .time:first-of-type{margin-top:0}
.lst_select{margin-top:10px;font-size:0}
.lst_select .bt{margin-right:10px;text-align:center}
.lst_select .bt:last-of-type{margin-right:0}
.lst_select .txt{position:relative;color:#222;font-size:12px;text-align:center}
.lst_select .sp.new{display:block;width:40px;height:40px;margin-bottom:7px}
.lst_select .type1_1{background-position:0 0}
.lst_select .type1_2{background-position:-42px 0}
.lst_select .type1_3{background-position:-84px 0}
.lst_select .type1_4{background-position:-126px 0}
.lst_select .on .type1_1{background-position:0 -42px}
.lst_select .on .type1_2{background-position:-42px -42px}
.lst_select .on .type1_3{background-position:-84px -42px}
.lst_select .on .type1_4{background-position:-126px -42px}
.lst_select .type2_1{background-position:0 -84px}
.lst_select .type2_2{background-position:-42px -84px}
.lst_select .type2_3{background-position:-84px -84px}
.lst_select .type2_4{background-position:-126px -84px}
.lst_select .type2_5{background-position:-168px -84px}
.lst_select .type2_6{background-position:-210px -84px}
.lst_select .on .type2_1{background-position:0 -126px}
.lst_select .on .type2_2{background-position:-42px -126px}
.lst_select .on .type2_3{background-position:-84px -126px}
.lst_select .on .type2_4{background-position:-126px -126px}
.lst_select .on .type2_5{background-position:-168px -126px}
.lst_select .on .type2_6{background-position:-210px -126px}

/* 출시배경 renew */
.renew .wrap_service_release{flex:1}
.renew .wrap_service_release .g_title{font-size:33px;color:#000;line-height:1.35;font-weight:800}
.renew .wrap_service_release .g_sub{margin-top:9px;font-size:19px;font-weight:700;line-height:1.47}
.renew .wrap_service_release .page_header{text-align:left}
.renew .top_banner img{width:100%}

.renew .wrap_service_release .ico_q{display:inline-block;margin:4px 5px 0 0;width:33px;height:17px;vertical-align:top;background:url(../img/sp_num.png) no-repeat 0 0;background-size:150px auto}
.renew .wrap_service_release .ico_q.num_1{background-position:0 0}
.renew .wrap_service_release .ico_q.num_2{background-position:-35px 0}
.renew .wrap_service_release .ico_q.num_3{background-position:-70px 0}
.renew .wrap_service_release .ico_q.num_4{background-position:-105px 0}
.renew .wrap_service_release .ico_q.num_5{background-position:0 -19px}
.renew .wrap_service_release .ico_q.num_6{background-position:-35px -19px}
.renew .wrap_service_release .ico_q.num_7{background-position:-70px -19px}
.renew .wrap_service_release .ico_q.num_8{background-position:-105px -19px}

.renew .release_cont{position:relative;padding:100px 30px 55px}
.renew .release_cont .cont_inner{margin-top:84px}
.renew .release_cont .cont_inner .cont_title{font-size:21px;color:#222;line-height:1.4;font-weight:700}
.renew .release_cont .cont_inner .desc{margin-top:11px;font-size:15px;line-height:1.67}
.renew .release_cont .cont_inner .desc +b .desc{margin-top:16px}
.renew .release_cont .cont_inner .cont_title + .desc .line{font-weight:700;background-color:#fdfdb4}
.renew .release_cont .cont_inner .desc .under_line{text-decoration:underline}
.renew .release_cont .cont_inner .cont_img{margin-top:30px}
.renew .release_cont .cont_inner .cont_img img{width:100%}

.renew .release_cont.info{position:relative;padding:0}
.renew .release_cont.info .page_header{padding:41px 35px 0;min-height:256px}
.renew .release_cont.info .cont_img{position:absolute;top:68px;right:0;width:215px}
.renew .release_cont.info .cont_img img{width:100%}
.renew .release_cont.info .bx_info{padding:56px 22.5px 62px;color:#000;line-height:1.46;background-image: linear-gradient(161deg, #8029c6 3%, #e5528c 104%), linear-gradient(to bottom, #fffae6, #fffae6)}
.renew .release_cont.info .bx_info .info_title{display:block;font-size:21px;text-align:center;color:#fff;font-weight:800}
.renew .release_cont.info .bx_info li{position:relative;margin-top:15px;padding:20px 26px 21px 52px;border-radius:10px;background-color:#fff}
.renew .release_cont.info .bx_info li:first-of-type{margin-top:18px}
.renew .release_cont.info .bx_info li::before{display:inline-block;content:'';width:25px;height:25px;background:url(../img/service/checkimg@2x.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:17px;left:19px}
.renew .release_cont.info .bx_info .tit{display:block;font-size:15px;line-height:1.47;font-weight:700}
.renew .release_cont.info .noti_area{margin-top:45px;padding:0;font-size:16px;color:#fff;text-align:center;font-weight:400;background-color:transparent}
.renew .release_cont.info .noti_area .tit{display:block;margin-bottom:9px;color:#fff545;font-size:21px;font-weight:800;line-height:1.33}

.renew .release_cont.atoz{padding:75px 30px 76px;background-color:#fcf1ff}
.renew .release_cont.atoz .cont_inner{margin-top:59px}
.renew .release_cont.atoz .cont_inner .cont_img{margin-top:25px}

.renew .release_cont.review{padding:60px 22px 102px;background-image: linear-gradient(174deg, #ff2ed2 -46%, #ffb200 124%)}
.renew .release_cont.review .cont_inner{margin-top:30px}
.renew .lst_review li{margin-top:40px}
.renew .lst_review li:first-of-type{margin-top:0px}
.renew .lst_review .bx_desc{position:relative;max-width:300px;margin:0 auto;box-sizing:border-box;padding:26px 10px 23.5px;border-radius:50px;font-size:15px;line-height:1.57;color:#000;text-align:center;background-color:#fff49f}
.renew .lst_review .bx_desc .user{display:block;margin-top:9.5px}
.renew .lst_review .bx_desc:after{display:block;content:'';width:68px;height:68px;position:absolute;bottom:-26px;right:-16px;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.renew .lst_review li:nth-child(2n) .bx_desc:after{right:auto;left:-16px}
.renew .lst_review li .bx_desc:after{background-image:url(../img/service/img-review-profile-1@2x.png)}
.renew .lst_review li:nth-child(2) .bx_desc:after{background-image:url(../img/service/img-review-profile-2@2x.png)}
.renew .lst_review li:nth-child(3) .bx_desc:after{background-image:url(../img/service/img-review-profile-3@2x.png)}
.renew .lst_review li:nth-child(4) .bx_desc:after{background-image:url(../img/service/img-review-profile-4@2x.png)}
.renew .lst_review li:nth-child(5) .bx_desc:after{background-image:url(../img/service/img-review-profile-5@2x.png)}
.renew .last_noti{position:relative;padding:0 0 122px;font-size:15px;line-height:1.6;color:#333;text-align:center}

.floating_msg{position:fixed;bottom:35px;left:22px;right:22px;padding:13px 20px 15px;border-radius:3px;background:rgba(0, 0, 0, 0.75);z-index:100}
.floating_msg .txt{font-size:14px;font-weight:700;color:#ffffff}