/*************************************/
/**************    SUB-2   ************/
/*************************************/

/*element*/
body,
h1,
h2,
h3,
h4,
h5,
div,
li,
dt,
dd,
a,
p,
select {
    letter-spacing: -0.005em;
}

.full-width {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
}

.text-hide {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

.grey-999 {
    color: #999 !important;
}

.text-blue {
    color: #006DB9 !important;
}

ul,
dl {
    margin: 0;
}

ul.list-dots>li {
    position: relative;
    padding-left: 10px;
}

ul.list-dots li+li {
    margin-top: 5px;
}

ul.list-dots>li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: 3px;
    vertical-align: 1px;
    border-radius: 50%;
    background: var(--gray-66);
}

ul.list-dots2>li {
    position: relative;
    padding-left: 10px;
}

ul.list-dots2 li+li {
    margin-top: 5px;
}

ul.list-dots2>li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    vertical-align: 1px;
    border-radius: 50%;
    background: #ddd;
}

ul.list-hyp>li {
    position: relative;
    padding-left: 10px;
}

ul.list-hyp li+li {
    margin-top: 5px;
}

ul.list-hyp>li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}

ol.ol-normal {
    list-style: none;
}

ol.ol-normal>li+li {
    margin-top: 10px;
}

ol.ol-num {
    margin-left: 3px;
}

ol.ol-num>li {
    list-style: decimal;
}

ol.ol-normal>li+li {
    margin-top: 10px;
}

li.ol-num-flex {
    display: flex;
    flex-wrap: wrap;
}

li.ol-num-flex p.num,
li.ol-num-flex .right p {
    color: #000;
}

li.ol-num-flex .right {
    display: inline-block;
    width: 90%;
}

.grey99 {
    color: var(--gray-99);
}

.grey66 {
    color: #666 !important;
}

.orange {
    color: var(--pc-orange) !important;
}

@media (max-width: 1179px) {
    .pcview {
        display: none;
    }
}

/*form*/
.tblWrap {
    display: block;
}

.tbl_caption {
    margin-top: 20px;
    text-align: left;
}

.tbl_caption p {
    font-size: var(--font-body-2);
    line-height: var(--line-height-b1);
    color: var(--gray-66);
}

.tbl_caption p>span {
    color: var(--gray-99);
}

.tbl_caption ul li {
    line-height: var(--line-height-b1);
}

.tbl_caption ul li+li {
    margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .tbl th {
        font-size: 3vw;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .tbl th {
        font-size: 4vw;
    }
}

.form-group {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: left;
}

/*common*/
.txt1 {
    font-size: var(--font-body-1);
    color: var(--gray-66);
    line-height: 1.5;
    padding: 20px 0;
    text-align: left;
}

/*STORE*/
/*매장찾기*/
.map_container {
    position: relative;
    width: 100%;
    height: 560px;
}

.map_container .search_map {
    width: 100%;
    max-width: 100%;
    height: 560px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.root_daum_roughmap .wrap_controllers {
    display: none !important;
}

.map_container .search_map .root_daum_roughmap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map_container .search_map img {
    height: 100%;
    width: auto;
}

.map_container .map_search {
    display: block;
    padding: 20px 20px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 8px 16px rgb(0 0 0 / 10%);
    box-shadow: 0 8px 16px rgb(0 0 0 / 10%);
    font-size: 0;
    white-space: nowrap;
    z-index: 99;
}

.map_container .map_search .form-sido-gugun {
    display: inline-block;
}

.map_container .map_search select {
    width: 160px;
    color: var(--gray-99);
    background-position: calc(100% - 18px) center;
}

.map_container .map_search input {
    width: 240px;
}

.map_container .map_search button {
    width: 160px;
    vertical-align: top;
}

.map_container .map_search .form-sido-gugun+select,
.map_container .map_search select+input,
.map_container .map_search select+select {
    margin-left: 5px;
}

.search_list {
    margin: 60px auto 80px;
    text-align: left;
}

.search_list .search_total {
    font-size: 18px;
    color: var(--gray-66);
    margin-bottom: 20px;
}

.search_items {
    width: 100%;
    border-top: 2px solid var(--gray-00);
}

.store-item-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    font-size: var(--font-body-2);
    line-height: var(--line-height-b3);
    font-weight: 400;
    border-bottom: 1px solid var(--gray-line);
    padding: 30px 20px;
}

.search_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 6px 10px;
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
}

.search_item-title {
    flex: 0 0 19%;
    min-width: 19%;
    max-width: 19%;
    color: var(--gray-00);
    font-weight: 600;
    font-size: var(--font-body-2);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_item p {
    line-height: 1.2;
}

.search_item-address {
    flex: 0 0 55%;
    min-width: 55%;
    max-width: 55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_item-brand {
    flex: 0 0 12%;
    min-width: 12%;
    max-width: 12%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_item-phone {
    text-align: right;
    flex: 0 0 12%;
    min-width: 12%;
    max-width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_item-store {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    /* 고정 */
    padding: 4px 10px;
    white-space: nowrap;
    border-radius: 4px;
    background: #006db9;
    color: #fff;
}

.search_item-store[style*="hidden"] {
    pointer-events: none;
}

.search_item-store:hover{
	background: #006db9;
	color: #fff;
}


/*250731*/
.search_total_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.search_total_wrap .search_total {
    margin-bottom: 0;
}

.search_total_wrap .form-group.ck_coupon {
    display: inline-block;
    width: auto;
    padding: 0;
}

.search_total_wrap .form-group.ck_coupon input[type="checkbox"]+label {
    margin-right: 0;
    color: #000;
}

.search_item-address span {
    display: inline-block;
    width: 62px;
    height: 24px;
    background: url(../images/stores/cp.png) 0 no-repeat;
    background-size: 62px 24px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    margin-right: 10px;
}

/*mobile + tablet*/
@media only screen and (max-width: 1179px) {
    .map_container .map_search {
        width: calc(100vw - 40px);
        padding: 12px 12px;
        border-radius: 5px;
        white-space: normal;
    }

    .map_container .map_search input,
    .map_container .map_search select {
        width: 100%;
        margin-bottom: 5px;
        border-radius: 0.25rem;
    }

    .map_container .map_search .form-sido-gugun {
        display: block;
    }

    .map_container .map_search .form-sido-gugun select {
        width: calc(50% - 2.5px);
        float: left;
    }

    .map_container .map_search .form-sido-gugun select:last-child {
        margin-left: 5px;
    }

    .map_container .form-sido-gugun:after {
        display: block;
        clear: both;
        content: "";
    }

    .map_container .map_search .form-sido-gugun+select,
    .map_container .map_search select+input,
    .map_container .map_search select+select {
        margin-left: 0;
    }

    .map_container .map_search button {
        width: 100%;
        margin-top: 5px;
    }

    .root_daum_roughmap .wrap_btn_zoom {
        display: none !important;
    }

    .search_list {
        margin: 40px auto 40px;
    }

    .search_list .search_total {
        font-size: 16px;
    }

    .search_items {
        border-top: 4px solid var(--gray-00);
    }

    .store-item-wrap {
        display: block;
    }

    .search_item {
        padding: 0;
        font-size: 14px;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .search_item-title {
        order: 1;
        flex: 0 0 100%;
        ;
        text-align: left;
        font-size: 16px;
        display: block;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .search_item-address {
        order: 2;
        flex: 0 0 100%;
        ;
        word-break: keep-all;
        line-height: 1.3;
        padding-right: 20px;
        display: block;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        word-break: keep-all;
        line-height: 1.2;
        margin-top: 10px;
    }

    .search_item-brand {
        flex: 0 0 calc(20% - 5px);
        order: 3;
        min-width: 20%;
        max-width: 20%;
        text-align: left;
        margin-top: 10px;
    }

    .search_item-phone {
        flex: 0 0 calc(80% - 5px);
        order: 4;
        text-align: left;
        min-width: 80%;
        max-width: 80%;
        margin-top: 10px;
    }

    .search_item-phone:before {
        content: "";
        display: inline-block;
        width: 2px;
        height: 15px;
        background: #d1d1d1;
        vertical-align: top;
        margin-right: 10px;
        position: relative;
        top: 2px
    }

    .search_item-store {
        display: inline-block;
        text-align: left;
        width: auto;
        padding: 0;
        color: #006db9;
        background: none;
        line-height: 1.2;
        font-size: 14px;
    }

    .search_item-store::after {
        content: '';        
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-left: 0;
        background: url(../images/stores/ico-chevron-down.png) center no-repeat;
        background-size: 16px 16px;
    }

    .search_list_more {
        padding: 0 30px;
    }
}


/*mobile*/
@media (min-width: 279px) and (max-width: 767px) {
    .search_total_wrap {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .search_total_wrap .search_total {
        display: block;
        margin-bottom: 0;
    }

    .search_total_wrap .form-group.ck_coupon {
        display: block;
        width: 100%;
        padding: 14px 0;
        text-align: center;
        border: 1px solid #dfdfdf;
        border-radius: 2px;
        margin-top: 20px;
    }

    .search_item-address span {
        width: 50px;
        height: 19px;
        background-size: 50px 19px;
        font-size: 11px;
        line-height: 19px;
        margin-right: 5px;
    }
}

/*매장개설안내*/
.area_visual {
    display: block;
    overflow: hidden;
}

.area_visual.rounded-point {
    border-top-right-radius: 60px;
}

.area_visual figure {
    margin: 0;
}

.area_visual figure.bg_img {
    background: 50% no-repeat;
    background-size: cover;
    height: 500px;
}

.area_visual figure.bg_img.joinus {
    background-image: url(../images/stores/img_franchise_joinus.png);
}

.area_visual figure.bg_img.compagna {
    background-image: url(../images/stores/img_franchise_com.png);
}

.area_visual figure.bg_img.trugen {
    background-image: url(../images/stores/img_franchise_tru.png);
}

.area_visual .text {
    padding: 60px 0;
    margin: -60px auto 0;
    background: #fff;
}

.area_visual .text.bg-blue {
    background: var(--bgc-blue);
    margin: 0;
    padding: 40px 0;
}

.area_visual .text h4 {
    font-size: var(--h4);
    font-weight: 400;
    line-height: var(--line-height-b1);
    color: var(--gray-00);
}

.area_visual .text h6 {
    font-size: var(--h6);
    font-weight: 400;
    line-height: var(--line-height-b1);
    color: var(--gray-00);
}

.area_visual .text h4>strong {
    font-weight: 600;
}

.area_visual .text h6+p.txt1 {
    text-align: center;
    margin-top: 20px;
}

.area_visual .text.bg-blue p.txt1 {
    padding: 0;
    letter-spacing: 0;
}

.area_cont .tbl th {
    text-align: center;
}

.area_cont .tbl td {
    padding: 30px 40px;
}

ul.contact {
    margin: 0;
}

ul.contact>li+li {
    margin-top: 30px;
}

ul.contact>li>p {
    font-size: var(--font-body-1);
    font-weight: 400;
    color: var(--gray-00);
}

ul.contact>li>p+ul {
    margin-top: 10px;
}

ul.contact>li>p+ul>li {
    font-size: var(--font-body-2);
    color: var(--gray-66);
    letter-spacing: 0;
}

ul.contact>li>p+ul>li+li {
    margin-top: 5px;
}

ul.contact a {
    font-size: var(--font-body-2);
    color: var(--gray-66);
}

.voc_wrap .area_visual {
    margin-bottom: 60px;
}

.voc_wrap .area_visual .text {
    border-radius: 4px;
    padding: 40px 16px;
}

.voc_wrap .area_visual+.tblWrap {
    margin-top: 60px;
}

.voc_wrap textarea.w100p {
    resize: none;
    min-height: 200px;
}

.voc_wrap .text-count {
    text-align: right;
    margin-top: 10px;
}

.voc_wrap .text-count span {
    font-size: 14px;
}

.voc_wrap .text-count span+span:before {
    content: "/";
    margin: 0 1px;
}

@media only screen and (max-width: 1179px) {
    .area_visual figure.bg_img {
        height: 280px;
    }

    .area_visual .text {
        width: calc(100% - 40px);
        padding: 40px 0;
        margin: -35px auto 0;
    }

    .area_visual .text h4 {
        font-size: 21px;
    }

    .area_cont:before {
        display: inline-block;
        content: "";
        width: 1px;
        height: 23px;
        background: rgba(0, 0, 0, 0.2);
        margin: -10px auto 30px;
        text-align: center;
    }

    .area_cont .tbl th {
        text-align: center;
        padding: 20px 15px;
        width: 14%;
        font-size: 16px;
    }

    .area_cont .tbl td {
        padding: 20px 15px;
        font-size: 16px;
    }

    ul.contact>li>p {
        font-size: 16px;
    }

    ul.contact>li>p+ul>li {
        font-size: 16px;
    }

    ul.contact a {
        font-size: 16px;
    }

    .voc_wrap .area_visual {
        margin-bottom: 30px;
    }

    .voc_wrap .area_visual .text {
        width: 100%;
        padding: 24px 16px;
    }

    .voc_wrap .area_visual h6 {
        font-size: 18px;
    }

    .voc_wrap .area_visual .text h6+p.txt1 {
        margin-top: 10px;
    }

    .voc_wrap .area_visual+.tblWrap {
        margin-top: 30px;
    }
}

/*investment*/
/*투자정보*/
.like-tab_area .tab_btn>ul li {
    width: 25%;
}

.like-tab_area .tab_btn.t2 ul li {
    width: 50%;
}

.like-tab_area .tab_con {
    display: block;
}

.tbl td.b-r,
.tbl th.b-r {
    border-right: 1px solid var(--gray-line);
}

.tbl_tit p.tbl_tit_r {
    letter-spacing: 0;
}

.tbl.financeTbl thead th {
    padding: 30px 40px;
}

.tbl.financeTbl th {
    text-align: center;
    padding: 20px 40px;
}

.tbl.financeTbl td {
    text-align: center;
    padding: 20px 40px;
}

.tbl.financeTbl tr.sum th.bg-blue,
.tbl.financeTbl tr.sum td.bg-blue,
.tbl.financeTbl th.bg-blue,
.tbl.financeTbl td.bg-blue {
    background: var(--bgc-blue);
}

.tbl.financeTbl tr.sum th,
.tbl.financeTbl tr.sum td {
    color: var(--pc-blue);
    background: #fff;
    font-weight: 600;
}

/*요약표괄손익계산기*/
.tab_con2 .tbl.financeTbl th {
    width: auto;
}

.tab_con2 .tbl.financeTbl td {
    width: 40%;
}

.tab_con2 .tbl.financeTbl td:first-child {
    text-align: left;
}

.tab_con2 .tbl.financeTbl td.text_right {
    width: 15%;
}

/*요약 현금흐름표*/
.tab_con3 .tbl.financeTbl th {
    width: auto;
}

.tab_con3 .tbl.financeTbl td:first-child {
    text-align: left;
}

.tab_con3 .tbl.financeTbl td.text_right {
    width: 15%;
}

/*자본 관련 사항*/
.tab_con4 .tbl_tit:first-child {
    margin-top: 40px;
}

.tab_con4 .tbl_tit {
    margin-top: 80px;
}

.tab_con4 .tbl.financeTbl4_1 td:first-child {
    text-align: left;
}

.tab_con4 .tbl.financeTbl4_2 th {
    width: auto;
}

.tab_con4 .tbl.financeTbl4_2 td.text_right {
    width: 15%;
}

.tab_con4 .tbl.financeTbl4_4.pcview {
    display: table !important;
}

.tab_con4 .tbl.financeTbl4_4 th {
    text-align: center;
    width: auto;
}

.tab_con4 .tbl.financeTbl4_4 td {
    text-align: left;
}

@media only screen and (max-width: 1179px) {
    .like-tab_area .tab_btn>ul li {
        width: 50%;
    }

    .tbl.financeTbl thead th,
    .tbl.financeTbl th,
    .tbl.financeTbl td {
        padding: 20px 15px;
        font-size: 16px;
    }

    .tbl.financeTbl th {
        width: auto;
    }

    /*요약재무상태표*/
    .tab_con1 .tbl.financeTbl {
        width: 600px;
    }

    .tab_con1 .tbl.financeTbl th {
        width: 110px;
    }

    .tab_con1 .tbl.financeTbl td {
        width: 150px;
    }

    .tab_con1 .tbl.financeTbl td.text_right {
        width: 170px;
    }

    /*요약표괄손익계산기*/
    .tab_con2 .tbl.financeTbl {
        width: 750px;
    }

    .tab_con2 .tbl.financeTbl td {
        width: 270px;
    }

    .tab_con2 .tbl.financeTbl td.text_right {
        width: 120px;
    }

    /*요약 현금흐름표*/
    .tab_con3 .tbl.financeTbl {
        width: 750px;
    }

    .tab_con3 .tbl.financeTbl td {
        width: 270px;
    }

    .tab_con3 .tbl.financeTbl td.text_right {
        width: 120px;
    }

    /*자본 관련 사항*/
    .tab_con4 .tbl_tit {
        margin-top: 40px;
    }

    .tbl_caption p {
        font-size: 2.5vw;
    }

    .tab_con4 .tbl.financeTbl th {
        width: auto;
    }

    .tab_con4 .tbl.financeTbl4_1 {
        width: 610px;
    }

    .tab_con4 .tbl.financeTbl4_1 td {
        width: 180px;
    }

    .tab_con4 .tbl.financeTbl4_1 td:first-child {
        width: 250px;
    }

    .tab_con4 .tbl.financeTbl4_2 {
        width: 930px;
    }

    .tab_con4 .tbl.financeTbl4_2 td {
        width: 110px;
    }

    .tab_con4 .tbl.financeTbl4_2 td.text_right {
        width: 150px;
    }

    .tab_con4 .tbl.financeTbl4_3 {
        width: 600px;
    }

    .tab_con4 .tbl.financeTbl4_3 td {
        width: 150px;
    }

    .tab_con4 .tbl.financeTbl4_4.pcview {
        display: none !important;
    }

    .tab_con4 .tbl.financeTbl4_4 {
        width: 650px;
    }

    .tab_con4 .tbl.financeTbl4_4 th {
        text-align: center;
        padding: 20px 15px;
        width: 14%;
        font-size: 16px;
        width: 160px;
    }

    .tab_con4 .tbl.financeTbl4_4 td {
        padding: 20px 15px;
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1179px) {
    .tab_con1 .tbl.financeTbl {
        width: 100%;
    }

    .tab_con2 .tbl.financeTbl {
        width: 100%;
    }

    .tab_con3 .tbl.financeTbl {
        width: 100%;
    }

    .tab_con4 .tbl.financeTbl4_1 {
        width: 100%;
    }

    .tab_con4 .tbl.financeTbl4_3 {
        width: 100%;
    }

    .tab_con4 .tbl.financeTbl4_4 {
        width: 100%;
    }
}

/*공시정보*/
.ir_dart {
    display: block;
    padding: 40px 0;
}

.ir_dart .embed {
    position: relative;
    padding-left: 25px;
    text-align: center;
    overflow-x: auto;
}

.ir_dart .embed .embed_site {
    width: 714px;
    height: 870px;
    border: 1px solid var(--gray-boxline);
}

.ir_pdf {
    display: block;
    padding: 40px 0;
    margin: 0 auto;
    text-align: center;
}

.ir_pdf object {
    width: 760px;
    height: 773px;
    border: 1px solid var(--gray-boxline);
}

.ir_pdf object iframe {
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .ir_dart .embed {
        position: relative;
        padding-left: 5px;
        text-align: center;
        overflow-x: auto;
    }

    .ir_dart .embed .embed_site {
        width: 100%;
        height: 867px;
    }

    .ir_pdf object {
        width: 100%;
        height: 1000px;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .ir_dart {
        margin: 0 -20px;
        width: calc(100% + 20px);
    }

    .ir_dart .embed {
        position: relative;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        overflow-x: auto;
    }

    .ir_dart .embed .embed_site {
        width: 100%;
        height: 1000px;
    }

    .ir_dart .embed .embed_site>* {
        width: 100%;
    }

    .ir_dart .embed .embed_pdf {
        width: 760px;
        height: 867px;
    }

    .ir_pdf object iframe {
        height: 600px;
    }
}

/*전자공고*/
.ir_notice {
    direction: block;
    padding: 40px 0;
    text-align: center;
}

.ir_notice img {
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid var(--gray-00);
}

/*recruit*/
/*인재채용*/
/*채용 리스트*/
.job_list {
    display: block;
}

.job_list>ul>li {
    margin-bottom: 30px;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.job_list .item {
    display: block;
    width: 100%;
    height: 265px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: top;
    border: 1px solid var(--gray-line);
    outline: 1px solid #fff;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    padding: 30px 30px 0 30px;
    text-align: left;
}

.job_list .item>a {
    display: block;
}

.job_list .item .status {
    font-size: var(--font-body-2);
    color: var(--pc-blue);
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 500;
}

.job_list .item h4 {
    display: block;
    display: -webkit-box;
    width: 100%;
    height: 72px;
    margin-bottom: 30px;

    font-size: var(--h6);
    color: var(--gray-00);
    line-height: 1.5;
    font-weight: 500;
    word-break: break-word;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.job_list .item ul.info {
    font-size: 0;
    border-top: 1px solid var(--gray-line);
    padding-top: 20px;
}

.job_list .item ul.info li {
    font-size: var(--font-body-3);
    color: var(--gray-66);
    line-height: 1;
}

.job_list .item ul.info li+li {
    margin-top: 10px;
}

.job_list .item ul.info li span.t {
    display: inline-block;
    color: var(--gray-00);
    width: 60px;
    font-weight: 500;
    text-align: left;
    margin-right: 10px;
}

.job_list .item dl ul.info li span:not(.t) {
    letter-spacing: 0;
}

/*
.job_list li:not(.end):hover .item:before {
    content: '';
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    border: 2px solid var(--pc-blue);
    position: absolute;
    left: 15px;
    top: 0;
    border-radius: 5px;
}
*/

.job_list li:not(.end):hover .item {
    border: 1px solid var(--pc-blue);
    outline: 1px solid var(--pc-blue);
}

.job_list li:hover .item h4 {
    color: var(--pc-blue);
}

.job_list>ul>li.end .item {
    background: var(--bgc-f9);
}

.job_list>ul>li.end .item .status {
    color: var(--gray-00);
}

.job_list>ul>li.end .item h4,
.job_list>ul>li.end .item ul.info li,
.job_list>ul>li.end .item ul.info li span.t {
    color: var(--gray-99);
}

@media (min-width: 768px) and (max-width: 1179px) {
    .job_list>ul>li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .job_list .item .status {
        font-size: 16px;
    }

    .job_list .item h4 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .job_list>ul>li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 15px;
    }

    .job_list .item {
        padding: 30px 25px 28px;
        height: auto;
    }

    .job_list .item .status {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .job_list .item h4 {
        font-size: 5vw;
        height: auto;
        max-height: 14vw;
    }

    .job_list .item ul.info li {
        font-size: 14px;
    }
}

/*채용 게시판*/
.bbs_view img {
    margin: 30px auto;
}

.bbs_view .txt {
    white-space: normal;
    overflow-wrap: unset;
}

/*2022-11-23*/
/*채용 공고*/
.recruitTitle {
    display: block;
    width: 100%;
    height: 300px;
    background: url(../images/recruit/title_bg.png) 0 0 no-repeat;
    background-size: 100% auto;
    position: relative;
    margin: 30px auto 0;
}

.recruitTitle p.title {
    color: #fff;
    font-size: var(--h3);
    font-weight: 500;
    line-height: 1.2;
    position: absolute;
    bottom: 30px;
    left: 50px;
    margin: 0;
}

.recruitWrap {
    padding: 40px 0;
}

.editor_txt .recruitWrap ol,
.editor_txt .recruitWrap ul,
.editor_txt .recruitWrap dl {
    padding: 0;
}

.editor_txt .recruitWrap ol li,
.editor_txt .recruitWrap ul li {
    list-style: none;
}

.recruitWrap dl+dl {
    margin-top: 60px;
}

.recruitWrap dl dt.title {
    padding-bottom: 20px;
    font-size: var(--h6);
    color: var(--gray-00);
    font-weight: 500;
}

.recruitWrap dl dt.title span {
    font-size: var(--h6);
    color: var(--gray-00);
    font-weight: 500;
    vertical-align: middle;
}

.recruitWrap dl dt.title span:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 10px;
    height: 10px;
    background: var(--pc-blue);
    vertical-align: middle;
    line-height: 1;
    position: relative;
    top: -3px;
}

.editor_txt .recruitWrap p {
    font-size: var(--font-body-1);
    color: var(--gray-33);
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.recruitWrap dl dd.text {
    font-size: var(--font-body-1);
    color: var(--gray-33);
    padding: 0 0 0 17px;
}

.recruitWrap dl dd.text strong {
    font-weight: 600;
}

.recruitWrap dl dd.text .u-line {
    border-bottom: 1px solid var(--gray-33);
    padding: 0 2px 2px;
}

.recruitWrap dl dd.text ul li {
    line-height: 1.5;
}

.recruitWrap dl dd.text p+ul {
    margin-top: 10px;
}

.recruitWrap dl dd.text ul+p {
    margin-top: 25px;
}

.recruitWrap ul.welfare-list li p {
    line-height: inherit;
}

.recruitWrap ul.welfare-list li p+p {
    color: var(--gray-66);
    margin-top: 5px;
}

.recruitWrap ul.welfare-list li+li {
    margin-top: 20px;
}

.editor_txt .recruitWrap a.btn_blue {
    color: #fff;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .recruitTitle {
        margin: 0 auto;
        height: 150px;
    }

    .recruitTitle p.title {
        font-size: 2.9vw;
        left: 20px;
        bottom: 15px;
    }

    .recruitWrap {
        padding: 30px 0;
    }

    .recruitWrap dl+dl {
        margin-top: 40px;
    }

    .recruitWrap dl dt.title {
        padding-bottom: 10px;
    }

    .recruitWrap dl dt.title span {
        font-size: 2.8vw;
    }

    .editor_txt .recruitWrap p,
    .recruitWrap dl dd.text {
        font-size: 2.3vw;
    }
}

@media (min-width: 335px) and (max-width: 767px) {
    .recruitTitle {
        background-image: url(../images/recruit/title_bg_m.png);
        height: 230px;
        margin: 0 auto;
    }

    .recruitTitle p.title {
        font-size: 6vw;
        left: 30px;
        bottom: auto;
        top: 30%;
    }

    .recruitWrap {
        padding: 30px 0;
    }

    .recruitWrap {
        padding: 30px 0;
    }

    .recruitWrap dl+dl {
        margin-top: 40px;
    }

    .recruitWrap dl dt.title {
        padding-bottom: 10px;
    }

    .recruitWrap dl dt.title span {
        font-size: 5vw;
    }

    .recruitWrap dl dt.title span:before {
        top: -1px;
    }

    .editor_txt .recruitWrap p,
    .recruitWrap dl dd.text {
        font-size: 3.5vw;
    }

    .recruitWrap dl dd.text p,
    .recruitWrap ul.welfare-list li p {
        line-height: 1.5;
        word-break: keep-all;
    }

    .recruitWrap ul.welfare-list li p+p {
        margin-top: 0;
    }

    .recruitWrap .btnWrap .btn {
        width: 100%;
        margin: 0;
    }
}

/*파일첨부*/
.board-attach {
    width: 100%;
    margin: 40px 0 10px 0;
    padding: 28px 60px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.board-attach ul li {
    display: block;
}

.board-attach ul li button.btn-file {
    width: 100%;
    text-align: left;
    padding: 5px 0;
    font-size: 0;
    font-weight: 400;
    color: var(--gray-66);
    line-height: 1.5;
    background: none;
}

.board-attach ul li button.btn-file:hover {
    color: var(--gray-66);
}

.board-attach ul li button.btn-file:before {
    content: "첨부파일";
    display: inline-block;
    width: 91px;
    height: 24px;
    margin-right: 40px;
    background: url(../images/recruit/download2.png) 100% 50% no-repeat;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    background-size: 18px auto;
    vertical-align: middle;
}

.board-attach button.btn-file span {
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.5;
}

.board-attach ul li button.btn-file:hover span {
    color: var(--pc-blue);
}

/*help*/
/*고객지원*/

/*공통*/
.img_wrap {
    display: block;
    overflow: hidden;
}

.img_wrap img {
    max-width: 100%;
    vertical-align: middle;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .img_wrap img {
        max-width: 90%;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .img_wrap img {
        max-width: 100%;
    }
}

/*핵심가치*/
.value .visual_top_img {
    background-image: url("../images/recruit/value_visual.png");
}

/*인사제도*/
.system .visual_top_img {
    background-image: url("../images/recruit/system_visual.png");
}

.systemWrap {
    margin: 40px 0;
}

.systemWrap .tbl_tit+.img_wrap {
    margin-top: 20px;
}

.systemWrap .img_wrap+.tbl_tit {
    margin-top: 100px;
}

.pcview .growthSystemWrap {
    display: block;
    margin: 140px auto 0;
}

.pcview .growthSystemWrap .row {
    margin: 0;
    padding: 0;
}

.pcview .growthSystemWrap .col-6 {
    padding: 0;
}

.pcview .growthSystemWrap .col-6.bg-grey {
    background: var(--bgc-f9);
    padding-bottom: 20px;
}

.pcview .growthSystemWrap .growthList {
    text-align: left;
    margin: 50px 0 0 calc(80 / 768 * 100vw);
}

.pcview .growthSystemWrap .tbl_tit {
    margin: 0 0 40px 0;
    padding: 0 0 0 25px;
}

.pcview .growthSystemWrap .growthList>ul {
    font-size: 0;
}

.pcview .growthSystemWrap .growthList>ul li {
    display: block;
    position: relative;
    height: 75px;
    padding-left: 25px;
    cursor: pointer;
}

.pcview .growthSystemWrap .growthList>ul li .modal-target {
    display: none;
}

.pcview .growthSystemWrap .growthList>ul li+li {
    margin-top: 15px;
}

.pcview .growthSystemWrap .growthList>ul li h4 {
    font-size: var(--h4);
    font-weight: 300;
    color: var(--gray-99);
    line-height: 1;
    margin-bottom: 10px;
}

.pcview .growthSystemWrap .growthList>ul li p.text {
    font-size: var(--font-body-1);
    font-weight: 400;
    line-height: 1;
    color: var(--gray-00);
    display: none;
}

.pcview .growthSystemWrap .growthList>ul li.on p.text {
    display: block;
}

.pcview .growthSystemWrap .growthList>ul li.on h4 {
    font-weight: 600;
    color: var(--pc-orange);
}

.pcview .growthSystemWrap .growthList>ul li.on:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 13px;
    left: 0;
    background: var(--pc-orange);
    border-radius: 50%;
}

.pcview .growthSystemWrap .img_wrap {
    position: relative;
    bottom: 40px;
}

.growthSystemWrap .img_wrap img {
    width: 100%;
    height: auto;
}

.mview .growthSystemWrap {
    display: block;
    overflow: hidden;
    margin: 0 -30px;
}

.mview .growthSystemWrap .row {
    margin: 0 -30px;
    padding: 0;
}

.mview .growthSystemWrap .row .col-12 {
    padding: 0;
}

.mview .growthSystemWrap .img_wrap img {
    width: 100%;
    max-width: 100%;
}

.mview .growthSystemWrap .row .col-12.bg-grey {
    background: var(--bgc-f9);
    padding-bottom: 80px;
}

.mview .slickWrap {
    display: block;
    position: relative;
    padding: 0 0 10px;
    background: var(--bgc-f9);
}

.mview .slickWrap div.item .img_wrap {
    padding: 0 0 30px 0;
}

.mview .slickWrap .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.mview .slickWrap .slick-dots {
    bottom: 0;
}

.mview .slickWrap .slick-dots li {
    width: 24px;
    height: 24px;
    margin: 0 5px;
}

.mview .slickWrap .slick-dots li button {
    margin: 0 auto;
    background: var(--bgc-f9);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 1;
    display: inline-block;
    opacity: 1;
    padding: 0;
    border: 2px solid var(--bgc-f9);
    box-sizing: border-box;
    text-align: center;
}

.mview .slickWrap .slick-dots li button:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 1;
    vertical-align: middle;
    border-radius: 50%;
    background: #d5d5d5;
    opacity: 1;
    position: static;
}

.mview .slickWrap .slick-dots li.slick-active button {
    border-color: var(--pc-blue);
}

.mview .slickWrap .slick-dots li.slick-active button:before {
    background: var(--pc-blue);
}

.mview .slickWrap div.item h4 {
    font-size: var(--h4);
    font-weight: 600;
    color: var(--pc-orange);
    line-height: 1;
    margin-bottom: 10px;
    padding: 8px 12px 0;
    position: relative;
    display: inline-block;
}

.mview .slickWrap div.item h4:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--pc-orange);
    border-radius: 50%;
}

.mview .slickWrap div.item p.text {
    display: block;
    font-size: var(--font-body-1);
    font-weight: 400;
    line-height: 1.5;
    color: var(--gray-00);
    margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .mview .growthSystemWrap {
        margin: 0 -5vw;
    }

    .mview .growthSystemWrap .tbl_tit {
        margin-left: 5vw;
    }

    .mview .slickWrap div.item h4 {
        font-size: 3.5vw;
    }

    .mview .slickWrap div.item p.text {
        font-size: var(--font-body-2);
    }

    .mview .slickWrap .slick-dots {
        bottom: -50px;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .mview .growthSystemWrap {
        margin: 0 -5vw;
    }

    .mview .growthSystemWrap .tbl_tit {
        margin-left: 5vw;
    }

    .mview .slickWrap div.item h4 {
        font-size: 6vw;
    }

    .mview .slickWrap div.item p.text {
        font-size: 3.5vw;
    }

    .mview .slickWrap .slick-dots {
        bottom: -50px;
    }
}

/*복리후생*/
.welfare .visual_top_img {
    background-image: url("../images/recruit/welfare_visual.png");
}

.welfareWrap {
    display: block;
}

.welfareWrap ul li {
    width: 50%;
    margin: 40px 0 0 0;
}

.welfareWrap ul li .item {
    padding: 0 10px;
    text-align: left;
    height: 152px;
}

.welfareWrap ul li .icon {
    position: relative;
    display: inline-block;
    width: 132px;
    height: 152px;
    background: url(../images/recruit/ico-wel-bg.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 50px;
}

.welfareWrap ul li .icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.welfareWrap ul li .icon.wel01:before {
    background-image: url(../images/recruit/ico-wel01.png);
}

.welfareWrap ul li .icon.wel02:before {
    background-image: url(../images/recruit/ico-wel02.png);
}

.welfareWrap ul li .icon.wel03:before {
    background-image: url(../images/recruit/ico-wel03.png);
}

.welfareWrap ul li .icon.wel04:before {
    background-image: url(../images/recruit/ico-wel04.png);
}

.welfareWrap ul li .icon.wel05:before {
    background-image: url(../images/recruit/ico-wel05.png);
}

.welfareWrap ul li .icon.wel06:before {
    background-image: url(../images/recruit/ico-wel06.png);
}

.welfareWrap ul li .icon.wel07:before {
    background-image: url(../images/recruit/ico-wel07.png);
}

.welfareWrap ul li .icon.wel08:before {
    background-image: url(../images/recruit/ico-wel08.png);
}

.welfareWrap ul li .icon.wel09:before {
    background-image: url(../images/recruit/ico-wel09.png);
}

.welfareWrap ul li .icon.wel10:before {
    background-image: url(../images/recruit/ico-wel10.png);
}

.welfareWrap ul li .icon.wel11:before {
    background-image: url(../images/recruit/ico-wel11.png);
}

.welfareWrap ul li .item dl {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
}

.welfareWrap ul li .item dl dt {
    font-size: var(--h7);
    color: var(--gray-00);
    line-height: 1;
    font-weight: 600;
    margin-bottom: 15px;
}

.welfareWrap ul li .item dl dd {
    font-size: var(--font-body-1);
    color: var(--gray-66);
    line-height: var(--line-height-b1);
    word-break: break-word;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .welfareWrap ul li {
        padding: 0 10px;
    }

    .welfareWrap ul li .item {
        height: auto;
        padding: 0;
        min-height: 125px;
    }

    .welfareWrap ul li .icon {
        margin-right: 10px;
        width: 100px;
        height: 115px;
    }

    .welfareWrap ul li .icon:before {
        width: 46px;
        height: 46px;
    }

    .welfareWrap ul li .item dl {
        width: calc(100% - 120px);
    }

    .welfareWrap ul li .item dl dt {
        font-size: 3vw;
    }

    .welfareWrap ul li .item dl dd {
        font-size: 2.5vw;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .welfareWrap ul li {
        width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    .welfareWrap ul li .item {
        height: auto;
        min-height: 85px;
        padding: 0 10px;
    }

    .welfareWrap ul li .icon {
        margin-right: 30px;
        width: 76px;
        height: 88px;
    }

    .welfareWrap ul li .icon:before {
        width: 34px;
        height: 34px;
    }

    .welfareWrap ul li .item dl {
        left: 100px;
        width: calc(100% - 120px);
    }

    .welfareWrap ul li .item dl dt {
        font-size: 4.5vw;
        margin-bottom: 10px;
    }

    .welfareWrap ul li .item dl dd {
        font-size: 3.8vw;
    }
}

/*help*/
/*문의하기*/
.area_visual figure.bg_img.request {
    background-image: url(../images/help/request_visual.png);
}

.requestWrap {
    padding: 60px 0 30px;
}

.requestWrap .txt1 {
    padding: 0 0 20px 0;
    line-height: var(--line-height-b1);
}

.requestWrap .contact-box {
    margin: 0 -5px;
    border-radius: 8px;
    padding: 50px 60px;
    text-align: left;
    position: relative;
}

.requestWrap.requestWrap2 .contact-box {
    padding: 50px 40px;
}

/*
.requestWrap .contact-box:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 24px;
    background: 50% no-repeat #fff;
    background-size: 32px auto;
}

.requestWrap .contact-box.phone:before {
    background-image: url(../images/help/ico-phone.png);
}

.requestWrap .contact-box.as:before {
    background-image: url(../images/help/ico-as.png);
}
*/

.requestWrap .contact-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.requestWrap .contact-header>p {
    display: inline-block;
    font-size: var(--h7);
    font-weight: 600;
    line-height: 1.3;
    flex: 0 0 60%
}

.requestWrap.requestWrap2 p.eng {
    font-family: var(--font-eng);
}

.requestWrap .contact-box a.num {
    font-family: var(--font-eng);
    color: var(--gray-00);
    font-size: var(--h5);
    font-weight: 600;
    line-height: 1;
}

.requestWrap .contact-header .rgt {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}

.requestWrap .contact-box .num-group a+a:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 22px;
    background: #ccc;
    margin: 0 10px;
    position: relative;
    top: 2px;
}

.requestWrap .contact-header a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: 50% no-repeat #fff;
    background-size: 32px auto;
    flex: 0 0 auto;
}

.requestWrap .contact-header a.kakao {
    background-image: url(../images/help/ico-kakao.png);
    background-color: #FEE500;
}

.requestWrap .contact-header a.phone {
    background-image: url(../images/help/ico-phone.png);
}

.requestWrap .contact-header a.as {
    background-image: url(../images/help/ico-as.png);
}

.requestWrap .contact-box .num-group a {
    vertical-align: middle;
}

.requestWrap .contact-box .num-group a>span.small {
    font-size: var(--h7);
    vertical-align: top;
    margin-right: 10px;
}

.requestWrap .contact-box ul {
    margin-top: 20px;
}

.requestWrap .contact-box ul li {
    display: inline-block;
    font-size: var(--font-body-1);
    color: var(--gray-66);
    line-height: 1;
    letter-spacing: -0.05em;
}

.requestWrap .contact-box ul li+li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #ccc;
    margin: 0 10px;
    position: relative;
    top: 2px;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .requestWrap .txt1 {
        font-size: 2.5vw;
        padding: 0 0 30px 0;
    }

    .requestWrap .col-6 {
        width: 100%;
        padding: 10px 0;
    }

    .requestWrap .contact-box {
        padding: 40px 30px;
        border-radius: 8px;
        margin: 0;
    }

    .requestWrap .contact-header>p,
    .requestWrap .contact-box>p {
        font-size: 2.5vw;
    }

    .requestWrap .contact-box a.num {
        font-size: 3.5vw;
    }

    .requestWrap .contact-box .num-group a>span.small {
        font-size: 2.5vw;
    }

    .requestWrap .contact-box ul li {
        font-size: 2.5vw;
    }

    .requestWrap .contact-box ul li+li {
        margin-top: 0;
        margin-left: 5px;
    }

    .requestWrap .contact-box ul li+li:before {
        content: none;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .requestWrap {
        padding: 40px 0 20px;
    }

    .requestWrap .txt1 {
        font-size: 3.5vw;
        line-height: 1.5;
    }

    .requestWrap.requestWrap2 .contact-box,
    .requestWrap .contact-box {
        margin: 10px -10px;
        padding: 5vw 4vw;
    }

    .requestWrap .contact-header p,
    .requestWrap .contact-box>p {
        font-size: 4.5vw;
        width: calc(100% - 50px);
        margin-bottom: 20px;
    }

    .requestWrap.requestWrap2 p.eng {
        line-height: 1.5;
    }

    .requestWrap .contact-box a.num {
        font-size: 6vw;
    }

    .requestWrap .contact-box .num-group a+a:before {
        display: none;
    }

    .requestWrap .contact-box .num-group a {
        display: block;
    }

    .requestWrap .contact-box .num-group a+a {
        margin-top: 10px;
    }

    .requestWrap .contact-box .num-group a>span.small {
        font-size: 3.5vw;
        vertical-align: middle;
        display: block;
        margin: 0 0 5px 0;
    }

    .requestWrap .contact-box ul li {
        font-size: 3.5vw;
    }

    .requestWrap .contact-box ul li+li {
        margin-top: 5px;
        line-height: 1.5;
    }

    .requestWrap .contact-box ul li+li:before {
        display: none;
    }

    .requestWrap .contact-box:before {
        top: 18px;
        right: 18px;
        width: 50px;
        height: 50px;
        background-size: 26px auto;
    }

    .requestWrap .contact-header a {
        width: 50px;
        height: 50px;
        background-size: 26px auto;
    }
}

/*FAQ*/
.faqWrap {
    display: block;
}

ul.keyword_list {
    text-align: center;
    margin: 0 auto 40px;
    font-size: 0;
}

.faqWrap2 ul.keyword_list {
    margin: 0 auto 30px;
}

.keyword_list li {
    display: inline-block;
    vertical-align: top;
}

.keyword_list li+li {
    margin-left: 40px;
}

.keyword_list li a {
    display: block;
    line-height: 1;
    font-size: var(--h7);
    color: var(--gray-99);
    font-weight: 600;
    padding: 0 0 3px 0;
}

.keyword_list li a.on {
    color: var(--pc-orange);
    border-bottom: 2px solid var(--pc-orange);
}

.faqWrap2 .keyword_list {
    font-size: 0;
    display: inline-flex;
    margin: 0;
    height: 100%;
}

.faqWrap2 .keyword_list li.item {
    display: flex;
    flex: 0 0 auto;
    width: auto;
    padding: 0;
    align-items: center;
}

.faqWrap2 .keyword_list li+li {
    margin-left: 0;
}

.faqWrap2 .keyword_list li a {
    display: block;
    color: #666;
    padding: 0 10px;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
}

.faqWrap2 .keyword_list li a.on {
    color: var(--pc-orange);
    border-bottom: none;
    font-weight: 600;
    position: relative;
}

.faqWrap2 .keyword_list li a.on:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pc-orange);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
}

ul.faq_list {
    display: block;
    font-size: 0;
}

ul.faq_list>li {
    border-bottom: 1px solid var(--gray-line);
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.faqWrap2 ul.faq_list {
    margin-bottom: 40px;
}

.faqWrap2 ul.faq_list>li {
    border: 1px solid #eaeaea;
    border-radius: 12px;
}

.faqWrap2 ul.faq_list>li+li {
    margin-top: 10px;
}

.faqWrap2 ul.faq_list>li.open {
    background: #f2f8fb;
}

ul.faq_list li a.faq-q {
    display: block;
    position: relative;
    padding: 30px 0;
    text-align: left;
    font-size: var(--font-body-1);
    line-height: 1;
}

.faqWrap2 ul.faq_list>li a.faq-q {
    padding: 30px 30px;
    font-size: var(--font-body-1);
}

ul.faq_list li a.faq-q span.type {
    color: var(--gray-00);
    vertical-align: middle;
}

ul.faq_list li a.faq-q span.type:before {
    content: "[";
    margin-right: 1px;
}

ul.faq_list li a.faq-q span.type:after {
    content: "]";
    margin-left: 1px;
}

.faqWrap2 ul.faq_list>li a.faq-q span.type {
    font-size: 14px;
    color: #3e506b;
    border: 1px solid #3e506b66;
    border-radius: 30px 40px 0 30px;
    text-align: center;
    display: inline-block;
    width: 110px;
    height: 32px;
    line-height: 32px;
}

.faqWrap2 ul.faq_list>li a.faq-q span.type:before,
.faqWrap2 ul.faq_list>li a.faq-q span.type:after {
    content: none;
}

ul.faq_list li a.faq-q span.title {
    color: var(--gray-66);
    vertical-align: middle;
    margin-left: 3px;
    letter-spacing: 0;
}

.faqWrap2 ul.faq_list>li a.faq-q .title {
    color: #000;
    line-height: 32px;
    margin-left: 40px;
}

ul.faq_list li a.faq-q:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    width: 13px;
    height: 7px;
    background: url(../images/help/faq-open.png) no-repeat;
    background-size: 13px auto;
}

.faqWrap2 ul.faq_list>li a.faq-q:after {
    right: 30px;
    background: url(../images/help/faq-open2.png) no-repeat;
    width: 14px;
    background-size: 14px 7px;
}

ul.faq_list li.open a.faq-q span.type,
ul.faq_list li.open a.faq-q span.title {
    font-weight: 600;
    color: var(--pc-blue);
}

ul.faq_list li.open a.faq-q:after {
    background-image: url(../images/help/faq-close.png);
}

.faqWrap2 ul.faq_list>li.open a.faq-q:after {
    background-image: url(../images/help/faq-close2.png);
}

.faqWrap2 ul.faq_list>li.open a.faq-q span.type,
.faqWrap2 ul.faq_list>li.open a.faq-q span.title {
    font-weight: 600;
    color: var(--pc-blue);
}

.faqWrap2 ul.faq_list>li.open a.faq-q span.type {
    background: #006db9;
    color: #fff;
}

.faqWrap2 ul.faq_list li.no-result {
    padding: 30px 0;
}

.faqWrap2 ul.faq_list li.no-result p {
    color: #000;
    font-size: 18px;
    vertical-align: middle;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
}

.faqWrap2 .load-more:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 16px;
    background: url(../images/help/ico-more.svg) 50% no-repeat;
    background-size: 12px 16px;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.faqWrap2 .load-more:hover:after {
    background: url(../images/help/ico-more-w.svg) 50% no-repeat;
}

/*FAQ 답변*/
.search_box_tbl.faq_search {
    margin-bottom: 0;
    padding: 48px 24px 20px;
}

.search_box_tbl.faq_search .select_wrap {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.search_box_tbl.faq_search .select_wrap select {
    width: 100%;
    margin: 0;
}

.search_box_tbl.faq_search .search_wrap {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.search_box_tbl.faq_search .search_wrap input[type="text"] {
    width: 100%;
    margin: 0;
}

.search_box_tbl.faq_search .search_wrap button {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 24px;
    height: 24px;
    background-size: 20px 20px;
    background-position: 50% 50%;
    margin-left: 0;
}

.tag_list_wrap {
    background-color: var(--bgc-f7);
    padding-bottom: 24px;
    margin-bottom: 76px;
}

.tag_list_wrap .tag_list_tit {
    color: #3e506b;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
}

.tag_list_wrap .tag_list_tit+.tag_list {
    margin-left: 10px;
}

.tag_list_wrap .tag_list {
    display: inline-block;
    white-space: nowrap;
    line-height: 32px;
    vertical-align: top;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media only screen and (max-device-width: 600px) {
    .tag_list_wrap .tag_list {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
}

.tag_list_wrap .tag_list a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

.tag_list_wrap .tag_list a+a {
    margin-left: 10px;
}

.tag_list_wrap .tag_list a:before {
    content: "#";
}

.tag_list_wrap .tag_list a:hover {
    color: #000;
}

.faq-a {
    background: var(--bgc-blue);
    padding: 40px 40px;
    text-align: left;
    position: relative;
    display: none;
}

.faqWrap2 .faq-a {
    padding: 0 30px 30px 180px;
}

ul.faq_list li.open .faq-a {
    display: block;
}

.faq-a>* {
    word-break: keep-all;
    line-height: var(--line-height-b1);
}

.faq-a dl+dl {
    margin-top: 20px;
}

.faq-a dt {
    font-size: var(--font-body-2);
    color: var(--gray-33);
}

.faq-a dd p {
    line-height: 1.3;
    font-size: 14px;
}

.faq-a dt.dt-dot {
    position: relative;
    padding-left: 10px;
    color: #000;
}

.faq-a dt.dt-dot:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    border-radius: 50%;
    background: #798286;
}

.faq-a>ul.list-hyp li,
.faq-a>ol li,
.faq-a>p,
.faq-a dd {
    font-size: var(--font-body-2);
    color: var(--gray-66);
}

.faq-a ul li+li,
.faq-a ol li+li,
.faq-a dt+dd,
.faq-a dd+dd,
.faq-a dd p+ol,
.faq-a dd p+ul {
    margin-top: 10px;
}

.faq-a dd p+p {
    margin-top: 10px;
    padding-left: 10px;
}

.faq-a dd+dt,
.faq-a dl+p,
.faq-a p+dl {
    margin-top: 20px;
}

.faq-a dd dl,
.faq-a dd p,
.faq-a ul,
.faq-a ol {
    padding-left: 10px;
    margin: 5px 0;
}

.faq-a .pl0 {
    padding-left: 0 !important;
}

.faq-a ul.list-dots2 {
    padding-left: 3px;
}

.faq-a ol.ol-num {
    padding-left: 13px;
}

.faq-a ol.ol-num li {
    padding-left: 2px;
}

.faq-a ol li>p {
    line-height: 1.5;
}

.faq-a dd .tbl {
    margin-top: 20px;
}

.faq-a .tbl th,
.faq-a .tbl td {
    padding: 15px 20px;
    font-size: var(--font-body-2);
}

.faq-a .tbl th {
    text-align: center;
    width: 20%;
}

.faq-a .tbl td {
    background: #fff;
}

.faq-a .tbl td>ul {
    margin: 0;
    padding-left: 0;
}

.faq-a a.a-link,
.faq-a a.a-phone {
    text-decoration: underline;
}

.faq-a a.a-link:before,
.faq-a a.a-phone:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: center no-repeat;
    background-size: 20px auto;
    vertical-align: bottom;
    margin-right: 2px;
}

.faq-a a.a-link:before {
    background-image: url(../images/help/ico-link2.png);
}

.faq-a a.a-phone:before {
    background-image: url(../images/help/ico-tel2.png);
}

.faq-a a.a-link:hover,
.faq-a a.a-phone:hover {
    text-decoration: none;
}

.is-hidden {
    display: none !important;
}

ul.member_list>li {
    border: 1px solid #ddd;
    background: #f7f7f7;
    border-radius: 16px;
}

ul.member_list>li+li {
    margin-top: 10px;
}

ul.member_list>li a.faq-q {
    padding: 30px 30px;
    font-weight: 500;
}

ul.member_list>li a.faq-q:hover {
    color: #000;
}

ul.faq_list.member_list li a.faq-q:after {
    right: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/help/faq-open3.png) no-repeat;
    background-size: 20px auto;
}

ul.faq_list.member_list .faq-a {
    background: #f7f7f7;
    padding: 0 30px 30px;
}

ul.faq_list.member_list li.open a.faq-q:after {
    background-image: url(../images/help/faq-close3.png);
}

.btnSNSGroup {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.btnSNSGroup .btn.btn_sm {
    display: inline-flex;
}

.btn.btn_sm_kakao,
.btn.btn_sm_naver {
    position: relative;
}

.btn.btn_sm_kakao::before,
.btn.btn_sm_naver::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: no-repeat center;
    background-size: 20px 20px;
    position: relative;
    top: 7px;
}

.btn.btn_sm_kakao::before {
    background-image: url(../images/help/ico-sm-kakao.png);
}

.btn.btn_sm_naver::before {
    background-image: url(../images/help/ico-sm-naver.png);
}

@media (max-width: 1179px) {
    .tag_list_wrap {
        margin-bottom: 57px;
    }

    .faqWrap2 .keyword_list {
        display: flex;
        height: auto;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 19px;
    }

    .faqWrap2 .keyword_list li.item {
        position: relative;
    }

    ul.faq_list li a.faq-q span.type {
        display: block;
    }

    ul.faq_list li a.faq-q span.title {
        margin: 10px 0 0 0;
        line-height: 1.5;
        display: inline-block;
    }

    ul.faq_list li.open a.faq-q span.type,
    ul.faq_list li.open a.faq-q span.title {
        font-weight: 500;
    }

    .faqWrap2 ul.faq_list>li a.faq-q {
        padding: 24px 20px;
    }

    ul.faq_list li a.faq-q:after {
        top: 35%;
    }

    .faqWrap2 ul.faq_list>li a.faq-q span.type {
        font-size: 16px;
        min-width: 110px;
        height: auto;
        width: auto;
        padding: 2px 15px;
    }

    .faqWrap2 ul.faq_list>li a.faq-q .title {
        display: block;
        width: auto;
        font-size: var(--font-body-2);
        line-height: 1.5;
        margin: 10px 0 0;
    }

    .faqWrap2 .faq-a {
        padding: 0 20px 24px;
    }

    .faq-a>ul.list-hyp li,
    .faq-a>ol li,
    .faq-a>p,
    .faq-a dd {
        font-size: var(--font-body-2);
        line-height: 1.5;
    }
}

@media (min-width: 768px) and (max-width: 1179px) {
    .memberWrap ul.keyword_list {
        margin: 20px auto 40px;
    }

    .keyword_list li a {
        font-size: var(--font-body-2);
    }

    .tag_list_wrap .tag_list_tit,
    .tag_list_wrap .tag_list a {
        font-size: var(--font-body-2);
    }

    ul.faq_list li a.faq-q span.title {
        width: calc(100% - 40px);
    }

    .faq-a {
        padding: 30px 20px;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .search_box_tbl.faq_search {
        padding: 28px 24px 20px;
        border-radius: 0 28px 0 0;
    }

    .tag_list_wrap {
        margin-bottom: 30px;
    }

    ul.keyword_list {
        margin: 0 -20px 10px;
    }

    .memberWrap ul.keyword_list {
        margin: 20px -20px 10px;
    }

    .keyword_list li+li {
        margin-left: 15px;
    }

    .keyword_list li a {
        font-size: 4vw;
    }

    ul.faq_list li a.faq-q {
        font-size: 4vw;
    }

    ul.faq_list li a.faq-q span.title {
        width: calc(100% - 50px);
    }

    .faq-a {
        padding: 30px 20px;
    }

    .faq-a dt {
        font-size: 16px;
    }

    .faq-a .tbl th,
    .faq-a .tbl td,
    .faq-a>ul.list-hyp li,
    .faq-a>ol li,
    .faq-a>p,
    .faq-a dd {
        font-size: 4vw;
    }

    .faqWrap2 ul.faq_list>li a.faq-q:after {
        right: 20px;
    }

    .faqWrap2 ul.faq_list>li a.faq-q span.type {
        font-size: var(--font-body-3);
        line-height: 24px;
        height: 24px;
        min-width: 74px;
        padding: 0 8px;
    }

    .faqWrap2 ul.faq_list>li a.faq-q .title {
        font-size: var(--font-body-3);
    }

    .faqWrap2 .load-more {
        width: 100%;
    }
}

/*제품수선*/
.area_visual.repair {
    display: block;
    width: 100%;
    height: 447px;
    background: url(../images/help/repair_visual.png) 50% no-repeat;
    background-size: cover;
}

.area_visual.repair .container {
    height: 100%;
}

.area_visual.repair .row {
    height: 100%;
    align-items: center;
}

.area_visual.repair .conts_box {
    width: 100%;
    min-height: 290px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    text-align: left;
    /*padding: 20px 30px;*/
    padding: 20px 20px;
}

.area_visual.repair .conts_box h6 {
    font-size: var(--h6);
    font-weight: 600;
    margin-bottom: 15px;
    text-align: left;
}

.area_visual.repair .conts_box .black p,
.area_visual.repair .conts_box .black li,
.area_visual.repair .conts_box p {
    color: var(--gray-66);
    font-size: var(--font-body-1);
    line-height: var(--line-height-b1);
}

.area_visual.repair .conts_box .black,
.area_visual.repair .conts_box .black ul {
    margin-top: 0;
}

.area_visual.repair .conts_box .black p,
.area_visual.repair .conts_box .black li {
    color: var(--gray-00);
    font-size: var(--font-body-1);
    line-height: var(--line-height-b1);
}

.area_visual.repair .conts_box .black li+li {
    margin-top: 0;
}

.repairWrap .tbl_tit:first-child {
    margin-top: 40px;
}

.repairWrap .tbl_tit {
    margin-top: 80px;
}

.repairWrap .txt1 {
    padding: 0 0 20px 0;
    line-height: var(--line-height-b1);
}

.repairWrap .objTbl th {
    text-align: center;
}

.repairWrap .objTbl td {
    padding: 30px 40px;
    text-align: left;
}

.repairWrap dt {
    font-size: var(--font-body-1);
    color: var(--gray-00);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
}

.repairWrap dd {
    font-size: var(--font-body-2);
    color: var(--gray-66);
    line-height: var(--line-height-b1);
}

.repairWrap dd>ul.list-hyp li {
    line-height: var(--line-height-b1);
    word-break: keep-all;
}

.repairWrap dd>ul.list-hyp li+li {
    margin-top: 5px;
}

.repairWrap dd+dt {
    margin-top: 25px;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .area_visual.repair .row .col-6 {
        width: 50%;
    }

    .area_visual.repair {
        height: 640px;
    }

    .area_visual.repair .conts_box {
        min-height: auto;
        height: 540px;
        padding: 30px 40px;
    }

    .area_visual.repair .conts_box h6 {
        font-size: 3.8vw;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .area_visual.repair .conts_box .black p,
    .area_visual.repair .conts_box .black li,
    .area_visual.repair .conts_box p {
        font-size: 2.4vw;
    }

    .area_visual.repair .conts_box p+p {
        margin-top: 0;
    }

    .repairWrap .objTbl td {
        font-size: 2.5vw;
    }

    .txt1,
    .repairWrap .txt1 {
        font-size: 2.5vw;
        word-break: keep-all;
    }

    .repairWrap dt,
    .repairWrap dd {
        font-size: 2.5vw;
        word-break: keep-all;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .area_visual.repair {
        height: 450px;
    }

    .area_visual.repair .container {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .area_visual.repair .row {
        height: auto;
        display: block;
        margin: 0;
        padding: 15px 0;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.9);
    }

    .area_visual.repair .conts_box {
        min-height: auto;
        height: auto;
        padding: 15px 10px;
        border-radius: 0;
        background: none;
    }

    .area_visual.repair .conts_box h6 {
        font-size: 4vw;
        margin-bottom: 10px;
    }

    .area_visual.repair .conts_box .black p,
    .area_visual.repair .conts_box .black li,
    .area_visual.repair .conts_box p {
        font-size: 3.5vw;
    }

    .area_visual.repair .conts_box p+p {
        margin-top: 5px;
    }

    .txt1,
    .repairWrap .txt1,
    .repairWrap .txt1 p {
        font-size: 3.5vw;
        line-height: 1.5;
    }

    .repairWrap .objTbl .tbl {
        border-top-width: 3px;
    }

    .repairWrap .objTbl .tbl.insert th {
        background-color: var(--bgc-f9);
        padding: 20px 0;
        border-bottom: 1px solid var(--gray-line);
    }

    .repairWrap .objTbl .tbl.insert td {
        border-bottom: 1px solid var(--gray-line);
    }

    .repairWrap .objTbl td {
        padding: 20px 10px;
        font-size: 3.5vw;
    }

    .repairWrap dt {
        font-size: 4vw;
    }

    .repairWrap dd {
        font-size: 3.5vw;
        word-break: keep-all;
    }

    .repairWrap dd>ul.list-hyp li+li {
        margin-top: 0;
    }

    .repairWrap .tbl_caption ul li p {
        font-size: 3.5vw;
    }

    .repairWrap .tbl_caption ul li p>span {
        display: block;
    }
}

/*피해보상규정*/
.compensationWrap .tbl_tit:first-child {
    margin-top: 40px;
}

.compensationWrap .tbl_tit {
    margin-top: 80px;
}

.compensationWrap .objTbl thead th {
    padding: 30px 40px;
    text-align: center;
}

.compensationWrap .objTbl td {
    text-align: center;
    padding: 30px 20px;
    font-size: var(--font-body-2);
}

.compensationWrap .objTbl ul.item_list {
    margin: 0;
}

.compensationWrap .objTbl ul.item_list li+li {
    margin-top: 10px;
}

.compensationWrap .obj_list ul.list-dots {
    text-align: left;
    color: var(--gray-66);
    font-size: var(--font-body-1);
}

.compensationWrap .obj_list ul.list-dots li {
    word-break: break-word;
    line-height: var(--line-height-b1);
    word-break: keep-all;
}

.compensationWrap .contact-box {
    padding: 30px 40px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.compensationWrap .contact-box .left {
    flex: 0 0 calc(100% - 198px);
    display: flex;
    justify-content: space-between;
}

.compensationWrap .contact-box span,
.compensationWrap .contact-box a:not(.btn) {
    display: inline-block;
    color: var(--gray-00);
    font-size: var(--h6);
    line-height: 48px;
}

.compensationWrap .contact-box a:not(.btn) {
    font-family: var(--font-eng);
    font-weight: 600;
}

.compensationWrap .contact-box .btn {
    width: 168px;
    letter-spacing: -0.005em;
    line-height: 48px;
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .compensationWrap .obj_list ul.list-dots {
        font-size: var(--font-body-2);
    }

    .compensationWrap .obj_list ul.list-dots li span.grey99 {
        display: block;
    }

    .compensationWrap .col-6 {
        width: 50%;
        padding: 0 10px;
    }

    .compensationWrap .contact-box {
        margin: 5px 0;
        display: block;
    }

    .compensationWrap .contact-box .left {
        display: block;
        width: 100%;
    }

    .compensationWrap .contact-box span,
    .compensationWrap .contact-box a:not(.btn) {
        font-size: var(--font-body-2);
        line-height: 1.5;
        margin: 0 5px;
    }

    .compensationWrap .contact-box .btn {
        font-size: var(--font-body-2);
        line-height: 48px;
        height: auto;
        width: auto;
        margin: 10px auto 0;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .compensationWrap .tbl_tit {
        margin-top: 40px;
    }

    .compensationWrap .objTbl .tbl {
        border-top: 3px solid var(--gray-00);
    }

    .compensationWrap .objTbl thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .compensationWrap .objTbl tr {
        border-bottom: 3px solid var(--gray-line);
        display: block;
        padding: 10px 0;
    }

    .compensationWrap .objTbl td {
        display: block;
        width: 100%;
        padding: 10px 10px;
        text-align: left;
        font-size: 4vw;
        line-height: 1.5;
        border-right: none;
    }

    .compensationWrap .objTbl td:before {
        content: attr(data-label);
        display: block;
        color: var(--gray-00);
        font-weight: 600;
    }

    .compensationWrap .obj_list ul.list-dots {
        font-size: 4vw;
    }

    .compensationWrap .objTbl ul.item_list li+li {
        margin-top: 5px;
    }

    .compensationWrap .contact-box {
        border-radius: 5px;
        margin: 5px 0;
        padding: 20px 4vw;
    }

    .compensationWrap .contact-box .left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .compensationWrap .contact-box span,
    .compensationWrap .contact-box a:not(.btn) {
        display: block;
        text-align: left;
        line-height: 1.5;
        font-size: 4.3vw;
    }

    .compensationWrap .contact-box .btn {
        width: auto;
        padding: 0 4vw;
        line-height: 48px;
        font-size: 4vw;
        vertical-align: middle;
    }
}

/*AS 이력조회*/

.asTbl .tbl th,
.asTbl .tbl td {
    text-align: center;
}

.asTbl .tbl td {
    width: 50%;
    padding: 25px 0;
    font-size: var(--font-body-2);
}

.asTbl .tbl td:first-child {
    width: 50%;
}

.asTbl .tbl td:first-child strong {
    font-weight: 600;
    color: var(--gray-00);
}

.asTbl .tbl td a {
    color: var(--gray-66);
    display: block;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .asTbl .tbl td {
        width: 60%;
    }

    .asTbl .tbl td:first-child {
        width: 40%;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .txt1 {
        font-size: 4vw;
        word-break: keep-all;
        line-height: 1.5;
        padding: 20px 0 30px;
    }

    .asTbl .tbl td {
        width: 50%;
    }

    .asTbl .tbl td:first-child {
        width: 50%;
    }

    .asTbl .tbl td {
        font-size: 4vw;
        line-height: 1.5;
    }

    .asTbl .tbl a {
        display: block;
        letter-spacing: 0;
        line-height: 1.5;
    }

    .asTbl .tbl td a+p {
        line-height: 1.5;
    }
}

/*멤버십카드*/
.memberWrap {
    display: block;
}

.benefit_list>ul>li {
    margin-bottom: 30px;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.benefit_list .item {
    display: block;
    width: 100%;
    height: 217px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: top;
    border: 1px solid var(--gray-line);
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    padding: 30px 40px 0 30px;
    text-align: left;
}

.benefit_list .item .num {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: var(--sc-blue);
    font-family: var(--font-eng);
    color: #fff;
    font-weight: 600;
    font-size: var(--font-body-1);
}

.benefit_list .item .conts {
    margin-top: 20px;
    font-size: var(--font-body-1);
    font-weight: 400;
    line-height: var(--line-height-b1);
    color: var(--gray-66);
    word-break: keep-all;
}

.memberWrap .benefit-box {
    background: #eee;
    height: 229px;
    padding: 50px 50px 0;
    border-radius: 8px;
    text-align: left;
    vertical-align: top;
    background-repeat: no-repeat;
}

.memberWrap .benefit-box.bene01 {
    background-image: url(../images/help/ico-bene01.png);
    background-color: #e2f0fa;
    background-size: 199px auto;
    background-position: calc(100% - 18px) 40px;
}

.memberWrap .benefit-box h6 {
    font-size: var(--h6);
    font-weight: 600;
    margin-bottom: 20px;
}

.memberWrap .benefit-box.bene01 h6 {
    color: var(--pc-blue);
}

.memberWrap .benefit-box p {
    font-size: var(--font-body-1);
    font-weight: 300;
    line-height: var(--line-height-b1);
    color: var(--gray-00);
    word-break: keep-all;
}

.memberWrap .benefit-box p.small {
    font-size: var(--font-body-3);
    font-weight: 400;
    margin-top: 10px;
}

.memberWrap .benefit-box.bene02 {
    background-image: url(../images/help/ico-bene02.png);
    background-color: #feebda;
    background-size: 139px auto;
    background-position: calc(100% - 60px) 45px;
}

.memberWrap .benefit-box.bene02 h6 {
    color: var(--pc-orange);
}

.memberWrap .benefit-box .phone {
    font-size: var(--font-body-2);
    font-weight: 600;
    margin-top: 10px;
}

.memberWrap .benefit-box .phone a {
    margin-left: 5px;
}

@media (min-width: 768px) and (max-width: 1179px) {
    .benefit_list>ul>li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .benefit_list .item {
        height: auto;
        min-height: 250px;
    }

    .benefit_list .item .num {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 2.5vw;
    }

    .benefit_list .item .conts {
        font-size: 2.5vw;
    }

    .memberWrap .col-6 {
        width: 50%;
        padding: 0 10px;
    }

    .memberWrap .benefit-box {
        padding: 3.5vw 2.5vw 0;
    }

    .memberWrap .benefit-box.bene01 {
        background-size: 100px auto;
        background-position: 100% 15px;
    }

    .memberWrap .benefit-box h6 {
        font-size: 3vw;
        line-height: 1;
    }

    .memberWrap .benefit-box p {
        font-size: 2.5vw;
        font-weight: 400;
    }

    .memberWrap .benefit-box p.small {
        font-size: 2vw;
        line-height: 1.2;
    }

    .memberWrap .benefit-box p.small span {
        display: block;
    }

    .memberWrap .benefit-box.bene02 {
        background-size: 100px auto;
        background-position: calc(100% - 10px) calc(100% - 10px);
    }

    .memberWrap .benefit-box .phone {
        font-size: 2.5vw;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .benefit_list>ul>li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .benefit_list .item {
        height: auto;
        min-height: 140px;
        padding: 20px 20px;
    }

    .benefit_list .item .num {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 3.5vw;
    }

    .benefit_list .item .conts {
        margin-top: 15px;
        font-size: 3.5vw;
    }

    .memberWrap .col-6 {
        padding: 5px 10px;
    }

    .memberWrap .benefit-box {
        padding: 30px 30px;
        height: auto;
        min-height: 180px;
    }

    .memberWrap .benefit-box.bene01 {
        background-size: 120px auto;
        background-position: 100% 50px;
    }

    .memberWrap .benefit-box h6 {
        font-size: 4.5vw;
        margin-bottom: 15px;
    }

    .memberWrap .benefit-box p {
        font-size: 3.5vw;
        font-weight: 400;
    }

    .memberWrap .benefit-box p.small {
        font-size: 3vw;
        line-height: 1.2;
    }

    .memberWrap .benefit-box p.small span {
        display: block;
    }

    .memberWrap .benefit-box.bene02 {
        background-size: 100px auto;
        background-position: calc(100% - 10px) 40px;
    }

    .memberWrap .benefit-box .phone {
        font-size: 3.5vw;
    }

    .tag_list_wrap .tag_list a+a {
        margin-left: 5px;
    }
}

/*멤버십 마일리지*/
.memberWrap .tbl_tit:first-child {
    margin-top: 40px;
}

.memberWrap .tbl_tit {
    margin-top: 80px;
}

.memberWrap .tbl thead th {
    padding: 30px 40px;
    text-align: center;
}

.mileageTbl .tbl thead th.bg-blue {
    background: var(--sc-blue);
    color: #fff;
}

.memberWrap .tbl td {
    text-align: center;
    padding: 30px 20px;
    font-size: var(--font-body-2);
}

.mileageTbl .tbl td.bg-blue {
    background: var(--bgc-blue);
    color: var(--sc-blue);
    font-weight: 600;
}

.mileageTbl .tbl td.brand p {
    display: block;
    font-weight: 600;
    color: var(--gray-00);
    line-height: var(--line-height-b1);
}

.mileageTbl .tbl td>strong {
    font-weight: 600;
    color: var(--gray-00);
}

.mileageTbl .tbl.mtbl01 tr td.bb99,
.mileageTbl .tbl.mtbl01 tr.bb99 td {
    border-bottom: 1px solid var(--gray-99);
}

.memberWrap .tbl.mtbl02 td {
    width: 30%;
}

.memberWrap .tbl.mtbl02 td:first-child {
    width: 40%;
    font-weight: 600;
    letter-spacing: 0;
}

.memberWrap .tbl.mtbl02 td.purple {
    color: #8116b3;
}

.memberWrap .tbl.mtbl02 td.text_left ul.list-hyp li+li {
    margin-top: 20px;
}

.memberWrap .MemberTabWrap+.bbs_view_btn {
    margin: 40px auto 0;
}

@media (max-width: 1179px) {
    .mileageTbl .pcview {
        display: none;
    }

    .mileageTbl p.blue {
        text-align: left;
        font-weight: 600;
        margin: 30px 0 20px;
        font-size: 3vw;
        color: var(--sc-blue) !important;
        letter-spacing: 0;
    }

    .mileageTbl p.blue:first-child {
        margin: 0 0 20px;
    }

    .mileageTbl .mview .tbl td {
        width: 30%;
    }

    .mileageTbl .mview .tbl td.bg-blue {
        width: 40%;
    }

    .memberWrap .tbl.mtbl02 th.mhide,
    .memberWrap .tbl.mtbl02 td.mhide {
        display: none;
    }

    .memberWrap .tbl.mtbl02 td {
        width: 50%;
        border-right: none;
    }

    .memberWrap .tbl.mtbl02 td:first-child {
        width: 50%;
        border-right: 1px solid var(--gray-line);
    }

    .memberWrap .tbl_caption {
        margin-top: 30px;
    }

    .memberWrap .tbl_caption ul li {
        font-size: 2.5vw;
        color: var(--gray-66);
    }
}

@media screen and (max-width: 767px) {
    .mileageTbl p.blue {
        font-size: 4vw;
    }

    .memberWrap .tbl thead th {
        padding: 20px 10px;
    }

    .memberWrap .tbl td {
        font-size: 4vw;
        line-height: 1.5;
        padding: 20px 10px;
    }

    .mileageTbl .mview .tbl td {
        width: 25%;
    }

    .mileageTbl .mview .tbl td.bg-blue {
        width: 40%;
    }

    .mileageTbl .mview .tbl td:last-child {
        width: 35%;
    }

    .memberWrap .tbl.mtbl02 td {
        width: 70%;
    }

    .memberWrap .tbl.mtbl02 td:first-child {
        width: 30%;
    }

    .memberWrap .tbl_caption ul li {
        font-size: 4vw;
    }
}

/*2024-03*/
.memberLoginWrap {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
}

.memberLoginWrap .contsBox {
    /* display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;*/
    padding-top: 100px;
}

.memberLoginWrap .contsBox h1.m-logo {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.memberLoginWrap .contsBox h1.m-logo a {
    display: block;
}

.memberLoginWrap .contsBox h1.m-logo img {
    height: 100%;
    max-height: 35px;
    width: auto;
}

.memberLoginWrap .contsBox p {
    margin-top: 10px;
    font-size: var(--font-body-1);
    color: var(--gray-66);
    line-height: var(--line-height-b1);
    word-break: break-word;
}

.memberLoginWrap .btnGroup {
    display: block;
    font-size: 0;
    width: 350px;
    margin: 40px auto 0;
}

.memberLoginWrap .btnGroup li+li {
    margin-top: 10px;
}

.memberLoginWrap .btnGroup .btn {
    width: 100%;
    margin: 0;
    vertical-align: middle;
}

.btn_naver {
    background-color: #03c75a;
    color: #fff;
}

.btn_naver:hover {
    background-color: #03ae4f;
    color: #fff;
}

.btn_naver:before {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(../images/naver.svg) 50% no-repeat;
    background-size: 100% auto;
    margin-right: 10px;
}

.btn_kakao {
    background-color: #fee500;
    color: #191600;
}

.btn_kakao:hover {
    background-color: #e5ce00;
    color: #191600;
}

.btn_kakao:before {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(../images/kakao.svg) 50% no-repeat;
    background-size: 100% auto;
    margin-right: 10px;
}

@media (min-width: 279px) and (max-width: 767px) {
    .memberLoginWrap .contsBox p {
        font-size: 3.8vw;
    }

    .memberLoginWrap .btnGroup {
        width: 80%;
    }
}

/*202403*/
.memberPrivacyWrap .policy_wrap {
    text-align: left;
    background-color: var(--bgc-f9);
    padding: 30px;
    margin: 10px 0 0;
}

.memberPrivacyWrap .policy_wrap.mh244 {
    max-height: 244px;
    overflow-y: auto;
}

.memberPrivacyWrap .policy_wrap dl {
    margin-bottom: 0;
}

.memberPrivacyWrap .policy_wrap dl+p,
.memberPrivacyWrap .policy_wrap p+dl,
.memberPrivacyWrap .policy_wrap dl+dl {
    margin-top: 30px;
}

.memberPrivacyWrap .policy_wrap dl h4 {
    font-size: var(--font-body-3);
    font-weight: 600;
    color: var(--gray-00);
}

.memberPrivacyWrap .policy_wrap dl h6 {
    font-size: var(--font-body-3);
    font-weight: 600;
    color: var(--gray-00);
    margin: 5px 0 10px 10px;
}

.memberPrivacyWrap .policy_wrap dt+dd {
    margin-top: 15px;
}

.memberPrivacyWrap .policy_wrap dd {
    font-size: var(--font-body-3);
    font-weight: 400;
    color: var(--gray-66);
}

.memberPrivacyWrap .policy_wrap ol+p,
.memberPrivacyWrap .policy_wrap p+ol,
.memberPrivacyWrap .policy_wrap li+li,
.memberPrivacyWrap .policy_wrap dd p+p {
    margin: 10px 0 0 0;
}

.memberPrivacyWrap .policy_wrap p+ol {
    padding-left: 15px;
}

.memberPrivacyWrap .policy_wrap dd+dd {
    margin-top: 15px;
}

.memberPrivacyWrap .policy_wrap ol.ol-normal {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.memberPrivacyWrap .policy_wrap li ol.ol-normal {
    margin: 5px 0 0 10px;
}

.memberPrivacyWrap .policy_wrap a,
.memberPrivacyWrap .policy_wrap p,
.memberPrivacyWrap .policy_wrap li,
.memberPrivacyWrap .policy_wrap li p {
    font-size: var(--font-body-3);
    font-weight: 400;
    color: var(--gray-66);
    line-height: 1.5;
    word-break: keep-all;
}

.memberPrivacyWrap .policy_wrap li li+li,
.memberPrivacyWrap .policy_wrap ol.ol-normal>li+li {
    margin-top: 5px;
}

.memberPrivacyWrap .policy_wrap .c-name {
    background: #ffef00;
    padding: 2px 5px;
    font-weight: 600;
    color: #000;
}

/*20250710 고객지원 리뉴얼*/
.help_tab {
    margin-bottom: 60px;
}

.bbs_view .bbs_tag {
    display: inline-block;
    min-width: 80px;
    padding: 8px 10px;
    border-radius: 30px 40px 0 30px;
    border: 1px solid rgba(62, 80, 107, 0.4);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    vertical-align: middle;
    color: #3e506b;
    margin-bottom: 20px;
}

.tbl.insert .mail.vocMail {
    display: flex;
    flex-wrap: wrap;
    /* 반응형 대응 */
    gap: 8px;
    /* 요소 간 간격 */
    align-items: center;
}

.tbl.insert .mail.vocMail .mail1,
.tbl.insert .mail.vocMail .mail3 {
    flex: 1 1 30%;
    /* 여유 있게 넓어지도록 */
    min-width: 100px;
    margin-right: 0;
}

.tbl.insert .mail.vocMail .mail2 {
    flex: 0 0 auto;
    padding: 0;
    margin-right: 0;
}

.tbl.insert .mail.vocMail .mail4 {
    flex: 1 1 30%;
    min-width: 100px;
    margin-top: 0;
    margin-right: 0;
}

.faq_search+.board_list {
    margin-top: 60px;
}

.board_list {
    display: block;
    width: 100%;
    border-top: 2px solid var(--gray-00);
    margin-bottom: 40px;
}

.board_list li.notice_item {
    display: block;
    border-bottom: 1px solid var(--gray-line);
}

.board_list li.notice_item a {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: space-between;
    white-space: nowrap;
    align-items: center;
    padding: 30px 24px;
    line-height: 1;
}

.board_list li.notice_item span {
    line-height: 1;
    vertical-align: middle;
    color: var(--gray-66);
}

.board_list li.notice_item div.right {
    flex: 1 1 70%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    /* 반응형 대응 */
    gap: 60px;
}

.board_list li.notice_item span.notice_badge {
    color: #3e506b;
    width: 70px;
}

.board_list li.notice_item span.tit {
    color: #000;
}

.board_list li.notice_item span.date {
    flex: 1 1 30%;
    text-align: right;
}

.board_list li.notice_item:hover {
    background: #fff8f2;
}

.board_list li.notice_item:hover span.tit {
    color: #ed6d01;
    font-weight: 700;
}

.board_list li.notice_item .no-result {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 30px 24px;
    line-height: 1;
}

.board_list li.notice_item.no-data .no-result p {
    line-height: 1;
    vertical-align: middle;
    color: #000;
}

.board_list li.notice_item.no-data:hover {
    background: #fff;
}

.board_list ul.top-pinned li.notice_item {
    background: #f2f8fb;
}

.board_list li.notice_item span.num {
    width: 5%;
}

.board_list ul.top-pinned li.notice_item span.num.pinned {
    position: relative;
}

.board_list ul.top-pinned li.notice_item span.num.pinned:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/help/ico-pin.png) 100% 50% no-repeat;
    background-size: 24px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.board_list ul.top-pinned li.notice_item:hover span.tit {
    color: var(--pc-blue);
}

.search_box_tbl.faq_search.notice_search {
    padding: 40px 0;
    margin-bottom: 60px;
}

.select_wrap.w180 {
    width: 100%;
    display: inline-block;
}

.search_box_tbl.faq_search .search_wrap.w400 {
    width: 100%;
    display: inline-block;
    margin-left: 10px;
}

@media (max-width: 1179px) {
    .help_tab {
        margin-bottom: 30px;
    }

    .bbs_view {
        border-bottom: none;
        padding: 0;
    }

    .bbs_view .bbs_tag {
        margin-top: 10px;
    }

    .bbs_view .date {
        margin-bottom: 30px;
    }

    .bbs_view .editor_txt {
        padding: 0;
    }

    .bbs_view img {
        margin: 10px 0;
    }

    .bbs_view .editor_txt p {
        word-break: keep-all;
    }

    .board-attach {
        padding: 10px 0;
    }

    .board-attach ul li button.btn-file:before {
        margin-right: 20px;
    }

    .board-attach button.btn-file span {
        width: auto;
        font-size: 14px;
    }

    .faq_search+.board_list {
        margin-top: 40px;
    }
}

@media (min-width: 279px) and (max-width: 767px) {
    .search_box_tbl.faq_search.notice_search {
        padding: 30px 0;
        margin-bottom: 40px;
    }

    .select_wrap.w180 {
        width: 100% !important;
        padding: 0 20px;
    }

    .search_box_tbl.faq_search .search_wrap.w400 {
        width: 100% !important;
        margin: 10px 0 0 0;
        padding: 0 20px;
    }

    .search_box_tbl.notice_search .search_wrap button {
        right: 35px;
    }

    .board_list li.notice_item a {
        display: block;
        padding: 20px 15px;
        position: relative;
    }

    .board_list li.notice_item div.right {
        display: block;
    }

    .board_list li.notice_item span {
        display: block;
    }

    .board_list li.notice_item span.num:not(.pinned) {
        display: none;
    }

    .board_list ul.top-pinned li.notice_item span.num.pinned {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .board_list ul.top-pinned li.notice_item span.num.pinned:before {
        position: static;
        transform: none;
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

    .board_list li.notice_item span.tit {
        margin-top: 15px;
    }

    .board_list li.notice_item span.date {
        display: block;
        text-align: left;
        margin-top: 10px;
    }

    .memberPrivacyWrap .policy_wrap {
        padding: 20px;
    }

    .memberPrivacyWrap .policy_wrap p+ol {
        margin-bottom: 0;
        padding-left: 15px;
    }

    .board_list li.notice_item .no-result {
        display: block;
        padding: 20px 15px;
    }
}


.term_wrap {
    white-space: normal;
    word-break: keep-all;
    text-align: left;
}

.term_wrap .term_navi {
    margin-bottom: 60px;
    padding: 50px 60px;
    background: #f7f7f7;
}

.term_wrap .term_navi ul {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

.term_wrap .term_navi ul li {
    margin: 10px 0;
}

.term_wrap .term_navi ul li a {
    font-size: 16px;
}

.term_wrap dl dt h2 {
    font-size: 18px;
    color: #000;
    line-height: 1;
}

.term_wrap dl dd {
    margin: 20px 0 40px;
}

.term_wrap p+dl {
    margin-top: 40px;
}

.term_wrap dl dd ol.ol-normal {
    padding-left: 0;
    margin: 0;
}

.term_wrap p,
.term_wrap dl dd p,
.term_wrap dl dd h3,
.term_wrap dl dd ol.ol-normal li {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

.term_wrap dl dd h3 {
    color: #000;
}

.term_wrap dl dd p+ol.ol-normal,
.term_wrap dl dd ol.ol-normal+ol.ol-normal,
.term_wrap dl dd ol.ol-normal>li+li {
    margin-top: 10px;
}

.term_wrap dl dd ol.ol-normal+p,
.term_wrap dl dd h3+p {
    margin-top: 20px;
}

.term_wrap dl dd p+p,
.term_wrap dl dd li ol.ol-normal {
    margin-top: 5px;
}

.term_wrap dl dd ol.ol-normal li {
    padding-left: 0;
}

.term_wrap dl dd p+ol.ol-normal,
.term_wrap dl dd li ol.ol-normal li {
    padding-left: 10px;
}

@media screen and (max-width: 767px) {
    .term_wrap .term_navi {
        padding: 20px 40px;
        margin-bottom: 40px;
    }

    .term_wrap .term_navi ul {
        display: block;
        width: 100%;
    }

    .term_wrap .term_navi ul li {
        margin: 5px 0;
    }
}

.tbl.memberBenefitTbl {
    border-top: none;
}

.tbl.memberBenefitTbl tr {
    border-bottom: none;
}

.memberWrap .tbl.memberBenefitTbl thead th {
    background-color: #F2F8FB;
    font-size: 14px;
    width: auto;
    padding: 20px 20px;
    border-right: none;
}

.memberWrap .tbl.memberBenefitTbl thead th.bg-blue {
    background: #006DB9;
    color: #fff;
}

.tbl.memberBenefitTbl th span.icon {
    display: block;
    margin: 0 auto 5px;
    width: 30px;
    height: 30px;
    background: no-repeat center;
    background-size: 30px 30px;
}

.tbl.memberBenefitTbl th span.icon.icon-first {
    background-image: url(../images/help/ico-first.png);
}

.tbl.memberBenefitTbl th span.icon.icon-platinum {
    background-image: url(../images/help/ico-pla.png);
}

.tbl.memberBenefitTbl th span.icon.icon-gold {
    background-image: url(../images/help/ico-gold.png);
}

.tbl.memberBenefitTbl th span.icon.icon-silver {
    background-image: url(../images/help/ico-silver.png);
}

.tbl.memberBenefitTbl th span.icon.icon-basic {
    background-image: url(../images/help/ico-basic.png);
}

.tbl.memberBenefitTbl tbody th {
    width: auto;
    font-size: 14px;
    text-align: center;
    background: #F7F7F7;
}

.tbl.memberBenefitTbl tbody th,
.tbl.memberBenefitTbl tbody td {
    border-right: none;
    padding: 20px 20px;
    border-bottom: 1px solid #EAEAEA;
}

.tbl.memberBenefitTbl tbody td {
    font-size: 14px;
    color: #000;
    height: 100px;
}

.tbl.memberBenefitTbl strong+span.grey-999 {
    margin-left: 5px;
}

.tbl.memberBenefitTbl .coupon-img {
    display: block;
    height: 55px;
    font-size: 0;
    vertical-align: middle;
}

.tbl.memberBenefitTbl .coffee-img {
    display: block;
    margin: 0 auto 5px;
    width: auto;
    height: 30px;
}

.tbl.memberBenefitTbl .coffee-img img,
.tbl.memberBenefitTbl .coupon-img img {
    vertical-align: top;
    border: 0;
    height: 100%;
    width: auto;
}

.MemberTabWrap .brandNote {
    background-color: #F2F8FB;
    color: #666;
    text-align: center;
    font-size: 16px;
    margin: 40px auto 0;
    border-radius: 4px;
    padding: 20px 0;
}

.brandWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.brandWrap a.btn-outline-secondary {
    width: calc(33.3333% - 20px);
    margin: 15px 0;
    height: auto;
    line-height: 1;
    padding: 60px 0;
    border-radius: 16px;
    border-color: #DFDFDF;
}

.brandWrap a.btn-outline-secondary:hover {
    color: inherit;
    background: #fff;
    border-color: #ED6D01;
    box-shadow: 0px 0px 12px 0px #0000001F;
}

.brandWrap a.btn-outline-secondary .brand-logo-img {
    max-width: 230px;
    height: 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.brandWrap a.btn-outline-secondary .brand-logo-img.h35 {
    height: 35px;
}

.brandWrap a.btn-outline-secondary .brand-logo-img img {
    height: auto;
    max-height: 100%;
    width: auto;
}

.remodal h2.brand-name,
.brandWrap a.btn-outline-secondary .brand-title {
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.brandWrap a.btn-outline-secondary .brand-title:before {
    display: block;
    content: '';
    width: 24px;
    height: 1px;
    margin: 20px auto;
    background: #D9D9D9;
}

.brandWrap a.btn-outline-secondary ul.brand-benefit li {
    font-size: 18px;
    line-height: 1.5;
    color: #666;
    font-weight: 400;
}

.brandWrap a.btn-outline-secondary ul.brand-benefit li .text-blue {
    font-weight: bold;
}

.remodal.brandModal {
    padding: 0;
    border: none;
    border-radius: 20px;
    overflow: hidden;
}

.remodal.brandModal .brand-logo-img {
    max-width: 230px;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.remodal.brandModal .brand-logo-img img {
    height: auto;
    max-height: 25px;
    width: auto;
}

.remodal.brandModal .brand-logo-img.h35 img {
    height: auto;
    max-height: 35px;
    width: auto;
}

.remodal.brandModal .brand-title {
    background: #F7F7F7;
    position: relative;
    padding: 10px 0 30px;
}

.remodal.faqmodal .remodal-close,
.remodal.brandModal .remodal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/help/ico-x.svg) center no-repeat;
    background-size: 17px auto;
    border: none;
    outline: none;
}

.remodal.brandModal .brand-title .btnWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.remodal.brandModal .brand-title .btnWrap a.btn.btn_line {
    margin: 0;
    height: auto;
    line-height: 1;
    border-radius: 4px;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 500;
}

.remodal.brandModal .brand-benefit {
    text-align: left;
    padding: 40px 40px 20px;
}

.remodal.brandModal .brand-benefit dl+dl {
    margin-top: 40px;
}

.remodal.brandModal .brand-benefit dt {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}

.remodal.brandModal .brand-benefit dt span.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: no-repeat center;
    background-size: 24px 24px;
    margin-right: 3px;
    vertical-align: top;
}

.remodal.brandModal .brand-benefit dt span.icon-point {
    background-image: url(../images/help/ico-saving.png);
}

.remodal.brandModal .brand-benefit dt span.icon-bday {
    background-image: url(../images/help/ico-gift.png);
}

.remodal.brandModal .brand-benefit dt span.icon-new {
    background-image: url(../images/help/ico-sale.png);
}

.remodal.brandModal .brand-benefit dd {
    margin-top: 15px;
    font-size: 14px;
}

.remodal.brandModal .brand-benefit dd ul.list-dots2>li {
    font-size: 14px;
}

.remodal.brandModal .brand-benefit dd p.text-blue {
    font-weight: 500;
    margin-bottom: 10px;
}

.remodal.brandModal .brand-note {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 15px 15px;
    margin: 0 40px 30px;
    text-align: left;
}

.remodal.brandModal .brand-note dl+dl {
    margin-top: 10px;
}

.remodal.brandModal .brand-note dt {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    margin-bottom: 5px;
}

.remodal.brandModal .brand-note ul.list-hyp li,
.remodal.brandModal .brand-note dd {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    line-height: 1.5;
}

.remodal.faqmodal .faq-title {
    padding: 40px 40px 0 40px;
    position: relative;
    margin-bottom: 40px;
}

.remodal.faqmodal .faq-title::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #EAEAEA;
    margin-top: 40px;
}

.remodal.faqmodal .faq-title h1 {
    font-size: 24px;
    line-height: 1.5;
    text-align: left;
}

.remodal.faqmodal .pop-section {
    text-align: left;
    padding: 0 40px;
}

.remodal.faqmodal .pop-section p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.remodal.faqmodal .pop-section p strong {
    font-weight: 500;
}

.remodal.faqmodal .pop-section p+.ol-normal {
    margin-top: 20px;
}

.remodal.faqmodal .ol-normal {
    margin: 0;
    padding: 0;
}

.remodal.faqmodal .ol-normal li+li {
    margin-top: 30px;
}

.remodal.faqmodal .ol-normal li p {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    font-weight: 700;
}

.remodal.faqmodal .ol-normal+img,
.remodal.faqmodal .ol-normal li p+img {
    margin-top: 10px;
}

.remodal.faqmodal .ol-normal.ol-sub+img {
    margin-top: 20px;
}

.remodal.faqmodal .ol-normal img {
    width: 100%;
}

.remodal.faqmodal .pop-section p+.ol-normal.ol-sub,
.remodal.faqmodal .ol-normal.ol-sub {
    margin-top: 10px;
}

.remodal.faqmodal .ol-normal.ol-sub li+li {
    margin-top: 5px
}

.remodal.faqmodal .ol-normal.ol-sub p,
.remodal.faqmodal .ol-normal.ol-sub li {
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.remodal.faqmodal .ol-normal.ol-sub span.blue-num {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #006DB9;
    border-radius: 50%;
    line-height: 20px;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-right: 0;
}

.remodal.faqmodal .pop-btn {
    padding: 0 40px;
}

.remodal.faqmodal .pop-btn:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #EAEAEA;
    margin-bottom: 20px;
    margin-top: 40px;
}

.memberTableScroll {
    margin: 15px;
}

.memberTableScroll span {
    font-size: 12px;
    color: #666;
    text-align: center;
}

.memberTableScroll span:before,
.memberTableScroll span:after {
    content: '';
    display: inline-block;
    width: 33px;
    height: 8px;
    background: no-repeat center;
    background-size: 33px auto;
}

.memberTableScroll span:before {
    background-image: url(../images/help/ico-scroll-arrow-left.png);
    margin-right: 15px;
}

.memberTableScroll span::after {
    background-image: url(../images/help/ico-scroll-arrow-right.png);
    margin-left: 15px;
}

@media screen and (max-width: 767px) {
    ul.member_list>li {
        border-radius: 10px;
    }

    ul.member_list>li a.faq-q {
        font-size: 14px;
        padding: 20px 20px;
    }

    ul.faq_list.member_list li a.faq-q:after {
        top: 50%;
        right: 20px;
    }

    ul.faq_list.member_list .faq-a {
        padding: 0 20px 20px;
    }

    .MemberTabWrap {
        margin: 60px auto 0;
    }

    .memberWrap .MemberTabWrap+.bbs_view_btn {
        margin: 0 auto;
    }

    .memberWrap .MemberTabWrap+.bbs_view_btn a.btn {
        width: calc(50% - 5px);
        font-size: 14px;
        padding: 0;
    }

    .brandWrap a.btn-outline-secondary {
        width: 100%;
        margin: 5px 0;
        padding: 30px 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border-radius: 10px;
    }

    .brandWrap a.btn-outline-secondary .brand-logo-img {
        height: auto;
        width: 40%;
        max-width: none;
    }

    .brandWrap a.btn-outline-secondary .brand-logo-img img {
        width: auto;
        max-width: 110px;
        height: auto;
        max-height: 15px;
    }

    .brandWrap a.btn-outline-secondary .brand-logo-img img.tru-logo {
        max-height: 13px;
    }

    .brandWrap a.btn-outline-secondary .brand-logo-img.h35 img {
        max-height: 18px;
    }

    .brandWrap a.btn-outline-secondary .brand-logo-img.h35.ahwe img {
        max-height: 25px;
    }

    .brandWrap a.btn-outline-secondary .brand-title:before {
        content: none;
    }

    .brandWrap a.btn-outline-secondary .brand-info {
        text-align: left;
        display: inline-block;
        width: 50%;
    }

    .brandWrap a.btn-outline-secondary .brand-title {
        font-size: 14px;
    }

    .brandWrap a.btn-outline-secondary .brand-title.ahwe {
        font-size: 14px;
    }

    .brandWrap a.btn-outline-secondary ul.brand-benefit li {
        font-size: 14px;
    }

    .MemberTabWrap .brandNote {
        font-size: 14px;
        margin: 10px auto 0;
    }

    .remodal.faqmodal.w600,
    .remodal.faqmodal.w375,
    .remodal.brandModal.w600 {
        width: 100% !important;
        border-radius: 0;
    }

    .remodal.brandModal .remodal-close {
        top: 5px;
        right: 5px;
    }

    .remodal.brandModal .brand-benefit {
        padding: 40px 20px 20px;
    }

    .remodal.brandModal ul.list-dots2>li {
        line-height: 1.5;
    }

    .remodal.brandModal .brand-note {
        margin: 0 20px 30px;
    }

    .memberBenefitTbl {
        border-collapse: collapse;
        width: 100%;
        /* min-width: 920px; */
    }

    .memberWrap .tbl.memberBenefitTbl thead th,
    .tbl.memberBenefitTbl tbody th,
    .tbl.memberBenefitTbl tbody td {
        font-size: 12px;
        ;
    }

    .memberBenefitTbl thead th.bg-blue {
        position: sticky;
        left: 0;
        z-index: 3;
        background: #006DB9;
        color: #fff;
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }

    .memberBenefitTbl tbody th:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #F7F7F7;
        /* white-space: nowrap; */
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        word-break: keep-all;
    }
}

.storeSection {
    width: 100%;
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.storeSection+.storeSection {
    border-top: 1px solid #eaeaea;
}

.storeSection .brandTitle {
    width: 30%;
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    text-align: left;
}

.storeSection .storeLink {
    width: 70%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    /* 행 간격 */
    list-style: none;
    margin: 0;
    padding: 0;
}

.storeSection .storeLink li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(33.3% - 20px);
    aspect-ratio: 2 / 1; /* 가로:세로 = 2:1 */
    max-width: 300px;
    
}

.storeSection .storeLink li a.storeLinkItem {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    position: relative;
}

.storeSection .storeLink li a.storeLinkItem img{
    width: 86%;
    height: auto;
}

.storeSection .storeLink li a.storeLinkItem:hover{
    border-color: #207fc1;
    background: #fff;
}

.storeSection .storeLink li a.storeLinkItem:hover::after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/stores/arrow-up-right.png) center no-repeat;
    background-size: 20px 20px;
    position: absolute;
    top: 10px;
    right: 10px;
}

@media (max-width: 768px) {
    .storeSection {
        flex-direction: column;
    }

    .storeSection .brandTitle {
        width: 100%;
        margin-bottom: 15px;
        font-size: 18px;
    }

    .storeSection .storeLink {
        width: 100%;
    }

    .storeSection .storeLink {
        flex-wrap: wrap;
        gap: 10px;
    }

    .storeSection .storeLink li {
        flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
    aspect-ratio: 2 / 1; /* 가로:세로 = 2:1 */
    }
}

.page_tab_area{
    width: 100%;
    height: 56px;
    display: block;
    margin: 0 auto 40px;
    position: relative;
}

.page_tab_area > .tab_wrap {
    display: block;
    height: 56px;
    /*overflow-x: auto;*/
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.page_tab_area > .tab_wrap::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-device-width: 600px) {
    .page_tab_area > .tab_wrap {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
}

.page_tab_area > .tab_wrap ul.tab_menu{
    position: relative;
    display: inline-flex;
    height: 56px;
}

.page_tab_area > .tab_wrap ul.tab_menu li{
    display: flex;
    flex: 0 0 auto;
    width: auto;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    height: 56px;
}

.page_tab_area > .tab_wrap ul.tab_menu li a{
    display: block;
    padding: 0 30px;
    min-width: 140px;
    text-align: center;
    font-size: 20px;
    color: #666;
    border: 1px solid #dfdfdf;
    border-radius: 60px;
    height: 56px;
    line-height: 55px;
}

.page_tab_area > .tab_wrap ul.tab_menu li.on a{
    font-weight: bold;
    color: #ED6D01;
    border-color: #ED6D01;
}

.page_tab_area > .tab_wrap ul.tab_menu li:not(.on):hover a{
    border-color: #000;
}

@media only screen and (max-width: 767px) {
    .page_tab_area > .tab_wrap{
        width: 100%;
        height: 44px;
        overflow-x: auto;
    }

    .page_tab_area > .tab_wrap ul.tab_menu{
        width: 100%;
        height: 44px;        
    }

    .page_tab_area > .tab_wrap ul.tab_menu li{
        width: calc(33.33% - 5px);
        margin: 0 auto;
        text-align: center;
        height: 44px;
    }

    .page_tab_area > .tab_wrap ul.tab_menu li a{
        width: 100%;
        min-width: unset;
        padding: 0;
        font-size: 14px;
        color: #666;
        height: 44px;
        line-height: 42px;
    }
    
    .page_tab_area > .tab_wrap ul.tab_menu.faq_menu{
        padding-left: 20px;
    }

    .page_tab_area > .tab_wrap ul.tab_menu.faq_menu li{
        width: auto;
        min-width: 100px;
        padding: 0;
        margin: 0 5px;
    }

    .page_tab_area > .tab_wrap ul.tab_menu.faq_menu li a{
        display: block;
        width: 100%;
        padding: 0 20px;
    }
}