/* 인풋 히든 */
input[type="radio"] {
  display: none;
}
input[type="checkbox"] {
  display: none;
}

/* 헤더 */
.header {
  width: 100%;
  float: left;
  background: #fff;
  line-height: 75px;
  padding: 0 5%;
}
.header .left .ham_icon {
  float: left;
  font-size: 20px;
}
.header .left .header_tit {
  float: left;
  font-size: 22px;
  font-weight: 900;
  color: #cc3333;
  margin-left: 20px;
}
.header .header_tit {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
  line-height: 0;
}
.header .header_tit img {
  height: 35px;
}
.header .right .coin {
  float: left;
  font-size: 20px;
}
.header .right .my {
  float: left;
  font-size: 20px;
  margin-left: 15px;
}

/* 햄버거 메뉴 */
.ham_menu {
  width: 100%;
  float: left;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  position: fixed;
}
.ham_menu {
  visibility: hidden;
}
.ham_menu.on {
  visibility: visible !important;
}
.ham_menu .menu {
  width: 90%;
  height: 100%;
  float: left;
  background: #fff;
  z-index: 999;
  transition: all 0.6s;
}
.ham_menu .menu {
  left: -100%;
}
.ham_menu .menu.on {
  left: 0 !important;
}
.ham {
  z-index: 2;
}
.ham_menu .menu_top {
  width: 100%;
  float: left;
  background: #cc3333;
}
.ham_menu .menu_top .logo {
  width: 100%;
  float: left;
  text-align: center;
  padding: 5% 0;
}
.ham_menu .menu_top .logo {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.ham_menu .menu_top .logo img {
  width: 50%;
}
.ham_menu .menu_top .user_info {
  width: 100%;
  float: left;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}
.ham_menu .menu_top .user_info p {
  float: left;
  height: 50px;
  margin-left: 10px;
}
.ham_menu .menu_top .user_info p:first-child {
  width: 12%;
  font-size: 30px;
  margin-left: 0;
}
.ham_menu .menu_top .user_info p:last-child {
  width: 78%;
}
.ham_menu .menu_top .user_info ul {
  width: 100%;
  float: left;
  padding: 10px 25px;
}
.ham_menu .menu_top .user_info ul li:first-child {
  width: 89%;
  float: left;
  line-height: 50px;
}
.ham_menu .menu_top .user_info ul span {
  width: 100%;
  float: left;
  line-height: 20px;
  font-size: 12px;
}
.ham_menu .menu_top .user_info ul span:first-child {
  margin-top: 5px;
  font-weight: bold;
  font-size: 15px;
}
.ham_menu .menu_top .user_info ul li:last-child {
  width: 11%;
  float: right;
  line-height: 50px;
  font-size: 30px;
}

.ham_menu .menu_box {
  width: 100%;
  float: left;
  background: #fff;
}
.ham_menu .menu_box ul {
  width: 100%;
  float: left;
  padding: 0 3%;
}
.ham_menu .menu_box ul li {
  width: 100%;
  float: left;
  padding: 4% 2%;
  border-bottom: 1px solid rgb(193, 195, 204);
  font-size: 16px;
  font-weight: bold;
}
.ham_menu .menu_box ul li a {
  width: 100%;
  float: left;
}
.ham_menu .menu_box ul li i {
  float: right;
}

/* 헤더 하단 카테고리 */
.category {
  width: 100%;
  float: left;
  background: #fff;
  line-height: 50px;
  border-top: 1px solid #ebebeb;
}
/* .category .left_btn { width: 8%; float: left; border-right: 1px solid #ebebeb; text-align: center; color: #e8ecef; font-size: 16px; } */
.category .slick-prev {
  background: none;
  height: 100%;
  position: absolute;
  width: 8%;
  left: 0;
  top: 0;
  border-right: 1px solid #ebebeb;
  text-align: center;
  color: #e8ecef;
  font-size: 16px;
}
/* .category .category_num { width: 84%; float: left; height: 50px; overflow: hidden; } */
.category .category_name {
  float: left;
  width: 100%;
  padding: 0 8%;
  float: left;
  height: 50px;
}
.category .category_name li {
  float: left;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
}
/* .category .right_btn { width: 8%; float: left; border-left: 1px solid #ebebeb; text-align: center; color: #e8ecef; font-size: 16px; } */
.category .slick-next {
  background: none;
  height: 100%;
  position: absolute;
  width: 8%;
  right: 0;
  top: 0;
  border-left: 1px solid #ebebeb;
  text-align: center;
  color: #e8ecef;
  font-size: 16px;
}

/* slick */
.sms_menu .slick-list {
  overflow: inherit;
  padding: 0 7%;
}

.sms_menu {
  width: 100%;
  float: left;
}
.sms_menu .sms_back {
  width: 100%;
  float: left;
  background: #cc3333;
}
.sms_menu .sms_back2 {
  width: 100%;
  float: left;
  background: #e8ecef;
  height: 15vh;
}

/* MY STATE */
.sms_menu .my_state {
  width: 100%;
  float: left;
  padding: 5% 4% 0 4%;
}
.sms_menu .my_state .my_state_tit {
  width: 100%;
  float: left;
  padding: 0 2%;
}
.sms_menu .my_state .my_state_tit li {
  color: #fff;
}
.sms_menu .my_state .my_state_tit li.left {
  font-weight: bold;
  font-size: 15px;
}
.sms_menu .my_state .my_state_tit li.right {
  font-size: 15px;
  cursor: pointer;
}
.sms_menu .my_state .my_state_dashboard {
  width: 100%;
  float: left;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 5% 3%;
  margin-top: 2%;
}
.sms_menu .my_state .my_state_dashboard li {
  width: 33.33%;
  float: left;
  text-align: center;
}
.sms_menu .my_state .my_state_dashboard li p.dash_tit {
  color: #000;
  font-weight: bold;
  font-size: 12px;
}
.sms_menu .my_state .my_state_dashboard li p.dash_num {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.sms_menu .my_state .my_state_dashboard li:not(:first-child) {
  border-left: 1px solid #182240;
}
.sms_menu .my_state .my_state_update {
  width: 100%;
  float: left;
  padding: 0 2%;
  text-align: right;
}
.sms_menu .my_state .my_state_update {
  color: #fff;
}
.sms_menu .my_state .my_state_update {
  font-size: 12px;
  font-weight: 400;
}
.sms_menu .my_state .my_state_update i {
  margin-right: 1%;
}

/* today sms */
.sms_menu .today_sms {
  width: 100%;
  float: left;
}
.sms_menu .today_sms li {
  width: auto;
  float: left;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  border: 1px solid #fff;
  border-radius: 25px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5%;
  padding: 1% 10%;
}
.sms_menu .sms_content_box {
  width: 100%;
  float: left;
  overflow: hidden;
  z-index: 99;
}
.sms_menu .sms_content {
  width: 100%;
  float: left;
  margin-top: 5%;
  height: 350px;
  z-index: 9;
}
.sms_menu .sms_content .sms_item {
  width: 100%;
  float: left;
  height: 350px;
  z-index: 9;
  top: 0;
  padding: 0 0.3%;
}

/* sms_item 위치 */
/* .sms_menu .sms_content .sms_item.sms_item_left { left: -76%; } */
/* .sms_menu .sms_content .sms_item.sms_item_center { left: 50%; transform: translateX(-50%); } */
/* .sms_menu .sms_content .sms_item.sms_item_right { right: -76%; } */

.sms_menu .sms_content .sms_item li.item_top {
  width: 100%;
  float: left;
  line-height: 50px;
  color: #fff;
  border-radius: 15px 15px 0 0;
  padding: 0 5%;
  font-size: 15px;
}
.sms_menu .sms_content .sms_item li.item_top p span {
  margin-right: 5px;
}
.sms_menu .sms_content .sms_item li.item_top .hot_today {
  position: absolute;
  width: 60px;
  top: -10px;
  right: 25px;
}

.sms_menu .sms_content .sms_item li.item_middle {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px 15px 5px 15px;
}
.sms_menu .sms_content .sms_item li.item_middle p {
  width: 100%;
  float: left;
  background: rgba(235, 235, 235, 0.75);
  border-radius: 10px;
  padding: 10%;
  font-weight: 500;
  overflow: auto;
  height: 280px;
}

.sms_menu .sms_content .sms_item li.item_bottom {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0 15px 15px 15px;
  border-radius: 0 0 15px 15px;
  top: -1px;
}
.sms_menu .sms_content .sms_item li.item_bottom .send_date {
  float: right;
  color: #cccccc;
  font-size: 12px;
}
.sms_menu .sms_content .sms_item li.item_bottom .send_date i {
  margin-right: 5px;
}
.sms_menu .sms_content .sms_item li.item_bottom .send_btn {
  width: 100%;
  float: left;
  padding: 10px 20px 0 20px;
}
.sms_menu .sms_content .sms_item li.item_bottom .send_btn > button {
  width: 100%;
  background: #fff;
  border-radius: 25px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
}

/* sms_slide_count */
.sms_slide_count {
  width: 80%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sms_slide_count .sms_slide_line {
  width: 90%;
  float: left;
  height: 3px;
  background: rgba(0, 0, 0, 0.18);
  top: 8px;
}
.sms_slide_count .sms_slide_line p {
  float: left;
  height: 100%;
}
.sms_slide_count .sms_slide_line p.active {
  background: rgba(255, 255, 255, 0.24);
}

.sms_menu .slick-dots {
  width: 10%;
  float: left;
  padding-left: 1%;
}
.sms_menu .slick-dots li {
  display: none;
}
.sms_menu .slick-dots li.slick-active {
  display: block;
}

/* .sms_slide_count .sms_slide_num { width: 10%; float: left; text-align: right; } */
/* .sms_slide_count .sms_slide_num p span.plus_num { font-weight: 500; } */
/* .sms_slide_count .sms_slide_num p span.total_num { font-weight: lighter; } */

/* EVENT */
.event_menu {
  width: 100%;
  float: left;
  background: #e8ecef;
}
.event_menu .event_tit {
  width: 100%;
  float: left;
  font-size: 18px;
  text-align: center;
  padding: 3% 0;
  font-weight: bold;
}
.event_menu .event_content {
  width: 100%;
  float: left;
}
.event_menu .event_content .event_item {
  width: 100%;
  float: left;
}

.event_menu .slick-dots {
  padding: 1% 5%;
  border-radius: 15px;
  position: absolute;
  color: #fff;
  right: 3%;
  bottom: 5%;
  background: rgba(0, 0, 0, 0.35);
}
.event_menu .slick-dots li {
  display: none;
}
.event_menu .slick-dots li.slick-active {
  display: block;
}
/* .event_menu .event_count {  position: absolute; color: #fff; right: 3%; bottom: 5%; } */
/* .event_menu .event_count li { background: rgba(0,0,0,0.35); border-radius: 15px; width: 50px; line-height: 25px; text-align: center; } */
/* .event_menu .event_count li p { font-size: 12px; } */

/* .event_menu .slick-dots { position: absolute; right: 12%; top: 78%; } */
/* .event_menu .slick-dots li { display: none; } */
/* .event_menu .slick-dots li.slick-active { display: block; } */
/* .event_menu .slick-dots li button { color: #fff; background: none; z-index: 1; } */

/* 공지사항 */
.notice_menu {
  width: 100%;
  float: left;
  padding-top: 5%;
  background: #e8ecef;
}
.notice_menu .notice_box {
  width: 100%;
  float: left;
  background: #fff;
  padding: 5% 4%;
}

.notice_menu .notice_box .notice_tit {
  width: 100%;
  float: left;
}
.notice_menu .notice_box .notice_tit li.left {
  font-weight: bold;
  font-size: 15px;
}
.notice_menu .notice_box .notice_tit li.right {
  font-size: 15px;
  cursor: pointer;
}

.notice_menu .notice_box .notice_content {
  width: 100%;
  float: left;
}
.notice_menu .notice_box .notice_content li {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
}
.notice_menu .notice_box .notice_content li:first-child {
  margin-top: 3%;
}
.notice_menu .notice_box .notice_content li:not(:first-child) {
  margin-top: 5px;
}
.notice_menu .notice_box .notice_content li span.notice_category {
  width: 12%;
  float: left;
}
.notice_menu .notice_box .notice_content li span.notice_memo {
  width: 68%;
  float: left;
  cursor: pointer;
}
.notice_menu .notice_box .notice_content li span.notice_time {
  width: 20%;
  float: left;
  text-align: right;
}
.notice_menu .notice_box .notice_content li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* footer */
.footer {
  width: 100%;
  float: left;
  background: #ffffff;
  color: #fff;
  margin-top: 5%;
}
.footer .footer_top {
  width: 100%;
  float: left;
  border-bottom: 1px solid #fff;
  padding: 3% 5%;
  line-height: 40px;
}
.footer .footer_top .left a:first-child {
  margin-right: 20px;
}
.footer .footer_top .right button {
  width: 70px;
  background: #cc3333;
  color: #fff;
  line-height: 40px;
  font-weight: bold;
  border-radius: 5px;
}

.footer .footer_bottom {
  width: 100%;
  float: left;
  padding: 10% 5%;
}
.footer .footer_bottom p {
  width: 100%;
  float: left;
}
.footer .footer_bottom p span {
  width: 100%;
  float: left;
}
.footer .footer_bottom p span:first-child {
  margin-right: 3%;
}
.footer .footer_bottom p:not(:first-child) {
  margin-top: 2%;
}
.footer .footer_bottom p.copy {
  color: #cccccc;
  font-size: 12px;
  text-align: center;
}

/* .sms_menu .sms_content .sms_item li.item_middle p::-webkit-scrollbar {
    width: 3px;
}
.sms_menu .sms_content .sms_item li.item_middle p::-webkit-scrollbar-thumb {
    background:#fff;
}
.sms_menu .sms_content .sms_item li.item_middle p::-webkit-scrollbar-track {
    background:#c8c8c8;
} */

/* 결제화면 */
.sms_pay .section_title {
  padding-bottom: 1%;
  border-bottom: 1px solid #d7d7d7;
}
.sms_pay .wares_box .card_item {
  width: 48%;
  float: left;
  margin-top: 2%;
}
.sms_pay .wares_box .card_item .item_card {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 5% 2%;
}
.sms_pay .wares_box .card_item.no_bank {
  float: right;
}
.sms_pay .wares_box .card_item p {
  width: 100%;
  float: left;
  text-align: center;
}
.sms_pay .wares_box .card_item p.icon_tit span {
  font-weight: bold;
  margin-left: 1%;
}
.sms_pay .wares_box .card_item p.item_memo {
  font-size: 10px;
  margin-top: 1%;
}
.sms_pay .wares_box .card_item input:checked ~ .item_card {
  border: 1px solid #cc3333;
}

.sms_pay .content_section .info_text {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  max-height: 100px;
  overflow: auto;
  border-radius: 10px;
  margin-top: 3%;
}
.sms_pay .content_section .info_text p {
  padding: 3%;
}
.sms_pay .content_section .info_check_box {
  width: 100%;
  float: left;
  line-height: 30px;
  padding: 0 2%;
}
.sms_pay .content_section .info_check_box i {
  float: left;
  line-height: 30px;
}
.sms_pay .content_section .info_check_box p {
  float: left;
  margin-left: 2%;
}
.sms_pay .content_section .info_check_box input:checked ~ label i {
  color: #cc3333;
}

.sms_pay .button_wrap button {
  width: 48%;
  float: left;
}
.sms_pay .button_wrap button.noBtn {
  background: #cccccc;
}
.sms_pay .button_wrap button.okBtn {
  float: right;
}

.searchControlBtn {
  float: left;
  width: 35px;
  height: 35px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #666;
  margin-left: 5px;
}
.searchControlBtn.active {
  border: 1px solid #6b7fba;
  color: #fff;
  background-color: #6b7fba;
}

.productIntroduce {
  float: left;
  width: 100%;
}
.chooseProduct {
  font-size: 14px;
  font-weight: 600;
}
.priceIntroduce {
  font-size: 10px;
  color: #999;
  margin-left: 3%;
}
.regularPaySection {
  width: 100%;
  float: left;
  margin-top: 8%;
}
.leftSection {
  float: left;
  width: 50%;
  margin-top: 2%;
}
.rightSection {
  float: right;
  width: 50%;
}
.regularPaySection i {
  color: #cc3333;
  font-size: 15px;
  font-weight: 600;
}
.regularPayText {
  color: #cc3333;
  font-size: 15px;
  font-weight: 600;
  margin-left: 5%;
}
.regularPayButton {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 3px;
  float: left;
  width: 100%;
  height: 100%;
  padding: 4%;
  line-height: 14px;
}
.activeRegularPayButton,
.revokePayButton {
  background-color: #cc3333;
}
.diabledRegularPayButton {
  background-color: #e8e8e8;
  color: #a0a0a0;
}
.monthPrice {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
}

/* 검색 */
.searchWrap {
  width: 100%;
  float: left;
  background-color: #c8c8c8;
  padding: 10px 20px;
}
.searchWrap > form {
  width: 100%;
  float: left;
}
/* .searchWrap > form > .txtBox { border: 1px solid #999 !important; } */
.searchWrap > form > select {
  width: 25%;
  float: left;
  min-width: 25%;
  height: 35px !important;
}
.searchWrap > form > button {
  width: 20%;
  float: left;
  height: 35px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
.searchWrap > form > input {
  width: 53%;
  float: left;
  margin: 0 1%;
}

/* 문자템플릿 신청 */
#bbsTitle {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  padding: 5px;
}
#bbsContents {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  padding: 5px;
  min-height: 200px;
  resize: none;
  overflow: auto;
}
.btnWrap {
  float: left;
  width: 100%;
}
.btnWrap > button {
  width: 25%;
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
}
.addBtn {
  background-color: #cc3333;
  color: #fff;
  border: 1px solid #cc3333;
  margin-left: 5px;
  float: right;
}
.delBtn {
  background-color: #999999;
  color: #fff;
  border: 1px solid #999999;
  margin-left: 5px;
  float: right;
}
.listBtn {
  color: #999999;
  border: 1px solid #999999;
  background-color: #fff;
  float: left;
}
.txt-c {
  text-align: center;
}
/* 문자템플릿 신청 */

/* 전용 이벤트 신청 관리*/
.whiteDivision {
  width: 100%;
  float: left;
  height: 30px;
  padding: 0 !important;
  background-color: #ffffff;
}
.topFixWrap {
  width: 100%;
  float: left;
  background-color: #ebebeb;
}
.content_section2 {
  width: 100%;
  float: left;
}
.content_section2_titWrap {
  width: 100%;
  float: left;
}
.content_section2_titWrap span {
  font-weight: 900;
  font-size: 14px;
}
.content_section2_boxWrap {
  width: 100%;
  float: left;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 2px 2px 5px #dfdfdf;
  margin-top: 2%;
  border: 1px solid #e6e6e6;
  padding: 2.5% 5%;
}
.content_section2_boxWrap .iconWrap {
  width: 100%;
  float: left;
}
.content_section2_boxWrap .iconWrap .leftIconWrap {
  width: 50%;
  float: left;
  cursor: pointer;
}
.content_section2_boxWrap .iconWrap .leftIconWrap a i {
  color: #828282;
  font-size: 15px;
  font-weight: 900;
}
.content_section2_boxWrap .iconWrap .rightIconWrap {
  width: 50%;
  float: right;
  text-align: right;
}
.content_section2_boxWrap .iconWrap .rightIconWrap span i {
  color: #c8c8c8;
  font-size: 15px;
  font-weight: 900;
}
.content_section2_boxWrap .iconWrap .rightIconWrap span.active i {
  color: #3871d9;
}
.content_section2_boxWrap .contentsWrap {
  width: 100%;
  float: left;
  margin-top: 1%;
}
.content_section2_boxWrap .contentsWrap .leftImgWrap {
  width: 25%;
  float: left;
}
.content_section2_boxWrap .contentsWrap .rightTextWrap {
  width: 75%;
  float: left;
  padding: 0 5% 1%;
}
.content_section2_boxWrap .contentsWrap .rightTextWrap .titWrap {
  width: 100%;
  float: left;
  font-size: 15px;
  font-weight: 900;
}
.content_section2_boxWrap .contentsWrap .rightTextWrap .dateWrap {
  width: 100%;
  float: left;
  margin-top: 2%;
}
.content_section2_boxWrap .contentsWrap .rightTextWrap .dateWrap .status {
  color: #cc3333;
  font-weight: 900;
}
.content_section2_boxWrap .contentsWrap .rightTextWrap .dateWrap .date {
  color: #666666;
  margin-left: 1%;
}
.content_section2_boxWrap .contentsWrap .leftImgWrap .imgWrap {
  width: 80px;
  height: 80px;
  float: left;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
}
.content_section2_boxWrap .contentsWrap .leftImgWrap .imgWrap img {
  max-width: 100%;
  height: 80px;
  float: left;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
}
.content_Wrap .store_event_wrap {
  padding: 4% 5% !important;
}
.content_Wrap .store_event_wrap .title_section {
  width: 100%;
  float: left;
  padding-bottom: 1.5%;
  border-bottom: 1px solid #c3c3c3;
}
.content_Wrap .store_event_wrap .left_section {
  width: 50%;
  float: left;
}
.content_Wrap .store_event_wrap .right_section {
  width: 50%;
  float: right;
  text-align: right;
}
.content_Wrap .store_event_wrap .left_section span {
  font-size: 14px;
  font-weight: 900;
}
.content_Wrap .store_event_wrap .right_section span {
  font-size: 13px;
  margin-left: 2%;
}
.no_data_wrap {
  width: 100%;
  float: left;
}
.no_data_wrap p {
  text-align: center;
}
.no_data_wrap p:nth-child(1) {
  color: #e9e9e9;
  font-size: 40px;
}
.no_data_wrap p:nth-child(2) {
  margin-top: 1%;
  color: #ccc;
  font-size: 16px;
}
/* 전용 이벤트 신청 관리*/

/* 메인페이지 추가 CSS */
.massageNoData {
  width: 100%;
  height: 330px;
  float: left;
}
.massageNoData > div {
  width: 100%;
  float: left;
  top: 50%;
  transform: translateY(-50%);
}
.massageNoData > div .smile,
.massageNoData > div .title {
  width: 100%;
  float: left;
}
.massageNoData > div .smile {
  text-align: center;
}
.massageNoData > div .smile > i {
  color: #ccc;
  font-size: 58px;
}
.massageNoData > div .title {
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  margin-top: 5%;
  color: #ccc;
}

.main_kakao_popup_wrap {
  width: 100%;
  height: 100vh;
  background-color: rgb(0, 0, 0, 0.5);
  position: fixed;
  z-index: 998;
  display: none;
  margin: 0 auto;
  max-width: 800px;
}
.main_kakao_popup_wrap .kakao_popup {
  width: 90%;
  background-color: #f8f8f8;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll;
  max-width: 780px;
}
.main_kakao_popup_wrap .kakao_popup .section_1 {
  width: 100%;
  height: 10%;
  background-color: #cc3333;
  float: left;
  padding: 4% 3%;
}
.main_kakao_popup_wrap .kakao_popup .section_1 > div {
  width: 100%;
  float: left;
}
.main_kakao_popup_wrap .kakao_popup .section_1 > div > p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}

.main_kakao_popup_wrap .kakao_popup .section_2 {
  width: 100%;
  overflow-y: scroll;
  float: left;
  padding: 3% 5% 5% 5%;
}
.main_kakao_popup_wrap .kakao_popup .section_2 .section_inner_1 {
  width: 100%;
  float: left;
}
.main_kakao_popup_wrap .kakao_popup .section_2 .section_inner_1 > div {
  width: 100%;
  float: left;
}
.main_kakao_popup_wrap .kakao_popup .section_2 .section_inner_1 > div > h3 {
  float: left;
  padding: 3% 0;
}
.main_kakao_popup_wrap .kakao_popup .section_2 .section_inner_1 > div > div {
  width: 100%;
  float: left;
  padding: 3% 0;
}
.main_kakao_popup_wrap
  .kakao_popup
  .section_2
  .section_inner_1
  > div
  > div
  > div.txt {
  width: 12%;
  float: left;
}
.main_kakao_popup_wrap
  .kakao_popup
  .section_2
  .section_inner_1
  > div
  > div
  > div.txt
  > span {
  line-height: 35px;
  font-weight: 900;
  font-size: 15px;
}
.main_kakao_popup_wrap
  .kakao_popup
  .section_2
  .section_inner_1
  > div
  > textarea {
  width: 100%;
  height: 300px;
  padding: 5% 3%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
}
.main_kakao_popup_wrap
  .kakao_popup
  .section_2
  .section_inner_1
  > div
  > div
  > div.inp {
  width: 88%;
  float: left;
  text-align: center;
}
.main_kakao_popup_wrap
  .kakao_popup
  .section_2
  .section_inner_1
  > div
  > div
  > div.inp
  > input {
  width: 43%;
  height: 35px;
  border: 1px solid #e1e1e1;
  padding: 0 4%;
}
.main_kakao_popup_wrap
  .kakao_popup
  .section_2
  .section_inner_1
  > div
  > div
  > div.inp
  > span {
  font-weight: 900;
  line-height: 35px;
  padding: 0 1%;
}
.main_kakao_popup_wrap
  .kakao_popup
  .section_2
  .section_inner_1
  > div
  > div
  > input:nth-child(1) {
  margin-left: 3%;
}
.main_kakao_popup_wrap .kakao_popup .section_2 .section_inner_2 {
  width: 100%;
  float: left;
  margin-top: 4%;
}
.main_kakao_popup_wrap .kakao_popup .section_2 .section_inner_2 > div {
  width: 100%;
  float: left;
  text-align: center;
}
.main_kakao_popup_wrap .kakao_popup .section_2 .section_inner_2 > div > button {
  width: 100%;
  background: #fff;
  border-radius: 25px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  border: 1px solid #000;
  color: #000;
}

.kakaoCloseBtn {
  float: right;
  font-size: 18px;
}
/* 메인페이지 추가 CSS */