@charset "UTF-8";

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  background-color: #141414;
}

/* Header 영역 */
header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background-color: #141414; 
}
header > .l_inner {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 0 50px;
}

header .logo {
  display: block;
  width: 112px;
  height: 34px;
  background: url('/imgs/brand/MOA_LOGO.svg') no-repeat right center;
}

header .gnb {
  margin-left: 35px;
  color: #666;
  font-size: 2.2rem;
  font-weight: bold;
}

header .gnb_list {
  display: flex;
}
header .gnb_list > li {
  height: 80px;
  line-height: 79px;
  padding: 0 15px;
}
header .gnb_list > li.selected {
  color: #fff;
}
header .gnb_list .category_menu {
  padding-right: 20px;
  margin-right: 53px;
  background: url('/imgs/icons/fill/16_triangle_bottom.svg') no-repeat right center;
  cursor: pointer;
}
header .gnb_list .category_menu.selected {
  color: #fff;
  background-image: url('/imgs/icons/fill/16_triangle_top.svg');
}
header .gnb_list .home_menu {
  position: relative;
}
header .gnb_list .home_menu:after {
  content: '';
  position: absolute;
  top: 33px; left: -19px;
  width: 1px;
  height: 18px;
  background-color: #888;
}

header .wrap_service {
  display: flex;
  margin-left: auto;
}
header .wrap_service > div + div {
  margin-left: 14px;
}
header .btn_search, header .link_ticket,
header .btn_alarm, header .btn_mypage, .btn_login {
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 80px;
}
header .btn_search {
  background-image: url('/imgs/icons/outline/28_search.svg');
  vertical-align: middle;
}
header .link_ticket {
  background-image: url('/imgs/icons/outline/28_ticket.svg');
}
header .btn_alarm {
  position: relative;
  background-image: url('/imgs/icons/outline/28_alarm_on.svg');
}
.btn_alarm .badge {
  position: absolute;
  top: 20px; right: 1px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 19px;
  border-radius: 50%;
  background-color: #f00;
  color: #fff;
  font-size: 1.1rem;
}
header .btn_mypage, .btn_login {
  width: auto;
  color: #fff;
  font-size: 1.8rem;
}

main > div {
  margin-top: 80px;
}

.main_vod, .main_live, .main_clip, .search_result {
  padding: 50px 50px 0;
}
.more_video .card_head,
.category_vod .category_lnb,
.upper_title {
  padding: 67px 50px 20px;
  margin: 0 0 80px 0;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
  background-image: linear-gradient(to bottom, rgba(33, 33, 33, 0) 0%, #212121 100%);
  font-size: 2.4rem;
  color: #fff;
}
.category_vod .category_lnb {
  margin: 0;
}
.detail_vod {
  padding: 40px 50px 0;
}
.more_video .card_grid, .category_vod .card_grid,
.login, .find_id, .find_pw, .reset_pw,
.agreement .check_list, .profile, .live_schedule {
  padding: 0 50px;
  overflow: hidden;
}

/* Footer 영역 */
/* footer.fixed_bottom {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
} */
footer.l_inner {
  padding: 30px 50px 73px;
  border-top: 1px solid #2f2f2f;
  margin-top: 180px;
}
footer .board_list {
  display: flex;
  font-size: 1.4rem;
  color: #888;
}

footer .board_list li + li {
  margin-left: 28px;
}

footer .board_list li.on {
  color: #fff;
}

footer .rights {
  margin-top: 26px;
  font-size: 1.3rem; 
  line-height: 1.5;
  color: #666;
}





/* 프로필 팝업창 */
.profile_popup {
  position: fixed;
  width: 260px;
  height: 210px;
  background-color: #1e1e1e;
  font-size: 1.6rem;
  z-index: 999;
}
.profile_popup .profile_area {
  display: flex;
  padding: 24px;
  border-bottom: 1px solid #2f2f2f;
}
.wrap_profile_img {
  border-radius: 4px;
}
.profile_popup .profile_img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background: no-repeat center / 100%;
}
/*프로필 전달 받은후 삭제
.wrap_profile_img.purple, .purple { background-image: linear-gradient(to bottom, #7d17e3 0%, #9c4be7 100%); }
.wrap_profile_img.blue, .blue { background-image: linear-gradient(to bottom, #171fe3 0%, #a87eff 100%); }
.wrap_profile_img.green, .green { background-image: linear-gradient(to bottom, #27e317 0%, #d6ff7e 100%); }
.wrap_profile_img.orange, .orange { background-image: linear-gradient(to bottom, #e35417 0%, #ffb067 100%); }

프로필 전달 받은후 삭제
.wrap_profile_img > .profile_img.purple { background-image: linear-gradient(to bottom, #7d17e3 0%, #9c4be7 100%); }
.wrap_profile_img > .profile_img.blue { background-image: linear-gradient(to bottom, #171fe3 0%, #a87eff 100%); }
.wrap_profile_img > .profile_img.green { background-image: linear-gradient(to bottom, #27e317 0%, #d6ff7e 100%); }
.wrap_profile_img > .profile_img.orange { background-image: linear-gradient(to bottom, #e35417 0%, #ffb067 100%); }


프로필 전달 받은후 삭제
.profile_popup .profile_area > .profile_bg .profile_img.purple { background-image: linear-gradient(to bottom, #7d17e3 0%, #9c4be7 100%); }
.profile_popup .profile_area > .profile_bg .profile_img.blue { background-image: linear-gradient(to bottom, #171fe3 0%, #a87eff 100%); }
.profile_popup .profile_area > .profile_bg .profile_img.green { background-image: linear-gradient(to bottom, #27e317 0%, #d6ff7e 100%); }
.profile_popup .profile_area > .profile_bg .profile_img.orange { background-image: linear-gradient(to bottom, #e35417 0%, #ffb067 100%); }*/

.wrap_profile_img.all .profile_img { background-image: url('/imgs/emotion/moa_profile_top_left.png'); }
.wrap_profile_img.yellow .profile_img { background-image: url('/imgs/emotion/moa_profile_top_right.png'); }
.wrap_profile_img.blue .profile_img { background-image: url('/imgs/emotion/moa_profile_bottom_left.png'); }
.wrap_profile_img.red .profile_img { background-image: url('/imgs/emotion/moa_profile_bottom_right.png'); }

.mypage_profile_info .mypage_profile_img .profile_bg_img { height: 100%; }
.mypage_profile_info .mypage_profile_img > .all, .profile_img.all { background-image: url('/imgs/emotion/moa_profile_top_left.png'); background-size: cover; }
.mypage_profile_info .mypage_profile_img > .yellow, .profile_img.yellow { background-image: url('/imgs/emotion/moa_profile_top_right.png'); background-size: cover; }
.mypage_profile_info .mypage_profile_img > .blue, .profile_img.blue { background-image: url('/imgs/emotion/moa_profile_bottom_left.png'); background-size: cover; }
.mypage_profile_info .mypage_profile_img > .red, .profile_img.red { background-image: url('/imgs/emotion/moa_profile_bottom_right.png'); background-size: cover; }
/* .mypage_profile_info .mypage_profile_img > .all, .profile_img.all { content: url('/imgs/emotion/moa_profile_top_left.png'); } */
/* .mypage_profile_info .mypage_profile_img > .yellow, .profile_img.yellow { content: url('/imgs/emotion/moa_profile_top_right.png'); }
.mypage_profile_info .mypage_profile_img > .blue, .profile_img.blue { content: url('/imgs/emotion/moa_profile_bottom_left.png'); }
.mypage_profile_info .mypage_profile_img > .red, .profile_img.red { content: url('/imgs/emotion/moa_profile_bottom_right.png'); } */

.profile_popup .profile_info {
  padding: 2px 0;
  margin-left: 16px;
}
.profile_popup .profile_name {
  color: #fff;
}
.profile_popup .link_profile_change {
  display: inline-block;
  margin-top: 7px;
  font-size: 1.4rem;
  color: #888;
}
.profile_popup .service_list {
  padding: 24px;
}
.profile_popup .service_list > li {
  padding: 8px 0;
  color: #888;
}

/* 알림 팝업창 */
.alarm_popup {
  position: fixed;
  padding: 24px 24px 30px;
  transform: translateX(-100%);
  background-color: #1e1e1e;
  z-index: 110;
}
.alarm_popup .scrollbar_inner {
  width: 380px;
  height: 461px;
  overflow-y: auto;
}
.alarm_popup .scrollbar_inner::-webkit-scrollbar {
  width: 8px;
}
.alarm_popup .scrollbar_inner::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 4px;
}
.alarm_popup .scrollbar_inner::-webkit-scrollbar-track {
  background-color: #141414;
  border-radius: 4px;
}
/* IE 스크롤바 색상 커스텀 */
.alarm_popup .scrollbar_inner {
  scrollbar-base-color: #141414;
  scrollbar-face-color: #000;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #141414;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000;
}
.alarm_popup > h6 {
  margin-bottom: 25px;
  font-size: 1.6rem;
  color: #fff;
}
.alarm_popup .alarm_card + .alarm_card { 
  margin-top: 16px;
}
.alarm_popup .alarm_card > a {
  cursor: pointer;
  display: flex;
}
.alarm_popup .alarm_card_img {
  flex-shrink: 0;
  width: 140px;
  height: 78px;
  border-radius: 4px;
  background: #000 no-repeat center / cover;
}
.alarm_popup .alarm_card_info {
  /* position: relative; */
  flex-grow: 1;
  width: 1px;
  padding: 6px 12px 0 8px;
}
.alarm_popup .alarm_card_info > small {
  font-size: 1.4rem;
  color: #dedede;
}
.alarm_popup .alarm_card_title { 
  margin: 7px 0 9px;
  font-size: 1.6rem;
  color: #fff;
}
.alarm_popup .alarm_card_date { 
  font-size: 1.2rem;
  color: #888;
}
/* .alarm_popup .alarm_icon {
  position: fixed;
  top: 27px; right: 0;
  background-image: url('/imgs/icons/outline/24_search.svg');
} */




/* 검색어 팝업창 */
.search_popup {
  position: fixed;
  width: 280px;
  padding: 12px 20px 22px;
  background-color: #212121;
  z-index: 200;
}
.search_popup .search_bar {
  display: flex;
  border: 1px solid #2f2f2f;
  padding: 6px;
  border-radius: 4px;
}
.search_popup .search_icon {
  flex-shrink: 0;
  background-image: url('/imgs/icons/outline/24_search.svg');
}
.search_popup .ipt_keyword {
  width: 100%;
  padding-left: 6px;
  font-size: 1.6rem;
  outline: 0;
  background-color: transparent;
  border: 0;
  color: #fff;
}
.search_popup .ipt_keyword::placeholder {
  font-size: 1.6rem;
  color: #666;
}
.search_popup .reset_keyword {
  flex-shrink: 0;
  background-image: url('/imgs/icons/outline/24_delete_circle.svg');
}
.search_popup .recently_keyword, 
.search_popup .popular_keyword {
  margin: 30px 0 4px;
  color: #888;
}
.search_popup .keyword_head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.search_popup .keyword_head > h6 {
  font-size: 1.6rem;
  color: #fff;
}
.search_popup .keyword_list > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 1.4rem;
}
.search_popup .delete_keyword {
  background-image: url('/imgs/icons/outline/20_cancel.svg');
}


/* 카테고리 팝업창 */
.category_popup {
  position: fixed;
  left: 0; right: 0;
  z-index: 200;
  padding: 30px 0;
  background-color: rgba(20, 20, 20, .95);
}
.category_popup > .l_inner {
  padding: 0 50px;
}
.category_popup .category_area > h6 {
  font-size: 1.6rem;
  color: #fff;
}
.category_popup .category_area + .category_area{
  margin-top: 30px;
}
.category_popup .category_list {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem; 
  color: #666
}
.category_popup .category_list > li {
  margin: 12px 30px 0 0;
}
.category_popup .category_list > li.selected {
  color : #fff;
}



/* 프로모션 팝업창 */
.promotion_popup {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1200;
}
.promotion_popup_slider {
  width: 450px;
  height: 590px;
}
.promotion_popup_slider .link_promotion {
  display: block;
}
.promotion_popup_slider .slick-dots {
  bottom: 15px !important;
}
/* .promotion_popup_slider, .promotion_popup_slider .link_promotion {
  display: block;
  width: 450px;
  height: 590px;
} */
.promotion_banner_img {
  /* width: 100%; */
  height: 590px;
  background: #000 url('http://img3.tmon.kr/cdn3/deals/2020/06/30/3852119178/original_3852119178_front_db5f5_1593487762production.jpg') no-repeat center / cover;
}
.promotion_popup .wrap_btn > button {
  width: 50%;
  height: 60px;
  border: 1px solid #2f2f2f;
  background-color: #1e1e1e;
  font-size: 1.6rem;
  color: #dedede;
  letter-spacing: -0.04em;
}


/* 딤드 레이어 */
.dimmed_layer {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1100;
  background-color: rgba(20, 20, 20, .5);
}


/* 예외처리 정책 */
.message {
  display: inline-block;
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1300;
  padding: 30px 40px;
  text-align: center;
  border-radius: 4px;
  background-color: #1e1e1e;
  font-size: 2.0rem;
  color: #fff;
}
.message .title, .message .time, .message .result_id, .message .desc {
  font-size: 1.6rem;
  color: #666;
  letter-spacing: -0.04em;
}
.message .time {
  margin-bottom: 10px;
}
.message .result_id {
  margin-top: 10px;
}
.message .desc{
  color: #dedede;
  margin-top: 24px;
}
.message p {
  line-height: 1.3;
  /* font-weight: bold; */
}
.message p.keep_all{
  word-break: keep-all;
}
.message .wrap_btn {
  justify-content: space-evenly;
  margin-top: 24px;
  color: #fff;
}
/* alert popoup two btn wrap size */
.message > .wrap_btn.two_btn{
  margin: 24px auto 0;
  width: 194px;
}
.message .btn { 
  height: 46px;
  cursor: pointer;
}
.message a.btn {
  line-height: 46px;
}
.message .btn + .btn { 
  margin-left: 16px;
}
.message .btn_cancel {
  background-color: #666;
}


/* 카테고리 */
.category_live .wrap_card_slider,
.category_top_clip .wrap_card_grid {
  padding: 0 50px;
}


/* 상세뷰 결제 팝업*/
.l_subscribe_ticket{
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1300;
  width: 540px;
  /*height: 1230px;IE에서 height pull로 나와서 삽입*/
  height: auto;
  padding-bottom: 56px;
  border: 1px solid #2f2f2f;
  background: #1e1e1e;
}

.subscribe_ticket{
  padding: 30px 40px;
}
.subscribe_ticket:nth-child(n+2){
  width: 100%;
  margin-top: 16px;
  border-top: 1px solid #2f2f2f;
}
.subscribe_ticket h1{
  font-size: 2rem;
  font-weight: 500;
  text-align: left;
  line-height: 1.4;
  color: #666;
}
.wrap_subscribe_ticket{
  display: flex;
  justify-content: center;
}

.subscribe_package_ticket_box{
  margin-top: 16px;
  width: 100%;
}
.subscribe_package_ticket_box a{
  display: inline-block;
  margin-bottom: 16px;
  padding: 20px;
  width: 100%;
  border:1px solid #2f2f2f;
  border-radius: 4px;
  background: #212121;
}
.subscribe_package_ticket_box a:nth-child(3){
  margin-bottom: 33px;
}
.subscribe_package_ticket:nth-child(n+2) .wrap_subscribe_ticket > .subscribe_ticket_box a{
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 33px;
}
/* vocher type2 */
.subscribe_package_ticket_info{ 
  /* border-bottom: 1px solid #2f2f2f; */
  text-align: left;
}
.subscribe_package_ticket_info h3{
  margin-bottom: 2px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
  color: #dedede;
}
.subscribe_package_ticket:nth-child(n+2) .wrap_package_subscribe_ticket 
> .subscribe_package_ticket_box a >.subscribe_package_ticket_info{
  border: 0;
}
.subscribe_package_ticket:nth-child(n+2) .wrap_subscribe_package_ticket 
> .subscribe_package_ticket_box a >.subscribe_package_ticket_info h3{
  margin-bottom: 0;
}
.subscribe_package_ticket_info p{
  margin-bottom: 6px;
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: -0.04em;
  color: #888;
}
.subscribe_package_ticket_info .price_info{
  display: inline-flex;
  align-items: center;
  margin-bottom: 6px;
}
.subscribe_package_ticket_info .price_info > svg{
  margin: 0 8px;
}
.subscribe_package_ticket_price{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  font-size: 1.6rem;
  font-weight: 500;
}
.subscribe_package_ticket:nth-child(n+2) .wrap_subscribe_package_ticket 
> .subscribe_package_ticket_box a >.subscribe_package_ticket_price{
  padding-top: 0;
}
.subscribe_package_ticket_price p{
  color: #888;
}
.subscribe_package_ticket_price p{
  display: inline-flex;
  align-items: center
}
.subscribe_package_ticket:nth-child(2) .wrap_subscribe_package_ticket 
> .subscribe_package_ticket_box a >.subscribe_package_ticket_price .price {
  margin-right: 10px;
  font-size: 1.4rem;
  letter-spacing: -0.56px;
}
.subscribe_package_ticket_price p:nth-child(2) > span{
  color: #dedede;
}
.subscribe_package_ticket_price p:nth-child(2) > span:nth-child(2){
  color: #FF0000;
}
.subscribe_package_ticket_price p:nth-child(2) > svg{
  margin-left: 6px;
}
.subscribe_package_ticket_price p > span.price_color{
 margin: 0 2px 0 12px;
  color: #FF0000;
}
.subscribe_package_ticket:nth-child(3) .wrap_subscribe_package_ticket 
> .subscribe_package_ticket_box a >.subscribe_package_ticket_price p > svg{
  margin: 0 0 0 6px;
}


.subscribe_ticket h1, .usage_ticket h1{
  border-top: 0;
}
.usage_ticket h1{
  margin-bottom: 100px;
}
.wrap_subscribe_ticket{
  display: flex;
  justify-content: center;
}
.subscribe_ticket_desc h2{
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.subscribe_ticket_desc p{
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #888;
  text-align: center;
}
.subscribe_ticket_box{
  margin-top: 16px;
  /* padding-bottom: 178px; */
  width: 500px;
}
.usage_ticket_box{
  width: 500px;
  padding-bottom: 0;
}
.subscribe_ticket_box a.before,
.usage_ticket_box button, .subscribe_ticket_box .subscribe_ticket_wrapper{
  display: inline-block;
  margin-bottom: 22px;
  padding: 30px;
  width: 100%;
  border:1px solid #2F2F2F;
  border-radius: 4px;
  background: #212121;
}
.usage_ticket_box .current{
  border: 1px solid #FF0000;
}
.subscribe_ticket_box a:nth-child(3),
.usage_ticket_box button:nth-child(3){
  margin-bottom: 0;
}
.subscribe_ticket_info{ 
  border-bottom: 1px solid #2f2f2f;
  text-align: left;
}
a.subscribe_ticket_price, button.subscribe_ticket_price {
  background: #383838;
  padding: 20px 20px;
}
.subscribe_ticket_price p {
  font-size: 2rem;
}
.subscribe_ticket_info h3{
  /* padding-bottom: 14px; */
  margin-bottom: 6px;
  font-size: 2.4rem;
  /* font-weight: 500; */
  font-weight: 700;
  line-height: 1.33;
  color: #dedede;
  border-bottom: 1px solid #2F2F2F;
}
.subscribe_ticket_info p{
  margin: 0 0 10px;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: #888;
}
.subscribe_ticket_info p:nth-child(2){
  margin-bottom: 6px;
}
.subscribe_ticket_info p:nth-child(3){
  display: inline-flex;
  align-items: center;
}
.subscribe_ticket_info p:nth-child(3) > svg{
  margin: 0 12px;
}
.subscribe_ticket_price, .usage_ticket_box button.subscribe_ticket_price{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  font-size: 2rem;
  font-weight: 500;
  margin: 10px 0;
}
.usage_ticket_box button.subscribe_ticket_price {
  padding-top: 20px;
}
a.subscribe_ticket_price:nth-child(3), .usage_ticket_box button.subscribe_ticket_price:nth-child(3) {
  padding: 12px 20px;
}
.subscribe_ticket_price p{
  color: #dedede;
}
.subscribe_ticket_price div{
  display: inline-flex;
  align-items: center
}
.subscribe_ticket_price div > span{
  color: #dedede;
}
.subscribe_ticket_price div.price_area > span:nth-child(2), .subscribe_ticket_price div.month_price {
  margin-top: 2px;
}
.subscribe_ticket_price div.price_area > span:nth-child(2), .subscribe_ticket_price div.month_price > span:nth-child(2){
  margin: 0 0 0 6px;
  /* color: #FF0000; */
}
.subscribe_ticket_price .price_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.subscribe_ticket_price div.month_price {
  font-size: 1.2rem;
  font-weight: 200;
}
.subscribe_ticket_price div > svg{
  margin-left: 6px;
}
/*연간이용권 할인율*/
.subscribe_ticket_price div > .default_percent {
  background-color: #9D0E0E;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 3.5px 5px;
  display: inline-block;
  margin: 3px 0 0 8px;
}
.subscribe_ticket_price .ticket_promotion > span{
  font-size: 1.3rem;
  font-weight: 600;
  padding: 3.5px 5px;
  display: inline-block;
}
.subscribe_ticket_price .ticket_promotion > span:nth-child(1) {
  margin: 3px 8px 0 8px;
  background-color: #CDCDCD;
  color: #fff;
  position: relative;
}
.subscribe_ticket_price .ticket_promotion > span:nth-child(1)::after {
  content: "";
  width: 150%;
  height: 1.5px;
  position: absolute;
  background-color: #FF0000;
  left: -25%;
  top: 10px;
  transform: rotate(-32deg);
}
.subscribe_ticket_price .ticket_promotion > span:nth-child(3) {
  background-color: #9D0E0E;
  margin: 3px 0 0 4px;
  padding: 5px 8px;
}
.subscribe_ticket_price .ticket_promotion > span:nth-child(3) span {
  font-size: 0.9rem;
  font-weight: 400;
}
.subscribe_ticket_price .ticket_promotion .arrow_right {
  position: relative;
  width: 16px;
  height : 16px;
  transform: rotate(135deg);
}
.subscribe_ticket_price .ticket_promotion .arrow_right::after, .subscribe_ticket_price .ticket_promotion .arrow_right::before {
  content: "";
  position: absolute;
}
.subscribe_ticket_price .ticket_promotion .arrow_right::after {
  width: 16px;
  height: 1.5px;
  background: #CDCDCD;
  transform-origin: 0 100%;
  transform: rotate(45deg);
  border-radius: 1px;
}
.subscribe_ticket_price .ticket_promotion .arrow_right::before {
  width: 40%;
  height: 40%;
  border: 1.5px solid #CDCDCD;
  border-right: 0;
  border-bottom: 0;
}

.wrap_close_btn{
  display: flex;
  justify-content: center;
}
.wrap_close_btn > .btn_close{
  margin-top: 10px;
  border-radius: 4px;
  width: 89px;
  height: 46px;
  line-height: 22px;
  font-size: 1.6rem;
  background: #666;
  color: #fff;
}




/* Scrollbar Customizing */
.chat_list.scrollbar-inner .scroll-element.scroll-y {
  width: 5px;
  right: 5px;
}
.chat_list.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #141414;
}



/* 공유하기 팝업창 */
.share_sns {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1300;
  width: 400px;
  height: 240px;
  background-color: #1e1e1e;
}
.share_sns .head {
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 27px;
}
.share_sns .head .title {
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
}
.share_sns .head .btn_close_share {
  position: absolute;
  right: 24px;
  width: 28px;
  height: 28px;
  background: url('/imgs/icons/outline/28_cancel.svg') no-repeat center;
}
.share_sns .body {
  margin-top: 44px;
}
.share_sns .body ul {
  display: flex;
  justify-content: center;
  font-size: 1.2rem;
  color: #dedede;
}
.share_sns .body li {
  padding: 0 10px;
  text-align: center;
}
.share_sns .body .sns_logo {
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  background: no-repeat center / 100%;
}
.share_sns .body .sns_logo.url_copy {
    background-image: url('/imgs/sns_button/URL.svg');
}
.share_sns .body .sns_logo.kakao {
    background-image: url('/imgs/sns_button/kakao.svg');
}
.share_sns .body .sns_logo.twitter {
    background-image: url('/imgs/sns_button/twitter.svg');
}
.share_sns .body .sns_logo.facebook {
    background-image: url('/imgs/sns_button/facebook.svg');
}

[class*=img] {
  /* image-rendering: pixelated !important; */
}