@charset "utf-8";

#container_title {display: none;}
.sub_banner {
    min-height: 400px;
    padding: 25px 0;
    background-color: #FAFBFF;
    position: relative;
    background: url(../main_img/sub_banner_bg_mygroup.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    /* background-position: calc(100% - 10%) center; */
	background-position: right center;
    display: flex;
    align-items: center;
}


.innerwrap {
    width: 80%;
    margin: 0 auto;
    /* width: 90%; */
}
.sub_banner h3 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: "GmarketSans";
	color: inherit;
}
.sub_banner p {
    font-size: 26px;
    color: inherit;
    font-weight: 500;
    letter-spacing: -1px;
    word-break: keep-all;
}
.sub_banner p span {
    font-size: 32px;
}
.sub_banner .check_list {
    padding-top: 20px;
}
.sub_banner .check_list li{
    font-size: 18px;
    font-weight: 500;
	color: inherit;
    margin-bottom: 14px;
    /* text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15); */
    word-break: keep-all;
}
.sub_banner .check_list li i {
    margin-right: 5px;
    text-shadow: none;
	color: var(--sub-main-color);
}
.sub_banner .check_list li:last-child {
    margin-bottom: 0;
}
.sub_banner .check_list li span {
    font-weight: 700;
}

.sub_contents {
    padding-top: 60px;
    padding-bottom: 120px;
}

/* 상단 검색 */
.keyword-container {
    background: var(--sub-bg-color);;
    padding: 25px 30px;
    border: 1px solid #DEDEDE ;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(168, 168, 168, 0.2);
    margin-bottom: 60px;
}
.keyword-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
    flex-wrap: wrap;
}
.keyword-header h3 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-left: 4px solid var(--sub-main-color);
    padding-left: 6px;
}
.keyword-header .download {
    font-size: 14px;
    color: var(--sub-main-color);
}
.keyword-header .download:hover {
    text-decoration: underline;
}
/*form 넣어서 지움
.keyword-form, .keyword-filter {
    /* height: 45px xxx;
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
*/
.form_wrap {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.keyword-container .keyword-filter .form_wrap {
    margin-bottom: 0;
}
.keyword-form select,
.keyword-form input,
.keyword-filter select,
.keyword-filter input {
    padding: 5px 14px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    font-size: 14px;
    color: #787878;
    flex: 1;
    height: 45px;
    min-width: 200px;
}
.keyword-form select,
.keyword-filter select {
    background-position: right 14px center;
}
.keyword-form select option,
.keyword-filter select option {
    line-height: 45px;
    height: 45px;
}
.keyword-container .form_btn_wrap {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    /* max-width: 155px; */
    flex: 0 0 155px;
}
.keyword-container button {
    border: none;
    border-radius: 5px;
    border: 1px solid #C7C7C7;
    color: #666;
    height: 100%;
    font-size: 14px;
    font-weight: 600;
    flex: 1;
    height: 45px;
}
.keyword-container .form_btn_wrap button.sub_main_color {
    border-color: var(--sub-main-color);
    color: var(--sub-main-color);
}
.keyword-form #k_group,
.keyword-filter #k_groupall {
    flex: 1 1 0;
}
.folder-btn {
    aspect-ratio: 1 / 1;
    /* font-size: 1rem !important; */
}

/**/
.pg_btn_wrap {
    position: relative;
    margin: 20px 0;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pg_btn_wrap .filter_group {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.pg_btn_wrap .filter_group .filter_wrap {
    /* position: absolute;
    top: 0;
    left: 0; */
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    overflow: hidden;
    font-size: 14px;
}
.pg_btn_wrap .filter_group .filter_wrap > div {
    display: flex;
    align-items: center;
    position: relative;
}
.pg_btn_wrap .filter_group .filter_wrap .f_select_label {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.pg_btn_wrap .filter_group .filter_wrap .f_select {
    padding: 10px 0px;
    border: 0;
    padding-left: 27px;
    font-size: 14px;
    color: var(--sub-black);
}
.pg_btn_wrap .filter_group .filter_wrap .f_select option {}
.pg_btn_wrap .filter_group .filter_wrap .f_select:focus,
.pg_btn_wrap .filter_group .order_wrap .f_order:focus {
    outline: none;
    box-shadow: none;
    border: 0 !important;
}
.pg_btn_wrap .filter_group .order_wrap {
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    overflow: hidden;
}
.pg_btn_wrap .filter_group .order_wrap .f_order {
    padding: 10px;
    font-size: 14px;
    color: var(--sub-black);
    border: 0;
    min-width: 115px;
}

.pg_btn_wrap .btn-wrap{
    display: flex;
    gap: 4px;
    position: absolute;
    top: 0;
    right: 0;
}
.pg_btn_wrap .pg_wrap .pg {
    margin-top: 0;
}
.pg_btn_wrap .btn-wrap button{
    padding: 10px 14px;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    /* color: var(--sub-main-color); */
    color: var(--sub-black);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background-color: #fff;
}

/**/
.list-table-content .table_wrap {
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    width: 100%;
    max-width: 100vw;
    /* cursor: grab; */
    /* user-select: none; */
    /* -webkit-overflow-scrolling: touch; */
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(168, 168, 168, 0.2);
}
.col-wd35 { width: 35px; }
.col-check { width: 60px; }
.col-wd70 { width: 70px; }
.col-wd90 { width: 90px; }
.col-wd100 { width: 100px; }
.col-wd110 { width: 110px; }
.col-wd120 { width: 120px; }
.col-wd140 { width: 140px; }
.col-address { min-width: 350px; }
.col-manage {width: 250px;}

.list-table-content .table_wrap:active {
    /*cursor: grabbing;  클릭 시 커서 변경 */
}

.list-table-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #2B2B2B;
    table-layout: fixed;
    min-width: 1150px;
}
.list-table-content table thead {
    background-color: var(--sub-bg-color);;
}
.list-table-content table th,
.list-table-content table td {
    border: 1px solid #C7C7C7;
    text-align: center;
}
.list-table-content table th {
    padding: 10px 0;
    word-break: keep-all;
    font-weight: 600;
}
/* .list-table-content table th.address_th {
    min-width: 400px;
} */
.list-table-content table tr {}
.list-table-content table tbody tr {}
.list-table-content table tbody tr.border_tr {
    border-bottom: 2px solid #CCC;
}
.list-table-content table tbody:last-of-type tr.border_tr {
    border-bottom-width: 0;
}

/*추가*/
.list-table-content table tr:first-child th {
  border-top: none;
}

.list-table-content table tr:last-child td {
  border-bottom: none;
}

.list-table-content table tr td:first-child,
.list-table-content table tr th:first-child {
  border-left: none;
  border-bottom: none;
}

.list-table-content table tr td:last-child,
.list-table-content table tr th:last-child {
  border-right: none;
  border-bottom: none;
}
.list-table-content table tbody tr.head_bg {
    background-color: var(--sub-bg-color);;
    font-weight: 600;
    height: 40px;
}
.list-table-content table td {
    /*min-height: 80px; */
    /* height: 80px; */
    padding: 4px 0;
    overflow-wrap: break-word;
    white-space: normal;
    /*word-break: keep-all; 추가함*/
    word-break: keep-all;
}
.list-table-content table td.h_40 {
    height: 40px;
}
.list-table-content table td.h_40.f_13{
    font-size: 12.5px;
    padding: 10px 0;
}
.list-table-content table td.no_date {
	height: 80px;
}

.list-table-content table td .memo_con {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 0 5px;
    cursor: pointer;
    font-size: 12.5px;

    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 40px;
    cursor: pointer;
}
.list-table-content table td .memo_con .memo_inner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12.5px;
    padding: 0 5px;
    box-sizing: border-box;
    width: 100%;
}

.list-table-content input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #CDCDCD;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}
/* 체크되었을 때 */
.list-table-content input[type="checkbox"]:checked {
    background-color: var(--sub-main-color);
    border-color: var(--sub-main-color);
}
/* 체크 아이콘 추가 */
.list-table-content input[type="checkbox"]:checked::after {
    content: "✔";
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.list-table-content table .array {
    cursor: pointer;
    transform: rotate(90deg);
    letter-spacing: -3px;
    font-size: 12px;
    font-weight: 500;
}
.list-table-content table .view_num {
    display: block;
    /* color: red; */
}
.list-table-content table .num {
    display: none;
}
.list-table-content table .time {
    display: block;
}
.list-table-content table .search_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--sub-main-color);
}
.list-table-content table td.address {
    color: var(--main-color);
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
.list-table-content table td.address a {
    display: inline-flex;
    align-items: center;
    color: var(--main-color);
    word-break: break-word;

    max-width: 100%;
}
/* .list-table-content table td.address a .ellipsis_ad {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    min-width: 0;
} */
.list-table-content table td.address a.link::before {
    content: "\e9fa";
    font-family: "xeicon";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: middle;
    border-radius: 50%;
    background: linear-gradient(to right, #0067FF, #0049B4);
    text-align: center;
    line-height: 18px;
    color: #fff;
    flex-shrink: 0;
}


.list-table-content table td.address .catalog_wrap {
    padding-top: 5px;
}
.list-table-content table td.address .catalog {
    background-color: #E5FFF1;
    color: #03C85A;
    font-weight: 500;
    padding: 0 8px;
    margin-right: 5px;
}
.list-table-content table td.address .catalog:empty {
    display: none;
}
.list-table-content table td.address .catalog.src {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.list-table-content table td.address .catalog_name {
    color: #666;
}

.list-table-content table .btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    /* height: 100%; */
    padding: 5px;
    flex-wrap: wrap;
}
.list-table-content table .left_btn .btn-group {
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
    flex-wrap: wrap;
}
.list-table-content table .left_btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    color: var(--sub-black);
    background-color: #fff;
    font-size: 12px;
    padding: 6px;
    border-radius: 5px;
    font-weight: 600;
    border: 1px solid #C7C7C7;
}
.list-table-content table .left_btn .save-btn {}
.list-table-content table .left_btn .save-btn.on {}
.list-table-content table .left_btn .save-btn svg {}
.list-table-content table .left_btn .save-btn.on svg {}

.list-table-content table .left_btn .btn-primary {
    flex-direction: row;
    background-color: var(--sub-main-color);
    color: #fff;
    border: none;
    width: 100%;
    justify-content: center;
    border: 0;
    word-break: keep-all;
}
.list-table-content table .right_btn {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.list-table-content table .right_btn button {
    /*padding: 25px 6px;*/
    padding: 13px 6px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--sub-bg-color);
    border: 1px solid var(--border-color);
}
.list-table-content table td.cons {}
.list-table-content table td .ranking_ul {
    height: 100%;
    min-height: 40px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* row-gap: 3px; */
}
.list-table-content table .ranking_ul li {
    /* border-right: 1px solid blue; */
    padding: 5px 8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #333;

    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #C7C7C7;
    box-sizing: border-box;
    /* height: 80px; */
    min-height: 40px;
}
.list-table-content table .ranking_ul li:nth-last-child(-n + 5) {
    border-bottom: none;
}
.list-table-content table .ranking_ul li .ranking_ul_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-table-content table .ranking_ul li .ranking_ul_list span {
    font-weight: 600;
}
.list-table-content table .ranking_ul li:nth-child(5n) {
    border-right: none;
}
ul.ranking_ul li:empty::before {
    content: "-";
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.list-table-content table .ranking_ul .no_data_li {
    /* display: block !important; */
    grid-column: 1 / -1; 
    text-align: center;
    font-size: 14px;
    border: none;
}

.list-table-content table .ranking_ul li .date {}
.list-table-content table .ranking_ul li .date .day {
    font-weight: 400;
}
.list-table-content table .ranking_ul li .date .day.sun {
    color: #FF1E1E;
}
.list-table-content table .ranking_ul li .date .day.sat {
    color: #1E43FF;
}
.list-table-content table .ranking_ul li .ranking {
    color: var(--sub-main-color);
    font-weight: 600;
}

.list-table-content table .ranking_ul.first_border li .ranking_ul_list:first-child {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 3px;
    margin-bottom: 3px;
    font-size: 14px !important;
}

/* .first_border가 있을 때 → 폰트 크기 13px */
.list-table-content table .ranking_ul.first_border li .ranking_ul_list {
  font-size: 12.5px;
}
/* .first_border가 없을 때 → 폰트 크기 14px */
.list-table-content table .ranking_ul:not(.first_border) li .ranking_ul_list {
  font-size: 14px;
}



.list-table-content table .m_count {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.list-table-content table .m_count li {
    display: flex;
    align-items: center;
}
.list-table-content table .m_count li:not(:last-child)::after {
    content: '|';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    color: #C7C7C7;
}
.list-table-content table .keyword {
    padding: 3px 12px 2px;
    word-break: keep-all;
    color: #666;
}


/** 기타 - 이미지 사이즈 변경 **/
.etc_bgbox {
    padding: 25px;
    background-color: var(--sub-bg-color);
    border-radius: 10px;
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 10px rgba(168,168,168,0.2);
}
.etc-container .sub_tit {
    font-size: 18px;
    color: #2B2B2B;
    font-weight: 500;
    padding-left: 10px;
    border-left: 3px solid var(--sub-main-color);
    line-height: 1;
    margin-bottom: 15px;
}

.sub_banner.resize {
    background: url(../main_img/sub_banner_bg_resize.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    background-position: calc(100% - 10%) center;
}
.etc-container {}
.etc-container .etc_bg_wrap {
    background: var(--sub-bg-color);
    padding: 25px 30px;
    border: 1px solid #DEDEDE ;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(168, 168, 168, 0.2);
    margin-bottom: 20px;
}
.etc-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
}
.etc-container .row {
    display: flex;
    align-items: center;
    gap: 15px;
}
.etc-container .row .row_item {
    display: flex;
    align-items: center;
    gap: 10px;
	flex-wrap: wrap;
}
.etc-container .row .row_item {}
.etc-container .btn_box {
    text-align: center;
}
.etc-container .btn_box button {
    padding: 12px 14px;
    background-color: #fff;
    border-color: var(--sub-main-color);
}

/* 글자수 세기 */
.sub_banner.txtcount {
    background: url(../main_img/sub_banner_bg_count.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    background-position: calc(100% - 10%) center;
}
.count_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.count_wrap .count_wrap_list {
    flex: 1 1 calc(33.333% - 20px);
    background: #F5F6FA;
    border-radius: 10px;
    padding: 25px;
}
.count_wrap .count_wrap_list .list_box {}
.count_wrap .count_wrap_list .list_box dt {}
.count_wrap .count_wrap_list .list_box dd {
    display: inline-block;
}
.count_wrap .count_wrap_list .list_box dd b {
    font-size: 24px;
    font-weight: 600;
    padding: 0 10px;
}
.count_wrap .count_wrap_list .list_box .unit {
    color: #9F9F9F;
}
.count_wrap .count_wrap_list .list_box .unit .num {}

.etc-container .etc_bgbox .inp_box {
    width: 100%;
}
.etc-container .etc_bgbox .inp_box textarea {
    width: 100%;
    resize: none;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 10px 14px;
    resize: none;
}

.etc-container .etc_bgbox .inp_box .count_tarea {
    height: 250px;
}

/** 기타 - 키워드 조합 **/
.sub_banner.keycombine {
    background: url(../main_img/sub_banner_bg_combine.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    background-position: calc(100% - 10%) center;
}
.etc-container .keyword_wrap {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}
.etc-container .keyword_wrap.top {
    margin-bottom: 20px;
}
.etc-container .keyword_wrap .keyword_list {
    flex: 1 1 calc(25% - 22px);
    min-width: 250px;
}
.etc-container .etc_bgbox .inp_box .mix_tarea {
    height: 250px;
}

.etc-container .keyword_wrap .sub_tit.sub_tit_check {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.etc-container .keyword_wrap .sub_tit.sub_tit_check > span{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 10px;
    border-radius: 5px;
    background: var(--sub-main-color);
	color: #fff;
}
/* 체크박스 */
.keyword_wrap .keyword_list_con .set_check_wrap .set_check_con input[type="checkbox"],
.etc-container .keyword_wrap .sub_tit.sub_tit_check > span input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid var(--border-color);
    /* border: 1px solid var(--sub-main-color); */
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    padding: 3px;
    display: flex;
    align-items: center;
    /* margin: 0 auto; */
}
/* 체크되었을 때 */
.keyword_wrap .keyword_list_con .set_check_wrap .set_check_con input[type="checkbox"]:checked,
.etc-container .keyword_wrap .sub_tit.sub_tit_check > span input[type="checkbox"]:checked {
    background-color: var(--sub-main-color);
}
.keyword_wrap .keyword_list_con .set_check_wrap .set_check_con input[type="checkbox"]:checked::after,
.etc-container .keyword_wrap .sub_tit.sub_tit_check > span input[type="checkbox"]:checked::after {
    content: "✔";
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.etc-container .keyword_wrap .keyword_list_con {
    flex: 1;
}
.keyword_wrap .keyword_list_con .set_check_wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 15px;
}
.keyword_wrap .keyword_list_con .set_check_wrap .set_check_con{
    display: flex;
    align-items: center;
    gap: 4px;
}

.keyword_wrap .result_con {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.etc-container .keyword_wrap .keyword_list_con.result_con .sub_tit {
    margin-bottom: 0;
}
.keyword_wrap .result_con .select_box {
    display: flex;
    gap: 10px;
    height: 40px;
}
.keyword_wrap .result_con .select_box select {
    flex: 1;
    border-color: var(--border-color);
    border-radius: 5px;
    font-size: 14px;
	padding-left: 14px;
}
.keyword_wrap .result_con .select_box .mix_btn {
    border: 1px solid var(--sub-main-color);
    background-color: #fff;
    color: var(--sub-main-color);
    padding: 0 14px;
    height: 100%;
}

.keyword_wrap .result_con .inp_box {
    flex: 1;
}
.keyword_wrap .result_con .inp_box .combine_result {
    height: 100%;
    min-height: 200px;
}

.keyword_wrap .result_con .btn_wrap {
    display: flex;
    gap: 5px;
}
.keyword_wrap .result_con .btn_wrap button {
    border: 1px solid var(--sub-main-color);
    background: var(--sub-main-color);
    padding: 5px 14px;
    color: #fff;
}
.keyword_wrap .result_con .btn_wrap .reset_btn {
    margin-left: auto;
}

/** 기타 - 계산기 **/
.sub_banner.margin {
    background: url(../main_img/sub_banner_bg_margin.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    background-position: calc(100% - 10%) center;
}
.sub_banner.sell_bn {
    background: url(../main_img/sub_banner_bg_sell.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    background-position: calc(100% - 10%) center;
}
.sub_banner.vat_bn {
    background: url(../main_img/sub_banner_bg_vat.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    background-position: calc(100% - 10%) center;
}

.calculator_wrap {}
.calculator_wrap .etc_bg_wrap_r {
    background: #F5F6FA;
    padding: 25px 30px;
    border: 1px solid #DEDEDE ;
    border-radius: 8px;
    margin-bottom: 20px;
}
.calculator_wrap form {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.calculator_wrap form > div {
    flex: 1;
}
.calculator_wrap form .form-group {
    margin-bottom: 30px;
}
.calculator_wrap form .form-group label {}
.calculator_wrap form .form-group .input-wrap {
    margin-top: 15px;
    width: 50%;
}
.calculator_wrap form .form-group .input-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
}
.calculator_wrap form .form-group .input-wrap input {
    padding: 10px 14px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    /* flex: 1; */
    width: 100%;
}
.calculator_wrap form .item_right .form-group .input-wrap {
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}
.calculator_wrap form .item_right .form-group .input-wrap .value {
    padding: 10px 14px;
}
.calculator_wrap form .btn_box button {
    color: var(--sub-main-color);
}

/** 기타 - 부가세 계산기 **/
.calculator_wrap.vat_wrap form {
    align-items: stretch;
}
.calculator_wrap.vat_wrap form .item_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.calculator_wrap.vat_wrap form .tit {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

/** MY - 그룹관리 **/
.sub_banner.mygroup {
	background: url(../main_img/sub_banner_bg_mygroup.png),
	linear-gradient(to bottom, #fff, #F6F9FF);
	background-repeat: no-repeat;
    background-position: right center;
}
.sub_banner.mygroup h3 {
	color: inherit;
}
.sub_banner.mygroup .check_list li {
	color: inherit;
	text-shadow: none;
}
.sub_banner.mygroup .check_list li i {
	color: var(--sub-main-color);
}

.keyword-container .form_wrap.group_from_wrap .form_btn_wrap {
    flex: unset;
    max-width: unset;
}
.keyword-container .form_wrap.group_from_wrap .form_btn_wrap button {
    padding: 5px 14px;
    background-color: #fff;
}
.list-table-content .table_wrap.group_table_wrap table .left_btn .btn-group {
    margin-bottom: 0;
}
.list-table-content .table_wrap.group_table_wrap table .right_btn {
    flex-direction: row;
}
.group-form .form_wrap.group_from_wrap select,
.group-form .form_wrap.group_from_wrap input {
    padding: 5px 14px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    font-size: 14px;
    color: #787878;
    flex: 1;
    height: 45px;
    min-width: 200px;
}
.group-form .form_wrap.group_from_wrap textarea {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 5px 14px;
    max-height: 45px;
    resize: none;
    flex: 2 1 0;
    min-width: 280px;
}
.group-filter .form_wrap.group_from_wrap select {
    padding: 5px 14px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    font-size: 14px;
    color: #787878;
    flex: 1;
    height: 45px;
    max-width: 320px;
}


.mygroup_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.mygroup_wrap .filter_group {flex: 1;}
.mygroup_wrap .filter_group .filter_wrap {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.mygroup_wrap .filter_group .filter_wrap form {
	display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.mygroup_wrap .filter_group .filter_wrap label {display: none;}
.mygroup_wrap .filter_group .filter_wrap select {
    height: 45px;
    /* padding: 10px 14px; */

    padding: 5px 14px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    font-size: 14px;
    color: #787878;
}
.mygroup_wrap .filter_group .filter_wrap .srch_input {
    height: 45px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px 14px;
    flex: 1;
    max-width: 320px;
}
.mygroup_wrap .filter_group .filter_wrap .search-btn {
    height: 45px;
    color: var(--sub-main-color);
    border-color: var(--sub-main-color);
    background-color: #fff;
    padding: 0 14px;
    font-size: 14px;
}

.memo_form .load_group {
    width: 100%;
    padding: 3px 5px;
    border: 1px solid var(--border-color);
    margin-bottom: 5px;
}
.list-table-content table td .memo_con.load_memo {
    cursor: default;
}
.table_wrap.group_table_wrap table .btn_wrap button {
    padding: 6px 8px;
    background-color: #fff;
}

/** 그룹관리 - 순서변경 모달 **/
.group_order_modal {}
.group_order_modal .order-list-wrap {
    min-height: 320px;
    max-height: 420px;
    overflow-y: auto;
}
.group_order_modal .order-list-wrap .list-item {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color);
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 14px;
    margin-bottom: 7px;
    cursor: move;
}
.group_order_modal .order-list-wrap .list-item .num {
    font-weight: 700;
    color: var(--sub-main-color);
    margin-right: 6px;
}
.group_order_modal .order-list-wrap .list-item .list-item-tit {}
.group_order_modal .order-list-wrap .list-item .list-item-tit .item-group {}
.group_order_modal .order-list-wrap .list-item .btn_wrap {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
}
.group_order_modal .order-list-wrap .list-item .btn_wrap .order_btn {
    padding: 0 5px;
    cursor: pointer;
    transition: color ease-in 0.3s;
}
.group_order_modal .order-list-wrap .list-item .btn_wrap .order_btn i {
    font-weight: 600;
}
.group_order_modal .order-list-wrap .list-item .btn_wrap .order_btn:hover {
    color: var(--main-color);
}

.group_order_modal .container > .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.group_order_modal .container > .btn_wrap button {
    padding: 8px 14px;
    border: 1px solid var(--sub-main-color);
}
.group_order_modal .container > .btn_wrap .reset_btn {
    color: var(--sub-main-color);
    background-color: #fff;
}
.group_order_modal .container > .btn_wrap .save_btn {
    color: #fff;
    background-color: var(--sub-main-color);
}

/** 기타 - 금칙어 **/
.sub_banner.forbidden {
    background: url(../main_img/sub_banner_bg_forbidden.png), linear-gradient(to bottom, #fff, #F6F9FF);
    background-repeat: no-repeat;
    background-position: calc(100% - 10%) center;
}
.forbidden_wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.forbidden_wrap .write_wrap {
    flex: 1;
    display: flex;
}
.forbidden_wrap .write_wrap .etc_bgbox {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.forbidden_wrap .write_wrap .etc_bgbox .inp_box {
    flex: 1;
}
.forbidden_wrap .write_wrap .etc_bgbox .inp_box .tarea_box {
    min-height: 250px;
    height: 100%;
}

.forbidden_wrap .list_wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    flex: 1;
}
.forbidden_wrap .list_wrap .list_wrap_item {
    flex: 1;
    background: #F5F6FA;
    border-radius: 10px;
    padding: 25px;
}
.forbidden_wrap .list_wrap .list_wrap_item .badtext_box {
    word-break: keep-all;
}
.forbidden_wrap .list_wrap .list_wrap_item .badtext_box .basic_txt {
    color: #9F9F9F;
}
.forbidden_wrap .list_wrap .list_wrap_item .badtext_box .danger {
    color: #2B2B2B;
    font-weight: 600;
    padding-right: 8px;
}
.forbidden_wrap .list_wrap .list_wrap_item .badtext_box:has(.danger) .basic_txt {
    display: none;
}
.forbidden_wrap .forbidden_btn_wrap {
    width: 100%;
}
.forbidden_wrap .forbidden_btn_wrap button {
    color: var(--sub-main-color);
    border-color: var(--sub-main-color);
    padding: 12px 14px;
    background-color: #fff;
}

/** 이용권안내 **/
.sub_banner.wh_bg {
    background: none;
    min-height: unset;
    padding: 40px 0 0;
}
.sub_banner.wh_bg h3, 
.sub_banner.wh_bg .check_list li{
    color: #2B2B2B;
    text-shadow: none;
}
.ticket-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
	align-items: stretch;
}
.ticket-container .ticket_item {
    width: 390px;
    flex: 0 0 auto;
	display: flex;
    flex-direction: column;
}
.ticket-container .ticket_item .membership_box {
    padding: 25px;
    box-shadow: 1px 2px 10px rgba(0,0,0,0.15);
    border-radius: 10px;
    position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.ticket-container .ticket_item .membership_box .discount {
    position: absolute;
    top: 0;
    right: 10px;
    width: 95px;
    height: 80px;
    background-image: url(../main_img/discount_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    color: #fff;
    font-family: "GmarketSans";
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
    padding-top: 8px;
}
.ticket-container .ticket_item .discount .sale_per {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 7px;
    padding: 0 5px 5px;
}
.ticket-container .ticket_item .discount .txt {
    font-size: 14px;
}
.ticket-container .ticket_item .tit {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 14px;
}
.ticket-container .ticket_item .tit h3 {
    font-size: 26px;
    font-weight: 700;
}
.ticket-container .ticket_item .tit .tit_day {
    font-size: 18px;
    font-weight: 600;
    color: var(--sub-black);
    padding-bottom: 14px;
}
.ticket-container .ticket_item .list {}
.ticket-container .ticket_item .list li {
    color: var(--sub-black);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ticket-container .ticket_item .list li:last-child {
    margin-bottom: 0;
}
.ticket-container .ticket_item .list li i {
    color: var(--main-color);
}
.ticket-container .ticket_item .price_method_wrap {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 15px 0;
    margin: 24px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.ticket-container .ticket_item .price_method_wrap > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ticket-container .ticket_item .price_method_wrap input[type="radio"] {
  display: none;
}
.ticket-container .ticket_item .price_method_wrap label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-weight: 500;
  line-height: 1;
}

/* 아이콘을 체크박스처럼 꾸밈 */
.ticket-container .ticket_item .price_method_wrap label i {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    color: transparent;
    background-color: #fff;
    transition: all 0.2s;
}

/* 선택되었을 때만 아이콘 보임 */
.price_method_wrap input[type="radio"]:checked + label i {
  background-color: var(--sub-main-color);
  border-color: var(--sub-main-color);
  color: #fff;
}


.ticket-container .ticket_item .price_wrap {}
.ticket-container .ticket_item .price_wrap .original_price {
    color: #9F9F9F;
    font-size: 18px;
    margin-bottom: 6px;
    text-decoration: line-through;
    text-align: right;
}
.ticket-container .ticket_item .price_wrap .sale_price_box {}
.ticket-container .ticket_item .price_wrap .price_box {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    font-size: 24px;
    font-weight: 700;
}
.ticket-container .ticket_item .price_wrap .price_box .sale_per {
    color: #F26A55;
}
.ticket-container .ticket_item .price_wrap .price_box .sale_price {}

.ticket-container .ticket_item .btn_wrap {
    display: flex;
    /* margin-top: 14px; */
    margin-top: auto;
}
.ticket-container .ticket_item .btn_wrap .buy_btn {
    flex: 1;
    background-color: #E9F1FF;
    color: var(--sub-main-color);
    border-color: transparent;
    padding: 12px 0;
    font-size: 20px;
    font-weight: 600;
}

.ticket-container .ticket_item .membership_box.active {
  box-shadow: 1px 2px 10px rgba(13,71,161,0.7);
}
.ticket-container .ticket_item .btn_wrap .buy_btn.active {
  background-color: var(--sub-main-color);
  color: #fff;
}

/** 고객센터 **/
.board_wrap {
    padding-top: 20px;
}
.board_wrap .cs_con_tab {}
.board_wrap .cs_con_tab ul {
    display: inline-flex;
    border: 1px solid #C7C7C7;
}
.board_wrap .cs_con_tab ul li {
    width: 100px;
    border-right: 1px solid #C7C7C7;
    text-align: center;
}
.board_wrap .cs_con_tab ul li:last-child {
    border-right: none;
}
.board_wrap .cs_con_tab ul li a {
    display: block;
    width: 100%;
    padding: 10px 0;
}
.board_wrap .cs_con_tab ul li.chk_on a{
    background-color: var(--sub-main-color);
    color: #fff;
}


/*기존 리셋*/
#bo_btn_top {
    margin: 0;
}
.bo_sch_wrap {
    display: block !important;
    width: unset;
    height: unset;
    position: unset;
	z-index: 1;
}
.bo_sch {
    position: unset;
    width: unset;
    max-height: unset;
    margin-left: unset;
    margin-top: unset;
    overflow-y: unset;
    box-shadow: none;
    border: 0;
    background: none;
    border-radius: 0;
}
.bo_sch form {
    padding: 0;
}
#bo_btn_top:after,
#bo_list:after,
.bo_sch:after,
.bo_fx:after {
  all: unset;
}
.bo_sch select {
    width: unset;
    height: unset;
    box-shadow: none;
}
.bo_sch .sch_bar,
.bo_sch .sch_input,
.bo_sch .sch_btn {
    all: unset;
}
#bo_list tbody tr,
#bo_list tbody tr:hover {
    border-left: 0;
} 
.bo_fx {
    float: unset;
    margin-bottom: 0;
    margin-top: 20px;
}

/** 목록 새로 **/
#bo_v_con {
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-color);
}
.bo_v_nb {
    margin: 0;
}
#bo_v_top {
    margin-top: 20px;
}
#bo_btn_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
}
#bo_btn_top .tit_txt {
    font-size: 18px;
}
.bo_sch_wrap {}
.bo_sch select {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 10px 14px;
}
.bo_sch form {
    display: flex;
    gap: 8px;
}
.bo_sch .sch_bar {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    overflow: hidden;
}
.bo_sch .sch_input {
    padding: 10px 14px;
	width: calc(100% - 75px);
}
.bo_sch select:focus {
    border: 1px solid var(--border-color) !important;
}
.bo_sch .sch_input:focus {
    outline: none;
    border: none !important;
}
.bo_sch .sch_btn {
    padding: 10px 14px;
    cursor: pointer;
}
.tbl_wrap {
	overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
	width: 100%;
    max-width: 100vw;
}
.tbl_wrap table {
    border-top: 2px solid #000;
    border-bottom: 1px solid var(--border-color);
    table-layout: fixed;
	min-width: 580px;
}
.tbl_wrap table .col-wd130 {width: 130px;}
.tbl_wrap table .col-wd100 {width: 100px;}

.tbl_head01 thead th {
    padding: 0;
    height: 60px;
    border-bottom: 1px solid #C7C7C7;
    border-left: 1px solid var(--border-color);
}

.tbl_head01 td {
    color: inherit;
    padding: unset;
    border-top: 0;
    border-bottom: 1px solid var(--border-color);
    line-height: unset;
}
.tbl_head01 tbody td {
    border-left: 1px solid var(--border-color);
}

#bo_list .td_name {
    text-align: center;
}
.tbl_head01 thead th:first-child,
.tbl_head01 tbody td:first-child {
    border-left: 0;
}
.bo_tit {
    font-weight: 500;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
}
.bo_tit a {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
}
.subject_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  display: block;
}
#bo_list .bo_tit .new_icon,
#bo_list .bo_tit .hot_icon {
    width: unset;
    line-height: 1;
    padding: 3px 5px;
    margin-left: 0;
}

/** 내용 리셋 **/
#bo_v {
    border-top: 2px solid;
    margin-bottom: 0;
}
#bo_v header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    padding: 0 18px;
	flex-wrap: wrap;
}
#bo_v header #bo_v_title .bo_v_tit {
    font-size: 18px;
    margin: 0;
}
#bo_v header .profile_info .profile_info_ct {
    display: flex;
	column-gap: 36px;
}
#bo_v header .profile_info .profile_info_ct > div {
    display: flex;
    align-items: center;
    gap: 10px;
}
#bo_v header .profile_info .profile_info_ct > div b {
    font-weight: 700;
}
#bo_v_info {
    border-color: var(--border-color);
}
.more_opt:before,
.more_opt:after,
#bo_v_top:after {display: none;}

.btn_bo_user {
    margin: 0;
    float: unset; 

    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.btn_bo_user > li {
    position: unset;
    float: unset;
    margin-left: unset;
    width: unset;
}
a.btn_b01, .btn_b01 {
    line-height: unset;
    height: unset;
    padding: unset;
    font-weight: 400;
    font-size: 1rem;
    color: inherit;
    vertical-align: unset;
}
.btn_bo_user > li > a {
    padding: 10px 14px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
}
.btn_bo_user > li > a.color_btn {
    background-color: var(--sub-main-color);
    border-color: var(--sub-main-color);
    color: #fff;
}

.bo_v_nb li,
.bo_v_nb li:last-child {
    border-color: var(--border-color);
}
.bo_v_nb li {
    display: flex;
    align-items: center;
}
.bo_v_nb li > a {
    flex: 1;
}
.bo_v_nb li .nb_tit {
    color: inherit;
    padding: 0 18px;
    font-weight: 700;
}

/* 글쓰기 */
#bo_w .bo_w_info:after,
#bo_w .write_div:after {display: none;}
#bo_w .write_div {margin: 0;} 
.write_form .cke_sc {display: none;}
.btn_confirm {}

.write_form {
    border-top: 2px solid;
}
.write_flex {
    display: flex;
    gap: 36px;
    padding: 8px 18px;
    border-bottom: 1px solid #C7C7C7;
}
.write_flex.sub_bg {
    background-color: var(--sub-bg-color);
    align-items: center;
}
.write_flex .tit {
    padding: 0 18px;
    font-weight: 700;
}
.write_flex .tit span {
    color: var(--sub-main-color)
}
.write_flex > .write_div {
    flex: 1;
}
.btn_confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px !important;
}
#bo_w .btn_cancel {
    border-radius: 6px;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 26px;
    background: #fff;
    border: 1px solid #C7C7C7;
    color: var(--sub-black);
    height: 44px;
    line-height: 44px;
    display: inline-block;
}
#bo_w .btn_submit {
    border-radius: 6px;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 26px;
    background: #fff;
    border: 1px solid var(--sub-main-color);
    color: var(--sub-main-color);
    height: 44px;
    line-height: 44px;
	transition: all ease-in 0.3s
}
#bo_w .btn_submit:hover {
	background: var(--sub-main-color);
	color: #fff;
}
#bo_w .write_div.option_div {flex: unset;}
#bo_w .bo_v_option li {
    float: unset;
    margin: 0;
}
#bo_w .bo_v_option li label {
    display: flex;
    align-items: center;
    padding-left: 0;
}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {
    position: unset;
}

.state_box {
    width: max-content;
    margin: 0 auto;
    padding: 10px 14px;
    border: 1px solid var(--sub-main-color);
    color: var(--sub-main-color);
    border-radius: 5px;
}
.state_box.state_yet_box {}
.state_box.state_ok_box {
    background-color: var(--sub-main-color);
    color: #fff;
}

/** 매거진 **/
.board_wrap .magazine {
    display: inline-block;
    padding: 12px 14px;
    background-color: var(--sub-main-color);
    color: #fff;
}
#faq_sch {
    padding: 0;
    text-align: left;
    margin: 0;
    background: #fff;
}
#faq_sch .frm_input,
#faq_sch .btn_submit {
    all: unset;
}
#faq_wrap li h3,
#faq_wrap li h3 .tit_bg,
#faq_con .con_inner .tit_bg {
    all: unset;
}

#faq_sch .frm_input,
#faq_sch .btn_submit {
    padding: 10px 14px;
}
#faq_sch .frm_input:focus {
    outline: none;
    border: none !important;
}
#faq_wrap li h3 {
    padding: 30px 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}
#faq_wrap ol {
    border-top: 2px solid;
}
#faq_wrap li {
    border-bottom: 1px solid var(--border-color);
}
#faq_wrap li h3 .tit_bg {
    font-weight: 700;
    color: var(--sub-main-color);
}
#faq_wrap li h3 .tit_btn,
#faq_con .con_inner .closer_btn {
    top: 30px;
    right: 12px;
    color: #A3A9B3;
}
#faq_wrap li h3.faq_li_open a {
    color: inherit;
}
#faq_con .con_inner {
    padding: 30px 12px;
    background-color: #F5F6FA;
    border-top: 1px solid var(--border-color);
}
/* #faq_con .con_inner::before {
    content: 'A';
} */
 #faq_con .con_inner .tit_bg {
    font-weight: 700;
    color: var(--main-color);
 }
#faq_con .con_inner .con_inner_flex {
    display: flex;
    gap: 12px;
}
a.btn_admin, .btn_admin {
    all: unset;
    padding: 10px 14px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background-color: var(--sub-main-color);
    border-color: var(--sub-main-color);
    color: #fff;
    cursor: pointer;
}
.btn_admin:hover, a.btn_admin:hover {
    color: #fff;
}

/*댓글*/

#bo_vc {
	padding: 30px;
    background: var(--sub-bg-color);
}
#bo_vc article .cm_wrap {
	float: unset;
    max-width: unset;
    width: 100%;
}
.cmt_contents .qna_a_box {
	margin-bottom: 20px;
    font-weight: 600;
}
.cmt_contents .qna_a_box img {
	vertical-align: baseline;
    margin-right: 8px;
}
.cmt_contents .qna_a_box span {
	margin-left: 5px;
    font-weight: 400;
    font-size: 14px;
}
.bo_vl_opt .btn_cm_opt {
    line-height: 1;
    height: 35px;
    padding: 10px 20px;
    color: var(--sub-main-color);
}
.comment_box {
	border-bottom: 1px solid var(--border-color);
    padding: 20px 30px;
    background: var(--sub-bg-color);
	margin: 0;
}
.comment_box textarea {resize: none;}
.btn_confirm.right_box {
	margin-top: 0 !important;
    justify-content: flex-end;
}
.btn_confirm.right_box .secret_cm label {
	display: flex;
    align-items: center;
    line-height: 1;
}
.btn_confirm.right_box .color_btn {
    all: unset;
    padding: 10px 14px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background-color: var(--sub-main-color);
    border-color: var(--sub-main-color);
    color: #fff;
	cursor: pointer;
}
.chk_box input[type="checkbox"] + label:hover {
	color: inherit;
}
/** 소셜 회원가입 **/
.social_register {
	padding-bottom: 120px;
}
#fregisterform .form_01 div {margin: 0;}
.social_register .sub_tit {padding-top: 60px;}
#fregisterform section {
	margin: 10px auto 15px;
    border: 0;
    border-radius: 0;
	border-top: 2px solid;
	margin: 0;
	margin-top: 30px;
}
#fregisterform h2 {
	padding: 22px 18px;
	border-bottom: 1px solid var(--border-color);
	font-size: 1rem;
}
#fregisterform textarea {
	height: 176px;
	resize: none;
}
#fregisterform textarea:focus {
	border: 0 !important;
}
.fregister_agree {
	position: unset;
    display: flex;
    align-items: center;
    padding: 22px 18px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.selec_chk {position: unset;}
.fregister_agree input[type="checkbox"] + label {
	color: inherit;
    display: flex;
    align-items: center;
	gap: 6px;
}
.fregister_agree input[type="checkbox"] + label span {
	position: unset;
}

.fregister_agree input[type="checkbox"]:checked + label span {
    background-color: var(--sub-main-color);
    border-color: var(--sub-main-color);
}

#fregister_private div {padding: 0;}
#fregister_chkall {
	justify-content: center;
    line-height: unset;
    background: var(--sub-bg-color);
    border: 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    margin: 30px 0 120px;
}
.register_form_inner {
	background: #fff;
	border: 0;
}
.register_form_inner ul {
	padding: 0;
	margin: 30px 0;
	border-top: 2px solid;
}
.register_form_inner ul li {
	margin-bottom: 0;
	display: flex;
    align-items: center;
    gap: 8px;
	padding: 8px 0;
    border-bottom: 1px solid #C7C7C7;
}
.register_form_inner ul  li label {
    margin-bottom: 0;
    line-height: unset;
	flex-basis: 120px;
    text-align: center;
}
.register_form_inner ul  li label .tit {}
.register_form_inner ul  li label .tit span {
	color: var(--sub-main-color);
}
.register_form_inner ul  li .frm_input {
	flex: 1;
}
#fregisterform .btn_confirm.btn_wrap {
	margin: 0 !important;
}
.social_register .btn_confirm .btn_submit,
.social_register .btn_confirm .btn_close {
	float: none;
    width: unset;
    font-weight: 400;
    height: unset !important;
    font-size: 1rem;
    line-height: unset;
	padding: 9px 26px;
	box-sizing: border-box;
}
#fregisterform .btn_confirm.btn_wrap .btn_close {
	border: 1px solid #C7C7C7;
}
#fregisterform .btn_confirm.btn_wrap .btn_submit {
	padding: 11px 26px;
    font-weight: 400;
    font-size: 1rem;
    margin-left: 0;
    background: #fff;
    color: var(--sub-main-color);
    border: 1px solid var(--sub-main-color);
    box-sizing: border-box;
}

/** 가입완료 **/
#reg_result {
	padding: 60px 0 0;
    background: #fff;
    border: 0;
    border-radius: 0;
}
#reg_result .reg_result_p {}
#reg_result .reg_result_p .icon i {
	font-size: 8rem;
	color: var(--sub-main-color);
}
#reg_result .reg_result_p .txt {
	color: initial;
	padding: 30px 0 80px;
}
#reg_result .result_email_txt {
	margin: 20px 0;
}
#reg_result #result_email > div {
	display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
	flex-wrap: wrap;
}
#reg_result #result_email span {
	width: unset;
}
#reg_result .result_wrap {
	padding: 22px 0;
	background-color: var(--sub-bg-color);
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}
#reg_result .result_txt {
	text-align: center;
	word-break: keep-all;
}
.btn_confirm_reg {
	margin: 0;
    padding: 80px 0;
}
.reg_btn_submit {
	background: var(--sub-main-color);
    width: unset;
    height: unset;
    line-height: unset;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 6px;
    padding: 10px 26px;
}