@import url(reset.css?ver=0.1);
@import url(font.css?ver=0.1);
@import url(common.css?ver=0.101);


/************************************************************ 메인 **********************************************************/
main section {margin-top: 6rem; }

/* 흐르는 전광판 */
.electronic_display { width: 100%; background: #F8007F; height: 4.2rem; position: relative; overflow: hidden;}
.electronic_display .flowing_text {font-size: 1.6rem; color: #fff; line-height: 2.2rem; position: absolute; top: 1.1rem; white-space: nowrap; font-family: monospace; font-weight: 500; font-family: 'Pretendard'}

main {padding: 0 2.4rem; }

/* 메인 비주얼 */
.main_visual {}
.main_visual .swiper-wrapper {}
.main_visual .swiper-wrapper .item {-webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;}
.main_visual .swiper-wrapper .item img {width: 100%; }
.main_visual .swiper-pagination {display: flex; width: 5.4rem; justify-content: center; background: rgb(0 0 0 / 50%); font-size: 1.2rem;  color: #fff; line-height: 1.8rem; position: absolute; right: 1.6rem; bottom: 1.5rem; left: unset; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; }
.main_visual .swiper-pagination span {font-size: 1.2rem;  color: #fff; line-height: 1.8rem; padding: 0 .3rem;}


/* 메인 아이콘 메뉴 */

.main_icon_menu {}
.main_icon_menu .inner { }
.main_icon_menu .inner ul {display: flex; align-items: center; justify-content: center; gap: 1rem 1.6rem; flex-wrap: wrap;}
.main_icon_menu .inner ul li {width: calc((100% / 4) - 1.2rem); text-align: center; padding: 1.1rem .6rem;  }
.main_icon_menu .inner ul li a {display: block; height: 100%; }
.main_icon_menu .inner ul li a::before {content:''; display: block; width: 4.2rem; height: 4.2rem; margin: 0 auto; -webkit-border-radius: 1.4rem; -moz-border-radius: 1.4rem; border-radius: 1.4rem; border: solid .1rem #F5F5F5; }
.main_icon_menu .inner ul li a span {display: block; margin-top: .8rem; font-size: 1.4rem; line-height: 2.2rem;  color: #000; }
.main_icon_menu .inner ul li:hover span {color: #F8007F; }


.main_icon_menu .inner ul li.noti a::before {content:''; background: url(../images/common/notice.svg) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.rank a::before {content:''; background: url(../images/common/rank02.svg) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.grade a::before {content:''; background: url(../images/common/rank01.svg) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.poll a::before {content:''; background: url(../images/common/poll.svg) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.mission a::before {content:''; background: url(../images/common/mission.svg) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.event a::before {content:''; background: url(../images/common/event.svg) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.board a::before {content:''; background: url(../images/common/board.svg) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.store a::before {content:''; background: url(../images/common/store.svg) no-repeat center; background-size: 3rem;}

.main_icon_menu .inner ul li.noti:hover a::before {content:''; background: #F8007F url(../images/common/notice_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.rank:hover a::before {content:''; background: #F8007F url(../images/common/rank02_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.grade:hover a::before {content:''; background: #F8007F url(../images/common/rank01_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.poll:hover a::before {content:''; background: #F8007F url(../images/common/poll_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.mission:hover a::before {content:''; background: #F8007F url(../images/common/mission_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.event:hover a::before {content:''; background: #F8007F url(../images/common/event_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.board:hover a::before {content:''; background: #F8007F url(../images/common/board_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}
.main_icon_menu .inner ul li.store:hover a::before {content:''; background: #F8007F url(../images/common/store_on2.svg?ver=0.1) no-repeat center; background-size: 3rem;}


/* 아차랭킹 */
.main_board.type01 {margin: 0;}
.main_board.type01 .tit_box {margin: 0 0 2rem 0;}
.ichart_banner {margin-left: 2.4rem !important; }
.ichart_banner .item {position: relative; flex: 1;}
.ichart_banner .item + .item {margin-left: 4rem; }
.ichart_banner .item a {display: block; display: flex; align-items: flex-end; padding-left: 4rem;}
.ichart_banner .item em.no {font-size: 7rem; color: #F8007F; font-weight: 700; line-height: 1; z-index: 1; position: absolute; right: 12.8rem; bottom: -.5rem;}
.ichart_banner .item span {display: flex; align-items: center; justify-content: center; width: 4rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; background: rgba(0, 0, 0, 0.60); border: solid .1rem #F8007F; font-size: 1.2rem; color: #fff; text-align: center; line-height: 1; padding: .2rem 0; position: absolute; right: .8rem; top: .6rem; z-index: 20;}
.ichart_banner .item span.up::after {content: ''; background: url(../images/common/rank_up.svg) no-repeat center; display: block; width: 1.2rem; height: 1.2rem; background-size: 100%; margin-left: .2rem;}
.ichart_banner .item span.down::after {content: ''; background: url(../images/common/rank_down.svg) no-repeat center; display: block; width: 1.2rem; height: 1.2rem; background-size: 100%; margin-left: .2rem;}
.ichart_banner .item span.no_change::after {content: ''; background: url(../images/common/no_change.svg) no-repeat center; display: block; width: 1.2rem; height: 1.2rem; background-size: 100%; margin-left: .2rem;}
.ichart_banner .item .photo {position: relative; overflow: hidden; width: 13rem; height: 13rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; border: solid .3rem #fff; flex: 1;}
.ichart_banner .item.first .photo {border-color: #e6007c; border: .4rem solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #e6007c 0%, #5b14c5 100%); background-origin: border-box; background-clip: content-box, border-box;}
.ichart_banner .item .photo::after {content: ""; display: block; padding-bottom: 100%;}
.ichart_banner .item .photo .p_inner {position: absolute; width: 100%; height: 100%; }
.ichart_banner .item .photo .p_inner img {width: 100%; height: 100%; object-fit: cover;}
.ichart_banner .item .photo .p_inner::before {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 46.83%, rgba(0, 0, 0, 0.48) 82.85%, rgba(0, 0, 0, 0.60) 93.4%); position: absolute; left: 0; top: 0;}
.ichart_banner .item em.name {display: block; font-size: 1.6rem; color: #fff; line-height: 2.2rem; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* 위클리스타 */
.swiper.weekly_banner {margin-top: 4rem; }
.weekly_banner .item.swiper-slide-active { margin-top: 0; }
.weekly_banner .item {border: solid .1rem #DFDFDF; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, 0.10); overflow: hidden; margin-top: 4rem; transition: all .3s; width: 13rem !important;}
.weekly_banner .item .inner {}
.weekly_banner .item .photo {position: relative; overflow: hidden; }
.weekly_banner .item .photo::after {content: ""; display: block; padding-bottom: 100%;}
.weekly_banner .item .photo .p_inner {position: absolute; width: 100%; height: 100%; }
.weekly_banner .item .photo .p_inner img {width: 100%; height: 100%; object-fit: cover;}
.weekly_banner .item .ranking {display: flex; align-items: center; justify-content: center; margin-top: -1.3rem; position: relative;}
.weekly_banner .item .ranking span {font-size: 1.4rem; color: #fff; line-height: 2rem; font-weight: 700; display: flex; align-items: center; justify-content: center; background: #BCBCBC; border: solid .3rem #F5F5F5; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem;  width: 6rem; display: block; text-align: center;}
.weekly_banner .item .ranking span::after {content:'위'; font-size: 1.4rem; color: #fff; line-height: 2rem; font-weight: 700;}
.weekly_banner .item .name {text-align: center; padding: .9rem 0 1.1rem 0; }
.weekly_banner .item .name .ko {display: block; font-size: 1.6rem; font-weight: 700; line-height: 2.2rem;}
.weekly_banner .item .name .en {display: block; font-size: 1.6rem; font-weight: 700; line-height: 2.2rem;}
.weekly_banner .item .name .group {display: block; margin-top: .3rem; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem;}
.weekly_banner .item.swiper-slide-active .ranking {}
.weekly_banner .item.swiper-slide-active .ranking span {background: #F8007F;}

.swiper-button-prev.weekly-prev,
.swiper-button-next.weekly-next {width: 4rem; height: 4rem; position: absolute; top: 45%; }
.weekly-prev:after {content: ''; width: 4rem; height: 4rem; background: url(../images/common/reward_left.png) no-repeat center; background-size: 4rem; display: block; font-size: 0 !important; border-radius: 10rem;}
.weekly-next:after {content: ''; width: 4rem; height: 4rem; background: url(../images/common/reward_right.png) no-repeat center; background-size: 4rem; display: block; font-size: 0 !important; border-radius: 10rem;}



/* 메인 게시판 스타일 */
.main_board {margin: 0 -2.4rem; }
.main_board .tit_box {display: flex; align-items: center; justify-content: space-between; margin: 0 2.4rem 2rem 2.4rem;}
.main_board .tit_box .tit {font-size: 2.4rem;  font-weight: 700; line-height: 3.4rem; color: #000; }
.main_board .tit_box a {font-size: 1.4rem;  line-height: 1.8rem; color: #606060; display: flex; align-items: center; gap: .6rem; }
.main_board .tit_box a::after {content:''; display: block; width: 1rem; height: 1rem; background: url(../images/common/arrow_right.svg) no-repeat center;}


/* 전관판 리워드 슬라이드 */
.main_reward {padding-left: 2.4rem !important; }
.main_reward .swiper-wrapper {gap: 1rem; }
.main_reward .item {width: 70%;}
.main_reward .item .thum { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;}
.main_reward .item .thum a {display: block;}
.main_reward .item .thum img {width: 100%; }
.main_reward .item .txt {margin-top: 1rem; font-size: 1.4rem; line-height: 2rem; height: 3.5rem; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 700; }
.main_reward .item .ac_name {margin-top: .8rem; font-size: 1.4rem;  color: #9D9D9D; line-height: 2rem; }

.swiper-button-prev.reward-prev,
.swiper-button-next.reward-next {width: 4rem; height: 4rem; position: absolute; top: 35%; }
.reward-prev:after {content: ''; width: 4rem; height: 4rem; background: url(../images/common/mpop_left.png) no-repeat center; display: block; font-size: 0 !important; border-radius: 10rem; background-size: 4rem;}
.reward-next:after {content: ''; width: 4rem; height: 4rem; background: url(../images/common/mpop_right.png) no-repeat center; display: block; font-size: 0 !important; border-radius: 10rem; background-size: 4rem}
.main_reward .swiper-button-next, .swiper-rtl .swiper-button-prev {right: .3rem;}

/* 메인베너 슬라이드 */
.bannerarea {margin: 6rem -2.4rem 0 -2.4rem; }
.main_banner_area {margin-bottom: 6rem; }
.main_banner_area .main_banner {padding: 0 5% 3.6rem 5%;}
.main_banner .swiper-wrapper {}
.main_banner .item {width: 31.2rem !important; height: 10rem; transition: transform 0.3s ease; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;}
.main_banner .item img {width: 100%;}
.main-banner-pagination.swiper-pagination {bottom: 0 !important; }
.main-banner-pagination .swiper-pagination-bullet {background: #BCBCBC; display: inline-block;}
.main-banner-pagination .swiper-pagination-bullet-active {background: #F8007F; }
.swiper.single-slide.main_banner  .swiper-wrapper {justify-content: center !important; transform: none !important;}

/* 메인 팝업 */
.modal_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: block; z-index: 301; display: none;}
.main_pop_area {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 400; width: 100%; max-width:66rem; overflow: visible;  display: none;}

.main_pop .swiper-wrapper {width: 100%;}
.main_pop .swiper-wrapper .item {display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.main_pop .swiper-wrapper .item::after {content: '';  display: block; padding-bottom: 121%;}
.main_pop .swiper-wrapper .item a {display: block; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;  padding: 0 2.5rem;}
.main_pop .swiper-wrapper .item img {object-fit: cover; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; max-width: 60rem; height: 100%; }
.main_pop .swiper-pagination {bottom: 2.4rem !important; }

.main-pop-pagination .swiper-pagination-bullet {background: #BCBCBC;}
.main-pop-pagination .swiper-pagination-bullet-active {background: #F8007F; }

.swiper-button-prev.pop-prev,
.swiper-button-next.pop-next {width: 5rem; height: 5rem; position: absolute; top: 50%; transform: translateY(-50%); overflow: visible; z-index: 401; margin: 0; }
.pop-prev:after {content: ''; width: 5rem; height: 5rem; background: url(../images/common/mpop_left.png) no-repeat center; background-size: 5rem; display: block; font-size: 0 !important; border-radius: 10rem;}
.pop-next:after {content: ''; width: 5rem; height: 5rem; background: url(../images/common/mpop_right.png) no-repeat center; background-size: 5rem; display: block; font-size: 0 !important; border-radius: 10rem;}

.swiper-button-prev.pop-prev,
.swiper-rtl .swiper-button-next { left: 0rem; right: auto}
.swiper-button-next.pop-next,
.swiper-rtl .swiper-button-prev {right: 0rem; left: auto}

.main_pop_area .btn_box {padding: 0 2.5rem; margin-top: 1.5rem; display: flex; align-items: center; }
.main_pop_area .btn_box a {font-size: 1.6rem; line-height: 3rem; color: #fff; width: 50%; display: block; text-align: center; position: relative; cursor: pointer;}
.main_pop_area .btn_box a + a::before {content: ''; display: block; width: .1rem; height: 3rem; background: #fff; position: absolute; left: 0; top: 0;}

/************************************************************ 회원가입 **********************************************************/

/* 로그인 */
.login_area {padding-top: 8rem; }
.login_area .login_tit {font-size: 2.8rem; line-height: 3.8rem;  color: #000; margin-bottom: 6rem; font-weight: 500; }
.login_area .login_tit span {color: #F8007F; font-weight: 700;}

.login_area .item {}
.login_area .item + .item {margin-top: 3rem; }
.login_area .item span {display: block; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 1rem; color: #000; }
.login_area .item .input_box input::placeholder {color: #BCBCBC;}

.input_box .eyes,
.join_input .eyes {position: absolute; right: 1.3rem; top: 50%; transform: translateY(-50%); cursor: pointer;}
.input_box .eyes .fa_eyes,
.join_input .eyes .fa_eyes {display: block; background: url(../images/common/eye_off.svg) no-repeat center; width: 2rem; height: 2rem;}
.input_box .eyes.active .fa_eyes,
.join_input .eyes.active .fa_eyes {display: block; background: url(../images/common/eye_on.svg) no-repeat center; width: 2rem; height: 2rem;}


.login_btn {margin-top: 6rem; }
.login_btn button {border: none; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; background: #F8007F;  font-size: 1.6rem; line-height: 5.2rem;  color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; cursor: pointer;}

.login_menu {display: flex; align-items: center; justify-content: center; padding: 3rem 0 5rem 0; margin-top: 2rem; }
.login_menu a {padding: 0 2rem; font-size: 1.4rem; position: relative; line-height: 1.8rem;}
.login_menu a + a::before {content: ''; display: block; width: .1rem; height: 1.4rem; background: #414141; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.login_menu a:last-child {color: #F8007F; font-weight: 600;}


.sns_login {display: flex; align-items: center; justify-content: center; gap: 5rem; padding: 3rem 0 5rem 0; border-top: solid .1rem #F5F5F5; }
.sns_login a {}
.sns_login a span {display: block; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; color: #414141; text-align: center; margin-top: .6rem; }
.sns_login a::before {content: ''; display: block; width: 4.8rem; height: 4.8rem;}
.sns_login a.iTalk::before {background: url(../images/common/kakao_icon.svg) no-repeat center;}
.sns_login a.iNaver::before {background: url(../images/common/naver_icon.svg) no-repeat center;}
.sns_login a.iGoogle::before {background: url(../images/common/google_icon.svg) no-repeat center;}


/* 회원가입 */

/* 이용약관 */
.clause_box {margin-bottom: 5.6rem; }
.clause_box .tit {padding-bottom: 2rem; border-bottom: solid .1rem #F5F5F5;}
.clause_box .tit label {display: flex; align-items: center; font-size: 1.6rem; gap: 1rem; color: #000; line-height: 2.2rem; cursor: pointer;}
.clause_box .tit label input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 2.5rem;  height: 2.5rem;  border-radius: 50%;  transition: .2s all linear; cursor: pointer; margin: 0; background: url(../images/common/all_check_off.svg) no-repeat center;}
.clause_box .tit label input[type="checkbox"]:checked {background: url(../images/common/all_check_on.svg) no-repeat center;}

.clause_box .list {}
.clause_box .list li {position: relative;}
.clause_box .list li a {display: block; width: 3.2rem; height: 3.2rem; background: url(../images/common/list_arrow01.svg) no-repeat center; position: absolute; right: -1.2rem; top: 50%; transform: translateY(-50%); font-size: 0;}
.clause_box .list li + li {margin-top: 1rem; }
.clause_box .list li label {display: flex; align-items: center; gap: 1rem; padding: 1rem 0; width: calc(100% - 4rem); cursor: pointer;}
.clause_box .list li label span {font-size: 1.4rem; color: #606060; line-height: 2rem;  flex: 1;}
.clause_box .list li label input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 3rem;  height: 3rem;  border-radius: 50%;  transition: .2s all linear; cursor: pointer; margin: 0; background: url(../images/common/check_off.svg) no-repeat center;}
.clause_box .list li label input[type="checkbox"]:checked {background: url(../images/common/check_on.svg) no-repeat center;}


.poparea.agg_area {overflow: auto; max-height: 90%;}
.agg_box {max-height: 100%; overflow-y: auto; padding-left: 1.4rem;}
.agg_box .inner {max-height: 100%; overflow-y: auto; }
.agg_box .item {margin-bottom: 2rem;}
.agg_box .item .tit {font-size: 1.5rem; font-weight: 500; line-height: 1.6; color: #F8007F; margin-bottom: .7rem;}
.agg_box .item .txt {font-size: 1.5rem; font-weight: 300; line-height: 1.6; color: #606060;}


/* 회원가입 - 정보 입력 */
.membership_box {}
.membership_box .item {margin-bottom: 3rem;}
.membership_box .item span.txt {display: none;}
.membership_box .item .tit {font-size: 1.6rem; line-height: 2.2rem; color: #202020; margin-bottom: 1rem; }
.membership_box .item .tit.require::after {content:'*'; font-size: 1.6rem; line-height: 2.2rem; color: #F8007F;}
.join_input {border: solid .1rem #DFDFDF; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; padding: .5rem 1.3rem; display: flex; align-items: center; gap: 1rem; position: relative;}
.join_input.focused {border-color: #CF0373 !important;}
.join_input .box {flex: 1;}
.join_input .box input {border: none; font-size: 1.4rem; line-height: 2.8rem; outline: none; width: 100%; color: #000; }
.join_input .box input::placeholder {color: #DFDFDF;}
.join_input .btn {border: none; color: #fff; font-size: 1.3rem; line-height: 2.8rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; background: #BCBCBC; min-width: 6rem; padding: 0 .5rem; margin: 0; cursor: pointer; text-align: center;}
.join_input .box.i_item {display: flex; align-items: center;}
.join_input .box .close {display: block; width: 2rem; height: 2rem; background: url(../images/common/close_icon03.svg) no-repeat center; font-size: 0; cursor: pointer;}

/*정보입력-오류*/
.membership_box .item.erro {}
.membership_box .item.erro span.txt {display: block; font-size: 1.4rem; color: #CF0373; font-weight: 300; line-height: 2.2rem; margin-left: 1.4rem; margin-top: .8rem; }
.membership_box .item.erro .join_input {border-color: #F8007F;}
.membership_box .item.erro .join_input .btn {background: #CF0373; color: #fff;}

/*정보입력-완료*/
.membership_box .item.on span.txt {display: block; font-size: 1.4rem; color: #CF0373; font-weight: 300; line-height: 2.2rem; margin-left: 1.4rem; margin-top: .8rem; }
.membership_box .item.on .join_input {border-color: #DFDFDF;}
.membership_box .item.on .join_input .btn {background: #F8007F; color: #fff;}


.membership_box .item .check_list {}
.membership_box .item .check_list li {}


.radio_list01 {display: flex; align-items: center; gap: 1.5rem; }
.radio_list01 li {margin-bottom: 1rem;}
.radio_list01 li label {display: flex; align-items: center; justify-content: center; font-size: 1.4rem; gap: .8rem; color: #DFDFDF; cursor: pointer; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #DFDFDF; line-height: 2rem; width: 8.2rem; padding: .6rem 0; }
.radio_list01 li input[type="radio"] {display: none;}
.radio_list01 li input[type="radio"]:checked + label {color: #F8007F; border-color: #F8007F;}
.radio_list01 li input[type="radio"]:checked + label::before {content: ''; display: none; width: 2rem; height: 2rem; background: url(../images/common/tick_square.svg) no-repeat center;}

.radio_list02 {display: flex; align-items: center; gap: 1.6rem;}
.radio_list02 li {display: flex; align-items: center; gap: .4rem; }
.radio_list02 li label {font-size: 1.4rem; line-height: 2rem;  color: #DFDFDF; cursor: pointer;}
.radio_list02 li input[type="radio"] {-webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 2rem;  height: 2rem;  border-radius: 50%; border:solid .6rem #DFDFDF; transition: .2s all linear; cursor: pointer; margin: 0; }
.radio_list02 li input[type="radio"]:checked {border:solid .6rem #F8007F;  }
.radio_list02 li input[type="radio"]:checked + label {color: #F8007F;}

/* 회원가입 완료 */
.cp_area {margin-top: 9.4rem; }
.join_cp_tit {font-size: 3.2rem; font-weight: 700; line-height: 4.2rem; margin-bottom: 6rem; color: #000; text-align: center; }
.join_cp_txt01 {font-size: 1.4rem; line-height: 2rem; text-align: center; }
.join_cp_txt01 strong {font-weight: 700; color: #F8007F;}
.join_cp_txt02 {font-size: 1.4rem; line-height: 2rem; color: #F8007F; padding-top: 2.6rem; margin-top: 3rem; margin-bottom: 6rem; text-align: center; border-top: solid .1rem #F5F5F5; }

.join_cp02 {background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 2rem 1.4rem; margin-top: 2.2rem; text-align: center; }
.join_cp02 .txt {font-size: 1.4rem; line-height: 2rem; display: flex; justify-content: center; flex-direction: column; align-items: center; font-weight: 300;}
.join_cp02 .txt:first-child::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/info_circle.svg) no-repeat center; margin-bottom: 1rem;}
.join_cp02 .txt + .txt {margin-top: 2rem; }
.join_cp02 a {display: inline-block; font-size: 1.8rem; line-height: 2.2rem; padding: 1.4rem 2.4rem; border: solid .1rem #B9036D; background: #B9036D; color: #fff; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; margin-top: 3rem; }

.join_cp02 .txt02 {display: flex; align-items: center; justify-content: center; gap: .6rem; margin-top: 2rem; font-weight: 300;}
.join_cp02 .txt02 span {font-size: 1.4rem; line-height: 2rem;color: #B9036D; }
/*.join_cp02 .txt02::before {content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/messages03.svg) no-repeat center; }*/




/************************************************************ 알림함 **********************************************************/
/* 알림함 */

.noti_area {margin: 0  -2.4rem; }
.noti_area .tab_area {margin: 0;}
.noti_area .noti_menu {display: flex; align-items: center; width: 100%; }
.noti_area .noti_menu li { width: 50%; text-align: center; position: relative;}
.noti_area .noti_menu.dan04 li {width: auto; flex: 1;}
.noti_area .noti_menu li.active {}
.noti_area .noti_menu li a {display: block; font-size: 1.8rem; line-height: 2.2rem; padding-bottom: 1.4rem; cursor: pointer; border-bottom: solid .1rem #DFDFDF;}
.noti_area .noti_menu li.active a {color: #F8007F;}
.noti_area .noti_menu li.active a::after {content: ''; display: block; width: 100%; height: .2rem; background: #F8007F; position: absolute; left: 0; bottom: 0;}

.n_list {margin-bottom: 6rem;}
.n_list dl {border-bottom: solid .1rem #DFDFDF; }
.n_list dl dt {cursor: pointer; display: flex; align-items: center; gap: .6rem; padding: 1.7rem 2.4rem;}
.n_list dl dt .t_area {flex: 1; }
.n_list dl dt.type01 .tit {font-size: 1.6rem; line-height: 2.2rem; flex: 1}
.n_list dl dt::after {content:''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/faq_arrow01.svg) no-repeat center; }
.n_list dl dt .t_area span {font-size: 1.4rem; display: block; color: #606060; line-height: 2.2rem; font-weight: 300;}
.n_list dl dt .t_area .tit {font-size: 1.6rem; display: block; color: #414141; line-height: 2.2rem;}
.n_list dl dd {padding: 2.4rem; background: #F5F5F5; font-size: 1.4rem; color: #000; line-height: 2.2rem; font-weight: 300; display: none; }
.n_list dl.current dt::after {content:''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/faq_arrow02.svg) no-repeat center;}

.new_list {}
.new_list ul {}
.new_list ul li {border-bottom: solid .1rem #DFDFDF; }
.new_list ul li a {cursor: pointer; display: flex; align-items: center; gap: .6rem; padding: 1.7rem 2.4rem;}
.new_list ul li a::after {content:''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/list_arrow02.svg) no-repeat center; }
.new_list ul li .t_area {flex: 1;}
.new_list ul li .t_area span {font-size: 1.4rem; display: block; color: #606060; line-height: 2.2rem; font-weight: 300;}
.new_list ul li .t_area .tit {font-size: 1.6rem; display: block; color: #414141; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}




/* 문의함 */
.ask_area {padding: 0 2.4rem;}
.ask_area.type01 {margin-top: 4rem;}
.ask_area .tab_box {display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.ask_area .tab_box li {}
.ask_area .tab_box li a {display: block; font-size: 1.4rem; color: #BCBCBC; border: solid .1rem #BCBCBC; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; line-height: 3.4rem; padding: 0 1.6rem;}
.ask_area .tab_box li a.active {color: #F8007F; border-color: #F8007F;}

.ask_list_area {}
.ask_list_area .ask_all_chack {display: flex; align-items: center; justify-content: space-between; padding: 1rem 0 1.2rem .5rem; border-top: solid .1rem #DFDFDF;}
.ask_list_area .ask_all_chack label {width: auto;}
.ask_list_area .ask_all_chack button {border: none; height: 2.8rem; line-height: 2.8rem; padding: 0 1.7rem; font-size: 1.4rem;  -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; color: #fff; background: #DFDFDF; cursor: pointer;}
.ask_list_area .ask_all_chack button.active {color: #fff; background: #F8007F;}

.ask_list_area .ask_list {margin: 0 -2.4rem 6rem -2.4rem;}
.ask_list_area .ask_list li {border-bottom: solid .1rem #DFDFDF; display: flex; gap: .7rem; width: 100%; padding: 1.4rem 2.4rem 1.4rem 2.4rem;}
.ask_list_area .ask_list li label { }
.ask_list_area .ask_list li a {display: block; width: 100%;}
.ask_list_area .ask_list li .item {flex: 1;}
.ask_list_area .ask_list li .item .category {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.ask_list_area .ask_list li .item .category span {font-size: 1.6rem; line-height: 2.2rem; display: block; }
.ask_list_area .ask_list li .item .category em {display: block; font-size: 1.4rem; color: #DFDFDF; line-height: 2.2rem; font-weight: 300;}
.ask_list_area .ask_list li .item .category .result_txt {width: 5.8rem; margin-left: 1rem;}
.ask_list_area .ask_list li .item .category .result_txt span {display: block; width: 5.8rem; height: 2.8rem; line-height: 1; border: solid .1rem #6ac373; color: #6ac373;   -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; font-size: 1.4rem; text-align: center; padding-top: .6rem;}
.ask_list_area .ask_list li .item .category .result_txt span.cp {border-color: #F8007F; color: #F8007F;}
.ask_list_area .ask_list li .item .txt {font-size: 1.6rem; line-height: 2.2rem; margin-top: .4rem; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; font-weight: 300;}

.no_ask {padding: 4.8rem 0; background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; margin: 6rem 2.4rem;}
.no_ask .inner {}
.no_ask .inner .txt {display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 3rem; font-size: 1.4rem; font-weight: 300; line-height: 2rem;}
.no_ask .inner .txt::before {content: ''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/info_circle.svg) no-repeat center; margin-bottom: 1rem;}
.no_ask .inner .btns {display: flex; justify-content: center; align-items: center;}
.no_ask .inner .btns a {-webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; font-size: 1.6rem; line-height: 2.2rem; text-align: center; padding: 1.4rem 2.4rem; background: #F8007F; color: #fff;}


/* 1:1문의 */
.write_box {}
.write_box textarea {border: solid .1rem #DFDFDF; background: #FAFAFA; webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 2rem 2.2rem; height: 26rem; overflow-y: auto; width: 100%; font-size: 1.6rem; line-height: 2.2rem; outline: none; font-family: 'Pretendard', Sans-serif; resize: none;}
.write_box textarea::placeholder  {color: #BCBCBC;}
.mtxt {display: flex; align-items: center; justify-content: center; font-size: 1.4rem; line-height: 2rem; gap: .6rem; }
.mtxt::before {content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/info_circle.svg) no-repeat center;}
.mtxt02 {font-size: 1.4rem; line-height: 2.2rem; margin-top: 1.2rem; font-weight: 300; text-align: center;}


 .ask_area .file_box {margin-top: 3rem; margin-bottom: 4rem; }
 .ask_area .file_box .tit {font-size: 1.6rem; line-height: 2.2rem; color: #BCBCBC; margin-bottom: 1rem; }

/* 문의함 상세보기 */
.inquiry_view_con {padding: 2.3rem; background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; margin: 6rem 2.4rem;}
.inquiry_view_con .inner {}
.inquiry_view_con .inner .item.q_item {display: flex; gap: 1rem; padding-bottom: 2.1rem; margin-bottom: 2.3rem; border-bottom: solid .1rem #DFDFDF;}
.inquiry_view_con .inner .item.a_item {display: flex; gap: 1rem; }
.inquiry_view_con .inner .item.q_item::before {content: 'Q'; display: block; font-size: 2rem; line-height: 2.2rem;}
.inquiry_view_con .inner .item.a_item::before {content: 'A'; display: block; font-size: 2rem; line-height: 2.2rem; color: #F8007F;}

.inquiry_view_con .inner .item {}
.inquiry_view_con .inner .item .tit {font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; margin-bottom: 1rem;}
.inquiry_view_con .inner .item .txt {font-size: 1.6rem; line-height: 2.2rem; font-weight: 300; margin-bottom: 1rem;}
.inquiry_view_con .inner .item .day {font-size: 1.4rem; line-height: 2rem; font-weight: 300; color: #BCBCBC;}




/************************************************************ 마이페이지 **********************************************************/
/* 마이에피이지 메인 */
.my_main_menu {margin-bottom: 4rem; }
.my_main_menu .tit {font-size: 1.8rem; line-height: 2.2rem; color: #000; border-bottom: solid .1rem #DFDFDF; padding-bottom: 2rem;;}
.my_main_menu ul {margin: 2rem 0 5rem 0; }
.my_main_menu ul li {}
.my_main_menu ul li + li {margin-top: 1rem; }
.my_main_menu ul li a {display: block; padding: 1.5rem 0; font-size: 1.6rem; line-height: 2.2rem; color: #606060; position: relative;}
.my_main_menu ul li a::after {content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/list_arrow02.svg) no-repeat center; position: absolute; right: -1rem; top: 50%; transform: translateY(-50%);}
.my_main_menu .logout {padding-top: 2rem; border-top: solid .1rem #DFDFDF;}
.my_main_menu .logout a {display: block; padding: 1.5rem 0; font-size: 1.6rem; line-height: 2.2rem; color: #606060;}

/* 내가선택한 아이돌 */
.my_idol_area { margin-bottom: 6rem;}
.my_idol_area .idol_change {display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 3rem; border-bottom: solid .1rem #DFDFDF;}
.my_idol_area .idol_change ul {flex: 1;}
.my_idol_area .idol_change ul li {font-size: 16px; line-height: 2.2rem; color: #414141;}
.my_idol_area .idol_change ul li span {color: #F8007F; font-weight: 700; }
.my_idol_area .idol_change ul li em {color: #414141; font-weight: 700;}
.my_idol_area .idol_change ul li + li {margin-top: .5rem; }
.my_idol_area .idol_change button {border: none; width: 3.4rem; height: 3.4rem; display: block; background: url(../images/common/add_circle02.svg) no-repeat center; font-size:  0; cursor: pointer;}

.my_idol_list {}
.my_idol_list {width: 100%; margin-bottom: 6rem; }
.my_idol_list .idol_item {display: flex; align-items: center; gap: 1rem; width: 100%; padding: 2rem 0; position: relative;}
.my_idol_list .idol_item .no {font-size: 2.4rem; line-height: 3.4rem; color: #747474; width: 3rem; text-align: center; flex-shrink: 0;}
.my_idol_list .idol_item:first-child .no {color: #F8007F; }
.my_idol_list .idol_item .idol_info {display: flex; align-items: center; gap: 1rem; flex: 1; }
.my_idol_list .idol_item .idol_info .photo {width: 4rem; height: 4rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; overflow: hidden;  flex-shrink: 0; background-color: #f5f5f5;}
.my_idol_list .idol_item .idol_info .photo img {width: 100%;     object-fit: cover;}
.my_idol_list .idol_item .idol_info .txt_box {padding-right: 1rem; width: 100%;}
.my_idol_list .idol_item .idol_info .txt_box .txt01 {font-size: 1.4rem; line-height: 1.8rem; color: #747474; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all;}
.my_idol_list .idol_item .idol_info .txt_box .txt02 {display: inline-block; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #747474; padding: 0 1rem; font-size: 1.2rem; line-height: 1.8rem; color: #747474; margin-top: .4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 10rem; text-align: center;}

.my_idol_list .idol_item .btn_box {display: flex; align-items: center; gap: .5rem; }
.my_idol_list .idol_item .btn_box a {display: block; width: 5.4rem; text-align: center; height: 2.8rem; line-height: 2.8rem; background: #F8007F; color: #fff; font-size: 1.2rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; }
.my_idol_list .idol_item .btn_box a.overlap {background: #BCBCBC; color: #fff;}

.file_upload_list {margin-bottom: 2rem; padding-left: 1.4rem;}
.file_upload_list li {}
.file_upload_list li + li {margin-top: 1rem;}
.file_upload_list li a {display: block; font-size: 1.8rem; line-height: 2.2rem; color: #606060; padding: 1.4rem 0;}





/* 아이돌검색 */

.idol_search {margin-bottom: 2rem;}
.idol_search .input_box.focused {border-color: #CF0373 !important;}
.idol_search .input_box .i_item {display: flex; align-items: center; gap: 1rem;}
.idol_search .input_box .i_item input[type="search"] {padding: 0; flex: 1; width: 100%;}
.idol_search .input_box .i_item .close {position: static; transform: translateY(0%);}
.idol_search .input_box .i_item .search_btn {width: 2rem; height: 2rem; border: none;background: url(../images/common/serch_icon.svg) no-repeat center; cursor: pointer;}





.idol_search_list {display: flex; align-items: center; flex-wrap: wrap;}
.idol_search_list li {width: calc(100% / 3); margin-bottom: 3rem;}
.idol_search_list li.no_data {width: 100%; background: #FAFAFA;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;  padding: 3.8rem 0;}
.idol_search_list li.no_data .item {font-size: 1.4rem; line-height: 2rem; text-align: center; font-weight: 300; ;}
.idol_search_list li.no_data .item::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/info_circle.svg) no-repeat center; margin: 0 auto 1rem auto;}
.idol_search_list li .search_item {text-align: center; padding: 0 1.6rem;  position: relative; overflow: visible;}
.idol_search_list li .photo_inner {width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; border: solid .1rem #EDEDED; margin-bottom: 1.7rem; }
.idol_search_list li .photo_inner::after {content: ''; display: block; padding-bottom: 100%;}
.idol_search_list li .photo_inner .photo {position: absolute; width: 100%; height: 100%;}
.idol_search_list li .photo_inner  img {object-fit: contain;}
.idol_search_list li .search_item .name {font-size: 1.6rem; line-height: 2.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.idol_search_list li .search_item .name:hover::after {content: attr(data-tooltip); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.7); color: #fff; padding: 5px 10px; border-radius: 4px; white-space: normal; font-size: 1.4rem; z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out;}
.idol_search_list li .search_item .name.ellipsis:hover::after {opacity: 1; visibility: visible; max-width: 100%; word-wrap: break-word;}
.idol_search_list li .search_item a {display: inline-block; height: 2.8rem; line-height: 2.8rem; padding: 0 1.7rem; font-size: 1.4rem;  -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; color: #F8007F; background: #fff; cursor: pointer; margin-top: 2rem; border: solid .1rem #F8007F; }


/* 포인트 내역 */
.list_type01 .item {}
.list_type01 .item .day {font-size: 1.4rem; font-weight: 300; line-height: 2.2rem;}
.list_type01 .item .txt_info {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.list_type01 .item .txt_info .tit {font-size: 1.6rem; line-height: 2.2rem; display: flex; align-items: center; gap: .5rem; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; flex: 1; }
.list_type01 .item .txt_info .tit em {}
.list_type01 .item .point {font-size: 1.6rem; line-height: 2.2rem;}
.list_type01 .item .point.plus {color: #F8007F;}

.list_type01 .item .btn {display: flex; align-items: center; justify-content: end; margin-top: .8rem; }
.list_type01 .item .btn span {font-size: 1.4rem; line-height: 2rem; border: solid .1rem #BCBCBC; background: #fff; color: #BCBCBC; line-height: 2.4rem; padding: 0 1.5rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem;}
.list_type01 .item .btn span.active { border: solid .1rem #F8007F; color: #F8007F;}




/* 결제 */
.pay_info {margin: 4rem 2.4rem 6rem 2.4rem; }
.pay_info .inner {border: solid .1rem #DFDFDF; background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;}
.pay_info .box_info {font-size: 1.8rem; font-weight: 700; line-height: 2.2rem; padding: 2rem 2.2rem; border-bottom: solid .1rem #DFDFDF;}
.pay_info .box_info span {display: block; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 1rem; }
.pay_info .box_info em {font-weight: 500; margin-left: .4rem;}
.pay_info .histoy_list {padding: 2rem 2.2rem;}
.pay_info .histoy_list li {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.pay_info .histoy_list li + li {margin-top: 1.2rem;}
.pay_info .histoy_list li p {font-size: 1.4rem; line-height: 2rem;}
.pay_info .histoy_list li span {font-size: 1.6rem; line-height: 2.2rem;}
.pay_info .histoy_list li span em {display: none;}

.pay_info .txt {display: flex; align-items: center; font-size: 1.4rem; line-height: 2rem; gap: .6rem; margin-top: 2rem; }
.pay_info .txt::before {content: ''; display: none; width: 2.4rem; height: 2.4rem; background: url(../images/common/messages_icon02.svg) no-repeat center;}


/* 기록 */
.category_tit {position: relative; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1rem; color: #000;}
.category_tit a {font-size: 0; width: 2.4rem; height: 2.4rem; background: url(../images/common/list_arrow01.svg) no-repeat center; position: absolute; right: -1rem; top: 0;}

.evaluation_txt {display: flex; align-items: center; gap: .6rem; margin-top: 2rem; }
.evaluation_txt span {font-size: 1.4rem; line-height: 2rem; flex: 1;}
.evaluation_txt::before {content: ''; display: none; width: 2.4rem; height: 2.4rem; background: url(../images/common/messages_icon02.svg) no-repeat center; }

/* 기본정보 변경 */

.d_tit {font-size: 1.4rem; line-height: 2.8rem;}

.membership_box .item .tit.type01 {display: flex; align-items: center; justify-content: space-between; }
.membership_box .item .tit .right_change {font-size: 1.4rem; line-height: 2rem; display: flex; align-items: center; gap: .4rem;}
.membership_box .item .tit .right_change span {color: #BCBCBC; }
.membership_box .item .tit .right_change span.ticket {color: #F8007F; }

.join_input .box .change_btn {display: block; position: relative; font-size: 1.4rem; line-height: 2.8rem; color: #DFDFDF; text-align: center;}
.join_input .box .change_btn::after {content:''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/list_arrow02.svg) no-repeat center; position: absolute; right: -1rem; top: 50%; transform: translateY(-50%);}


/* 전화 인증 */
.membership_box .item .tit.type01 .authn_txt {font-size: 1.4rem; line-height: 2rem; color: #F8007F; display: block;}
.membership_box .item .phon_box .inner {display: flex; align-items: center; gap: 1.5rem; flex-direction: column; }
.membership_box .item .phon_box .agency {width: 100%; text-align: center;}
.membership_box .item .phon_box .join_input {width: 100%;}
.membership_box .item .phon_box .join_input .btn.active {display: none; }
.membership_box .item .phon_box .join_input .btn {}
.membership_box .item .phon_box .certify_btn {display: block; display: flex; align-items: center; justify-content: end; margin-top: 1rem; }
.membership_box .item .phon_box .certify_btn button {border: none; background: #BCBCBC; color: #fff; font-size: 1.3rem; line-height: 2.8rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; cursor: pointer;}


/* 전화 인증 완료시 */
.membership_box .item.authn .tit.type01 .authn_txt {display: none;}
.membership_box .item.authn .phon_box .agency {display: none; }
.membership_box .item.authn .phon_box .join_input .btn.active {display: block; background: #F8007F; color: #fff;}
.membership_box .item.authn .phon_box .join_input .btn {display: none; }
.membership_box .item.authn .phon_box .certify_btn {display: none;}

/* sns 로그인 계정 연결 */
.sns_account {display: flex; align-items: center; justify-content: center; gap: 5rem; padding: 1rem 0 3rem 0; }
.sns_account a {}
.sns_account a span {display: block; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; color: #414141; text-align: center; margin-top: .6rem; }
.sns_account a::before {content: ''; display: block; width: 4.8rem; height: 4.8rem;}
.sns_account a.iTalk::before {background: url(../images/common/kakao_icon.svg) no-repeat center;}
.sns_account a.iNaver::before {background: url(../images/common/naver_icon.svg) no-repeat center;}
.sns_account a.iGoogle::before {background: url(../images/common/google_icon.svg) no-repeat center;}

/* sns 로그인 계정 연결 해제 */
.sns_account .interlock {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.2rem 1.2rem 1.2rem 1.6rem; border: solid .1rem #DFDFDF; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;}
.sns_account .interlock span {display: flex; align-items: center; gap: .8rem; font-size: 1.4rem; line-height: 2rem;}
.sns_account .interlock span.iNaver::before {content: ''; display: block; width: 4.8rem; height: 4.8rem; background: url(../images/common/naver_icon.svg) no-repeat center;}
.sns_account .interlock span.iTalk::before {content: ''; display: block; width: 4.8rem; height: 4.8rem; background: url(../images/common/kakao_icon.svg) no-repeat center;}
.sns_account .interlock span.iGoogle::before {content: ''; display: block; width: 4.8rem; height: 4.8rem; background: url(../images/common/google_icon.svg) no-repeat center;}
.sns_account .interlock a {display: inline-block; webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; background: #F8007F; font-size: 1.4rem; color: #fff; width: 6rem; line-height: 2.8rem; text-align: center; cursor: pointer;}
.sns_account .interlock a::before {display: none;}





.membership_box .withdrawal {border: none; background: #fff; color: #DFDFDF; border: solid .1rem #DFDFDF; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; width: 100%; font-size: 1.4rem; line-height: 2rem; padding: 1.4rem 0; cursor: pointer; }


/* 비밀번호 찾기 */

.pw_ctxt {font-size: 1.4rem; line-height: 2rem; margin: 3rem 0;}


/* 회원탈퇴 */
.withdrawal {display: flex; align-items: center; justify-content: end; margin: 6rem 0;}
.withdrawal a {font-size: 1.4rem; line-height: 2rem; color: #EDEDED;}



/************************************************************ 평점랭킹 **********************************************************/
/* 주말랭킹 */

.score_ranking {}
.score_ranking .txt_box {-webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; text-align: center; margin-bottom: 5.2rem; background: #FFF6FA; padding: 1.8rem 0; }
.score_ranking .txt_box  p {font-size: 1.4rem; line-height: 2rem;}
.score_ranking .txt_box  p + p {padding-top: 2rem;}


.top_days {display: flex; justify-content: center; margin: 4.7rem 0; }
.top_days .inner {display: inline-flex; align-items: center; justify-content: center; gap: 1.1rem; padding: .7rem 1.9rem; border: solid .1rem #F8007F; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem;}
.top_days .inner .tit {font-size: 1.4rem; line-height: 2rem; color: #F8007F;}
.top_days .inner button {border: none; width: 2rem; height: 2rem; text-indent: -999em; cursor: pointer;}
.top_days .inner button.prev {background: url(../images/common/red_arrow_left.svg) no-repeat center; background-size: 2rem;}
.top_days .inner button.next {background: url(../images/common/red_arrow_right.svg) no-repeat center; background-size: 2rem;}


.ranking_area .select_box {display: flex; align-items: center; justify-content: end; margin-bottom: .8rem;}
.ranking_area .item {background: #FAFAFA;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 2.2rem 1rem; display: flex; gap: 1rem; flex-wrap: wrap;}
.ranking_area .item + .item {margin-top: 1rem; }
.ranking_area .item .photo_box {background: #fff; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;}
.ranking_area .item .photo_box .photo {width: 8.6rem; height: 9.8rem; overflow: hidden;  flex-shrink: 0; position: relative;}
.ranking_area .item .photo_box .photo img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; margin: auto;}
.ranking_area .item .photo_box .scores {display: flex; align-items: center;}
.ranking_area .item .photo_box .scores span {width: 4rem; text-align: center; font-size: 2rem; line-height: 3rem;}
.ranking_area .item:first-child .photo_box .scores span {color: #F8007F;}
.ranking_area .item .photo_box .scores em { flex: 1; display: flex; align-items: center; font-size: 1.4rem; color: #F763AA; line-height: 3rem; font-weight: 300;}
.ranking_area .item .photo_box .scores em::before {content: ''; display: block; width: 1.2rem; height: 1.2rem; background: url(../images/common/star_icon01.svg) no-repeat center;}

.ranking_area .item .u_info {flex: 1;}
.ranking_area .item .u_info .name {font-size: 1.8rem; line-height: 2rem; font-weight: 700; margin-bottom: .2rem;}
.ranking_area .item .u_info .name span {font-size: 1.4rem; line-height: 2rem; font-weight: 700;}
.ranking_area .item .u_info .txt {margin-bottom: .2rem; font-size: 1.4rem; line-height: 2rem; display: flex; gap: .3rem;}
.ranking_area .item .u_info .txt span {flex: 1;}
.ranking_area .item .u_info .point {padding-top: 1rem; margin-top: .8rem; position: relative;}
.ranking_area .item .u_info .point::before {content: ''; display: block; width: 2rem; height: .1rem; background: #9D9D9D; position: absolute; left: 0; top: 0;}
.ranking_area .item .u_info .point span {display: flex; align-items: center; font-size: 1.4rem; line-height: 2rem; color: #9D9D9D;}
.ranking_area .item .u_info .point span.type01::before {content: '참여수 :'; font-size: 1.4rem; color: #9D9D9D; line-height: 2rem; margin-right: .5rem;}
.ranking_area .item .u_info .point span.type01::after {content: '명'; font-size: 1.4rem; color: #9D9D9D; line-height: 2rem; }
.ranking_area .item .u_info .point span.type02::before {content: '좋아요 :'; font-size: 1.4rem; color: #9D9D9D; line-height: 2rem; margin-right: .5rem;}

.ranking_area .item .btns {display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; margin-top: .8rem;}
.ranking_area .item .btns a {-webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #9D9D9D; padding: .4rem; display: block;  text-align: center; font-size: 1.4rem; color: #9D9D9D; line-height: 2rem; width: calc(100% / 3);}
.ranking_area .item .btns a.active {border: solid .1rem #F8007F; color: #F8007F; }


/* 평점평가 */
.score_view_area {position: relative; margin-bottom: 6rem; }

.view_photo {position: relative; overflow: hidden; margin: 0 -2.4rem; margin-bottom: 6rem; }
.view_photo::after {content: ''; display: block; padding-bottom: 100%;}
.view_photo .photo {position: absolute; width: 100%; height: 100%;}
.view_photo .photo img {object-fit: contain; max-width: 100%;}

.score_view_area .name {}
.score_view_area .name .tit {font-size: 2.4rem; font-weight: 700; line-height: 3.4rem;}
.score_view_area .name .txt {font-size: 2rem; font-weight: 700; line-height: 3rem;}
.score_view_area .name .txt02 {font-size: 2rem; line-height: 3rem; margin-bottom: 1.2rem; }
.score_view_area .name dl {position: relative; padding-left: 3.3rem; margin-top: 1.2rem; }
.score_view_area .name dl + dl {margin-top: .6rem; display: none; }
.score_view_area .name dl dt {position: absolute; left: 0; top: 0; font-size: 1.4rem; line-height: 2rem; color: #9D9D9D;}
.score_view_area .name dl dd {font-size: 1.4rem; line-height: 2rem; color: #9D9D9D;}
.score_view_area .name dl.prime {display: none;}


.score_view_area .score_btn {display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2.6rem; display: none;}
.score_view_area .score_btn a {width: calc(100% / 3); -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; display: block; font-size: 1.4rem; line-height: 2rem; border: solid .1rem #BCBCBC; line-height: 3.2rem; text-align: center; color: #BCBCBC; }
.score_view_area .score_btn a.active,
.score_view_area .score_btn a:hover {border-color: #F8007F; color: #F8007F; }


.new_nav_area {max-width: 72rem; width: auto; margin: 6rem -2.4rem 0 -2.4rem; border-bottom: solid .1rem #BCBCBC; overflow: hidden; }
.new_nav_area .swiper-slide {width: auto !important; }
.new_nav_area .swiper-slide {display: block; text-align: center;}
.new_nav_area .swiper-slide .text {display: block; box-sizing: border-box; position: relative; display: inline-block;  white-space: nowrap; cursor: pointer; font-size: 1.8rem; line-height: 2.2rem; padding-bottom: 1.5rem; min-width: 10.5rem;}
.new_nav_area .on .text {font-weight: bold;  background: linear-gradient(145deg, rgba(225,25,86,1) 0%, rgba(223,48,153,1) 100%); color: transparent; -webkit-background-clip: text;}
.new_nav_area .on .text::after {content:''; display: block; width: 100%; height: .2rem; background: linear-gradient(145deg, rgba(225,25,86,1) 0%, rgba(223,48,153,1) 100%); position: absolute; left: 0; bottom: -.1rem;  }

.sc_box {margin-top: 4.4rem; }
.sc_box + .sc_box {padding-top: 5rem; border-top: solid .4rem #FAFAFA; margin-top: 0;}
.sc_box .tit_box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; }
.sc_box .tit_box .tit {font-size: 2rem; line-height: 2rem; color: #000; font-weight: 700; display: flex; align-items: center; gap: .5rem;}
.sc_box .tit_box .tit span.star {display: flex; align-items: center; font-size: 1.8rem; color: #F763AA; line-height: 2.2rem; font-weight: 300;}
.sc_box .tit_box .tit span.star::before {content: ''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/star_icon01.svg) no-repeat center; background-size: 100%; }
.sc_box .tit_box .tit span.point {display: flex; align-items: center; font-size: 1.8rem; color: #F763AA; line-height: 2.2rem; font-weight: 500;}
.sc_box .tit_box .r_box {}
.sc_box .tit_box .r_box a {font-size: 1.4rem; line-height: 2rem; color: #606060;}


.rating_area {}
.rating_area + .rating_area {margin-top: 3rem; }
.rating_area .tit_box02 {display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }
.rating_area .tit_box02 .tit {font-size: 1.4rem; line-height: 2rem;}
.rating_area .tit_box02 span.star {font-size: 1.4rem; line-height: 2rem; color: #F763AA; display: flex; align-items: center; gap: .5rem;}
.rating_area .tit_box02 span.star::before {content: ''; display: block; width: 1.2rem; height: 1.2rem; background: url(../images/common/star_icon01.svg) no-repeat center;}


.star_rating {display: flex; align-items: center; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; overflow: hidden; cursor: pointer;}
.star_rating span.star {display: block; width: 100%; height: 2rem; background: #EDEDED;}
.star_rating span + span {margin-left: .2rem; }
.star_rating span.star.on {background: #F9BDDB;}


/* 위클리스타 */

.grade_top {display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.grade_top .thumbs_up {display: inline-flex; align-items: center; gap: .4rem; font-size: 1.4rem; line-height: 2rem; color: #F8007F; border: solid .1rem #F8007F; padding: .7rem 1.6rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem;}
.grade_top .thumbs_up::after {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/common/thumbs_up.svg) no-repeat center;}
.grade_top a {font-size: 1.4rem; line-height: 2rem; color: #A06EE2; border: solid .1rem #A06EE2; padding: .7rem 1.6rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; display: block;}

.weekly_box {margin: -6rem -2.4rem 6rem -2.4rem; background: url(../images/common/weekly_bg.png) no-repeat center bottom; padding: 4rem 2.4rem; background-size: cover; border-bottom: solid .2rem #F8007F; }
.weekly_box .txt_box {text-align: center;}
.weekly_box .txt_box .txt01 {font-size: 2rem; line-height: 3rem; color: #F8007F; font-weight: 700; text-align: center; margin-bottom: 2rem;}
.weekly_box .txt_box .txt02 {font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #000; display: inline-block; border-top: solid .1rem #000; border-bottom: solid .1rem #000; padding: 1rem 2.4rem; }
.weekly_box .dday {display: flex ; justify-content: center; align-items: center; margin-bottom: 1rem;}
.weekly_box .dday span {font-size: 1.4rem; line-height: 2rem; color: #F8007F; padding: .4rem 2rem; display: block; border: solid .1rem #F8007F; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}

.weekly_graph {margin-bottom: 6rem; }
.weekly_graph .tit {font-size: 2rem; line-height: 3rem; color: #000; font-weight: 700; margin-bottom: 2rem; display: flex; align-items: center; justify-content: space-between;}

.weekly_graph .graph_txt {font-size: 1.4rem; line-height: 2rem; color: #F8007F; text-align: center; margin-top: 2rem;}
.weekly_graph .graph_txt span {color: #F8007F;}


.weekly_lpbox {padding: 2.5rem 2.3rem; border: solid .1rem #CF0373; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; text-align: center; margin-bottom: 6rem; }
.weekly_lpbox .tit {font-size: 2rem; line-height: 3rem; text-align: center; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: solid .1rem #DFDFDF;}
.weekly_lpbox .tit strong { color:#CF0373; font-weight: 700; display: block;}
.weekly_lpbox .tit strong em { color:#CF0373; font-weight: 700; margin-right: .5rem; display: inline-block;}
.weekly_lpbox .tit02 {font-size: 2rem; line-height: 3rem; font-weight: 700; text-align: center; padding-bottom: 2rem; }
.weekly_lpbox .tit02 span {font-size: 1.4rem; line-height: 2rem; color:#CF0373;  display: block; font-weight: 500;}


.weekly_lpbox .inner {display: flex; align-items: start; justify-content: center; gap: 1.4rem; }
.weekly_lpbox .inner .select2 {width: 14rem;}
.weekly_lpbox .inner a {font-size: 1.8rem; line-height: 2.2rem; color: #fff; background: #B9036D; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; display: inline-flex; justify-content: center; padding: 1.4rem 0; width: 13.5rem; }

.wpoint {margin: 6rem 0; }
.wpoint .tit {font-size: 1.4rem; line-height: 2rem;  margin-bottom: 1rem;}
.wpoint ul {}
.wpoint ul li {padding-left: 1rem; font-size: 1.4rem; line-height: 2rem; font-weight: 300; color: #606060; position: relative;}
.wpoint ul li::before {content:'•'; font-size: 1.4rem; line-height: 2rem; font-weight: 300; color: #606060; position: absolute; left: 0; top: 0;}
.wpoint ul li + li {margin-top: 1rem;}
.wpoint ul + ul {padding-top: 2rem; margin-top: 2rem; border-top: solid .1rem #DFDFDF;}
.wpoint ul.type01 li {font-weight: 500; color: #606060; }



/* TP기부 */
.tp_dona {border: solid .1rem #DFDFDF; padding: 1rem 1.2rem;  -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; display: flex; align-items: center; gap: 1rem;}
.tp_dona input {border: none; outline: none; flex: 1; font-size: 1.4rem;}
.tp_dona input::placeholder {color: #DFDFDF; }
.tp_dona a {border: none; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; font-size: 1.4rem; line-height: 2rem; padding: .4rem 1.8rem; background: #BCBCBC; cursor: pointer; color: #fff; }
.tp_dona.on a {background: #F8007F; color: #fff;}

.my_idol_list .idol_item .tp_box {font-size: 2.8rem; line-height: 3.8rem; color: #747474; display: flex; align-items: center; gap: .6rem;}
.my_idol_list .idol_item .tp_box::after {content: 'TP 기부'; display: block; font-size: 1.4rem; line-break: 2rem; color: #747474;}

/* 미션 */
.weekly_graph .tit em.m_span {font-size: 1.4rem; line-height: 2rem; color: #F8007F; }

/*.weekly_graph.banner {padding-top: 6rem; border-top: solid .4rem #FAFAFA;}*/





/************************************************************ 투표하기 **********************************************************/
.poll_warp {}
.poll_warp .poll_box { margin-bottom: 6rem; }
.poll_warp .poll_box + .poll_box {}
.poll_warp .poll_box.theme .poll_info {background: url(../images/common/theme_bg.png) repeat 0 0; background-size:cover ;}
.poll_warp .poll_box.birthday .poll_info {background: url(../images/common/birthday_bg.png) repeat 0 0; background-size:cover ;}
.poll_warp .poll_box .poll_info {overflow: hidden; -webkit-border-top-left-radius: 1rem; -webkit-border-top-right-radius: 1rem; -moz-border-radius-topleft: 1rem; -moz-border-radius-topright: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; padding: 5rem 3.4rem 4rem 3.4rem;}
.poll_warp .poll_box .poll_info .ing {display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; gap: 1.1rem;}
.poll_warp .poll_box .poll_info .ing span {display: block; font-size: 1.4rem; line-height: 2rem; color: #fff; font-weight: 700;  width: 6.6rem; text-align: center; padding: .4rem 0; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; background: #5B14C5; }
.poll_warp .poll_box .poll_info .ing span.active {background: linear-gradient(139deg, rgba(230,0,124,1) 0%, rgba(91,20,197,1) 80%);}

.poll_warp .poll_box .tit {font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; color: #fff; padding-bottom: 1rem; border-bottom: solid .1rem #fff; margin-bottom: 1rem;     text-align: center;}
.poll_warp .poll_box .name {font-size: 2rem; line-height: 3rem; font-weight: 700; color: #fff; padding-bottom: 1rem; border-bottom: solid .1rem #fff; margin-bottom: 1rem;     text-align: center; display: flex; align-items: center; justify-content: center; gap: .5rem; flex-wrap: wrap; }
.poll_warp .poll_box .name span {font-size: 2rem;  line-height: 3rem; color: #fff; display: flex; align-items: center;}
.poll_warp .poll_box .name span + span::before {content: 'vs'; font-size: 2rem;  line-height: 3rem; color: #fff; margin-right: .5rem;}
.poll_warp .poll_box .day {font-size: 1.4rem; line-height: 2rem; color: #fff; padding-bottom: 3rem; text-align: center;}
.poll_warp .poll_box a.btn {font-size: 1.4rem; line-height: 2rem; display: flex; align-items: center; justify-content: center; width: 20rem; margin: 0 auto;  -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; background: #fff; padding: .7rem 0;}
.poll_warp .poll_box a.btn::after {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/common/arrow_right_black02.svg) no-repeat center;}


.survey_box {}
.survey_box .survey_tit {font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; margin-bottom: 2rem;}
.survey_box ul {}
.survey_box ul li {}
.survey_box ul li + li {margin-top: 1rem; }
.survey_box ul li a {display: block; padding: 1.6rem 1.6rem 1.6rem 1.9rem; background: #FAFAFA; border: solid .1rem #DFDFDF; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;}
.survey_box ul li .c_tit {font-size: 1.6rem; line-height: 2.2rem; margin-bottom: .6rem; }
.survey_box ul li .c_tit strong {font-size: 1.8rem; line-height: 2.2rem; font-weight: 700; color: #F8007F; margin-right: .4rem;}
.survey_box ul li .day {font-size: 1.4rem; line-height: 2rem; font-weight: 300; color: #9D9D9D;}
.survey_box ul li .day::before {content: '설문기간 :'; font-size: 1.4rem; line-height: 2rem; font-weight: 300; color: #9D9D9D; margin-right: .4rem; }

/* 투표하기 - 테마 */
.poll_list {padding: 2.8rem 0 3rem 0; background: #FAFAFA; -webkit-border-bottom-right-radius: 1rem; -webkit-border-bottom-left-radius: 1rem; -moz-border-radius-bottomright: 1rem; -moz-border-radius-bottomleft: 1rem; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem;}
.poll_list .item {width: 100%; padding: 0 2rem 0 1rem; position: relative; }
.poll_list .item dd {display: flex; align-items: center; gap: .6rem; position: relative; padding: .8rem 0; }
.poll_list .item dd + dd {margin-top: 2rem; }
.poll_list .item .no {font-size: 3.2rem; line-height: 3.4rem; color: #747474; width: 4.5rem; text-align: center; flex-shrink: 0;}
.poll_list .item .idol_info {display: flex; align-items: center; gap: 1rem; width: 100%; flex: 1;}
.poll_list .item .idol_info .photo {width: 4.3rem; height: 4.3rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; overflow: hidden;  flex-shrink: 0; background: #f5f5f5; }
.poll_list .item .idol_info .photo img {width: 100%;}
.poll_list .item .idol_info .txt_box {padding-right: 1rem; flex: 1;}
.poll_list .item .idol_info .txt_box .txt01 {font-size: 1.4rem; line-height: 1.8rem; color: #747474; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all;}
.poll_list .item .idol_info .txt_box .txt02 {display: inline-flex; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #747474; padding: 0 1rem; font-size: 1.2rem; line-height: 1.8rem; color: #747474; margin-top: .4rem; }

.poll_list .item label {width: 100%; height: 100%; display: flex; align-items: center; gap: 1rem; padding-right: 4rem;}
.poll_list .item label input[type="radio"] {-webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 100%;  height: 100%;  border-radius: 0; transition: .2s all linear; cursor: pointer; margin: 0; background: url(../images/common/all_check_off.svg) no-repeat right center; background-size: 3rem; position: absolute; right: 0; top: 0;}
.poll_list .item label input[type="radio"]:checked {background: url(../images/common/all_check_on.svg) no-repeat right center; background-size: 3rem;}
.poll_list .item label input[type="radio"]:checked + .no {color: #F8007F; }

.poll_list button {font-size: 1.4rem; color: #BCBCBC; line-height: 2rem; border: none; display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; background: #FAFAFA; margin-top: 2rem; cursor: pointer; padding: 1rem 0;}
.poll_list button::after {content: ''; width: 1.4rem; height: 1.4rem; background: url(../images/common/down_icon.svg) no-repeat right center;}


.poll_box01 {margin-top: 4rem;}
.poll_box01 ul {padding: 0 1.6rem 4rem 1.6rem; border-bottom: solid .1rem #DFDFDF; margin-bottom: 3rem; }
.poll_box01 ul li {display: flex; font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #414141; }
.poll_box01 ul li + li {margin-top: 1rem; }
.poll_box01 ul li::before {content:'・'; display: block; width: 1.4rem;}

.poll_box01 .poll_txt {font-size: 1.6rem; line-height: 2.2rem; text-align: center; margin-bottom: 2rem; }
.poll_box01 .poll_txt span {color: #F8007F; margin-left: .5rem; }
.poll_box01 .select2 {width: 12.8rem; margin: 0 auto;}



/* 투표결과 */

.poll_list .item .poll_result {text-align: right;}
.poll_list .item .poll_result .text01 {font-size: 1.8rem; line-height: 2.2rem; color: #747474;}
.poll_list .item .poll_result .text01::after {content: '%'; font-size: 1.8rem; line-height: 2.2rem; color: #747474;}
.poll_list .item .poll_result .text02 {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC;}
.poll_list .item .poll_result .text02::after {content: '명'; font-size: 1.4rem; line-height: 2rem; color: #BCBCBC;}

.poll_list .item dd.active .poll_result .text01,
.poll_list .item dd.active .poll_result .text01::after,
.poll_list .item dd.active .poll_result .text02,
.poll_list .item dd.active .poll_result .text02::after {color: #F8007F; }
.poll_list .item dd.active .no {color: #F8007F; }


.poll_box01 .certify_btn {display: flex; align-items: center; justify-content: center;}
.poll_box01 .certify_btn a {font-size: 1.4rem; line-height: 2rem; color: #A06EE2; border: solid .1rem #A06EE2; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; padding: .7rem 1.6rem; cursor: pointer;}

/* 투표인증 팝업 */
.poparea.center.poll {width: 30.3rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem;}
.poll_certified {}
.poll_certified .poll_con {text-align: center; position: relative; padding-bottom: 2.5rem; padding-top: 2rem;}
.poll_certified .poll_con .lv {font-size: 1.8rem; color: #fff; line-height: 2.2rem; display: flex; align-items: center; justify-content: center; padding: .6rem 0; width: 8.4rem; background: linear-gradient(109deg, #E6007C 6.7%, #5B14C5 79.05%); -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; position: absolute; left: 50%; top: -1.7rem; transform: translateX(-50%);}
.poll_certified .poll_con .lv::before {content:'Lv.'; display: block; font-size: 1.8rem; color: #fff; line-height: 2.2rem;}
.poll_certified .poll_con .nickname {font-size: 2rem; line-height: 3rem; font-weight: 700; padding-bottom: 2rem; margin-bottom: 2rem; position: relative;}
.poll_certified .poll_con .nickname::before {content: ''; width: 8rem; height: .1rem; background: #414141; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.poll_certified .poll_con .txt {font-size: 1.6rem; line-height: 2.2rem;}
.poll_certified .poll_con .day {font-size: 1.6rem; line-height: 2.2rem; color: #F8007F; margin-top: 1rem; }
.poll_certified .btn {display: flex; align-items: center; }
.poll_certified .btn a {display: block; flex: 1; text-align: center; font-size: 1.8rem; line-height: 2.2rem; color: #BCBCBC; padding: 1.7rem 0; position: relative;}
.poll_certified .btn a + a::before {content: ''; width: .1rem; height: 100%; background: #EDEDED; position: absolute; left: 0; top: 0;}

/* 위클리스타 */

.star_area {}
.star_area .star_tit {font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; padding-bottom: 2rem; border-bottom: solid .1rem #DFDFDF; color: #F8007F; margin-bottom: 2rem; }
.star_area .item {margin-bottom: 3rem;}

.star_item {display: flex; align-items: center; gap: .5rem; width: 100%; position: relative;}
.star_item .no {font-size: 2.4rem; line-height: 3.4rem; color: #747474; width: 4.7rem; text-align: center; flex-shrink: 0;}
.star_item .idol_info {display: flex; align-items: center; gap: 1rem; flex: 1; }


.star_item .star_box {flex: 1; display: flex; gap: .8rem; align-items: center;}
.star_item .star_box .photo {width: 4.3rem; height: 4.3rem; background: #f5f5f5 url(../images/common/profile.svg) no-repeat center; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; overflow: hidden;}
.star_item .star_box .photo img {height: 100%; object-fit: cover;}
.star_item .txt_box {display: flex; flex-direction: column;}
.star_item .txt01 {font-size: 1.4rem; line-height: 1.8rem; color: #747474; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all;}
.star_item .txt02 {display: inline-flex; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #747474; padding: 0 1rem; font-size: 1.2rem; line-height: 1.8rem; color: #747474; margin-top: .4rem; }

.star_item .vote_btn {font-size: 1.4rem; line-height: 2.8rem; color: #fff; background: #F8007F; display: block; width: 7rem; text-align: center; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}


.graph_area {margin-top: 1.5rem; position: relative; height: 2.6rem; width: 100%; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; overflow: hidden; background: #F5F5F5;}
.graph_area .graph_bar {background: #F9BDDB; position: absolute; left: 0; top: 0; height: 100%; z-index: 10;}
.graph_area .txt {position: absolute; right: 2.4rem; top: 50%; transform: translateY(-50%); display: flex; z-index: 20;}
.graph_area .txt em {font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #747474; display: flex; align-items: center;}
.graph_area .txt em::after {content:'%'; display: block; font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #747474; margin-left: .1rem;}
.graph_area .txt span {font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #747474; display: flex; align-items: center;}
.graph_area .txt span::before {content: '|'; display: block; font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #747474; padding: 0 .5rem ;}
.graph_area .txt span::after {content:'표'; display: block; font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #747474; margin-left: .1rem;}
.graph_area .txt span.tp::after {content:'TP'; display: block; font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #747474;}


/* 무료 투표권 */
.free_vote_warp {margin: 0 -2.4rem; background: #FAFAFA; padding-bottom: 5rem; margin-bottom: 6rem;}
.free_vote_warp .sub_top {padding: 2rem 2.4rem 0 2.4rem; }
.free_vote {display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-bottom: 6rem; margin: 0 2.4rem;}
.free_vote .item {background: url(../images/common/free_bg_on.png) repeat 0 0; width: 100%; max-width: 12.6rem; overflow: hidden; }
.free_vote .item.off {background: url(../images/common/free_bg_off.png) repeat 0 0;}
.free_vote .item a {}
.free_vote .item .tit { padding: 2.7rem 0 2.2rem 0; margin: 0 1.3rem;  border-bottom: solid .1rem #fff;}
.free_vote .item .tit .t_txt01 {font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; color: #fff;}
.free_vote .item .tit .t_txt02 {font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #fff;}
.free_vote .item .provision_txt {font-size: 1.4rem; line-height: 2rem; color: #fff; position: relative; padding: 2rem 0 1.8rem 0; text-align: center;}
.free_vote .item .provision_txt::before {content: ''; display: block; width: 1rem; height: 1rem; background: #Fff; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; position: absolute; left: -.5rem; top: 50%; transform: translateY(-50%);}
.free_vote .item .provision_txt::after {content: ''; display: block; width: 1rem; height: 1rem; background: #Fff; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; position: absolute; right: -.5rem; top: 50%; transform: translateY(-50%);}


/************************************************************ 아차랭킹 **********************************************************/
.my_idol_list.ranking .idol_item {padding: .8rem 0; gap: 0; }
.my_idol_list.ranking .idol_item + .idol_item {margin-top: 1rem; }
.my_idol_list.ranking .idol_item .no {width: 4.5rem;}
.my_idol_list.ranking .idol_item .idol_info .photo {width: 4.3rem; height: 4.3rem; background: #f5f5f5 url(../images/common/no_img04.png) no-repeat center; background-size: 100%; }


.my_idol_list .idol_item .ranking_box {display: flex; flex-direction: column; align-items: end;}
.my_idol_list .idol_item .ranking_box .point {font-size: 1.4rem; line-height: 2rem; color: #747474;}
.my_idol_list .idol_item .ranking_box .up {display: flex; align-items: center; font-size: 1.4rem; line-height: 2rem; color: #F8007F;}
.my_idol_list .idol_item .ranking_box .up::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/up_icon02.svg) no-repeat center;}
.my_idol_list .idol_item .ranking_box .no_change {display: flex; align-items: center; font-size: 1.4rem; line-height: 2rem; color: #BCBCBC;}
.my_idol_list .idol_item .ranking_box .no_change::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/minus_icon.svg) no-repeat center;}
.my_idol_list .idol_item .ranking_box .down {display: flex; align-items: center; font-size: 1.4rem; line-height: 2rem; color: #BCBCBC;}
.my_idol_list .idol_item .ranking_box .down::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/down_icon02.svg) no-repeat center;}
.my_idol_list .idol_item .ranking_box .new {background: url(../images/common/new_icon02.svg) no-repeat center; font-size: 0; width: 3.1rem; height: 2rem;}









/************************************************************ 이벤트 **********************************************************/

/* 이벤트 리스트 */
.event_list {margin-top: 6rem; }
.event_list .item {border: solid .1rem #F5F5F5; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;}
.event_list .item + .item {margin-top: 2rem; }
.event_list .item a {display: block;}

.event_list .item .thum_photo {width: 100%; position: relative; overflow: hidden;}
.event_list .item.end .thum_photo::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 10;}
.event_list .item .thum_photo::after {content: ''; display: block; padding-bottom: 60%;}
.event_list .item .thum_photo .img {position: absolute; width: 100%; height: 100%; background: #fafafa;}
.event_list .item .thum_photo .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.event_list .item .event_txtbox {padding: 1.1rem 1.4rem .8rem 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.event_list .item .event_txtbox dl {flex: 1;}
.event_list .item .event_txtbox dl dt {font-size: 1.4rem; line-height: 2rem; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all;}
.event_list .item .event_txtbox dl dd.day {font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #BCBCBC; display: flex; align-items: center; gap: .3rem; }
.event_list .item .event_txtbox dl dd.day::before {content: '종료 : '; font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; color: #BCBCBC;}

.event_list .item .event_txtbox span {display: block; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; font-size: 1.4rem; line-height: 2rem; padding: .4rem 0; width: 7.6rem; text-align: center;}
.event_list .item .event_txtbox span.ing {background: linear-gradient(109deg, #E6007C 6.7%, #5B14C5 79.05%); color: #fff; }
.event_list .item .event_txtbox span.winner {background: #cf0373; color: #fff; }
.event_list .item .event_txtbox span.end {background: #BCBCBC; color: #fff; }


/* 축하메이지 */
.event_list .item .thum_photo .gift_ing {position: absolute; right: 1rem; top: 1.4rem; z-index: 10;}
.event_list .item .thum_photo .gift_ing li {-webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; font-size: 1.4rem; line-height: 2rem; padding: .4rem 0; width: 7.6rem; text-align: center; background: rgba(255, 255, 255, 0.90); border: solid .1rem; }
.event_list .item .thum_photo .gift_ing li + li {margin-top: 1rem; }
.event_list .item .thum_photo .gift_ing li.ing {border-color: #F8007F; color:#F8007F; }
.event_list .item .thum_photo .gift_ing li.day {border-color: #9D9D9D; color: #9D9D9D; }

.event_list .item .event_txtbox .gift_info_txt {display: flex; align-items: center; width: 100%; gap: 1rem; }
.event_list .item .event_txtbox .gift_info_txt .no {font-size: 3.6rem; line-height: 4.6rem; color: #F8007F; font-weight: 700;}
.event_list .item .event_txtbox .gift_info_txt ul {flex: 1; }
.event_list .item .event_txtbox .gift_info_txt ul li {display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; }
.event_list .item .event_txtbox .gift_info_txt ul li.tit {font-size: 1.4rem; line-height: 2rem;}
.event_list .item .event_txtbox .gift_info_txt ul li.txt {font-size: 1.4rem; line-height: 2.2rem; color: #BCBCBC;}

/* 종료된 축하메이지 */
.event_list .item.end {}
.event_list .item.end .gift_ing {display: none;}
.event_list .item.end .event_txtbox .gift_info_txt .no {color: #DFDFDF;}

.product_guide {margin-bottom: 6rem; display: none;}
.product_guide .tit {padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: solid .1rem #DFDFDF; font-size: 2rem; line-height: 3rem; font-weight: 700;}
.product_guide ul {}
.product_guide ul li {font-size: 1.4rem; line-height: 2.2rem; color: #000;}
.product_guide ul li + li {margin-top: 2rem;}



/* 이벤트 뷰 */
.view_area .thum_photo {width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; margin-bottom: 2rem; }
.view_area.end .thum_photo::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 10;}
.view_area .thum_photo::after {content: ''; display: block; padding-bottom: 60%;}
.view_area .img {position: absolute; width: 100%; height: 100%;}
.view_area .img img {}

.view_area .thum_photo .progress {position: absolute; right: 1.5rem; top: 1.7rem; display: flex; align-items: end; justify-content: end; flex-direction: column; z-index: 20;}
.view_area .thum_photo .progress span {display: block; font-size: 1.4rem; line-height: 2rem; background: #5B14C5;  color: #fff; border: solid .1rem #fff; width: 6.6rem; text-align: center; padding: .4rem 0; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}
.view_area .thum_photo .progress span + span {margin-top: 1rem;}
.view_area .thum_photo .progress span.active {background: linear-gradient(139deg, rgba(230,0,124,1) 0%, rgba(91,20,197,1) 80%);}
.view_area .thum_photo .progress span.end {border-color: #BCBCBC; background: #BCBCBC; color: #fff;}

.view_tit {padding-bottom: 3rem; border-bottom: solid .1rem #DFDFDF; }
.view_tit .tit {font-size: 2rem; line-height: 3rem; font-weight: 700;}
.view_tit .day {display: flex; align-items: center; gap: .3rem; font-size: 1.4rem; line-height: 2rem; margin-top: .6rem;}
.view_tit .day::before {content: '설문기간 : '; font-size: 1.4rem; line-height: 2rem;}

.view_content {padding-top: 3rem; }
.view_content .con {font-size: 1.4rem; line-height: 2.2rem; color: #000; font-weight: 300; margin-bottom: 5.5rem; }
.view_content .con figcaption {font-size: 1.4rem; color: #BCBCBC; line-height: 2.2rem; font-weight: 300; text-align: center;}
.view_content .con img {width: auto !important; height: auto !important; max-width: 100% !important;}
.view_content .con p,
.view_content .con div {word-break: break-word;}

.lp_enter {border: solid .1rem #CF0373; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 3.5rem 3.5rem 2rem 3.5rem; margin-bottom: 6rem; }
.lp_enter dl {padding-bottom: 2rem; display: flex; align-items: center; justify-content: space-between;}
.lp_enter dl dt {font-size: 2rem; line-height: 1; flex: 1;}
.lp_enter dl dt strong {display: block; font-size: 2rem; line-height: 3rem; font-weight: 700; margin-bottom: .2rem; }
.lp_enter dl dd {}
.lp_enter dl dd a {font-size: 1.8rem; line-height: 2.2rem; color: #fff; background: #B9036D; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; display: block; width: 13.2rem; text-align: center; padding: 1.4rem 0;}
.lp_enter .txt {display: flex; align-items: center; justify-content: center; gap: .6rem; padding-top: 2rem; border-top: solid .1rem #DFDFDF;}
.lp_enter .txt span {font-size: 1.4rem; line-height: 2rem;color: #B9036D; }
.lp_enter .txt::before {content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/messages03.svg) no-repeat center; }

.view_list {}
.view_list .tit {font-size: 2rem; line-height: 3rem; font-weight: 700; color: #000; padding-bottom: 2.7rem; margin-bottom: 1.2rem; border-bottom: solid .1rem #DFDFDF;}
.view_list .tit span {font-size: 1.4rem; line-height: 2rem; display: block; margin-top: .5rem; }

.view_list .tit .t_txt01 {font-size: 2rem; line-height: 3rem; font-weight: 700; color: #000; }
.view_list .tit .t_txt02 {font-size: 1.8rem; line-height: 3rem; font-weight: 700; color: #F8007F; display: flex; align-items: center; gap: .5rem; }
.view_list .tit .t_txt02 em {font-size: 1.4rem; line-height: 2rem; color: #F8007F; font-weight: 700;}


/* 이벤트 응모횟수 */
.my_idol_list .idol_item .entry_box {font-size: 2.8rem; line-height: 3.8rem; color: #747474;}
.my_idol_list .idol_item .entry_box em {font-size: 2rem; line-height: 3.8rem; color: #747474; margin-left: .2rem;}
.my_idol_list .idol_item .idol_info .txt_box .lv {font-size: 1.4rem; line-height: 2.2rem; color: #fff; background: #747474; padding: 0 1rem; display: inline-flex; align-items: center; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; margin-top: .3rem; }
.my_idol_list .idol_item .idol_info .txt_box .lv::before {content: 'Lv.'; display: block; font-size: 1.4rem; line-height: 2rem; color: #fff;}


/* 축하페이지 안내 */
.gift_guide_area {}
.gift_guide_area .sub_top {margin: 0 -2.4rem 6rem -2.4rem; padding: 1.8rem 2.4rem; background: #F8007F;}
.gift_guide_area .sub_top button {border: none; width: 3.2rem; height: 3.2rem; display: block; background: url(../images/common/go_back_arrow02.svg) no-repeat center; font-size: 0; cursor: pointer;}
.gift_guide_area .sub_top h3 {font-size: 2.8rem; line-height: 3.8rem; color: #fff; font-weight: 700;}

.gift_guide_area .g_item {margin: 0 -2.4rem; position: relative; }
.gift_guide_area .g_item + .g_item {padding-top: 6rem; margin-top: 6rem;}
.gift_guide_area .g_item + .g_item::before {content: ''; display: block; height: .1rem; width: calc(100% - 4.8rem); position: absolute; left: 2.4rem; top: 0; background:#DFDFDF;}
.gift_guide_area .g_item:last-child {margin-bottom: 6rem;}
.gift_guide_area .g_item .tit {padding: 0 2.4rem; font-size: 2rem; color: #000; line-height: 3rem; font-weight: 700; margin-bottom: 3rem; }
.gift_guide_area .g_item .g_con01 {padding: 0 2.4rem; font-size: 1.4rem; line-height: 2rem; }
.gift_guide_area .g_item .g_con02 {padding: 4.5rem 2.4rem; background: #FAFAFA; }
.gift_guide_area .g_item .g_con02 .btit {display: flex; align-items: center; justify-content: center; margin-bottom: 2rem;}
.gift_guide_area .g_item .g_con02 .gi_box + .gi_box {margin-top: 6rem;}
.gift_guide_area .g_item .g_con02 .btit span {display: inline-block; font-size: 1.4rem; line-height: 2rem; color: #F8007F; border: solid .1rem #F8007F; padding: .4rem .7rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}




/************************************************************ 미션 **********************************************************/
.my_idol_list.mission .idol_item .idol_info {flex-direction: column; gap: 0; align-items: start;}
.my_idol_list.mission .idol_item .idol_info .inner {display: flex; align-items: center; gap: 1rem; flex: 1; }
.my_idol_list.mission .idol_item .idol_info .entry {display: flex; align-items: center; margin-top: .8rem; font-size: 1.4rem; line-height: 2rem; color: #747474;}
.my_idol_list.mission .idol_item .idol_info .entry::before {content: ''; display: block; width: 1.6rem; height: 1.6rem; margin-right: .3rem; background: url(../images/common/like_icon.svg) no-repeat center;}
.my_idol_list.mission .idol_item .idol_info .entry::after {content: '참여'; font-size: 1.4rem; line-height: 2rem; color: #747474; margin-left: .2rem;}

.my_idol_list.mission {margin-top: 2rem; }
.my_idol_list.mission .idol_item {padding: .8rem 0; gap: 0; align-items: start;}
.my_idol_list.mission .idol_item + .idol_item {margin-top: 1rem; }
.my_idol_list.mission .idol_item .no {width: 4.5rem;}
.my_idol_list.mission .idol_item .mission_box {display: flex; flex-direction: column; justify-content: center; text-align: center; gap: .4rem; }
.my_idol_list.mission .idol_item .mission_box .stage {font-size: 1.4rem; line-height: 2rem; color: #fff; padding: .4rem 0; width: 6.4rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; background: #F8007F;}
.my_idol_list.mission .idol_item .mission_box.end .stage {background: linear-gradient(109deg, #E6007C 6.7%, #5B14C5 79.05%); }
.my_idol_list.mission .idol_item .mission_box.expired .stage  {background: #bcbcbc; }
.my_idol_list.mission .idol_item .mission_box .step {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC; padding: .4rem 0; width: 6.4rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #BCBCBC; background: #fff; display: flex; align-items: center; justify-content: center;}
.my_idol_list.mission .idol_item .mission_box.end .step {border-color: #F8007F; color: #F8007F;}
.my_idol_list.mission .idol_item .mission_box .step::after {content: '단계'; display: block; font-size: 1.4rem; line-height: 2rem; color: #BCBCBC; }
.my_idol_list.mission .idol_item .mission_box.end .step::after {content: '단계'; display: block; font-size: 1.4rem; line-height: 2rem; color: #F8007F;}


/* 단계 완료 보상 */
.stage_wrap {margin: 0 -2.4rem 6rem -2.4rem; }
.guide_box {padding-bottom: 3rem !important; padding-left: 1.5rem !important;}
.guide_box .item {width: 21.8rem !important; }
.guide_box .item .s_tit {font-size: 1.8rem; font-weight: 600; color: #F8007F; margin-bottom: .4rem; line-height: 2.2rem; margin-left: 2.1rem; padding-left: 1rem; position: relative;}
.guide_box .item .s_tit::before {content: '';  color: #F8007F; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .3rem; height: .3rem; background: url(../images/common/new_point02.png) no-repeat center; background-size: cover;}
.guide_box  .swiper-pagination-bullet-active {background: #F8007F; }
.guide_box  .swiper-pagination {bottom: 0 !important; }
.weekly_graph.banner {margin: 0 -2.4rem 6rem -2.4rem; }
.weekly_graph.banner .tit {margin-left: 2.4rem; }

.guide-next, .swiper-rtl .guide-prev {right: 0 !important; left: auto;}
.guide-prev, .swiper-rtl .guide-next {left: 0 !important; right: auto;}
.swiper-button-prev.guide-prev,
.swiper-button-next.guide-next {width: 4rem; height: 4rem; position: absolute; top: 50%; transform: translateY(-50%); }
.guide-prev:after {content: ''; width: 4rem; height: 4rem; background: url(../images/common/reward_left.png) no-repeat center; background-size: 4rem; display: block; font-size: 0 !important; border-radius: 10rem;}
.guide-next:after {content: ''; width: 4rem; height: 4rem; background: url(../images/common/reward_right.png) no-repeat center; background-size: 4rem; display: block; font-size: 0 !important; border-radius: 10rem;}

.guide-next.swiper-button-disabled, .guide-prev.swiper-button-disabled {opacity: 0 !important;}

.weekly_graph .banner_area {padding: 5rem 0 5.2rem 0; background-color: #FAFAFA;}


/************************************************************ 게시판 **********************************************************/
/* 게시판 검색 */
.board_searhc_area {display: flex; gap: 1rem; margin-bottom: 2rem;}
.board_searhc_area .select2 {width: 8.6rem;}
.board_searhc_area .join_input {flex: 1; position: relative; height: 4.2rem;}
.board_searhc_area .join_input .search_btn {border: none; font-size: 0; display: block; width: 3rem; height: 3rem; background: url(../images/common/serch_icon02.svg) no-repeat center; cursor: pointer; background-size: cover;}
.board_searhc_area .join_input.focused {border-color: #CF0373 !important;}


.board_cont.type01 {background: #FAFAFA; padding: 2.3rem 1.8rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; margin-bottom: 6rem;}
.board_cont.type01 .board_inner {display: flex; flex-wrap: wrap; justify-content: space-between;}
.board_cont.type01 .board_inner .item {width: calc(50% - 1rem); margin-bottom: 2rem; }
.board_cont.type01 .board_inner .item a {display: block;}
.board_cont.type01 .board_inner .item .photo {overflow: hidden; position: relative;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; margin-bottom: 1rem;}
.board_cont.type01 .board_inner .item .photo em.new_icon {position: absolute; right: .7rem; bottom: .9rem; z-index: 10; font-size: 0; display: block; width: 4rem; height: 2rem; background: url(../images/common/new_icon03.svg) no-repeat center;}
.board_cont.type01 .board_inner .item .photo::after {content: ''; display: block; padding-bottom: 100%;}
.board_cont.type01 .board_inner .item .photo .p_inner {position: absolute; width: 100%; height: 100%; background: #f5f5f5; }
.board_cont.type01 .board_inner .item .photo .p_inner img {}
.board_cont.type01 .board_inner .item .tit {font-size: 1.4rem; line-height: 2rem; font-weight: 700; color: #202020; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_cont.type01 .board_inner .item .txt {margin-top: .3rem; }
.board_cont.type01 .board_inner .item .txt span.day {font-size: 1.4rem; line-height: 2rem; color: #9D9D9D;}
/* board paging 주석 */
/* .board_cont.type01 button {font-size: 1.4rem; color: #BCBCBC; line-height: 2rem; border: none; display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; background: #FAFAFA; cursor: pointer; padding: 1rem 0;}
.board_cont.type01 button::after {content: ''; width: 1.4rem; height: 1.4rem; background: url(../images/common/down_icon.svg) no-repeat right center;} */


.board_cont .board_inner .no_item {width: 100%; background: #FAFAFA;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;  padding: 3.8rem 0;}
.board_cont .board_inner .no_item .no_data {font-size: 1.4rem; line-height: 2rem; text-align: center; font-weight: 300; ;}
.board_cont .board_inner .no_item .no_data::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/info_circle.svg) no-repeat center; margin: 0 auto 1rem auto;}




.board_content {margin: 6rem 2.4rem;}
.board_content.type01 {margin: 6rem 0; }
.board_content .board_searhc_area {margin-bottom: 6rem;}
.board_list {}
.board_list .item {padding-bottom: 2rem; border-bottom: solid .1rem #F5F5F5; margin-bottom: 3rem;}
.board_list .item a {}
.board_list .item .category {margin-bottom: 1rem; display: flex; align-items: center;}
.board_list .item .category span {display: block; font-size: 1.4rem; line-height: 2rem; border: solid .1rem #BCBCBC; padding: .2rem .7rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;  }
.board_list .item .category span.best {border-color: #F8007F; color: #F8007F;}
.board_list .item .category span.free {border-color: #BCBCBC; color: #BCBCBC;}
.board_list .item dl {display: flex; gap: 2rem;}
.board_list .item dl dt.photo {overflow: hidden; position: relative;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; width: 7.2rem; }
.board_list .item dl dt.photo::after {content: ''; display: block; padding-bottom: 100%;}
.board_list .item dl dt.photo .p_img {position: absolute; width: 100%; height: 100%;}
.board_list .item dl dd {flex: 1;}
.board_list .item dl dd .tit {font-size: 1.6rem; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;     word-break: break-word;}
.board_list .item dl dd .txt {font-size: 1.6rem; line-height: 2.2rem; color: #BCBCBC; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1rem; word-break: break-word;}

.board_list .item .item_info {margin-top: 2rem; display: flex; justify-content: space-between;}
.board_list .item .item_info .name {display: flex; align-items: center;}
.board_list .item .item_info .name span { font-size: 1.4rem; line-height: 2rem; display: flex; align-items: center;}
.board_list .item .item_info .name span::after {content:'・';  font-size: 1.4rem; line-height: 2rem;}
.board_list .item .item_info .name em {font-size: 1.4rem; line-height: 2rem; display: flex; align-items: center;}
.board_list .item .item_info .name em::before {content: 'Lv.'; font-size: 1.4rem; line-height: 2rem;}
.board_list .item .item_info .time {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC;}


/* 검색결과 없을시 */
.board_list .no_data {width: 100%; background: #FAFAFA;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;  padding: 3.8rem 0; margin: 6rem 0;}
.board_inner .no_data {width: 100%; padding: 1.5rem 0;}
.board_list .no_data .item,
.board_inner .no_data .no_item {font-size: 1.4rem; line-height: 2rem; text-align: center; font-weight: 300; padding: 0; margin: 0; border: none; display: block;}
.board_list .no_data .item::before,
.board_inner .no_data .no_item::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/info_circle.svg) no-repeat center; margin: 0 auto 1rem auto;}

/* 이벤트 리스트 없을시 */
.event_list .no_data {width: 100%; background: #FAFAFA;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;  padding: 3.8rem 0; margin: 6rem 0;}
.board_inner .no_data {width: 100%; padding: 1.5rem 0;}
.event_list .no_data .item,
.event_list .no_data .no_item {font-size: 1.4rem; line-height: 2rem; text-align: center; font-weight: 300; padding: 0; margin: 0; border: none; display: block;}
.event_list .no_data .item::before {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/info_circle.svg) no-repeat center; margin: 0 auto 1rem auto;}



/* 게시판 상세 */
.noti_area .view_area {margin: 0 2.4rem;}
.view_tit02 {margin: 6rem 0 0 0; }
.view_tit02 .hashtag {display: flex; margin-bottom: 1rem; position: relative; width: 100%;}
.view_tit02 .hashtag span {display: flex; align-items: center; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; padding: .4rem 1.1rem; background: #BCBCBC; font-size: 1.4rem; line-height: 2rem; color: #fff; gap: .3rem;}
.view_tit02 .hashtag span em { font-size: 1.4rem; line-height: 2rem; color: #fff; }
.view_tit02 .hashtag span a { font-size: 1.4rem; line-height: 2rem; color: #fff;}

.view_tit02 .view_ing {display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;}
.view_tit02 .view_ing li {-webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; font-size: 1.4rem; line-height: 2rem; padding: .4rem 0; width: 7.6rem; text-align: center; background: rgba(255, 255, 255, 0.90); border: solid .1rem; }
.view_tit02 .view_ing li.ing {background: linear-gradient(139deg, rgba(230, 0, 124, 1) 0%, rgba(91, 20, 197, 1) 80%); color: #fff;}
.view_tit02 .view_ing li.day {background: #5B14C5; color: #fff;}





.view_tit02 .tit {font-size: 2.4rem; line-height: 3rem; font-weight: 700; color: #000; }
.view_tit02 .item_info {margin: 1rem 0 3rem 0; display: flex; justify-content: space-between;}
.view_tit02 .name_info {display: flex; align-items: center; margin: 1rem 0 ; }
.view_tit02 .name_info span { font-size: 1.4rem; line-height: 2rem; display: flex; align-items: center;}
.view_tit02 .name_info span::after {content:'・';  font-size: 1.4rem; line-height: 2rem;}
.view_tit02 .name_info em {font-size: 1.4rem; line-height: 2rem; display: flex; align-items: center;}
.view_tit02 .name_info em::before {content: 'Lv.'; font-size: 1.4rem; line-height: 2rem;}
.view_tit02 .item_info .time {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC;}

.view_tit02 .co_info {display: flex; align-items: center; gap: .8rem; }
.view_tit02 .co_info span {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC; display: flex; align-items: center; gap: .2rem;}
.view_tit02 .co_info span.re_txt::before {display: block; content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/common/messages02_icon.svg) no-repeat center;}
.view_tit02 .co_info span.like::before {display: block; content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/common/like_icon02.svg) no-repeat center;}
.view_tit02 .co_info span.click::before {display: block; content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/common/click_icon.svg) no-repeat center;}


/* 게시판 좋아요 */
.global_like {display: flex; align-items: center; justify-content: center; margin: 6rem 0; cursor: pointer;}
.global_like em {display: flex; align-items: center; justify-content: center; gap: .8rem; padding: .6rem 1.4rem;  -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem; border: solid 1px #F8007F; color: #F8007F; font-size: 1.4rem; line-height: 2rem; min-width: 8rem;}
.global_like em::before {display: block; content: ''; width: 2rem; height: 2rem; background: url(../images/common/heart02.svg) no-repeat center;}
.global_like.active em::before {display: block; content: ''; width: 2rem; height: 2rem; background: url(../images/common/heart02_on.svg) no-repeat center;}

/* 해시태그 */
.hashtag_area {display: flex; align-items: center; flex-wrap: wrap; gap: .8rem .6rem ;}
.hashtag_area span {display: block; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; padding: .4rem 0; background: #BCBCBC; font-size: 1.4rem; line-height: 2rem; color: #fff; width: calc((100% / 3) - .4rem );  text-align: center;}

/* 베스트 게시판 */

.best_boards {padding-bottom: 6rem; margin-bottom: 6rem; border-bottom: solid .1rem #EDEDED;}
.best_boards .tab {display: flex; align-items: center; width: 100%; }
.best_boards .tab li {width: 100%;}
.best_boards .tab li a { display: block; font-size: 1.4rem; line-height: 2.2rem; padding:.7rem; cursor: pointer; text-align: center; background: #F5F5F5; border: solid .1rem #F5F5F5; }
.best_boards .tab li.on a {color: #F8007F; background: #FFF6FA; border-color: #F791C3;}
.best_boards .tabcont  {display: none;}
.best_boards .tabcont.on  {display: block;}
.best_boards .tabcont .inner {padding-top: 3rem;}

.best_list {}
.best_list li {}
.best_list li + li {margin-top: .7rem; }
.best_list li a {display: flex; gap: .8rem;}
.best_list li a .txt {font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; flex: 1;}
.best_list li a .txt span {font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; margin-right: .2rem;}
.best_list li a em {font-size: 1.4rem; line-height: 2rem; color: #F763AA; display: flex; align-items: center; gap: .1rem;}
.best_list li a em::before {display: block; content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/common/messages03_icon.svg) no-repeat center;}




/* 댓글 영역 */

.re_comment {margin-bottom: 6rem;}
.re_comment .tit_box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.re_comment .tit {font-size: 2rem; line-height: 3rem; font-weight: 700; color: #000;}

.re_comment .re_textarea {border: solid .1rem #BCBCBC;  -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; overflow: hidden; margin-bottom: 4rem; }
.re_comment .re_textarea textarea {border: none; padding: 1.4rem; resize: none; height: 15rem; width: 100%; overflow-y: auto; outline: none; font-size: 1.4rem; line-height: 2rem; border-bottom: solid .1rem #F5F5F5; }
.re_comment .re_textarea textarea::placeholder {color: #BCBCBC;}

.re_comment_list {margin-bottom: 3rem;}
.re_comment_list .item {padding: 2rem 0 1rem 0; border-bottom: solid .1rem #F5F5F5;}
.re_comment_list .item .category {margin-bottom: 1rem; display: flex; align-items: center;}
.re_comment_list .item .category span {display: block; font-size: 1.4rem; line-height: 2rem; border: solid .1rem #BCBCBC; padding: .2rem .7rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; }
.re_comment_list .item .category span.best {border-color: #F8007F; color: #F8007F;}
.re_comment_list .item .category span.free {border-color: #BCBCBC; color: #BCBCBC;}
.re_comment_list .item .re_cont {}
.re_comment_list .item .re_cont .re_inner {position: relative;}
.re_comment_list .item .re_cont dl {display: flex; gap: .5rem;}
.re_comment_list .item .re_cont dl dt {overflow: hidden; position: relative;  -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; width: 4rem; background: #DFDFDF url(../images/common/profile.svg) no-repeat center; }
.re_comment_list .item .re_cont dl dt::after {content: ''; display: block; padding-bottom: 100%;}
.re_comment_list .item .re_cont dl dt .photo {position: absolute; width: 100%; height: 100%; }
.re_comment_list .item .re_cont dl dt .photo img {height: 100%; object-fit: cover;}
.re_comment_list .item .re_cont dl dd {flex: 1; }
.re_comment_list .item .re_cont dl dd .man_info {display: flex; align-items: center; gap: .4rem; }
.re_comment_list .item .re_cont dl dd .man_info span.name {font-size: 1.6rem; line-height: 2.2rem; color: #000;}
.re_comment_list .item .re_cont dl dd .man_info span.lv { font-size: 1.6rem; line-height: 2.2rem; color: #F8007F; display: flex; align-items: center;}
.re_comment_list .item .re_cont dl dd .man_info span.lv::before {content: 'Lv.'; display: block;}
.re_comment_list .item .re_cont dl dd .man_info em.new {display: block; width: 4.6rem; height: 2.2rem; background: url(../images/common/new_icon03.svg) no-repeat center;     background-size: contain; font-size: 0;;}
.re_comment_list .item .re_cont dl dd .day {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC; margin-top: .2rem; }
.re_comment_list .item .re_cont .txt {margin-top: 1rem; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; word-break: break-word;}
.re_comment_list .item .re_cont .re_like {display: flex; align-items: center; justify-content: end; margin-top: .5rem; cursor: pointer;}
.re_comment_list .item .re_cont .re_like span {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC; display: flex; align-items: center; gap: .2rem; min-width: 4rem;}
.re_comment_list .item .re_cont .re_like span::before {display: block; content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/common/like_icon02.svg) no-repeat center;}
.re_comment_list .item .re_cont .re_like.active span {color: #F8007F;}
.re_comment_list .item .re_cont .re_like.active span::before {display: block; content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/common/like_icon02_on.svg) no-repeat center;}

.re_comment .more {border: none; display: block; border: none; width: 100%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; line-height: 2rem; color: #9D9D9D; cursor: pointer;}
.re_comment .more::after {content: ''; display: block;  width: 1.8rem; height: 1.8rem; background: url(../images/common/down_icon.svg) no-repeat center;}

.re_comment_list .item .re_cont .txt .write_area {margin-top: 1.6rem; }
.re_comment_list .item .re_cont .txt .write_area textarea {width: 100%; border: solid .1rem #DFDFDF;  padding: 1.4rem; border-radius: .5rem; resize: none; outline: none; font-size: 1.6rem; }
.re_comment_list .item .re_cont .txt .write_area .re_btn {margin-top: 1rem; display: flex; align-items: center; justify-content: end; gap: .7rem}
.re_comment_list .item .re_cont .txt .write_area .re_btn button {border-radius: .5rem; width: 5.8rem; height: 2.8rem; color: #fff; cursor: pointer;}
.re_comment_list .item .re_cont .txt .write_area .re_btn .modify_save {background: #F8007F;}
.re_comment_list .item .re_cont .txt .write_area .re_btn .cancel_comment {background: #BCBCBC;}




/* 공지 목록 */

.notice_area {margin-bottom: 6rem;}
.notice_area .tit_box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }
.notice_area .tit {font-size: 2rem; line-height: 3rem; font-weight: 700; color: #000;}

.notice_area .notice_content {padding: 2.4rem 1.8rem 3rem 1.8rem; background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.notice_area .notice_content .item {margin-bottom: 2rem; width: 100%;}
.notice_area .notice_content .item:nth-child(n+3) {width: calc((100% / 2) - .8rem )}
.notice_area .notice_content .item a {display: block;}
.notice_area .notice_content .item .photo_box {width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;}
.notice_area .notice_content .item .photo_box::after {content: ''; display: block; padding-bottom: 60%;}
.notice_area .notice_content .item:nth-child(n+3) .photo_box::after {content: ''; display: block; padding-bottom: 100%;}
.notice_area .notice_content .item .photo_box .photo {position: absolute; width: 100%; height: 100%;}
.notice_area .notice_content .item .tit {font-size: 1.4rem; line-height: 2rem; color: #202020; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1rem; }
.notice_area .notice_content .item .notice_info {margin-top: .6rem; }
.notice_area .notice_content .item .notice_info span {font-size: 1.4rem; line-height: 2rem; color: #BCBCBC; display: flex; align-items: center; gap: .2rem;}
.notice_area .notice_content .item .notice_info span.re_txt::before {display: block; content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/common/messages02_icon.svg) no-repeat center;}

.notice_area .notice_content .more {border: none; display: block; border: none; width: 100%; background: #FAFAFA; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; line-height: 2rem; color: #9D9D9D; cursor: pointer; padding-top: 1rem; }
.notice_area .notice_content .more::after {content: ''; display: block;  width: 1.8rem; height: 1.8rem; background: url(../images/common/down_icon.svg) no-repeat center;}


/* 게시판 비디오 */

.board_video {position:relative; height:0; padding-bottom:56.25%;}
.board_video .v_box {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 60rem; height: 100%;}
.board_video .v_box iframe,
.board_video .v_box embed {width: 100% !important; height: 100% !important; object-fit: cover;}


/************************************************************ 상점 **********************************************************/

.my_con_area.store {margin-bottom: 4.5rem; }
.my_con_area.store .my_info {padding-top: 0;}
.my_con_area.store .pointarea .item::before {display: none;}
.my_con_area.store .pointarea .item a {display: block; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; margin: 1.4rem .4rem 0 .4rem; text-align: center; font-size: 1.4rem; line-height: 2rem; color: #F8007F; padding: .4rem 0; border: solid .1rem #F8007F; }

.profile_box {position: relative; width: 7rem; height: 7rem; ; -webkit-border-radius: 2.4rem; -moz-border-radius: 2.4rem; border-radius: 2.4rem; overflow: hidden; background-color: #DFDFDF; }


/* 아이템샵 */
.store_list {}
.store_list + .store_list {margin-top: 10rem;}
.store_list .i_tit {font-size: 2rem; line-height: 3rem; font-weight: 700; margin-bottom: 3rem; }
.store_list .i_tit ~ .i_tit {margin-top: 10rem;}
.store_list .item {background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 1.8rem 1.8rem 1.1rem 2rem; position: relative; margin-bottom: 3rem; border: solid .1rem #FAFAFA;}
.store_list .item .i_inner {}
.store_list .item .i_inner .tit {}
.store_list .item .i_inner .tit span {font-size: 1.8rem; line-height: 2.2rem; display: flex; align-items: center; gap: .5rem;}
.store_list .item .i_inner .tit span a.expand {font-size: 0; width: 2.4rem; height: 2.4rem; display: block; background: url(../images/common/q_icon.svg) no-repeat center;}
.store_list .item .i_inner .tit em {font-size: 1.6rem; line-height: 2.2rem; color: #BCBCBC; display: block;}
.store_list .item .i_inner .cd,
.store_list .item .i_inner .lp,
.store_list .item .i_inner .won {display: flex; align-items: center; gap: 1rem; margin-top: 1.3rem; gap: 1rem; }
.store_list .item .i_inner .cd > div,
.store_list .item .i_inner .lp > div,
.store_list .item .i_inner .won > div {font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; display: flex; align-items: center; }
.store_list .item .i_inner .cd > div::after {content: 'CD'; display: block;}
.store_list .item .i_inner .lp > div::after {content: 'LP'; display: block;}
.store_list .item .i_inner .won > div::after {content: '원'; display: block; margin-left: .2rem; }
.store_list .item .i_inner .cd span,
.store_list .item .i_inner .lp span {font-size: 1.4rem; line-height: 2rem; color: #F8007F;}

.store_list .item.on {border: solid .1rem #F8007F;}
.store_list .item label {cursor: pointer; }
.store_list .item label input[type="radio"] {-webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 3rem;  height: 3rem;  border-radius: 0; transition: .2s all linear; margin: 0; background: url(../images/common/all_check_off.svg) no-repeat right center; background-size: 3rem; position: absolute; right: 1.7rem; top: 50%; transform: translateY(-50%);}
.store_list .item label input[type="radio"]:checked {background: url(../images/common/all_check_on.svg) no-repeat right center; background-size: 3rem;}
.store_list .item label input[type="radio"]:checked + .no {color: #F8007F; }

.r_point {}
.r_point li {font-size: 1.4rem; line-height: 2rem; display: flex; align-items: center; gap: 1rem; }
.r_point li + li {margin-top: 1.6rem; }
.r_point li .txt {display: flex; align-items: center; }
.r_point li .txt::before {content: '・'; display: block;}
.r_point li .txt span {font-size: 1.4rem; line-height: 2rem;}
.r_point li .txt span.box {display: flex; align-items: center;}
.r_point li .txt span.box::after {content:'|'; font-size: 1.4rem; line-height: 2rem; padding: 0 .4rem;}
.r_point li .txt02 {display: flex; align-items: center; gap: .5rem; }
.r_point li .txt02::before{content: '→'; display: block; font-size: 1.4rem; line-height: 2rem; color: #F8007F;}
.r_point li .txt02 span {font-size: 1.4rem; line-height: 2rem; color: #F8007F;}

/* 결제 */

.dan_box {}
.dan_box + .dan_box {padding-top: 6rem; margin-top: 6rem; border-top: solid .1rem #F5F5F5}
.dan_box:last-child {margin-bottom: 6rem;}
.dan_box .c_tit {font-size: 2rem; color: #000; line-height: 3rem; margin-bottom: 2rem; font-weight: 700; display: flex; align-items: center; justify-content: space-between;}
.dan_box .c_tit span {display: block; font-size: 2rem;  line-height: 3rem; color: #F8007F; font-weight: 700;}
.dan_box .c_tit span::after {content: '원'; font-size: 2rem;  line-height: 3rem; color: #F8007F; font-weight: 700;}
.pay_method {display: flex; flex-wrap: wrap; gap: 1rem; }
.pay_method .p_item {width: calc((100% / 2) - .5rem);}
.pay_method .p_item input[type=radio] {display: none;}
.pay_method .p_item label {display: block; height: -webkit-fill-available; text-align: center; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #DFDFDF; font-size: 1.4rem; line-height: 2rem; color: #000; cursor: pointer; padding: 1.4rem 0;}
.pay_method .p_item input[type=radio]:checked + label {border-color: #F8007F; color: #F8007F; }
.pay_method .p_item label:hover {color: #666; border-color: #F8007F; color: #F8007F;}


/* 구매팝업 */

.pay_pop_con {}
.pay_pop_con .pay_top {text-align: center; padding-bottom:2rem; border-bottom: solid .1rem #DFDFDF;}
.pay_pop_con .pay_top .lp {font-size: 1.8rem; line-height: 2.2rem; color: #F8007F; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pay_pop_con .pay_top .cd {font-size: 1.8rem; line-height: 2.2rem; color: #F8007F; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.pay_pop_con .pay_top .cd::after {content: 'CD'; display: block; font-size: 1.8rem; line-height: 2.2rem;}
.pay_pop_con .pay_top .lp::after {content: 'LP'; display: block; font-size: 1.8rem; line-height: 2.2rem;}
.pay_pop_con .pay_textbox {font-size: 1.8rem; line-height: 2.2rem; color: #606060; text-align: center; margin-top: 2rem; margin-bottom: 3rem;}
.pay_pop_con .pay_textbox .txt {}
.pay_pop_con .pay_textbox .txt .txt_div,
.pay_pop_con .pay_textbox .txt .txt_div span {color: #F8007F;}
.pay_pop_con .pay_textbox .txt01 {margin-top: 1.4rem; }


/* 충전샵 */

.charge_detail_box {border: solid .1rem #DFDFDF; background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; margin: 1rem 0; padding: 1rem; }
.layout-tr {}
.layout-tr + .layout-tr {margin-top: 1rem; border-top: solid .1rem #ccc; padding-top: 1rem;}
.layout-tr .name {font-size: 1.4rem; font-weight: 600; margin-bottom: 1rem;}
.layout-tr .inp {font-size: 1.2rem; line-height: 1.3;}

.btn-container {display: flex; align-items: center; justify-content: center; margin-top: 4rem;}
.btn-container button {-webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; font-size: 1.8rem; line-height: 2.2rem; text-align: center; padding: 1.5rem 0; background: #F8007F; color: #fff; border: none; flex: 1; cursor: pointer;}






/************************************************************ 검색 **********************************************************/
/* 검색 리스트 */
.search_area {margin-bottom: 6rem;}
.search_area .inner {}
.search_area .no_data {padding: 3rem 0 5rem 0; text-align: center; }
.search_area .no_data .txt01 {font-size: 1.6rem; line-height: 2rem; font-weight: 300; margin-bottom: 3rem;}
.search_area .no_data .txt02,
.search_area .no_data .txt02 a {font-size: 1.4rem; line-height: 2rem; color: #DFDFDF;}


.search_area .search_item .s_name {padding: 3rem 0 5rem 0; font-size: 1.6rem; line-height: 2.2rem; font-weight: 300; text-align: center;}
.search_item .s_name strong {font-size: 2rem; line-height: 3rem; font-weight: 700; color: #F8007F;}
.search_area .search_item .item { padding: 3.7rem 3rem; display: flex; gap: 1.9rem; flex-wrap: wrap; background: #FFF6FA;}
.search_area .search_item .item .photo_box {background: #fff; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden;}
.search_area .search_item .item .photo_box .photo {width: 8.6rem; height: 9.8rem; overflow: hidden;  flex-shrink: 0; position: relative;}
.search_area .search_item .item .photo_box .photo a {display: block; height: 100%;}
.search_area .search_item .item .photo_box .photo img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; margin: auto;}
.search_area .search_item .item .photo_box .scores {display: flex; align-items: center;}
.search_area .search_item .item .photo_box .scores span {width: 4rem; text-align: center; font-size: 2rem; line-height: 3rem;}
.search_area .search_item .item:first-child .photo_box .scores span {color: #F8007F;}
.search_area .search_item .item .photo_box .scores em { flex: 1; display: flex; align-items: center; font-size: 1.4rem; color: #F763AA; line-height: 3rem; font-weight: 300;}
.search_area .search_item .item .photo_box .scores em::before {content: ''; display: block; width: 1.2rem; height: 1.2rem; background: url(../images/common/star_icon01.svg) no-repeat center;}

.search_area .search_item .item .u_info {flex: 1;}
.search_area .search_item .item .u_info .name {font-size: 1.8rem; line-height: 2rem; font-weight: 700; margin-bottom: .2rem;}
.search_area .search_item .item .u_info .name span {font-size: 1.4rem; line-height: 2rem; font-weight: 700;}
.search_area .search_item .item .u_info .txt {margin-bottom: .2rem; font-size: 1.4rem; line-height: 2rem; display: flex; gap: .3rem;}
.search_area .search_item .item .u_info .txt em {}
.search_area .search_item .item .u_info .txt span {flex: 1; word-break: keep-all;}
.search_area .search_item .item .u_info .point {padding-top: 1rem; margin-top: .8rem; position: relative;}
.search_area .search_item .item .u_info .point::before {content: ''; display: block; width: 2rem; height: .1rem; background: #9D9D9D; position: absolute; left: 0; top: 0;}
.search_area .search_item .item .u_info .point span {display: flex; align-items: center; font-size: 1.4rem; line-height: 2rem; color: #9D9D9D;}
.search_area .search_item .item .u_info .point span.type01::before {content: '참여수 :'; font-size: 1.4rem; color: #9D9D9D; line-height: 2rem; margin-right: .5rem;}
.search_area .search_item .item .u_info .point span.type01::after {content: '명'; font-size: 1.4rem; color: #9D9D9D; line-height: 2rem; }
.search_area .search_item .item .u_info .point span.type02::before {content: '좋아요 :'; font-size: 1.4rem; color: #9D9D9D; line-height: 2rem; margin-right: .5rem;}

.same_name {margin: 0 -2.4rem;}
.same_name .tit {padding: 0 2.4rem; font-size: 2rem; line-height: 3rem; font-weight: 700; margin-bottom: 2rem;}
.same_name ul {border-top: solid .1rem #DFDFDF; margin-bottom: 6rem;;}
.same_name ul li {border-bottom: solid .1rem #DFDFDF; padding: 2.1rem 2.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.same_name ul li span {font-size: 1.6rem; line-height: 2.2rem; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; flex: 1;}
.same_name ul li a {display: block; width: 6.8rem; line-height: 2.8rem; font-size: 1.4rem; color: #F8007F; text-align: center; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; border: solid .1rem #F8007F;}




/************************************************************ 광고 **********************************************************/
/* 광고 영역 */
.advertising { text-align: center; line-height: 1; position: relative; padding-bottom: 2rem; margin-bottom: 3rem; border-bottom: solid .1rem #F5F5F5;}
.advertising .ad_inner {width: 100%; max-width: 100%; height: 11.2rem; background: #6AC373; color: #fff; font-weight: 660; font-size: 2.4rem;}
.adv_square {position: relative; width: 100%; max-width: 31.2rem; background: #6AC373; margin: 6rem auto; position: relative;}
.adv_square::after {content: ""; display: block; padding-bottom: 100%;}
.adv_square .inner {position: absolute; width: 100%; height: 100%; text-align: center; line-height: 1; color: #fff; font-weight: 660; font-size: 2.4rem; }
.advertising.type01 {padding: 0; margin: 0; border: none;}

/************************************************************ 서비스 **********************************************************/
/* 서비스 안내 */
.service_ul {margin-bottom: 6rem; }
.service_ul li + li {margin-top: 1rem;}
.service_ul li a {display: flex; align-items: center; justify-content: space-between; font-size: 1.8rem; line-height: 2.2rem; padding: 1rem 0;}
.service_ul li a::after {content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/list_arrow02.svg) no-repeat center;}

/* 서비스 소개 */
.service_intro {margin-bottom: 6rem; }
.service_intro .item {padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: solid .1rem #DFDFDF;}
.service_intro .item .tit {font-size: 2rem; font-weight: 700; line-height: 3rem; margin-bottom: 1rem; color: #F8007F; }
.service_intro .item .txt {font-size: 1.4rem; line-height: 2rem; font-weight: 300;}
.service_intro .item .txt + .txt {margin-top: 2rem;}
.service_intro .item .txt strong {font-weight: 700;}
.service_intro .item .txt span {display: block; font-weight: 700;}
.service_intro .item:last-child {padding-bottom: 0; border: none; margin}


/* 서비스 포인트안내 */
.service_point {margin-bottom: 6rem;}
.service_point .item {}
.service_point .item + .item {margin-top: 2rem;}
.service_point .item a {display: block; padding: 1.4rem 1.2rem 1.4rem 1.9rem; border: solid .1rem #F8007F; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; overflow: hidden;}
.service_point .item dl {display: flex;}
.service_point .item dl dt {font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #F8007F; width: 8.8rem;}
.service_point .item dl dd {font-size: 1.4rem; line-height: 2rem; color: #606060; flex: 1; display: flex; justify-content: space-between;  gap: 1rem; }
.service_point .item dl dd::after {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/common/list_arrow02.svg) no-repeat center;}

.service_pop {margin-bottom: 3.3rem;}
.service_pop .point {}
.service_pop .point li {font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #606060; display: flex; align-items: center;}
.service_pop .point li + li {margin-top: 1rem;}
.service_pop .point li::before {content: '・'; font-size: 1.6rem; line-height: 2.2rem;}
.service_pop .point li span {color: #F8007F; font-weight: 700; }

.service_lv {margin: 2rem 0;}
.service_lv ul {display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; padding-left: 19%;}
.service_lv ul li {display: flex; align-items: center; gap: .8rem;}
.service_lv.half ul {padding: 2rem 0; border-top: solid .1rem #DFDFDF; border-bottom: solid .1rem #DFDFDF; padding-left: 0; }
.service_lv.half ul li { width: calc(50% - .5rem);}
.service_lv ul li span {display: block; width: 8.4rem; font-size: 1.4rem; line-height: 2rem; color: #fff; background: #F8007F; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; overflow: hidden; text-align: center;}
.service_lv ul li em {font-size: 1.4rem; line-height: 2rem; color: #F8007F;}

.service_txt {font-size: 1.6rem; line-height: 2.2rem; color: #606060; padding-bottom: 2rem; border-bottom: solid .1rem #DFDFDF; margin-bottom: 2rem; text-align: center;}
.service_txt span {color: #F8007F; }
.service_txt02 {font-size: 1.4rem; line-height: 2rem; font-weight: 300; color: #606060; text-align: left; padding-top: 2rem;  border-top: solid .1rem #DFDFDF;}

.useit {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3rem; background: #FAFAFA; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; padding: 1.8rem 0; font-size: 1.6rem; line-height: 2.2rem; color: #F8007F; text-align: center;}
.useit span {font-size: 1.4rem; line-height: 2rem; font-weight: 700; color: #fff; background: #F8007F; width: 5.4rem; text-align: center; margin-bottom: 1rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem;}






/************************************************************ 250411 추가작업 **********************************************************/

.new_info_box {}
.new_info_box .inner {}
.new_info_box .name {font-size: 2.4rem; font-weight: 700; line-height: 3.4rem;}
.new_info_box .jop_box {display: flex; align-items: center; margin-bottom: 2rem; }
.new_info_box .jop_box .item {display: flex; align-items: center;}
.new_info_box .jop_box .item + .item {background: url(../images/common/new_gap.png) no-repeat .8rem center; padding-left: 2rem; }
.new_info_box .jop_box .item span {font-size: 1.4rem; color: #9d9d9d; line-height: 2rem;}
.new_info_box .jop_box .item span + span {background: url(../images/common/new_point.png) no-repeat .3rem center; padding-left: 1rem;}
.new_info_box .additional_info {display: flex; justify-content: space-between; gap: 2rem; padding-bottom: 2rem; border-bottom: solid .1rem #dfdfdf;}
.new_info_box .additional_info ul {}
.new_info_box .additional_info ul li {display: flex; gap: 1rem;}
.new_info_box .additional_info ul li .tit {font-size: 1.6rem; color: #9d9d9d; line-height: 2.2rem; min-width: 4.1rem;}
.new_info_box .additional_info ul li .txt {font-size: 1.6rem; color: #414141; line-height: 2.2rem;}
.new_info_box .photo {width: 7rem; height: 8.4rem;overflow: hidden; flex-shrink: 0;position: relative; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;}
.new_info_box .photo img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; margin: auto;}


.new_btn_area {display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; }
.new_btn_area a {display: block; border: solid .1rem; font-size: 1.4rem; line-height: 2rem; padding: .7rem 1.6rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; border-radius: 10rem;}
.new_btn_area a.like {color: #F8007F; border-color: #F8007F;  display: flex; align-items: center; gap: .5rem; }
.new_btn_area a.btn01 {color: #A06EE2; border-color: #A06EE2; }
.new_btn_area a.like::after {display: block; content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/common/like_icon02_on.svg) no-repeat center;}


.poll_nav {position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 30.3rem;  -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; overflow: hidden; background: #fff; z-index: 302; display: none; }
.poll_nav .tit {background: url(../images/common/logo.svg) no-repeat center; background-size: 5rem 1.9rem; width: 100%; height: 7.2rem; font-size: 0; border-bottom: solid .1rem #d9d9d9;}
.poll_nav .list {}
.poll_nav .list li {border-bottom: solid .1rem #d9d9d9;}
.poll_nav .list li a {font-size: 2rem; color: #414141; display: flex; align-items: center; justify-content: center; gap: .6rem; line-height: 3rem; padding: 2.5rem 0 2.6rem 0; }
.poll_nav .list li a:hover {color: #F8007F; }
.poll_nav .list li.theme a::before{content: ''; display: block; width: 3rem; height: 3rem; background: url(../images/common/theme_icon.svg) no-repeat 0 0; background-size: 3rem;}
.poll_nav .list li.theme a:hover::before{content: ''; display: block; width: 3rem; height: 3rem; background: url(../images/common/theme_icon_on.svg) no-repeat 0 0; background-size: 3rem;}
.poll_nav .list li.birthday a::before{content: ''; display: block; width: 3rem; height: 3rem; background: url(../images/common/birthday_icon.svg) no-repeat 0 0; background-size: 3rem;}
.poll_nav .list li.birthday a:hover::before{content: ''; display: block; width: 3rem; height: 3rem; background: url(../images/common/birthday_icon_on.svg) no-repeat 0 0; background-size: 3rem;}
.poll_nav .list li.star a::before{content: ''; display: block; width: 3rem; height: 3rem; background: url(../images/common/star02_icon.svg) no-repeat 0 0; background-size: 3rem;}
.poll_nav .list li.star a:hover::before{content: ''; display: block; width: 3rem; height: 3rem; background: url(../images/common/star02_icon_on.svg) no-repeat 0 0; background-size: 3rem;}
.poll_nav .btn {display: flex; align-items: center; background: #F8007F}
.poll_nav .btn a {color: #fff; font-size: 1.8rem; line-height: 2.2rem; flex: 1; text-align: center; padding: 1.7rem 0; position: relative;}
.poll_nav .btn a + a::after {content: ''; width: .1rem; height: 100%; background: #fff; display: block; position: absolute; left: 0; top: 0;}



/*당첨자발표안내*/
.poll_con .prize_tit {margin-bottom: 2.6rem;}
.poll_con .prize_tit span {display: inline-flex; border-bottom: solid .2rem #F8007F; font-size: 2rem; line-height: 3rem; padding: 0 .3rem; color: #F8007F; font-weight: 600;}
.poll_con .prize_list {margin: 0 2.4rem; display: flex; flex-wrap: wrap; }
.poll_con .prize_list li {display: flex; align-items: center; width: 50%;}
.poll_con .prize_list li span {display: block;  background: url(../images/common/new_point03.png) no-repeat .3rem .9rem; background-size: .3rem; padding-left: 1rem; font-size: 1.4rem; line-height: 2rem; color: #414141; }


/* 게시글 수정 및 삭제 */

.modify_box {position: absolute; right: 0; top: 0;}
.modify_box button {background: url(../images/common/option_point.png) no-repeat center; display: block; width: 2rem; height: 2rem; border: none; font-size: 0; cursor: pointer;}
.modify_box .modify_txt {position: absolute; right: 0; top: 2.5rem; width: 7.6rem; border-radius: .5rem; background: #fff; border: solid .1rem #bcbcbc; display: none;}
.modify_box .modify_txt a {font-size: 1.4rem; color: #747474; line-height: 3.6rem; display: block; text-align: center; }
.modify_box .modify_txt a + a {margin-top: .6rem; color: #F8007F;}
.modify_box.active .modify_txt {display: block;}

.re_comment_list .item .re_cont .re_like .modify_save {background:#F8007F;  color: #fff; line-height: 2rem; font-size: 1.4rem; padding: 0 1rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}
.txt button { border: 1px solid; background:#F8007F;  color: #fff; line-height: 2rem; font-size: 1.4rem; padding: 0 1rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}





/************************************************************ 250522 추가작업 **********************************************************/

.info_area {margin: 0 -2.4rem;}
.tab_agree {margin-bottom: 6rem;}
.tab_agree ul {display: flex; align-items: center; width: 100%; border-bottom: solid .1rem #dfdfdf;}
.tab_agree ul li {width: 33.33%; position: relative; padding-bottom: 1.2rem;}
.tab_agree ul li.one {}
.tab_agree ul li a {display: flex; align-items: center; justify-content: center;  width: 100%; font-size: 1.6rem; font-weight: 500; color: #414141; height: 4.4rem; line-height: 2.2rem; text-align: center;}
.tab_agree ul li.on a {color: #F8007F;}
.tab_agree ul li.on::before {content: ''; display: block; height: .2rem; background-color: #F8007F; width: 100%; position: absolute; left: 0; bottom: 0;}


/* 이용약관 */
.agree_box {margin: 0 2.4rem;}
.agree_box .tab {display: flex; align-items: center; gap: 2rem; margin-bottom: 3rem; }
.agree_box .tab li {font-size: 1.4rem; line-height: 2rem; border: solid .1rem #dfdfdf; border-radius: .5rem; padding: .6rem .7rem; color: #dfdfdf; cursor: pointer;}
.agree_box .tab li.on {color: #F8007F; border-color: #F8007F; }
.tabcont {display: none;}
.tabcont.on {display: block;}


.agree_txtarea {word-break: keep-all; padding: 0 2.4rem;}
.agree_txtarea .box_con {margin-bottom:3rem; word-break: keep-all; overflow-x: auto; width: 100%; }
.agree_txtarea h4 {font-size: 1.4rem; line-height: 2rem; color: #606060;  }
.agree_txtarea .txt {font-size: 1.4rem; color:#606060; line-height: 2rem;  font-weight:300; }
.agree_txtarea .txt02 {font-size: 1.4rem; color:#606060; line-height: 2rem; font-weight: 500;}
.agree_txtarea .txt03 {font-size: 1.4rem; color:#606060; line-height: 2rem;  font-weight:300; margin-top: .5rem;}
.agree_txtarea .txt03 span {display: block; font-size: 1.4rem; color:#606060; line-height: 2rem;  font-weight:300; }
.agree_txtarea .txt + .txt {margin-top: 2rem;}
.agree_txtarea .txt div {font-size: 1.4rem; font-weight: 300;  }
.agree_txtarea .txt .p_li {margin-top: 1rem; counter-reset: my-counter;}
.agree_txtarea .txt .p_li > li {font-size: 1.4rem; line-height: 1.3; color:#606060; font-weight:300; position:relative; padding-left: 2rem; margin-top:.5rem;}
.agree_txtarea .txt .p_li > li ul {margin: .5rem 0;}
.agree_txtarea .txt .p_li > li::before {counter-increment: my-counter; content: counter(my-counter); border-radius: 50%; border: 1px solid #606060; font-size: 1rem;  display: inline-block; position: absolute; left: 0; top: .3rem; width: 1.1rem; height: 1.1rem; text-align: center; line-height: 1;}
.agree_txtarea .txt .p_li li a {color:#000;}

.agree_txtarea .txt .p_li02 {margin-top: 1rem; counter-reset: number 0;}
.agree_txtarea .txt .p_li02 li {font-size: 1.4rem; line-height: 1.3; color:#606060; font-weight:300; position:relative; padding-left: 2rem; margin-top:.5rem;}
.agree_txtarea .txt .p_li02 li::before {counter-increment: number 1; content: counter(number) '. '; font-size: 1.4rem;  display: inline-block; position: absolute; left: 0; top: .3rem; width: 1.1rem; height: 1.1rem; text-align: center; line-height: 1;}
.agree_txtarea .txt .p_li02 li a {color:#000;}

.agree_txtarea .txt .p_li03 {margin-top: 1rem; counter-reset: number 0;}
.agree_txtarea .txt .p_li03 li {font-size: 1.4rem; line-height: 1.3; color:#606060; font-weight:300; position:relative; padding-left: 1rem; margin-top:.5rem;}
.agree_txtarea .txt .p_li03 li::before {content: ''; font-size: 1.4rem;  display: block; position: absolute; left: 0; top: .8rem; width: .3rem; height: .3rem; background: url(../images/common/new_point03.png) no-repeat center; background-size: 100%;}
.agree_txtarea .txt .p_li03 li a {color:#000;}



.mStore1 {margin-top: 6rem;}
.mStore1 .inner {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.mStore1 .loading_box {width: 10rem;}
.mStore1 .txt01 {font-size: 2rem; line-height: 3rem; margin-top: 2rem; font-weight: 700; color: #414141;}
.mStore1 .txt02 {font-size: 1.6rem; line-height: 1.4; margin-top: 1.5rem; font-weight: 400; color: #9D9D9D;}
.mStore1  button {-webkit-border-radius: 1rem; -moz-border-radius: 1rem;  border-radius: 1rem; font-size: 1.8rem; line-height: 2.2rem; text-align: center; padding: 1.5rem 0; background: #BCBCBC; color: #fff; display: block; width: 100%; border: none; margin-top: 6rem;}




@media (max-width: 430px) {
    .select2 {position: relative;}
    .select2::after {content:''; display: block; width: 1.8rem; height: 1.8rem; background: url(../images/common/select_arrow_d.svg) no-repeat center; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
    .select2 select {width: 100%; height: 4.2rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: solid .1rem #DFDFDF; border-radius: 5px; outline: none; padding: 0 3rem 0 .8rem;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  line-height: 4.2rem;}
    .select2 select::-ms-expand {display: none;}
}

/* 로봇이아닙니다 -영역 */
.g-recaptcha {margin-top: 2rem; }

@media (max-width: 414px) {
    .service_lv.type01 ul li {width: 22rem; position: relative; left: 50%;  transform: translateX(-50%);}
}

/* ios input창 확대 금지 */
@supports (-webkit-touch-callout: none) {
  input,
  select,
  textarea {
    font-size: 1.6rem !important;
  }
}
