@charset "utf-8";
@import "https://shop.kt.com/common/pc/kt_css/KT_0.font.css";

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, em {
    color: #000;
    font-size: 12px;
    font-weight:400;
    word-break: keep-all;
}
body.isPop {
    overflow: hidden !important;
    height: 100% !important;
}
body, button, input, select, table, textarea {
    -webkit-font-smoothing: subpixel-antialiased;
}
.nwWrap *, [role="dialog"] * {
    font-family: 'Noto Sans KR', 'NotoSansKR' !important;
    box-sizing: border-box;
}
input, select{
    appearance: none;
}
.customSelect > a,
.select, select {
    padding-right:20px;
    background: url(/NWR/assets/images/pc/arrow_down.svg) calc(100% - 8px) center no-repeat;
}
.select{
    height:48px;
    padding: 0 30px 0 12px;
    border: 1px solid #d9d9d9;
    font-size:16px;
    border-radius: 8px;
}

#oneLoading{position:fixed; top:0;bottom:0; left:0; right:0;z-index:10000; background:rgba(0,0,0,0.8) url(/unify/m/images/common/loading.gif) center center/150px auto no-repeat;}

/* focus reset - s*/
.nwWrap *:focus,
.nwViewWrap *:focus,
[popup-type] *:focus {
    outline: rgba(0, 0, 0, 0.7) dashed 1px !important;
}
.nwWrap *:focus[tabindex='-1'],
.nwViewWrap *:focus[tabindex='-1'],
[popup-type] *:focus[tabindex='-1'] {
    outline: 0 !important;
}
.blind{
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

/* KT_0.common Reset - s */
body {
    color: #000;
}

[role="dialog"] ::-webkit-scrollbar,
.nwWrap ::-webkit-scrollbar{width: 6px;}
[role="dialog"] ::-webkit-scrollbar-track,
.nwWrap ::-webkit-scrollbar-track{background-color: #F1F1F1;}
[role="dialog"] ::-webkit-scrollbar-thumb,
.nwWrap  ::-webkit-scrollbar-thumb {background-color: #C1C1C1;}
[role="dialog"] ::-webkit-scrollbar-button,
.nwWrap ::-webkit-scrollbar-button{display: none;}
[role="dialog"] ::-webkit-scrollbar-track,
.nwWrap ::-webkit-scrollbar-track,
[role="dialog"] ::-webkit-scrollbar-thumb,
.nwWrap  ::-webkit-scrollbar-thumb:hover{border-radius: 3px;}
[role="dialog"] ::-webkit-scrollbar-thumb:hover,
.nwWrap  ::-webkit-scrollbar-thumb:hover{ background-color: #A8A8A8;}

.mt0 {
    margin-top: 0
}
.mt12 {
    margin-top: 12px
}
.mt20 {
    margin-top: 20px !important;
}
.msg {
    margin-top: 12px;
    color: #525252;
}
.msg li {
    position: relative;
    padding-left: 10px;
    line-height: 20px;
    color: #525252;
    font-size:14px;
}
.msg li:before {
    content: "*";
    position: absolute;
    left: 0;
}
.msg li + li{
    margin-top: 12px;
}
.nwWrap h1{
    margin-bottom:5px;
    padding-top: 24px;
    font-size:28px;
    font-weight: 600;
}

.wireWrap{
    position:relative;
    display:flex;
    justify-content: space-between;
    margin: 112px auto 0;
    width:1080px;
}
.wireWrap .wireView,
.wireWrap .orderArea{
    width:660px;
}
.wireWrap .wireSide{
    width:368px
}
.prodSummary {
    position: sticky;
    top:220px;
    width: 100%;
    margin-bottom: 16px;
    border:1px solid #DBDBDB;
    border-radius: 12px;
    background-color: #fff;
    z-index: 1;
    overflow:hidden;
    padding: 20px 20px 20px 20px;
    box-shadow: 0 5px 12px #00000010;
}
.prodSummary .prodSummaryOpt{
    position: relative;
    margin-bottom: 16px;
    padding:8px;
    border-radius: 8px;
    background: linear-gradient(to right, #E8F2FF, #FAF1EF);
}
.prodSummary .prodSummaryOpt .opt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 0;
    margin-bottom: 12px;
    width: 100%;
    min-height: 38px;
}
.prodSummary .prodSummaryOpt .opt img {
    position: relative;
    padding:7px;
    border:1px solid #D9D9D9;
    border-radius: 12px;
    width: 42px;
    width: 42px;
    background-color: #fff;
}
.prodSummary .prodSummaryOpt .opt .img em {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
}
.prodSummary .prodSummaryOpt .opt .img:last-child em {
    display: none;
}
.prodSummary .prodSummaryOpt .opt .img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.prodSummary .prodSummaryOpt .btnView {
    text-align: left;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
}
.prodSummary .prodSummaryOpt .btnView > em {
    position: relative;
    display: flex;
    font-size: inherit;
    font-weight: bold;
}
.prodSummary .prodSummaryOpt .btnView > em::after {
    content: '+';
    display: inline-block;
    margin: 0 2px;
}
.prodSummary .prodSummaryOpt .btnView > em:nth-last-of-type(1)::after{
    align-self: center;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/NWR/assets/images/pc/arrow_b_right.svg) 100% 50% no-repeat
}
.prodSummary .prodPriceList{
    height: auto;
    min-height: 200px;
    overflow-y: auto;
    padding:8px 8px 0 8px;
    border-top:1px solid #D9D9D9;
}
.prodSummary .prodPriceList .subPrice{
    margin-bottom: 16px;
}
.prodSummary .prodPriceList .subPrice ~ .subPrice{
    padding-top: 16px;
    border-top:1px solid #D9D9D9;
}
.prodSummary .row{
    display:flex;
    justify-content: space-between;
    color:#525252;
    font-size:14px;
}
.prodSummary .row ~ .row{
    margin-top:4px
}
.prodSummary .row.title,
.prodSummary .subPrice.add .row{
    position: relative;
    align-items: center;
    margin-bottom: 8px;
    font-size:16px;
    font-weight: bold;
    color:#0c0c0c;
}
.prodSummary .btnOrderArea .subPrice.add .row{
    align-items: center; 
    justify-content: flex-end;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 350;
    color:#000;
    letter-spacing: 0;
    gap:5px;
}
.prodSummary .row.title + .row{
    margin-top: 0;
}
.prodSummary .row *{
    color:inherit;
    font-size:inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}
.prodSummary .row .sub:before{
    content: "└";
    padding-right: 4px;
    font-size:14px;
}
.prodSummary .prodPriceList .row .tag{
    padding:0 6px;
    margin-left: 4px;
    font-size:10px;
    color:#EA3037;
    font-weight: 500;
    line-height: 18px;
}
.prodSummary .prodPriceList .priceName {
    display:inline-flex;
    align-items: center;
}
.prodSummary .prodPriceList .priceName em{
    margin-left: 4px;
    color:#000;
}
.prodSummary .prodPriceList .price{
    display:inline-flex;
    align-items: center;
}
.prodSummary .prodPriceList .price strong{
    margin:0 2px;
    font-size:20px;
}
.prodSummary .prodPriceList .row.title {
    padding-right: 24px;
}
.prodSummary .prodPriceList button[data-toggle]{
    position: absolute;
    top: 3px;
    right: -6px;
    width: 24px;
    height: 24px;
}
.prodSummary .prodPriceList button[data-toggle]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.5s ease;
    transform: translate(-50%, -50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(/NWR/assets/images/pc/toggle_up_arrow.svg) right center no-repeat;
}
.prodSummary .prodPriceList button[aria-expanded=true]:after {
    transform: translate(-50%, -50%) rotate(0deg);
}
.prodSummary .prodPriceList .row .point{
    color:#EA3037
}
.prodSummary .prodPriceList .msg{
    margin-top: 2px;
}
.prodSummary .prodPriceList .msg li{
    font-size: 12px;
    color:#6A6A6A
}
.prodSummary .prodPriceList .subPrice.add .row{
    margin-bottom: 0;
}
.prodSummary .prodPriceList .row.addProd strong{
    font-size:14px;
}
.prodSummary .prodMon{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top:2px solid #000;
}
.prodSummary .prodMon span{
    font-size:18px;
    font-weight: 600;
}
.prodSummary .prodMon .price {
    display:inline-flex;
    align-items: center;
}
.prodSummary .prodMon .price .sale {
    display: inline-block;
    font-size: 11px;
    color: #939393;
    text-decoration: line-through;
    margin-top: 7px;
    margin-right: 4px;
    font-weight: normal;
}
.prodSummary .prodMon .price strong{
    margin:0 2px 0 5px;
    font-size:32px;
    font-weight: inherit;
    transform: translateY(-2px);
}
.prodSummary .selectGift{
    margin-top: 17px;
    padding:16px;
    border:1px solid #ededed;
    border-radius: 8px;
}
.prodSummary .selectGift .title{
    display:block;
    margin-bottom: 8px;
    font-size:16px;
    font-weight: 600;
}
.prodSummary .selectGift .area{
    display:flex;
    gap:0 12px;
    align-items: center;
}
.prodSummary .selectGift .img{
    display:inline-flex;
    align-items: center;
    justify-content: center;
    width:80px;
    height: 80px;
    background-color:#F6F5F7;
}
.prodSummary .selectGift .img img{
    width:53px;
}
.prodSummary .selectGift .name{
    margin-bottom: 8px;
}
.prodSummary .selectGift .opt span{
   margin-right:12px
}
.prodSummary .selectGift .opt span:last-of-type{
    margin-right:0;
}
.prodSummary .selectGift .name strong{
    font-size:14px;
    font-weight: 600;
}
.prodSummary .btnOrderArea,
.prodSummary .btnOkArea{
    margin-top: 24px;
}
.prodSummary .btnOrderArea .btnArea,
.prodSummary .btnOkArea .btnArea {
    margin-top: 12px;
}
.prodSummary .btnArea button{
    font-size:18px;
}
.prodSummary .btnOkArea .area{
    text-align: center;
}
.prodSummary .btnOkArea .area img{
    width:100px;
}

/*check, radio*/
.wCheck {
    position: relative;
    display: flex;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-shadow: #00000010 0 2px 4px;
}
.wCheck label {
    border-radius: 8px;
}
.wCheck.selected .checkBox{
    position:relative;
}
#wireMobile .wCheck.selected:after,
.wCheck input[type="radio"]:checked+label:after{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    right:-1px;
    bottom:-1px;
    border:2px solid #000;
    border-radius: 8px;
}
#wireMobile .wCheck input[type=radio]:checked+label:after,
.subArea .wCheck .subCheckBox input[type=radio]:checked+label:after{
    display:none;
}
#wireMobile .wCheck.selected .bnr img {
    clip-path: polygon(1px 0, calc(100% - 0px) 0, calc(100% - 0px) calc(100% - 0px), 1px calc(100% - 0px))
}
.subCheckBox .checkBox.type01 label .tip {
    position: absolute;
    top: 50%;
    transform: translateY(-40px);
    left: 0;
    font-size: 11px;
    font-weight: normal !important;
    width: auto;
    line-height: 20px;
    padding: 0 4px 0;
    letter-spacing: -1px;
    border: 1px solid #FF6060;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px #00000020;
}
.subCheckBox .checkBox.type01 label .tip:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 17px;
    width: 14px;
    height: 8px;
    background: url(/NWR/assets/images/pc/bg_tip_arrow_red.svg) 0 bottom / 100% auto no-repeat;
}
.checkBox {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
}
.nwWrap input[type="checkbox"],
[role="dialog"] input[type="checkbox"],
.nwWrap input[type="radio"],
[role="dialog"] input[type="radio"]{
    position:absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width:20px;height:20px;
}
.checkBox input[type="checkbox"]:focus,
.checkBox input[type="radio"]:focus {
    outline: 1px dotted #666 !important;
}
.checkBox [type="radio"]+label,
.checkBox [type="checkbox"]+label {
    display: flex ;
    padding: 4px 16px 4px 48px;
    font-size: 16px;
    color: #000;
    background-color: #fff;
    min-height: 56px;
    align-items: center;
    cursor: pointer;
}
input[type="checkbox"]:focus+label:before {
    display: none
}
[type="radio"]:focus+label,
[type="checkbox"]:focus+label {
    outline: 0
}
input[type="checkbox"]+label {
    display: flex;
    width: 100%;
    height: 100%;
    background: url(/NWR/assets/images/pc/check_box.svg) 16px center no-repeat
}
input[type="checkbox"]:checked+label {
    background-image: url(/NWR/assets/images/pc/check_box_on.svg);
}
input[type="radio"]+label {
    cursor: pointer;
    display: flex;
    width: 100%;
    background: #fff url(/NWR/assets/images/pc/check_radio.svg) 16px center no-repeat
}
input[type="radio"]:checked+label{
    font-weight: 600;
    background-image: url(/NWR/assets/images/pc/check_radio_on.svg);
}
label button{
    position:relative;
    z-index:1;
}
.checkBox label .bestImg{
    position: absolute;
    top: 50%;
    left: -2px;
    z-index: 5;
    transform: translateY(-52px);
    width: auto;
    height: 36px;
}
.checkBox.inline {
    display: inline-flex;
    width: auto;
    border: 0;
}
.checkBox.inline input[type="checkbox"]+label,
.checkBox.inline input[type="radio"]+label {
    display:inline-block;
    padding: 0 0 0 25px;
    background-position: 0 0;
    min-height: 20px;
    line-height: 20px;
    min-height: auto;
}
.checkBox.inline input[type=checkbox],
.checkBox.inline input[type=radio] {
    top: 0;
    left: 0;
    transform: translateY(0);
}

.wCheck .prod .nTit{
    font-size:14px;
    font-weight: 600;
    word-break: break-all;
}

.wCheck .prod .price{
    font-size:16px;
    line-height:20px;
}
.wCheck .prod .price strong{
    font-size:inherit;
    font-weight: 600;
}

/* input text, number*/
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='date'],
input[type="number"],
.inputArea select,
.inputBox {
    height: 48px;
    padding:0 12px !important;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    font-size: 16px;
    color: #000;
    font-family: 'Malgun Gothic', '맑은 고딕', Helvetica, 'Apple SD Gothic Neo', Dotum, '돋움', sans-serif;
}
input[type='text']::placeholder,
input[type='tel']::placeholder,
input[type='email']::placeholder,
input[type='date']::placeholder,
input[type="number"]::placeholder {
    color: #808080;
    font-size: 16px;
    font-weight: normal;
}
.disabled{
    opacity: 0.5;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -webkit-appearance: textfideld;
       -moz-appearance: textfideld;
            appearance: textfideld;
}
.inputBox {line-height:46px}
.point{
    font-size:inherit;
    color:#EA3037
}

/* button */
.btnTest{
    height:48px;
    padding:0 10px !important;
    border:1px dashed red;
    color:red;
    border-radius: 8px;
    font-size:16px;
}
.btnArea {
    display: flex;
    justify-content: center;
    gap: 8px
}
.btnArea button,
.btnArea a {
    position: relative;
    height: 56px;
    width: 100%;
    padding: 0 8px;
    border-radius: 8px;
    font-size: 16px;
}
.btnArea .btnTel {
    flex-shrink: 0;
    width: 56px;
    border: 1px solid #000;
    font-size: 16px;
    background: url(/NWR/assets/images/pc/btn_tel.svg) center center no-repeat;
}
.btnArea .btnBasket {
    flex-shrink: 0;
    width: 56px;
    border: 1px solid #000;
    background: url(/NWR/assets/images/pc/btn_basket.svg) center center no-repeat
}
.wireList .btnArea button{flex:1;}
.wireList .btnArea .btnTel{background:none;}
.wireList .btnArea .btnTel::before{content:'';display:inline-block;width:28px;height:28px;background:url(/NWR/assets/images/pc/btn_tel.svg) no-repeat 0 0;vertical-align:-7px;}

.btnBlack, a.btnBlack,
.btnWhite, a.btnWhite {
    display:inline-flex;
    height: 56px;
    width: 100%;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border-radius: 8px;
    border: 1px solid #000;
    text-shadow:none;
    justify-content: center;
    align-items: center;
}
a.btnBlack, a.btnWhite{
    line-height:48px;
}
.btnWhite, a.btnWhite {
    color: #000;
    background-color: #fff;
}
.btnBlack:disabled {
    background-color: #EDEDED;
    color: #A8A8A8;
    border-color: #EDEDED
}
.btnBlack:disabled span{color:inherit !important}
.btnWhite:disabled {
    background-color: #fff;
    color: #A8A8A8;
    border-color: #D9D9D9
}
.btnMore {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #000;
    border-radius: 8px;
}
.btnMore em {
    font-size: 16px;
    margin-left: 3px;
}
.btnMore:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: url(/NWR/assets/images/pc/btn_more.svg);
}
.btnArea button .tip,
.btnArea a .tip {
    position: absolute;
    bottom: 62px;
    left: 4px;
    transform: translateX(-58px);
    width: auto;
    white-space: nowrap;
    line-height: 14px;
    padding: 7px 12px 8px;
    border: none;
    border-radius: 8px;
    background: rgb(144,113,248);
    background: linear-gradient(90deg, rgba(144,113,248,1) 0%, rgba(113,140,244,1) 100%);
    box-shadow: 0 2px 4px #00000020;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.btnArea button .tip:after,
.btnArea a .tip:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 74px;
    width: 14px;
    height: 8px;
    background: url(/NWR/assets/images/pc/bg_tip_arrow_left.svg) 0 bottom / 20px auto no-repeat;
}
.btnArea.two button,
.btnArea.two a{
    width:100%;
}
.btnOrderArea .btnArea button .tip {
    display: none;
}

.tag {
    display: inline-block;
    border: 1px solid #EA303750;
    border-radius: 4px;
    font-size: 12px;
    color: #EA3037;
    line-height: 24px;
    background-color: #fff;
    font-weight: 500;
}
.arrow, .arrow:active, .change{
    padding-right:16px;
    font-size:14px;
    font-weight: 500;
    background: url(/NWR/assets/images/pc/arrow_right.svg) no-repeat right 3px;
}
.change:active,
.change:focus {
    padding-right: 16px;
}
.wireBlock .itemArea .msg {
    margin: 12px 0 17px;
    color: #525252;
    line-height: 1.4;
    word-break: keep-all;
}
.wireBlock .itemArea .msg .etc {
    margin: 13px 0 0;
}

/* 상세요금
/* 상품리스트 */
.prodArea {
    width:344px;
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    box-shadow: 0px 4px 12px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 4px 12px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 12px 2px rgba(0,0,0,0.1);
}
.prodArea .titleArea {
    position: relative;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 14px;
    padding-right: 24px;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 26px;
    line-height: 24px;
}
.prodArea .titleArea .best {
    display: inline-block;
    padding: 0 6px;
    font-weight: bold;
    line-height: 24px;
    font-size: 12px;
    border: 1px solid;
    border-radius: 4px;
    margin-right: 2px;
    text-transform: uppercase;
}
.prodArea .titleArea .fav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 24px !important;
    height: 20px !important;
    background:#fff url(/NWR/assets/images/pc/btn_fav.svg) 100% center/19px auto no-repeat;
}
.prodArea .titleArea .fav.selected {
    background-image: url(/NWR/assets/images/pc/btn_fav_on.svg);
}
.prodArea .banner {
    margin:0 -20px 20px;
    position: static;
    height: auto;
    line-height: normal;
    background-color: transparent;
}
.prodArea .banner > a {
    display: block;
}
.prodArea .banner img{
    width:100%;
}
.prodArea .plus {
    display: inline-block;
    color:#161616;
    padding-right: 21px;
    background: url(/NWR/assets/images/pc/btn_plus.svg) right center no-repeat;
    font-size: 14px;
}
.prodArea .plus span {
    color: #6A6A6A;
}
.prodArea .itemArea {
    margin: 12px 0 0;
    height: 64px;
}
.prodArea .itemArea + .itemArea {
    padding-top:12px;
    margin:0 0 12px;
    height: 76px;
    background-image: linear-gradient(to right, rgba(0,0,0,0.3) 33%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x;
}
.prodArea .itemArea:last-child {
    margin-bottom: 24px;
}
.prodArea .itemArea .type {
    display: flex;
    flex-wrap: wrap;
    gap:6px 8px;
    margin-top: 7px;
}
.prodArea .itemArea .item {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
}
.prodArea .itemArea .item img {
    height: 28px;
    width: 28px;
    margin-right: 2px;
}
.prodArea .priceArea {
    display: flex;
    justify-content: space-between;
    margin: 0 -20px;
    padding: 20px 20px 12px;
    height: 74px;
    margin-bottom: 20px;
    background-color: #F8F8F8;
}
.prodArea .priceArea>.sale {
    width: 90px;
    margin-right: 10px;
}
.prodArea .priceArea>.sale button {
    font-size: 12px;
    font-weight: 500;
}
.prodArea .priceArea>.priceWord {
    width: calc(100% - 100px);
    text-align: right;
    transform: translateY(-5px);
}
.prodArea .priceArea .priceWord .priceSale span {
    margin-bottom: 4px;
}
.prodArea .priceArea .priceWord .priceSale .sale {
    display: inline-block;
    font-size: 11px;
    color: #525252;
    text-decoration: line-through;
    margin-right: 4px;
}
.prodArea .priceArea .priceWord .priceSale .price {
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
}
.prodArea .priceArea .priceWord .priceSale .price strong {
    margin-left: 4px;
    font-size: 24px;
    line-height: 0.9;
    font-weight: bold;
}
.prodArea .priceArea .priceWord .priceInfo,
.prodArea .priceArea .priceWord .priceInfo span {
    color:#6A6A6A;
    font-size: 10px;
}
.prodArea .giftArea {
    height: 103px;
    margin-bottom: 25px;
}
.prodArea .giftArea .plus {
    font-size: 12px;
    font-weight: 500;
}
.prodArea .giftArea .plus em{
    color:#EA3037
}
.prodArea .giftArea .box {
    display: flex;
    margin:6px 0 0;
}
.prodArea .giftArea .box .item {
    position: relative;
    display:inline-flex;
    justify-content: center;
    width: calc(100% / 3);
    flex-shrink: 0;
}
.prodArea .giftArea .box .item::after {
    content: 'OR';
    color: #161616;
    position: absolute;
    top: 13px;
    right: -10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    z-index: 1;
}
.prodArea .giftArea .box .item.alone::after,
.prodArea .giftArea .box .item:last-child::after {
    display: none;
}
.prodArea .giftArea .item .giftBox {
    display: inline-block;
    padding-top: 46px;
    text-align: center;
}
.prodArea .giftArea .sale .giftBox {
    background: url(/NWR/assets/images/pc/gift_sale.svg) center top no-repeat;
}
.prodArea .giftArea .paper .giftBox {
    background: url(/NWR/assets/images/pc/gift_paper_pay.svg) center top no-repeat;
}
.prodArea .giftArea .ele .giftBox {
    background: url(/NWR/assets/images/pc/gift_ele.svg) center top no-repeat;
}
.prodArea .giftArea .item .giftBox strong,
.prodArea .giftArea .item .giftBox span {
    display: block;
}
.prodArea .giftArea .item .giftBox strong {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: #16161680;
}
.prodArea .giftArea .item .giftBox strong em {
    display: flex;
    align-items: center;
    margin-right: 2px;
    height: 16px;
    padding: 0 5px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: bold;
    color: #EA3037;
    border: 1px solid #EA303750;
    background-color: #fff;
}
.prodArea .giftArea .item .giftBox span {
    font-size: 14px;
    font-weight: bold;
}
.wireList .no-result {
    text-align: center;
    width: 100%;
    padding: 80px 0;
    font-size: 20px;
    font-weight: bold;
    color: #757575;
}

/* 툴팁 */
.questionMark {
    position: relative;
    width: 16px;
    height: 16PX;
    background: url(/NWR/assets/images/pc/btn_qm.svg) 0 0 no-repeat;
}
.tipArea{
    position: relative;
    margin-left:4px;
    z-index:2;
}
.tipArea.on {
    z-index: 21;
}
.tipArea.on .questionMark {
    background-image: url(/NWR/assets/images/pc/btn_qm_on.svg);
}
.tipArea:after{
    display:none;
    content:"";
    position:absolute;
    z-index:2;
    top:23px;
    left:4px;
    width:15px;
    height: 8px;
    width:8px;
    border:1px solid #808080;
    transform: rotate(135deg);
    border-right-width:0;
    border-top-width: 0;
    background-color:#fff;
}
.tipArea .tipCont{
    display:none;
    position: absolute;
    top:27px;
    left:0;
    z-index:1;
    max-width:500px;
    padding:16px 44px 16px 16px;
    border:1px solid #808080;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: #00000010 0 5px 12px;
    line-height: 18px;
    text-align:left;
    cursor: default;
}
.tipArea .tipCont h2{
    margin-bottom: 9px;
    font-weight: 500;
}
.tipArea .tipCont .close{
    position:absolute;
    top:16px;
    right:12px;
    width:12px;
    height:12px;
    background:url(/NWR/assets/images/pc/btn_popup_close.svg) 0 0/12px auto no-repeat
}
.tipArea .tipCont .cont{
    color:#525252;
    line-height: 18px;
    font-weight: normal;
}
.tipArea.on .tipCont{
    display:block;
}
.tipArea.on:after{
    display:block;
}

.tipArea  .tipCont p{margin-bottom: 12px;}
.tipArea  .tipCont strong{
    font-size:12px !important;
    font-weight: 500;
}
.tipArea  .tipCont ul{
    margin: 5px 0 10px;
}
.tipArea  .tipCont ul li{
    position:relative;
    padding-left:10px
}
.tipArea  .tipCont ul li:before{
    content:"-";
    position:absolute;
    left:0

}

.pageTop {
    position: fixed;
    z-index: 50;
    top: 110px;
    left: 0;
    width: 100%;
    height: 72px;
    padding: 16px 0;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
}
.pageTop .inner:after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% - 150px);
    right: calc(50% - 150px);
    transform: translateY(-50%);
    height: 1px;
    background-color: #C6CCD8;
}
.pageTop span {
    position: relative;
    z-index: 2;
    display: inline-flex;
    padding: 0 20px 0 4px;
    align-items: center;
    line-height: 40px;
    color: #808080;
    border-radius: 20px;
    background-color: #F9F9F9;
}
.pageTop span+span {
    margin-left: 32px;
}
.pageTop span em {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding-bottom:1px;
    margin-right: 12px;
    border: 1px solid #DBDBDB;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #808080;
    border-radius: 12px;
    background-color: #fff;
    text-indent: -1px;
    line-height: 24px;
}
.pageTop span .blind{padding:0;}
.pageTop span.complete em{
    color:transparent;
    background:url(/NWR/assets/images/pc/page_check.svg) center center no-repeat;
}
.pageTop span strong {
    color: #808080;
    font-size:14px;
    font-weight: 500;
}
.pageTop span[aria-current="page"] {
    background: linear-gradient(to right, #E7F0FC, #FEF3F0);
}
.pageTop span[aria-current="page"] strong {
    color: #000
}
.pageTop span[aria-current="page"] em {
    color: #fff;
    background-color: #000;
}

/* 서브공통 온마시팝업 공통*/
.suboms_popups{position:absolute;top:110px;left:50%;transform:translate(-50%, 0);z-index:500;border:1px solid #a5a5a5;padding-bottom:46px;}
.suboms_popups .layer-footer{z-index:9999;}
.suboms_conts{position:relative;width:460px;height:507px;background:#ddd;z-index:9999;box-sizing:border-box;}
.suboms_popups .spop_wrap .bx-controls{position: absolute;width: 100%;text-align: center;bottom:20px;}
.suboms_popups .spop_wrap .bx-pager{position:static !important;width:auto !important;padding:0 !important;display:inline-block;vertical-align:middle;text-align:center;}
.suboms_popups .spop_wrap .bx-wrapper .bx-pager .bx-pager-item, .suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;z-index: 9999;}
.suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item{position:relative;top:-3px}
.suboms_popups .spop_wrap .bx-wrapper .bx-pager.bx-default-pager a, .suboms_popups .spop_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover{display:block;width:12px;height:12px;border:none;background:#DBDBDB;border-radius:10px;box-sizing:border-box;background-size:100% auto !important;text-indent: -9999px;}
.suboms_popups .spop_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{width:30px;background-color:#fff}
.suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto{position:static !important;vertical-align:middle;height:12px;width:auto !important;display:inline-block;margin:0 5px;}
.suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto a{display: block;text-indent:-9999px;position:relative;width:12px !important;height:12px; margin:0 !important; border-radius:0!important; background-size:100% auto !important;}
.suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto a.active{display:none;}
.suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto .bx-start, .suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto .bx-start:hover{width:12px !important;background:transparent url(/unify/pc/images/mobile/order/prod_list/control_play_b.png) 50% 0 no-repeat ;}
.suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto .bx-stop, .suboms_popups .spop_wrap .bx-wrapper .bx-controls-auto .bx-stop:hover{background:transparent url(/unify/pc/images/mobile/order/prod_list/control_stop_b.png) 50% 0 no-repeat;}
.suboms_popups .spop_wrap.pg_dark .bx-wrapper .bx-pager.bx-default-pager a, .suboms_popups .spop_wrap.pg_dark .bx-wrapper .bx-pager.bx-default-pager a:hover{border-color:#fff;}
.suboms_popups .spop_wrap.pg_dark .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#000;}
.suboms_popups .spop_wrap.pg_dark .bx-wrapper .bx-controls-auto .bx-start{background:transparent url(/unify/pc/images/mobile/order/prod_list/control_play_a.png) 50% 0 no-repeat;}
.suboms_popups .spop_wrap.pg_dark .bx-wrapper .bx-controls-auto .bx-stop{background:transparent url(/unify/pc/images/mobile/order/prod_list/control_stop_a.png) 50% 0 no-repeat;}
.suboms_popups .spop_slider, .spop_wrap .bx-wrapper, .spop_wrap .bx-viewport, .spop_wrap .bx-viewport li{height:100%;}
.suboms_popups .spop_slider > li{font-size:0;line-height:0;}
.suboms_popups .layer-footer button{color:#000;;}
.suboms_popups .spop_wrap{height:100%;}
.suboms_popups .spop_wrap *{font-family:'Noto Sans KR';font-weight:500;line-height:1.5;letter-spacing:-0.5px;color:#000;}
.suboms_popups .spop_wrap li{height:100%;}
.suboms_popups .spop_wrap li > a:focus:after, .suboms_popups .spop_wrap li > button:focus:after{content:'';display:block;position:absolute;top: 0;right: 0;left: 0;bottom:0;border: 1px dotted #666;z-index:8;bottom: 1px;}
.suboms_popups .spop_wrap .center{text-align:center !important;}
.suboms_popups .spop_wrap .left{text-align:left !important;}
.suboms_popups .spop_wrap .right{text-align:right !important;}
.suboms_popups .spop_img{position:absolute;top:0;left:0;}
.suboms_popups .spop_img img {width:100%;}
.suboms_popups .spop_pos{position:relative;z-index:1;height:100%;}
.suboms_popups .spop_pos.middle{position:absolute;width:100%;left:0;bottom:0;height:auto;padding-bottom:20px;}
.suboms_popups .spop_pos.middle .spop_btnarea.bottom{position:relative;bottom:0;}
.suboms_popups .spop_titarea{padding:28px 40px 8px;box-sizing:border-box;letter-spacing:-1.1px;}
.suboms_popups .spop_titarea.center, .suboms_popups .spop_btnarea.center{padding-left:15px;padding-right:15px;}
.suboms_popups .spop_flag{display:inline-block;min-width:120px;margin-bottom:16px;padding:5px 20px;font-size:16px;color:#FFFFFF;background:#6A6A6A 0% 0% no-repeat padding-box;border-radius:18px;font-weight:normal;line-height:1.5;}
.suboms_popups .spop_ttxt, .suboms_popups .spop_stxt{font-size: 18px;line-height: 1.56;}
.suboms_popups .spop_smtxt{font-size:8px;line-height:1.5;font-weight:normal;color:#000;}
.suboms_popups .spop_tit{font-size: 28px;font-weight:700;letter-spacing:-1.2px;line-height:1.3;margin-bottom:3px;}
.suboms_popups .spop_ttxt .spop_stxt{font-size:20px;}
.suboms_popups .spop_btnarea{position:relative;z-index:1;box-sizing:border-box;padding:12px 40px 28px;}
.suboms_popups .spop_btnarea .spop_smtxt{margin-bottom: 8px;}
.suboms_popups .spop_btnarea.bottom{position:absolute;width:100%;display:block;bottom:20px;}
.suboms_popups .spop_btn{display:inline-block;padding:8px 28px;font-size:15px;border-radius:24px;background:#fff;border:1px solid #000;margin:0 2px;}
.suboms_popups .intit *{color:inherit;}
.suboms_popups .popup-start, .suboms_popups .popup-end{position: absolute;top: 0;left: 0;width: 100%;color: transparent;z-index:-1}

/* 챗봇 */
.nwWrap .ibotKT{position:fixed;top:570px;left:50%;transform:translateX(-663px);width:78px;}
.nwWrap .ibotKT:after{content: "";display:block;width:45px;height:10px;margin-left:18px;background-color:#b3b3b3;border-radius: 100%;}
.nwWrap .ibotKT .ibot-btn{display: block;margin-bottom: 10px;position:relative;width: 80px;height: 90px;}
.nwWrap .ibotKT .ibot-btn > span{position:absolute;left:0;top: 0;animation : upDown 1s ease-in-out infinite alternate;}
.nwWrap .ibotKT .ibot-btn > span.obj02{display:none;}
@keyframes upDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}