/*****************************************************
 * Copyright (c) 2018. Wendybook.
 *****************************************************/

/*****************************************************
* HTML Basic
*******************************************************/

html {
    overflow: auto;
}

body {
    background-color: #fff;
    font-family: Roboto, "Pretendard Variable", Pretendard, "Noto Sans KR", Apple SD Gothic Neo, 맑은 고딕, Malgun Gothic, sans-serif;
}

body, input, textarea, select, button, table {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    letter-spacing: -0.2px;
}

body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, form, fieldset, legend, button {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0 none
}

dl, ul, ol, li {
    list-style: none outside none;
}

button {
    border: 0 none;
    cursor: pointer;
    display: block;
    font: inherit;
}

table, th, td, div {
    border-collapse: separate
}

label {
    cursor: pointer;
}

a, img, input {
    outline: none;
    selector-dummy: expression(this.hideFocus=true);
}

.png24 {
    tmp: expression(setPng24(this));
}

area {
    outline: 0;
}

li img {
    vertical-align: top;
}

td img {
    vertical-align: middle
}

.cursor {
    cursor: pointer;
}

strong, .strong, b {
    font-weight: 600;
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
}

.blind, legend, caption {
    display: none !important
}

a {
    text-decoration: none;
    color: #666;
}

input, select, textarea {
    vertical-align: middle;
    font: inherit;
}

input, textarea, select {
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    background: #fff;
    outline: 0;
}

select {
    height: 26px;
}

input.text {
    padding: 5px 10px;
    height: 28px;
    color: #666;
    box-sizing: border-box;
}

input.text2 {
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 15px;
    box-sizing: border-box;
}

input.text3 {
    width: 90px;
    padding: 5px 10px;
    height: 26px;
    border: 1px solid #bbb;
    font-weight: 600;
    text-align: right;
    color: #222;
    box-sizing: border-box;
}

input.disabled {
    background: #f7f7f7;
}

input.file {
    border: 1px solid #dfdfdf;
    padding: 2px 6px;
}

input.check {
    border: none;
    background: none;
}

input.radio {
    border: 0 none;
    background: none;
}

textarea.textarea {
    width: 100%;
    border: 0px;
    padding: 10px;
    box-sizing: border-box;
}

textarea.textarea02 {
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

input.checkbox {
    margin-right: 8px;
    border: none;
    background: none;
}

label {
    font-size: 15px;
}

input::placeholder {
    opacity: 1;
}

input::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
}

input:-moz-placeholder { /* Firefox 4 - 18 */
    opacity: 1;
}

input::-webkit-input-placeholder { /* Chrome, Safari, Opera */
    opacity: 1;
}

input::-ms-input-placeholder { /* Edge */
    opacity: 1;
}

input:-ms-input-placeholder { /* Edge */
    opacity: 1;
}

textarea::placeholder {
    opacity: 1;
}

textarea::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
}

textarea:-moz-placeholder { /* Firefox 4 - 18 */
    opacity: 1;
}

textarea::-webkit-input-placeholder { /* Chrome, Safari, Opera */
    opacity: 1;
}

textarea::-ms-input-placeholder { /* Edge */
    opacity: 1;
}

textarea:-ms-input-placeholder { /* Edge */
    opacity: 1;
}

.button {
    padding: 0;
    border: 0 none;
    cursor: pointer
}

.fwr {
    font-weight: 400 !important;
}

.br {
    display: block;
}

/*****************************************************
* align, float, border
*******************************************************/
.vaT {
    vertical-align: top !important;
}

.vaB {
    vertical-align: bottom !important;
}

.vaM {
    vertical-align: middle !important;
}

.alignL {
    text-align: left !important;
}

.alignR {
    text-align: right !important;
}

.floatL {
    float: left !important;
}

.floatR {
    float: right !important;
}

.bdLn {
    border-left: none !important;
}

.bdRn {
    border-right: none !important;
}

.bdTn {
    border-top: none !important;
}

.bdBn {
    border-bottom: none !important;
}

/*****************************************************
* color
*******************************************************/
.black {
    color: #333 !important;
}

.BgBlack {
    background: #222 !important;
}

.skyblue {
    color: #67c3ea !important;
}

.skyblue02 {
    color: #3ea6d1 !important;
}

.skyblue03 {
    color: #0395d2 !important;
}

.skyblue04 {
    color: #0ca7e8 !important;
}

.brown {
    color: #9b7348 !important;
}

.brown02 {
    color: #af6f1b !important;
}

.purple {
    color: #9e54ac !important;
}

.purple02 {
    color: #aa1bfd !important;
}

.green {
    color: #60baaa !important;
}

.green02 {
    color: #81be36 !important;
}

.yellow {
    color: #f2b718 !important;
}

.yellow02 {
    color: #f5c456 !important;
}

.red {
    color: #ea0000 !important;
}

.blue {
    color: #1f60b6 !important;
}

.gray {
    color: #999 !important;
}

.orange {
    color: #ff850e !important;
}

/*****************************************************
* width %, padding, margin
*******************************************************/
/* width */
.w10 {
    width: 10% !important;
}

.w20 {
    width: 20% !important;
}

.w30 {
    width: 30% !important;
}

.w40 {
    width: 40% !important;
}

.w50 {
    width: 50% !important;
}

.w60 {
    width: 60% !important;
}

.w70 {
    width: 70% !important;
}

.w80 {
    width: 80% !important;
}

.w90 {
    width: 90% !important;
}

.w100 {
    width: 100% !important;
}

.pdR0 {
    padding-right: 0 !important;
}

.pdR15 {
    padding-right: 15px !important
}

.pdT0 {
    padding-top: 0px !important
}

.pdT05 {
    padding-top: 5px !important
}

.pdT10 {
    padding-top: 10px !important
}

.pdT15 {
    padding-top: 15px !important
}

.pdT20 {
    padding-top: 20px !important
}

.pdT25 {
    padding-top: 25px !important
}

.pdT30 {
    padding-top: 30px !important
}

.pdT35 {
    padding-top: 35px !important
}

.pdT40 {
    padding-top: 40px !important
}

.pdT45 {
    padding-top: 45px !important
}

.pdT50 {
    padding-top: 50px !important
}

.pdL0 {
    padding-left: 0px !important
}

.pdL05 {
    padding-left: 5px !important
}

.pdL10 {
    padding-left: 10px !important
}

.pdL15 {
    padding-left: 15px !important
}

.pdL20 {
    padding-left: 20px !important
}

.pdL25 {
    padding-left: 25px !important
}

.pdL30 {
    padding-left: 30px !important
}

.pdL35 {
    padding-left: 35px !important
}

.pdL40 {
    padding-left: 40px !important
}

.pdL45 {
    padding-left: 45px !important
}

.pdL50 {
    padding-left: 50px !important
}

.pdL130 {
    padding-left: 130px !important
}

.mgL0 {
    margin-left: 0px !important
}

.mgL05 {
    margin-left: 5px !important
}

.mgL10 {
    margin-left: 10px !important
}

.mgL15 {
    margin-left: 15px !important
}

.mgL20 {
    margin-left: 20px !important
}

.mgL25 {
    margin-left: 25px !important
}

.mgL30 {
    margin-left: 30px !important
}

.mgL35 {
    margin-left: 35px !important
}

.mgL40 {
    margin-left: 40px !important
}

.mgL45 {
    margin-left: 45px !important
}

.mgL50 {
    margin-left: 50px !important
}

.mgR0 {
    margin-right: 0px !important
}

.mgR05 {
    margin-right: 5px !important
}

.mgR10 {
    margin-right: 10px !important
}

.mgR15 {
    margin-right: 15px !important
}

.mgR20 {
    margin-right: 20px !important
}

.mgR25 {
    margin-right: 25px !important
}

.mgR30 {
    margin-right: 30px !important
}

.mgR35 {
    margin-right: 35px !important
}

.mgR40 {
    margin-right: 40px !important
}

.mgR45 {
    margin-right: 45px !important
}

.mgR50 {
    margin-right: 50px !important
}

.mgT0 {
    margin-top: 0px !important
}

.mgT05 {
    margin-top: 5px !important
}

.mgT10 {
    margin-top: 10px !important
}

.mgT15 {
    margin-top: 15px !important
}

.mgT20 {
    margin-top: 20px !important
}

.mgT25 {
    margin-top: 25px !important
}

.mgT30 {
    margin-top: 30px !important
}

.mgT35 {
    margin-top: 35px !important
}

.mgT40 {
    margin-top: 40px !important
}

.mgT45 {
    margin-top: 45px !important
}

.mgT50 {
    margin-top: 50px !important
}

.mgB0 {
    margin-bottom: 0px !important
}

.mgB05 {
    margin-bottom: 5px !important
}

.mgB10 {
    margin-bottom: 10px !important
}

.mgB15 {
    margin-bottom: 15px !important
}

.mgB20 {
    margin-bottom: 20px !important
}

.mgB25 {
    margin-bottom: 25px !important
}

.mgB30 {
    margin-bottom: 30px !important
}

.mgB35 {
    margin-bottom: 35px !important
}

.mgB40 {
    margin-bottom: 40px !important
}

.mgB45 {
    margin-bottom: 45px !important
}

.mgB50 {
    margin-bottom: 50px !important
}


/*****************************************************
* input file, radio, checkbox
*******************************************************/
.filetype {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *margin-right: 4px;
}

.filetype * {
    vertical-align: middle;
}

.filetype .file-text {
    position: relative;
    width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    height: 40px;
    background-color: #fff;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #ccc;
    line-height: 40px;
    z-index: 10;
    box-sizing: border-box;
}

.filetype .file-select {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
}

.filetype .file-select .input-file {
    width: 100px;
    filter: alpha(opacity=0);
    opacity: 0;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;
}

.file-btn {
    display: inline-block;
    background-color: #aeaeae;
    width: 100px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    color: #fff !important;
    font-size: 15px;
    cursor: pointer;
    border-radius: 2px;
    *margin-left: 5px;
}

.comm_radio {
    position: absolute;
    left: -9999px
}

.comm_radio_label {
    margin-right: 10px;
}

.comm_radio_label .ico_radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 5px;
    background: url('/image/common/icon/icon_radio.png') no-repeat left top;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    vertical-align: middle
}

.radio_on .ico_radio {
    background-position: left bottom
}

.comm_check {
    position: absolute;
    left: -9999px
}

.comm_check_label .ico_check {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('/image/common/icon/icon_check02.png') no-repeat left top;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.check_on .ico_check {
    background-position: left bottom
}

.check_on {
    color: #555
}

/*****************************************************
* icon
*******************************************************/

.itemIcon {
    font-size: 0;
    line-height: 0;
}

.itemIcon span {
    margin-left: 2px;
}

.itemIcon b,
.itemIcon span.img_icon {
    display: inline-block;
    height: 19px;
    margin-left: 2px;
    background-image: url('/image/common/icon/icon_list_20231204.png');
    background-repeat: no-repeat;
    vertical-align: top;
    font-size: 0;
    line-height: 19px;
    text-indent: -9999px;
}

.itemIcon b:first-child,
.itemIcon span:first-child {
    margin-left: 0;
}

.icon_new {
    width: 46px;
    background-position: 0 0;
}


/* NEW - Line */
.icon_subsale {
    width: 55px;
    background-position: 0 -24px;
}

/* 예약판매 - Line */
.icon_best {
    width: 45px;
    background-position: 0 -48px;
}


/* BEST - Line */
.icon_sale {
    width: 45px;
    background-position: 0 -72px;
}

/* SALE - Line */
.icon_Brated {
    width: 51px;
    background-position: 0 -96px;
}

/* B급도서 - Line */
.icon_delivery {
    width: 55px;
    background-position: 0 -120px;
}

/* 도서정가제 */
.icon_fixedprice {
    width: 66px;
    background-position: 0 -144px;
}

/* 특가도서 */
.icon_addmileage {
    width: 55px;
    background-position: 0 -168px;
}

/* 특가도서 */
.icon_spset {
    width: 55px;
    background-position: 0 -192px;
}

/* 특가세트 - Line */
.icon_exsale {
    width: 55px;
    background-position: 0 -216px;
}

/* 추가할인  - Line */
.icon_limited {
    width: 55px;
    background-position: 0 -240px;
}

/* 한정수량  - Line */
.icon_gift {
    width: 45px;
    background-position: 0 -264px;
}

/* 사은품  - Line */
.icon_gift_03 {
    width: 44px;
    background-position: 0 -360px;
}


/* 사은품 - 직사각형 Line */
.icon_openstore {
    width: 55px;
    background-position: 0 -288px;
}

/* 창고개방 - Line */
.icon_outlet {
    width: 55px;
    background-position: 0 -312px;
}

/* 아울렛  - Line */
.icon_exhibition {
    width: 44px;
    background-position: 0 -336px;
}


/* 기획전 - 직사각 Line */
.icon_discount {
    width: 44px;
    background-position: 0 -384px;
}

.icon_event {
    width: 55px;
    background-position: 0 -408px;
}

.icon_hotdeal {
    width: 44px;
    background-position: 0 -432px;
}

/* 쿠폰/적립 */
.icon_benefit {
    width: 68px;
    background-position: 0 -456px;
}

/* 소득공제 */
.icon_reduction {
    width: 56px;
    background-position: 0 -480px;
}

.icon_event_review {
    width: 68px;
    background-position: 0 -504px;
}

.icon_event_review_bc {
    width: 96px;
    background-position: 0 -576px;
}

.icon_timedeal {
    width: 56px;
    background-position: 0 -528px;
}

.icon_award {
    width: 46px;
    background-position: 0 -600px;
}

.icon_bestseller {
    width: 66px;
    background-position: 0 -624px;
}

.icon_year_award_2022 {
    width: 86px;
    background-position: 0 -648px;
}

.icon_year_award_2023 {
    width: 86px;
    background-position: 0 -672px;
}

/* 할인 - 직사각형 Line */

.icon_grayLine {
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    border: 1px solid #8e8e8e;
    border-radius: 2px;
    font-size: 11px;
    line-height: 18px;
    box-sizing: border-box;
}

.icon_blackLine {
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    border: 1px solid #333;
    border-radius: 2px;
    font-size: 11px;
    color: #333;
    line-height: 20px;
    box-sizing: border-box;
}

.icon_Dday {
    display: inline-block;
    width: 100px;
    height: 32px;
    border: 1px solid #222;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-align: center;
    line-height: 32px;
    border-radius: 25px;
}

.icon_select {
    display: inline-block;
    width: 45px;
    height: 19px;
    border: none;
    border-radius: 50px;
    background: #f65ab2;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 19px;
    box-sizing: border-box;
    vertical-align: top;
}

/* 별점 */
.icon_star {
    display: inline-block;
    width: 87px;
    height: 15px;
    background: url('/image/common/icon/review_star.png') no-repeat 0 top;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: middle;
}

.icon_star {
    margin-top: -4px;
}

.icon_star em {
    display: block;
    height: 15px;
    width: 0;
    background: url('/image/common/icon/review_star.png') no-repeat 0 bottom;
}

.icon_star em.star05 {
    width: 8px;
}

.icon_star em.star10 {
    width: 15px;
}

.icon_star em.star15 {
    width: 26px;
}

.icon_star em.star20 {
    width: 33px;
}

.icon_star em.star25 {
    width: 44px;
}

.icon_star em.star30 {
    width: 51px;
}

.icon_star em.star35 {
    width: 62px;
}

.icon_star em.star40 {
    width: 69px;
}

.icon_star em.star45 {
    width: 80px;
}

.icon_star em.star50 {
    width: 100%;
}

.icon_star em.star1 {
    width: 15px;
}

.icon_star em.star2 {
    width: 33px;
}

.icon_star em.star3 {
    width: 51px;
}

.icon_star em.star4 {
    width: 69px;
}

.icon_star em.star5 {
    width: 100%;
}

.icon_star02 {
    display: inline-block;
    width: 131px;
    height: 23px;
    background: url('/image/common/icon/review_star02.png') no-repeat 0 top;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: middle;
}

.icon_star02 {
    margin-top: -4px;
}

.icon_star02 em {
    display: block;
    height: 23px;
    background: url('/image/common/icon/review_star02.png') no-repeat 0 bottom;
}

.icon_star02 em.star1 {
    width: 25px;
}

.icon_star02 em.star2 {
    width: 50px;
}

.icon_star02 em.star3 {
    width: 77px;
}

.icon_star02 em.star4 {
    width: 105px;
}

.icon_star02 em.star5 {
    width: 100%;
}

.icon_star02 em.star05 {
    width: 12px;
}

.icon_star02 em.star10 {
    width: 25px;
}

.icon_star02 em.star15 {
    width: 29px;
}

.icon_star02 em.star20 {
    width: 50px;
}

.icon_star02 em.star25 {
    width: 64px;
}

.icon_star02 em.star30 {
    width: 77px;
}

.icon_star02 em.star35 {
    width: 91px;
}

.icon_star02 em.star40 {
    width: 105px;
}

.icon_star02 em.star45 {
    width: 126px;
}

.icon_star02 em.star50 {
    width: 100%;
}

/*****************************************************
* btn
*******************************************************/
.writeBtnArea a,
.writeBtnArea input {
    vertical-align: top;
}

.btn_grayLine {
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #8d8d8d;
    font-size: 14px;
    font-weight: 400;
    color: #8d8d8d;
    line-height: 31px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.btn_grayLine:hover {
    background: #8d8d8d;
    color: #fff;
}

.btn_skyblueLine {
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #58b2d7;
    font-size: 14px;
    font-weight: 400;
    color: #3ea6d1;
    line-height: 31px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.btn_skyblueLine.on {
    background: #3ea6d1;
    color: #fff;
}

.btn_skyblueLine:hover {
    background: #3ea6d1;
    color: #fff;
}

.btn_skyblue {
    display: inline-block;
    width: 128px;
    height: 42px;
    background: #0ca7e8;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

.btn_red {
    display: inline-block;
    width: 128px;
    height: 42px;
    background: #ea0000;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

.btn_gray {
    display: inline-block;
    width: 98px;
    height: 42px;
    border: none;
    background: #8d8d8d;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

/* 게시판 보기 - 목록 */
.btn_gray02 {
    display: inline-block;
    height: 42px;
    padding: 0 50px;
    border: none;
    background: #8d8d8d;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

/* btn_gray와 같은 스타일인데 넓이가 auto */
.btn_gray03 {
    display: inline-block;
    width: 98px;
    height: 42px;
    border: none;
    background: #aeaeae;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

/* 게시판 보기 - 수정, 삭제 */
.btn_gray04 {
    display: inline-block;
    height: 40px;
    padding: 0 25px;
    border: none;
    background: #aeaeae;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
    vertical-align: top;
}

/* 게시판 쓰기 - 주소검색, 고객센터 - 최저가격보상 쓰기 - 주문서 검색, 회원가입 버튼들, 마이페이지 - 회원정보 수정 버튼들 */

.btn_black {
    display: block;
    width: 100%;
    height: 52px;
    border: none;
    background: #333;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    line-height: 52px;
    box-sizing: border-box;
}

/* 로그인 페이지 - 로그인 */
.btn_black02 {
    display: inline-block;
    width: 128px;
    height: 42px;
    border: none;
    background: #333;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    line-height: 38px;
    box-sizing: border-box;
    vertical-align: top;
}

/* 결제단 - 로그인 */

.btn_blackLine {
    display: block;
    width: 100%;
    height: 52px;
    border: none;
    border: 1px solid #888;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    color: #333;
    line-height: 48px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
}

/* 로그인 페이지 - 웬디북 간편 회원가입, 비회원으로 주문하기 */
.btn_blackLine02 {
    display: inline-block;
    width: 128px;
    height: 42px;
    border: none;
    border: 1px solid #888;
    background: #fff;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    color: #333;
    line-height: 38px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
}

/* 결제단 - 회원가입 */
.btn_blackLine03 {
    display: inline-block;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #666;
    background: #fff;
    font-size: 15px;
    color: #666;
    font-weight: 300;
    border-radius: 2px;
    line-height: 36px;
    box-sizing: border-box;
}

/* 결제단 - 배송지 선택 / 마이페이지 - 회원정보수정 - 나눔내역확인하기, 삭제 */
.btn_blackLine:hover {
    background: #333;
    color: #fff;
    vertical-align: top;
}

.btn_big_skyblue {
    display: inline-block;
    width: 188px;
    height: 60px;
    background: #0ca7e8;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 56px;
}

/* 장바구니 - 선택상품주문 */
.btn_big_skyblue02 {
    display: inline-block;
    width: 255px;
    height: 74px;
    background: #0ca7e8;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 74px;
}

/* 결제단 - 나의 쇼핑정보, 장바구니 */
.btn_big_gray {
    display: inline-block;
    width: 188px;
    height: 60px;
    border: none;
    background: #8d8d8d;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 56px;
}

/* 장바구니 - 전체주문 */
.btn_big_gray02 {
    display: inline-block;
    width: 255px;
    height: 74px;
    background: #8d8d8d;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 74px;
}

/* 결제단 - 홈으로 */
.btn_pay_submit {
    display: block;
    width: 100%;
    height: 74px;
    background: #0ca7e8;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 74px;
}

/* 결제단 - 결제하기 */
.Btn_Type01_lg {
    display: inline-block;
    height: 30px;
    padding: 0 8px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
    line-height: 29px;
    box-sizing: border-box;
    width: 125px !important;
}

.Btn_Type01_lg_red {
    display: inline-block;
    height: 30px;
    padding: 0 8px;
    border: 1px solid #ff6666;
    background-color: #ff6666;
    color: #fff;
    font-size: 12px;
    line-height: 29px;
    box-sizing: border-box;
    width: 125px !important;
}

.Btn_Type01_lg_red:hover {
    border: 1px solid #7c2525;
}

.Btn_Type01 {
    display: inline-block;
    height: 20px;
    padding: 0 8px;
    border: 1px solid #bbb;
    background: url('/image/common/btn/btn_type01_bg.gif') repeat-x;
    font-size: 11px;
    line-height: 19px;
    box-sizing: border-box;
}

.Btn_Type01_lg:hover,
.Btn_Type01:hover {
    border: 1px solid #333;
}

/* 마이페이지 - 등급별 혜택, 다음달 예상등급, 다른 은행계좌 확인, 안내 / 장바구니 - 변경, 삭제 / 마이페이지 - 주소록 */
.Btn_Type02 {
    display: inline-block;
    padding: 0 8px;
    height: 20px;
    border: 1px solid #333;
    background: url('/image/common/btn/btn_type01_bg.gif') repeat-x;
    font-size: 11px;
    text-align: center;
    color: #333;
    line-height: 19px;
    box-sizing: border-box;
}

/* 마이페이지 - 반품취소, 주문취소, 반품신청, 교환신청, 선택취소, 선택반품, 선택교환, 배송지 변경, 신용카드전표 출력, 거래명세서 출력, 현금영수증 신청, 세금계산서 신청 / 장바구니 - 위시리스트 */
.Btn_Type03 {
    display: inline-block;
    padding: 0 8px;
    height: 20px;
    border: none;
    background: url('/image/common/btn/btn_type03_bg.gif') repeat-x;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    box-sizing: border-box;
}

/* 마이페이지 - 상세보기 */
.Btn_Type04 {
    display: inline-block;
    width: 63px;
    height: 20px;
    border: none;
    background: url('/image/common/btn/btn_type04_bg_off.gif') repeat-x;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 21px;
}

/* 마이페이지 - 배송추적 비활성화 / 장바구니 - 바로구매 */
.Btn_Type04:hover,
.Btn_Type04.on {
    background-image: url('/image/common/btn/btn_type04_bg.gif');
    cursor: pointer;
}

/* 마이페이지 - 배송추적 활성화 */
.Btn_Type05 {
    display: inline-block;
    width: 62px;
    height: 20px;
    border: none;
    background: #bbbbbb;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    border-radius: 2px;
}

.Btn_Type051 {
    display: inline-block;
    width: 72px;
    height: 20px;
    border: none;
    background: #bbbbbb;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    border-radius: 2px;
}


/* 마이페이지 - 답변대기 */
.Btn_Type06 {
    display: inline-block;
    width: 62px;
    height: 20px;
    border: none;
    background: #313131;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    border-radius: 2px;
}

/* 마이페이지 - 답변완료 */
.Btn_Type07 {
    display: inline-block;
    padding: 0 12px;
    height: 20px;
    border: none;
    background: url('/image/common/btn/btn_type07_bg.gif') repeat-x;
    font-size: 11px;
    text-align: center;
    color: #fff !important;
    line-height: 22px;
    box-sizing: border-box;
}

/* 마이페이지 - 배송지관리 바로가기 / 마이페이지 - 취소주문 조회 - 바로 구매하기 / 마이페이지 - 배송지관리 - 새로운 주소 추가 */
.Btn_Type08 {
    display: inline-block;
    padding: 0 12px;
    height: 20px;
    border: 1px solid #e84632;
    background: url('/image/common/btn/btn_type01_bg.gif') repeat-x;
    font-size: 11px;
    text-align: center;
    color: #ff3418;
    line-height: 19px;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 2px 1px rgba(255, 52, 24, 0.2);
    -moz-box-shadow: 1px 2px 1px rgba(255, 52, 24, 0.2);
    -o-box-shadow: 1px 2px 1px rgba(255, 52, 24, 0.2);
    box-shadow: 2px 4px 0 rgba(255, 52, 24, 0.2);
}

/* 장바구니 - 쿠폰적용 */

.Btn_alarm {
    display: block;
    width: 58px;
    height: 20px;
    padding: 0;
    margin: 0 auto;
    border: 1px solid #bbb;
    background: url('/image/common/btn/btn_type01_bg.gif') repeat-x;
    font-size: 11px;
    text-align: center;
    color: #999;
    line-height: 20px;
    box-sizing: border-box;
}

/* 마이페이지 - 입고알림 신청내역 - 알림 OFF, 마이페이지 - 나의 쪽지함 - 열람 */
.Btn_alarm.on {
    border: none;
    background: url('/image/common/btn/btn_type07_bg.gif') repeat-x;
    color: #fff;
    line-height: 22px;
}

/* 마이페이지 - 입고알림 신청내역 - 알림 ON, 마이페이지 - 나의 쪽지함 - 미열람 */

/* BtnMoreStyle */
.Btn_more01 {
    display: block;
    width: 75px;
    border-bottom: 1px solid #666;
    background: url('/image/common/btn/btn_arrow_04.png') no-repeat right center;
    font-size: 13px;
    color: #666;
    line-height: 16px;
}

.Btn_more02 {
    display: inline-block;
    padding-right: 10px;
    background: url('/image/common/btn/btn_arrow_04.png') no-repeat right center;
    font-size: 13px;
    font-weight: 400;
    color: #222;
}

.Btn_more03 {
    display: block;
    width: 22px;
    height: 22px;
    background: url('/image/common/btn/btn_more_01.png') no-repeat center top;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.Btn_more03.on {
    background-position: center bottom;
}

.Btn_more04 {
    display: inline-block;
    padding-right: 15px;
    border-bottom: 1px solid #666;
    background: url('/image/common/btn/btn_arrow_04.png') no-repeat right center;
    font-weight: 300;
    color: #333;
    line-height: 18px;
}

.Btn_more05 {
    display: inline-block;
    padding-right: 15px;
    border-bottom: 1px solid #58b2d7;
    background: url('/image/common/btn/btn_arrow_05.png') no-repeat right 8px;
    font-weight: 300;
    color: #58b2d7;
}

.Btn_more06 {
    display: inline-block;
    width: 153px;
    border: 1px solid #333;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    text-align: center;
    line-height: 45px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.Btn_more06 em {
    padding-right: 15px;
    background: url('/image/common/btn/btn_arrow_06.png') no-repeat right 4px;
}

.Btn_more06:hover {
    background: #000;
    color: #fff;
}

.Btn_more06:hover em {
    background-image: url('/image/common/btn/btn_arrow_06_ov.png');
    color: #fff;
}

.Btn_more07 {
    display: block;
    width: 16px;
    height: 16px;
    background: url('/image/common/btn/btn_arrow_08.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.Btn_more07.on {
    background-image: url('/image/common/btn/btn_arrow_08_on.png');
}

/* LayerStyle */
.LayerType01 {
    width: 438px;
    background: #fff;
    z-index: 1000;
}

.LayerType01 .LayerTitle {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    line-height: 45px;
}

.LayerType01 .LayerTitle strong {
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #222;
    text-indent: 20px;
}

.LayerType01 .LayerTitle .Btn_Close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
}

.LayerType01 .LayerContents {
    padding: 25px;
    text-align: center;
}

.LayerType01 .LayerContents p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}

.LayerType01 .LayerContents p strong {
    display: block;
    font-size: 17px;
    font-weight: 300;
    color: #222;
}

.LayerType01 .LayerContents .LayerBtnArea {
    margin-top: 15px;
}

.LayerType01 .LayerContents .LayerBtnArea a {
    display: inline-block;
    width: 116px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
}

.LayerType01 .LayerContents .LayerBtnArea a.Btn_Yes {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.LayerType01 .LayerContents .LayerBtnArea a.Btn_No {
    border: 1px solid #888;
}

.layer-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 5vw;
    left: 0;
    z-index: 1000;
}

.layer-pop-wrap02 {
    display: table;
    width: 840px;
    height: 100%;
    margin: 0 auto;
    z-index: 1000;
}

.layer-pop-wrap02 .LayerType02 {
    width: 100%;
    display: table;
    margin: 0 auto;
    z-index: 1000;
    background-color: #fff;
}

.LayerType02 {
    width: 100%;
}

.LayerType02 .LayerTitle {
    position: relative;
    height: 60px;
    padding: 0 20px;
    background: #f7f7f7;
    line-height: 60px;
}

.LayerType02 .LayerTitle strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #222;
}

.LayerType02 .LayerTitle .Btn_Close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
}

.LayerType02 .LayerContents {
    position: relative;
    min-height: 360px;
    /*max-height: 505px;*/
    padding: 15px;
    background: #fff;
    overflow: auto;
}

.LayerType02 .LayerContents p {
    font-size: 15px;
    line-height: 20px;
}

.LayerType02 .LayerContents .table-wrap {
    min-height: 254px;
    margin-top: 16px;
}

.LayerType02 .LayerBtnArea {
    margin: 20px 0 25px;
    font-size: 0;
    text-align: center;
}

.LayerType02 .LayerBtnArea a {
    display: inline-block;
    width: 128px;
    height: 42px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

.LayerType02 .LayerBtnArea a.Btn_Yes {
    background: #0ca7e8;
}

.LayerType02 .LayerBtnArea a.Btn_No {
    margin-left: 5px;
    background: #8d8d8d;
}

.layer-pop-wrap03 {
    display: table;
    width: 480px;
    margin: 0 auto;
}

.layer-pop-wrap03 .LayerType02 {
    display: table-cell;
    margin: 0 auto;
    vertical-align: middle;
}

.layer-pop-wrap03 .LayerContents {
    min-height: auto;
}

/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .Btn_Type01 {
        line-height: 21px;
    }

    .Btn_Type02 {
        line-height: 21px;
    }

    .Btn_Type03 {
        line-height: 23px;
    }

    .Btn_Type04 {
        line-height: 23px;
    }

    .Btn_Type05 {
        line-height: 23px;
    }

    .Btn_Type06 {
        line-height: 23px;
    }

    .Btn_Type07 {
        line-height: 23px;
    }

    .Btn_Type08 {
        line-height: 21px;
    }

    .btn_blackLine {
        line-height: 52px;
    }

    .btn_big_skyblue {
        line-height: 60px;
    }

    .btn_big_gray {
        line-height: 60px;
    }

    .icon_select {
        line-height: 22px;
    }

    .btn_black02 {
        line-height: 42px;
    }

    .btn_blackLine02 {
        line-height: 42px;
    }

    .btn_blackLine03 {
        line-height: 38px;
    }
}

/* IE9, IE10 */
@media screen and (min-width: 0\0
) {
    .Btn_Type01 {
        line-height: 21px;
    }

    .Btn_Type02 {
        line-height: 21px;
    }

    .Btn_Type03 {
        line-height: 23px;
    }

    .Btn_Type04 {
        line-height: 23px;
    }

    .Btn_Type05 {
        line-height: 23px;
    }

    .Btn_Type06 {
        line-height: 23px;
    }

    .Btn_Type07 {
        line-height: 23px;
    }

    .Btn_Type08 {
        line-height: 21px;
    }

    .btn_blackLine {
        line-height: 52px;
    }

    .btn_big_skyblue {
        line-height: 60px;
    }

    .btn_big_gray {
        line-height: 60px;
    }

    .icon_select {
        line-height: 22px;
    }

    .btn_black02 {
        line-height: 42px;
    }

    .btn_blackLine02 {
        line-height: 42px;
    }

    .btn_blackLine03 {
        line-height: 38px;
    }
}


.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-blue {
    color: #fff;
    background-color: #007bff;
}

.badge-blue[href]:hover, .badge-blue[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc;
}

.badge-gray {
    color: #fff;
    background-color: #6c757d;
}

.badge-gray[href]:hover, .badge-gray[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62;
}

.badge-green {
    color: #fff;
    background-color: #28a745;
}

.badge-green[href]:hover, .badge-green[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34;
}

.badge-aqua {
    color: #fff;
    background-color: #17a2b8;
}

.badge-aqua[href]:hover, .badge-aqua[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b;
}

.badge-yellow {
    color: #212529;
    background-color: #ffc107;
}

.badge-yellow[href]:hover, .badge-yellow[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00;
}

.badge-red {
    color: #fff;
    background-color: #dc3545;
}

.badge-red[href]:hover, .badge-red[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130;
}

.badge-black {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-black[href]:hover, .badge-black[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124;
}

.badge-new {
    color: #000;
}

.badge-event {
    color: #000;
}

.badge-openstore {
    color: #000;
}

.badge-subsale {
    color: #000;
}

.badge-benefit {
    color: #000;
}

.badge-gift {
    color: #000;
}

.badge-spset {
    color: #000;
}

.badge-outlet {
    color: #000;
}

.badge-Brated {
    color: #000;
}

.badge-fixedprice {
    color: #000;
}

.badge-delivery {
    color: #000;
}

.badge-reduction {
    color: #000;
}


/**
* 팝업창
**/
.ui-dialog {
    position: fixed;
    display: none;
    padding: 0;
    z-index: 900;
    outline: none;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/image/common/overlay.png') repeat;
    z-index: 900;
    opacity: 1;
}

.wb_dialog_style1 {
    display: none;
    border: 0;
}

.wb_dialog_style1 .ui-dialog-titlebar {
    display: none;
}

.wb_dialog_style1 .ui-dialog-content {
    padding: 0;
    background-color: white;
}

.wb_dialog_style1 .wb-popup-content {
    width: 100%;
    min-height: 70px;
    padding: 5px;
}

.wb_dialog_style1 .wb-popup-content .alert, .wb_dialog_style1 .wb-popup-content .table {
    margin-bottom: 0;
}

.wb_dialog_style1 .wb-popup-footer-btn {
    padding: 5px;
    text-align: center;
}

.wb-popup-title {
    width: 100%;
    height: 27px;
    background-color: #58574e;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 10px;
}

.coupon-list-box {
    height: 300px;
    overflow-y: auto;
}

#alert-message {
    white-space: pre-wrap !important;
}

.Btn_more08 {
    padding-right: 13px;
    background: url('/image/common/btn/btn_arrow_09.png') no-repeat right center;
    font-size: 13px;
    font-weight: 300;
    color: #222;
}

/* 글로벌 검색 */
.search-wrap .global-search .auto-suggest-box {
    display: none;
    box-sizing: border-box;
    width: 900px;
    position: absolute;
    z-index: 999;
    top: 60px;
    padding: 24px 24px 24px 24px;
    border-radius: 24px;
    border: 1px solid #92C700;
    background: #fff;
}

.search-wrap .global-search .auto-suggest-box.on {
    display: block;
}

.search-wrap .global-search .auto-suggest-box .divider {
    height: 1px;
    width: 100%;
    background: #F5F5F5;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box.on {
    display: flex;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .tags-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    margin: 0;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .tags-box .title {
    color: #0D0D0D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .tags-box .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 5px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .tags-box .tags .tag {
    display: flex;
    padding: 7px 12px;
    align-items: flex-start;
    gap: 2px;
    border-radius: 16px;
    border: 1px solid #D5D5D5;
    color: #4C4C4C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .tags-box .reload {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #4C4C4C;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .tags-box .reload .icon {
    font-size: 18px;
    margin-right: 5px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    width: 100%;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword,
.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .new-arrival-goods,
.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .realtime-keyword {
    width: 260px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword .list,
.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .new-arrival-goods .list,
.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .realtime-keyword .list {
    display: flex;
    justify-content: start;
    flex-direction: column;
    padding: 16px 0 0 0;
    height: 286px;
    box-sizing: border-box;
}


.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .info-box__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0D0D0D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 6px 0;
    margin-bottom: 16px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .info-box__title .more {
    color: #8B8B8B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .info-box__title .more .icon {
    font-size: 18px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword .list {
    gap: 8px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword .list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword .list .none-data {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 11px;
    height: 270px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword .list .none-data.on {
    display: flex;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword .list .item a {
    color: #4C4C4C;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .recent-keyword .list .item .icon {
    font-size: 18px;
    color: #8B8B8B;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .new-arrival-goods .list {
    gap: 10px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .new-arrival-goods .list .item {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
    overflow: hidden;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .new-arrival-goods .list .item .image {
    width: 60px;
    min-width: 60px;
    height: 60px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .new-arrival-goods .list .item .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .new-arrival-goods .list .item .name {
    color: #0D0D0D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    box-sizing: border-box;
    width: 190px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .realtime-keyword .list {
    gap: 8px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .realtime-keyword .list .item {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #4C4C4C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    gap: 6px;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .realtime-keyword .list .item .no {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background: #8B8B8B;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .realtime-keyword .list .item:nth-child(-n+3) {
    color: #0D0D0D;
}

.search-wrap .global-search .auto-suggest-box .suggest-info-box .info-box .realtime-keyword .list .item:nth-child(-n+3) .no {
    background-color: #0D0D0D;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-container {
    display: none;
    overflow: hidden;
    margin: 0 16px;
    box-sizing: border-box;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-container.on {
    display: block;
}

.search-wrap .global-search .auto-suggest-box .suggest-seires-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    margin: 0 0 20px 0;
}

.search-wrap .global-search .auto-suggest-box .suggest-seires-box .title {
    color: #92C700;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.search-wrap .global-search .auto-suggest-box .suggest-seires-box .suggest-series-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 5px;
}

.search-wrap .global-search .auto-suggest-box .suggest-seires-box .suggest-series-list .series {
    display: flex;
    padding: 7px 12px;
    align-items: flex-start;
    gap: 2px;
    border-radius: 16px;
    border: 1px solid #D5D5D5;
    color: #4C4C4C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box {
    display: flex;
    box-sizing: border-box;
    position: relative;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group-pagination{
    position: absolute;
    bottom: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    left : 0;
    right: 0;
    text-align: center;
    gap: 5px;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group-pagination .icon {
    font-size: 24px;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group-pagination .icon.swiper-button-disabled {

    color: #D9D9D9;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .swiper-pagination-current {
    color:  #92C700;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.search-wrap .global-search .auto-suggest-box .suggest-group-box  .swiper-pagination-total {
    color:#0D0D0D;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group-paging{
    width: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
    width: 400px;
}


.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .image {
    min-width: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: start;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .image img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 8px;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info .locale {
    color: #0D0D0D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info .name {
    width: 100%;
    color: #0D0D0D;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info .auth {
    color: #8B8B8B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info .price-info {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info .price-info .discount {
    color: #640FAF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info .price-info .price {
    color: #0D0D0D;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group .item .info .price-info .unit {
    font-weight: 400;
}

.search-wrap .global-search .auto-suggest-box .suggest-group-box .suggest-group mark {
    color: #640FAF;
    background-color: #FFFFFF;
    font-weight: 800;
}

.search-wrap .global-search .auto-suggest-box  .btn-close-suggest-group-container{
    cursor: pointer;
    margin-top: 50px;
    display: flex;
    justify-content: end;
    color: #0D0D0D;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* 추가된 goods-icon  */
.goods-icon-icedeal {
    border: 1px solid #0090ff;
    color: #fff;
    background-color: #0090ff;
}

.goods-icon-blue {
    border: 0.0625rem solid #0090ff;
    color: #0090ff;
}