@charset "utf-8";

#loadings {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: #ffffff;
   z-index: 999999;
}

/* 로더 */
#loading_api {
   position: absolute;
   width: 50px;
   height: 50px;
   border: 2px solid rgba(0, 0, 0, 0.1); /* 컬러 */
   border-radius: 50%;
   border-top-color: #05C3DD; /* 컬러 */
   animation: spin 0.5s ease-in-out infinite;
   -webkit-animation: spin 0.5s ease-in-out infinite;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

/* 로더 애니메이션 */
@keyframes spin {
   to {
      -webkit-transform: rotate(360deg);
   }
}

@-webkit-keyframes spin {
   to {
      -webkit-transform: rotate(360deg);
   }
}

/* 레이아웃 */
.main_wrap {
   width: 100%;
}
.inner {
   width: 100%;
   max-width: 75%;
   margin: 0 auto;
   top: 13vh;
}

/* 상단 */
.top_wrap {
   padding-top: 50px;
}
.top_wrap_ul1 {
   float: left;
   margin-top: 2px;
}
.top_wrap_ul2 {
   float: left;
}
.top_wrap_ul3 {
   float: right;
   margin-right: 100px;
   margin-top: -20px;
   min-height: 85px;
}
.top_wrap_ul4 {
   float: right;
   margin-top: 8px;
}
.top_wrap_ul4 svg {
   color: #979fb1;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.top_wrap_ul4 a:hover svg {
   color: #565d6d;
}
.top_wrap_ul4 li {
   float: left;
   margin-left: 20px;
}
.top_wrap_ul4 .r_gnb_li {
   margin-left: 50px;
}

.gnb {
   margin-top: 10px;
   margin-left: 50px;
}
.gnb a {
   margin-left: 30px;
   font-size: 16px;
}
.gnb a:hover {
   color: #05C3DD;
}

.gnb_sub_div {
   position: fixed;
   z-index: 10;
   width: 100%;
   left: 0;
   top: 13vh;
   background: #fff;
}
.gnb_sub_div_ul1 {
   float: left;
   width: 100%;
   margin: 10px 0;
   min-height: 10px;
   /*background: linear-gradient(to right, #ffffff, #f6f6f6, #ffffff);*/
}
.gnb_sub_div_ul1 .swiper-wrapper {
   gap: 2%;
}
.gnb_sub_div_ul2 {
   float: right;
   width: 12%;
   border-radius: 10px;
   background-color: #05C3DD;
   padding: 20px 30px 20px 30px;
   cursor: pointer;
   color: #fff;
   font-size: 13px;
   text-align: center;
   min-height: 56px;
}
.gnb_sub_div_ul1 a {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.6);
}
.gnb_sub_div_ul1 a:hover {
   color: rgba(0, 0, 0, 1);
}

.top_news_ico {
   float: left;
   margin-top: -2px;
   cursor: pointer;
}
.top_news_txt {
   float: left;
   margin-left: 15px;
}
.top_num_ico {
   background-color: #05C3DD;
   color: #fff;
   padding: 0px 3px 0px 3px;
   font-size: 10px;
   text-align: center;
   line-height: 18px;
   border-radius: 30%;
   position: absolute;
   top: -17px;
   right: -5px;
   height: 18px;
   min-width: 18px;
   cursor: pointer;
   text-shadow: 0px 1px 3px #05C3DD;
}
.top_num_ico2 {
   background-color: #05C3DD;
   color: #fff;
   padding: 2px 3px 0px 3px;
   font-size: 10px;
   text-align: center;
   border-radius: 30%;
   position: absolute;
   top: 0;
   right: 5px;
   height: 22px;
   min-width: 22px;
   cursor: pointer;
}
.po_rel {
   position: relative;
}

/* 타이틀 { */
.title_div {
   margin: 15px 0;
}
.title_div_txt {
   /*float:left;*/
   text-align: center;
   font-size: 30px;
}
.title_div_txt span {
   color: #05C3DD;
}
.title_div_ico {
   float: right;
   text-align: right;
   margin-top: 2px;
   position: relative;
   font-size: 13px;
   color: #888;
}
.arr_left {
   border: 0px;
   background-color: transparent;
   left: auto !important;
   top: 12px !important;
   right: 30px !important;
}
.arr_right {
   border: 0px;
   background-color: transparent;
   left: auto !important;
   top: 12px !important;
   right: -7px !important;
}

.title_div2 {
}
.title_div2_txt {
   float: left;
   font-size: 20px;
}
.title_div2_txt span {
   color: #05C3DD;
}
.title_div2_ico {
   float: right;
   text-align: right;
   margin-top: 2px;
   position: relative;
   font-size: 13px;
   color: #888;
}
.title_div2_sub_txt {
   color: #999;
   font-size: 14px;
   line-height: 150%;
   margin-top: 20px;
}
/* } */

.wish_del svg {
   width: 20px;
   height: 20px;
}
.event_wrap {
   margin-top: 60px;
}
.best_wrap {
   margin-top: 60px;
}
.time_wrap {
   margin-top: 50px;
}
.time_wrap .counts {
   background-color: #fff !important;
   font-size: 22px !important;
}
.sub_wrap_sub {
   padding-bottom: 60px;
   margin-bottom: 60px;
   border-bottom: 1px solid #eee;
}

/* 플러스회원 */
.tiny_nums_color {
   font-size: 11px;
   color: #05C3DD;
}
.tiny_nums {
   font-size: 11px;
}
.word_keep {
   word-break: keep-all;
   overflow-wrap: break-word; /* 긴 단어를 줄바꿈 */
}
.tbl_head03 {
   margin: 0 0 10px;
}
.tbl_head03 table {
   border-bottom: 1px solid #d3d3d3;
}
.tbl_head03 caption {
   padding: 0;
   font-size: 0;
   line-height: 0;
   overflow: hidden;
}
.tbl_head03 thead th {
   padding: 20px 0;
   border-top: 2px solid #959da6;
   border-bottom: 1px solid #d3d3d3;
   color: #383838;
   font-size: 1.2em;
   text-align: center;
   letter-spacing: -0.1em;
}
.tbl_head03 thead a {
   color: #383838;
}
.tbl_head03 thead th input {
   vertical-align: top;
} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th,
.tbl_head03 tfoot td {
   padding: 10px 0;
   border-top: 1px solid #c1d1d5;
   border-bottom: 1px solid #c1d1d5;
   background: #d7e0e2;
   text-align: center;
}
.tbl_head03 tbody th {
   padding: 10px 0;
   border-top: 1px solid #e9e9e9;
   border-bottom: 1px solid #e9e9e9;
}
.tbl_head03 td {
   background-clip: padding-box;
   padding: 25px 15px;
   border-top: 1px solid #ccd2d9;
   border-left: 1px solid #f6f6f6;
   line-height: 1.5em;
   word-break: break-all;
   overflow-wrap: break-word; /* 긴 단어를 줄바꿈 */
   background-color: transparent;
}
.tbl_head03 td:first-child {
   border-left: 0;
}
.tbl_head03 a {
   word-break: break-all !important;
   overflow-wrap: break-word; /* 긴 단어를 줄바꿈 */
}
.tbl_head03 tfoot th {
}
.tbl_head03 tfoot td {
   background-color: #f9f9f9;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #eee;
   color: #000;
   padding-top: 20px;
   padding-bottom: 20px;
}

.sc_divs {
   height: 350px;
   overflow-y: scroll;
   box-sizing: border-box;
   font-size: 11px !important;
   background-color: #f9f9f9;
   border-top: 2px solid #eee;
   border-bottom: 2px solid #eee;
}

.top_sel_divs {
   margin-bottom: 20px;
}
.ul_left {
   float: left;
}
.ul_left_ser {
   float: left;
   width: 70%;
}
.ul_right {
   float: right;
   font-size: 12px;
}
.ul_right a {
   background-color: #f1f1f1;
   font-size: 12px;
   padding: 5px 10px 5px 10px;
   margin-left: 5px;
   border-radius: 4px;
}
.top_on_bt {
   background-color: #05C3DD !important;
   color: #fff;
   font-size: 12px;
   padding: 5px 10px 5px 10px;
   margin-left: 5px;
   border-radius: 4px;
}
.top_sel_divs_bd {
   margin-bottom: 20px;
   background-color: #f9f9f9;
   padding: 15px;
   box-sizing: border-box;
}
.top_sel_divs_bd .ul_left {
   float: left;
}
.top_sel_divs _bd.ul_right {
   float: right;
}
.ul_left_chk {
   float: left;
}

.tm_txt {
   display: block;
   margin-bottom: 15px;
   font-size: 14px;
}
.td_left a {
   word-break: keep-all;
}

.btm_btns_divs {
   width: 100%;
   margin-top: 10px;
}
.btm_btns_divs .off_bt {
   float: left;
   width: 10%;
   margin-right: 5px;
   cursor: pointer;
}
.btm_btns_divs .bbs_bt {
   width: 80px;
   height: 40px;
   border-radius: 5px;
   font-size: 13px;
   text-align: center;
   line-height: 40px;
}
.plus_form {
   margin-top: 20px;
}
.plus_form table th {
   width: 15%;
   padding-top: 15px;
   padding-bottom: 15px;
}
.plus_form table td {
   width: 85%;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 15px;
   padding-bottom: 15px;
}
.plus_form_tit {
   font-size: 16px;
   color: #05C3DD;
}
.plus_form_sub {
   font-size: 14px;
   margin-top: 10px;
   color: #999;
}
.plus_form table td .frm_info {
   color: #999;
   font-size: 12px;
   display: block;
   margin-bottom: 10px;
}

.plus_form_inner {
   margin-top: 20px;
   margin-top: 0px;
   margin-bottom: 0px;
}
.plus_form_inner table th {
   padding: 10px !important;
   background-color: #f9f9f9;
   width: auto !important;
}
.plus_form_inner table td {
   padding: 10px !important;
   width: auto !important;
}

.bg_trans table td {
   border-top: 0px;
   border-color: #eee;
   font-size: 11px;
}
.bg_trans table {
   border-top: 0px;
}

/* 상품 { */
.swiper-slide-list1 {
   width: 440px !important;
}
.main_list {
   height: 78vh;
}
.main_list .swiper-container {
   height: 95%;
}
.main_list .pg_wrap {
   margin: 0;
}
.main_list_img {
   position: relative;
}
.main_list_img a:hover img {
   filter: brightness(100%);
   border: 1px solid rgba(0, 0, 0, 0.1);
}
.btn_wish {
   background-color: transparent;
   border: 0px;
   position: absolute;
   bottom: 10px;
   right: 15px;
}
.main_list_img img {
   width: 100%;
   height: auto;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-sizing: border-box;
   mix-blend-mode: multiply;
   filter: brightness(97%);
}
.main_list_tit {
   font-size: 24px;
   margin: 20px 0 15px 0;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1;
}
.main_list_tit_text {
   width: 100%;
}
.main_list_tit a {
   display: flex;
   align-items: center;
   gap: 6px;
}
.main_list_tit .list_ico_1,
.main_list_tit .list_ico_2,
.main_list_tit .list_ico_3,
.main_list_tit .list_ico_4,
.main_list_tit .list_ico_5 {
   line-height: normal;
}
.main_list_sub {
   font-size: 13px;
   color: #999;
   margin-top: 5px;
}
.main_list_cat {
   margin-top: 15px;
}
.main_list_price {
   margin-top: 15px;
}
.main_list_ico {
   margin-top: 15px;
}

.main_list_cat_li0 {
   color: #888;
   margin-top: 3px;
   font-size: 13px;
   margin-bottom: 3px;
}
.main_list_cat_li1 {
   float: left;
   color: #888;
   margin-top: 3px;
   font-size: 13px;
}
.main_list_cat_li1 a {
   color: #000;
}
.main_list_cat_li2 {
   float: right;
}
.main_list_cat_li2 img {
   border-radius: 0px !important;
}
.main_list_price_li1 {
   float: left;
   font-size: 16px;
   margin-right: 10px;
   color: #ff6666;
   letter-spacing: -0.5px;
}
.main_list_price_li2 {
   float: left;
   font-size: 16px;
   margin-right: 10px;
   letter-spacing: -0.5px;
}
.main_list_price_li3 {
   float: left;
   font-size: 13px;
   color: #888;
   letter-spacing: -0.5px;
   margin-top: 2px;
}
.newmain_list_price {
   display: flex;
   flex-direction: column;
   gap: 10px;
   font-size: 18px;
}
.newmain_list_price li {
   display: flex;
   align-items: center;
   justify-content: space-between;
   letter-spacing: -0.5px;
}
.newmain_list_price .newmain_price_only {
   font-size: 16px;
   color: #000;
   letter-spacing: -0.8px;
}
.newmain_list_price .newmain_price_origin {
   font-size: 12px;
   color: #888;
   margin-bottom: 5px;
}
.newmain_list_ico {
   margin: 15px 0;
}
.newmain_price_text1 {
   font-size: 14px;
}
.newmain_price_text2 {
   font-size: 14px;
}
.newmain_price_text3 {
   font-size: 14px;
}

.list_ico_1 {
   border: 0px solid #747eaa;
   display: inline-block;
   border-radius: 5px;
   padding: 4px 8px;
   font-size: 12px;
   color: #fff;
   background-color: #747eaa;
   display: inline-block;
   margin-right: 0px;
   line-height: 1.2;
   cursor: pointer;
}
.list_ico_2 {
   border: 1px solid #05C3DD;
   display: inline-block;
   border-radius: 5px;
   padding: 4px 8px;
   font-size: 12px;
   color: #05C3DD;
   background-color: #fff;
   display: inline-block;
   margin-right: 0px;
   line-height: 1.2;
   cursor: pointer;
}
.list_ico_3 {
   border: 1px solid #ff7300;
   display: inline-block;
   border-radius: 5px;
   padding: 4px 8px;
   font-size: 12px;
   color: #fff;
   background-color: #ff7300;
   display: inline-block;
   margin-right: 0px;
   line-height: 1.2;
   cursor: pointer;
}
.list_ico_4 {
   border: 1px solid #333;
   display: inline-block;
   border-radius: 5px;
   padding: 4px 8px;
   font-size: 12px;
   color: #333;
   background-color: #fff;
   display: inline-block;
   margin-right: 0px;
   line-height: 1.2;
   cursor: pointer;
}
.list_ico_5 {
   border: 1px solid #333;
   display: inline-block;
   border-radius: 5px;
   padding: 4px 8px;
   font-size: 12px;
   color: #333;
   background-color: #fff;
   display: inline-block;
   margin-right: 0px;
   line-height: 1.2;
   cursor: pointer;
}
.bss {
   border: 1px solid #ff7300;
   color: #fff;
   background-color: #ff7300;
   line-height: 1.2;
}
.ks {
   border: 1px solid #3370ff;
   color: #fff;
   background-color: #3370ff;
   line-height: 1.2;
}
.rd {
   border: 1px solid #05C3DD;
   color: #fff;
   background-color: #05C3DD;
   line-height: 1.2;
}
.round {
   padding: 5px;
   margin: 0;
   border-radius: 20px;
}

.type_30_help {
   background-color: #f9f9f9;
   border-radius: 10px;
   text-align: center;
   padding: 20px;
   line-height: 150%;
   font-size: 13px;
   margin-bottom: 30px;
   word-break: keep-all;
   margin-top: 20px;
}
.end_date_10 {
   background-color: #f0f0f0;
   color: #000;
   font-size: 10px;
   padding: 7px 10px 7px 10px;
   border-radius: 15px;
   position: absolute;
   left: 15px;
   top: 13px;
}
.subsidy_div {
   margin-top: 20px;
}
.subsidy_div p {
   font-size: 16px;
   color: #05C3DD;
}
.subsidy_div .comment {
   font-size: 11px;
   color: #666;
   margin-top: 8px;
   padding-bottom: 12px;
}
.subsidy_div .subsidy_box {
   margin-top: 10px;
   padding: 12px;
   border: 1px solid #ddd;
   border-radius: 10px;
}
.subsidy_div .subsidy_location {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
}
.subsidy_div .subsidy_location li {
   width: 18%;
   margin: 10px 5px;
}
.subsidy_div .subsidy_location input[type='radio'] {
   display: none;
}
.subsidy_div .subsidy_location label {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 12px 0;
   border-radius: 5px;
   background-color: #f5f5f5;
   font-size: 16px;
   cursor: pointer;
}
.subsidy_div .subsidy_location label:hover {
   background-color: #e2e2e2;
   color: #000;
}
.subsidy_div .subsidy_location input[type='radio']:checked + label {
   background-color: #05C3DD;
   color: #fff;
   text-shadow: 0px 1px 2px #05C3DD;
}
.subsidy_div .subsidy_type li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px;
}
.subsidy_div label {
   color: #666;
   font-size: 16px;
   cursor: pointer;
   margin-left: 5px;
}
.subsidy_div label span:first-child {
   margin: 0 5px;
   font-size: 16px;
}
.subsidy_div label span:last-child {
   font-size: 14px;
   color: #999;
}
.subsidy_div .subsidy_price {
   font-size: 16px;
   color: #bbb;
}
.subsidy_div .subsidy_price.active {
   color: #000;
}
.subsidy_div input[type='radio'] {
   flex-shrink: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 22px;
   height: 22px;
   border: 6px solid #ddd;
   border-radius: 50%;
   outline: none;
   cursor: pointer;
}
.subsidy_div input[type='radio']:checked {
   background-color: #fff;
   border: 6px solid #05C3DD;
}
.subsidy_div input[type='checkbox'] {
   flex-shrink: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 22px;
   height: 22px;
   border: 1px solid #ddd;
   border-radius: 50%;
   outline: none;
   cursor: pointer;
   position: relative;
}
.subsidy_div input[type='checkbox']::before,
.subsidy_div input[type='checkbox']::after {
   content: '';
   position: absolute;
   background-color: #ddd;
   transition: all 0.3s;
}
.subsidy_div input[type='checkbox']::before {
   width: 10px;
   height: 3px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.subsidy_div input[type='checkbox']::after {
   width: 3px;
   height: 10px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.subsidy_div input[type='checkbox']:checked {
   background-color: #05C3DD;
   border: none;
}
.subsidy_div input[type='checkbox']:checked::before,
.subsidy_div input[type='checkbox']:checked::after {
   content: '';
   position: absolute;
   background-color: #fff;
   transition: all 0.3s;
}
.subsidy_div input[type='checkbox']:checked::before {
   width: 10px;
   height: 3px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.subsidy_div input[type='checkbox']:checked::after {
   width: 3px;
   height: 10px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.od_subsidy {
   padding: 20px;
   border: 1px solid #eee;
   border-radius: 10px;
   background-color: transparent;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   position: relative;
   margin-bottom: 20px;
}
.od_subsidy p {
   font-size: 16px;
   color: #05C3DD;
   margin-bottom: 10px;
}
.od_subsidy ul {
   display: flex;
   flex-direction: column;
}
.od_subsidy ul li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 5px 10px;
   text-align: center;
}
.od_subsidy ul li:first-child {
   background-color: #f5f5f5;
   border-radius: 5px;
   font-size: 16px;
   color: #666;
   padding: 10px;
}
od_subsidy ul li:nth-child(2n) {
   background-color: #f9f9f9;
}
.od_subsidy ul li span.ods_location {
   width: 20%;
}
.od_subsidy ul li span.ods_title {
   width: 60%;
   display: flex;
   flex-direction: column;
}
.od_subsidy ul li span.ods_title span:last-child {
   font-size: 12px;
   color: #999;
}
.od_subsidy ul li span.ods_price {
   width: 20%;
}

.type_40_check {
   margin: 20px 0;
}
.type_40_check_li {
   margin: 10px 0;
}
.type_40_check p {
   font-size: 16px;
   color: #05C3DD;
}
.type_40_check input[type='checkbox'] {
   width: auto;
   -webkit-appearance: radio;
   -webkit-border-radius: initial;
}
.type_40_check label {
   display: inline-block;
   font-weight: normal;
   margin-right: 1em;
}
.red {
   color: #ff0000;
}
.maincolor {
   color: #05C3DD;
}
.ired {
   color: #ff0000 !important;
}
.line-through {
   text-decoration: line-through;
   font-size: 13px;
   color: #a0a0a0;
   margin-top: 3px;
}
/* } */

/* 공구 { */
.main_list_cat_l {
   float: left;
   width: 75%;
}
.main_list_cat_r {
   float: right;
}
.main_list_fund {
   margin-top: 0px;
}
.fund_ul {
   border-radius: 10px;
   background-color: #fff;
}
.fund_wrap {
   margin-top: 0px;
   padding-top: 100px;
   background-color: #f9f9f9;
}
.swiper-wrapper-list5 {
   margin-left: -225px;
   padding-bottom: 50px;
   padding-top: 40px;
}
.swiper-slide-list5 {
   width: 950px !important;
   opacity: 0.5;
   border-radius: 10px;
   z-index: 98;
}
.swiper-wrapper-list5 .swiper-slide-active {
   opacity: 1;
   box-shadow: 40px 40px 50px rgba(0, 0, 0, 0.1);
   z-index: 99;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fund_li1 {
   float: left;
   width: 35%;
}
.fund_li1 img {
   height: auto;
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
   border-right: 1px solid rgba(0, 0, 0, 0.05);
   box-sizing: border-box;
   margin-bottom: -0.2px;
}
.fund_li2 {
   float: right;
   width: 65%;
   padding: 50px;
   box-sizing: border-box;
   padding-top: 40px;
}
.fund_li2_dl1 {
   font-size: 28px;
   letter-spacing: -1px;
}
.fund_li2_dl2 {
   margin-top: 15px;
}
.fund_li2_dl2_dd1 {
   float: left;
   color: #888;
   margin-top: 5px;
   letter-spacing: -0.5px;
}
.fund_li2_dl2_dd2 {
   float: left;
   margin-left: 20px;
}
.fund_bar {
   margin-top: 10px;
}
.fund_bar_bg {
   width: 100%;
   position: relative;
   background-color: #f1f1f1;
   height: 5px;
   border-radius: 5px;
}
.fund_bar_per {
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: #05C3DD;
   height: 5px;
   border-radius: 5px;
   display: block;
}
.fund_per_inner {
   width: 100%;
   position: relative;
   margin-top: 3px;
}
.f_in {
   position: absolute;
   bottom: -0px;
   right: 0px;
   width: 50px;
}
.f_in2 {
   position: absolute;
   bottom: -0px;
   left: 0px;
   width: 100px;
}
.fund_per_inner_num {
   font-size: 11px;
   color: #999;
   position: absolute;
   bottom: -25px;
   right: -4px;
}
.fund_per_inner_txt {
   font-size: 11px;
   color: #999;
   position: absolute;
   bottom: -25px;
   left: 0px;
}
.fund_per_wrap {
   margin-top: 20px;
}
.fund_per_wrap_dd1 {
   color: #05C3DD;
   font-size: 20px;
   letter-spacing: -1px;
   float: left;
}
.fund_per_wrap_dd2 {
   float: left;
   margin-left: 15px;
   font-size: 12px;
   color: #888;
   margin-top: 4px;
}
.fund_per_wrap_dd2 b {
   color: #000;
}
.fund_per_wrap_dd3 {
   font-size: 14px;
   color: #888;
   margin-top: 24px;
}
.fund_per_wrap_dd3 b {
   color: #000;
}
.fund_new_price {
   font-size: 30px;
}
.fund_sub {
   color: #888;
   margin-top: 40px;
   line-height: 150%;
   word-break: keep-all;
}
.fund_btn_div {
   margin-top: 50px;
}
.fund_btn {
   background-color: #05C3DD;
   color: #fff;
   font-size: 16px;
   letter-spacing: -0px;
   border: 0px;
   border-radius: 10px;
   width: 250px;
   height: 60px;
   padding-left: 30px;
   padding-right: 30px;
   box-sizing: border-box;
}
.fund_btn_dd1 {
   float: left;
}
.fund_btn_dd2 {
   float: right;
}

.main_list_cat_li2_dd1 {
   float: left;
   font-size: 12px;
   margin-top: 4px;
   margin-right: 4px;
}
.main_list_cat_li2_dd2 {
   float: left;
   margin-top: 1px;
}

.fun_last {
   margin-top: 0px;
   padding-bottom: 100px;
}
.fund_btn_div_po {
   position: absolute;
   top: -40px;
   text-align: center;
   width: 100%;
}
.fund_view_btn {
   background-color: #fff;
   padding-left: 40px;
   padding-right: 40px;
   border-radius: 50px;
   border: 0px;
   width: 350px;
   font-size: 18px;
   height: 80px;
}
.fund_view_btn:hover {
   color: #05C3DD;
}
.fund_view_btn_dd1 {
   float: left;
   margin-top: 5px;
}
.fund_view_btn_dd2 {
   float: right;
   margin-top: 2px;
}
/* } */

/* 게시판 { */
.bbs_ssj {
   margin-bottom: 30px;
   font-size: 18px;
   line-height: 150%;
}
.gaps {
   margin-left: 4px;
}
#bo_list tbody tr {
   border-left: 0px !important;
}
.bbs_chk {
   width: 5% !important;
   text-align: center !important;
}
.bbs_num {
   width: 7% !important;
}
.bbs_subj {
   width: 40% !important;
   position: relative;
   padding-left: 25px !important;
}

.comm_dd {
   margin-top: 15px;
}

.bbs_subj_inner .bbs_subj_inner_div {
   width: 100%;
}
.bbs_subj_inner .bbs_subj_inner_div a {
   color: #000;
}

.subj_ico {
   background-color: #05C3DD;
   color: #fff;
   font-size: 11px;
   padding: 0px 7px 0px 7px;
   border-radius: 4px;
   float: left;
   margin-right: 10px;
}
.comm_span {
   position: absolute;
   right: 25px;
   top: 27px;
   font-size: 10px;
}

.bbs_prof_ul1 {
   float: left;
   margin-right: 20px;
}
.bbs_prof_ul1 img {
   height: 60px;
   border-radius: 10%;
}
.bbs_prof_ul2 {
   float: left;
}

.bbs_prof_ul2_li1 {
   font-size: 14px;
}
.bbs_prof_ul2_li2 {
   font-size: 12px;
   margin-top: 5px;
}
.bbs_prof_ul2_li3 {
   font-size: 12px;
}

.cke_sc {
   display: none;
}
#bo_v_con {
   color: #000;
   line-height: 190%;
   font-size: 14px;
}
#bo_v_con p,
#bo_v_con span {
   font-size: 14px;
}
#bo_v_con img {
   max-width: 1200px;
   width: auto;
}

.bo_v_file_cnt {
   font-size: 12px;
}

.gall_new_ico {
   position: absolute;
   right: 20px;
   bottom: 20px;
   display: block;
   width: 50px;
   height: 50px;
   background-color: #fff;
   border-radius: 30%;
   text-align: center;
   line-height: 50px;
   font-size: 12px;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.bbs_chk_gall {
   position: absolute;
   top: 25px;
   left: 20px;
}
.main_list_sub_bbs {
   font-size: 14px;
   color: #999;
   margin-top: 10px;
   word-break: keep-all;
   line-height: 150%;
}
.bbs_date_tops {
   margin-top: 5px;
}
/* } */

/* 하단 { */
#btm_subs .btm_inner {
   display: flex;
   flex-direction: column;
   padding: 0 10px;
}
#btm_subs .btm_wrap_bn_none {
   width: 100%;
   height: 250px;
   background-repeat: no-repeat;
   background-position: top center;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   margin-top: 0px;
}
#btm_subs .btm_wrap_bn {
   width: 100%;
   height: 250px;
   background-repeat: no-repeat;
   background-position: top center;
   cursor: pointer;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   margin-top: 0px;
}
#btm_subs .btm_wrap_bn:hover {
   filter: brightness(70%);
}
#btm_subs .btm_copy_ul1 {
   display: flex;
   flex-direction: column;
   gap: 15px;
   padding: 20px 0;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
}
#btm_subs .btm_copy_ul1_li0 {
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 14px;
   color: #000;
}
.btm_logo {
   width: 120px;
   margin-bottom: 10px;
}
.btm_logo img {
   width: 100%;
   height: auto;
}
.btm_intro {
   font-size: 14px;
   color: #888;
   line-height: 1.5;
   margin-bottom: 10px;
   text-align: right;
}
.btm_sns {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 10px;
   height: 36px;
}
.btm_sns a {
   border: none;
   width: 36px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.btm_sns a:hover {
   border-color: transparent;
   border-radius: 50%;
   background-color: rgba(5, 195, 221, 0.1);
   opacity: 1;
   color: #05C3DD;
}
.btm_sns svg {
   width: 20px;
   height: 20px;
   transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#btm_subs .btm_copy_ul1_li1 {
   display: flex;
   align-items: center;
   justify-content: space-around;
}
#btm_subs .btm_copy_ul1_li2 {
   display: flex;
   flex-direction: column;
   font-size: 12px;
   color: #888;
   line-height: 1.5;
}
#btm_subs .btm_copy_ul1_li3 {
   display: flex;
   align-items: center;
   justify-content: space-around;
}
#btm_subs .btm_copy_ul1_li3 a:hover {
   color: #05C3DD;
}
#btm_subs .btm_c_top {
   color: #888;
   font-size: 12px;
}
#btm_subs .btm_c_bottom {
   color: #888;
   font-size: 10px;
   text-align: right;
}

/* } */

/* 서브 { */
.subs_wrap {
   /* margin-top: -40px; */
   position: relative;
   min-height: 400px;
}

.sct_admin {
   display: none;
}
/* } */

/* 상품 { */
.fund_gap_wraps {
   margin-bottom: 50px;
}
#sit_opt_added .sit_opt_prc {
   text-align: left;
}
.seller_p_div_d1 {
   float: left;
   margin-top: -2px;
}
.seller_p_div_d2 {
   float: left;
   margin-left: 8px;
   font-size: 13px;
}
.seller_p_div_d3 {
   float: right;
   font-size: 13px;
}

#sct_location {
   display: none !important;
}
.sit_admin {
   display: none;
}
.pro_f_l {
   float: left;
   width: 44%;
}
.pro_f_r {
   float: right;
   width: 56%;
   padding-left: 5%;
   box-sizing: border-box;
}
.swiper-button-next-bn {
   margin-right: 4%;
   background-color: rgba(0, 0, 0, 0.4);
}
.swiper-button-prev-bn {
   margin-left: 4%;
   background-color: rgba(0, 0, 0, 0.4);
}
.gallery-thumbs {
   margin-top: 10px;
}
.pro_tit {
   margin-bottom: 10px;
   font-size: 26px;
   letter-spacing: -0.5px;
}
.pro_top_ico_l {
   float: left;
}
.pro_top_ico_r {
   float: right;
   position: relative;
}
.pro_sub {
   margin-bottom: 0px;
   font-size: 14px;
   color: #888;
   line-height: 150%;
}

.sns_pop_wrap {
}
.sns_pop_wrap img {
   width: 20px;
}
.sns_pop_wrap a {
}

.sns_pop_wrap li .sns_f {
   display: block;
   background: #3b5997;
}
.sns_pop_wrap li .sns_t {
   display: block;
   background: #09aeee;
}
.sns_pop_wrap li .sns_g {
   display: block;
   background: #ea4026;
}
.sns_pop_wrap li .sns_k {
   display: block;
   background: #fbe300;
}

.sns_pop_wrap li {
   width: 35px;
   text-align: center;
   float: right;
   margin-left: 3px;
}
.sns_pop_wrap {
   margin-top: 0px;
}
.sns_pop_wrap li img {
   margin-right: 0px;
}
.sns_pop_wrap li .sns_nb {
   display: block;
   background: #00c300;
}

.sns_pop_wrap li .sns_link {
   display: block;
   background: #05C3DD;
}

.sns_pop_wrap li .sns_link img {
   width: 13px !important;
}

.sns_pop_wrap li a {
   height: 35px;
   line-height: 30px;
   text-align: center;
   border-radius: 3px;
   color: #fff;
   font-size: 0.95em;
}

.sns_l_btn_x {
   border: 0px;
   background-color: #fff;
   margin-top: 2px;
}

.opt_ext {
   padding: 20px;
   border: 1px solid #eee;
   border-bottom: 0px;
   font-size: 13px;
   line-height: 150%;
   color: #888;
}
.it_option {
   border-color: #05C3DD !important;
}
.opt_ext span {
   display: block;
   margin-bottom: 15px;
   font-size: 14px;
   color: #000;
}

.pro_tag {
   display: flex;
   gap: 5px;
   margin-top: 10px;
   padding-bottom: 10px;
}

.pro_tag_img {
   width: auto;
   height: 95px;
}

.pro_price {
   margin-top: 0px;
   margin-bottom: 25px;
}
.pro_price_per {
   color: #ff6666 !important;
   font-size: 30px;
   float: left;
   margin-right: 20px;
}
.pro_price_p {
   color: #000;
   font-size: 30px;
}
.ori_price {
   display: flex;
   align-items: center;
   gap: 50px;
   line-height: 40px;
   justify-content: flex-start;
}
.ori_price_b {
   border-right: 2px solid #ddd;
   height: 25px;
}
.ori_price_t {
   color: #666666;
   font-size: 14px;
   font-weight: 400;
}
.ori_price_p {
   color: #666666;
   font-size: 16px;
   font-weight: 400;
   text-decoration: line-through;
   margin-left: 10px;
}
.final_price {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.final_price_div {
   width: 40%;
   display: flex;
   flex-direction: column;
}
.final_price_p {
   font-size: 18px;
   margin-bottom: 8px;
}
.final_price_d {
   font-size: 14px;
}
.final_price_t {
   font-size: 22px;
   margin-top: 5px;
}
.final_price_per {
   color: red;
}
.final_price_tot {
   font-size: 26px;
}
.calculator_btn {
   width: 40%;
   cursor: pointer;
}
.calculator_btn img {
   width: 100%;
}
.pro_price_st {
   color: #999;
   font-size: 18px;
   float: left;
   margin-right: 50px;
   margin-top: 6px;
   line-height: 130%;
}
.pro_price_notice {
   color: #999;
   font-size: 9px;
   margin-top: 15px;
   line-height: 150%;
   font-weight: 300;
}

.seller_p_div {
   background-color: #f6f6f6;
   border-radius: 10px;
   padding: 20px;
   padding-bottom: 15px;
}
.seller_p_div_dd1 {
   float: left;
   width: 70%;
}
.seller_p_div_dd2 {
   float: right;
   width: 30%;
}
.seller_txt {
   font-size: 12px;
   color: #888;
   margin-top: 5px;
   line-height: 140%;
   word-break: keep-all;
}
.seller_txt span {
   color: #000;
}

.seller_p_link_btn {
   border: 0px;
   background-color: transparent;
   font-size: 13px;
}
.btn_inner_left {
   float: left;
   margin-right: 5px;
}
.btn_inner_right {
   float: right;
   margin-top: 1px;
}
.pro_txt {
}
.pro_txt_div {
   padding-top: 20px;
   padding-bottom: 0px;
   box-sizing: border-box;
}
.pro_txt_div_ul {
   width: 100%;
   padding-top: 13px;
   padding-bottom: 13px;
   font-size: 13px;
   display: flex;
   align-items: center;
}
.pro_txt_div_ul_li1 {
   float: left;
   width: 30%;
   color: #888;
}
.pro_txt_div_ul_li1.w15 {
   width: 15%;
}
.pro_txt_div_ul_li2 {
   float: left;
   width: 70%;
}
.pro_txt_div_ul_li2.w85 {
   width: 85%;
}

.pro_txt_div_ul2 {
   width: 100%;
   padding-top: 7px;
   padding-bottom: 7px;
   font-size: 13px;
   display: flex;
   align-items: center;
}
.pro_txt_div_ul2_li1 {
   width: 15%;
   /* height: 30px; */
   color: #888;
   line-height: 150%;
}
.pro_txt_div_ul2_li2 {
   width: 85%;
   line-height: 150%;
   /* word-break: keep-all; */
}
.pro_txt_div_ul2_li3 {
   width: 85%;
   color: #000;
   line-height: 150%;
   /* word-break: keep-all; */
   /* padding: 0 4px; */
}
.pro_txt_div_ul2_li3 p span {
   width: 100%;
   background: linear-gradient(transparent 42%, rgba(48, 255, 86, 0.5) 42%);
}

.model_select_wrap {
   border-top: 1px solid #eee;
   margin-top: 20px;
   padding-top: 30px;
}
.option_select_wrap {
   border-top: 1px solid #eee;
   margin-top: 20px;
   padding-top: 30px;
}
.option_select_wrap2 {
   border-top: 0px solid #eee;
}
.option_s {
   border: 1px solid #eee;
   font-size: 14px;
   padding: 20px;
   width: 100%;
   background: url(../image/chevron-down.svg) no-repeat right 15px center;
   background-size: 25px;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin-bottom: 5px;
}
.option_s:focus {
   outline: none;
   border: 1px solid #05C3DD;
}
.opt_sel_div {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px 0;
   border-top: 1px solid #eee;
}
.opt_sel_div_ul0 {
   border: 3px solid red;
   padding: 10px;
}
.opt_sel_div_ul1 {
   float: left;
}
.opt_sel_div_ul2 {
   float: right;
   width: 20%;
}
.opt_sel_div_ul3 {
   float: right;
   width: 8%;
   margin-top: 10px;
   text-align: right;
}
.opt_sel_div_ul1_txt {
   color: #888;
   font-size: 13px;
}
.opt_sel_div_ul1_pri {
   color: #000;
   font-size: 18px;
   margin-top: 10px;
}
.price0 {
   font-size: 14px;
   color: #888;
}

.ops_nums {
   width: 100%;
   position: relative;
   float: right;
}
.ops_nums_inp {
   width: 100%;
   height: 45px;
   background-color: #f9f9f9;
   border-radius: 5px;
   border: 0px;
   text-indent: 15px;
}
.ops_nums_btn-up {
   position: absolute;
   top: 3px;
   right: 5px;
   border: 0px;
   background-color: transparent;
}
.ops_nums_btn-down {
   position: absolute;
   bottom: 0px;
   right: 5px;
   border: 0px;
   background-color: transparent;
}
.ops_nums_btn-del {
   border: 0px;
   background-color: transparent;
}

.buy_wrap {
   margin-top: 20px;
   padding-top: 30px;
   border-top: 1px solid #eee;
}
.buy_wrap_ul1 {
   float: left;
}
.buy_wrap_ul2 {
   float: right;
   text-align: right;
}
.buy_btn_main {
   background-color: #05C3DD;
   color: #fff;
   text-align: center;
   border: 0px;
   border-radius: 10px;
   height: 70px;
   width: 100%;
   font-size: 18px;
   font-weight: 800;
   text-shadow: 0px 1px 2px #05C3DD;
}
.buy_btn_main:hover {
   background-color: #05C3DD;
}
.consult_btn_main {
   background-color: #fff;
   color: #05C3DD;
   text-align: center;
   border: 2px solid #05C3DD;
   border-radius: 10px;
   height: 70px;
   width: 100%;
   font-size: 16px;
   font-weight: 400;
}
.consult_btn_main:hover {
   border: 2px solid ##05C3DD;
   color: ##05C3DD;
}
.cart_btn_main {
   width: 70px;
   height: 70px;
   border: 2px solid #eee;
   border-radius: 5px;
   background-color: #fff;
   padding-top: 1px;
   color: #666;
   box-sizing: border-box;
}
.wish_btn_main {
   width: 70px;
   height: 70px;
   border: 2px solid #eee;
   border-radius: 5px;
   background-color: #fff;
}
.cart_btn_main:hover {
   border-color: #ccc;
}
.wish_btn_main:hover {
   border-color: #ccc;
}

.share_btns {
   border: 0px;
   background-color: transparent;
}
.share_btns:hover {
   color: #05C3DD;
}

.review_wrap {
   margin-top: 60px;
}
.rev_tit {
   margin-top: 15px;
   margin-bottom: 30px;
   border-bottom: 1px solid #ddd;
   padding-bottom: 10px;
}
.rev_tit_txt {
   float: left;
   font-size: 19px;
}
.rev_tit_num {
   float: right;
   font-size: 14px;
   margin-top: 1px;
}
.rev_con {
}
.rev_con_wrap {
   border-bottom: 1px solid #eee;
   padding-bottom: 30px;
   margin-bottom: 30px;
   position: relative;
}
.rev_view_btn_pos {
   position: absolute;
   top: 0px;
   right: 0px;
}
.rev_con_wrap_div {
}
.rev_con_wrap_div_ul1 {
   float: left;
   width: 70%;
}
.rev_con_wrap_div_ul1_li1 {
}
.rev_con_wrap_div_ul1_li1_dl {
}
.rev_con_wrap_div_ul1_li1_dl_dd1 {
   float: left;
   margin-top: -3px;
   margin-right: 15px;
}
.rev_con_wrap_div_ul1_li1_dl_dd1 img {
   height: 14px;
   width: auto !important;
}
.rev_con_wrap_div_ul1_li1_dl_dd2 {
   float: left;
   font-size: 13px;
}
.rev_con_wrap_div_ul1_li1_dl_dd2 span {
   color: #888;
}
.rev_con_wrap_div_ul1_li2 {
   margin-top: 10px;
   color: #888;
   font-size: 13px;
}
.rev_con_wrap_div_ul2 {
   float: right;
   width: 20%;
   text-align: right;
}
.rev_view_btn {
   border: 2px solid #eee;
   border-radius: 4px;
   background-color: transparent;
   font-size: 12px;
   padding-left: 15px;
   padding-right: 35px;
   box-sizing: border-box;
   height: 38px;
}
.rev_view_btn {
   background: url(../image/chevron-down.svg) no-repeat right 10px center;
   background-size: 15px;
}
.rev_view_btn:hover {
   color: #000;
   border-color: #ccc;
}
.rev_view_btn_up {
   background: url(../image/chevron-up.svg) no-repeat right 10px center;
   background-size: 15px;
}
.rev_view_btn_qa_on {
   border: 0px;
   background-color: transparent;
   font-size: 13px;
   margin-top: 2px;
   color: #05C3DD;
}
.rev_view_btn_qa {
   border: 0px;
   background-color: transparent;
   font-size: 13px;
   margin-top: 2px;
   color: #999;
}
.rev_re_wrap {
   padding-top: 20px;
   font-size: 13px;
   line-height: 150%;
}
.rev_btn_ul {
   margin-top: 10px;
}
.rev_btn_tiny {
   border: 2px solid #ddd;
   display: block;
   border-radius: 4px;
   padding: 2px 10px 0px 10px;
   font-size: 10px;
   color: #888;
   background-color: #fff;
   margin-right: 2px;
   float: left;
}
.rev_btn_tiny:hover {
   color: #000;
   border-color: #ccc;
}
.rev_re_wrap_ul1 {
   float: left;
   width: 5%;
}
.rev_re_wrap_ul2 {
   float: right;
   width: 95%;
}
.rev_re_re {
   margin-top: 30px;
}
.rev_re_wrap_ul2_li1 {
   font-size: 13px;
   color: #888;
}
.rev_re_wrap_ul2_li2 {
   font-size: 13px;
   color: #000;
   margin-top: 10px;
}
.rev_re_wrap_ul2_li2 img {
   max-width: 100%;
}
.rev_cont ul {
   color: #888;
}
.r_btm_bts_li1 {
   /*float:left;*/
   text-align: center;
}
.r_btm_bts_li2 {
   /*float:right;*/
   text-align: center;
   margin-top: 30px;
   margin-bottom: 60px;
}
.r_btm_btn_on {
   background-color: #05C3DD;
   color: #fff;
   font-size: 14px;
   border-radius: 5px;
   border: 0px;
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
   height: 50px;
   box-sizing: border-box;
   line-height: 50px;
   display: inline-block;
}
.r_btm_btn {
   background-color: #fff;
   color: #000;
   font-size: 14px;
   border-radius: 5px;
   border: 0px;
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
   height: 52px;
   box-sizing: border-box;
   border: 2px solid #eee;
   line-height: 50px;
   display: inline-block;
}

.rev_con_wrap_div_ul1_li2 a {
   color: #888;
}
.rev_con_wrap_div_ul1_li2 a:hover {
   color: #000;
}

.partner_info_wrap {
   margin-top: 20px;
   margin-bottom: 30px;
}
.partners {
   background-color: #fff;
   border-radius: 5px;
   padding: 20px;
   border: 2px solid #eee;
   box-sizing: border-box;
}
.partners_ul0 {
   float: left;
   margin-left: 0px;
   margin-top: 3px;
}
.partners_ul0 img {
   border-radius: 10%;
   height: 60px;
}
.partners_ul1 {
   float: left;
   margin-left: 20px;
   margin-top: 5px;
   width: 60%;
}
.partners_ul2 {
   float: right;
   margin-top: 15px;
   margin-right: 6px;
}
.partners_ul3 {
   float: right;
   margin-top: 15px;
   margin-right: 6px;
}
.partners_ul1_li1 span {
   color: #999;
}
.partners_ul1_li2 {
   font-size: 12px;
   color: #888;
   margin-top: 5px;
}
.partners_ul1_li3 {
   font-size: 11px;
   color: #888;
   margin-top: 10px;
}
.partner_shop_btn {
   background-color: #f5f5f5;
   color: #000;
   border-radius: 5px;
   font-size: 13px;
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
   height: 35px;
   border: 0px;
}

.gallery-top img {
   width: 100%;
   height: auto;
   /* border: 1px solid rgba(0, 0, 0, 0.05); */
   box-sizing: border-box;
   filter: brightness(97%);
   background-color: #fff;
   border-radius: 10px;
}
.gallery-thumbs img {
   height: auto;
   border: 2px solid rgba(0, 0, 0, 0.05);
   box-sizing: border-box;
   background-color: #fff;
   filter: brightness(70%);
   border-radius: 5px;
}
.gallery-thumbs .swiper-slide-thumb-active img {
   border: 2px solid #05C3DD;
   filter: brightness(97%);
}

.qa_noma {
   margin-top: -2px;
}
.pro_ca30_img {
   margin-top: 0px;
   margin-bottom: 30px;
}
.pro_ca30_img img {
   width: 100%;
   height: auto;
   border-radius: 5px;
   border: 1px solid rgba(0, 0, 0, 0.05);
   box-sizing: border-box;
}

.star_av_wrap {
   background-color: #fff;
   border-radius: 5px;
   padding: 30px;
   margin-top: 00px;
   border: 0px solid #ddd;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-content: center;
}
.star_av_wrap_ul1 {
   float: left;
   width: 30%;
   text-align: center;
   padding: 30px;
   border-right: 1px solid #ddd;
   margin-top: 30px;
}
.star_av_wrap_ul1 img {
   margin-top: 20px;
}
.star_av_wrap_ul2 {
   float: right;
   width: 70%;
   text-align: center;
   padding: 30px;
   margin-top: 30px;
}
.star_av_wrap_ul1_li1 {
   font-size: 16px;
   text-align: center;
   margin-bottom: 15px;
}
.star_av_wrap_ul1_li2 {
   font-size: 22px;
   text-align: center;
   margin-top: 15px;
}

.star_av_wrap_ul2_li1 {
   font-size: 16px;
   text-align: center;
   margin-bottom: 15px;
}
#bar {
   margin-top: -30px;
   margin-left: -10px;
}
#bar .apexcharts-yaxistooltip {
   display: none;
}
#bar .apexcharts-legend {
   display: none;
}
#bar .apexcharts-tooltip-title {
   font-size: 11px !important;
}
#bar .apexcharts-tooltip-text {
   font-size: 11px !important;
}
#bar .apexcharts-tooltip-marker {
   margin-right: 0px !important;
}

#chart tspan {
   font-size: 11px;
}
#chart .apexcharts-tooltip-title {
   font-size: 11px !important;
}
#chart .apexcharts-tooltip-text {
   font-size: 11px !important;
}
#chart .apexcharts-tooltip-marker {
   margin-right: 5px !important;
}

/* } */

/* 상품 탭 { */
.c_tabs {
   width: 100%;
}

/* 탭의 가로크기 */

.contabroll dl {
   display: none;
   width: 100%;
   height: auto;
   border: 0px;
   box-sizing: border-box;
}

.contabroll dl.on {
   display: block;
}

.contabroll dd {
   float: left;
   margin: 0px;
   font-size: 18px;
   cursor: pointer;
   box-sizing: border-box;
   padding-right: 40px;
   color: #888;
}

.contabroll dd.on {
   color: #000;
}

.tab_cont_area {
   padding-top: 0px;
   box-sizing: border-box;
   border-radius: 0px;
   line-height: 150%;
   word-break: keep-all;
}

.tab_cont_area img {
   width: 100%;
   max-width: 100%;
}
/* } */

/* 기존 스타일 커스텀 { */
.model_select_wrap label {
   display: none;
}
.model_select_wrap select {
   border: 1px solid #eee;
   font-size: 14px;
   padding: 20px;
   width: 100%;
   background: url(../image/chevron-down.svg) no-repeat right 15px center;
   background-size: 25px;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin-bottom: 5px;
}
.model_select_wrap select:focus {
   outline: none;
   border: 1px solid #05C3DD;
}

.option_select_wrap label {
   display: none;
}
.option_select_wrap select {
   border: 1px solid #eee;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   background: url(../image/chevron-down.svg) no-repeat right 15px center;
   background-size: 25px;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin-bottom: 5px;
}
.option_select_wrap select:focus {
   outline: none;
   border: 1px solid #05C3DD;
}

.option_select_wrap2 label {
   display: none;
}
.option_select_wrap2 select {
   border: 1px solid #eee;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   background: url(../image/chevron-down.svg) no-repeat right 15px center;
   background-size: 25px;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin-bottom: 5px;
}
.option_select_wrap2 select:focus {
   outline: none;
   border: 1px solid #05C3DD;
}

#sit_tot_price dd {
   margin-top: 30px;
   background-color: #f9f9f9;
   border-radius: 10px;
   font-size: 18px;
   padding: 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
#sit_tot_price span {
   font-size: 18px;
}
#sit_tot_price strong {
   font-size: 18px;
   color: #05C3DD;
}
#sit_tot_price .sit_tot_price_calc {
   font-size: 16px;
   color: #666;
}
#sit_tot_price .sit_tot_price_total {
   float: right;
}

#sit_inf_open {
   width: 100%;
   border: 0;
   border-top: 1px solid #777;
   border-collapse: collapse;
}
#sit_inf_open th {
   padding: 15px 20px 15px 20px;
   border-bottom: 1px solid #ddd;
   background: #f9f9f9;
   vertical-align: top;
   text-align: left;
}
#sit_inf_open td {
   padding: 15px 20px 15px 20px;
   border-bottom: 1px solid #ddd;
   background: #f0f0f0;
   vertical-align: top;
}
.no_data {
   width: 100%;
   padding-top: 50px;
   padding-bottom: 50px;
   text-align: center;
   background-color: #f9f9f9;
   border-radius: 10px;
   margin-bottom: 20px;
   color: #999;
}
.no_data2 {
   width: 100%;
   padding-top: 50px;
   padding-bottom: 50px;
   text-align: center;
   background-color: #f1f1f1;
   border-radius: 10px;
   margin-bottom: 20px;
   color: #999;
}
.no_data3 {
   width: 100%;
   text-align: center;
   color: #999;
   font-size: 13px !important;
}
.supp_wrap {
   margin-top: 30px;
}
.supp_wrap img {
   border-radius: 30%;
}

.shop_icon_1,
.shop_icon_2,
.shop_icon_3,
.shop_icon_4,
.shop_icon_5,
.shop_icon_coupon {
   border: 2px solid #ddd;
   border-radius: 4px;
   padding: 5px 10px 5px 10px;
   font-size: 10px;
   color: #888;
   background-color: #fff;
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
   line-height: 100%;
   margin-bottom: 2px;
}

.tbl_head03 thead th {
   padding: 20px 0;
   border-top: 2px solid #959da6;
   border-bottom: 1px solid #d3d3d3;
   color: #383838;
   font-size: 16px;
   text-align: center;
   letter-spacing: -0px;
}
.sod_opt {
   font-size: 13px;
   color: #888;
}
.sod_opt li:before {
   font-size: 12px;
   padding: 5px;
}
.sod_opt li {
   font-size: 13px;
   color: #888;
   padding: 2px 0px;
}
.sod_opt2 {
   font-size: 13px;
   color: #888;
}
.sod_opt2 ul li {
   display: flex;
   justify-content: space-between;
   font-size: 13px;
   color: #888;
   padding: 2px 0;
   line-height: 20px;
}
.sod_opt2 ul li span:nth-child(1) {
   color: #000;
}
.sod_opt2 ul li:before {
   margin-right: 10px;
}
.sod_opt2 .li_txtf {
   font-weight: bold;
   color: #05C3DD;
}
.sod_opt2 .li_line {
   border-top: 2px dashed #000;
   margin-top:5px;
   padding-top:7px;
}
.sod_opt3 {
   display: flex;
   flex-direction: column;
   gap: 5px;
   font-size: 13px;
   color: #000;
   padding: 2px 0;
   line-height: 20px;
}
.sod_opt3 p {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
}
.sod_opt3 .sod3_opt_option {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   flex-wrap: wrap;
   gap: 5px;
}
.sod_opt3 .sod3_opt_option span {
   font-size: 11px;
   color: #000;
   background: #b6d9dd;
   padding: 2px 6px;
   border-radius: 4px;
}

#sod_fin_list .sod_opt:before {
   content: '옵션';
   display: inline-block;
   margin: 1px 5px 2px 0;
   padding: 3px;
   border-radius: 3px;
   background: #e2eaf6;
   line-height: 1em;
   color: #3a8afd;
   font-size: 11px;
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
}
.sod_left {
   width: 65%;
   margin-right: 0px;
}
.sod_right {
   width: 33.5%;
   float: right;
}

.sod_img img {
   border-radius: 10px;
}
#sod_frm_pay .pay_tbl th {
   width: 100px;
   padding-left: 15px;
}
#sod_frm_pay .pay_tbl td {
   padding-right: 15px;
}
#forderform .od_pay_buttons_el h3 {
   margin-bottom: 15px;
}
#sod_frm_paysel .bank_icon {
   background-image: none;
   text-align: center;
}
#sod_frm_paysel .card_icon {
   background-image: none;
   text-align: center;
}
#sod_frm_pay .vbank_icon {
   background-image: none;
   text-align: center;
}
#sod_frm_paysel .iche_icon {
   background-image: none;
   text-align: center;
}
#od_pay_sl .lb_icon {
   padding-left: 0px;
   border: 2px solid #ddd;
   margin: -2px 0 0 -2px;
}
.sod_right #od_tot_price {
   border: 0px;
}
#od_tot_price {
   background-color: #f9f9f9;
}
#od_pay_sl input[type='radio']:checked + .lb_icon {
   border: 2px solid #ddd;
}

.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {
   border: 1px solid #eee;
   background-color: transparent;
   color: #000;
   vertical-align: middle;
   border-radius: 5px;
   padding: 10px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

#sod_frm_taker .order_choice_place {
   background-color: #f9f9f9;
   border: 0px;
   border-radius: 5px;
   padding: 10px 0;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before {
   line-height: 18px;
}
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {
   line-height: 18px;
}
#od_pay_sl input[type='radio']:checked + .lb_icon {
   border-color: #05C3DD;
}
/* } */

/* 주문폼 커스텀 { */

.opt_b_com {
   padding: 20px;
   box-sizing: border-box;
   border-top: 1px solid #eee;
   font-size: 12px;
}

.od_forms_left {
   float: left;
   width: 60%;
}
.od_forms_right {
   float: right;
   width: 35%;
   padding-left: 5%;
   box-sizing: border-box;
}
.od_inp_tit {
   font-size: 20px;
   color: #000;
   border-bottom: 1px solid #999;
   padding-bottom: 10px;
}
.od_con_div {
   margin-top: 20px;
}
.od_cart_div {
   margin-top: 10px;
   background-color: #fff;
   border-radius: 10px;
   border: 1px solid #eee;
   position: relative;
   box-sizing: border-box;
}
.od_cart_tit {
   background-color: #f9f9f9;
   padding: 15px 20px 15px 20px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom: 1px solid #eee;
}
.od_cart_tit_txt {
   float: left;
}
.od_cart_tit_sub {
   float: right;
   color: #777;
   font-size: 13px;
   margin-top: 2px;
}
.od_cart_tit_sub span {
   color: #000;
}
.od_cart_con {
   padding: 20px;
   background-color: transparent;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   position: relative;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 5%;
}
.od_cart_con_1 {
   width: 35%;
}
.od_cart_con_2 {
   width: 60%;
}
.od_cart_con_3 {
   width: 100%;
   /* float: right; */
   /* margin-top: 22px; */
   /* padding-left: 30px; */
}
.od_cart_con_4 {
   padding-left: 20px;
   padding-bottom: 20px;
}
.od_cart_con_5 {
   float: left;
}
.od_cart_con_1 img {
   border-radius: 10px;
   width: 50px;
   height: auto;
}
.tbl_frm01 th {
   text-align: left;
   padding-left: 0px;
   width: 120px;
}
.btn_address {
   color: #05C3DD;
   border: 1px solid #05C3DD;
   height: 45px;
   border-radius: 5px;
   padding-left: 20px;
   padding-right: 20px;
   background-color: transparent;
}
.new_tit_step {
   text-align: center;
   background-color: #fff;
   border-radius: 20px;
   padding: 20px;
   border: 2px solid #05C3DD;
   margin-bottom: 40px;
}
.new_tit_step_ul1 {
   color: #999;
   font-size: 22px;
   line-height: 130%;
}
.new_tit_step_ul2 {
   color: #000;
   margin-top: 20px;
   font-size: 16px;
   line-height: 150%;
}

#sod_frm_orderer,
#sod_frm_taker {
   margin: 0 0 0px;
   border: 0px solid #e3e5e8;
   background-color: transparent;
}

.od_inp_wrap {
   margin-bottom: 15px !important;
}
.od_inp_wrap_nm {
   margin-bottom: 0px !important;
}
#sod_frm div.tbl_frm01,
#sod_frm_taker div.tbl_frm01 {
   padding: 0px !important;
}
#sod_frm_taker .tbl_frm01 .btn_frmline {
   font-size: 12px;
   padding-left: 5px;
   padding-right: 5px;
}
.od_b_zips {
   width: 20% !important;
}
#sod_frm_taker .tbl_frm01 td input {
   width: auto;
}
.full_input,
.frm_address {
   width: 100% !important;
}
.tot_pri_lines {
   padding-right: 15px;
   border-right: 1px solid #ddd;
}
.tot_qty_lines {
   padding-left: 13px;
}

#sticky_od_form {
   position: sticky;
   position: -webkit-sticky;
   top: 0;
   height: auto;
   z-index: 9;
}
.borders_box {
   background-color: #fff;
   border: 1px solid #eee;
   padding: 30px;
   border-radius: 10px;
   box-sizing: border-box;
}
.pay_tits {
   font-size: 20px;
   margin-bottom: 20px;
}
#sod_bsk_tot span {
   float: left;
}
#sod_bsk_tot strong {
   float: right;
}
#sod_bsk_tot ul li {
   padding-bottom: 10px;
}

#carts_tot span {
   float: left;
   color: #888;
}
#carts_tot strong {
   float: right;
}
#carts_tot ul li {
   padding-bottom: 10px;
}

.sod_bars {
   border-top: 1px solid #eee;
   margin-top: 15px;
   padding-bottom: 25px !important;
   margin-bottom: 0px !important;
}
.od_coupon_btns {
   float: right;
   display: inline-block;
   width: auto !important;
   padding: 5px 10px !important;
   height: auto !important;
   background: #fff !important;
   border: 1px solid #05C3DD !important;
   border-radius: 5px;
   color: #05C3DD !important;
   text-decoration: none;
   vertical-align: top;
   margin-left: 15px;
   margin-top: -5px;
   font-size: 12px !important;
}
#od_tot_price strong {
   font-size: 18px;
}
#od_tot_price span {
   color: #000;
}
.mt30_div {
   margin-top: 30px;
}
.od_p_div {
   margin-top: 30px;
}
.od_pat_inp {
   border: 1px solid #eee;
   border-radius: 5px;
   height: 45px;
   padding-left: 15px;
   padding-right: 15px;
   box-sizing: border-box;
   width: 100%;
}
.od_help_txt {
   font-size: 12px;
   margin-top: 5px;
   color: #888;
}
.od_help_txt span {
   color: #000;
}

#settle_bank {
   border: 0px;
   border-top: 0 none;
   background: #fff;
   padding: 0px;
   clear: both;
   line-height: 32px;
   margin-top: 20px;
   padding: 0px;
   box-sizing: border-box;
}

#settle_bank select {
   border: 1px solid #eee;
   font-size: 14px;
   padding-left: 15px;
   height: 45px;
   width: 100%;
   background: url(../image/chevron-down.svg) no-repeat right 10px center;
   background-size: 20px;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin-bottom: 5px;
}

#settle_bank select:focus {
   outline: none;
   border-color: #05C3DD;
}
#settle_bank #od_deposit_name {
   height: 45px;
   padding: 0 15px;
   border: 1px solid #eee;
   width: 100%;
}

#display_pay_button {
   padding: 0px;
   border: 0px;
   border-top: 0;
   padding: 15px 0;
}

.btn_submit {
   border: 0px !important;
   background: #05C3DD;
   color: #fff;
   border-radius: 5px;
   font-size: 16px;
   font-weight: normal;
   font-size: 16px !important;
}

.btn_submit:hover {
   background: #05C3DD;
   text-shadow: 0px 1px 2px #05C3DD;
}

#display_pay_button .btn01 {
   line-height: 30px;
   font-weight: normal;
   font-size: 16px;
   border: 2px solid #eee;
   border-radius: 5px;
}

#sod_frm_pay input[type='radio']:checked + .lb_icon {
   color: #05C3DD;
}
#od_send_cost2 {
   color: #000 !important;
}
.print_price {
   color: #05C3DD !important;
}

.od_numbers {
   background-color: #f9f9f9;
   border-radius: 10px;
   padding: 10px;
   text-align: center;
   font-size: 16px;
   margin-bottom: 80px;
}
.od_inp_wrap .tbl_wrap {
   border-radius: 10px;
}

#sod_fin #sod_bsk_tot li {
   background: #fff;
   border-bottom: 0px;
   height: auto;
   padding: 0 0px;
   line-height: 100%;
   text-align: left;
   padding-bottom: 10px;
}

#sod_fin #sod_bsk_tot .sod_bsk_cnt strong {
   color: #000;
   font-size: 14px;
}

.bg_box_pri {
   background-color: #f9f9f9 !important;
   line-height: 20px !important;
   padding: 15px !important;
   margin-bottom: 15px;
}
.bg_box_pri span {
   color: #000 !important;
}
.bg_box_pri strong {
   color: #05C3DD !important;
   font-size: 18px !important;
}
.txt_red {
   color: #ff6666 !important;
}

.od_infos ul li strong {
   float: right;
}
.sod_fin_c_btn {
   line-height: 30px;
   font-weight: normal;
   font-size: 16px;
   border: 2px solid #eee !important;
   border-radius: 5px;
   margin-top: 30px;
}
.od_infos ul li {
   padding-bottom: 10px;
}
.od_infos ul li span {
   color: #888;
}
.od_infos ul li strong {
   font-weight: normal;
}
.sod_cls_btn {
   padding: 9px 15px;
}
#sod_fin_cancelfrm {
   width: 500px;
   box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.1);
   border: 0px;
   margin-left: -250px;
}
#sod_fin_cancelfrm .btn_frmline {
   background: #05C3DD;
   color: #fff;
   border: 0;
   padding: 15px;
   width: 100%;
   cursor: pointer;
   border-radius: 5px;
}

.od_forms_left .tbl_wrap {
   border: 0 !important;
   padding: 0 15px !important;
   margin-bottom: 0 !important;
   /* padding-top: 0px !important;
   padding-bottom: 0px !important;
   padding-left: 0px !important;
   padding-right: 0px !important;
   border-radius: 0px;
   margin-bottom: 0px !important; */
}
.od_cart_con_1_cart img {
   width: 100%;
   height: auto;
}
.mod_options {
   font-size: 12px;
}
.po_rel {
   position: relative;
}
.sod_option_btn {
   position: absolute;
   bottom: 25px;
   right: 20px;
}
.od_cart_con_3 label {
   padding-left: 25px !important;
}
.btn_cart_del {
   border-bottom: 0px;
}
.btn_cart_del button {
   font-size: 12px;
}
.sod_option_btn .mod_options {
   padding: 0 10px;
}
.od_cart_div_btm {
   margin-top: 0px;
   margin-bottom: 10px;
}
#display_pay_button .btn_submit {
   font-size: 16px;
}

#sct_sortlst {
   text-align: right;
   border: 0px;
   position: absolute;
   top: 120px;
   right: 0px;
}
#ssch_sort {
   width: 100%;
   float: none;
}
#ssch_sort a {
   color: #888;
   padding-left: 20px;
}
.wish_chk {
   position: absolute;
   bottom: 15px;
   right: 10px;
}
.wish_l {
   float: left;
   width: 80%;
}
.wish_r {
   float: right;
   margin-top: 19px;
   width: 20%;
   text-align: right;
}
.wish_r a {
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.wish_r a:hover {
   opacity: 0.5;
}

#sod_ws_act .btn02 {
   border: 0px;
   background: #05C3DD;
   border-radius: 10px;
}
button.btn01 {
   background-color: #fff;
   font-size: 16px;
   font-weight: normal;
   border: 2px solid #eee;
   border-radius: 10px;
}
#sod_ws_act button {
   height: 50px;
   width: 180px;
   font-weight: normal;
   font-size: 16px;
   border-radius: 10px;
}
#sod_ws_act .btn01 {
   border: 2px solid #eee;
}
#od_pwd {
   width: 50%;
}

.cp_boxs {
   position: relative;
}
.cp_cancel {
   font-size: 12px;
   height: 20px;
   margin-top: -1px;
   margin-left: 5px;
}
.cp_boxs .cp_cancel {
   margin-top: -4px;
}
.cp_btn {
   font-size: 12px;
   height: 20px;
   border: 1px solid #05C3DD !important;
   margin-top: 0px;
   color: #05C3DD;
}
.od_coupon {
   position: absolute;
   border: 1px solid #eee;
   background-color: #fff;
   width: 100%;
   z-index: 9;
   top: -27px;
   left: -0px;
   box-sizing: border-box;
}
.od_coupon .btn_close {
   border-radius: 0px;
   border-top: 0px;
   border-left: 1px solid #eee;
}
.od_coupon h3 {
   box-shadow: none;
   border-bottom: 1px solid #eee;
   margin-bottom: 0px;
}
.od_coupon .tbl_head02 thead th {
   display: none;
}
.od_coupon .tbl_head02 td {
   border-bottom: 0px;
}
.od_coupon .tbl_head02 {
   border-top: 1px solid #eee;
   margin: 0px;
   padding: 10px !important;
   box-sizing: border-box;
}
.c_black {
   color: #000 !important;
}
.od_coupon .tbl_head02 .td_mngsmall {
   text-align: right;
}
.od_coupon .cp_apply {
   padding: 0 5px;
   border: 1px solid #05C3DD;
   color: #05C3DD;
   background: #fff;
   height: 23px;
   line-height: 21px;
   font-size: 12px;
}

.po_btn_ab {
   position: absolute;
   top: 65px;
   right: 20px;
   width: 350px;
   text-align: right;
}

/* 슬라이더 GNB { */
.sh-side-options {
   position: fixed;
   top: 0;
   bottom: 0;
   right: 0;
   z-index: 9999999999;
   padding: 0 0;
   width: 400px;
   transform: translateX(400px);
   transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
   letter-spacing: -0.5px;
   background-color: #fff;
}
.close_r {
   position: absolute;
   top: 18px;
   left: -40px;
   cursor: pointer;
   z-index: 99;
   display: none;
}
.sh-side-options.open {
   transform: translateX(0px);
   transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
   box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.2);
}
.sh-side-options.open .close_r {
   display: block;
}

.sh-side-demos-container {
   top: 0;
   left: 0;
   right: -10px;
   bottom: 0;
   position: absolute;
   overflow-y: scroll;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: right top;
   padding: 20px;
}

.sh-side-demos-loop {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}

.sh-side-demos-loop-container {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.sh-side-options-container {
   bottom: 30px;
   left: -95px;
   margin-right: 15px;
}

.bgs {
   background-color: rgba(0, 0, 0, 0.7);
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   display: none;
   z-index: 999;
}

/* } */

/* 슬라이더 GNB inner { */
.sl_prop_img img {
   height: 60px;
   border-radius: 10px;
}
.sl_prop_img {
   float: left;
}
.sl_prop_info {
   float: left;
   margin-left: 20px;
}
.sl_prop_name {
   color: #000;
   font-size: 15px;
   margin-top: 12px;
}
.sl_prop_point {
   color: #05C3DD;
   font-size: 13px;
   margin-top: 5px;
}
.sl_prop_point span {
   color: #888;
   padding-right: 15px;
}
.sl_prop_info2 {
   float: left;
   margin-left: 0px;
}

.on_bt {
   float: left;
   width: 49%;
   background-color: #05C3DD;
   color: #fff;
   border: 5px;
   height: 60px;
   border-radius: 5px;
   text-shadow: 0px 1px 2px #05C3DD;
   font-weight: 800;
   font-size: 18px;
}
.off_bt {
   float: right;
   width: 49%;
   background-color: #f1f1f1;
   color: #999;
   border: 5px;
   height: 60px;
   border-radius: 5px;
   font-weight: 800;
   font-size: 18px;
}
.on_bt:hover {
   background-color: #05C3DD;
}
.off_bt:hover {
   background-color: #ececec;
}
.sl_btn {
   margin-top: 20px;
}
.on_bt_center {
   width: 49%;
   background-color: #05C3DD;
   color: #fff;
   border: 0px;
   height: 60px;
   border-radius: 5px;
   text-shadow: 0px 1px 2px #05C3DD;
   font-weight: 800;
   font-size: 18px;
}
.off_bt_center {
   width: 49%;
   background-color: #f1f1f1;
   color: #000;
   border: 0px;
   height: 60px;
   border-radius: 5px;
   display: block;
   margin: 0 auto;
   font-weight: 800;
   font-size: 18px;
}
.on_bt_center:hover {
   background-color: ##05C3DD;
}
.off_bt_center:hover {
   background-color: #ececec;
}
.on_bt2 {
   float: none;
   width: 100%;
   background-color: #f9f9f9;
   color: #05C3DD;
   border: 0px;
   height: 60px;
   border-radius: 5px;
   margin-top: 10px;
   font-size: 13px;
   font-weight: 800;
}
.on_b2:hover {
   background-color: #05C3DD;
}
.on_bt3 {
   float: none;
   width: 100%;
   background: linear-gradient(to left, #979fb1, #979fb1);
   color: #fff;
   border: 0px;
   height: 60px;
   border-radius: 5px;
   margin-top: 10px;
   font-size: 13px;
   font-weight: 800;
}
.off_bt2:hover {
   background-color: #ececec;
}
.sl_count_ul {
   margin-top: 25px;
   cursor: pointer;
}
.sl_count_ul_li1 {
   float: left;
   font-size: 15px;
}
.sl_count_ul_li2 {
   float: left;
   margin-left: 20px;
   color: #05C3DD;
   font-size: 15px;
}
.more_btns {
   float: right;
   background-color: transparent;
   color: #000;
   border: 0px;
   margin-top: -3px;
   margin-right: -3px;
}

.sl_gnb {
}
.sl_gnb ul {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: 10px;
}
.sl_gnb ul li {
   cursor: pointer;
   border: 2px solid #eee;
   border-radius: 5px;
   background-color: #fff;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   padding: 10px 16px;
   width: 100%;
}
.sl_gnb ul li a {
   display: flex;
   align-items: center;
   gap: 5px;
   position: relative;
}
.sl_gnb ul li:hover a {
   color: #05C3DD;
}
.sl_gnb ul li:hover {
   border: 2px solid #05C3DD;
   color: #05C3DD;
}
.sl_gnb ul li .feather {
   width: 20px;
   height: 20px;
}
.sl_gnb ul .mt_txts {
   font-size: 14px;
}
.gnb_bt_mt {
   font-weight: 600;
   margin-top: 30px;
   text-align: center;
   display: flex;
   justify-content: space-around;
   align-items: center;
}
.gnb_bt_mt p {
   font-size: 20px;
   color: #888;
   display: flex;
   flex-direction: column;
   width: 49%;
}
.gnb_bt_mt .divider {
   width: 1px;
   height: 90%;
   background-color: #eee;
}
.gnb_bt_mt p span {
   font-size: 14px;
}
.gnb_bt_mt p span.title {
   font-size: 22px;
   color: #000;
   margin-bottom: 5px;
}
.gnb_bt_mt p a:hover {
   color: #05C3DD;
}
.gnb_bt_mt p a.kakao {
   font-size: 14px;
}
.ms_wrap {
   margin-top: 50px;
}
.ms_tit_ico {
   float: left;
   margin-top: -5px;
}
.ms_tit_tit {
   float: left;
   margin-left: 10px;
   font-size: 15px;
   margin-top: -2px;
}
.ms_tit_num {
   float: right;
   text-align: right;
   color: #888;
   font-size: 13px;
}
.ms_tit_num span {
   color: #000;
}
.ms_tit_btn {
   float: right;
   margin-left: 15px;
}

.ms_con {
   margin-top: 20px;
}
.al_wrap {
   background-color: #f1f1f1;
   padding: 20px;
   border-radius: 5px;
   margin-bottom: 10px;
   cursor: pointer;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.al_wrap:hover {
   background-color: #ececec;
}
.al_left {
   float: left;
   width: 90%;
}
.al_right {
   float: right;
   width: 10%;
   text-align: right;
}
.al_close {
   border: 0px;
   background-color: transparent;
   margin-top: -5px;
   margin-right: -5px;
}
.al_left_li1 {
   color: #000;
   font-size: 12px;
}
.al_left_li2 {
   color: #888;
   font-size: 13px;
   margin-top: 10px;
}

.ms_al_more {
   border: 1px solid #eee;
   color: #999;
   font-size: 12px;
   padding: 3px 7px 3px 7px;
   margin-top: -5px;
   background-color: transparent;
   border-radius: 4px;
}

.get_member_profiles {
}
.get_member_profiles ul {
}
.get_member_profiles li {
   font-size: 12px;
   text-align: center;
   margin-top: 10px;
}
.get_member_profiles li.cut {
   width: 100%;
}

.video-wrapper_div {
   position: relative;
   height: 0;
   padding-bottom: 56.25%;
   margin-bottom: 30px;
   margin-left: -0px;
   margin-right: -0px;
   margin-top: -0px;
}
.video-wrapper_div iframe {
   border-top-right-radius: 0px;
   border-top-left-radius: 0px;
}

a.btn_frmline,
button.btn_frmline {
   font-size: 12px;
   width: auto !important;
   font-weight: normal;
}
.ct_ca_name {
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 5px;
   color: #05C3DD;
   font-size: 16px;
   font-weight: 600;
}

.status_01 {
   display: inline-block;
   background: #f9f9f9;
   color: #666;
   padding: 0 5px;
   line-height: 20px;
   border-radius: 4px;
   font-size: 11px;
}
.status_02 {
   display: inline-block;
   background: #ffc482;
   color: #fff;
   padding: 0 5px;
   line-height: 20px;
   border-radius: 4px;
   font-size: 11px;
}
.status_03 {
   display: inline-block;
   background: #a8c4eb;
   color: #fff;
   padding: 0 5px;
   line-height: 20px;
   border-radius: 4px;
   font-size: 11px;
}
.status_04 {
   display: inline-block;
   background: #e7ccff;
   color: #fff;
   padding: 0 5px;
   line-height: 20px;
   border-radius: 4px;
   font-size: 11px;
}
.status_05 {
   display: inline-block;
   background: #aaa;
   color: #fff;
   padding: 0 5px;
   line-height: 20px;
   border-radius: 4px;
   font-size: 11px;
}
.status_06 {
   display: inline-block;
   background: #ffa3a4;
   color: #fff;
   padding: 0 5px;
   line-height: 20px;
   border-radius: 4px;
   font-size: 11px;
}

.status_00 {
   display: inline-block;
   background: #fff;
   color: #000;
   padding: 0 5px;
   line-height: 20px;
   border-radius: 4px;
   font-size: 11px;
   border: 2px solid #666;
}

.tbl_head03 thead th {
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
   font-size: 14px;
   color: #000;
}
.tbl_head03 td {
   border-top: 1px solid #eee;
   font-size: 14px;
   color: #888;
}
.tbl_head03 td a {
   color: #05C3DD;
}
.tbl_head03 table {
   border-bottom: 1px solid #eee;
}
.bg_lines {
   border-top: 1px solid #eee;
   padding-bottom: 20px;
   margin-top: 20px;
}
.mypage_gnb {
}
.mypage_gnb a {
   margin-right: 25px;
   font-size: 16px;
   color: #888;
}
.mypage_gnb a:hover {
   color: #000;
}
.mypage_gnb a.gnbon {
   color: #000;
}
.it_image img {
   border-radius: 5px;
}
.btn_close {
   border: 2px solid #eee;
   border-radius: 5px;
}
.td_numbig {
   min-width: 100%;
   width: auto;
}

.center_btn_divs {
   text-align: center;
   width: 300px;
   margin: 0 auto;
   margin-top: 40px;
}
.center_btn_divs a {
   line-height: 60px;
}
.mt_no {
   margin-top: 0px !important;
}
.d_block {
   margin-top: 7px;
   display: block;
}

.ca20_pro_txt {
   border-top: 1px solid #eee;
   margin-top: 20px;
}
.pro_game_ico_div {
   margin-top: 30px;
}
/* } */

/* 회원 { */
#sns_login {
   border-top: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
}
#sns_login .sns-icon {
   width: 40px !important;
}
#sns_login .sns-wrap {
   text-align: center;
   margin-top: 0px;
}
#sns_login .sns-wrap a {
   display: inline-block;
   float: none !important;
}
#sns_login a {
   border-bottom: 0px !important;
   margin-left: 3px !important;
   margin-right: 3px !important;
}
#sns_login .txt {
   display: none;
}
#sns_login .sns-icon {
   width: 40px;
}
#sns_login h3 {
   display: none;
}
#sns_login .sns-icon {
   margin-bottom: 0px;
}

.box_wrap {
   width: 100%;
   margin: 0 auto;
   padding: 100px 0px;
}
.box_wrap_inner {
   padding: 40px;
   border: 2px solid #eee;
   width: 480px;
   margin: 0 auto;
}
.box_wrap_inner ul, .box_wrap_inner_join ul {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 20px;
}
.box-inp {
   border: 0px;
   border-bottom: 2px solid #eee;
   height: 40px;
   font-size: 15px;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   width: 100%;
   color: #000;
   padding-left: 50px;
}
.box-inp:focus {
   border-bottom: 2px solid #000;
}

.box-inp-area {
   border: 0px;
   border: 2px solid #eee !important;
   height: 80px;
   font-size: 13px;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   width: 100%;
   color: #000;
   resize: none;
   padding: 20px;
}
.box-inp-area:focus {
   border: 2px solid #000;
}

.box-inp-file {
   border: 0px;
   border-bottom: 2px solid #eee;
   height: 50px;
   font-size: 14px;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   width: 100%;
   color: #000;
   padding-top: 15px;
   float: none !important;
}
.box-inp-file:focus {
   border-bottom: 2px solid #000 !important;
}

.box_left {
   float: left;
   width: 80%;
}
.box_right {
   float: right;
   width: 20%;
}
.u_img {
   float: right;
   margin-top: 15px;
}
.u_img img {
   width: 60px;
   height: 60px;
   border-radius: 0;
}

.box_wrap_inner li {
   width: 100%;
}
.box_wrap_inner .box_ci {
   width: 50%;
   padding-top: 100px;
}
.box_wrap_inner .box_ci img {
   width: 100%;
   height: auto;
}
.box_ul {
   position: relative;
}
.box_r_ico {
   position: absolute;
   top: 8px;
   left: 15px;
   color: #999;
}
.box_submit_btn {
   background-color: #05C3DD;
   color: #fff;
   font-size: 14px;
   text-align: center;
   height: 50px;
   width: 100%;
   border: 0px;
   border-radius: 4px;
}
.text-center {
   text-align: center;
}
.box_a_link a {
   padding-left: 15px;
   margin-left: 15px;
   border-left: 2px solid #eee;
}
.box_a_link a:first-child {
   border: 0px;
   padding: 0px;
   margin: 0px;
}

.box_tit {
   text-align: center;
   font-size: 24px;
   color: #000;
}
.box_sub_txt {
   color: #888;
   font-size: 14px;
   line-height: 150%;
   word-break: keep-all;
}

.box_r_ico_join {
   position: absolute;
   top: 6px;
   right: 0px;
   color: #999;
}

.box_ul_chk .frm_label {
   display: none;
}
.box_ul_chk .sns-wrap {
   text-align: left;
}
.box_ul_btn {
   display: flex;
   justify-content: space-around;
   align-items: center;
}
.box_ul_btn .box_divider {
   color: #ddd;
}

.line_or {
   position: relative;
   display: block;
   width: 100%;
   padding: 20px 0;
   font-size: 0;
   line-height: 0;
}

.line_or:before,
.line_or:after {
   display: inline-block;
   width: calc(50% - 20px);
   height: 1px;
   margin: 8px 0;
   background-color: rgba(0, 0, 0, 0.06);
   vertical-align: top;
   content: '';
}

.line_or .txt_or {
   display: inline-block;
   width: 40px;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
   color: rgba(0, 0, 0, 0.3);
}

.gap40 {
   height: 40px;
}
.gap20 {
   height: 20px;
}
.gap_border {
   height: 40px;
   border-top: 1px solid #eee;
   margin-top: 20px;
}
#guest_privacy {
   border: 0px;
   margin-top: 25px;
}

.box_wrap_inner_join {
   padding: 50px;
   box-sizing: border-box;
   border: 1px solid #eee;
   width: 550px;
   margin: 0 auto;
}
.box_wrap_inner_join li {
   width: 100%;
}
.join_area {
   resize: none;
   background-color: #f9f9f9 !important;
}

.center_btn_divs_box {
   text-align: center;
   display: flex;
   justify-content: space-between;
   width: 100%;
   font-size: 18px;
}
.center_btn_divs_box a {
   line-height: 60px;
}

.center_btn_divs_box_c {
   text-align: center;
   width: 30%;
   margin: 0 auto;
   margin-top: 40px;
   margin-bottom: 0px;
   height: 60px;
}
.center_btn_divs_box_c a {
   line-height: 60px;
}

.login-sns h2 {
   display: none !important;
}
#sns_register .sns-wrap {
   display: inline-block;
   float: none;
   width: 100%;
   height: 56px;
   line-height: 53px;
   margin: 0;
   text-align: center;
   padding: 0 0px;
}
.login-sns {
   border: 0px;
}
#sns_register .sns-icon {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   width: 40px;
   margin: 0 3px;
   text-align: center;
   color: #fff;
   border-radius: 3px;
}
.sns-wrap .sns-icon {
   background-position: center center !important;
}

.switch {
   position: relative;
   display: inline-block;
   height: 50px;
   width: 100%;
   text-align: center;
   box-sizing: border-box;
   margin-bottom: 5px;
}
.switch input {
   opacity: 0;
   width: 0;
   height: 0;
} /* input 숨김 */
.tog_txt {
   display: block;
   margin-top: 5px;
}
.toggle_btn {
   transition: all 350ms cubic-bezier(0.87, 1, 0.07, 1);
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fff;
   border: 1px solid #05C3DD;
   width: 100%;
   font-size: 16px;
   color: #05C3DD;
   padding-top: 10px;
   border-radius: 5px;
}

input:checked + .toggle_btn {
   background-color: #05C3DD;
   color: #fff;
   border-color: #05C3DD;
   opacity: 1;
} /* 활성화시 */
.help_st1 {
   font-size: 12px;
   background-color: #fff;
   box-sizing: border-box;
   padding: 20px;
   border-radius: 10px;
   line-height: 150%;
   border: 2px solid #eee;
   color: #888;
   margin-top: 3px;
}
.help_st2 {
   font-size: 12px;
   background-color: #fff;
   box-sizing: border-box;
   padding: 20px;
   border-radius: 10px;
   line-height: 150%;
   border: 2px solid #eee;
   color: #888;
   margin-top: 3px;
}
.help_st1 span {
   color: #05C3DD;
}
.help_st2 span {
   color: #05C3DD;
}

.help_text {
   font-size: 12px;
   color: #999;
   margin-top: 8px;
   line-height: 140%;
   display: block;
}

.box_ul .required {
   background-position: right center !important;
}

.w50 {
   width: 50% !important;
}
.w70 {
   width: 70% !important;
}
.join_r_btn {
   padding-left: 15px !important;
   padding-right: 15px !important;
   box-sizing: border-box;
   height: 35px !important;
   border-radius: 4px !important;
}

.top_ons {
   font-weight: 800;
   color: #05C3DD !important;
}
/* } */

/* 캡챠 */
#captcha {
   display: inline-block;
   position: relative;
   background-color: #fff;
   width: 100%;
   border-radius: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;
   border: 1px solid #eee;
}
#captcha legend {
   position: absolute;
   margin: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
   text-indent: -9999em;
   overflow: hidden;
}
#captcha #captcha_img {
   height: 50px;
   border: 0px;
   vertical-align: top;
   padding: 0;
   margin: 0;
   padding-top: 7px;
}
#captcha #captcha_mp3 {
   margin: 0;
   padding: 0;
   width: 40px;
   height: 40px;
   border: 0;
   background: transparent;
   vertical-align: middle;
   overflow: hidden;
   cursor: pointer;
   background: url('../../../img/captcha2.png') no-repeat;
   text-indent: -999px;
   border-radius: 3px;
}
#captcha #captcha_reload {
   margin: 0;
   padding: 0;
   width: 40px;
   height: 40px;
   border: 0;
   background: transparent;
   vertical-align: middle;
   overflow: hidden;
   cursor: pointer;
   background: url('') no-repeat 0 -40px;
   text-indent: 0;
   border-radius: 3px;
   color: #000;
   margin-top: 5px;
}
#captcha #captcha_key {
   margin: 3px 0 0 3px;
   padding: 0 5px;
   width: 90px;
   height: 43px;
   background: #fff;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   border-radius: 3px;
   vertical-align: top;
   color: #000;
   border: 1px solid #eee;
}
#captcha #captcha_key::placeholder {
   color: #999;
   font-size: 16px;
}
#captcha #captcha_info {
   display: block;
   margin: 5px 0 0;
   font-size: 0.95em;
   letter-spacing: -0.1em;
}

/* 레이아웃 { */
.gnb_lefts {
   float: left;
   width: 13%;
   margin-top: 40px;
}
.gnb_rights {
   float: left;
   width: 87%;
}
.gnb_lefts_tit {
   font-size: 18px;
   margin-bottom: 40px;
}
.gnb_lefts a {
   display: block;
   font-size: 15px;
   line-height: 40px;
   color: #666;
}
.gnb_lefts a:hover {
   font-weight: 800;
   color: #000;
}
.gnb_lefts a.on {
   font-weight: 800;
   color: #000;
}

.gnb_sub_div_ul1_li1 {
   float: left;
   width: 100%;
}
.swiper-wrapper-sgnb {
   justify-content: center;
}
.gnb_sub_div_ul1_li1 a {
   font-weight: 800;
}
.gnb_sub_div_ul1_li2 {
   float: right;
   position: relative;
   margin-right: 20px;
}
.gnb_sub_div_ul1_li3 {
   float: right;
   position: relative;
   width: 15%;
   margin-top: -7px;
}

.top_search_btn {
   background-color: transparent;
   border: 0px;
   position: absolute;
   top: 2px;
   right: -5px;
}
.top_search_inp {
   background-color: transparent;
   color: #000;
   font-size: 13px;
   width: 100%;
   height: 30px;
   border: 0px;
}

#ssch_cate {
   padding-left: 0px;
   padding-right: 0px;
   border: 0px;
}
#ssch_cate li {
   width: auto;
   border: 0px;
}
#ssch_cate a {
   line-height: 150%;
   padding: 0px;
   padding-right: 20px;
   border: 0px;
}
#ssch_cate a:hover {
   color: #05C3DD;
}
.ul_pri_div {
   float: none;
   margin-top: 15px;
}
.ul_left_slider {
   float: left;
   width: 40%;
   margin-left: 20px;
   margin-top: 5px;
}
.ul_right_ser {
   margin-top: -9px;
   float: right;
}

.bg_box_ans {
   background-color: #f9f9f9;
   border-radius: 5px;
   padding: 20px;
   box-sizing: border-box;
   margin-top: 20px;
}
.qa_q strong {
   display: block;
   margin-bottom: 10px;
}
.qa_a strong {
   display: block;
   margin-bottom: 10px;
}

.st_help_inner {
   display: none;
   position: absolute;
   top: 50px;
   right: 0px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
   width: 480px;
   padding: 20px;
   box-sizing: border-box;
}
.st_help_inner li {
   margin-bottom: 5px;
}
.st_help_inner_show {
   display: block;
}
.swiper-slide-sgnb {
   width: auto !important;
}
/* } */

/* fixed { */
.top_fixed {
   border-bottom: 1px solid #eee;
   padding-bottom: 25px;
}
.gnb_up {
   position: fixed;
   width: 100%;
   top: 0px;
   left: 0px;
   z-index: 99;
   background-color: #fff;
   padding-top: 22px;
   padding-bottom: 25px;
   box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
   border-bottom: 0px;
}
.gnb_up .top_wrap_ul3 {
   display: none;
}
/* } */

/* 디버깅 이후 추가 { */
.plus_admin_btn_div {
   margin-top: 30px;
}
.plus_admin_btn img {
   border-radius: 5px;
}

.fund_form_table {
   width: 60%;
   float: left;
}
.s_user_div {
   width: 40%;
   float: right;
   overflow-y: scroll;
}
.is_tr_done {
   display: none;
}
.p_info_box {
   display: none;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   box-sizing: border-box;
   z-index: 98;
   box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
   border-color: #ddd;
}
.info_box_1 {
   background-color: #fff;
   font-size: 12px;
   line-height: 150%;
   margin-top: 20px;
   border-top: 1px solid #eee;
   padding-top: 15px;
   border-bottom: 1px solid #eee;
   padding-bottom: 15px;
}
.info_box_url {
   margin-top: 15px;
   border-top: 1px solid #eee;
   padding-top: 15px;
   font-size: 11px;
}
.info_box_url a {
   color: #05C3DD;
   font-size: 11px;
}
.info_box_2 {
   text-align: right;
   margin-top: 10px;
}

.info_more {
   padding-top: 15px;
}
.dash_btm_gnb1 {
   width: 100%;
   border: 2px solid #eee;
   padding: 20px 10px 20px 10px;
   background-color: transparent;
   border-radius: 5px;
   color: #999;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.dash_btm_gnb1 .dl_right {
   color: #ccc;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.dash_btm_gnb1:hover .dl_right {
   color: #05C3DD !important;
}
.dash_btm_gnb1:hover {
   border-color: #05C3DD !important;
}
.dl_num {
   margin-top: 5px;
   font-size: 12px;
}
.pro_game_ico_div .swiper-slide img {
   border-radius: 0px;
}

#p_info_off {
   position: absolute;
   top: -5px;
   right: -22px;
   background-color: transparent;
   border: 0px;
   padding-left: 0px;
}
#p_info_on {
   position: absolute;
   top: -5px;
   right: -22px;
   background-color: transparent;
   border: 0px;
   padding-left: 0px;
}
.p_info_on2 {
   top: 12px !important;
   right: 2px !important;
}
.p_info_off2 {
   top: 13px !important;
   right: 0px !important;
}
.opt_b_left_li {
   float: left;
   margin-top: 4px;
}
.cost_pop_link_btn {
   background-color: #fff;
   border: 1px solid #eee;
   padding: 5px 10px 5px 10px;
   float: right;
   font-size: 11px;
   border-radius: 4px;
}

.deal .main_list_img {
   float: left;
   width: 29%;
}
.deal .main_list_img img {
   border-radius: 5px;
}
.deal .right_de {
   float: left;
   width: 71%;
   box-sizing: border-box;
   padding-left: 40px;
   position: relative;
   padding-top: 0px;
   padding-right: 0px;
   box-sizing: border-box;
}
.deal .main_list_cat {
   margin-top: 0px;
}
.deal .counts {
   font-size: 22px;
   margin-bottom: 15px;
   color: #05C3DD;
   background-color: transparent !important;
   display: block;
}
.deal .main_list_cat_li2 {
   float: none;
   position: absolute;
   top: -3px;
   right: 0px;
}
.deal .main_list_cat_li2_view {
   top: 0px;
   right: 0px;
}

.deal_list .main_list_img img {
}
.deal_list .right_de {
}

.r_gnb_new {
   margin-top: 20px;
}
.r_gnb_new a {
   display: block;
   line-height: 50px;
   border-bottom: 1px solid #eee;
   width: 50%;
   float: left;
   position: relative;
}
.r_gnb_new i {
   position: absolute;
   top: 3.5px;
   right: 15px;
}

.time_btn_div {
   text-align: center;
   margin-top: 60px;
}
.time_btn_div .fund_view_btn {
   background-color: #979fb1;
   color: #fff;
}

.submain_top_bn {
   margin-top: 60px;
   margin-bottom: 60px;
}
.submain_top_bn img {
   border-radius: 5px;
}

.adult_19_ico {
   display: block;
   position: absolute;
   top: 15px;
   left: 15px;
   border-radius: 50%;
   width: 25px;
   height: 25px;
   border: 2px solid #ff0000;
   text-align: center;
   line-height: 23px;
   font-size: 11px;
}
#find_info.cert .new_win_con {
   width: 100%;
   float: none;
   margin-bottom: 0px;
}

.time_new_div {
   margin-top: 60px;
}
.no_data_txt {
   color: #999;
   text-align: center;
   display: block;
}
.time_main_icos {
   top: 15px;
   left: 15px;
   position: absolute;
}
.r_icons {
   height: 45px;
}
.swiper-container-thumbs .swiper-slide {
   cursor: pointer;
}
.prd_inf_tit {
   font-size: 18px;
   margin-top: 0px;
}
.pro_top_ico_l span {
   margin-bottom: 5px;
}
.w100 {
   width: 100%;
}
.select_area::placeholder {
   color: #999;
}
select[disabled] {
   opacity: 0.5;
}
.main_list .swiper-wrapper {
   height: 95%;
}
.main_list .swiper-pagination {
   height: 5%;
}
.main_list .swiper-slide {
   margin-top: 0px !important;
   border-radius: 16px;
   padding: 0px;
   background-color: #fff;
}
.main_list .swiper-slide:hover {
   background-color: #fff;
   border: 0px solid #ddd;
}
.title_left {
   float: left;
   margin-right: 10px;
   margin-top: -2px;
}
.title_right {
   float: left;
}
.bolt_ico {
   position: absolute;
   bottom: 11px;
   right: 40px;
}
.btn_wish {
   opacity: 0.5;
}
.btn_wish svg:hover {
   color: #05C3DD;
}
.btn_wish.zzim_on svg {
   color: #05C3DD;
   fill: #05C3DD;
}
.view_bolt_ico {
   position: inherit;
   bottom: auto;
   right: auto;
   margin-top: 0px;
   float: right;
   margin-top: 1px;
}
.view_al_ico {
   position: inherit;
   bottom: auto;
   right: auto;
   margin-top: 0px;
   float: right;
   margin-left: 5px;
}
#top_btns {
   position: fixed;
   z-index: 998;
   right: 40px;
   bottom: 60px;
   display: inline-block;
   background-color: #fff;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   opacity: 0;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
   text-align: center;
   border: 0px;
   padding-top: 4px;
   box-sizing: border-box;
}
#top_btns:hover {
   color: #999;
   border-color: #999;
}

#top_btns.on {
   opacity: 1;
   cursor: pointer;
   bottom: 140px;
}

.top_gnb_bolt {
   background-image: url('../image/icon/bolt.svg');
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 25px;
}
.shop_icons {
}
.shop_icons a {
   text-align: center;
   padding-top: 25px;
   padding-bottom: 25px;
   background-color: #fff;
   border-radius: 20px;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   border: 2px solid rgba(0, 0, 0, 0);
   box-sizing: border-box;
   fill: #979fb1;
   color: #979fb1;
}
.shop_icons a:hover,
.shop_icons a.act {
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
   background-color: #fff;
   border: 2px solid #05C3DD;
   color: #05C3DD;
   fill: #05C3DD;
}
.swiper-wrapper-icons {
   padding-top: 40px;
   padding-bottom: 20px;
}
.sale_txts {
   font-size: 50px;
   letter-spacing: -2px;
   color: #979fb1;
}
.sale_txts span {
   color: #05C3DD;
}
.sale_dir {
   background-color: #f9f9f9;
   padding-top: 80px;
   padding-bottom: 30px;
   margin-top: 60px;
   margin-bottom: 100px;
}
.sale_txts_btn {
   margin-top: 30px;
}
.sale_more_btn {
   border: 0px;
   border: 0px solid #979fb1;
   color: #565d6d;
   background-color: transparent;
   padding: 20px 40px 20px 40px;
   font-size: 15px;
   border-radius: 50px;
   background-color: #fff;
}
.sale_more_btn:hover {
   box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
   padding: 20px 45px 20px 45px;
   margin-left: -5px;
   color: #05C3DD;
}
.sale_dir_ul1 {
   float: left;
   width: 30%;
}
.sale_dir_ul2 {
   float: right;
   width: 60%;
}
.sale_span {
   position: absolute;
   top: 0px;
   right: 0px;
   background-color: #979fb1;
   color: #fff;
   font-size: 12px;
   padding: 10px 10px 10px 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
   box-sizing: border-box;
}

.al_plugin {
   margin-top: 50px;
   position: relative;
}
.al_plugin dd {
   font-size: 18px !important;
   letter-spacing: 0px;
   line-height: 150%;
   color: #565d6d;
}
.al_plugin dd span {
   color: #05C3DD;
}
.al_chk_div {
   margin-top: 0px;
   border-radius: 5px;
   width: 70%;
   border-radius: 40px;
}
.al_chk_div span {
   font-size: 14px;
   color: #000;
}
.al_chk_div_left {
   float: left;
}
.al_chk_div_right {
   float: right;
   margin-top: -14px;
}
.al_bar {
   width: 50px;
   border-top: 3px solid #05C3DD;
   box-sizing: border-box;
   height: 20px;
}

.sale_al_list {
   float: right;
   margin-top: -57px;
}
.al_chk_div_list_left {
   float: left;
   margin-right: 10px;
   color: #05C3DD;
   font-size: 14px;
}
.al_chk_div_list_right {
   margin-top: -5px;
}

.partner_wrap {
   padding-top: 50px;
   padding-bottom: 50px;
   border-top: 1px solid #eee;
   margin-top: 40px;
}
.partner_wrap img {
   border-radius: 5px;
   box-sizing: border-box;
   border: 1px solid rgba(0, 0, 0, 0.1);
}
.swiper-wrapper-pa {
   padding-bottom: 2px;
}

/* } */

/* 메인 탭 { */
.tab_cont .tab_divs {
   display: none;
}

.tab_cont .tab_divs.show_div {
   display: block;
}

/* } */

/* 체크박스 커스텀 { */
.tgl {
   display: none;
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
   box-sizing: border-box;
}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl + .tgl-btn::-moz-selection {
   background: none;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
   background: none;
}

.tgl + .tgl-btn {
   outline: 0;
   display: block;
   width: 50px;
   /* 전체 가로사이즈 */
   height: 25px;
   /* 전체 세로사이즈 */
   position: relative;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before {
   position: relative;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
}

.tgl + .tgl-btn:after {
   left: 0;
}

.tgl + .tgl-btn:before {
   display: none;
}

.tgl:checked + .tgl-btn:after {
   left: 50%;
}

.tgl-ios + .tgl-btn {
   background: #ddd;
   /* 체크전 백그라운드 컬러 */
   border-radius: 2em;
   padding: 2px;
   transition: all 0.4s ease;
   border: 1px solid #e8eae9;
}

.tgl-ios + .tgl-btn:after {
   border-radius: 2em;
   background: #fff;
   /* 버튼컬러 */
   transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.tgl-ios + .tgl-btn:hover:after {
   will-change: padding;
}

.tgl-ios + .tgl-btn:active {
   box-shadow: inset 0 0 0 2em #e8eae9;
}

.tgl-ios + .tgl-btn:active:after {
   padding-right: 0.8em;
}

.tgl-ios:checked + .tgl-btn {
   background: #05C3DD;
   /* 체크후 백그라운드 컬러 */
}

.tgl-ios:checked + .tgl-btn:active {
   box-shadow: none;
}

.tgl-ios:checked + .tgl-btn:active:after {
   margin-left: -0.8em;
}
/* } */

@media all and (min-height: 900px) {
   #sticky {
      position: sticky;
      position: -webkit-sticky;
      top: 79px;
      height: auto;
      background-color: #fff;
      z-index: 9;
      border-bottom: 1px solid #eee;
      padding-bottom: 30px;
   }
}

/**********************/
/* 배포이후 추가 { */
.list_stars {
   position: absolute;
   left: 15px;
   bottom: 15px;
}
.list_stars_bg {
   width: 25px;
   height: 25px;
   background-position: center center;
   background-size: cover;
   text-align: center;
   padding-top: 5px;
}
.list_stars_bg span {
   font-size: 10px;
   color: #000;
}
.sos_bt {
   background-color: transparent;
   border: 0px;
   color: #ff6666;
}
.view_bolt_ico {
   margin-left: 3px;
}
.sos_mt {
   margin-top: 15px;
}
.sos_area {
   background-color: #f9f9f9;
   width: 100%;
   border: 1px solid #f9f9f9;
   min-height: 150px;
   padding: 20px;
   font-size: 14px;
   color: #000;
   box-sizing: border-box;
   border: 0px;
   line-height: 150%;
   box-shadow: none;
}
.sos_area:focus {
   border: 1px solid #05C3DD;
}
.sos_center {
   text-align: center;
}
.sos .off_bt {
   line-height: 60px;
}
.partner_tits {
   float: left;
   margin-right: 20px;
}
.partner_tits img {
   border-radius: 5px;
   width: 45px;
}
.partner_infos {
   float: left;
}
.partner_tit_sub {
   float: none;
}
.partner_tit_sub2 {
   margin-top: 7px;
   color: #999;
   font-size: 13px;
}
.partner_tit_sub2 span {
   margin-right: 15px;
}
.partner_tits_divs {
   margin-top: -50px;
   margin-bottom: 20px;
}
#ssch_cate {
   padding: 15px 0px 15px 0px;
   border: 2px solid #f3f3f3;
   border-radius: 10px;
}
#ssch_cate a {
   padding-right: 0px;
}
.swiper-slide-ss {
   width: auto !important;
}
.partner_links_btn {
   background-color: transparent;
   border: 0px;
   margin-left: 10px;
   float: left;
   margin-top: 2px;
   color: #ccc;
}
.partner_links_btn2 {
   background-color: transparent;
   border: 0px;
   margin-left: 10px;
   float: left;
   margin-top: 1px;
   color: #ccc;
}
.partner_links_btn.on_data {
   color: #000;
}
.partner_links_btn2.on_data {
   color: #000;
}
.new_tit_left {
   float: left;
   margin-right: 10px;
   color: #000 !important;
}

/* 다중팝업 CSS */
.d_popup {
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
}
.d_popup.on {
   display: block;
}
.d_popup .bg {
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
}
.d_popup .wins {
   display: none;
   position: absolute;
   width: 600px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
}
.d_popup .wins.on {
   display: block;
}
.d_popup .wins .inner {
   padding: 40px;
   font-size: 14px;
   color: #555;
   line-height: 1.6;
   width: 100%;
   padding-top: 20px;
}
.d_popup .wins .inner:after {
   display: block;
   content: '';
   clear: both;
}
.d_popup .wins .close {
   position: absolute;
   right: 0;
   top: 0;
   width: 80px;
   height: 80px;
   cursor: pointer;
   text-indent: -9999px;
}
.d_popup .wins .close:before {
   display: block;
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   width: 30px;
   height: 2px;
   background: #fff;
   transform: translate(-50%, -50%) rotate(45deg);
}
.d_popup .wins .close:after {
   display: block;
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   width: 30px;
   height: 2px;
   background: #fff;
   transform: translate(-50%, -50%) rotate(-45deg);
}
.d_popup .wins .tit {
   background: #fff;
   line-height: 100%;
   font-size: 20px;
   color: #000;
   padding-left: 40px;
   padding-top: 40px;
}

.d_popup .sitemap .inner {
   margin-left: -3%;
}
.d_popup .sitemap dl {
   float: left;
   width: 22%;
   margin: 20px 0;
   margin-left: 3%;
}
.d_popup .sitemap dl:nth-child(4n + 1) {
   clear: both;
}
.d_popup .sitemap dl dt {
   font-size: 18px;
   font-weight: 600;
   line-height: 50px;
   border-bottom: 1px solid #000;
   margin-bottom: 10px;
}
.d_popup .sitemap dl dd {
   padding: 5px 0;
}
.d_popup .sitemap dl dd a {
   color: #555;
   font-size: 13px;
}
.d_popup .wins .close {
   display: none;
}

.d_popup .cf_privacy {
   width: 1000px;
}
.d_popup .cf_privacy .sos_area {
   height: 250px;
}
.d_popup .cf_stipulation {
   width: 1000px;
}
.d_popup .cf_stipulation .sos_area {
   height: 250px;
}

@media all and (min-width: 1024px) {
   .opt_up_btn {
      display: none !important;
   }
}
/* { */

/* 상품탭 상단고정 2022-11-06 { */
.contabroll {
   position: relative;
}
.contabroll .sticky {
   position: sticky;
   position: -webkit-sticky;
   top: 0;
   z-index: 9;
   background-color: rgba(255, 255, 255, 0.8);
   backdrop-filter: blur(25px);
   border-bottom: 2px solid #ddd;
   box-sizing: border-box;
   padding: 15px 0;
}
.contabroll .sticky dd {
   font-size: 16px;
   white-space: nowrap;
   width: auto !important;
}
#tab_gnd_wrap.fixed {
   position: fixed;
   border-top: 0px solid #9f9f9f;
   left: 0;
   top: 0;
   width: 100%;
   background-color: rgba(255, 255, 255, 0.8);
   backdrop-filter: blur(25px);
   z-index: 9;
   box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
   font-size: 13px;
   border-top: 1px solid #ddd;
}
#tab_gnd_wrap {
   padding-top: 15px;
   padding-bottom: 15px;
   border-bottom: 2px solid black;
}
#tab_gnd_wrap.fixed dd {
   font-size: 16px;
}
#tab_gnd_wrap dd {
   padding-right: 0px;
   width: auto !important;
   white-space: nowrap;
}
.opt_div_wrap_scroll {
   overflow-y: auto;
   height: 130px;
   border-top: 1px solid #eee;
}
.opt_div_wrap_scroll div:first-child {
   border-top: 0px;
}
/* } */

/* 상품후기, 문의 업데이트 2022-11-16 { */
.sec_txt_div {
   background-color: #f9f9f9;
   color: #999;
   padding: 7px 10px 7px 10px;
   border-radius: 4px;
   font-size: 12px;
}
.use_img_bg img {
   width: 100%;
   height: auto;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}
.use_img_bg {
   position: relative;
}
.use_mb_id {
   position: absolute;
   top: -20px;
   right: 20px;
}
.use_mb_id img {
   width: 40px;
   height: auto !important;
   border-radius: 40% !important;
}
.rev_con_wrap_div_use {
   background-color: #f9f9f9;
   padding: 20px;
   box-sizing: border-box;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}
.hidden_use {
   display: none;
}
.rev_con_wrap_div_use .rev_con_wrap_div_ul1 {
   width: 100%;
}
.rev_con_wrap_div_use .rev_con_wrap_div_ul1_li1_dl_dd2 {
   margin-top: 5px;
   float: none;
}
.rev_con_wrap_div_use .rev_con_wrap_div_ul1_li1_dl_dd1 {
   float: none;
}
.rev_con_wrap_div_use .rev_con_wrap_div_ul1_li1_dl_dd1 img {
   width: auto;
}
.swiper-slide-use {
   border-bottom: 0px !important;
}

/* 후기팝업 */
.d_popup_prd {
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
}
.d_popup_prd.on {
   display: block;
}
.d_popup_prd .bg {
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
}
.d_popup_prd .wins {
   display: none;
   position: absolute;
   width: 1024px;
   height: 760px;
   overflow-y: auto;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
}
.d_popup_prd .wins.on {
   display: block;
}
.d_popup_prd .wins .inner {
   padding: 40px;
   font-size: 14px;
   color: #555;
   line-height: 1.6;
   width: 100%;
   padding-top: 20px;
}
.d_popup_prd .wins .inner:after {
   display: block;
   content: '';
   clear: both;
}
.d_popup_prd .wins .close {
   position: absolute;
   right: 10px;
   top: 0;
   width: 80px;
   height: 80px;
   cursor: pointer;
   text-indent: -9999px;
}
.d_popup_prd .wins .close:before {
   display: block;
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   width: 30px;
   height: 2px;
   background: #000;
   transform: translate(-50%, -50%) rotate(45deg);
}
.d_popup_prd .wins .close:after {
   display: block;
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   width: 30px;
   height: 2px;
   background: #000;
   transform: translate(-50%, -50%) rotate(-45deg);
}
.d_popup_prd .wins .tit {
   background: #fff;
   line-height: 130%;
   font-size: 20px;
   color: #000;
   padding-left: 40px;
   padding-top: 30px;
   width: 80%;
}

.d_popup_prd .sitemap .inner {
   margin-left: -3%;
}
.d_popup_prd .sitemap dl {
   float: left;
   width: 22%;
   margin: 20px 0;
   margin-left: 3%;
}
.d_popup_prd .sitemap dl:nth-child(4n + 1) {
   clear: both;
}
.d_popup_prd .sitemap dl dt {
   font-size: 18px;
   font-weight: 600;
   line-height: 50px;
   border-bottom: 1px solid #000;
   margin-bottom: 10px;
}
.d_popup_prd .sitemap dl dd {
   padding: 5px 0;
}
.d_popup_prd .sitemap dl dd a {
   color: #555;
   font-size: 13px;
}
.d_popup_prd .rev_re_wrap_ul1 {
   width: 10%;
}
.d_popup_prd .rev_re_wrap_ul2 {
   width: 90%;
}

/* 모델팝업 */
.d_popup_model {
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
}
.d_popup_model.on {
   display: block;
}
.d_popup_model .bg {
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
}
.d_popup_model .wins {
   display: none;
   position: absolute;
   width: 1400px;
   height: 80%;
   overflow-y: auto;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #333;
   box-sizing: border-box;
}
.d_popup_model .wins.on {
   display: block;
}
.d_popup_model .wins .inner {
   padding: 40px;
   font-size: 14px;
   color: #555;
   line-height: 1.6;
   width: 100%;
   padding-top: 20px;
}
.d_popup_model .wins .inner:after {
   display: block;
   content: '';
   clear: both;
}
.d_popup_model .wins .close {
   position: absolute;
   right: 10px;
   top: 0;
   width: 80px;
   height: 80px;
   cursor: pointer;
   text-indent: -9999px;
   opacity: 1;
}
.d_popup_model .wins .close:before {
   display: block;
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   width: 30px;
   height: 2px;
   background: #fff;
   transform: translate(-50%, -50%) rotate(45deg);
}
.d_popup_model .wins .close:after {
   display: block;
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   width: 30px;
   height: 2px;
   background: #fff;
   transform: translate(-50%, -50%) rotate(-45deg);
}
.d_popup_model .wins .tit {
   background: #fff;
   line-height: 130%;
   font-size: 20px;
   color: #000;
   padding-left: 40px;
   padding-top: 30px;
   width: 80%;
}

.d_popup_model .sitemap .inner {
   margin-left: -3%;
}
.d_popup_model .sitemap dl {
   float: left;
   width: 22%;
   margin: 20px 0;
   margin-left: 3%;
}
.d_popup_model .sitemap dl:nth-child(4n + 1) {
   clear: both;
}
.d_popup_model .sitemap dl dt {
   font-size: 18px;
   font-weight: 600;
   line-height: 50px;
   border-bottom: 1px solid #000;
   margin-bottom: 10px;
}
.d_popup_model .sitemap dl dd {
   padding: 5px 0;
}
.d_popup_model .sitemap dl dd a {
   color: #555;
   font-size: 13px;
}
.d_popup_model .rev_re_wrap_ul1 {
   width: 10%;
}
.d_popup_model .rev_re_wrap_ul2 {
   width: 90%;
}

.popup_open_prd {
   cursor: pointer;
}
/* } */

/* 판매자 프로필 2022-11-07 { */
.partner_profiles {
}
.pp_ul1 {
   float: left;
   margin-top: 6px;
}
.pp_ul1 img {
   box-sizing: border-box;
   border-radius: 20px;
   width: 110px;
   height: auto;
}
.pp_ul2 {
   float: left;
   margin-left: 30px;
}
.pp_ul3 {
   float: left;
   margin-left: 40px;
   width: 30%;
}
.pp_ul4 {
   float: right;
   width: 25%;
   border: 2px solid #eee;
   border-radius: 10px;
   padding: 13px 20px 13px 20px;
}

.pp_ul2_li1 {
   font-size: 20px;
   margin-top: 8px;
}
.pp_ul2_li2 {
   margin-top: 10px;
}
.pp_ul2_li2 img {
   height: 15px;
   float: left;
}
.pp_ul2_li2 span {
   float: left;
   font-size: 12px;
   color: #999;
   margin-left: 10px;
   margin-top: 2px;
}
.pp_ul2_li3 {
   margin-top: 20px;
}

.chat_in_btn {
   background-color: #979fb1;
   color: #fff;
   border: 0px;
   height: 40px;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 4px;
   font-size: 12px;
}
.chat_in_btn i {
   float: left;
   margin-top: 1.5px;
}
.chat_in_btn span {
   float: left;
   margin-left: 5px;
   margin-top: 3px;
}
.follow_in {
   background-color: #05C3DD;
   color: #fff;
   border: 0px;
   height: 40px;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 4px;
   font-size: 12px;
}
.follow_in i {
   float: left;
   margin-top: 1.5px;
}
.follow_in span {
   float: left;
   margin-left: 5px;
   margin-top: 3px;
}
.follow_out {
   background-color: #fff;
   color: #000;
   border: 2px solid #eee;
   box-sizing: border-box;
   height: 40px;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 4px;
   font-size: 12px;
}
.follow_out i {
   float: left;
   margin-top: 1.5px;
}
.follow_out span {
   float: left;
   margin-left: 5px;
   margin-top: 3px;
}
.pp_ul3_inner {
   margin-bottom: 10px;
   margin-top: 7px;
}
.pp_ul3_li1 {
   font-size: 11px;
   color: #999;
   text-align: left;
   float: left;
}
.pp_ul3_li1 span {
   color: #000;
}
.pp_ul3_li1 .pc {
   color: #999;
}

.pp_ul3_li2 {
   font-size: 9px;
   color: #999;
   text-align: right;
   cursor: pointer;
   float: right;
}
.pp_ul3_li2 span {
   padding: 5px 7px 5px 7px;
   background-color: #f9f9f9;
   border-radius: 4px;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pp_ul3_li2:hover span {
   background-color: #05C3DD;
   color: #fff;
}

.pp_info_text {
   background-color: #f9f9f9;
   padding: 20px;
   font-size: 12px;
   line-height: 130%;
   word-break: keep-all;
   border-radius: 0px;
   height: 86px;
   overflow-y: auto;
   color: #888;
}
.pp_ul4_li1 {
   font-size: 11px;
   color: #999;
   text-align: right;
}
.pp_ul4_li1 span {
   color: #000;
}

.store_date {
   font-size: 11px;
   color: #999;
   text-align: right;
   margin-top: 18px;
}

.pp_count {
   margin-top: 0px;
   text-align: center;
}
.pp_count_bt1 {
   background-color: transparent;
   border: 0px;
   width: 24%;
   padding-top: 5px;
   padding-bottom: 5px;
}
.pp_count_bt1 i {
   display: block;
   text-align: center;
   color: #ccc;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pp_count_bt1 span {
   display: block;
   margin-top: 10px;
}
.pp_count_bt1:hover i {
   color: #05C3DD;
}
.pp_count_bt2 {
   background-color: transparent;
   border: 0px;
   width: 24%;
   padding-top: 5px;
   padding-bottom: 5px;
}
.pp_count_bt2 i {
   display: block;
   text-align: center;
   color: #ccc;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pp_count_bt2 span {
   display: block;
   margin-top: 10px;
}
.pp_count_bt2:hover i {
   color: #05C3DD;
}
.pp_count_bt3 {
   background-color: transparent;
   border: 0px;
   width: 24%;
   padding-top: 5px;
   padding-bottom: 5px;
}
.pp_count_bt3 i {
   display: block;
   text-align: center;
   color: #ccc;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pp_count_bt3 span {
   display: block;
   margin-top: 10px;
}
.pp_count_bt3:hover i {
   color: #05C3DD;
}
.pp_count_bt4 {
   background-color: transparent;
   border: 0px;
   width: 24%;
   padding-top: 5px;
   padding-bottom: 5px;
}
.pp_count_bt4 i {
   display: block;
   text-align: center;
   color: #ccc;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pp_count_bt4 span {
   display: block;
   margin-top: 10px;
}
.pp_count_bt4:hover i {
   color: #05C3DD;
}

.pp_co_bt_span1 {
   font-size: 12px;
   color: #000;
   text-align: center;
}
.pp_co_bt_span2 {
   margin-top: 10px;
   font-size: 13px;
   color: #05C3DD;
   text-align: center;
}

.pf_use {
   padding-top: 40px;
}
.use_it_info_box {
   border: 2px solid #eee;
   border-radius: 10px;
   padding: 20px;
   box-sizing: border-box;
   margin-bottom: 20px;
}
.use_it_info_box img {
   width: 50px;
   border-radius: 10px;
   height: auto;
   float: left;
   width: 10%;
}
.use_it_info_box span {
   float: left;
   margin-left: 10px;
   word-break: keep-all;
}
.rev_cont img {
   max-width: 100%;
}
.use_v_name {
   color: #000;
   margin-top: 4px;
}
.use_v_nick {
   color: #999;
   font-size: 12px;
}
.zzim_p_img img {
   width: 60px;
   height: auto;
   border-radius: 10px;
}

.border_none {
   border: 0px;
   margin-bottom: 0px;
}
.pp_ul5 {
   float: right;
   width: 9%;
}
.partner_d_lev {
   box-sizing: border-box;
   background-color: #f9f9fa;
   height: 115px;
   border-radius: 10px;
   margin-left: 10px;
   position: relative;
}
.partner_d_lev_inner {
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
   width: 100%;
   box-sizing: border-box;
   text-align: center;
}
.partner_d_lev_inner img {
   height: auto;
   width: 60%;
}
.form_mb_10_img {
   margin-right: 5px;
}

.form_m_into_t {
   background-color: #f9f9f9;
   color: #666;
   padding: 15px;
   box-sizing: border-box;
   word-break: keep-all;
   line-height: 130%;
   height: 80px;
   overflow-y: auto;
}
.pp_ul1 .prof_imgs {
   border: 1px solid #eee;
   box-sizing: border-box;
}
/* } */

/* 채팅 { */
.chat_box {
   margin-top: 20px;
   background-color: #f9f9f9;
   padding: 20px;
   box-sizing: border-box;
   border-radius: 10px;
}
.chat_box_ul1 {
   float: left;
   width: 60%;
}
.chat_box_ul2 {
   float: right;
   width: 40%;
}
.chat_box_btn {
   display: block;
   width: 100%;
   padding-top: 13px;
   padding-bottom: 12px;
   background-color: #fff;
   color: #000;
   border-radius: 5px;
   border: 0;
}
.chat_box_btn i {
   float: right;
   margin-right: 22px;
}
.chat_box_btn span {
   float: left;
   margin-left: 25px;
   margin-top: 5px;
}
.chat_box_ul1_li1 {
   color: #000;
}
.chat_box_ul1_li2 {
   color: #777;
   font-size: 12px;
   margin-top: 0px;
   line-height: 150%;
}
.chat_box_ul1_li3 {
   color: #999;
   font-size: 12px;
   margin-top: 5px;
}

#chat_btns_pop {
   position: fixed;
   z-index: 998;
   right: 50px;
   bottom: 140px;
   display: inline-block;
   background-color: #fff;
   color: #05C3DD;
   width: 50px;
   height: 50px;
   border-radius: 40%;
   opacity: 0;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
   text-align: center;
   border: 0px;
   padding-top: 4px;
   box-sizing: border-box;
}
#chat_btns_pop:hover {
   color: #999;
   border-color: #999;
}

#chat_btns_pop.on {
   opacity: 1;
   cursor: pointer;
   bottom: 150px;
}

.online {
   color: #05C3DD;
}
.offline {
   color: #999;
}
/* } */

a.btn_cancel {
   display: block;
   width: 100%;
   line-height: 45px;
   border-radius: 5px;
   font-size: 16px;
}

/* 2022-12-30 */
.body_wrap {
   height: 100vh;
   overflow-y: auto;
}
.swiper-container-main .swiper-wrapper {
   height: 100%;
}
.swiper-container-main .swiper-wrapper .swiper-slide {
   height: 100% !important;
}
.swiper-container-main {
   position: fixed !important;
   left: 0;
   top: 75px;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.swiper-container-main .d_container {
   width: 1400px;
   margin: 0 auto;
}

.swiper-container-main .btn {
   position: fixed;
   z-index: 990;
   right: 35px;
   top: 40%;
}
.swiper-container-main .btn li {
   width: 12px;
   height: 12px;
   border-radius: 100%;
   cursor: pointer;
   margin: 10px;
   border: 3px solid rgba(255, 255, 255, 0.2);
   box-sizing: border-box;
}
.swiper-container-main .btn li.on {
   border-color: #05C3DD;
}

.swiper-container-main .arrow {
   position: fixed;
   z-index: 990;
   left: 50%;
   height: 100%;
   margin-left: -12px;
}
.swiper-container-main .up {
   position: absolute;
   bottom: 150px;
   right: 45px;
   opacity: 0;
   transition: 0.2s;
   color: #fff;
   z-index: 991;
}
.swiper-container-main .up.on {
   cursor: pointer;
   opacity: 1;
   transition: 0.5s;
}
.swiper-container-main .up:hover {
   transition: 0.2s;
}

.scrolldown {
   border: 2px solid #fff;
   border-radius: 30px;
   height: 30px;
   text-align: center;
   width: 20px;
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.scrolldown-p1,
.scrolldown-p2 {
   animation-duration: 1.5s;
   animation-name: scrolldown;
   animation-iteration-count: infinite;
   fill: #05C3DD;
}
.scrolldown-p2 {
   animation-delay: 0.75s;
}

.swiper-container-main .arrow .down {
   position: absolute;
   bottom: 160px;
   width: 24px;
   height: 34px;
   opacity: 0;
   transition: 0.2s;
}
.swiper-container-main .arrow .down.on {
   cursor: pointer;
   opacity: 1;
   transition: 0.5s;
}
.swiper-container-main .arrow .down:hover {
   bottom: 155px;
   transition: 0.2s;
   opacity: 1;
}

@keyframes scrolldown {
   0% {
      opacity: 0;
      transform: translate(0, -4px);
   }
   50% {
      opacity: 1;
      transform: translate(0, 0);
   }
   100% {
      opacity: 0;
      transform: translate(0, 4px);
   }
}

.swiper-container-main .pages {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   padding-top: 99px;
   box-sizing: border-box;
}
.swiper-container-main .pages .d_container {
   position: relative;
   height: 100%;
}
.swiper-container-main .pages .move {
   position: relative;
   z-index: 10;
   height: 100%;
   top: 50%;
   margin-left: 2%;
}
.swiper-container-main .pages .move .objs {
   position: absolute;
}

.swiper-container-main .swiper-pagination-bullets {
   right: 40px !important;
}
.swiper-container-main .swiper-pagination-bullet {
   background-color: transparent !important;
   width: 12px;
   height: 12px;
   border: 3px solid rgba(255, 255, 255, 0.9);
   opacity: 1;
}
.swiper-container-main .swiper-pagination-bullet-active {
   border-color: #242424;
}

.swiper-container-main .p1 {
   top: 0;
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../image/main/v1.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.swiper-container-main .p1 .move {
   margin-top: -240px;
}
.swiper-container-main .p1 .move .obj1 {
   left: 85px;
   color: #242424;
   font-size: 28px;
   letter-spacing: -1px;
   margin-left: -83px;
}
.swiper-container-main .p1 .move .obj1 span {
   color: #242424;
}
.swiper-container-main .p1 .move .obj2 {
   left: 0;
   color: #fff;
   font-size: 50px;
   margin-top: 80px;
}
.swiper-container-main .p1 .move .obj2 .obj2_span1 {
   font-size: 16px;
   color: #242424;
   margin: 0 0 20px 3px;
   display: block;
}
.swiper-container-main .p1 .move .obj2 .obj2_span2 {
   font-size: 15px;
   color: rgba(0, 0, 0, 1);
   display: block;
   line-height: 150%;
   margin: 0 0 0 3px;
}
.swiper-container-main .p1 .move .obj3 {
   left: 0;
   color: #fff;
   font-size: 50px;
   margin-top: 220px;
}

.swiper-container-main .p2 {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../image/main/v2.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.swiper-container-main .p2 .move {
   margin-top: -280px;
}
.swiper-container-main .p2 .move .obj1 {
   left: 0;
   font-size: 28px;
   color: #242424;
   line-height: 130%;
}
.swiper-container-main .p2 .move .obj2 {
   left: 0;
   font-size: 16px;
   margin-top: 100px;
   line-height: 150%;
}
.swiper-container-main .p2 .move .obj2 span {
   color: rgba(255, 255, 255, 1);
}
.swiper-container-main .p2 .move .obj3 {
   right: 0;
   margin-top: -70px;
   width: 1000px;
   box-sizing: border-box;
}

.swiper-container-main .p3 {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('../image/main/v3.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.swiper-container-main .p3 .move {
   margin-top: -230px;
}
.swiper-container-main .p3 .move .obj1 {
   right: 0;
   color: #000;
   font-size: 40px;
   margin-top: 0px;
}
.swiper-container-main .p3 .move .obj2 {
   right: 0;
   color: #000;
   font-size: 40px;
   margin-top: 60px;
}
.swiper-container-main .p3 .move .obj3 {
   right: 0; /*color:rgba(255,255,255,0.4);*/
   font-size: 20px;
   margin-top: 160px;
   line-height: 150%;
   text-align: right;
}
.swiper-container-main .p3 .move .obj4 {
   right: 0;
   margin-top: 270px;
}

.swiper-container-main .p4 {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../image/main/v4.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.swiper-container-main .p4 .move {
   margin-top: -170px;
}
.swiper-container-main .p4 .move .obj1 {
   left: 0;
   color: #fff;
   margin-top: 0px;
   width: 100%;
}
.swiper-container-main .p4 .move .obj1 .objs_left {
   float: left;
   width: 50%;
}
.swiper-container-main .p4 .move .obj1 .objs_right {
   float: right;
   width: 40%;
   margin-top: -180px;
}

.swiper-container-main .p5 {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url('../image/main/v5.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.swiper-container-main .p5 .move {
   margin-top: -180px;
}
.swiper-container-main .p5 .move .obj1 {
   left: 0;
   font-size: 54px;
   color: rgba(1, 203, 92, 1);
   line-height: 130%;
   text-align: center;
   width: 100%;
}
.swiper-container-main .p5 .move .obj1 span {
   color: rgba(1, 203, 92, 0.5);
}
.swiper-container-main .p5 .move .obj2 {
   left: 0;
   font-size: 16px;
   color: rgba(255, 255, 255, 0.7);
   margin-top: 170px;
   line-height: 150%;
   width: 100%;
   text-align: center;
}

.objs_left_li1 {
   font-size: 54px;
   color: rgba(255, 255, 255, 0.4);
}
.objs_left_li1 span {
   color: #fff;
}
.objs_left_li2 {
   font-size: 26px;
   margin-top: 30px;
   line-height: 130%;
   color: rgba(255, 255, 255, 0.4);
}
.objs_right_li1 {
   font-size: 35px;
   color: #05C3DD; /*border-left: 5px solid #05C3DD;*/
   padding: 0 0 10px 0;
}
.objs_right_li11 {
   font-size: 16px;
   color: #fff;
   border-left: 5px solid #fff;
   padding-left: 30px;
   margin-top: 30px;
}

.objs_right_li2 {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.6);
   margin-top: 30px;
   border-left: 5px solid rgba(255, 255, 255, 0.2);
   padding-left: 30px;
}
.objs_right_li2_span1 {
   float: left;
}
.objs_right_li2_span2 {
   float: right;
}
.objs_right_li2 .cb {
   margin-bottom: 12px;
}

body.pageOn #header,
body.pageOn #footer {
}
body.p1 {
}
body.p2 {
}
body.p3 {
}
body.p4 {
}
body.p5 .scrolldown {
   opacity: 0;
}

.main_wrap {
   width: 100%;
   padding-top: 50px;
}

#header {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 13vh;
   background-color: transparent;
   z-index: 10;
   transition: all 0.3s;
}
#footer {
   position: absolute;
   z-index: 10;
   left: 0;
   bottom: 75px;
   width: 100%;
   padding-bottom: 0px;
   background-color: #f9f9f9;
   box-sizing: border-box;
}

#header .gnb_wrap {
   height: 100%;
   position: relative;
   background-color: rgba(255, 255, 255, 0.8);
   border-bottom: 1px solid rgba(221, 221, 221, 0.4);
   text-align: center;
   backdrop-filter: blur(25px);
}
#header .ci {
   box-sizing: border-box;
   margin-top: 2vh;
   margin-bottom: 3vh;
}
#header .ci img {
   width: 198px;
}
#header .top_gnb {
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 4vw;
}
#header .top_gnb a {
   font-size: 16px;
   text-decoration: none;
}
#header .top_gnb a:hover {
   color: #05C3DD;
}
#header .top_gnb a .active {
   color: #fff;
   background-color: #05C3DD;
}
#header .top_ons:hover {
   color: #05C3DD !important;
}
#header .info_wrap {
   float: right;
}
#header .top_info {
   float: left;
   padding-top: 30px;
   margin-right: 50px;
}
#header .top_info a {
   font-size: 13px;
   color: #000;
}
#header .top_info a span {
   color: #000;
}
#header .top_info a.main_color {
   padding-left: 20px;
}
#header .top_dot {
   float: left;
}
#header .top_qui {
   top: 7vh;
   right: 12%;
   width: 18vh;
   position: fixed;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
#header .top_qui a {
   color: #000;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid transparent;
   border-radius: 50%;
   padding: 5px;
}
#header .top_qui a:hover {
   color: #05C3DD;
   border: 1px solid #05C3DD;
   border-color: transparent;
   background-color: rgba(5, 195, 221, 0.1);
   opacity: 1;
}
#header .top_qui .feather {
   width: 20px;
   height: 20px;

}
#header .top_qui .top_qui_4 {
   /* color: #05C3DD; */
}
.new_section {
   width: 100%;
   height: 100vh;
}

/* 메인 header */
#header_main {
   position: fixed;
   z-index: 10;
   left: 0;
   top: 0;
   width: 100%;
   padding: 0px 0px 0px 0px;
   color: #000;
   box-sizing: border-box;
   background-color: rgba(255, 255, 255, 0.3);
   background-color: #f9f9f9;
}

#header_main .gnb_wrap {
   float: left;
}
#header_main .ci {
   float: left;
   padding-top: 30px; /*background-color: #34383D;*/
   height: 75px;
   box-sizing: border-box;
   padding-left: 25px;
}
#header_main .top_gnb {
   float: left;
   padding-left: 80px;
   padding-top: 30px; /*background-color: #34383D;*/
   height: 75px;
   box-sizing: border-box;
   padding-right: 30px;
}
#header_main .top_gnb a {
   /*color:#fff;*/
   font-size: 16px;
   margin-right: 29px;
}
#header_main .top_gnb a:hover {
   color: #05C3DD;
}
#header main.top_gnb a:active {
   color: #fff;
   background-color: #05C3DD;
}
#header_main .info_wrap {
   float: right;
}
#header_main .top_info {
   float: left;
   padding-top: 30px;
   margin-right: 50px;
}
#header_main .top_info a {
   font-size: 13px;
   color: #000;
}
#header_main .top_info a span {
   color: #000;
   padding-right: 5px;
   font-weight: 700;
}
#header_main .top_info a.main_color {
   padding-left: 20px;
}
#header_main .top_qui {
   float: left;
}
#header_main .top_dot {
   float: left;
}
#header_main .top_qui {
   margin-top: 25px;
   padding-right: 25px;
}
#header_main .top_qui .top_qui_1 {
   color: #000;
   margin-right: 20px;
}
#header_main .top_qui .top_qui_2 {
   color: #000;
   margin-right: 20px;
}
#header_main .top_qui .top_qui_3 {
   color: #000;
   margin-right: 20px;
}
#header_main .top_qui .top_qui_4 {
   color: #05C3DD;
   margin-left: 20px;
}
/* 메인 header */

.obj_btn_1 {
   border: 1px solid rgba(255, 255, 255, 0.2);
   color: rgba(255, 255, 255, 0.4);
   background-color: transparent;
   padding: 20px 50px 16px 45px;
   border-radius: 70px;
   font-size: 14px;
}
.obj_btn_1 i {
   float: left;
   margin-right: 15px;
}
.obj_btn_1 span {
   float: right;
   margin-top: 4px;
}
.obj_btn_1:hover {
   padding: 20px 60px 16px 55px;
   border: 1px solid rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, 1);
}

.obj_btn_2 {
   border: 1px solid rgba(1, 203, 92, 0.3);
   color: rgba(1, 203, 92, 0.6);
   background-color: transparent;
   padding: 20px 50px 16px 45px;
   border-radius: 70px;
   font-size: 14px; /*margin-left: -30px;*/
}
.obj_btn_2 i {
   float: left;
   margin-right: 15px;
}
.obj_btn_2 span {
   float: right;
   margin-top: 4px;
}
.obj_btn_2:hover {
   padding: 20px 60px 16px 55px;
   border: 1px solid rgba(1, 203, 92, 1);
   color: rgba(1, 203, 92, 1);
}

.obj_btn_3 {
   border: 1px solid rgba(1, 203, 92, 0.3);
   color: rgba(1, 203, 92, 0.6);
   background-color: transparent;
   padding: 20px 45px 16px 50px;
   border-radius: 70px;
   font-size: 14px;
   margin-left: -30px;
}
.obj_btn_3 i {
   float: right;
   margin-left: 15px;
}
.obj_btn_3 span {
   float: left;
   margin-top: 4px;
}
.obj_btn_3:hover {
   padding: 20px 55px 16px 60px;
   border: 1px solid rgba(1, 203, 92, 1);
   color: rgba(1, 203, 92, 1);
}

.obj_btn_4 {
   border: 1px solid rgba(1, 203, 92, 0.3);
   color: rgba(1, 203, 92, 0.6);
   background-color: transparent;
   padding: 20px 45px 16px 50px;
   border-radius: 70px;
   font-size: 14px;
}
.obj_btn_4 i {
   float: right;
   margin-left: 15px;
}
.obj_btn_4 span {
   float: left;
   margin-top: 4px;
}
.obj_btn_4:hover {
   padding: 20px 55px 16px 60px;
   border: 1px solid rgba(1, 203, 92, 1);
   color: rgba(1, 203, 92, 1);
}

.obj_btn_5 {
   border: 0px;
   border-radius: 5px;
   color: #b3b3b3;
   background-color: #242424;
   padding: 10px 80px 16px 80px;
   font-size: 14px;
   margin-right: 10px;
}
.obj_btn_5 i {
   float: right;
   margin-left: 10px;
}
.obj_btn_5 span {
   float: left;
   margin-top: 6px;
   letter-spacing: 2px;
}
.obj_btn_5:hover {
   border: 0px;
   border-radius: 5px;
   color: #fff;
   background-color: black;
   padding: 10px 80px 16px 80px;
   font-size: 14px;
   margin-right: 10px;
}

.obj_btn_55 {
   border: 2px solid #05C3DD;
   border-radius: 10px;
   color: #fff;
   background-color: #05C3DD;
   padding: 17px 0px;
   font-size: 18px;
   height: 70px;
   text-shadow: 0px 1px 2px #05C3DD;
}
.obj_btn_55 i {
   float: right;
   margin-left: 15px;
}
.obj_btn_55 span {
   /*float:left;*/
   margin-top: 6px;
}
.obj_btn_55:hover {
   border: 2px solid #05C3DD;
   border-radius: 10px;
   color: #1fa750;
   background-color: rgba(255, 255, 255, 1);
   text-shadow: 0px 1px 2px #fff;
}

.it_28 {
   border: 2px solid #888;
   border-radius: 5px;
   color: #fff;
   background-color: #888;
   padding: 17px 80px 16px 80px;
   font-size: 14px;
}
.it_28 i {
   float: right;
   margin-left: 15px;
}
.it_28 span {
   /*float:left;*/
   margin-top: 6px;
}
.it_28:hover {
   border: 2px solid #888;
   border-radius: 5px;
   color: #000;
   background-color: rgba(255, 255, 255, 1);
}

.obj_btn_555 {
   border: 2px solid #000;
   border-radius: 10px;
   color: #000;
   background-color: transparent;
   padding: 11px 22px 9px 22px;
   font-size: 14px;
}
.obj_btn_555 i {
   float: right;
   margin-left: 15px;
}
.obj_btn_555 span {
   /*float:left;*/
   padding: 10px;
}
.obj_btn_555:hover {
   border: 2px solid #000;
   border-radius: 10px;
   color: #fff;
   background-color: #000;
}

.obj_btn_6 {
   border: 1px solid black;
   color: black;
   background-color: #fff;
   padding: 10px 45px 16px 45px;
   font-size: 14px;
}
.obj_btn_6 i {
   float: right;
   margin-left: 15px;
}
.obj_btn_6 span {
   float: left;
   margin-top: 6px;
}
.obj_btn_6:hover {
   border: 1px solid black;
   color: #fff;
   background-color: #fff;
}

.obj_btn_66 {
   border-radius: 5px;
   color: #242424;
   background-color: #f9f9f9;
   padding: 17px 0px;
   font-size: 14px;
}
.obj_btn_66 i {
   float: right;
   margin-left: 10px;
}
.obj_btn_66 span {
   /*float:left;*/
   padding: 5px 0 2px 0; /*letter-spacing: 2px;*/
}
.obj_btn_66:hover {
   border: 2px solid #242424;
   border-radius: 5px;
   color: #fff;
   background-color: #242424;
}

.obj_btn_7 {
   border: 1px solid rgba(255, 255, 255, 0.6);
   color: rgba(255, 255, 255, 1);
   background-color: transparent;
   padding: 20px 45px 16px 50px;
   border-radius: 20px;
   font-size: 14px;
}
.obj_btn_7 i {
   float: right;
   margin-left: 15px;
}
.obj_btn_7 span {
   float: left;
   margin-top: 4px;
}
.obj_btn_7:hover {
   padding: 20px 55px 16px 60px;
   border: 1px solid rgba(255, 255, 255, 0.4);
   color: rgba(255, 255, 255, 0.6);
}

.btm_news {
   position: relative;
}
.btm_news i {
   float: left;
   color: rgba(0, 0, 0, 0.5);
}
.btm_news .btm_news_inner {
   float: left;
   margin-left: 15px;
   margin-top: 4px;
   height: 20px;
   width: 300px;
}
.btm_news_inner ul a {
   color: rgba(0, 0, 0, 1);
}

.btm_left {
   float: left;
   padding: 20px 50px 20px 50px;
   width: 60%;
}
.btm_left.inmain {
   width: 75%;
   padding-right: 0;
   text-overflow: ellipsis;
   word-break: break-all;
   white-space: nowrap;
}

.btm_right {
   float: right;
   padding-left: 50px;
   padding-top: 40px;
}
.btm_news_btn {
   float: left;
   margin-left: 30px;
   margin-top: -2px;
}
.btm_news_btn_left {
   border: 0px;
   background-color: transparent;
   color: #fff;
   top: auto !important;
   bottom: auto !important;
   left: auto !important;
   right: auto !important;
   display: inline-block !important;
   margin-top: 0px !important;
   position: inherit !important;
}
.btm_news_btn_right {
   border: 0px;
   background-color: transparent;
   color: #fff;
   top: auto !important;
   bottom: auto !important;
   left: auto !important;
   right: auto !important;
   display: inline-block !important;
   margin-top: 0px !important;
   position: inherit !important;
}

.footer_inner {
   width: 100%;
   position: relative;
   padding-right: 50px;
   box-sizing: border-box;
}
.btm_right_txt {
   float: left;
   color: rgba(255, 255, 255, 0.4);
   font-size: 10px;
   margin-top: 2px;
   margin-right: 20px;
}
.btm_right_txt2 {
   float: left;
   color: #fff;
   font-size: 14px;
}
.btm_right_a {
   float: left;
}
.btm_right_a a {
   color: #fff;
   font-size: 14px;
   margin-left: 20px;
}
.btm_right_a a:hover {
   color: #05C3DD;
}
.sns_btn {
   margin-bottom: 20px;
}
.sns_btn img {
   width: 30px;
}
.sns_btn a {
   margin-left: 3px;
}
.b_small_img {
   margin-top: 50px;
}
.b_small_img img {
   margin-right: -70px;
   margin-left: -10px;
   width: auto !important;
}

.swiper-slide1 {
}
.swiper-slide1 img {
   width: 600px;
}
.swiper-container1 {
   padding-right: 100px !important;
   box-sizing: border-box !important;
}
.swiper-slide1 {
   opacity: 0;
   transform: scale(0);
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-slide1.swiper-slide-prev {
   opacity: 0.3;
   transform: scale(0.5);
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-slide1.swiper-slide-next {
   opacity: 0.3;
   transform: scale(0.5);
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-slide1.swiper-slide-active {
   opacity: 1;
   transform: scale(1);
   transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
   z-index: 98;
}
.swiper-button-prev,
.swiper-button-next {
   /* width: auto !important;
   height: auto !important; */
}

.prev1 {
   left: 230px !important;
}

.d_movingBg {
   height: 1000px;
   width: 100%;
   background: center center fixed no-repeat;
   background-size: cover;
   position: relative;
}

.po_y {
   top: 45%;
   transform: translateY(-50%);
   position: absolute;
   width: 100%;
}
.con_text_list10 {
   width: 1400px;
   padding-left: 30px;
   margin: 0 auto;
}
.con_text_list10 .list10_t1 {
   color: #242424;
   margin-top: 20px;
   padding-left: 0px;
}
.con_text_list10 .list10_t1 span {
   font-size: 16px;
   color: #242424;
   display: block;
}
.con_text_list10 .list10_t2 {
   color: #242424;
   font-size: 30px;
   padding-left: 0px;
}
.con_text_list10 .list10_t2 span {
   color: #05C3DD;
}
.con_text_list10 .list10_t3 {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.6);
   display: block;
   line-height: 200%;
   margin: 10px 0 0 18px;
}
.con_text_list10 .list10_t4 {
   margin-top: 50px;
}
.list10_info {
   margin-top: 60px; /*border-top:1px solid rgba(0,0,0,0.1); padding-top: 100px;*/
}
.list10_info_ul1 {
   float: left;
   width: 10%;
}
.list10_info_ul2 {
   float: left;
   margin: 60px 0 0 0;
}
.list10_info_li1 {
   font-size: 17px;
   color: rgba(0, 0, 0, 1);
   text-align: left;
}
.list10_info_li2 {
   font-size: 18px;
   color: #242424;
   text-align: left;
   margin-top: 5px;
   min-height: 25px;
}

.mod1 {
   padding: 100px;
   background-color: #000;
}
.mod1 .list10_t1 {
   color: #fff;
   margin-top: 0px;
   text-align: center;
}
.mod1 .list10_t1 span {
   font-size: 16px;
   color: #05C3DD;
   display: block;
   text-align: center;
}
.mod1 .list10_t2 {
   color: #fff;
   font-size: 60px;
   margin-top: 30px;
   text-align: center;
}
.mod1 .list10_t2 span {
   color: #05C3DD;
   text-align: center;
}
.mod1 .list10_t3 {
   font-size: 20px;
   color: rgba(255, 255, 255, 0.6);
   display: block;
   line-height: 200%;
   margin-top: 10px;
   text-align: center;
}
.mod1 .list10_t4 {
   font-size: 18px;
   color: #05C3DD;
   display: block;
   line-height: 150%;
   text-align: center;
}
.mod1 .list10_t5 {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.5);
   display: block;
   line-height: 150%;
   margin-top: 30px;
   text-align: center;
}
.mod2 {
   padding: 100px;
   box-sizing: border-box;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}
.mod2_li1 {
   font-size: 32px;
   text-align: center;
   color: rgba(255, 255, 255, 0.6);
}
.mod2_li2 {
   font-size: 14px;
   text-align: center;
   color: #05C3DD;
   margin-top: 60px;
}
.mod2_li3 {
   font-size: 18px;
   text-align: center;
   line-height: 150%;
   margin-top: 60px;
   color: rgba(255, 255, 255, 0.5);
}
.mod3 {
   padding: 50px;
   box-sizing: border-box;
   padding-bottom: 30px;
}
.mod3 #videos {
   box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.1);
}
.gap_bars {
   border-bottom: 3px solid #05C3DD;
   height: 30px;
   width: 30px;
   margin: 0 auto;
}
.mod_line_box {
   width: 700px;
   margin: 0 auto;
   border: 1px solid rgba(1, 203, 92, 0.5);
   padding: 50px;
   border-radius: 50px;
   margin-top: 70px;
}
.list10_t6 {
   margin-top: 50px;
   text-align: center;
}
.swiper-slide-gg img {
   height: auto !important;
   width: auto !important;
   max-width: 100%;
}
.swiper-slide-gg {
   text-align: center;
}

.mod5 {
   background-color: #222;
   padding: 70px;
   box-sizing: border-box;
   text-align: center;
}
.mod5 ul li {
   text-align: center;
}
.mod5 ul {
   float: none;
   display: inline-table;
   vertical-align: top;
}
.ss_divs_wrap {
   margin-top: 40px;
}
.ss_divs {
   height: 200px;
   width: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 10px;
   text-align: center;
   color: #fff;
   font-size: 18px;
   position: relative;
   cursor: pointer;
}
.ss_divs .ss_divs:hover {
   opacity: 0.9;
}

.ss_divs2 {
   width: 100%;
}
.ss_divs2 .sub_span {
   display: block;
   margin-top: 20px;
   font-size: 16px;
}
.ss_divs2:hover {
}

.ss_divs span {
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
   width: 100%;
   display: block;
}
.title_div2_ico_li1 {
   color: #000;
   margin-top: 30px;
}
.title_div2_ico_li2 {
   color: #05C3DD;
   font-size: 20px;
   margin-top: 10px;
}
.time_icos_r {
   float: right;
   margin-left: 20px;
   margin-top: 30px;
}

.ss_ja {
   margin-top: 60px;
}
.ss_btns_wrap {
   border-top: 1px solid #eee;
   text-align: center;
   margin-top: 100px;
}
.ss_btns {
   background-color: #05C3DD;
   color: #fff;
   height: 80px;
   padding-left: 100px;
   padding-right: 100px;
   text-align: center;
   border: 0px;
   border-radius: 80px;
   margin-top: -40px;
   font-size: 16px;
}
.ss_ja_divs {
   width: 100%;
   border: 2px solid #eee;
   border-radius: 10px;
   text-align: center;
   color: #000;
   font-size: 18px;
   position: relative;
   cursor: pointer;
   height: 100px;
}
.ss_ja_divs span {
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
   width: 100%;
   display: block;
}
.ss_ja_divs span h6 {
   color: #777;
   font-size: 14px;
   display: block;
   margin-top: 10px;
}
.ss_ja_divs_bd {
   border-color: #05C3DD;
}
.ss_step {
   margin-top: 70px;
}
.ss_step_inner {
   margin-top: 40px;
}
.ss_step_inner .ss_ja_divs {
   height: 150px;
   color: #05C3DD;
}
.ss_step_inner .ss_ja_divs h6 {
   line-height: 150%;
   color: #000 !important;
}
.sub_tail_txt {
   font-size: 16px;
   color: #000;
   text-align: center;
   margin-top: 50px;
   line-height: 150%;
}
.ss_btm_txt {
   background-color: #f9f9f9;
   border-radius: 20px;
   padding: 50px;
   margin-top: 60px;
}
.ss_btm_txt_ul1 {
   float: left;
   width: 15%;
   font-size: 18px;
   line-height: 150%;
}
.ss_btm_txt_ul2 {
   float: left;
   width: 85%;
   box-sizing: border-box;
   padding-left: 50px;
   color: #888;
   line-height: 150%;
}

.step1_wrap {
}
.step1_wrap_tit {
   font-size: 24px;
   line-height: 150%;
}
.step1_wrap_con1 {
}
.step1_top_box1 {
   float: left;
}
.step1_top_box1_ul1 {
   font-size: 18px;
   line-height: 130%;
   color: #888;
}
.step1_top_box1_ul2 {
   margin-top: 15px;
}
.step1_top_box1_btn {
   background-color: #05C3DD;
   color: #fff;
   border: 0px;
   height: 60px;
   padding-left: 50px;
   padding-right: 50px;
   font-size: 18px;
   border-radius: 10px;
   font-weight: 800;
   text-shadow: 0px 1px 2px #05C3DD;
}
.step1_top_box2_btn {
   background-color: #fff;
   color: #05C3DD;
   border: 1px solid #05C3DD;
   height: 50px;
   padding-left: 40px;
   padding-right: 40px;
   font-size: 14px;
   border-radius: 5px;
   font-weight: 800;
}
.step1_top_box1_btn_c {
   background-color: #eee;
   color: #999;
   border: 0px;
   height: 60px;
   padding-left: 50px;
   padding-right: 50px;
   font-size: 18px;
   border-radius: 10px;
   font-weight: 800;
}
.ul1_tits {
   color: #05C3DD;
   font-size: 22px;
   display: block;
   margin-bottom: 15px;
}
.ul2_tits {
   color: #05C3DD;
   font-size: 22px;
   display: block;
   margin: 15px 15px;
}
.step1_wrap_con2 {
   margin-top: 60px;
}
.step1_top_box1_ul3 {
   text-align: center;
}
.step1_top_box1_ul3 li {
   margin: 60px 30px;
   line-height: 130%;
}
.step1_top_box1_ul3 p {
   font-size: 18px;
   line-height: 130%;
   color: #888;
   margin: 20px 0;
   word-break: keep-all;
}
.step1_top_box1_ul3 input[type='radio'] {
   display: none;
}
.step1_top_box1_ul3 label {
   background-color: #fff;
   color: #05C3DD;
   border: 1px solid #05C3DD;
   height: 60px;
   padding: 10px 30px;
   font-size: 14px;
   border-radius: 30px;
   margin: 0 10px;
}
.step1_top_box1_ul3 input:checked + label {
   background-color: #05C3DD;
   color: #fff;
}
.step1_top_box1_ul3 .err {
   color: red;
   display: none;
}
.step1_top_box1_ul3 .form_area {
   width: 100%;
   resize: none;
   border: 0px;
   background-color: #f9f9f9;
   height: 150px;
   padding: 20px;
   box-sizing: border-box;
   line-height: 130%;
   font-size: 13px;
   color: #888;
}
.step1_allcheck {
   text-align: center;
   margin: 20px 0;
}
.step1_allcheck button {
   margin: 20px 20px;
}

.step1_top_box2 {
   float: right;
   width: 70%;
   margin-top: 45px;
}
.step1_top_box2_ul1 {
}
.step1_top_box2_div1 {
}
.step1_top_box2_div1_ul1 {
}
.step1_top_box2_div1_ul2 {
}
.step1_top_box2_div2 {
}
.step1_top_box2_ul2 {
}

.step1_flex {
   display: flex;
   width: 100%;
   justify-content: flex-start;
   align-items: center;
}
.step1_center {
   text-align: center;
}
.step1_top_box1_ul2 button {
   margin-right: 20px;
}
.step1_margin {
   margin-right: 20px;
}
.step1_margin p {
   margin-top: 10px;
}

.step1_form1 {
   margin-top: 25px;
}
.step1_top_box2 .ss_ja_divs {
   height: 150px;
}
.line_5 {
   height: 5px;
   margin-top: 5px;
}
.hline_25 {
   border-top: 1px solid #eee;
   height: 25px;
   margin-top: 25px;
}
.hline_50 {
   border-top: 1px solid #eee;
   height: 50px;
   margin-top: 50px;
}
.form_top_tit {
   display: block;
   margin-top: 30px;
}
.step1_form_li {
   padding-bottom: 10px;
}
.step_inp {
   background-color: #f9f9f9;
   height: 50px;
   font-size: 16px;
   padding: 20px;
   box-sizing: border-box;
   border: 0px;
}
.step_inp::placeholder {
   color: #999;
}
.step_inp:focus {
   background-color: #f0f0f0;
}

.step1_form1_li1 {
   float: left;
   width: 45%;
}
.step1_form1_li2 {
   float: right;
   width: 45%;
}

.form_area {
   width: 100%;
   resize: none;
   border: 0px;
   background-color: #fff;
   min-height: 120px;
   max-height: 150px;
   padding: 20px;
   box-sizing: border-box;
   line-height: 130%;
   font-size: 13px;
   color: #888;
}
.lineheight150 {
   line-height: 150%;
   color: #999;
   font-size: 13px;
   border-top: 1px solid #eee;
   margin-top: 30px;
   padding-top: 35px;
}

.step1_wrap_tit_li1 {
   float: left;
}
.step1_wrap_tit_li2 {
   float: left;
   margin-left: 20px;
   margin-top: -3px;
}
.step1_wrap_tit_li2 .magic-checkbox + label {
   font-size: 14px;
   color: #999;
}
.step1_wrap_tit_li3 {
   float: right;
   font-size: 14px;
   color: #999;
}
.step_inp:disabled {
   opacity: 0.6;
}
.next_wrap {
   text-align: center;
}

.main_list_price2 {
   background-color: #f9f9f9;
   margin-top: 15px;
   padding: 18px 20px 18px 20px;
   border-radius: 5px;
}
.main_list_price3 {
   margin-top: 10px;
}
.main_list_price3 button {
   border-radius: 5px;
   height: 50px;
   width: 100%;
   background-color: #fff;
   border: 1px solid #05C3DD;
   color: #05C3DD;
}
.main_list_price3 button:hover {
   background-color: #05C3DD;
   color: #fff;
}
.pro_price_st2 {
   color: #05C3DD;
   font-size: 16px;
   display: block;
   margin-top: 5px;
}
.pro_price_st3 {
   color: #05C3DD;
   font-size: 16px;
   display: block;
   margin-top: 15px;
}
.od_inp_tit_sub {
   color: #999;
   font-size: 13px;
   margin-top: 20px;
}

.od_inp_tit_sub2 {
   color: #666;
   font-size: 14px;
   margin-top: 10px;
}

.od_inp_tit_sub3 {
   color: #ff6666;
   font-size: 18px;
   margin-top: 20px;
}

.dy_wrap1 {
   margin-top: 60px;
}
.dy_wrap1_tit {
   font-size: 18px;
   color: #000;
}
.dy_wrap1_tit_sub {
   font-size: 15px;
   color: #888;
   margin-top: 10px;
}
.dy_wrap1_sub {
   margin-top: 30px;
}

.pay_subs {
   font-size: 13px;
   color: #888;
   line-height: 150%;
   word-break: keep-all;
}
.pay_subs span {
   display: block;
   margin-top: 20px;
   font-size: 15px;
   margin-bottom: 15px;
   color: #000 !important;
}
.pay_subs_bg {
   background-color: #f9f9f9;
   padding: 20px;
   box-sizing: border-box;
   border-radius: 10px;
   margin-top: 20px;
}
.pay_subs_bg span {
   margin-top: 0px;
}

.file_ups {
   position: relative;
   border: 1px solid #eee;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box;
}
.file_ups span {
   position: absolute;
   top: 25px;
   left: 20px;
}
.file_ups input {
   border: 0px;
   padding-left: 120px;
   box-sizing: border-box;
   width: 100%;
}
.no_pd {
   padding: 0px !important;
}

.dy_ok_wrap {
}
.dy_ok_wrap_tit {
   font-size: 22px;
   color: #000;
}
.dy_ok_wrap_sub {
   font-size: 16px;
   color: #000;
   margin-top: 10px;
}
.dy_ok_wrap_sub2 {
   font-size: 14px;
   color: #888;
   line-height: 150%;
   margin-top: 20px;
   margin-bottom: 20px;
   word-break: keep-all;
}

.bank_ss {
   display: block;
   margin-top: 20px !important;
   margin-bottom: 0px !important;
   font-size: 15px !important;
   float: none !important;
}
.dy_ok_wrap_sub3 {
   margin-top: 0px;
   margin-bottom: 40px;
}
.w100btns {
   width: 100%;
   background-color: #05C3DD;
   color: #fff;
   height: 60px;
   border-radius: 10px;
   border: 0px;
   text-align: center;
   font-size: 16px;
}

.dy_l_48 {
   width: 48%;
   float: left;
}
.dy_r_48 {
   width: 48%;
   float: right;
}

.title_div_txt_ss1 {
   clear: both;
   padding-top: 15px;
   font-size: 24px;
   color: #05C3DD;
}
.title_div_txt_ss2 {
   clear: both;
   padding-bottom: 20px;
   font-size: 14px;
   color: #888;
   line-height: 150%;
   text-align: center;
}
.title_div_txt {
   margin-top: -8px;
   font-weight: 600;
}

.file_left {
   float: left;
}
.file_right {
   float: right;
}
.file_div_mt {
   margin-bottom: 20px;
}

.user_bank_inp {
   width: 100%;
   height: 50px;
   border-radius: 0px;
   border: 1px solid #eee;
   text-indent: 15px;
   margin-bottom: 10px;
}
.user_bank_inp:focus {
   border: 1px solid #05C3DD;
}
.user_bank_de_inp {
   width: 100%;
   height: 50px;
   border-radius: 0px;
   border: 1px solid #f9f9f9;
   background-color: #f9f9f9;
   text-indent: 15px;
   margin-bottom: 10px;
}
.border-ra0 {
   border-radius: 0px !important;
}

.mg_texts {
   color: #05C3DD;
   display: block;
   margin-top: 15px;
   margin-bottom: 0px;
   font-size: 13px;
}
.trak {
   background-color: #fff;
   border: 2px solid #f9f9f9;
   width: 100%;
   padding: 10px 0;
   border-radius: 10px;
   color: #999;
   text-align: center;
   font-size: 16px;
}
.tra_on {
   border: 2px solid #05C3DD;
   background-color: #fff;
   box-sizing: border-box;
   color: #05C3DD;
   font-weight: 600;
}
.swiper-container-tra {
   margin-top: 20px;
   margin-bottom: 20px;
}
.swiper-container-tra2 .swiper-slide:not(:last-child)::after {
   content: '';
   position: absolute;
   right: -30px;
   top: 50%;
   transform: translateY(-50%);
   width: 24px;
   height: 24px;
   background-image: url('/img/arrow-right.svg'); /* 원하는 화살표 이미지 경로 */
   background-size: contain;
   background-repeat: no-repeat;
}


#sod_fin .sod_left .new_tit_step {
   margin-top: 20px;
   border-color: #000;
   border-radius: 10px;
}

.inp_dd {
   margin-right: 15px;
}
.inp_dd label {
   color: #999;
   display: block;
   margin-bottom: 5px;
}
.inp_dd input {
   width: 100%;
}

.widths {
   width: 100% !important;
   float: none !important;
   margin-left: 0% !important;
}
.mts_mo {
   margin-top: 20px;
}

.st_trak {
   text-align: center;
   position: relative;
   min-height: 100px;
   margin-top: 40px;
}
.st_trak_inner {
   position: absolute;
   text-align: center;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: 1;
}
.st_tral_ul {
   display: inline-block;
   width: 12%;
   padding-top: 15px;
   padding-bottom: 15px;
   border-radius: 60px;
   background-color: #fff;
   margin-left: 10px;
   margin-right: 4px;
   font-size: 16px;
   border: 2px solid rgba(0, 0, 0, 0.1);
   line-height: 140%;
   color: #999;
}
.st_tral_ul.st_on {
   background-color: #fff;
   color: #333;
   border: 2px solid rgba(0, 0, 0, 0.7);
}
.st_tral_ul_line {
   position: absolute;
   width: 100%;
   border-bottom: 2px solid #eee;
   top: 38px;
   left: 0px;
   z-index: 0;
}

.btm_p_list_btn {
   background-color: transparent;
   border: 0px;
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
   margin-top: 10px;
}
.btm_p_list_btn i {
   float: left;
   margin-right: 10px;
   margin-top: -3px;
}
.btm_p_list_btn span {
   float: left;
}

.sub_pri_t {
   color: #000;
   background-color: #e9e9e9;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-top: 10px;
   border-radius: 4px;
   font-size: 13px;
   display: inline-block;
}

.buy_btm_wrap {
   display: none; /*background-color: #fff;*/
   width: 100%; /*border-top:1px solid #000;*/
   padding: 0 20px 20px 20px;
}
.buy_btm_wrap.fixed_wrap {
   position: fixed;
   left: 0px;
   width: 100%;
   display: block;
   bottom: 0px;
   z-index: 98;
   background-color: rgba(245, 245, 245, 0.95);
   padding-top: 20px;
}
.zoom_btn {
   border: none;
   background: rgba(161, 161, 161, 0.15);
   padding: 14px 0 12px 0;
   font-size: 14px;
   text-align: center;
   color: #777;
   width: 112%;
   margin-left: -6%;
}
.buy_btm_ul1 {
   float: left;
   padding-left: 5%;
}
.buy_btm_ul2 {
   float: right;
   width: 50%;
}
.buy_btm_ul1 li {
   float: left;
   margin-right: 60px;
}
.buy_btm_ul1 li dd {
   color: #999;
   font-size: 12px;
   margin-top: 5px;
}
.buy_btm_ul1 li dd.font-naver-H {
   color: #000;
   margin-top: 7px;
   font-size: 18px;
}

.bbs_btn_wrap {
   margin-top: 50px;
   text-align: center;
}
.bbs_btn_wrap a {
   border-radius: 1rem;
   background-color: #1a1346;
   color: #fff !important;
   font-size: 24px;
   width: 500px;
   line-height: 100px;
   display: block;
   margin: 0 auto;
   text-decoration: none !important;
}

@media all and (max-width: 1024px) {
   #footer {
      display: none;
   }
   .mobile {
      display: block;
   }
   .inp_dd {
      float: none !important;
      width: 100%;
      margin-right: 0px;
   }
   .bbs_btn_wrap a {
      width: 80%;
      padding-left: 0px;
      padding-right: 0px;
      font-size: 16px;
      line-height: 60px;
      border-radius: 10px;
   }
}

/* 비디오 컨텐츠를 16:9비율에 마쳐 반응형으로 만들기 */
.video {
   position: relative;
   margin: 0 auto;
   max-width: 900px;
   width: 100%;
}
.video > div {
   width: 100%;
   padding-bottom: 56.25%;
} /* padding-bottom 계산식 9 / 16 * 100 */
.video > div iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}

/* 이벤트 게시판 */
.enuri_btn:hover {
   border: 2px solid #05C3DD;
   border-radius: 5px;
   color: #1fa750;
   background-color: rgba(255, 255, 255, 1);
}

.dim {
   background-color: rgba(0, 0, 0, 0.5);
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   display: none;
   z-index: 999;
   backdrop-filter: blur(6px);
}

.fkcg {
   font-size: 15px;
   padding: 15px 15px 10px 15px;
   border: 2px solid red;
   color: red;
   border-radius: 5px;
   font-weight: 400;
   line-height: 10px;
}
.fkcg bold {
   margin-left: 10px;
   font-size: 24px;
}

.it_name_sub {
   font-size: 16px;
   color: #999;
}

.inline-tooltip {
   display: inline-flex;
   align-items: center;
   gap: 4px;
}

.tips {
   position: relative;
   cursor: pointer;
   display: inline-block;
}

.tips i,
.tips svg {
   width: 18px;
   height: 18px;
   color: #999;
   vertical-align: middle;
}

/* 툴팁 박스 */
.tips::before {
   content: attr(data-tooltip);
   position: absolute;
   bottom: calc(100% + 10px);
   left: 50%;
   transform: translateX(-50%);
   background: #222;
   color: #fff;
   padding: 6px 10px;
   border-radius: 6px;
   font-size: 12px;

   display: inline-block;
   max-width: 240px;
   min-width: 130px; /* ✅ 추가: 너무 좁아지지 않도록 */
   white-space: normal;
   word-break: keep-all; /* ✅ 한글 단어 기준 줄바꿈 */
   overflow-wrap: break-word;
   line-height: 1.4;
   text-align: center;
   box-sizing: border-box;

   opacity: 0;
   pointer-events: none;
   transition: opacity 0.2s ease;
   z-index: 1000;
}

/* 꼬리 */
.tips::after {
   content: '';
   position: absolute;
   bottom: calc(100% + 4px); /* 꼬리 위치 조정 */
   left: 50%;
   transform: translateX(-50%);
   border: 6px solid transparent;
   border-bottom: none; /* 👈 이 줄은 삭제 */
   border-top-color: #222; /* 👈 위쪽 꼬리 만들기 */
   opacity: 0;
   transition: opacity 0.2s ease;
   z-index: 1000;
}

/* 표시 */
.tips:hover::before,
.tips:hover::after {
   opacity: 1;
}

.newitem_type {
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 1;
   display: flex;
   align-items: flex-start;
   gap: 10px;
}
.newitem_type span {
   display: inline-block;
   font-size: 12px;
   color: #fff;
   padding: 4px 12px;
   text-align: center;
   text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
   min-width: 50px;
   border-radius: 50px;
}
.newitem_type span.tag_new {
   background-color: #2d4439;
}
.newitem_type span.tag_event {
   background-color: #05C3DD;
}
.newitem_type span.tag_ready {
   background-color: #6b7280;
}
.od_wrap {
   background-color: #f9f9f9;
   overflow-y: auto;
   scrollbar-color: #c9c9c9 #f9f9f9;
   box-sizing: border-box;
   width: 100%;
   height: 78vh;
}

/* newpop 팝업 */
.new_pop {
   z-index: 1000;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   pointer-events: none;
}
.newpop-swiper {
   position: fixed !important;
   bottom: 10%;
   right: 10%;
   width: 400px;
   height: 470px;
   pointer-events: auto;
   box-shadow: 0 4px 8px rgba(0,0,0,0.1);
   border-radius: 10px;
   overflow: hidden;
   pointer-events: auto;
}
.newpop-swiper .swiper-slide {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   height: 100%;
   padding: 0;
}
.newpop-swiper .newpop-pagination {
   flex-direction: row;
   bottom: 70px !important;
}
.newpop_con {
   flex: 1;
   flex-direction: column;
   width: 100%;
   height: calc(100% - 50px);
   overflow-y: auto;
   position: relative;
   box-sizing: border-box;
}
.newpop_con::-webkit-scrollbar {
   display: none;
}
.newpop_con p {
   width: 100%;
   height: 100%;
}
.newpop_con img {
   max-width: 100%;
   height: auto;
   display: block;
   margin: 0 auto;
}
.newpop_footer {
   width: 100%;
   height: 50px;
   display: flex;
   justify-content: space-between;
   padding: 0 15px;
   align-items: center;
   background: #fbf9fa;
}
.newpop_footer .newpop_reject {
   display: flex;
   align-items: center;
   font-size: 16px;
   color: #888;
   line-height: 1.2;
}
.newpop_footer .newpop_reject svg {
   width: 30px;
   height: 30px;
   margin-right: 5px;
}
.newpop_footer .newpop_reject:hover {
   background: #e5e5e5;
}
.newpop_footer .newpop_close {
   cursor: pointer;
   font-size: 16px;
   color: #999;
   line-height: 1.2;
}
.newpop_footer .newpop_close:hover {
   color: #666;
}

.newpop_con2 {
   margin-top: 20px;
   text-align: center;
}
.newpop_con2 .title {
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 10px;
}
.newpop_con2 .desc {
   font-size: 16px;
   color: #666;
}
.newpop_button {
   margin-top: 20px;
   text-align: center;
}
.newpop_button .btn {
   display: inline-block;
   background: #007bff;
   color: #fff;
   padding: 10px 20px;
   border-radius: 5px;
   text-decoration: none;
}
.newpop_button .btn:hover {
   background: #0056b3;
}
.newpop_button .btn i {
   vertical-align: middle;
   margin-left: 5px;
}

/* 주문내역 */
.od_main_tab {
   display: flex;
   align-items: center;
   gap: 20px;
}
.od_main_tab button {
   background: #05C3DD;
   border: none;
   font-size: 16px;
   color: #fff;
   border-radius: 7px;
   padding: 10px 20px;
   position: relative;
}

.od_deliv_tab {
   display: none;
   background: #f9f9f9;
   padding: 20px;
   border-radius: 10px;
   margin-bottom: 20px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.05);
   font-family: 'Noto Sans KR', sans-serif;
}

.od_deliv_tab .od_deliv_txt {
   font-size: 16px;
   color: #333;
   font-weight: 500;
   line-height: 1.6;
   border-left: 5px solid #05C3DD;
   background: #fff;
   padding: 15px 20px;
   border-radius: 8px;
   margin-bottom: 20px;
   box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.od_deliv_tab .od_deliv_info {
   background: #fff;
   border-radius: 8px;
   padding: 20px;
   box-shadow: 0 1px 6px rgba(0,0,0,0.05);
}
.od_deliv_tab .od_deliv_info .od_deliv_tit {
   font-size: 17px;
   color: #222;
   font-weight: 600;
   margin-bottom: 10px;
   border-bottom: 1px solid #eee;
   padding-bottom: 8px;
}
.od_deliv_tab .od_deliv_info .od_deliv_box {
   display: table;
   width: 100%;
   border-collapse: collapse;
}
.od_deliv_tab .od_deliv_info .od_deliv_box li {
   display: table-row;
}
.od_deliv_tab .od_deliv_info .od_deliv_box li p {
   display: table-cell;
   padding: 10px 0;
   border-bottom: 1px solid #eee;
   vertical-align: middle;
}
.od_deliv_tab .od_deliv_info .od_deliv_box .od_deliv_label {
   font-size: 13px;
   color: #888;
   font-weight: 500;
   width: 30%;
   display: inline-block;
}
.od_deliv_tab .od_deliv_info .od_deliv_box .od_deliv_value {
   font-size: 15px;
   color: #000;
   font-weight: 400;
   text-align: left;
   width: 70%;

}

/* 상담신청 팝업 */
.consult_popup {
   width: 500px;
   height: 750px;
   background-color: #fff;
   backdrop-filter: blur(10px);
}
.consult_popup_div {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   margin: 0 2px;
   height: 100%;
   box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
   background-color: #fff;
}
.consult_popup_top {
   width: 100%;
}
.consult_popup_top .consult_popup_btns {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding: 20px;
   border-bottom: 1px solid #eee;
}
.consult_popup_top .consult_popup_btns span {
   font-size: 20px;
   font-weight: 700;
   color: #101828;
}
.consult_popup_desc {
   width: 100%;
   font-size: 14px;
   color: #4a5565;
   padding: 20px;
}
.consult_popup_desc span {
   color: #05C3DD;
   font-weight: 600;
}
.consult_popup_item {
   width: 100%;
   padding: 0 20px;
   display: flex;
   flex-direction: column;
}
.consult_popup_div .forms {
   margin-bottom: 20px;
}
.consult_popup_div .forms-label {
   font-size: 15px;
   line-height: 1.5;
   color: #364153;
}
.consult_popup_div input[type='text'], .consult_popup_div textarea {
   width: 100%;
   border: 1px solid #ebe6e7;
   box-sizing: border-box;
   border-radius: 8px;
   background: #fbf9fa;
   padding: 10px;
   font-size: 16px;
   font-weight: 400;
   resize: none;
}
.consult_popup_div input[type='text']:focus, .consult_popup_div textarea:focus {
   border: 1px solid #05C3DD;
   box-shadow: 0 0 0 1px #05C3DD;
   outline: none;
}
.consult_popup_div .consult_popup_notice {
   font-size: 12px;
   color: #4a5565;
   background: #fbf9fa;
   padding: 20px;
   margin: 0 20px;
   border-radius: 8px;
   width: calc(100% - 40px);
}
.consult_popup_div .button_wrap {
   bottom: 0;
   width: 100%;
   text-align: center;
   padding: 20px;
   border-top: 1px solid #eee;
}
.consult_popup_div .button_wrap button {
   width: 100%;
   padding: 17px 20px;
   background-color: #05C3DD;
   color: #fff;
   font-weight: 500;
   border: none;
   border-radius: 8px;
   font-size: 14px;
   cursor: pointer;
}

/* 퀵메뉴 */
.quick-menu {
   position: fixed;
   bottom: 30px;
   right: 20px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 16px;
   z-index: 90;
   transition: opacity 0.4s ease, transform 0.4s ease;
   width: 130px;
}

.quick-menu-open {
   width: 52px;
   height: 52px;
   background: #fbf9fa;
   border: none;
   border-radius: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
   color: #05C3DD;
   cursor: pointer;
   transition: all 0.3s ease;
   box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.05),
      0 6px 12px rgba(0, 0, 0, 0.1); /* 3D 느낌 그림자 */
   backdrop-filter: blur(6px); /* 배경 흐림 효과 */
}
.quick-menu-open:hover {
   background: #05C3DD;
   color: #fff;
   transform: translateY(-3px);
   box-shadow:
      0 4px 8px rgba(0, 0, 0, 0.08),
      0 10px 20px rgba(0, 0, 0, 0.12);
}
.quick-menu-open.active {
   background: #05C3DD;
   transform: translateY(-3px);
   box-shadow:
      0 4px 8px rgba(0, 0, 0, 0.08),
      0 10px 20px rgba(0, 0, 0, 0.12);
}
.quick-menu-open.active svg {
   color: #fff;
}
.quick-menu-open svg {
   width: 24px;
   stroke-width: 2.2;
}
.quick-btns-popup {
   display: none;
   flex-direction: column;
   gap: 12px;
   margin-top: 10px;
   align-items: center;
}
.quick-menu .quick-btn {
   width: 130px;
   height: 44px;
   background: #fff;
   border-radius: 30px;
   display: flex;
   align-items: center;
   gap: 4px;
   color: #333;
   font-size: 14px;
   font-weight: 500;
   box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.05),
      0 6px 12px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   text-decoration: none;
   padding-left: 12px;
   line-height: 1.5;
}
.quick-menu .quick-btn:hover {
   transform: translateY(-2px);
   box-shadow:
      0 4px 8px rgba(0, 0, 0, 0.08),
      0 10px 20px rgba(0, 0, 0, 0.12);
}
.quick-menu .quick-btn b {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 24px;
   height: 24px;
   background: #05C3DD;
   border-radius: 50%;
   font-weight: 400;
}
.quick-menu .quick-btn svg {
   width: 16px;
   height: 16px;
   stroke-width: 2.0;
   color: #fff;
}
.quick-menu .quick-btn img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
}
.quick-menu .quick-btn span.ig {
   width: 24px;
   height: 24px;
   border-radius: 50%;
}
.quick-menu .quick-btn span.tt {
   font-size: 12px;
   font-weight: 500;
}