@charset "utf-8";

.form_wrap .form_box+.form_box {
    margin-top: 10px
}

.form_wrap>.form_inp+.form_inp {
    margin-top: 10px
}

.form_box {
    display: flex;
    align-items: center;
    position: relative
}

.form_box .form_inp input {
    font-size: 14px
}

.form_box .form_inp.error input,
.form_box .form_inp.success input {
    padding-right: 50px
}

.form_wrap .form_select+.form_select,
.form_wrap .select_box+.select_box {
    margin-left: 10px
}

.form_box .form_inp+.form_select,
.form_box .form_inp+.select_box {
    margin-left: 10px
}

.form_box .form_select+.form_inp,
.form_box .select_box+.form_inp {
    margin-left: 10px
}

.form_box.st01 .form_select+.form_select,
.form_box.st01 .select_box+.select_box {
    margin-left: 10px
}

.form_box .gap {
    padding: 0 5px
}

.form_box .form_select,
.form_box .select_box+[class^="btn_grade"] {
    margin-left: 10px
}

.form_box .form_select,
.form_box .select_box+[class^="btn_grade"]+[class^="btn_grade"] {
    margin-left: 10px
}

.form_box>.form_inp+.form_inp {
    margin-left: 10px
}

.form_box>.form_inp+[class^="btn_grade"] {
    margin-left: 10px
}

.form_box.type1 .form_select,
.form_box.type1 .select_box {
    flex: 1
}

.form_box.type1 .form_inp {
    flex: 1
}

.form_box.type1 .form_select+.form_inp,
.form_box.type1 .select_box+.form_inp {
    flex: 1;
    margin-left: 5px
}

.form_box.type1 .btn_box {
    margin-left: 40px
}

.form_inp.btn_wrap input+a,
.form_inp.btn_wrap input+button {
    margin-left: 10px
}

.form_wrap.type1 {
    display: flex
}

.form_wrap.type1+.form_wrap {
    margin-top: 20px
}

.form_wrap.type1>.form_box {
    display: block;
    margin-top: 0;
    flex: 1
}

.form_wrap.type1>.form_box+.form_box {
    margin-left: 10px
}

.form_wrap.type1+.btn_wrap {
    margin-top: 30px
}

.form_box.with_text .txt_prev {
    font-size: 15px;
    color: #666;
    margin-right: 20px
}

.form_box.with_text .txt_next {
    min-width: 14px;
    font-size: 15px;
    color: #666;
    margin-left: 6px
}

.form_box.with_text .btn_box {
    margin-left: 20px
}

.select_box .box_area.type1 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.select_box .box_area>.value {
    display: block;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden
}

.select_box .cont_sub {
    font-size: 13px;
    color: #666
}

.select_box .cont_sub>.dday {
    color: #de3831
}

.form_inp.calendar>input {
    font-family: 'ManropeR'
}

.form_inp.calendar>input:read-only {
    color: #bbb
}

.form_inp.calendar.selected>input:read-only {
    color: #222
}

.form_inp.calendar>input::placeholder,
.form_inp.calendar>input::-webkit-input-placeholder {
    color: #bbb;
    font-family: 'NotoSans', '맑은 고딕', 'Malgun Gothic'
}

.form_inp.calendar>input:-ms-input-placeholder {
    color: #bbb;
    font-family: 'NotoSans', '맑은 고딕', 'Malgun Gothic'
}

.form_inp.password>input {
    font-family: 'ManropeR'
}

.form_inp.card>input {
    color: #222;
    padding-left: 10px
}

.form_box.easy .form_inp.inp .btn_ico {
    width: 18px;
    right: 10px
}

.form_box.easy .form_inp input {
    padding-right: 25px
}

.form_wrap.flight .form_inp {
    width: 100%
}

.form_wrap.flight .select_box {
    width: calc(50% - 5px)
}

.form_box.phone>.select_box {
    flex: 0 0 140px
}

.form_box.price .form_inp {
    flex: 1
}

.form_box.price input {
    padding: 0 20px;
    font-family: 'ManropeBold'
}

.form_box.price>.dash {
    display: inline-block;
    width: 8px;
    height: 1px;
    background-color: #999;
    margin: 0 5px
}

.form_box.price .btn_box {
    width: 60px;
    margin-left: 6px
}
/*
.form_box.won_price .form_inp:before {
    content: '$';
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    font-family: 'ManropeBold'
}
*/
.fake_input .fake_cont {
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 10px;
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center
}

.fake_input .fake_cont .form_tit {
    margin-right: 6px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'notoSans'
}

.fake_input .fake_cont .text {
    font-size: 14px;
    color: #222;
    background-color: transparent;
    vertical-align: inherit;
    font-family: 'notoSansBold'
}

.fake_input .fake_cont {
    display: flex
}

.fake_input .fake_cont>span {
    display: flex
}

.fake_input .fake_cont>span+span {
    margin-left: 40px
}

.fake_input .fake_cont .go_link .btn_txt {
    font-size: 14px;
    color: #222
}

.search_box .form_inp {
    border-bottom: 1px solid #222
}

.search_box .form_inp.double .btn_ico {
    right: 0;
    bottom: 5px;
    top: auto
}

.search_box .form_inp.double.del>.btn_ico.delete,
.form_inp.double>input:focus+.btn_ico.delete {
    right: 26px
}

.search_box .form_inp.st01 {
    width: 250px
}

.search_box .form_inp input {
    padding: 0 60px 10px 0;
    border: 0;
    font-size: 15px;
    background-color: #fff
}

.form_search {
    position: relative
}

.form_search .form_search_result {
    display: none;
    position: absolute;
    top: 40px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
    border: 1px solid #222;
    border-top: 0;
    background-color: #fff;
    z-index: 1
}

.form_search .form_search_result>ul>li {
    padding: 11px 0
}

.form_search .form_search_result>ul>li>a>span {
    color: #de3831
}

.form_search.active>.form_inp>input {
    border: 1px solid #222;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    background-color: #fff
}

.form_search.active .form_search_result {
    display: block
}

.form_search .title {
    display: block;
    font-size: 24px;
    margin-bottom: 16px
}

.form_search.type1 .form_inp {
    border-radius: 10px;
    border: 1px solid transparent;
    background-image: linear-gradient(#cd6d9d, #e5605a), linear-gradient(90deg, #cd6d9d, #e5605a)
}

.form_search.type1 .form_inp>input {
    background-color: #fff;
    border-radius: 9px
}

.form_search.type1 .form_inp:hover>input,
.form_search.type1 .form_inp>input:focus {
    border-color: transparent;
    outline: 0
}

.form_area+.form_area_tit {
    margin-top: 25px
}

.form_area.type1 {
    padding: 0 30px
}

.form_area_list>li {
    display: flex;
    margin-top: 20px
}

.form_area_list>li:first-child {
    margin-top: 0
}

.form_area_list.type1 {
    flex-wrap: wrap;
    flex-direction: column
}

.form_area_tit {
    flex: 0 0 170px;
    font-size: 15px;
    color: #666;
    padding-top: 5px
}

.form_area_tit.type1 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form_area_tit>.tit {
    font-size: 20px;
    font-family: 'NotoSansBold';
    color: #222;
    vertical-align: middle
}

.form_area_tit .form_tooltip .tit {
    position: relative;
    font-size: 20px;
    font-family: 'NotoSansBold';
    color: #222
}

.form_area_tit>.form_tit {
    margin-bottom: 0
}

.form_area_tit a {
    vertical-align: 2px
}

.form_area_tit .form_tit.text {
    color: #222;
    font-family: 'NotoSansBold'
}

.form_area_cont {
    flex: 1
}

.form_area_cont .form_box.type1 .btn_box {
    margin-left: 10px
}

.form_area_cont .form_box.type1 .btn_box [class^="btn_grade"]+[class^="btn_grade"] {
    margin-left: 6px
}

.form_area_cont .width1 {
    width: 545px
}

.form_area_cont .width2 {
    width: 407px
}

.form_area_cont .width3 {
    width: 437px
}

.form_area_cont .width4 {
    width: 198px
}

.form_area_cont [class^="inp_"] {
    margin-left: 120px
}

.form_area_cont [class^="inp_"]:first-of-type {
    margin-left: 0
}

.form_area.type1 .form_area_list>li {
    display: block;
    margin-top: 50px
}

.form_area.type1 .form_area_list>li:first-child {
    margin-top: -5px
}

.form_area_list.type1 .form_area_cont {
    margin-top: 25px
}

.form_area_list li.form_btn_area {
    display: block;
    text-align: center;
    padding-bottom: 10px
}

.form_conts {
    display: flex
}

.form_conts .form_tit {
    font-family: 'NotoSans';
    font-weight: 400
}

.form_conts .form_tit>strong {
    display: inline-block
}

.form_conts .form_area_cont {
    text-align: right
}

.form_txt {
    display: block;
    font-size: 16px;
    padding-top: 5px
}

.form_txt .tel_num {
    display: inline-block;
    margin-right: 6px
}

.form_conts.type_txt {
    margin-top: -5px
}

.form_conts .form_box {
    text-align: left
}

.form_conts.type1 {
    justify-content: space-between;
    align-items: center
}

.fake_box>input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.fake_box label {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    border: 1px solid #eee;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px 20px
}

.fake_box label::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 22px;
    height: 22px;
    background: url('../images/ico_radiobox.png') 0 0 no-repeat;
    background-size: 22px auto;
    margin-top: -11px
}

.fake_box .target {
    flex: 1;
    margin-right: 20px;
    overflow: hidden
}

.fake_box .target .target_name {
    color: #666;
    font-size: 14px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.fake_box .target .target_txt {
    width: 100%;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.fake_box>input:checked+label {
    border-color: #222
}

.fake_box>input:checked+label::after {
    background-position: 0 -32px
}

.fake_list li {
    margin-top: 10px
}

.fake_list li:first-child {
    margin-top: 0
}

.ck_like_box {
    display: flex;
    align-items: center
}

.ck_like_box .ck_like {
    margin-right: 10px
}

.desc {
    margin-top: 50px;
    padding: 15px 20px;
    font-size: 14px;
    color: #999;
    background-color: #f7f7f7;
    border-radius: 10px;
    letter-spacing: -1.2px
}

.no_result {
    padding: 160px 0;
    text-align: center;
    color: #222;
    font-size: 15px
}

.no_result>strong {
    display: block;
    font-size: 20px
}

.no_result>a {
    margin-top: 20px
}

.no_result.coupon {
    background: url('../images/img_nocoupon.png') 50% 110px no-repeat;
    padding: 210px 0 100px
}

.ico_wrap {
    position: relative;
    display: block;
    width: 81px;
    height: 81px;
    margin: auto;
    background-color: #eee;
    border-radius: 50%;
    margin-bottom: 25px
}

.ico_wrap .ico_point:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 22px;
    background: url(../images/ico_point.png);
    transform: translate(-50%, -50%)
}

.no_result .txt {
    font-size: 20px
}

.no_result .sub_txt {
    font-size: 16px;
    color: #666;
    margin-top: 12px
}

.no_result.type02 {
    padding: 40px 0;
    font-size: 15px
}

.no_result.type02 .ico_wrap {
    width: 100px;
    height: 100px;
    margin-bottom: 29px
}

.subpage_title {
    font-size: 28px;
    font-family: 'NotoSansBold';
    padding: 90px 0;
    text-align: center
}

.title_wrap {
    display: flex;
    font-size: 16px;
    align-items: center;
    padding-bottom: 30px;
    height: 58px;
    box-sizing: border-box
}

.title_wrap.type1 {
    justify-content: space-between
}

.title_wrap.type2 {
    height: auto;
    flex-direction: column;
    justify-content: center
}

.title_wrap.st01 {
    padding-bottom: 20px;
    height: 48px
}

.title_wrap.st02 {
    padding-bottom: 10px;
    height: auto
}

.title_wrap.line {
    height: auto;
    align-items: baseline
}

.title_wrap.line.st01 {
    align-items: center
}

.title_wrap.line .main_title {
    line-height: 40px
}

.title_wrap .main_title {
    display: flex;
    align-items: center;
    margin-top: -3px
}

.title_wrap .main_title>strong {
    font-size: 28px;
    font-family: 'NotoSansBold'
}

.title_wrap .main_title>strong strong {
    color: #de3831;
    font-family: 'NotoSansBold'
}

.title_wrap .main_title .title_desc {
    margin-left: 20px;
    color: #666
}

.sub_title {
    font-size: 20px
}

.sub_title.st01 {
    font-size: 24px
}

.sub_title.st02 {
    font-size: 28px
}

.sub_title .sub_desc {
    font-size: 16px;
    color: #666;
    margin-top: 3px
}

.sub_title .sub_tit_txt {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-left: 20px
}

.title_wrap .second_title {
    font-size: 16px;
    color: #999
}

.title_wrap .r_box {
    margin-left: auto
}

.go_link_wrap .title_wrap {
    padding-bottom: 0
}

.go_link_wrap .sub_title {
    display: block
}

.go_link_wrap .sub_desc {
    display: block
}

.function_btn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.function_btn .item {
    margin-left: 20px
}

.function_btn .btn_wrap [class^="btn_grade"] {
    flex: 1
}

.tit_border {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px
}

.personal_wrap .title_wrap {
    height: auto
}

.sub_top_wrap {
    padding: 50px 0;
    text-align: center
}

.sub_top_wrap.ico {
    padding-top: 205px
}

.sub_top_wrap.end {
    background: url('../images/ico_finish.png') 50% 84px no-repeat
}

.sub_top_wrap .title {
    font-size: 32px;
    font-weight: bold
}

.sub_top_wrap .top_step {
    margin-top: 25px
}

.top_step .step_item {
    display: inline-block
}

.top_step .step_item+.step_item {
    margin-left: 68px
}

.top_step .step_item+.step_item .ico_box:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
    width: 80px;
    height: 1px;
    background-color: #e0e0e0
}

.top_step .step_item .ico_box {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #e0e0e0
}

.top_step .step_item .step_name {
    display: block;
    margin-top: 12px;
    font-size: 16px;
    color: #e0e0e0;
    font-family: 'notoSans'
}

.top_step .step_item.on .ico_box {
    background-color: #000
}

.top_step .step_item.on .step_name {
    color: #000;
    font-family: 'notoSansBold'
}

.top_order_info {
    font-size: 16px;
    color: #666;
    margin-top: 7px
}

.top_order_info .number {
    display: inline-block;
    font-family: 'ManropeBold';
    color: #de3831;
    margin-left: 4px
}

.sub_top_btn {
    width: 500px;
    margin: 35px auto 0
}

.ico_box>[class^="ico_"]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ico_box .ico_cart:after {
    width: 25px;
    height: 23px;
    background: url('../images/ico_cart.png') 0 0 no-repeat;
    background-size: 25px auto;
    top: 52%
}

.ico_box .ico_pay:after {
    width: 24px;
    height: 18px;
    background: url('../images/ico_pay.png') 0 0 no-repeat;
    background-size: 24px auto
}

.ico_box .ico_list:after {
    width: 20px;
    height: 24px;
    background: url('../images/ico_list.png') 0 0 no-repeat;
    background-size: 20px auto
}

.subcont_box {
    margin-top: 20px
}

.subcont_box:first-of-type {
    margin-top: 0
}

.subcont_box .big_title {
    display: block;
    font-size: 20px
}

.subcont_box .big_title em {
    color: #df3832
}

.box_inner.accordion_wrap .big_title.before {
    display: none
}

.box_inner.accordion_wrap .big_title.after {
    display: block
}

.box_inner.accordion_wrap.on .big_title.before {
    display: block
}

.box_inner.accordion_wrap.on .big_title.after {
    display: none
}

.subcont_box .title_wrap .info_price {
    display: flex;
    align-items: center
}

.subcont_box .title_wrap .info_price .p_rate {
    margin-top: 0;
    margin-right: 10px
}

.subcont_box .title_wrap .info_price .p_rate>i {
    font-size: 16px
}

.subcont_box .title_wrap .info_price .p_sum {
    margin-top: 0
}

.subcont_box .title_wrap .info_price .p_sum>strong {
    font-size: 20px
}

.box_inner .title_wrap .ico_arrow {
    margin-left: 20px
}

.subcont_main {
    float: left;
    width: 955px
}

.subcont_main.auto {
    float: none;
    margin: 0 auto
}

.subcont_box .box_inner {
    padding: 36px 40px 40px;
    border-radius: 20px;
    background-color: #fff;
    display: block;
    box-sizing: border-box
}

.subcont_box .box_inner.type1 {
    padding: 0
}

.subcont_box .box_inner.type1 .box_head {
    padding: 30px 40px;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between
}

.subcont_box .box_inner.type1 .box_body {
    padding: 0 40px 40px;
    margin-top: 0
}

.subcont_box .box_inner.type2 {
    padding: 10px
}

.subcont_box .box_inner.accordion_wrap {
    padding: 25px 40px
}

.subcont_box .box_inner.accordion_wrap.on {
    padding: 25px 40px 30px
}

.subcont_box .box_inner.accordion_wrap .title_wrap {
    padding: 0;
    height: auto
}

.subcont_box .box_inner.accordion_wrap.on .title_wrap {
    padding-bottom: 30px
}

.subcont_box .box_inner.accordion_wrap .box_body {
    padding: 0
}

.subcont_box.box_gift .box_inner {
    border: 1px solid transparent
}

.subcont_box.box_gift .box_inner.error {
    border: 1px solid #de3831
}

.subcont_box.box_double {
    display: flex
}

.subcont_box.box_double .box_left {
    position: relative;
    border: 1px solid transparent;
    border-radius: 20px 0 0 20px;
    width: calc(50% - .5px)
}

.subcont_box.box_double .box_right {
    position: relative;
    border: 1px solid transparent;
    border-radius: 0 20px 20px 0;
    width: 50%
}

.subcont_box.box_double .box_left+.box_right {
    border-left: 1px solid #eee
}

.subcont_box.box_double .box_left.error,
.subcont_box.box_double .box_right.error {
    border-color: #de3831
}

.subcont_box.box_double .box_left.error+.box_right {
    border-left-color: transparent
}

.subcont_side {
    float: right;
    width: 305px
}

.subcont_side .box_inner {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff
}

.subcont_side .title_wrap {
    padding: 20px;
    border-radius: 20px 20px 0 0;
    background-color: #fff
}

.subcont_side .box_body {
    margin-top: 0;
    border-radius: 0 0 20px 20px;
    background-color: #fff
}

.half_cont_wrap {
    display: flex
}

.half_cont {
    box-sizing: border-box;
    width: calc(100% / 2)
}

.half_cont+.half_cont {
    border-left: 1px solid #eee
}

.half_cont.left {
    padding-right: 40px
}

.half_cont.right {
    padding-left: 40px
}

.sub_section {
    float: right;
    width: calc(100% - 290px)
}

.notice_wrap.st01 {
    background-color: #fafafa;
    padding: 36px 0
}

.notice_wrap .notice_title {
    font-size: 16px
}

.notice_wrap .notice_title.st01 {
    font-size: 18px
}

.notice_wrap .bullet_list {
    margin-top: 12px;
    padding: 26px 30px;
    background: #f5f5f5;
    border-radius: 10px;
    color: #666
}

.notice_wrap .bullet_list strong,
.notice_wrap .bullet_list a {
    color: #222
}

.notice_wrap .bullet_list .mark {
    color: #de3831 !important
}

.notice_wrap.type2 {
    padding: 20px 30px;
    background: #f7f7f7;
    border-radius: 4px
}

.notice_wrap.type2 .notice_title {
    font-size: 14px;
    color: #666;
    font-family: 'NotoSans'
}

.notice_wrap.type2 .bullet_list {
    margin: 5px;
    padding: 0
}

.notice_wrap.type3 .bullet_list {
    background: 0;
    padding: 0
}

.notice_wrap.type4 .notice_title {
    font-size: 14px;
    color: #666
}

.notice_wrap.type4 .bullet_list {
    background: 0;
    padding: 0;
    margin-top: 0
}

.notice_wrap.type4 .bullet_list li {
    margin-top: 0
}

.terms_wrap .terms_desc {
    font-size: 14px;
    color: #666
}

.terms_wrap .title_b {
    margin-bottom: 8px
}

.bullet_list .list_tit {
    display: block;
    margin-bottom: 4px
}

.bullet_list .list_txt {
    line-height: 1.75;
    margin-bottom: 12px
}

.bullet_list .list_txt>li p {
    margin-left: 10px
}

.bullet_list .list_txt .bullet_list,
.bullet_list .list_txt .number_list {
    margin-top: 0;
    margin-left: 10px
}

.bullet_list .list_txt .number_list .bullet_list {
    margin-left: 0
}

.bullet_list .list_txt .bullet_list>li,
.bullet_list .list_txt .number_list>li {
    font-size: inherit;
    line-height: inherit
}

.bullet_list .list_txt.type1>li {
    position: relative;
    padding-left: 10px
}

.bullet_list .list_txt.type1>li:before {
    content: '-';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    color: #666
}

.bullet_list .list_txt.type1>li.star:before {
    content: '*'
}

.list_step li {
    display: none;
    margin-bottom: 30px
}

.list_step li:last-child {
    margin-bottom: 0
}

.list_step li.on {
    display: block
}

.list_sale .choice_wrap {
    padding: 60px 0 40px
}

.list_sale .hot_sale .choice_wrap.type1 {
    padding: 0;
    margin-bottom: 20px;
    font-size: 14px
}

.list_sale .hot_sale .choice_wrap:first-of-type {
    padding-bottom: 25px
}

.view_board .board_title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee
}

.view_board .board_title .title .classify {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    color: #666
}

.view_board .board_title .title .subject {
    font-size: 24px
}

.view_board .board_title .title .target_point {
    color: #666;
    font-size: 16px;
    margin-top: 2px
}

.view_board .board_title .title .target_point>span {
    font-family: 'notoSansBold';
    margin-right: 5px
}

.view_board .board_title .title_desc {
    text-align: right;
    min-width: 220px
}

.view_board .board_title .title_desc .date {
    font-size: 16px;
    color: #666;
    font-family: 'ManropeR'
}

.view_board .board_title .title_desc>span+span {
    margin-left: 10px
}

.view_board .board_title .title_desc .hits {
    font-size: 16px;
    color: #999
}

.view_board .board_title .title_desc .hits i {
    font-family: 'ManropeR'
}

.view_board .board_cont {
    padding: 40px 20px 75px;
    color: #222;
    font-size: 16px
}

.view_board .board_cont .text_box {
    color: inherit;
    font-size: inherit
}

.view_board .board_btn {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 16px
}

.view_board .board_btn .btn_prev+.btn_next {
    border-top: 1px solid #eee
}

.view_board .board_btn>[class^="btn_"] {
    display: flex
}

.view_board .board_btn>[class^="btn_"]>span {
    display: block;
    padding: 20px 10px;
    width: 150px;
    box-sizing: border-box;
    font-family: 'notoSansBold'
}

.view_board .board_btn>[class^="btn_"]>p {
    width: calc(100% - 150px)
}

.view_board .board_btn>[class^="btn_"]>p>a {
    width: 100%;
    display: block;
    padding: 20px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.cs_notice_wrap .btn_go_list {
    margin-top: 20px
}

.sub_banner {
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.sub_banner .swiper-slide {
    width: 1280px;
    height: 300px;
    overflow: hidden
}

.sub_banner .text_box {
    position: absolute;
    top: 50%;
    left: 200px;
    max-width: calc(100% - 400px);
    transform: translateY(-50%);
    color: #fff
}

.sub_banner .text_box.st01 {
    left: 100px;
    max-width: calc(100% - 200px)
}

.sub_banner .text_box .tit {
    font-size: 34px;
    line-height: 50px;
    display: block
}

.sub_banner .text_box .tit.st01 {
    font-size: 40px;
    line-height: 1
}

.sub_banner .text_box .tit span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.sub_banner .text_box .tit em {
    display: block;
    font-family: 'ManropeR'
}

.sub_banner .text_box .txt {
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin-top: 25px;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.sub_banner .text_box .txt.st01 {
    font-size: 28px;
    line-height: 32px;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.8)
}

.sub_banner .text_box .txt em {
    display: block;
    margin-top: 6px;
    font-family: 'ManropeR';
    letter-spacing: .8px
}

.sub_banner .text_box .txt span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.thumb_banner_wrap .thumb_banner .item {
    width: 413px;
    border-radius: 0
}

.thumb_banner_wrap .thumb_banner .img_box {
    position: relative;
    height: 216px;
    border-radius: 20px;
    background: #f5f5f5 url('../images/temp/temp_no_image02.png') no-repeat 0 0
}

.thumb_banner_wrap .thumb_banner .text_box {
    padding: 0 10px
}

.thumb_banner_wrap .thumb_banner .text_box .tit {
    display: block;
    margin-top: 16px;
    font-size: 18px;
    color: #222;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.thumb_banner_wrap .thumb_banner .text_box .txt {
    display: block;
    margin-top: 2px;
    font-size: 15px;
    color: #666;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.thumb_banner_wrap .thumb_banner .text_box .txt.type1 {
    font-size: 18px;
    margin-top: 0
}

.thumb_banner_wrap .thumb_banner .text_box .date {
    margin-top: 2px;
    font-size: 14px;
    color: #808080;
    font-family: 'ManropeR'
}

.thumb_banner .non_slide {
    display: flex;
    flex-wrap: wrap;
    margin-top: -60px;
    margin-left: -20px
}

.thumb_banner .non_slide>li {
    width: calc((100% - 60px) / 3);
    margin-top: 60px;
    margin-left: 20px
}

.banner_paging.type1 {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 20px;
    background-color: rgba(34, 34, 34, 0.3)
}

.banner_paging.type1 [class^="btn_"] {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 0
}

.banner_paging.type1 [class^="btn_"].on {
    display: block
}

.banner_paging.type1 [class^="btn_"]:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 14px;
    background: url('../images/btn_control02.png') 0 0 no-repeat
}

.banner_paging.type1 .btn_stop:after {
    background-position: 0 -24px
}

.banner_paging.type2 {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    width: 181px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    background-color: rgba(34, 34, 34, 0.3)
}

.banner_paging.type2 .banner_count {
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
    font-size: 18px;
    font-family: 'ManropeR';
    color: #fff
}

.banner_paging.type2 .banner_count .current {
    display: inline-block
}

.banner_paging.type2 .banner_count .total {
    display: inline-block;
    opacity: .5
}

.banner_paging.type2 [class^="btn_"] {
    display: none;
    position: absolute;
    width: 26px;
    height: 50px;
    bottom: 0;
    right: 44px
}

.banner_paging.type2 [class^="btn_"].on {
    display: inline-block
}

.banner_paging.type2 [class^="btn_"]:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 11px;
    height: 12px;
    background: url('../images/btn_control.png') 0 0 no-repeat
}

.banner_paging.type2 .btn_stop:after {
    background-position: 0 -22px
}

.banner_paging.type2 .swiper_prev,
.banner_paging.type2 .swiper_next {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 20px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    z-index: 2
}

.banner_paging.type2 .swiper_prev:after,
.banner_paging.type2 .swiper_next:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('../images/ico_arrow05.png') 0 0 no-repeat
}

.banner_paging.type2 .swiper_next {
    left: auto;
    right: 20px;
    transform: rotate(180deg)
}

.banner_paging_wide {
    position: absolute;
    width: 1280px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.banner_paging_wide .banner_paging.type2 {
    right: 0
}

.choice_wrap.type2+.filter_search {
    margin-top: 50px
}

.filter_search .conts_inner {
    width: 100%
}

.filter_search:after {
    content: '';
    display: block;
    clear: both
}

.filter_search .choice_wrap.type2 {
    margin-bottom: 50px
}

.filter_category .choice_wrap {
    margin: -10px 0 0 -10px
}

.filter_category .choice_wrap>.choice_list {
    margin-top: 0;
    margin-left: 0
}

.filter_category .choice_list>li {
    margin-top: 10px;
    margin-left: 10px
}

.filter_category .choice_list>li:first-child {
    margin-left: 10px
}

.filter_category {
    position: relative;
    float: left;
    width: 264px;
    height: 600px;
    margin-right: 26px
}

.filter_category .filter_inner {
    height: calc(100% - 226px);
    overflow: auto;
    box-sizing: border-box
}

.filter_category .filter_title {
    line-height: 1;
    display: block;
    padding-top: 17px;
    font-size: 28px;
    margin-bottom: 42px;
    font-family: 'NotoSansBold'
}

.filter_category .filter_selected {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 250px;
    padding-bottom: 20px
}

.filter_category .filter_selected .option_choice {
    margin-bottom: 10px
}

.filter_category.fixed {
    left: auto;
    top: 110px;
    width: 264px
}

.filter_category.fixed.bottom {
    top: auto;
    bottom: 0
}

.filter_category .accordion_tit {
    line-height: 1
}

.filter_category .category_brand {
    height: 424px
}

.filter_category .no_result {
    padding: 60px 0
}

.sorting_wrap {
    display: flex;
    align-items: center
}

.sorting_product .sorting_wrap {
    align-items: baseline;
    margin-bottom: 13px
}

.sorting_product .sorting_wrap .choice_wrap {
    height: 50px
}

.sorting_product .sorting_wrap .choice_wrap>.choice_list>li {
    height: 50px;
    line-height: 50px
}

.sorting_product .sorting_wrap .choice_wrap {
    display: flex;
    margin-left: auto
}

.sorting_product .sorting_wrap .sort_select {
    margin-left: 15px
}

.sorting_product .sorting_wrap button[class^="btn_grade"] {
    margin: 8px 0 0 10px
}

.sub_list>li {
    padding-left: 9px
}

.sub_list>li.on .accordion_cont {
    display: block
}

.sub_list>li.on .accordion_btn:after {
    transform: translateY(-50%) rotate(-180deg)
}

.sub_list>li .accordion_cont ul {
    display: none
}

.sub_list>li .accordion_cont li.on ul {
    display: block
}

.sub_list>li .total {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
    font-family: 'ManropeR';
    letter-spacing: 0
}

.sub_list ul>li {
    padding-left: 9px
}

.sub_list ul>li a {
    display: block;
    padding: 10px 0;
    color: #666;
    font-size: 13px;
    font-weight: 700
}

.sub_list .accordion_cont>li.on>a {
    color: #cd473b
}

.sub_list .accordion_box>li>a {
    font-weight: 400
}

.sub_list .accordion_box>li.on>a {
    color: #cd473b;
    font-weight: 400
}

.range_wrap {
    display: block;
    position: relative;
    width: 85%;
    margin: 16px auto 7px;
    padding-left: 5px;
    border: 1px solid transparent;
    box-sizing: border-box
}

.range_bar {
    overflow: hidden;
    position: relative;
    height: 2px;
    margin: 5px 0;
    background-color: #e0e0e0
}

.range_bar_value {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #222
}

.range_pointer {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #222;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff
}

.range_num {
    display: inline-block;
    position: absolute;
    top: -21px;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #222;
    font-size: 12px;
    font-family: 'ManropeBold'
}

.form_table table {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    table-layout: fixed
}

.form_table th,
.form_table td {
    padding: 10px 0;
    color: inherit;
    font-size: inherit
}

.form_table th {
    text-align: left;
    font-size: 15px;
    vertical-align: top;
    padding-top: 15px
}

.form_table tr:first-of-type {
    padding-top: 0
}

.form_table td mark {
    color: #de3831;
    background-color: transparent
}

.form_table tbody td:first-child {
    border-left: 0
}

.form_table tr.line td:first-child {
    border-left: 1px solid rgba(224, 224, 224, 0.45)
}

.table_info {
    color: #666;
    margin-top: 18px
}

.table_title {
    font-size: 20px
}

.form_table.type1 th,
.form_table.type1 td {
    vertical-align: top;
    border-bottom: 1px solid #eee;
    padding: 20px 0
}

.form_table.type1 table {
    border-bottom: 1px solid #eee
}

.form_table.type2 th,
.form_table.type2 td {
    text-align: center;
    font-size: 16px;
    color: #222;
    border-bottom: 1px solid #eee;
    padding: 18px 0
}

.form_table thead.type1 {
    background-color: #fafafa
}

.form_table thead.type1 th {
    border-bottom: 0
}

.form_table thead.type1 tr th:first-child {
    border-radius: 10px 0 0 0
}

.form_table thead.type1 tr th:last-child {
    border-radius: 0 10px 0 0
}

.form_table.type3 th,
.form_table.type3 td {
    padding: 20px 10px;
    text-align: center;
    vertical-align: middle
}

.form_table.type3 th,
.form_table.type3 td {
    border-left: 1px solid rgba(224, 224, 224, 0.45)
}

.form_table.type3 th:first-child,
.form_table.type3 td:first-child {
    border-left: 0
}

.form_table.type3 th {
    font-size: 15px;
    border-top: 1px solid rgba(224, 224, 224, 0.45);
    border-bottom: 1px solid rgba(224, 224, 224, 0.45);
    background: #fafafa
}

.form_table.type3 td {
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid rgba(224, 224, 224, 0.45)
}

.form_table.type3 td.bold {
    font-family: 'NotoSansBold'
}

.form_table.type3 td strong {
    font-size: 16px;
    font-family: 'NotoSansBold';
    color: #222;
    border-bottom: 1px solid #222
}

.form_table.type3.st01 thead th {
    background-color: #fff;
    border-left-width: 0;
    border-color: #222;
    font-size: 16px;
    text-align: left
}

.form_table.type3.st01 th,
.form_table.type3.st01 td {
    text-align: left;
    padding: 16px 20px;
    vertical-align: top;
    line-height: 22px
}

.form_table.type3.st01 th:first-of-type {
    padding-left: 0
}

.form_table.type3.st01 tr:first-child td:first-child {
    padding-left: 0;
    vertical-align: middle
}

.form_table.st01 th {
    vertical-align: middle
}

.form_table.st02 th,
.form_table.st02 td {
    line-height: 2.125;
    padding: 13px 0
}

.list_notice {
    border-top: 1px solid #eee
}

.list_notice .form_table {
    margin-bottom: 35px
}

.list_notice .form_table table {
    font-size: 16px;
    color: #222
}

.list_notice .form_table thead {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    opacity: 0
}

.list_notice .form_table table .table_no {
    text-align: center
}

.form_table .table_no {
    color: #999;
    font-family: 'ManropeBold'
}

.form_table .table_tit {
    font-family: 'notoSansBold'
}

.form_table .table_tit>span {
    text-indent: 10px
}

.form_table .table_date {
    color: #999;
    font-family: 'ManropeR';
    text-align: right
}

.board_list>li {
    font-size: 16px;
    display: flex;
    align-items: center
}

.board_list>li+li {
    margin-top: 12px
}

.board_list>li .board_date {
    display: block;
    margin-left: 20px;
    font-family: 'ManropeR';
    color: #999
}

.board_list>li>a {
    display: block;
    flex: 1;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.quick_detail .detail_link {
    position: relative;
    display: inline-block;
    text-align: center
}

.quick_detail .detail_link+.detail_link {
    margin-left: 80px
}

.quick_detail .detail_link:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    background-size: cover
}

.quick_detail .detail_link.type1:before {
    background-image: url('../images/ico_cs_counsel.png')
}

.quick_detail .detail_link.type2:before {
    background-image: url('../images/ico_cs_exchange.png')
}

.quick_detail .detail_link.type3:before {
    background-image: url('../images/ico_cs_talk.png')
}

.quick_detail .detail_link.type4:before {
    background-image: url('../images/ico_cs_branch.png');
    width: 36px;
    height: 35px
}

.quick_detail .detail_link.type5:before {
    background-image: url('../images/ico_cs_special.png');
    width: 39px;
    height: 39px
}

.quick_detail .detail_link.type6:before {
    background-image: url('../images/ico_cs_location.png');
    width: 39px;
    height: 39px
}

.quick_detail .detail_link .title {
    display: block;
    margin-top: 15px;
    font-size: 20px;
    color: #666
}

.filter_detail .filter_tit {
    padding: 29px 0 16px;
    font-weight: 700
}

.filter_detail .filter_tit .tit {
    display: inline-block;
    vertical-align: top
}

.filter_detail .filter_tit.type1 {
    padding-top: 16px
}

.filter_detail .filter_price .form_box.price {
    color: #222
}

.option_choice {
    margin-top: 10px;
    border-radius: 10px;
    background: #f5f5f5
}

.option_choice .btn_option {
    position: relative;
    width: 100%;
    padding: 15px 20px 15px;
    font-size: 14px;
    font-family: 'NotoSansBold';
    line-height: 1;
    text-align: left
}

.option_choice .btn_option:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('../images/ico_arrow08.png') 0 0 no-repeat
}

.option_choice .btn_option.on:after {
    margin-top: -4px;
    transform: rotate(180deg) translateY(0)
}

.option_choice .option_box {
    display: none;
    padding: 6px 20px 18px
}

.option_choice .option_box.on {
    display: block
}

.option_choice .option_box .btn_ico {
    margin: 9px 0 0 20px
}

.option_choice .option_box .btn_ico>i {
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.option_choice .option_box .option_btn {
    margin: -9px 0 0 -20px
}

.sorting_product .chk_compare {
    display: none
}

.sorting_product.compare .chk_compare {
    display: block
}

.sorting_product.compare .pro_over {
    display: none
}

.sorting_product.compare .compare_btn {
    background-color: #000;
    color: #fff
}

.chk_compare>input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.chk_compare>input+label {
    width: 100%;
    height: 100%;
    font-size: 15px;
    position: absolute;
    height: 50px;
    line-height: 50px;
    background-color: #bbb;
    color: #fff;
    top: 190px;
    text-align: center;
    z-index: 3;
    cursor: pointer
}

.chk_compare>input:checked+label {
    background-color: #000
}

.chk_compare>input+label span:before {
    content: '';
    padding-left: 20px;
    background: url(../images/ico_check.png) 0 50% no-repeat
}

.lnb_wrap {
    float: left;
    width: 250px;
    margin-right: 40px
}

.lnb_wrap .lnb>li>a {
    display: block;
    padding: 16.5px 0;
    font-size: 20px;
    font-family: 'notoSansBold';
    width: 100%;
    line-height: 1
}

.lnb_wrap .lnb>li:first-child>a {
    padding-top: 0
}

.lnb_wrap .lnb>li.on>a {
    color: #de3831
}

.lnb_wrap .lnb_sub {
    padding: 4px 0
}

.lnb_wrap .lnb_sub>li>a {
    display: block;
    padding: 12px 0;
    font-size: 16px;
    line-height: 1
}

.lnb_wrap .lnb_sub>li.on>a,
.lnb_wrap .lnb_sub>li:hover>a {
    color: #de3831;
    font-family: 'notoSansBold'
}

.lnb_example {
    width: 100%;
    height: 708px;
    background-color: #ccc;
    font-size: 40px
}

.lnb_wrap .lnb.my>li {
    border-top: 1px solid #eee;
    padding-top: 24px;
    padding-bottom: 24px
}

.lnb_wrap .lnb.my>li:first-child {
    border-top: 0;
    padding-top: 0
}

.sorting_product .cont_filter_area {
    padding: 50px 0 25px
}

.sorting_product .cont_filter_area .filter_btn label {
    color: #222;
    font-size: 16px;
    background-position: 0 2px
}

.sorting_product .cont_filter_area .filter_btn>input:checked+label {
    background-position: 0 -30px
}

.history_filter {
    display: flex
}

.history_date {
    display: flex;
    align-items: center
}

.history_date .tab_txt {
    margin-right: 15px
}

.history_date_list .tab_wrap {
    margin-right: 20px
}

.history_date_list .tab_wrap li {
    min-width: 70px
}

.date_select.type1 .form_inp {
    width: 140px
}

.date_select .form_inp+.form_inp {
    margin-left: 30px
}

.date_select .form_inp+.form_inp:before {
    content: '';
    width: 12px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: -21px;
    transform: translateY(-50%)
}

.sorting_product .slick-arrow {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1)
}

.sorting_product .slick-prev:after,
.sorting_product .slick-next:after {
    width: 6px;
    height: 12px
}

.sorting_product .slick-prev:after {
    background: url(../images/ico_arrow01.png) no-repeat;
    transform: translate(-50%, -50%)
}

.sorting_product .slick-next:after {
    background: url(../images/ico_arrow01.png) no-repeat;
    transform: rotate(180deg) translate(50%, 50%)
}

.sorting_product .slick-prev {
    left: -15px
}

.sorting_product .slick-next {
    right: -15px
}

.list_product .sub_banner_section {
    margin-bottom: 100px
}

.p_amount .won_price {
    color: #666;
    font-size: 14px
}

.p_amount .won {
    font-size: 16px;
}

.p_amount .won .kr {
}

.p_amount.type2 .won_price {
    font-size: 20px;
    color: #222
}

.p_amount.type2 .won {
    font-size: 20px
}

.p_amount.type2 .won .kr {
    font-size: 20px
}

.total_wrap>[class^="total_"]>.inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.total_wrap>[class^="total_"]>.inner.type2 {
    display: block
}

.total_wrap>[class^="total_"]+[class^="total_"] {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #eee
}

.total_wrap .tit {
    font-size: 16px;
    position: relative
}

.total_wrap .tit .ico_arrow {
    position: static
}

.total_wrap .p_amount {
    text-align: right
}

.total_wrap .p_amount .won_price {
    display: block
}

.total_wrap .p_amount .won {
    display: block
}

.total_wrap .total_dc .dc_list {
    padding-top: 12px
}

.total_wrap .total_dc .dc_list>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 24px
}

.total_wrap .total_dc .dc_list>li>span {
    color: #999;
    font-size: 14px;
    display: inline-block;
    max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.total_wrap .total_dc .dc_list>li em {
    font-size: 14px;
    font-family: 'ManropeR'
}

.total_wrap .total_dc .btn_wrap {
    margin-top: 14px
}

.total_wrap .total_dc.noSelected a {
    cursor: default
}

.total_wrap .total_dc.noSelected a span,
.total_wrap .total_dc.noSelected a strong {
    cursor: text
}

.total_after .p_amount .won_price {
    font-size: 16px;
    color: #de3831;
    font-family: 'ManropeBold'
}

.total_after .p_amount .won {
    font-size: 32px;
    color: #de3831;
    font-family: 'ManropeBold'
}

.total_after .p_amount .won .kr {
    font-size: 26px;
    font-family: 'notoSansBold';
    position: relative;
    top: -2px
}

.save_list {
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #f5f5f5
}

.save_list>li {
    display: flex;
    justify-content: space-between;
    line-height: 1.6
}

.save_list>li>span {
    color: #999;
    font-size: 13px;
    display: inline-block;
    max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.save_list>li em {
    font-size: 13px;
    font-family: 'ManropeR'
}

.box_payinfo .total_wrap {
    padding: 0 20px
}

.box_payinfo .total_after {
    padding-bottom: 18px
}

.box_payinfo .box_bottom {
    text-align: center
}

.box_payinfo .box_bottom .btn_up_text {
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 10px
}

.box_payinfo.none .total_dc .tit:after {
    display: none
}

.total_wrap.type2 .tit {
    font-size: 20px
}

.total_wrap.type2 .p_amount {
    display: flex;
    align-items: center
}

.total_wrap.type2 .won_price {
    font-size: 20px;
    color: #222;
    font-family: 'ManropeBold';
    letter-spacing: -1px
}

.total_wrap.type2 .won {
    margin-left: 10px;
    font-size: 16px;
    color: #999;
    font-family: 'ManropeR'
}

.total_wrap.type2 .won .kr {
    font-family: 'notoSans'
}

.total_wrap.type2 .total_after .p_amount .won_price {
    font-size: 26px;
    color: #de3831;
    letter-spacing: -1.5px
}

.total_wrap.type2 .total_after .p_amount .won {
    font-size: 24px;
    color: #999;
    font-family: 'ManropeR'
}

.total_wrap.type2 .total_after .p_amount .won .kr {
    font-size: 20px;
    font-family: 'notoSans'
}

.total_wrap.type2>[class^="total_"]>.inner {
    align-items: center
}

.total_wrap.type3 .tit {
    font-size: 16px;
    font-family: 'notoSans'
}

.total_wrap.type3 .p_amount {
    display: flex;
    align-items: center
}

.total_wrap.type3 .won_price {
    font-size: 16px;
    color: #222 !important;
    font-family: 'ManropeBold';
    letter-spacing: -1px
}

.total_wrap.type3 .won {
    margin-left: 5px;
    font-size: 16px;
    color: #222;
    font-family: 'ManropeBold'
}

.total_wrap.type3 .won .kr {
    font-family: 'notoSansBold'
}

.total_wrap.type3>[class^="total_"]>.inner {
    align-items: center
}

.total_wrap.type3>[class^="total_"]>.inner+.inner {
    margin-top: 10px
}

.total_wrap.type3 .total_non {
    margin-top: 10px;
    padding-top: 0;
    border-top: 0
}

.total_wrap.type3 .total_after .tit {
    font-family: 'notoSansBold'
}

.total_wrap.type3 .total_after .p_amount .won_price,
.disinfo_total .total_wrap.type3 .total_after .p_amount .won_price {
    font-size: 26px;
    color: #de3831 !important;
    letter-spacing: -1.5px
}

.total_wrap.type3 .total_after .p_amount .won,
.disinfo_total .total_wrap.type3 .total_after .p_amount .won {
    margin-left: 10px;
    font-size: 24px;
    color: #999;
    font-family: 'ManropeR'
}

.total_wrap.type3 .total_after .p_amount .won .kr {
    font-size: 20px;
    font-family: 'notoSans'
}

.total_wrap.type3 .total_after+.total_non {
    margin-top: 5px
}

.total_wrap.type3 .total_dc .dc_list>li>span {
    max-width: 220px;
    color: #666;
    text-overflow: inherit;
    white-space: normal
}

.trip_info .btn_passport {
    margin-top: 30px
}

.passport_info .expire {
    padding: 1px 8px;
    margin-right: 8px;
    background-color: #fff;
    font-size: 12px;
    border: 1px solid #de3831;
    border-radius: 11px;
    color: #de3831
}

.passport_info .expire em {
    font-family: 'ManropeR'
}

.order_form_list .form_box.type1 .form_inp,
.order_form_list .select_box {
    max-width: calc(100% - 160px)
}

.order_form_list .accordion_cont.on {
    padding-bottom: 20px
}

.ac_tit_cont {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ac_tit_cont>.tit {
    font-size: 16px;
    font-family: 'notoSansBold'
}

.ac_tit_cont>.price {
    font-size: 16px;
    color: #222;
    font-family: 'notoSansBold'
}

.ac_tit_cont>.price>i {
    font-family: 'ManropeBold'
}

.ac_tit_cont>.price>strong em {
    font-family: 'ManropeBold'
}

.ac_tit_cont.type1 {
    justify-content: flex-start
}

.ac_tit_cont.type1 .tit_desc {
    margin-left: 20px;
    color: #999;
    font-size: 14px
}

.ac_tit_cont.type1 .tit_desc i {
    margin-left: 5px
}

.disinfo_form_list dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 28px
}

.disinfo_form_list dt:first-of-type {
    margin-top: 0
}

.disinfo_form_list dd {
    margin-top: 10px
}

.disinfo_form_list .select_box+.price {
    width: 120px;
    margin-left: 40px;
    text-align: center;
    font-family: 'notoSansBold';
    color: #222;
    font-size: 15px
}

.disinfo_form_list .form_tit {
    font-family: 'notoSans'
}

.disinfo_form_list .btn_box button.all {
    border-color: #222
}

.disinfo_form_list .form_tooltip.stxt .btn_txt.underline {
    vertical-align: top
}

.disinfo_partner {
    padding-top: 20px
}

.disinfo_partner+.disinfo_list {
    padding-top: 26px
}

.calc_partner {
    margin-bottom: 20px
}

.disinfo_total>.inner {
    background-color: #f5f5f5;
    padding: 26px 40px
}

.disinfo_total .total_dc+.total_after {
    margin-top: 15px
}

.disinfo_total .total_dc .p_amount .won_price {
    color: #de3831
}

.disinfo_total .total_wrap .total_after .p_amount .won_price {
    font-size: 20px;
    color: #222
}

.disinfo_total .total_wrap .total_after .p_amount .won {
    font-size: 16px
}

.disinfo_total .total_wrap .total_after .p_amount .won .kr {
    font-size: 16px
}

.disinfo_notice>.inner {
    padding: 26px 40px 0
}

.popup_calculator .popup_content {
    padding: 0
}

.popup_calculator .popup_bottom .total_after {
    padding: 20px 20px 25px
}

.popup_calculator .disinfo_form_list {
    padding-top: 10px
}

.popup_calculator .disinfo_form_list dt .form_tooltip.stxt .btn_tooltip {
    font-size: 13px;
    color: #666
}

.popup_calculator .disinfo_form_list dd {
    margin-top: 4px
}

.popup_calculator .disinfo_form_list .form_tit {
    font-size: 13px;
    margin-bottom: 0
}

.calculator_contents>.inner {
    padding: 36px 40px 65px
}

.calculator_contents .total_before {
    margin-bottom: 10px
}

.calculator_contents .total_dc .tooltip_cont {
    left: 70px
}

.calculator_contents .total_dc .dc_list>li>span {
    color: #666
}

.calculator_contents .total_dc .btn_tooltip {
    font-size: 14px;
    color: #666
}

.calculator_contents .calc_partner .select_box {
    max-width: 100%
}

.product_detail_info .product_cont:after {
    content: '';
    display: block;
    clear: both
}

.product_detail_info .pro_thum {
    float: left;
    width: 540px
}

.product_detail_info .product_cont .pro_img {
    margin-top: 20px;
    overflow: inherit
}

.product_detail_info .product_cont .pro_img:before {
    display: none
}

.product_detail_info .pro_img .zoom_pointer {
    display: none;
    position: absolute;
    width: 70px;
    height: 70px;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.4)
}

.product_detail_info .pro_img .zoom_view_layer {
    display: none;
    position: absolute;
    top: 0;
    left: 584px;
    width: 500px;
    height: 500px;
    border: 1px solid #494949;
    border-radius: 10px;
    background-color: #fff;
    z-index: 15
}

.product_detail_info .pro_img.on .zoom_pointer,
.product_detail_info .pro_img.on .zoom_view_layer {
    display: block
}

.product_detail_info .product_detail_image.on .zoom_pointer,
.product_detail_info .product_detail_image.on .zoom_view_layer {
    display: block
}

.product_detail_info .zoom_info_txt {
    margin-top: 17px;
    color: #999;
    text-align: center
}

.pro_detail_thum {
    margin-top: 36px;
    font-size: 0
}

.thum_list {
    margin: auto;
    width: 408px
}

.thum_list li {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 72px;
    margin: 4.5px;
    border-radius: 6px;
    box-sizing: border-box
}

.thum_list li.on:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 6px;
    box-sizing: border-box
}

.thum_list li img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.product_detail_info .pro_detail {
    float: right;
    width: 640px;
    padding: 0
}

.product_detail_info .pro_info {
    margin-top: 0
}

.pro_info .prd_link {
    display: flex;
    align-items: center
}

.pro_info .prd_link .btn_ico {
    margin-left: 20px
}

.pro_info .prd_link .btn_border {
    margin-left: 20px
}

.product_detail_info .pro_info .info_brand {
    flex: 1;
    font-size: 20px;
    line-height: 1.1
}

.product_detail_info .pro_info .info_name {
    margin-top: 24px;
    font-size: 26px
}

.product_detail_info .pro_info .info_grade {
    margin-top: 35px
}

.popup_preview .thum_list li {
    width: 67px;
    height: 67px;
    margin-left: 0
}

.popup_preview .pro_detail_thum {
    margin-top: 12px
}

.popup_preview .product_detail_info .pro_info .info_name {
    margin-top: 14px
}

.pro_price_info {
    padding-top: 49px;
    margin-bottom: 40px;
    border-top: 1px solid #e5e5e5
}

.pro_price_info:after {
    content: '';
    display: block;
    clear: both
}

.pro_price_info .pro_sale {
    float: left;
    color: #de3831
}

.pro_price_info .pro_sale .tit {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
	text-align: left;
    color: #de3831
}

.pro_price_info .pro_sale .rate {
    display: block;
    font-size: 30px;
    font-weight: bold;
}

.pro_price_info .pro_sum {
    float: right;
    text-align: right
}

.pro_price_info .pro_sum .price {
    display: block;
    color: #666;
    font-size: 15px
}

.pro_price_info .pro_sum .price .won_price,
.pro_price_info .pro_sum .price .won span {
    font-family: 'ManropeR'
}

.pro_price_info .pro_sum .price.logout {
    color: #222
}

.pro_price_info .pro_sum .price.logout .won_price {
    font-size: 30px;
    font-weight: bold;
}

.pro_price_info .pro_sum .price.logout .won {
    font-size: 26px
}

.strike {
    text-decoration: line-through;
}

.pro_price_info .pro_sum .sale_price {
    margin-top: 6px;
    color: #de3831
}

.pro_price_info .pro_sum .sale_price .won_price {
    font-size: 30px;
    font-weight: bold;
}
.pro_price_info .pro_sum .mp_price .numberic {
    font-size: 30px;
    /*font-weight: bold;*/
	color: #09C;
}

.pro_price_info .pro_sum .sale_price .won {
    margin-left: 9px;
    font-size: 26px
}

.pro_price_info .pro_sum .sale_price .won span {
    font-family: 'ManropeR'
}

.prd_price_info .prd_sale .tit {
    float: left;
    color: #de3831
}

.prd_price_info .prd_sale .price {
    float: right;
    color: #666;
    font-family: 'ManropeR'
}

.pro_price_info .mp_price {
    margin-top: 8px;
    font-size: 16px;
    font-family: 'NotoSansBold'
}

.pro_price_info .mp_price .won_price,
.pro_price_info .mp_price .won span {
    font-family: 'ManropeBold'
}

.pro_price_info .login_info {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-size: 16px
}

.pro_price_info .login_info:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #222
}

.pro_price_wrap .pro_price_info:first-of-type {
    border-top: 0
}

.pro_price_info .mp_price .form_tooltip {
    vertical-align: bottom;
    margin-right: 2px
}

.pro_price_info .mp_price .tip_txt {
    text-align: left
}

.benefit_guide {
    padding: 34px 0 0;
    border-top: 1px solid #e5e5e5
}

.benefit_guide .tit {
    margin-bottom: 26px;
    font-size: 20px
}

.benefit_guide .tit .name {
    font-family: 'NotoSansBold'
}

.benefit_down {
    position: relative;
    display: flex
}

.benefit_down .btn {
    position: relative;
    flex: 1;
    padding: 19px 50px 19px 20px;
    font-size: 15px;
    text-align: left;
    border-radius: 10px;
    background-color: #f7f7f7
}

.benefit_down .btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 16px;
    height: 19px;
    margin-top: -10px;
    background: url(../images/ico_download02.png) 0 0 no-repeat
}

.benefit_down .btn.download:after {
    background: 0;
    content: '완료';
    width: auto;
    color: #666;
    font-size: 15px;
    line-height: 1.2
}

.benefit_down .btn .name {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.benefit_down .btn:only-child .name {
    max-width: 450px
}

.benefit_down .btn+.btn {
    margin-left: 10px
}

.popup_preview .benefit_guide {
    padding-top: 24px
}

.popup_preview .benefit_down .btn .name {
    max-width: 50px
}

.opt_color_select {
    padding-bottom: 11px
}

.color_list {
    margin: -5px -4px
}

.color_list .list {
    font-size: 0
}

.color_list .list .item {
    position: relative;
    display: inline-block;
    margin: 5px 4px
}

.color_list .list .item:hover .text_box {
    display: block
}

.color_list .img_box {
    width: 72px;
    height: 72px;
    border-radius: 6px
}

.color_list .img_box img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.color_list .text_box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    word-break: break-all;
    background-color: rgba(34, 34, 34, 0.6)
}

.color_list .text_box .tit {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0 4px;
    box-sizing: border-box;
    word-break: all
}

.color_list .text_box .tit a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.color_list .text_box .tit a span {
    display: inline-block;
    max-height: 48px;
    overflow: hidden
}

.color_list .sold_out .out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    color: #222
}

.color_list .sold_out .out span {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup_preview .color_list .text_box .tit a {
    font-size: 12px
}

.popup_preview .color_list .img_box {
    width: 48px;
    height: 48px
}

.popup_preview .color_list .sold_out .out span {
    font-size: 12px
}

.opt_choice_area {
    margin-top: 40px;
    padding-top: 37px;
    border-top: 1px solid #e5e5e5
}

.opt_choice_select {
    margin-bottom: 40px
}

.opt_choice_select:after {
    content: '';
    display: block;
    clear: both
}

.popup_preview .opt_choice_area {
    margin-top: 30px;
    padding-top: 27px
}

.popup_preview .opt_choice_select {
    margin-bottom: 30px
}

.opt_select {
    position: relative;
    display: inline-block;
    width: 100%
}

.opt_select .choice_btn {
    position: relative;
    padding-right: 24px;
    font-size: 20px;
    line-height: 1
}

.opt_select .choice_btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/ico_arrow08.png) 0 0 no-repeat
}

.opt_select .choice_btn.on:after {
    transform: translateY(-50%) rotate(-180deg)
}

.opt_select_list {
    position: absolute;
    top: 22px;
    left: 0;
    width: 640px;
    max-height: 500px;
    overflow-y: auto;
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-sizing: border-box
}

.option_layer_wrap {
    width: 100%
}

.option_layer_wrap .inp_checkbox {
    position: absolute;
    top: -20px;
    right: 0
}

.opt_select_list .form_inp {
    margin-top: 19px
}

.opt_select_list .list>li {
    border-top: 1px solid #e5e5e5
}

.opt_select_list .list>li:first-child {
    border-top: 0
}

.opt_select_list .list>li:after {
    content: '';
    display: block;
    clear: both
}

.opt_value {
    position: relative;
    display: flex;
    align-items: center;
    height: 90px;
    font-size: 16px
}

.opt_value .thum {
    margin-right: 16px;
    display: inline-block;
    width: 74px;
    height: 74px;
    border-radius: 6px
}

.opt_value .thum img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.opt_value .name {
    flex: 1;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'notoSans'
}

.opt_value .name span {
    color: #de3831
}

.opt_value .name .btn_ico {
    z-index: 2
}

.opt_value .opt_choice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.opt_select_list .sold_out .name {
    color: #ccc
}

.opt_select_list .sold_out_app {
    color: #999;
    margin-left: 10px
}

.popup_preview .opt_value {
    height: 70px
}

.popup_preview .opt_value .thum {
    width: 48px;
    height: 48px;
    margin-right: 20px
}

.popup_preview .option_layer_wrap .opt_ipbg {
    background-color: #fff;
    position: absolute;
    top: -20px;
    right: 0;
    width: 250px;
    text-align: right
}

.popup_preview .option_layer_wrap .opt_ipbg .inp_checkbox {
    position: static;
    top: auto;
    right: auto
}

.opt_result_area {
    margin-top: 15px;
    overflow-y: auto;
    max-height: 392px
}

.opt_result_box {
    position: relative;
    display: flex;
    align-items: center;
    height: 124px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

.opt_result_box .thum {
    display: inline-block;
    margin-right: 10px;
    width: 74px;
    height: 74px;
    border-radius: 6px
}

.opt_result_box .thum img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.opt_result_box .prd_info {
    flex: 1
}

.opt_result_box .prd_name {
    font-size: 16px
}

.opt_result_box .prd_name .name {
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.opt_result_box .add_remove {
    margin-top: 14px
}

.opt_result_box .price_box .won_price {
    font-size: 20px;
    font-family: 'ManropeBold'
}

.opt_result_box .price_box .won {
    font-size: 20px
}

.opt_result_box .price_box .won span {
    font-family: 'ManropeR'
}

.opt_result_box .price_box .price {
    margin-top: 24px
}

.opt_result_box .btn_ico.remove {
    position: absolute;
    top: 20px;
    right: 20px
}

.opt_result_box:only-child .btn_ico.remove {
    display: none
}

.opt_result_box+.opt_result_box {
    margin-top: 10px
}

.popup_preview .opt_result_box .price_box .won_price {
    font-size: 16px
}

.popup_preview .opt_result_box .price_box .won {
    font-size: 16px
}

.popup_preview .opt_result_box .thum {
    margin-right: 20px
}

.popup_option .opt_result_area {
    margin-top: 0
}

.popup_preview .pro_detail .pro_info .info_name.line_feed {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box
}

.popup_preview .opt_itemlist {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    font-family: 'NotoSansBold';
    font-weight: 600;
    width: 250px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_option_cont {
    padding: 36px 10px;
    padding-right: 20px;
    height: calc(100vh - 290px);
    overflow: auto;
    box-sizing: border-box
}

.detail_option_cont .add_remove.type2.st02 .btn_ico {
    width: 38px
}

.detail_option_cont .add_remove.type2.st02 .cart_amount {
    width: 38px
}

.detail_option_cont .opt_prd_area {
    display: flex;
    align-items: center
}

.detail_option_cont .opt_result_box {
    display: block;
    height: auto;
    padding-top: 10px
}

.detail_option_cont .opt_result_box:first-of-type .btn_ico.remove {
    display: none
}

.detail_option_cont .opt_result_box .price_box .price {
    margin-top: 0
}

.detail_option_cont .opt_result_box .thum {
    width: 72px;
    height: 72px
}

.detail_option_cont .color_picker {
    margin-top: 15px
}

.detail_option_cont .info_name {
    font-size: 20px;
    display: block;
    margin-bottom: 36px
}

.detail_option_box.none .opt_result_box {
    border: 0;
    padding: 0
}

.detail_option_box.none .info_name {
    margin-bottom: 0
}

.detail_option_box.none .opt_result_box .btn_ico.remove {
    display: none
}

.detail_option_box .opt_select_list {
    width: 360px
}

.ditail_option_btn {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 10px
}

.ditail_option_btn .price_box {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 40px
}

.ditail_option_btn .price_box .sum {
    font-size: 16px
}

.ditail_option_btn .price_box .sum i {
    font-family: 'ManropeR'
}

.ditail_option_btn .price_box .price {
    margin-left: 20px
}

.ditail_option_btn .price_box .price .won_price {
    font-size: 30px;
    font-family: 'ManropeBold'
}

.ditail_option_btn .price_box .price .won {
    font-size: 26px;
    font-family: 'notoSans';
    margin-left: 5px
}

.ditail_option_btn .price_box .price .won span {
    font-family: 'ManropeR'
}

.pro_total_info {
    margin-top: 60px
}

.pro_total_info:after {
    content: '';
    display: block;
    clear: both
}

.pro_total_info .add_remove {
    float: left
}
.btn_ico {
    position: relative;
    display: inline-block;
}
.add_remove .btn_ico {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.add_remove.type2 .btn_ico {
    width: 40px;
    height: 40px;
    border: 1px solid #e0e0e0;
}
.add_remove.type2 .btn_ico.minus {
    border-radius: 6px 0 0 6px;
}
.add_remove.type2 .btn_ico.plus {
    border-radius: 0 6px 6px 0;
}
.add_remove.type2.st02 .btn_ico {
    width: 54px;
}
.popup_preview .add_remove.type2.st02 .btn_ico {
    width: 38px;
}
.btn_ico>i {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.btn_ico:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.btn_ico.minus:after {
    width: 12px;
    height: 12px;
    background: url(images/btn_more02.png) 0 -22px no-repeat;
    background-size: 12px auto;
}
.btn_ico.plus:after {
    width: 12px;
    height: 12px;
    background: url(images/btn_more02.png) 0 0 no-repeat;
    background-size: 12px auto;
}
.add_remove .cart_amount {
    display: inline-block;
    width: 50px;
    height: 40px;
}
.add_remove.type2 {
    display: inline-block;
    font-size: 0;
}
.add_remove.type2 .cart_amount {
    width: 38px;
    height: 40px;
    margin-top: 0;
    border: 1px solid #e0e0e0;
    border-left: 0;
    border-right: 0;
    box-sizing: border-box;
}
.add_remove.type2.st02 .cart_amount {
    width: 58px;
}
.add_remove .cart_amount input {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
	padding: 0;
    border: 0;
}
.popup_preview .add_remove.type2.st02 .cart_amount {
    width: 40px;
}



.pro_total_info .total_sum {
    float: right;
    font-size: 0;
    text-align: right;
    margin-top: -6px
}

.pro_total_info .total_sum .num {
    display: inline-block;
    vertical-align: middle;
    margin-top: 12px;
    font-size: 16px
}

.pro_total_info .total_sum .num span {
    font-family: 'ManropeR'
}

.pro_total_info .total_sum .price {
    display: inline-block;
    vertical-align: middle;
    margin-left: 17px
}

.pro_total_info .total_sum .price .won_price {
    font-size: 30px;
    font-weight: bold;
}

.pro_total_info .total_sum .price .won {
    margin-left: 9px;
    font-size: 26px
}

.pro_total_info .total_sum .price .won span {
    font-family: 'ManropeR'
}

.pro_total_info .sold_out {
    clear: both;
    text-align: right;
    font-size: 26px
}

.price_box .sold_out {
    clear: both;
    text-align: right;
    font-size: 26px
}

.product_detail_info .btn_wrap {
    margin-top: 35px
}

.popup_preview .pro_total_info {
    width: 420px;
    margin-top: 0
}

.popup_preview .pro_total_info .total_sum {
    margin-top: 0
}

.compare_layer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    z-index: 100;
    max-width: 100%;
    max-height: calc(100vh - 20px);
    background: #fff;
    box-shadow: 0 -4px 20px 0 #ebebeb
}

.compare_layer.is-show {
    display: block
}

.compare_layer .inner {
    box-sizing: border-box;
    position: relative;
    width: 1280px;
    margin: 0 auto
}

.compare_layer .popup_close {
    position: absolute;
    top: 30px;
    right: -10px;
    display: inline-block
}

.compare_layer .popup_close .btn_close {
    right: 0;
    top: 0
}

.compare_layer .compare_btns {
    margin-left: auto;
    display: flex;
    align-items: center
}

.compare_layer .btn_compare {
    width: 187px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background: #000;
    text-align: center;
    padding: 10px;
    line-height: 1.875;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #000
}

.compare_layer .btn_compare.btn_point {
    background: #de3831;
    border-color: #de3831
}

.compare_layer .btn_compare.btn_reset {
    background: #fff;
    border-color: #000;
    color: #000
}

.compare_summary_section .inner {
    position: relative;
    display: flex;
    width: 1280px;
    height: 440px;
    padding: 30px 0;
    align-items: center
}

.compare_summary_section .inner .btn_ico.close {
    position: absolute;
    top: 30px;
    right: 0
}

.compare_summary_section .compare_btns {
    flex-direction: column;
    padding-left: 63px
}

.compare_summary_section .btn_compare {
    margin: 5px 0
}

.compare_summary_section .product_wrap.prod_col4 .pro_img {
    width: 240px;
    height: 240px
}

.compare_prod_box {
    position: relative;
    width: 1010px;
    height: 365px;
    padding-left: 15px;
    box-sizing: border-box
}

.compare_prod_box .product_wrap .product_box {
    width: 240px;
    margin-left: 10px
}

.compare_prod_box .product_wrap .slick-arrow {
    top: 180px;
    opacity: 1;
    width: 50px;
    background-color: transparent;
    box-shadow: none
}

.compare_prod_box .product_wrap .slick-prev {
    left: -50px
}

.compare_prod_box .product_wrap .slick-next {
    right: -50px
}

.compare_prod_box .product_wrap .slick-prev:after {
    left: 0;
    transform: translateY(-50%)
}

.compare_prod_box .product_wrap .slick-next:after {
    left: auto;
    right: 0;
    transform: translateY(-50%) rotate(180deg)
}

.compare_prod_box .compare_prod_notxt {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 20px
}

.compare_prod_box .file_delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.compare_prod_box .file_delete:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url('../images/ico_delete02.png')no-repeat 0 0/20px auto
}

.compare_detail_section .inner {
    width: 1280px;
    height: 850px;
    padding: 35px 0 40px
}

.compare_detail_section .btn_seldel {
    position: absolute;
    right: 45px;
    top: 40px;
    color: #666
}

.compare_detail_section .btn_seldel i:before {
    background-color: #bbb
}

.compare_box {
    position: relative;
    border: 1px solid #e5e5e5;
    padding-left: 179px
}

.compare_box_inner {
    position: relative;
    overflow: auto
}

.compare_list {
    display: flex;
    flex-wrap: nowrap
}

.compare_item {
    width: 200px;
    min-width: 200px
}

.compare_item li {
    height: 52px;
    padding: 15px 20px;
    box-sizing: border-box;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.compare_item li:first-child {
    border-top: 0
}

.compare_item .comp_prod {
    position: relative;
    height: 255px;
    font-size: 15px
}

.compare_item .comp_prod .inp_checkbox {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2
}

.compare_item .comp_price_member {
    height: 80px
}

.compare_item .img_thumb {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    overflow: hidden
}

.compare_item .img_thumb img {
    width: 100%
}

.compare_item .txt_brand {
    display: block;
    font-family: 'ManropeBold';
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 20px;
    white-space: nowrap;
    margin: 10px 0 0
}

.compare_item .txt_name {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    max-height: 20px;
    white-space: nowrap;
    margin: 5px -10px 0 0
}

.compare_item .comp_price,
.compare_item .comp_point {
    height: 57px
}

.compare_item .txt_saleper {
    font-size: 15px;
    color: #de3831
}

.compare_item .txt_saleper strong {
    font-family: 'ManropeBold';
    font-weight: 700
}

.compare_item .txt_price strong {
    font-size: 16px;
    font-family: 'ManropeBold';
    font-weight: 700;
    margin-right: 5px
}

.compare_item .txt_price span {
    color: #666
}

.compare_item .num {
    font-family: 'ManropeR'
}

.compare_item .pro_age {
    display: none;
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 15px;
    font-family: 'NotoSansBold';
    line-height: 40px
}

.compare_item .comp_prod.age {
    box-sizing: border-box
}

.compare_item .comp_prod.age .pro_age {
    display: block
}

.compare_item .comp_prod.age .img_thumb img {
    filter: blur(7px)
}

.compare_item .comp_csat .info_grade {
    margin-top: 0
}

.compare_item_none {
    flex: 1;
    min-width: auto
}

.compare_list_title {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 179px;
    z-index: 3;
    border-right: 1px solid #e5e5e5;
    background: #fafafa
}

.compare_list_title li {
    border-left: 0
}

.compare_footer {
    display: flex;
    align-items: flex-end;
    margin-top: 25px
}

.compare_footer .compare_sel_num {
    font-size: 24px;
    margin-right: 20px
}

.compare_footer .compare_sel_num strong {
    font-size: 24px;
    font-weight: 700
}

.compare_box.type1 {
    padding-left: 0;
    border-left: 0
}

.compare_box.type1 .compare_box_inner {
    overflow: hidden
}

.compare_box.type1 .compare_item {
    width: 168px;
    min-width: 168px
}

.compare_box.type1 .comp_prod {
    padding: 0;
    height: 283px
}

.compare_box.type1 .comp_prod .img_thumb {
    padding: 20px 15px 0;
    box-sizing: border-box
}

.compare_box.type1 .comp_prod .txt_brand {
    padding: 0 15px;
    margin-top: 20px
}

.compare_box.type1 .comp_prod .txt_name {
    padding: 0 15px;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 45px
}

.compare_box.type1 .comp_price .p_rate {
    margin-top: 0
}

.compare_box.type1 .comp_price {
    height: auto
}

.compare_box.type1 .info_grade {
    margin-top: 25px;
    min-height: 18px
}

.popup_preview .popup_inner {
    width: 872px;
    height: 700px;
    max-height: 730px;
	min-height: 600px;
}

.popup_full.popup_preview .popup_content {
    overflow-y: hidden
}

.popup_preview .popup_content {
    margin-top: 40px;
    padding: 0 0 0 30px
}

.popup_preview .popup_bottom {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 420px;
    padding-bottom: 0
}

.popup_preview .popup_bottom .btn_wrap {
    margin-top: 30px
}

button[class^="btn_grade"], a[class^="btn_grade"] {
    border-radius: 10px;
    text-align: center;
    padding: 0 15px;
}
button.btn_grade1, a.btn_grade1 {
    height: 60px;
    font-size: 20px;
    line-height: 60px;
}

.btn_wrap>[class^="btn_grade"] {
    flex: 1;
    margin-left: 10px;
    border-radius: 10px;
    box-sizing: border-box;
}
button[class^="btn_grade"]:first-of-type, a[class^="btn_grade"]:first-of-type {
    margin-left: 0;
}
button[class^="btn_grade"].type1, a[class^="btn_grade"].type1 {
    background-color: #9d9d9d;
    color: #fff;
}
button[class^="btn_grade"].type2, a[class^="btn_grade"].type2 {
    background-color: #0091ff;
    color: #fff;
}
.popup_preview .popup_bottom:after {
    content: '';
    display: block;
    clear: both;
}
.btn_wrap {
    display: flex;
}
button[class^="btn_grade"].type1:hover:not(:disabled), a[class^="btn_grade"].type1:hover:not(:disabled) {
    background-color: #696969;
}
button[class^="btn_grade"].type2:hover:not(:disabled), a[class^="btn_grade"].type2:hover:not(:disabled) {
    background-color: #006dc0;
}





.popup_preview .popup_bottom:after {
    content: '';
    display: block;
    clear: both
}

.popup_preview .pro_info .prd_link {
    margin-top: -9px
}

.popup_preview .pro_thum {
    width: 350px
}

.popup_preview .product_cont .pro_img {
    margin-top: 0
}

.popup_preview .pro_img .zoom_view_layer {
    left: 300px
}

.popup_preview .zoom_info_txt {
    margin-top: 0
}

.popup_preview .pro_detail {
    float: none;
    position: absolute;
    right: 14px;
    width: 476px
}

.popup_preview .pro_detail>.pro_info {
    height: 452px;
    display: flex;
    flex-direction: column
}

.popup_preview .pro_info .popup_fixed {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 16px
}

.popup_preview .pro_info .popup_scroll {
    padding-left: 40px;
    padding-right: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    flex: 1
}

.popup_preview .pro_detail .info_name.line_feed {
    overflow: hidden
}

.popup_preview .opt_select_list {
    width: 413px;
    max-height: 340px;
    top: 20px
}

.popup_preview .opt_color_select {
    width: 420px
}

.popup_preview .color_list .list .item {
    margin: 5px 2px
}

.popup_preview .color_list {
    margin: -5px -3px;
    padding-left: 1px
}

.popup_preview .pro_price_wrap .pro_price_info {
    padding-top: 29px;
    margin-bottom: 29px
}

.popup_option .popup_inner {
    height: 766px;
    max-height: 766px
}

.popup_option .pro_price_info {
    border: 0;
    padding-bottom: 0
}

.popup_option .opt_choice_area {
    border: 0;
    padding-top: 0
}

.popup_preview.popup_option .pro_detail>.pro_info {
    height: 452px
}

.popup_preview.popup_option .pro_total_info {
    margin-top: 6px
}

.popup_edit>.popup_inner {
    max-height: 800px;
    height: 800px
}

.popup_edit .popup_bottom {
    padding: 20px
}

.popup_edit_list {
    margin-top: 7px
}

.popup_edit_list .popup_edit_item {
    display: table
}

.popup_edit_list .popup_edit_box {
    display: table-row
}

.popup_edit_list .popup_edit_box .popup_edit_title {
    display: table-cell;
    width: 70px
}

.popup_edit_list .popup_edit_box .popup_edit_group {
    display: table-cell
}

.popup_edit_list .popup_edit_item+li {
    margin-top: 20px
}

.popup_edit_list .popup_edit_item .popup_edit_title {
    font-size: 15px;
    font-family: 'NotoSans';
    color: #666
}

.popup_edit_list .popup_edit_item .popup_edit_title>span {
    font-size: 13px;
    color: #999;
    display: block
}

.popup_edit_list .popup_edit_group {
    font-size: 0;
    margin-top: 10px
}

.popup_edit_list .popup_edit_group ul {
    margin-top: -10px;
    margin-left: -10px
}

.popup_edit_group li {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px
}

.popup_edit_list+.terms_wrap {
    margin-top: 40px
}

.popup_edit_list+.terms_wrap .terms_title {
    font-size: 16px;
    font-family: 'NotoSansBold';
    line-height: 1.3
}

.popup_edit_list+.terms_wrap .terms_desc {
    margin-top: 8px;
    color: #666
}

.popup_edit2>.popup_inner {
    height: 730px
}

.popup_edit_complete .info_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

.popup_edit_complete .info_title .name {
    font-size: 16px;
    font-family: 'NotoSansBold'
}

.popup_edit_complete .info_list {
    overflow-y: auto;
    padding: 25px;
    font-size: 15px;
    color: #666;
    background: #f5f5f5;
    border-radius: 10px
}

.popup_edit_complete .info_list>li {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup_edit_complete .info_list>li+li {
    margin-top: 8px
}

.popup_edit_complete .info_list .info_option {
    color: #222
}

.popup_pay .popup_inner {
    height: 730px
}

.popup_pay .popup_content {
    padding: 40px 40px 25px
}

.popup_cart .popup_head>.title .btn_border {
    margin-left: 34px
}

.popup_cart .popup_content {
    padding-bottom: 40px;
    background-color: transparent
}

.popup_cart .popup_cart_complete .btn_wrap {
    flex-direction: column;
    align-items: center;
    padding: 50px
}

.popup_cart .popup_cart_complete .btn_wrap .main_title {
    font-size: 20px;
    margin: 16px 0
}

.popup_cart .popup_cart_complete .sub_title {
    font-size: 24px;
    margin: 0 0 30px;
    line-height: 1
}

.popup_cart .product_wrap.prod_col4 .pro_img {
    width: 100%;
    height: 100%
}

.popup_content .popup_cart_more,
.popup_content .personal_list {
    padding-left: 20px
}

.popup_content .product_wrap_outer {
    margin-left: -20px
}

.popup_full.popup_share>.popup_inner {
    width: 494px
}

.popup_full.popup_share .popup_content {
    padding: 0 40px
}

.popup_full.popup_share .popup_wish_share {
    margin-bottom: 45px
}

.popup_full.popup_share .share_imgbox {
    position: relative;
    width: 100%;
    height: 220px;
    border-radius: 20px;
    text-align: center;
    overflow: hidden
}

.popup_full.popup_share .share_imgbox img {
    height: 100%
}

.popup_full.popup_share .popup_wish_share.benefit .share_imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popup_full.popup_share .popup_wish_share.brand .share_imgbox:before {
    content: '';
    z-index: 2;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03)
}

.popup_full.popup_share .popup_wish_share.brand .share_imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto
}

.popup_full.popup_share .share_title {
    font-size: 18px;
    display: block;
    margin-top: 16px
}

.popup_full.popup_share .share_desc {
    font-size: 18px;
    color: #666
}

.popup_full.popup_share .popup_bottom {
    padding: 0 40px 40px
}

.popup_full.popup_free_plan .form_table td {
    color: #666
}

.popup_plan_5hour .popup_content {
    padding: 30px 40px 54px
}

.popup_plan_5hour .table_info {
    margin-top: 30px;
    color: #222
}

.sub_top_wrap {
    padding: 50px 0;
    text-align: center
}

.sub_top_wrap .title {
    font-size: 32px;
    font-weight: bold
}

.sub_top_wrap .top_step {
    margin-top: 25px
}

.top_step .step_item {
    display: inline-block
}

.top_step .step_item+.step_item {
    margin-left: 68px
}

.top_step .step_item+.step_item .ico_box:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
    width: 80px;
    height: 1px;
    background-color: #e0e0e0
}

.top_step .step_item .ico_box {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #e0e0e0
}

.top_step .step_item .step_name {
    display: block;
    margin-top: 12px;
    font-size: 16px;
    color: #e0e0e0;
    font-family: 'notoSans'
}

.top_step .step_item.on .ico_box {
    background-color: #000
}

.top_step .step_item.on .step_name {
    color: #000;
    font-family: 'notoSansBold'
}

.ico_box>[class^="ico_"]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ico_box .ico_cart:after {
    width: 25px;
    height: 23px;
    background: url('../images/ico_cart.png') 0 0 no-repeat;
    background-size: 25px auto;
    top: 52%
}

.ico_box .ico_pay:after {
    width: 24px;
    height: 18px;
    background: url('../images/ico_pay.png') 0 0 no-repeat;
    background-size: 24px auto
}

.ico_box .ico_list:after {
    width: 20px;
    height: 24px;
    background: url('../images/ico_list.png') 0 0 no-repeat;
    background-size: 20px auto
}

.pick_cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.pick_cont>.fake_box {
    width: calc(50% - 5px);
    position: relative
}

.pick_cont+.sub_title {
    display: block;
    margin-top: 36px
}

.pic_img {
    margin-right: 10px;
    width: 48px;
    height: 48px;
    border-radius: 4px
}

.pic_img>img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.popup_departure_manage .pop_cont_bottom {
    margin-bottom: 20px
}

.popup_departure_manage .pop_notice_bottom {
    margin-top: 30px
}

.depart_trip_list li {
    position: relative;
    border-radius: 10px
}

.depart_trip_list li+li {
    margin-top: 10px
}

.depart_trip_list .trip_btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 27px;
    right: 30px;
    z-index: 2
}

.depart_trip_list .trip_btn button {
    padding: 10px;
    font-size: 13px;
    font-family: 'NotoSans'
}

.depart_trip_list .btn_vline {
    position: relative;
    line-height: 1
}

.depart_trip_list .btn_vline+.btn_vline:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #e0e0e0
}

.depart_trip_list .trip_link {
    display: block;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #eee
}

.depart_trip_list li.on .trip_link {
    border-color: #222
}

.depart_trip_list li.end {
    background-color: #f5f5f5
}

.depart_trip_list li.end .trip_link {
    opacity: .25
}

.trip_link .trip_time {
    font-size: 18px;
    font-family: 'ManropeBold'
}

.trip_link .trip_airarea {
    margin-top: 15px
}

.trip_link .air_name {
    font-size: 15px
}

.air_info {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.air_cont {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 15px;
    color: #666;
    max-width: 49%;
    box-sizing: border-box
}

.air_cont+.air_cont {
    margin-left: 8px;
    padding-left: 30px
}

.air_cont+.air_cont:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: 1px;
    width: 22px;
    height: 10px;
    background: url('../images/ico_fly.png')no-repeat 0 50%/22px auto
}

.air_cont .flow {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.air_cont .fix {
    margin-left: 3px
}

.popup_departure_info .departure_info_list>ul>li {
    display: flex
}

.popup_departure_info .departure_info_list>ul>li.is-hide {
    display: none
}

.popup_departure_info .departure_info_list>ul>li+li {
    margin-top: 20px
}

.popup_departure_info .departure_info_list .form_tit {
    padding-top: 10px;
    width: 150px;
    font-family: 'notoSans'
}

.popup_departure_info .departure_info_list .form_box,
.popup_departure_info .departure_info_list .form_group {
    flex: 1
}

.popup_departure_info .departure_info_list .form_box .form_inp {
    width: 100%
}

.popup_departure_info .departure_info_list .form_box>div+div {
    margin-left: 10px
}

.popup_departure_info .departure_info_list .form_info {
    margin-top: 5px
}

.popup_departure_info .departure_info_list .form_box>.btn_wrap {
    display: block
}

.popup_departure_info .departure_info_list+.btn_wrap {
    margin-top: 16px
}

.popup_departure_info .info_box {
    margin-bottom: 30px
}

.popup_departure_info .info_box .text {
    font-size: 16px
}

.popup_departure_info .info_box .text>span {
    font-family: 'NotoSansBold'
}

.card_join .paycard_wrap {
    padding: 0;
    text-align: center
}

.card_join .btn_txt.more {
    display: block;
    padding: 60px 0 46px
}

.card_join .btn_txt.more .join_txt {
    font-family: 'NotoSans';
    font-size: 14px;
    color: #666;
    margin-top: 17px;
    line-height: 1.5
}

.paycard_wrap {
    display: block;
    position: relative;
    padding: 40px 0 15px;
    border-radius: 10px;
    background-color: #f5f5f5;
    overflow: hidden
}

.paycard_list>li {
    width: 320px;
    height: 202px;
    border-radius: 20px
}

.paycard_list>li .card_kind_box {
    width: 100%;
    opacity: .3;
    transform: scale(0.75);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 8%);
    border-radius: 20px;
    overflow: hidden
}

.paycard_list>li.swiper-slide-active .card_kind_box {
    opacity: 1;
    transform: scale(1)
}

.paycard_info {
    margin-top: 15px;
    font-size: 16px;
    text-align: center
}

.paycard_info .card_name {
    display: block;
    margin-bottom: 4px
}

.paycard_info .banner_paging {
    font-size: 0
}

.paycard_info .banner_count {
    font-size: 13px;
    font-family: 'ManropeR'
}

.paycard_info .banner_count .current {
    color: #de3831
}

.paycard_info .banner_count .total {
    color: #999
}

.paycard_area.paycard1 .swiper_hide_arrow {
    width: 380px;
    top: -85px;
    position: relative;
    margin: 0 auto
}

.paycard_area.paycard1 .swiper_hide_arrow button {
    opacity: 1;
    width: 260px;
    height: 260px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0
}

.paycard_area.paycard1 .swiper_hide_arrow.small button:after {
    width: 30px;
    height: 30px;
    background-color: #fff;
    opacity: 1;
    border-radius: 6px;
    background-position: center 9px;
    opacity: 1
}

.paycard_area.paycard1 .swiper_hide_arrow button.swiper-button-disabled:after {
    background-position-y: -13px;
    transition: none
}

.paycard_area.paycard1 .swiper_hide_arrow button.swiper_prev {
    left: -230px
}

.paycard_area.paycard1 .swiper_hide_arrow button.swiper_next {
    right: -230px
}

.paycard_area.paycard1 .swiper_hide_arrow button.swiper_prev:after {
    margin-left: 100px;
    box-shadow: 0 2px 5px 2px rgb(0 0 0 / 10%)
}

.paycard_area.paycard1 .swiper_hide_arrow button.swiper_next:after {
    margin-left: -100px;
    box-shadow: 0 -2px 5px 2px rgb(0 0 0 / 10%)
}

.paycard_select {
    position: relative;
    margin: 0 auto;
    padding-top: 20px
}

.paycard_select .form_box {
    justify-content: center
}

.paycard_select .form_box .select_box {
    width: 170px
}

.paycard_select .form_box .inp_checkbox {
    margin-left: 20px
}

.paycard_select .card_add {
    position: absolute;
    right: 0;
    bottom: 10px
}

.card_add .btn_txt.more>span {
    padding-left: 15px;
    padding-right: 0;
    width: auto
}

.card_add .btn_txt.more>span:after {
    left: 0
}

.card_kind_box {
    position: relative;
    width: 320px;
    height: 202px
}

.card_kind_box img {
    width: 100%;
    height: 100%
}

.card_kind_box .card_num {
    position: absolute;
    right: 35px;
    bottom: 50px;
    font-size: 20px
}

.card_kind_box .card_num span {
    display: inline-block;
    margin-left: 10px;
    letter-spacing: 0;
    font-weight: bold;
    text-shadow: #fff 0 0 4px
}

.order_paylist {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-left: -10px
}

.order_paylist li {
    position: relative;
    width: calc((100% / 6) - 10px);
    height: 120px;
    margin: 10px 0 0 10px
}

.order_paylist li.badge .pay_badge {
    display: block
}

.ipt_pay {
    display: block
}

.ipt_pay>input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.ipt_pay>label {
    height: 120px;
    display: block;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    font-size: 15px;
    color: #999;
    text-align: center;
    padding-top: 70px
}

.ipt_pay>input:checked+label {
    border-color: #222;
    color: #222
}

.ipt_pay.paytype>label {
    background: 50% 34px no-repeat
}

.ipt_pay.card {
    background: url('../images/ico_pay03.png') no-repeat 50% 34px;
    background-size: 24px auto
}

.ipt_pay.transfer {
    background: url('../images/ico_account.png') no-repeat 50% 34px;
    background-size: 24px auto
}

.ipt_pay.naver>label {
    background-image: url('../images/img_pay_logo1.png');
    background-size: 52px auto
}

.ipt_pay.kakao>label {
    background-image: url('../images/img_pay_logo2.png');
    background-size: 52px auto
}

.ipt_pay.payco>label {
    background-image: url('../images/img_pay_logo3.png');
    background-size: 58px auto
}

.ipt_pay.ssg>label {
    background-image: url('../images/img_pay_logo4.png');
    background-size: 63px auto
}

.ipt_pay.paypal>label {
    background-image: url('../images/img_pay_logo_paypal.png');
    background-size: 100px auto
}

.cash_receipt .form_inp {
    width: 285px
}

.pay_badge {
    display: none;
    content: '';
    position: absolute;
    top: -5px;
    right: 5px;
    width: auto;
    height: 22px;
    border-radius: 11px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    padding: 0 8px;
    z-index: 2
}

.pay_badge.type1 {
    background-color: #666
}

.pay_badge.type2 {
    background-color: #de3831
}

.popup_flight_number .popup_content {
    padding: 0 40px 20px
}

.popup_flight_number .flight_search {
    margin-top: 40px
}

.popup_flight_number .flight_number_content {
    padding-top: 38px
}

.popup_flight_number .airline_box+.airline_box {
    margin-top: 40px
}

.popup_flight_number .airline_box .title {
    font-size: 16px;
    font-family: 'NotoSansBold'
}

.popup_flight_number .radio_select>input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0
}

.popup_flight_number .airline_box .airline_list {
    margin-top: 10px
}

.popup_flight_number .no_result {
    padding-top: 70px
}

.airline_list>ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -10px
}

.airline_list>ul>li {
    margin-top: 10px;
    width: 235px;
    height: 105px
}

.airline_list .radio_select {
    position: relative;
    height: 100%
}

.airline_list .airline_img {
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    width: 124px;
    height: 56px
}

.airline_list .airline_img img {
    width: 100%;
    height: auto
}

.airline_list .radio_select label {
    display: block;
    position: relative;
    padding: 60px 10px 23px;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #999;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 10px
}

.airline_list .radio_select input:checked+label {
    border-color: #222;
    color: #222
}

.airline_search_list .select_list li+li {
    margin-top: 10px
}

.airline_search_list .radio_select {
    position: relative
}

.airline_search_list .radio_select .airline_img {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 124px;
    height: 56px
}

.airline_search_list .radio_select .airline_img img {
    width: 100%;
    height: auto
}

.airline_search_list .radio_select>label {
    display: block;
    position: relative;
    padding: 24px 45px 24px 150px;
    border: 1px solid #eee;
    border-radius: 10px;
    font-size: 15px;
    word-break: break-word
}

.airline_search_list .radio_select>label:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url('../images/ico_radiobox.png')no-repeat 0 0;
    background-size: 22px auto
}

.airline_search_list .radio_select>input:checked+label {
    border-color: #222
}

.airline_search_list .radio_select>input:checked+label:before {
    background-position: 0 -32px
}

.popup_flight_number .airline_time_info {
    text-align: center
}

.popup_flight_number .airline_time_info .info_img {
    margin: 0 auto;
    width: 176px;
    height: 80px
}

.popup_flight_number .airline_time_info .info_img img {
    width: 100%;
    height: auto
}

.popup_flight_number .airline_time_info .info_text {
    font-size: 18px;
    font-family: 'NotoSansBold';
    line-height: 1
}

.popup_flight_number .airline_time_info .btn_wrap {
    justify-content: flex-end;
    margin-top: 35px
}

.popup_flight_number .airline_time_info .btn_reset {
    position: relative;
    padding-left: 22px;
    font-size: 13px;
    color: #222
}

.popup_flight_number .airline_time_info .btn_reset:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('../images/ico_reset.png')no-repeat 0 0/16px auto
}

.popup_flight_number .airline_time_list {
    margin-top: 15px
}

.popup_flight_number .airline_time_wrap .no_result {
    padding: 12px 0 0 0
}

.airline_time_list .select_list>li+li {
    margin-top: 10px
}

.airline_time_list .radio_select {
    position: relative
}

.airline_time_list .radio_select>label {
    display: flex;
    align-items: center;
    padding: 16px 45px 17px 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    color: #999
}

.airline_time_list .radio_select>label:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url('../images/ico_radiobox.png')no-repeat 0 0;
    background-size: 22px auto
}

.airline_time_list .radio_select>input:checked+label {
    border-color: #222;
    color: #222
}

.airline_time_list .radio_select>input:checked+label:before {
    background-position: 0 -32px
}

.airline_time_list .radio_select>label .time {
    width: 95px;
    font-size: 15px
}

.airline_time_list .radio_select>label .value {
    flex: 1;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 1
}

.airline_time_list .radio_select>label .value em {
    word-break: break-word
}

.airline_time_list .radio_select>label .number {
    margin-top: 5px
}

.popup_passport_info .popup_content {
    padding: 40px 40px 0
}

.popup_passport_info .passport_info_list {
    margin-top: 60px
}

.popup_passport_info .passport_info_list>ul>li {
    display: flex
}

.popup_passport_info .passport_info_list>ul>li+li {
    margin-top: 18px
}

.popup_passport_info .passport_info_list .form_tit {
    margin-top: 7px;
    width: 150px;
    font-family: 'notoSans'
}

.popup_passport_info .passport_info_list .form_box {
    flex: 1
}

.popup_passport_info .passport_info_list .form_inp {
    width: 100%
}

.agree_all {
    display: flex;
    align-items: center
}

.agree_all label {
    font-size: 15px
}

.agree_all .btn_accordion {
    position: relative;
    margin-left: 8px;
    width: 20px;
    height: 22px;
    background: url('../images/ico_arrow08.png')no-repeat center
}

.agree_all .btn_accordion.on {
    transform: rotate(-180deg)
}

.agree_wrap .agree_all+.pop_agree_wrap {
    margin-top: 15px
}

.pop_agree_wrap .agree_list li {
    display: flex;
    justify-content: space-between
}

.pop_agree_wrap .agree_list li+li {
    margin-top: 10px
}

.pop_agree_wrap .agree_list .inp_checkbox>label {
    background: 0;
    color: #666;
    font-size: 15px
}

.pop_agree_wrap .agree_list .inp_checkbox>label:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    background: url('../images/ico_checkbox03.png')no-repeat 0 0/12px auto
}

.pop_agree_wrap .agree_list .inp_checkbox>input:checked+label:before {
    background-position: 0 -18px
}

.pop_agree_wrap .agree_list .inp_checkbox>label em {
    margin-right: 3px;
    color: #de3831
}

.pop_agree_wrap .agree_list .btn_more {
    font-size: 13px;
    color: #666;
    font-family: 'NotoSans';
    border-bottom: 1px solid #666
}

.popup_customer_departure .popup_content {
    padding: 40px
}

.popup_customer_departure .tab_contents {
    margin-top: 20px
}

.popup_customer_departure .departure_info_wrap .departure_notice {
    margin-top: 30px;
    color: #666
}

.popup_customer_departure .departure_info_wrap .departure_notice span {
    color: #222;
    border-bottom: 1px solid #222
}

.popup_customer_departure .link_bar {
    margin-top: 30px
}

.link_bar {
    display: block;
    position: relative;
    padding: 18px 30px;
    border-radius: 10px;
    background: #f5f5f5
}

.link_bar:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(-90deg);
    width: 14px;
    height: 7px;
    background: url('../images/ico_arrow08.png')no-repeat 0 0/14px auto
}

.link_bar .title {
    display: flex;
    align-items: center
}

.link_bar .title {
    font-size: 16px
}

.link_bar .title>.name {
    display: inline-block;
    padding-right: 10px;
    max-width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.link_bar .text {
    display: block;
    font-size: 15px;
    color: #666
}

.link_bar.type2 {
    padding: 13px 30px;
    background: #fff;
    border: 1px solid #eee
}

.link_bar.type2 .text {
    font-size: 13px
}

.link_bar.type2 .text em {
    font-family: 'NotoSansBold';
    color: #222
}

.info_box_list {
    padding: 28px 30px;
    background: #f5f5f5;
    border-radius: 10px
}

.info_box_list>ul>li {
    display: flex;
    justify-content: space-between;
    font-size: 15px
}

.info_box_list>ul>li+li {
    margin-top: 10px
}

.info_box_list li>.tit {
    color: #999
}

.info_box_list li>.title {
    display: flex;
    padding-right: 10px;
    align-items: center;
    color: #666
}

.info_box_list li>.title a {
    margin-left: 5px;
    font-size: 13px;
    border-bottom: 1px solid #666;
    line-height: 1.2
}

.info_box_list li .text {
    color: #222
}

.info_box_list li em {
    font-family: 'ManropeR'
}

.info_box_list li strong em {
    font-family: 'ManropeBold'
}

.info_box_list li .text.st01 {
    font-family: 'notoSansBold';
    font-size: 16px
}

.info_box_list li .text.st01 em {
    font-family: 'ManropeBold'
}

.info_box_list.type1 {
    padding: 8px 20px;
    font-size: 13px
}

.info_box_list.type1>ul>li {
    font-size: 13px
}

.info_edit .form_box {
    position: relative;
    flex: 1;
    text-align: right;
    margin-left: 20px
}

.info_edit .form_box .form_select {
    margin-left: 0
}

.info_edit .form_box .form_inp {
    flex: 1
}

.info_edit.type1 .form_box {
    flex: 0 0 60%
}

.popup_full.pop_coupon h2.title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 35px
}

.popup_full.pop_coupon .coupon_info+h2.title {
    margin-top: 13px
}

.coupon_info {
    text-align: left
}

.coupon_info>span {
    display: inline-block;
    position: relative;
    font-size: 16px;
    padding-left: 10px;
    margin-left: 10px
}

.coupon_info>span::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    background-color: #eee;
    margin-top: -6px
}

.coupon_info>span:first-of-type {
    padding-left: 0;
    margin-left: 0
}

.coupon_info>span:first-of-type::after {
    display: none
}

.coupon_info .use>em {
    color: #de3831
}

.coupon_list .coupon_box {
    margin-top: 10px
}

.coupon_list .coupon_box:first-of-type {
    margin-top: 0
}

.coupon_box>input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.coupon_box>label {
    position: relative;
    display: block;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

.coupon_box>label::after {
    display: block;
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    top: 15px;
    right: 15px;
    background: url('../images/ico_radiobox.png') 0 0 no-repeat
}

.coupon_box>input:checked+label {
    border-color: #222
}

.coupon_box>input:checked+label::after {
    background-position: 0 -32px
}

.coupon_box>input:disabled+label::before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .7
}

.coupon_cont {
    display: flex
}

.c_kind {
    min-width: 170px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    font-family: 'ManropeBold';
    font-size: 37px;
    vertical-align: 0;
    padding: 10px 20px 10px
}

.c_kind>em {
    font-size: 40px;
    vertical-align: 0
}

.c_kind.small {
    font-size: 22px
}

.c_kind.small>em {
    font-size: 22px
}

.c_detail {
    padding: 17px 15px 20px
}

.d_title {
    font-weight: bold
}

.d_title>span {
    display: block
}

.d_info {
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

.d_date {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    margin-top: 4px
}

.d_date>span {
    display: inline-block;
    margin-left: 5px
}

.d_date>em {
    display: inline-block;
    color: #de3831;
    margin-left: 5px
}

.coupon_cont {
    display: flex
}

.coupon_box.uncheck .coupon_cont {
    min-height: 80px;
    align-items: center;
    padding: 0 15px
}

.coupon_box.uncheck>label::after {
    top: 50%;
    margin-top: -11px
}

.popup_customer_reconfirm .popup_bottom {
    padding: 20px
}

.popup_customer_reconfirm .reconfirm_item+.reconfirm_item {
    margin-top: 36px
}

.popup_customer_reconfirm .reconfirm_item>.title {
    font-size: 16px;
    font-family: 'NotoSansBold'
}

.popup_customer_reconfirm .info_box_list {
    margin-top: 10px
}

.popup_customer_reconfirm .reconfirm_check {
    margin-top: 10px
}

.email_choose_wrap {
    z-index: 10;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #000
}

.email_choose {
    max-height: 142px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 4px #e0e0e0;
    overflow-y: auto;
    box-sizing: border-box
}

.email_choose li {
    cursor: pointer;
    box-sizing: border-box;
    font-family: 'ManropeR';
    font-size: 14px;
    line-height: 40px;
    color: #666;
    padding: 0 15px;
    text-align: left
}

.email_choose li+li {
    margin-top: 0
}

.email_choose li.on {
    background-color: #f5f5f5
}

.form_box.email .email_choose_wrap {
    display: block
}

.email_choose_wrap .scroll_custom {
    padding-right: 0
}

.partner_title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 2px
}

.partner_cont .title {
    font-size: 16px;
    font-weight: bold
}

.partner_cont .title>span {
    color: #de3831
}

.partner_cont .bullet_list {
    margin-top: 7px
}

.partner_cont .bullet_list li {
    color: #666
}

.partner_cont .btn_wrap {
    margin-top: 30px
}

.partner_confirm>.title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5
}

.confirm_wrap {
    display: flex;
    margin-top: 20px
}

.confirm_wrap li {
    position: relative;
    flex: 1;
    min-height: 160px;
    background-color: #f5f5f5;
    border-radius: 10px;
    box-sizing: border-box;
    margin-left: 6px;
    padding: 20px
}

.confirm_wrap li:first-child {
    margin-left: 0
}

.confirm_wrap .txt {
    font-size: 15px;
    color: #666;
    line-height: 1.5
}

.confirm_wrap .txt span {
    display: block
}

.confirm_wrap .rate {
    position: absolute;
    right: 15px;
    bottom: 10px;
    font-size: 16px;
    text-align: right;
    vertical-align: bottom
}

.confirm_wrap .rate_num {
    display: inline-block;
    font-family: 'ManropeR';
    font-size: 32px;
    margin-left: 5px
}

.confirm_wrap .rate_num>i {
    font-family: 'ManropeBold';
    font-size: 36px
}

.partner_agree {
    margin-top: 35px
}

.form_list li {
    margin-bottom: 16px
}

.form_list li:last-child {
    margin-bottom: 0
}

.form_list li .form_tit {
    font-size: 13px
}

.popup_recommend_product .product_wrap .product_box {
    width: 262px
}

.popup_recommend_product .product_wrap.prod_col4 .pro_img {
    width: 262px;
    height: 262px
}

.popup_recommend_product .product_wrap_outer {
    margin-right: -2px;
    margin-left: 0
}

.popup_recommend_product .product_box {
    margin-left: 10px
}

.popup_review_filter .popup_content {
    padding: 60px 40px 0
}

.popup_review_filter .popup_bottom {
    padding: 20px
}

.popup_review_filter .popup_edit_list {
    margin-top: 0
}

.popup_review_filter .popup_edit_list>ul>li+li {
    margin-top: 38px
}

.popup_review_filter .popup_edit_list .popup_edit_box {
    display: flex;
    flex-direction: column
}

.popup_review_filter .popup_edit_list .popup_edit_title {
    font-size: 16px;
    color: #222;
    font-family: 'NotoSansBold'
}

.popup_review_filter .popup_edit_list>ul>li:first-child .popup_edit_group {
    margin-top: 0
}

.popup_review_filter .popup_edit_list .popup_edit_group {
    margin-top: 18px
}

.popup_review_filter .option_value .accordion_tit.on .tit_desc {
    display: none
}

.popup_review_filter .option_value .accordion_tit {
    padding: 0
}

.popup_review_filter .option_value .accordion_tit.on {
    padding-bottom: 20px
}

.popup_photo_review_list .popup_inner {
    width: 920px;
    max-height: 850px;
    min-height: 850px
}

.popup_photo_review_list .popup_content {
    padding: 40px 40px 0
}

.popup_photo_review_list .photo_review_total {
    line-height: 1
}

.popup_photo_review_list .photo_review_total .total {
    font-size: 14px;
    font-family: 'NotoSans'
}

.popup_photo_review_list .photo_review_total .total span {
    margin: 0 1px;
    font-family: 'ManropeBold'
}

.popup_photo_review_list .photo_review_content {
    margin-top: 30px
}

.popup_photo_review_list .photo_review_list {
    margin-right: -20px
}

.photo_review_list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px
}

.photo_review_list .photo_list {
    position: relative
}

.photo_review_list .photo_link {
    overflow: hidden;
    display: block;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    width: 160px;
    height: 160px;
    border-radius: 10px
}

.photo_review_list .photo_link:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03)
}

.photo_review_list .photo_img {
    width: 100%;
    height: 100%
}

.photo_review_list .photo_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.photo_review_list .photo_info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    bottom: 10px;
    padding: 0 10px 0 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'ManropeR'
}

.photo_review_list .photo_info .photo_grade {
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 1
}

.photo_review_list .photo_info .photo_grade:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 15px;
    height: 14px;
    background: url('../images/ico_star_bk.png')no-repeat 0 0/15px auto
}

.photo_review_list .photo_info .photo_total {
    padding: 0 5px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    color: #fff
}

.popup_photo_review_list .popup_bottom {
    padding: 30px 0
}

.popup_photo_review_list .popup_bottom .pagination {
    margin-top: 0
}

.form_list_row li {
    display: flex;
    margin-top: 20px
}

.form_list_row li:first-child {
    margin-top: 0
}

.form_list_row li .form_tit {
    padding-top: 10px;
    width: 150px
}

.form_list_row li .form_box,
.form_list_row li .form_group {
    flex: 1
}

.form_list_row li .form_box .form_inp {
    width: 100%
}

.form_list_row li .form_box>div {
    margin-left: 10px
}

.form_list_row li .form_box>div:first-of-type {
    margin-left: 0
}

.form_list_row li .form_info {
    margin-top: 5px
}

.form_list_row li .form_box>.btn_wrap {
    display: block
}

.form_list_col li {
    margin-top: 20px
}

.form_list_col li:first-child {
    margin-top: 0
}

.form_list_col li .form_tit {
    font-size: 13px
}

.password_wrap {
    background: url('../images/ico_key.png') 50% 32px no-repeat;
    text-align: center;
    padding-top: 62px;
    padding-bottom: 110px
}

.password_number {
    padding-top: 30px
}

.password_number .pw_num {
    display: inline-block;
    position: relative;
    width: 25px;
    margin-left: 5px
}

.password_number .pw_num:first-of-type {
    margin-left: 0
}

.password_number .pw_num:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e0e0e0;
    transform: translate(-50%, -50%)
}

.password_number .pw_num.on:after {
    background-color: #000
}

.password_number .pw_num>input {
    width: 100%;
    line-height: 25px;
    text-align: center;
    font-size: 0
}

.gift_list li {
    margin-top: 10px
}

.gift_list li:first-child {
    margin-top: 0
}

.pop_sort_cardlist li {
    margin-top: 10px
}

.pop_sort_cardlist li:first-child {
    margin-top: 0
}

.card_choose {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px 30px
}

.choose_cardimg {
    width: 100px
}

.choose_cardimg img {
    width: 100%
}

.choose_cardinfo {
    flex: 1;
    margin-left: 20px;
    overflow: hidden
}

.choose_cardinfo .badge {
    display: inline-block;
    border: 1px solid #de3831;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 12px;
    color: #de3831;
    line-height: 20px;
    padding: 0 10px
}

.choose_cardinfo .name {
    font-size: 16px;
    font-weight: bold;
    margin-top: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.choose_cardinfo .number {
    font-family: 'ManropeR';
    font-size: 13px;
    color: #999;
    letter-spacing: 0
}

.pop_sort_cardlist+.link_bar {
    margin-top: 30px
}

.popup_review_detail .popup_inner {
    width: 920px;
    min-height: 850px;
    max-height: 850px
}

.popup_review_detail .popup_content {
    padding: 40px 120px
}

.popup_review_detail .btn_review_list {
    display: block;
    position: absolute;
    top: 24px;
    right: 60px;
    width: 32px;
    height: 32px;
    background: url('../images/ico_list_type01.png')no-repeat center/16px auto
}

.review_header .review_profile {
    display: flex;
    align-items: center
}

.review_header .review_img {
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url('../images/ico_profile01.png')no-repeat 0 0/50px auto
}

.review_header .review_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.review_header .review_group {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.review_header .review_group>.review_box,
.review_header .review_group>.review_skin {
    display: flex;
    align-items: center
}

.review_header .review_box>.review_name {
    font-size: 16px;
    font-family: 'NotoSansBold'
}

.review_header .review_box>.review_badge {
    margin-left: 9px
}

.review_header .review_badge span {
    padding: 0 7px;
    height: 25px;
    font-size: 13px;
    color: #999;
    background: #f7f7f7
}

.review_header .review_badge span+span {
    margin-left: 2px
}

.review_header .review_group>.review_skin {
    margin-top: 5px
}

.review_header .review_skin>div {
    position: relative
}

.review_header .review_skin>div+div:before {
    content: '/';
    display: inline-block;
    margin-right: -2px;
    font-size: 14px
}

.review_header .review_info {
    display: flex;
    align-items: center;
    margin-top: 25px
}

.review_header .review_info .review_grade {
    display: flex;
    align-items: center;
    font-family: 'ManropeR'
}

.review_header .review_info .review_grade .grade_number {
    font-family: 'ManropeR'
}

.review_header .review_grade .grade_list {
    display: flex
}

.review_header .review_grade .grade_list .grade {
    width: 10px;
    height: 9px;
    background: url('../images/ico_star_bk.png')no-repeat 0 0/10px auto
}

.review_header .review_grade .grade_list .grade+.grade {
    margin-left: 1px
}

.review_header .review_grade .grade_list.type1 .grade:first-child~.grade {
    opacity: .25
}

.review_header .review_grade .grade_list.type2 .grade:nth-child(2)~.grade {
    opacity: .25
}

.review_header .review_grade .grade_list.type3 .grade:nth-child(3)~.grade {
    opacity: .25
}

.review_header .review_grade .grade_list.type4 .grade:nth-child(4)~.grade {
    opacity: .25
}

.review_header .review_grade .grade_list.type5 .grade {
    opacity: 1
}

.review_header .review_info .grade_number {
    margin-left: 4px;
    font-size: 12px
}

.review_header .review_info .review_date {
    margin-left: 15px;
    font-size: 12px;
    color: #666;
    font-family: 'ManropeR';
    letter-spacing: .5px
}

.review_content .review_box p+.img_box,
.review_content .img_box+.img_box {
    margin-top: 20px
}

.review_content .img_box+p {
    margin-top: 20px
}

.review_content .img_box img {
    max-width: 100%
}

.review_content .review_box p,
.review_content .review_box span {
    font-size: 16px;
    line-height: 1.8
}

.review_content .review_box span {
    color: #666
}

.review_content .review_box span em+em {
    margin-left: 3px
}

.review_bottom {
    margin-top: 15px
}

.review_bottom .review_box p {
    font-size: 14px;
    color: #999
}

.review_bottom .review_box p>strong {
    font-family: 'NotoSansBold'
}

.review_option {
    display: block;
    color: #999;
    font-size: 16px;
    line-height: 1.8
}

.popup_review_detail .review_bottom {
    margin-top: 25px
}

.popup_review_detail .review_content {
    margin-top: 20px;
    word-break: break-all
}

.popup_review_detail .review_option {
    margin: 20px 0 16px
}

.popup_review_detail [data-slide] {
    position: static
}

.popup_review_detail .swiper_hide_arrow button {
    opacity: 1
}

.popup_review_detail .swiper_hide_arrow button.swiper_prev {
    left: 30px
}

.popup_review_detail .swiper_hide_arrow button.swiper_next {
    right: 30px
}

.popup_review_detail .review_detail_list {
    overflow: hidden
}

.pop_cardselect .popup_head {
    padding-bottom: 21px
}

.cardslect_wrap {
    padding-top: 5px
}

.select_finance {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px
}

.select_finance li {
    position: relative;
    width: calc((100% / 4) - 10px);
    box-sizing: border-box;
    margin-left: 10px;
    margin-top: 10px
}

.finance_box>input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.finance_box>label {
    position: relative;
    display: block;
    min-height: 80px;
    background-color: #f5f5f5;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid transparent;
    text-align: center;
    padding: 12px
}

.finance_box>input:checked+label {
    border-color: #222
}

.finance_box>input:checked+label .f_name {
    color: #222
}

.finance_box .f_name {
    font-size: 15px;
    color: #999;
    margin-top: 8px
}

.finance_box.badge .pay_badge {
    display: block;
    bottom: auto;
    top: -5px;
    left: auto;
    right: 5px;
    transform: none
}

.finance_box .notice_wrap {
    display: none;
    position: relative;
    z-index: 2;
    width: calc(400% - -30px);
    margin-top: 10px;
    box-sizing: border-box
}

.finance_box .notice_wrap .inner {
    max-height: 73px;
    overflow-y: auto
}

.finance_box .notice_wrap .notice_title {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
    font-family: 'NotoSansBold';
    line-height: 1.5;
    color: #222
}

.finance_box .notice_wrap p {
    font-size: 14px;
    line-height: 1.5;
    color: #666
}

.finance_box.badge>input:checked+label~.notice_wrap {
    display: block
}

.select_finance .finance_box:nth-child(4n-2) .notice_wrap {
    margin-left: calc(-100% - 10px)
}

.select_finance .finance_box:nth-child(4n-1) .notice_wrap {
    margin-left: calc(-200% - 20px)
}

.select_finance .finance_box:nth-child(4n) .notice_wrap {
    margin-left: calc(-300% - 30px)
}

.finish_cont {
    margin-top: 35px
}

.finish_cont:first-of-type {
    margin-top: 0
}

.finish_head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px
}

.finish_head .title {
    font-size: 16px;
    font-weight: bold
}

.finish_head .detail {
    font-size: 16px;
    font-weight: bold
}

.finish_head .won_price {
    font-family: 'ManropeBold';
    font-size: 26px;
    color: #de3831
}

.finish_head .won {
    font-family: 'ManropeR';
    font-size: 24px;
    color: #999;
    margin-left: 8px
}

.finish_head .kr {
    font-size: 20px
}

.finish_head .cont {
    position: relative;
    padding-right: 32px
}

.finish_head .ico_arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.subbtm_banner {
    border-radius: 20px;
    margin-top: 20px;
    overflow: hidden
}

.finish_cont.sum .finish_head {
    border-bottom: 1px solid #eee;
    padding-bottom: 18px
}

.finish_cont.sum .title {
    font-size: 20px
}

.sum_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    margin-top: 16px
}

.sum_list li:first-child {
    margin-top: 0
}

.sum_list .sum {
    font-weight: bold
}

.sum_list.tree li {
    margin-top: 4px
}

.sum_list.tree li {
    font-size: 14px;
    color: #666
}

.sum_list.tree .list {
    position: relative;
    padding-left: 16px
}

.sum_list.tree .list::after {
    display: block;
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #bbb;
    border-top-color: transparent;
    border-right-color: transparent
}

.sum_list.tree .sum {
    font-weight: lighter
}

.popup_order_cancle .notice_wrap {
    margin-top: 76px
}

.popup_print_cont .text_box {
    font-size: 15px
}

.popup_print_cont .img_box {
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    height: 400px;
    border-radius: 20px
}

.popup_print_cont .img_box img {
    width: auto;
    height: 100%
}

.popup_sku_ref .text_box {
    font-size: 15px
}

.popup_sku_ref .img_box {
    width: 500px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px
}

.terms_wrap .stitle {
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px
}

.terms_wrap .stitle:first-of-type {
    margin-top: 0
}

.terms_cont {
    color: #666
}

.terms_cont p {
    font-size: 15px;
    line-height: 1.8;
    margin-top: 10px
}

.terms_cont strong {
    color: #222
}

.terms_notice {
    font-size: 15px;
    color: #666;
    margin-top: 30px
}

.align_list {
    display: flex;
    flex-wrap: wrap
}

.align_list.type1 {
    margin-left: -20px
}

.align_list.type1>li {
    margin-top: 26px;
    margin-left: 20px
}

.align_list.type1 .brand_item {
    position: relative;
    width: 240px
}

.align_list.type1 .brand_item .brand_link {
    display: block
}

.align_list.type1 .brand_item .brand_img {
    position: relative;
    width: 240px;
    height: 120px;
    padding: 41.5px 0;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden
}

.align_list.type1 .brand_item .brand_img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.04)
}

.align_list.type1 .brand_item .brand_img img {
    width: 116px;
    height: 37px
}

.align_list.type1 .brand_item .brand_name {
    overflow: hidden;
    display: inline-block;
    margin-top: 20px;
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 18px;
    line-height: 1
}

.align_list.type1 .brand_item .ck_like {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px;
    width: 18px
}

.align_list.type2 {
    margin-top: -25px
}

.align_list.type2 li {
    margin-top: 60px;
    width: calc(100% / 6)
}

.align_list.type2 .brand_link {
    display: block;
    text-align: center
}

.align_list.type2 .brand_img {
    overflow: hidden;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    border-radius: 50%
}

.align_list.type2 .brand_img img {
    width: 100%;
    height: 100%
}

.align_list.type2 .brand_name {
    display: inline-block;
    padding: 0 10px;
    margin-top: 20px;
    max-width: calc(100% - 20px);
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    font-size: 18px;
    line-height: 1
}

.intro_thumb {
    position: relative;
    border-radius: 20px;
    overflow: hidden
}

.intro_thumb .banner_img {
    width: 100%;
    height: 100%
}

.intro_thumb .banner_img img {
    width: 100%;
    height: 100%
}

.intro_thumb .banner_text {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    width: 320px
}

.intro_thumb .banner_text .text {
    margin-bottom: 24px
}

.intro_thumb .banner_text .text strong {
    font-size: 28px;
    color: #222;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.intro_thumb .banner_text .text i {
    font-family: 'ManropeBold'
}

.intro_thumb .title span {
    font-weight: 600
}

.brand_tab {
    margin-top: 40px
}

.brand_tab .tab_contents {
    padding-top: 20px
}

.brand_tab .tab_result {
    margin-top: 16px;
    padding: 40px 10px 40px 40px;
    border-radius: 10px;
    border: 1px solid #eee
}

.brand_tab .tab_result>div {
    max-height: 318px;
    box-sizing: border-box;
    padding-right: 30px
}

.brand_tab .order_brand_list {
    display: flex;
    align-items: flex-start
}

.brand_tab .order_brand_list+.order_brand_list {
    margin-top: 40px
}

.brand_tab .order_brand_list .title {
    display: block;
    font-size: 28px;
    line-height: 1;
    width: 200px
}

.brand_tab .order_brand_list>ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 200px);
    margin-top: -20px
}

.brand_tab .order_brand_list>ul>li {
    margin-top: 20px;
    width: calc(100% / 3 - 40px);
    padding-right: 40px;
    font-size: 15px
}

.brand_tab .order_brand_list>ul>li>a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.brand_tab .tab_result.type2 {
    border-radius: 0;
    border: 0;
    margin-top: 26px;
    padding: 0
}

.brand_tab .tab_result.type2>div {
    max-height: none;
    padding-right: 0
}

.brand_tab .tab_result.type2 .order_brand_list {
    margin-top: 0;
    border-top: 1px solid #eee;
    padding: 40px 0
}

.brand_tab .tab_result.type2 .order_brand_list .title {
    width: 256px
}

.brand_tab .tab_result.type2 .order_brand_list>ul {
    width: calc(100% - 256px)
}

.brand_tab .tab_result.type2 .order_brand_list>ul>li {
    padding-right: 20px;
    width: calc(100% / 4 - 20px)
}

.brand_tab .tab_result.type2 .order_brand_list>ul>li .ck_like_box a {
    max-width: calc(100% - 27px);
    height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.brand_tab .gift_all .tab_result .order_brand_list {
    display: block
}

.brand_tab .gift_all .tab_result .order_brand_list .title {
    margin-bottom: 40px
}

.brand_tab .gift_all .tab_result .product_wrap .product_cont {
    padding-bottom: 0
}

.brand_tab .no_result {
    padding: 90px 0
}

.brand_tab .tab_result .scroll_custom {
    position: relative
}

.brand_tab .choice_list>li>a {
    display: inline-block;
    height: 100%;
    font-size: 18px;
    color: rgba(34, 34, 34, 0.6)
}

.brand_tab .choice_list>li>a>span {
    display: inline-block;
    position: relative;
    height: 100%;
    padding: 0 5px
}

.brand_tab .choice_list>li:first-child>a>span {
    padding-left: 0
}

.brand_tab .choice_list>li>a.on {
    color: #222;
    font-family: 'NotoSansBold'
}

.brand_tab .choice_list>li>a.on>span:after {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 4px;
    right: -2px;
    border-radius: 50%;
    background-color: #de3831
}

.brand_tab .choice_list>li>a.disabled {
    color: #ccc;
    cursor: default
}

.brand_tab .tab_result.type3 .order_brand_list .title {
    width: 240px
}

.brand_tab .tab_result.type3 .order_brand_list>ul {
    width: calc(100% - 240px)
}

.brand_tab .tab_result.type3 .order_brand_list>ul>li {
    width: calc(100% / 4);
    padding-right: 10px;
    box-sizing: border-box
}

.form_notification {
    margin-top: 30px
}

.btn_add_product {
    margin-top: 20px
}

.btn_special_order {
    margin-top: 36px
}

.btn_special_order>p {
    font-size: 15px
}

.special_request>.notice_wrap {
    margin-top: 95px
}

.special_request .form_area_list>li {
    margin-top: 20px
}

.special_request .fake_textarea {
    height: 150px
}

.special_request .fake_textarea textarea {
    height: 80px;
    min-height: auto
}

.special_request>.go_link_wrap {
    margin-top: 10px
}

.special_request .form_user .form_area_tit .tit {
    vertical-align: middle
}

.special_order_page {
    padding: 40px
}

.special_order_page .form_area_list>.product_wrap.type3 {
    margin-bottom: 0
}

.special_order_page .product_wrap.type3 .product_cont,
.special_order_page .product_wrap.type3 .pro_detail {
    min-width: 0
}

.special_order_page .product_wrap.type3 .product_cont .pro_img {
    flex-shrink: 0;
    width: 247px;
    height: 160px;
    text-align: center
}

.special_order_page .product_wrap.type3 .product_cont .pro_img img {
    height: 100%;
    width: auto
}

.special_order_page .form_area_tit {
    flex: 0 0 277px
}

.special_order_page .product_wrap.type3 .product_cont .pro_detail {
    flex: auto;
    width: 100%;
    padding-left: 30px
}

.special_order_page .form_inp,
.special_order_page .select_box {
    flex: 1;
    max-width: calc(100% / 3 - 10px)
}

.mem_grade_box {
    display: flex;
    align-items: flex-end;
    padding: 30px 40px;
    border-radius: 10px;
    border: 1px solid #eee
}

.mem_cont_tab {
    display: flex;
    justify-content: flex-start;
    align-items: baseline
}

.mem_cont_tab li {
    width: 70px;
    margin-left: 50px
}

.offline .mem_cont_tab li {
    margin-left: 26px
}

.mem_cont_tab li:first-child {
    margin-left: 0
}

.mem_level {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 20px;
    opacity: .25
}

.mem_level .level_img {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 40px;
    height: 40px;
    transform: translateX(-50%)
}

.mem_level .level_img>img {
    width: 100%
}

.online .mem_level.level1 {
    background-color: #333;
    height: 350px
}

.online .mem_level.level2 {
    background-color: #5c391e;
    height: 290px
}

.online .mem_level.level3 {
    background-color: #b92f1b;
    height: 230px
}

.online .mem_level.level4 {
    background-color: #d57b26;
    height: 190px
}

.online .mem_level.level5 {
    background-color: #31786c;
    height: 130px
}

.offline .mem_level.level1 {
    background-color: #453f59;
    height: 350px
}

.offline .mem_level.level2 {
    background-color: #413f45;
    height: 310px
}

.offline .mem_level.level3 {
    background-color: #4d4538;
    height: 260px
}

.offline .mem_level.level4 {
    background-color: #d3b069;
    height: 210px
}

.offline .mem_level.level5 {
    background-color: #e1e1e1;
    height: 160px
}

.offline .mem_level.level6 {
    background-color: #92867e;
    height: 110px
}

.mem_level.this::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: -15px;
    width: 6px;
    height: 6px;
    background-color: #de3831;
    border-radius: 3px;
    transform: translateX(-50%)
}

.mem_cont_tab li.on .mem_level {
    opacity: 1
}

.mem_tab_contents {
    margin-left: 30px
}

.mem_tab_contents .mem_tab_cont {
    display: none
}

.mem_tab_contents .mem_tab_cont.on {
    display: block
}

.mtab_cont_title .mtab_tit_tit {
    font-size: 24px;
    font-weight: 700
}

.mtab_cont_title .mtab_tit_txt {
    font-size: 18px;
    margin-top: 10px
}

.mtab_cont_title .mtab_tit_txt i {
    font-family: 'ManropeR'
}

.mtab_detail {
    margin-top: 20px
}

.mtab_detail li {
    font-size: 16px;
    margin-top: 7px
}

.mtab_detail li:first-child {
    margin-top: 0
}

.order_time_box {
    margin-top: 70px;
    padding: 34px 20px;
    border-radius: 10px;
    background: #fafafa;
    text-align: center
}

.order_time_box .title,
.order_time_box .text,
.order_time_box .time_text {
    display: flex;
    align-items: center;
    justify-content: center
}

.order_time_box .title {
    font-size: 28px
}

.order_time_box .title>span {
    margin-right: 3px;
    font-family: 'ManropeBold'
}

.order_time_box .text {
    margin-top: 5px;
    font-size: 18px;
    color: #666
}

.order_time_box .text em {
    font-family: 'ManropeR'
}

.order_time_box .time_text {
    font-size: 16px;
    color: #666
}

.order_time_box>.time_box {
    margin-top: 28px
}

.order_time_box .time_text+.time_text {
    margin-top: 7px
}

.order_time_box .time_text .time {
    margin-right: 10px;
    padding: 1px 6.5px 2px;
    font-size: 11px;
    color: #999;
    background: #f7f7f7
}

.popup_full.pop_cardeasy .popup_inner.type2 .popup_head {
    padding-bottom: 24px
}

.popup_full.pop_cardeasy .popup_content {
    padding-top: 30px
}

.card_join_box {
    text-align: center
}

.btn_card_join {
    display: inline-block;
    width: 270px;
    height: 170px;
    border-radius: 20px;
    background-color: #f5f5f5
}

.btn_card_join>span {
    position: relative;
    display: inline-block;
    background: url(../images/ico_card_join.png) 50% 0 no-repeat;
    background-size: 40px auto;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    padding-top: 50px
}

.btn_card_join>span>i {
    font-weight: bold;
    color: #de3831
}

.pop_cardeasy .card_join_box {
    margin-bottom: 35px;
    padding-top: 30px
}

.pop_cardeasy .btn_wrap {
    margin-top: 40px
}

.card_sort_box .complete {
    display: none
}

.card_sort_box .card_sort_tit>em,
.card_sort_box .complete {
    display: none
}

.card_sort_box.edit .modify {
    display: none
}

.card_sort_box.edit .complete {
    display: block
}

.card_sort_box.edit .card_sort_tit>em {
    display: block
}

.card_sort_box.edit .card_sort_tit>span {
    display: none
}

.ui-sortable-handle.ui-sortable-helper {
    box-shadow: 0 2px 3px 0 rgba(34, 34, 34, 0.06)
}

.card_sort_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 45px;
    margin-bottom: 10px
}

.card_sort_tit {
    font-size: 16px
}

.card_sort_tit>span>i {
    color: #de3831
}

.pop_cardeasy .pop_sort_cardlist li {
    position: relative;
    border-bottom: 1px solid #eee;
    border-top: 0;
    padding: 30px 40px 30px 0;
    margin-top: 0
}

.pop_cardeasy .pop_sort_cardlist li:first-child {
    border-top: 1px solid #eee
}

.pop_cardeasy .modify {
    display: block;
    width: 20px;
    height: 14px;
    background: url('../images/ico_card_easy01.png') 0 0 no-repeat;
    background-size: 100%
}

.pop_cardeasy .card_choose {
    border: 0;
    padding: 0
}

.pop_cardeasy .choose_cardimg {
    overflow: hidden;
    position: relative;
    width: 168px;
    height: 108px;
    border-radius: 10px
}

.pop_cardeasy .pop_sort_cardlist li:first-child .choose_cardimg::after {
    display: block;
    content: '';
    position: absolute;
    top: -1px;
    right: 16px;
    width: 20px;
    height: 22px;
    background: url('../images/ico_card_easy04.png') 0 0 no-repeat
}

.pop_cardeasy .choose_cardinfo .name {
    font-size: 20px
}

.pop_cardeasy .choose_cardinfo .number {
    font-size: 14px
}

.choose_btn {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.choose_btn .card_move {
    display: block;
    width: 20px;
    height: 14px;
    background: url('../images/ico_card_easy03.png') 0 0 no-repeat;
    background-size: 100%
}

.choose_btn .card_del {
    display: block;
    width: 30px;
    height: 30px;
    background: url('../images/ico_card_easy02.png') 0 0 no-repeat;
    background-size: 100%
}

.card_sort_box .choose_btn .card_move {
    display: none
}

.card_sort_box.edit .pop_sort_cardlist li {
    cursor: pointer
}

.card_sort_box.edit .choose_btn .card_move {
    display: block
}

.card_sort_box.edit .choose_btn .card_del {
    display: none
}

.order_detail_info {
    font-size: 16px;
    display: flex;
    padding-top: 16px
}

.order_detail_info>div+div {
    margin-left: 35px
}

.order_detail_info .title {
    font-family: 'notoSansBold'
}

.order_detail_info .order_no,
.order_detail_info .order_date,
.order_detail_info .order_total {
    font-family: 'ManropeBold';
    font-weight: 700
}

.order_detail_info .order_date .time {
    margin-left: 6px
}

.order_detail_info.type2 {
    padding-top: 0
}

.order_detail_info.type2>div+div {
    margin-left: 30px
}

.order_detail_info.type2 .title {
    margin-right: 2px;
    font-size: 16px;
    color: #666;
    font-family: 'NotoSans'
}

.order_detail_info.type2 .order_no,
.order_detail_info.type2 .order_date,
.order_detail_info.type2 .order_total {
    color: #de3831
}

.popup_order_history .date_select {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.popup_order_history .date_select>.btn_wrap {
    margin-left: 10px;
    flex: 1
}

.popup_order_history .product_list {
    margin-top: 30px
}

.popup_order_history .product_link {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    box-sizing: border-box
}

.popup_order_history .product_link:hover {
    border-color: #222
}

.popup_order_history .product_box+.product_box {
    margin-top: 10px
}

.popup_order_history .popup_content.type1 {
    padding-bottom: 0
}

.popup_order_history .order_history_cont {
    padding-bottom: 40px
}

.popup_order_history .info_name_area {
    display: flex;
    max-width: 208px
}

.popup_order_history .info_name_area .info_name {
    flex: 1
}

.popup_order_history .info_name_area .etc {
    margin-top: 3px;
    font-size: 15px
}

.popup_order_detail .order_detail_info {
    padding-top: 0
}

.popup_order_detail .popup_content.type1 {
    padding-bottom: 0
}

.popup_order_detail .order_detail_list {
    margin-top: 30px;
    padding-bottom: 40px
}

.popup_order_detail .order_detail_list>.info_box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup_order_detail .order_detail_list>.info_box label {
    font-size: 16px;
    line-height: 21px
}

.popup_order_detail .order_detail_list>.info_box .info_text {
    font-size: 16px;
    color: #666
}

.popup_order_detail .contents_wrap {
    margin-top: 20px
}

.popup_order_detail .product_box {
    display: flex;
    margin: 0
}

.popup_order_detail .product_box+.product_box {
    margin-top: 20px
}

.popup_order_detail .product_box .product_cont {
    flex: 1
}

.popup_order_detail .pro_detail .pro_info.type1 .info_brand,
.popup_order_detail .pro_detail .pro_info.type1 .info_name {
    max-width: 100%
}

.popup_order_detail .pro_info.type1 .info_order_wrap {
    width: 283px;
    padding-right: 0
}

.popup_order_detail .pro_info.type1 .info_price {
    width: 192px;
    margin-left: 0
}

.popup_order_detail .pro_info.type1 .pro_num {
    width: 90px;
    padding: 0 10px;
    box-sizing: border-box
}

.popup_prepayment_info .popup_content {
    padding: 40px
}

.popup_prepayment_info .prepayment_item+.prepayment_item {
    margin-top: 10px
}

.popup_prepayment_info .prepayment_item>.title,
.popup_prepayment_info .prepayment_item .text {
    font-size: 16px;
    color: #666
}

.popup_prepayment_info .prepayment_item .text {
    margin-top: 3px;
    line-height: 1.6
}

.popup_prepayment_info .prepayment_item>.item_info {
    margin-top: 3px
}

.popup_prepayment_info .prepayment_item .info_list li {
    font-size: 16px;
    line-height: 1.6
}

.popup_prepayment_info .prepayment_item .info_list ul li {
    padding-left: 30px;
    text-indent: -11px
}

.floor_info_wrap>.floor_info_header {
    overflow: hidden;
    margin-top: 35px
}

.floor_info_wrap .tab_wrap.type2.wide>.tab_menu {
    justify-content: flex-start
}

.floor_info_wrap .tab_menu .swiper-slide {
    width: auto
}

.floor_info_wrap .floor_info_content .floor_info_img {
    height: 740px;
    text-align: center
}

.floor_info_wrap .floor_info_content .floor_info_img img {
    width: auto;
    height: 100%
}

.floor_info_wrap .floor_info_btn .zoom_btn {
    position: static;
    bottom: 0;
    right: 0;
    margin-left: 8px
}

.popup_floor_map .floor_info_header {
    margin: 0 -40px;
    padding: 17px 0 19px
}

.popup_floor_map .tab_wrap.type2 {
    padding: 0 40px
}

.popup_floor_map .tab_wrap.type2>.tab_menu {
    padding-bottom: 0
}

.popup_floor_map .tab_wrap.type2>.tab_menu>li>a {
    font-size: 22px
}

.popup_floor_map .tab_wrap.type2>.tab_menu>li>a>span {
    padding-right: 0
}

.popup_floor_map .tab_wrap.type2>.tab_menu>li.on>a>span {
    padding-right: 10px
}

.popup_floor_map .floor_info_wrap .floor_info_content .floor_info_img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 480px
}

.popup_floor_map .floor_info_wrap .floor_info_content .floor_info_img img {
    width: 100%;
    height: auto
}

.popup_floor_map .floor_info_btn {
    margin-top: 10px
}

.floor_info_wrap+.branch_brand_wrap {
    margin-top: 110px
}

.branch_brand_wrap .branch_brand_list {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.branch_brand_wrap .branch_brand_list .item_header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px
}

.branch_brand_wrap .branch_brand_list .item_header>.title {
    flex-shrink: 0;
    padding-right: 10px;
    font-size: 16px;
    font-family: 'NotoSansBold'
}

.branch_brand_wrap .branch_brand_list .item_header .item_box {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.branch_brand_wrap .item_header .btn_wrap button {
    position: relative;
    width: 14px;
    height: 100%;
    padding-left: 20px;
    box-sizing: content-box
}

.branch_brand_wrap .item_header .branch_list ul {
    display: flex;
    align-items: center
}

.branch_brand_wrap .item_header .branch_list li+li {
    margin-left: 10px
}

.branch_brand_wrap .item_header .branch_list li>.title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 50%;
    font-size: 16px;
    font-family: 'ManropeBold';
    color: #666
}

.branch_brand_wrap .item_content .branch_detail_list {
    padding: 10px 0;
    background: #fafafa;
    border-radius: 10px
}

.branch_brand_wrap .branch_detail_list .detail_item {
    display: flex;
    align-items: center
}

.branch_brand_wrap .branch_detail_list .detail_item .title,
.branch_brand_wrap .branch_detail_list .detail_item .text {
    padding: 13px 10px 15px
}

.branch_brand_wrap .branch_detail_list .detail_item .title,
.branch_brand_wrap .branch_detail_list .detail_item .text,
.branch_brand_wrap .branch_detail_list .detail_item .item_btn {
    width: 256px;
    font-size: 16px;
    font-family: 'NotoSans';
    line-height: 1.2;
    box-sizing: border-box;
    word-break: break-all
}

.branch_brand_wrap .branch_detail_list .detail_item .item_link {
    border-bottom: 1px solid #222
}

.branch_brand_wrap .branch_detail_list .detail_item .item_btn {
    padding: 0 10px;
    text-align: right
}

.rewhse_cont .date_select {
    margin-top: 20px
}

.rewhse_cont .date_select.type1 .form_inp {
    width: auto
}

.pop_rewhse_txt {
    font-size: 13px;
    color: #666;
    margin-top: 5px
}

.rewhse_cont .notice_wrap {
    margin-top: 60px
}

.re_comp_tit {
    font-size: 24px;
    font-weight: bold
}

.re_comp_product {
    position: relative;
    min-height: 150px;
    box-sizing: border-box;
    padding-left: 165px
}

.comp_pro_img {
    position: absolute;
    top: 0;
    left: 0
}

.comp_pro_img .comp_img {
    display: inline-block;
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    padding: 15px
}

.comp_pro_img .comp_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.comp_pro_brand {
    font-size: 15px
}

.comp_pro_name {
    font-family: 'NotoSansBold';
    font-size: 20px;
    margin-top: 5px;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-height: 58px
}

.pop_rewhse_complete .popup_inner {
    min-height: auto
}

.pop_rewhse_complete .popup_head .btn_wrap {
    margin-top: 36px
}

.re_comp_comt {
    margin-top: 20px
}

.re_comp_comt .comt_txt {
    font-size: 15px
}

.rewhse_complete {
    margin-top: 20px
}

.rewhse_complete .info_box_list {
    margin-top: 30px
}

.re_comp_tit {
    margin-top: 52px
}

.re_comp_list {
    margin-top: 36px
}

.re_comp_list .product_wrap.type1 .product_box {
    width: 230px;
    margin-left: 0
}

.re_comp_list .product_wrap.type1 .product_box:nth-child(even) {
    margin-left: 20px
}

.popup_order_time .order_time_wrap {
    padding: 40px 0 0
}

.popup_order_time .order_time>ul>li {
    display: flex;
    justify-content: space-between
}

.popup_order_time .order_time>ul>li+li {
    margin-top: 20px
}

.popup_order_time .order_time>ul>li>.form_tit {
    flex-shrink: 0;
    margin-top: 10px;
    padding-right: 10px;
    width: 150px;
    box-sizing: border-box
}

.popup_order_time .order_time>ul>li .form_box,
.popup_order_time .order_time>ul>li .form_wrap {
    flex: 1
}

.popup_order_time .order_time>ul>li .form_wrap .form_box+.form_box {
    margin-top: 20px
}

.popup_order_time .order_time>.btn_wrap {
    margin-top: 30px
}

.popup_order_time .order_time_box {
    margin-top: 40px
}

.popup_order_time .order_time_box .title {
    font-size: 18px
}

.popup_order_time .order_time_box .title>span {
    font-size: 20px
}

.popup_order_time .order_time_box .text {
    font-size: 16px
}

.popup_order_time .order_time_box .time_text .time,
.order_time_notice .time {
    padding: 1px 6.5px 2px;
    font-size: 13px;
    color: #de3831;
    background: #fdf5f4
}

.popup_order_time .order_time_box .time_text {
    font-size: 14px;
    color: #999
}

.popup_order_time .order_time_info {
    margin-top: 60px
}

.popup_order_time .order_time_info>.info_title {
    font-size: 20px
}

.popup_order_time .order_time_info>.tab_wrap {
    margin-top: 20px
}

.popup_order_time .order_time_info .tab_menu>li {
    width: auto
}

.popup_order_time .order_time_info .tab_content {
    margin-top: 20px;
    min-height: 300px
}

.popup_order_time .order_time_info .form_table tbody td {
    vertical-align: top
}

.order_time_notice {
    margin-top: 20px
}

.order_time_notice .time+.time {
    margin-left: 6px
}

.popup_lead_info .lead_title {
    font-size: 20px;
    font-family: 'NotoSansBold'
}

.popup_lead_info .depart_lead_content {
    margin-top: 40px
}

.popup_lead_info .depart_lead_content>ul>li {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.popup_lead_info .depart_lead_content .form_tit {
    width: 150px
}

.popup_lead_info .depart_lead_content .select_box {
    margin-left: -10px;
    flex: 1
}

.popup_lead_info .gift_card_content {
    margin-top: 50px
}

.popup_lead_info .gift_card_list {
    margin-top: 15px
}

.popup_lead_info .gift_card_list li+li {
    margin-top: 10px
}

.popup_lead_info .link_bar .text {
    margin-top: 3px;
    font-size: 14px
}

.popup_lead_info .link_bar .text>em {
    font-size: 15px
}

.popup_lead_info .gift_card_content>.btn_wrap {
    margin-top: 30px
}

.popup_lead_info .delivery_content {
    margin-top: 50px
}

.popup_lead_info .delivery_step ul {
    display: flex;
    align-items: center
}

.popup_lead_info .delivery_step li {
    flex: 1;
    padding: 20px 0;
    font-size: 16px;
    font-family: 'NotoSansBold';
    text-align: center;
    border-bottom: 4px solid #eee
}

.popup_lead_info .delivery_step li:nth-child(2) {
    border-color: #ccc
}

.popup_lead_info .delivery_step li:nth-child(3) {
    border-color: #999
}

.popup_lead_info .delivery_step li:nth-child(4) {
    border-color: #222
}

.popup_lead_info .delivery_box {
    margin-top: 30px;
    padding: 25px 30px;
    background: #f5f5f5;
    border-radius: 20px
}

.popup_lead_info .delivery_title {
    font-size: 20px
}

.popup_lead_info .delivery_img {
    margin-top: 25px;
    width: 100%;
    height: 290px
}

.popup_lead_info .delivery_img img {
    width: 100%;
    height: 100%
}

.delivery_info .title {
    display: block;
    font-size: 16px
}

.popup_lead_info .delivery_info {
    margin-top: 25px
}

.popup_lead_info .delivery_info .bullet_list {
    color: #666
}

.popup_lead_info .delivery_info .bullet_list strong {
    display: block
}

.popup_lead_info .delivery_info .bullet_list span {
    display: block;
    margin-top: 5px
}

.popup_lead_info .delivery_info .bullet_list>li {
    font-size: 16px
}

.popup_lead_info .delivery_info .bullet_list>li+li {
    margin-top: 20px
}

.popup_limit_notice .tab_wrap {
    padding: 30px 0 28px
}

.popup_limit_notice .limit_notice_box .text {
    display: block;
    font-size: 16px;
    color: #666
}

.popup_limit_notice .limit_notice_box .text+.text {
    margin-top: 20px
}

.popup_limit_notice .limit_notice_item {
    margin-top: 50px
}

.popup_limit_notice .limit_notice_list .title {
    font-size: 20px;
    font-family: 'NotoSansBold'
}

.popup_limit_notice .limit_notice {
    margin-top: 15px;
    font-size: 16px
}

.popup_limit_notice .limit_notice>.text {
    margin-top: 4px;
    color: #666;
    line-height: 22px
}

.popup_limit_notice .limit_notice>.dash_list {
    margin-top: 5px
}

.popup_limit_notice .limit_notice>.dash_list+span.text {
    display: block;
    margin-top: 35px
}

.popup_limit_notice .limit_notice>.bullet_list {
    margin-top: 4px
}

.popup_limit_notice .limit_notice>.bullet_list li {
    font-size: 16px;
    color: #666
}

.popup_limit_notice .limit_notice_img {
    margin-top: 10px
}

.popup_limit_notice .limit_notice_img img {
    width: 100%;
    height: 100%
}

.popup_limit_notice .limit_notice_img+.limit_notice {
    margin-top: 15px
}

.popup_limit_notice .form_table {
    margin-top: 20px
}

.popup_customer_agree .info_item+.info_item {
    margin-top: 35px
}

.popup_customer_agree .info_item .info_box {
    margin-top: 13px
}

.popup_customer_agree .info_item .info_box span+span {
    margin-top: 2px
}

.popup_customer_agree .info_item .title,
.popup_customer_agree .info_item .text,
.popup_customer_agree .info_item .impt_text {
    display: block
}

.popup_customer_agree .info_item .title {
    font-size: 20px;
    font-family: 'NotoSansBold'
}

.popup_customer_agree .info_item .impt {
    font-size: 18px;
    font-family: 'NotoSansBold'
}

.popup_customer_agree .info_item .impt_text {
    font-size: 16px;
    font-family: 'NotoSansBold'
}

.popup_customer_agree .info_item .text {
    font-size: 16px;
    color: #666
}

.popup_customer_agree .info_item .text>.impt {
    color: #222;
    border-bottom: 1px solid #222
}

.popup_customer_agree .customer_agree_notice {
    margin-top: 55px
}

.popup_customer_agree .customer_agree_notice .text {
    font-size: 16px;
    color: #666
}

.popup_customer_agree .info_item .form_table {
    margin-top: 15px
}

.popup_customer_agree .dash_list {
    font-size: 16px
}

.popup_customer_agree.rewards .info_item+.info_item {
    margin-top: 50px
}

.popup_customer_agree.rewards .customer_agree_content {
    margin-top: 25px
}

.popup_customer_agree.rewards .form_table td {
    text-align: left
}

.popup_customer_agree.membership .info_item+.info_item {
    margin-top: 50px
}

.popup_customer_agree.membership .customer_agree_content {
    margin-top: 25px
}

.popup_customer_agree.membership .form_table td {
    text-align: left
}

.popup_customer_agree.membership .info_text {
    margin-top: 25px
}

.popup_member_resign .popup_head>.title+.info_text {
    margin-top: 20px;
    font-size: 18px
}

.popup_member_resign .member_account {
    margin-top: 40px
}

.popup_member_resign .member_account>.title {
    font-size: 18px;
    font-family: 'NotoSansBold'
}

.popup_member_resign .member_account .member_account_list {
    margin-top: 10px
}

.popup_member_resign .member_account_list .account_item {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.popup_member_resign .member_account_list .account_box {
    display: flex;
    align-items: center
}

.popup_member_resign .member_account_list .account_box>.id {
    width: 26.5%;
    font-size: 16px;
    font-family: 'NotoSans';
    color: #999
}

.popup_member_resign .member_account_list .account_box>.email {
    flex: 1;
    font-size: 16px;
    font-family: 'ManropeR';
    word-break: break-all;
    letter-spacing: -0.5px
}

.popup_member_resign .member_account_list .member_history_list {
    margin-top: 20px
}

.popup_member_resign .member_account_list.type2 .account_box>.email {
    font-family: 'ManropeBold'
}

.member_history_list {
    padding: 20px;
    border-radius: 10px;
    background: #f5f5f5
}

.member_history_list .list_item+.list_item {
    margin-top: 15px
}

.member_history_list .item_box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.member_history_list .item_box .title {
    font-family: 'NotoSans'
}

.member_history_list .item_box .text {
    display: flex;
    align-items: center;
    padding-left: 10px;
    word-break: break-all
}

.member_history_list .item_box .text>.number {
    margin-right: 4px;
    font-size: 16px;
    font-family: 'ManropeBold';
    color: #de3831;
    letter-spacing: -0.5px;
    line-height: 1
}

.popup_passport_guide .popup_content {
    margin-top: 30px
}

.popup_passport_guide .passport_impt p {
    font-size: 16px;
    color: #666
}

.popup_passport_guide .passport_img {
    margin-top: 30px
}

.popup_passport_guide .passport_info {
    margin-top: 40px
}

.popup_passport_guide .passport_info dl+dl {
    margin-top: 80px
}

.popup_passport_guide .passport_info dt {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 20px;
    font-family: 'NotoSansBold'
}

.popup_passport_guide .passport_info dt span {
    margin-right: 10px;
    width: 26px;
    height: 26px;
    font-size: 14px;
    color: #fff;
    background: #de3831;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    font-family: 'ManropeR'
}

.popup_passport_guide .passport_info dd {
    position: relative;
    padding-left: 12px;
    font-size: 16px
}

.popup_passport_guide .passport_info dd:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #222
}

.popup_passport_guide .passport_info dd+dd {
    margin-top: 10px
}

.popup_passport_guide .passport_info dd span {
    font-family: 'NotoSansBold'
}

.popup_passport_guide .passport_info dd span+em {
    margin-left: 10px
}

.popup_passport_guide .passport_info dd em {
    color: #666
}

.popup_passport_guide .passport_info dd.box {
    margin-top: 25px;
    padding: 25px;
    background: #f5f5f5;
    border-radius: 10px
}

.popup_passport_guide .passport_info dd.box:before {
    display: none
}

.popup_passport_guide .passport_info dd.box dt {
    margin-bottom: 8px;
    font-size: 16px
}

.popup_passport_guide .passport_info dd.box dd+dd {
    margin-top: 3px
}

.popup_withdraw_apply .current_deposit_box {
    padding: 30px;
    border-radius: 10px;
    background: #f5f5f5
}

.popup_withdraw_apply .current_deposit_box .current_deposit {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup_withdraw_apply .current_deposit .title {
    font-size: 18px;
    font-family: 'NotoSansBold'
}

.popup_withdraw_apply .current_deposit .deposit {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-family: 'ManropeBold';
    color: #de3831
}

.popup_withdraw_apply .current_deposit .deposit em {
    font-size: 18px;
    font-family: 'NotoSans'
}

.popup_withdraw_apply .current_deposit_info {
    margin-top: 20px
}

.popup_withdraw_apply .withdraw_info {
    margin-top: 30px
}

.popup_withdraw_apply .withdraw_info li {
    display: block
}

.popup_withdraw_apply .withdraw_info li:first-child {
    padding-bottom: 10px
}

.popup_withdraw_apply .withdraw_info .form_area_cont {
    text-align: left
}

.popup_withdraw_apply .withdraw_info .form_select,
.popup_withdraw_apply .withdraw_info .form_inp {
    width: 100%
}

.pop_membership .mem_tab_contents {
    margin-left: 0
}

.mem_top_title {
    text-align: center
}

.mem_tit_img {
    margin-bottom: 24px
}

.mem_tit_cont {
    font-size: 20px
}

.mem_tit_cont:first-of-type {
    margin-top: 0
}

.mem_tit_cont>span {
    font-family: 'NotoSansBold'
}

.mem_tit_cont .level {
    color: #de3831
}

.mem_top_info {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px;
    margin-top: 26px
}

.mem_info_cont {
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 1.5
}

.mem_info_cont>.num_total {
    color: #222
}

.mem_info_cont>.num_up {
    color: #222;
    font-weight: 700
}

.mem_info_cont>.txt_level {
    color: #222;
    font-weight: 700
}

.membership_cont {
    padding-top: 0
}

.membership_cont .mem_cont_tit {
    font-size: 20px;
    font-family: 'NotoSansBold'
}

.membership_cont .mem_ctit_txt {
    font-size: 14px;
    color: #666;
    margin-top: 5px
}

.pop_membership .mem_cont_tab {
    display: flex;
    justify-content: flex-start;
    align-items: baseline
}

.pop_membership .mem_cont_tab {
    padding-top: 47px;
    width: 400px;
    margin: 0 auto
}

.pop_membership .mem_cont_tab li {
    width: calc(100% / 5);
    margin-left: 25px
}

.pop_membership .mem_cont_tab li:first-child {
    margin-left: 0
}

.pop_membership .mem_level {
    width: 60px;
    border-radius: 10px;
    box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.6)
}

.pop_membership .mem_level .level_img {
    width: 24px;
    height: 24px
}

.pop_membership .mem_level.level1 {
    height: 188px;
    background-color: #333
}

.pop_membership .mem_level.level2 {
    height: 152px;
    background-color: #5c391e
}

.pop_membership .mem_level.level3 {
    height: 116px;
    background-color: #b92f1b
}

.pop_membership .mem_level.level4 {
    height: 80px;
    background-color: #d57b26
}

.pop_membership .mem_level.level5 {
    height: 56px;
    background-color: #31786c
}

.pop_membership .mem_tab_contents {
    padding-top: 30px
}

.pop_membership .mtab_cont_title .mtab_tit_tit {
    font-size: 20px;
    font-weight: 700
}

.pop_membership .mtab_cont_title .mtab_tit_txt {
    font-size: 14px;
    color: #999;
    margin-top: 3px
}

.pop_membership .mtab_detail {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px 30px;
    margin-top: 17px;
    min-height: auto
}

.pop_membership .membership_cont {
    padding-top: 54px
}

.popup_full.pop_membership .popup_inner.type2 .popup_head {
    padding-bottom: 0
}

.memoff_top_title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px
}

.memoff_top_title span {
    display: block
}

.memoff_top_title em {
    font-family: 'NotoSansBold'
}

.memoff_top_title .level {
    color: #de3831
}

.memoff_card {
    position: relative;
    width: 320px;
    height: 200px;
    box-sizing: border-box;
    border-radius: 20px;
    background: linear-gradient(to bottom, #f6f5f8, #f6f6f6);
    border: 1px solid #fff;
    box-shadow: 0 14px 16px 2px rgba(34, 34, 34, 0.2);
    margin: 0 auto
}

.card_logo {
    position: absolute;
    top: 20px;
    left: 30px
}

.card_level {
    position: absolute;
    top: 30px;
    right: 30px
}

.card_info {
    position: absolute;
    left: 30px;
    bottom: 25px
}

.card_info span:first-of-type {
    margin-left: 0
}

.card_info .info_name {
    font-family: 'NotoSansBold';
    font-size: 18px
}

.card_info .info_name span {
    display: inline-block;
    margin-left: 3px
}

.card_info .info_number {
    font-size: 16px;
    margin-top: 2px
}

.card_info .info_number span {
    margin-left: 20px
}

.memoff_info {
    margin-top: 44px
}

.memoff_info li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 10px 0 11px
}

.memoff_info .info_tit {
    color: #666;
    font-size: 16px
}

.memoff_info .info_date {
    font-family: 'ManropeBold';
    font-size: 16px
}

.popup_full.pop_memcode .popup_inner.type2 .popup_head {
    padding-top: 35px;
    padding-bottom: 40px
}

.popup_full.pop_memcode .popup_inner.type2 {
    height: auto;
    min-height: auto
}

.popup_full.pop_memcode .popup_content {
    padding-bottom: 50px
}

.que_file {
    display: flex;
    font-size: 14px;
    margin-top: 40px
}

.que_file_tit {
    color: #999;
    margin-right: 15px
}

.que_file_list {
    flex: 1;
    overflow: hidden
}

.que_file_list p {
    margin-top: 15px
}

.que_file_list p:first-of-type {
    margin-top: 0
}

.que_file_list a {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #222;
    padding-bottom: 1px;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden
}

.popup_full.pop_email .popup_inner {
    min-height: auto
}

.pop_email_box {
    border-radius: 10px;
    background-color: #f5f5f5;
    font-size: 16px;
    font-family: 'NotoSansBold';
    text-align: center;
    padding: 20px 30px
}

.pop_email_txt {
    color: #999;
    margin-top: 20px
}

.pop_email_date {
    color: #666;
    margin-top: 10px
}

.sitemap_cont {
    display: flex;
    border-top: 1px solid #eee
}

.sitemap_cont:first-of-type {
    padding-top: 0;
    border-top: 0
}

.sitmap_tit {
    flex: 0 0 150px;
    font-size: 28px;
    font-family: 'NotoSansBold';
    padding-bottom: 20px;
    margin-right: 50px;
    padding-top: 30px
}

.sitmap_detail {
    flex: 1;
    padding-top: 30px;
    padding-bottom: 20px
}

.sitmap_list {
    display: flex;
    padding: 30px 20px 30px
}

.sitmap_list:first-of-type {
    padding-top: 0
}

.sitmap_box {
    flex: 0 0 25%;
    box-sizing: border-box
}

.sitmap_box dd {
    margin-top: 10px
}

.sitmap_box dd a {
    font-size: 16px;
    color: #666
}

.s_cont_tit {
    margin-top: 5px
}

.s_cont_tit a {
    font-size: 18px;
    font-family: 'NotoSansBold'
}

.sitemap_cont:first-of-type .sitmap_tit {
    border-top: 0;
    padding-top: 0
}

.sitemap_cont:first-of-type .sitmap_detail {
    border-top: 0;
    padding-top: 0
}

.import_banner {
    background-color: #739ab3;
    border-radius: 20px;
    text-align: center;
    overflow: hidden
}

.import_banner a {
    display: block
}

.import_cont {
    display: flex;
    border-top: 1px solid #e0e0e0;
    margin-top: 60px;
    padding-top: 50px
}

.import_cont:first-of-type {
    border-top: 0;
    padding-top: 0
}

.import_tit {
    flex: 0 0 200px;
    font-size: 28px;
    font-family: 'NotoSansBold';
    padding-bottom: 20px;
    margin-right: 50px
}

.import_tit>span {
    color: #de3831
}

.import_detail {
    flex: 1;
    display: flex
}

.import_box {
    flex: 0 0 50%
}

.import_box dd {
    font-size: 16px;
    margin-top: 10px
}

.import_box dd a {
    display: inline-block;
    color: #de3831;
    margin-left: 20px
}

.easypay_cont {
    padding-top: 28px
}

.easypay_cont .finish_cont.sum .finish_head {
    padding-bottom: 15px
}

.easypay_cont .finish_cont {
    margin-top: 25px
}

.easypay_cont .finish_head {
    margin-bottom: 12px
}

.easypay_cont .info_edit.type1 .form_box {
    flex: 1
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .popup_preview .benefit_down .btn .name {
        max-width: 40px
    }

    .fake_box .target:only-child {
        line-height: 50px
    }

    .popup_full.pop_email .popup_inner {
        max-height: 340px
    }

    .range_wrap {
        width: 79%
    }

    .card_sort_top {
        height: 45px
    }

    .pop_cardeasy .modify {
        height: 15px
    }
}

.sorting_product .no_result .txt {
    color: #000
}

.sorting_product .no_result .sub_txt {
    margin-top: 10px
}

.sorting_product .no_result .barea {
    padding-top: 36px
}

.sorting_product .no_result .barea .btn_grade4 {
    width: 245px;
    height: 45px;
    line-height: 45px
}

.filter_category .category_index_all ul li ul {
    padding-bottom: 0
}

.filter_category .category_index_all ul li ul li {
    padding-top: 0;
    padding-bottom: 31px
}

.reconfirm_list .info_edit,
.easypay_cont .info_edit,
.customer_info_wrap .info_edit {
    display: block;
    position: relative
}

.reconfirm_list .info_edit>.text,
.easypay_cont .info_edit>.text,
.customer_info_wrap .info_edit>.text {
    position: absolute;
    right: 0;
    top: 0
}

.reconfirm_list .info_edit .form_box,
.easypay_cont .info_edit .form_box,
.customer_info_wrap .info_edit .form_box {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: 0;
    margin-top: 10px
}

.reconfirm_list .info_edit .form_box.phone .form_select,
.easypay_cont .info_edit .form_box.phone .form_select,
.customer_info_wrap .info_edit .form_box.phone .form_select {
    max-width: 170px
}

.form_area_list>li.is-hide {
    display: none
}

.subcont_side {
    position: sticky;
    top: 90px
}

.filter_category .category_brand {
    height: auto
}

.filter_category .category_brand .category_index_all {
    max-height: 424px
}

.popup_full.pop_easyadmin .popup_content {
    padding: 0;
    position: relative
}

.popup_full.pop_easyadmin .pop_iframe {
    border: 0
}

.easyadmin_cont {
    padding: 34px 20px 100px
}

.easyadmin_cont .btn_wrap {
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px)
}

.easyadmin_form {
    padding: 0 20px
}

.easyadmin_form li {
    position: relative;
    padding: 10px 0 10px 150px
}

.easyadmin_form .form_tit {
    position: absolute;
    left: 0;
    top: 16px
}

.easyadmin_form .form_tit.c2 {
    top: 8px;
    line-height: 1.3
}

.eadmin_top {
    position: relative;
    padding-right: 110px;
    margin-bottom: 26px;
    padding: 0 20px
}

.eadmin_top .eadmin_txt {
    font-size: 20px;
    font-weight: 600
}

.eadmin_top .eadmin_prev {
    position: absolute;
    min-height: 20px;
    right: 20px;
    top: 50%;
    background: url('../images/ico_reset.png') 0 50% no-repeat;
    padding-left: 21px;
    transform: translateY(-50%)
}

.eadmin_top .eadmin_prev>span {
    font-size: 16px
}

.easyadmin_cont .password_wrap {
    background-position: 50% 56px;
    padding-top: 80px
}

.thumb_banner_wrap .thumb_banner .img_box {
    background: 0
}

.thumb_banner_wrap .thumb_banner .img_box img {
    object-fit: cover
}

.filter_category {
    display: flex;
    flex-direction: column;
    position: sticky;
    position: -webkit-sticky;
    top: 90px;
    max-height: calc(100vh - 110px);
    min-height: 500px;
    padding-bottom: 20px;
    box-sizing: border-box
}

.filter_category .filter_inner {
    height: auto;
    flex: 1
}

.filter_category .filter_selected {
    margin-top: auto;
    position: relative;
    padding-top: 20px;
    padding-bottom: 0
}

.filter_category .filter_selected .option_choice {
    display: none;
    min-height: 44px;
    margin-top: 0;
    margin-bottom: 10px
}

.filter_category .filter_selected .option_choice .option_box {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    max-height: 167px;
    margin-right: 5px;
    padding-top: 18px;
    box-sizing: border-box
}

.filter_category .filter_selected.active .option_choice {
    display: block
}

.passport_info_list .form_inp .inp_radio {
    margin-left: 20px
}

.passport_info_list .form_inp .inp_radio:first-of-type {
    margin-left: 0
}

.compare_box.type1 .comp_prod .txt_name {
    word-break: break-all
}