/*============== 쇼핑몰 프로그램 ( 리스트 ) ==============*/

.inner980 {
    width: 100%;
    max-width: 1400px;
    padding-bottom: 150px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.inner980:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.category_spot:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.category_spot {
    margin-top: 30px;
}

.category_spot .cate_menu {
    width: 15%;
    height: 390px;
    float: left;
    padding: 23px 0 0 24px;
    margin-right: 1.6666666667%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
}

.category_spot .cate_menu a:hover,
.category_spot .cate_menu a:focus {
    color: #007bc8
}

.category_spot .cate_menu .cate_tit {
    display: block;
    font-size: 16px;
    color: #007bc8;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative
}

.category_spot .cate_menu .cate_tit:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 1px;
    background: #d9d9d9;
    content: "";
}

.category_spot .cate_menu ul {
    height: 320px;
    overflow: auto;
}

.category_spot .cate_menu ul li a {
    font-size: 14px;
    padding: 6px 0;
    display: block;
    color: #111;
    word-break: break-all;
}

.category_spot .cate_slider {
    width: 83.3333333333%;
    height: 390px;
    float: left;
}

.category_spot .cate_slider li {
    position: relative;
    height: 390px;
}

.category_spot .cate_slider li a {
    display: block;
}

.category_spot .cate_slider li img {
    width: 100%;
    height: 100%;
}

.category_spot .cate_slider li dl {
    position: absolute;
    left: 40px;
    top: 40px;
}

.category_spot .cate_slider li dl dt {
    font-size: 16px;
    color: #111;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}

.category_spot .cate_slider li dl dd {
    font-size: 32px;
    color: #111;
    line-height: 1.2;
    letter-spacing: -0.05em
}

.category_spot .cate_slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
}

.category_spot .cate_slider .slick-prev {
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_left_btn.png')no-repeat center;
    background-size: 100%;
    font-size: 0;
}

.category_spot .cate_slider .slick-prev:before {
    content: "";
}

.category_spot .cate_slider .slick-next {
    right: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_right_btn.png')no-repeat center;
    background-size: 100%;
    font-size: 0;
}

.category_spot .cate_slider .slick-next:before {
    content: "";
}

.category_spot .cate_slider .slick-dots {
    bottom: 10px;
}

.category_spot .cate_slider .slick-dots li {
    width: 10px;
    height: 10px;
}

.category_spot .cate_slider .slick-dots li button {
    background: rgba(0, 0, 0, 0.5);
    width: 10px;
    height: 10px;
    border-radius: 15px;
}

.category_spot .cate_slider .slick-dots li.slick-active button {
    background: #000;
}

.category_spot .cate_slider .slick-dots li button:before {
    font-size: 0;
    width: 10px;
    height: 10px;
}

.weekly_best {
    position: relative;
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #e5e5e5;
    letter-spacing: -0.05em;
    z-index: 1;
}

.weekly_best h1 {
    display: block;
    position: relative;
    font-size: 18px;
    margin-bottom: 10px;
    color: #111;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.weekly_best h1 .swiper-pagination {
    font-size: 16px;
    width: auto;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.weekly_best h1 .swiper-pagination .swiper-pagination-current {
    color: #000;
}

.weekly_best h1 .swiper-pagination .swiper-pagination-total {
    color: #888;
}

.weekly_best .weekly_best-prev {
    width: 40px;
    height: 40px;
    background: url('/img/shopimg/weekly_left_btn.png')no-repeat center;
    background-size: 100%;
    z-index: 999;
    opacity: 1;
}

.weekly_best .weekly_best-next {
    width: 40px;
    height: 40px;
    background: url('/img/shopimg/weekly_right_btn.png')no-repeat center;
    background-size: 100%;
    z-index: 999;
    opacity: 1;
}

.weekly_best .weekly_slider {
    overflow: hidden;
    position: relative
}

.weekly_best .weekly_slider ul li {
    float: left;
    width: 300px;
    margin-right: 15px;
}

.weekly_best .weekly_slider ul li img {
    width: 300px;
    height: 300px;
}

.weekly_best .weekly_slider ul li:last-child {
    margin-right: 0;
}

.weekly_best .weekly_slider ul li a {
    display: block;
}

.weekly_best .weekly_slider ul li a dl dt {
    font-size: 14px;
    margin: 5px 0;
    color: #4d4d4d;
    line-height: 1.3;
    word-break: break-all;
    font-weight: 500;
}

.weekly_best .weekly_slider ul li a dl dd b {
    font-size: 20px;
    color: #da006b;
    margin-right: 5px;
}

.weekly_best .weekly_slider ul li a dl dd span.price {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-right: 10px;
}

.weekly_best .weekly_slider ul li a dl dd span.before_price {
    font-size: 14px;
    color: #888;
    position: relative
}

.weekly_best .weekly_slider ul li a dl dd span.before_price:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #959595;
    content: "";
}

.weekly_best .weekly_slider ul li a dl dd p {
    font-size: 14px;
    color: #767676;
    margin-top: 5px;
}

.weekly_best .weekly_slider {
    overflow: hidden;
    position: relative
}

.weekly_best .weekly_slider .swiper-slide {
    float: left;
    width: 300px;
}

.weekly_best .weekly_slider .swiper-slide img {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    display: block
}

.weekly_best .weekly_slider .swiper-slide:last-child {
    margin-right: 0;
}

.weekly_best .weekly_slider .swiper-slide a {
    display: block;
}

.weekly_best .weekly_slider .swiper-slide a dl dt {
    font-size: 14px;
    margin: 5px 0;
    color: #4d4d4d;
    line-height: 1.3;
    word-break: break-all;
    font-weight: 500;
}

.weekly_best .weekly_slider .swiper-slide a dl dd b {
    font-size: 20px;
    color: #da006b;
    margin-right: 5px;
}

.weekly_best .weekly_slider .swiper-slide a dl dd span.price {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-right: 10px;
}

.weekly_best .weekly_slider .swiper-slide a dl dd span.before_price {
    font-size: 14px;
    color: #888;
    position: relative
}

.weekly_best .weekly_slider .swiper-slide a dl dd span.before_price:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #959595;
    content: "";
}

.weekly_best .weekly_slider .swiper-slide a dl dd p {
    font-size: 14px;
    color: #767676;
    margin-top: 5px;
}


.sl_bot {
    margin-top: 20px;
}

.sl_bot:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.sl_bot .left {
    width: 49.1666666667%;
    margin-right: 1.6666666667%;
    float: left;
    position: relative
}

.sl_bot .left .sl_slider {
    width: 100%;
    height: 480px;
    overflow: hidden;
    position: relative
}

.sl_bot .left .sl_slider img {
    width: 100%;
    height: 480px;
}

.sl_bot .left .sl_bot-next {
    width: 40px;
    height: 40px;
    right: 0;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_right_btn.png')no-repeat center;
    background-size: 100%;
    z-index: 99;
    opacity: 1;
}

.sl_bot .left .sl_bot-prev {
    width: 40px;
    height: 40px;
    left: 0;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_left_btn.png')no-repeat center;
    background-size: 100%;
    z-index: 99;
    opacity: 1;
}

.sl_bot .right {
    width: 49.1666666667%;
    height: 480px;
    float: left;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: relative;
    padding: 24px;
}

.sl_bot .right ul li {
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    box-sizing: border-box;
    margin-bottom: 8px;
}

.sl_bot .right ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.sl_bot .right ul li:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.sl_bot .right ul li a {
    display: block;
}

.sl_bot .right ul li a p {
    float: left;
    margin-bottom: 9px;
}

.sl_bot .right ul li a p:nth-of-type(2) {
    width: calc(100% - 145px);
    padding-left: 20px;
    box-sizing: border-box;
}

.sl_bot .right ul li a p b {
    font-size: 14px;
    color: #007bc8;
    letter-spacing: -0.05em;
    margin-bottom: 5px;
    padding-top: 25px;
    font-weight: 500;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl_bot .right ul li a p span {
    color: #4d4d4d;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl_bot .right ul li img {
    width: 145px;
    height: 93px;
}

/* 썸네일 */
.thumb_Con {
    margin-top: 20px;
    width: 100%;
}

.thumb_Con img {
    width: 100%;
}

.thumb_Con2 {
    width: 100%;
    margin-top: 20px;
}

.thumb_Con2 a {
    float: left;
    width: 49.1666666667%;
    height: 480px;
    margin-right: 1.6666666667%;
}

.thumb_Con2 a:nth-of-type(2) {
    margin-right: 0;
}

.thumb_Con2 a img {
    width: 100%;
    height: 480px;
}

.brand_Con:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.brand_Con {
    margin-top: 20px;
}

.brand_Con .brand_logo {
    width: 49.1666666667%;
    float: left;
    margin-right: 1.6666666667%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.brand_Con .brand_logo>h2 {
    font-size: 18px;
    padding: 20px 0 20px 10px;
    font-weight: 500;
    text-align: left;
    color: #111;
}

.brand_Con .brand_logo ul {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.brand_Con .brand_logo ul li {
    display: inline-block;
    width: 33.333%;
    height: 104px;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    text-align: center;
    box-sizing: border-box;
}

.brand_Con .brand_logo ul li img {
    width: 144px;
    height: 48px;
    padding-top: 33px;
}

.brand_Con .brand_right {
    width: 49.1666666667%;
    float: left;
}

.brand_Con .brand_right a {
    display: block
}

.brand_Con .brand_right a img {
    width: 100%;
    height: 480px;
}


/* list_Con */
.list_Con {
    margin-top: 20px;
}

.list_Con:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.list_Con .list_wrap {
    float: left;
    width: 49.1666666667%;
    height: 480px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    margin-right: 1.6666666667%;
    padding: 24px;
    box-sizing: border-box;
}

.list_Con .list_wrap:nth-of-type(2n) {
    margin-right: 0;
}

.list_Con .list_wrap div a img {
    width: 100%;
}

.list_Con .list_wrap h1 {
    margin: 0;
    position: relative;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin-bottom: 10px;
}

.list_Con .list_wrap h1 b {
    font-weight: 300;
}

.list_Con .list_wrap h1 p {
    position: absolute;
    right: 0;
    bottom: 0;
}

.list_Con .list_wrap h1 span {
    background: none;
    position: relative;
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
    width: auto;
    height: auto;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
}

.list_Con .list_wrap h1 span.frame_slider-pagination {
    font-size: 14px;
}

.list_Con .list_wrap .frame_slider a {
    display: block;
}

.list_Con .list_wrap .frame_slider h2 {
    padding-top: 26px;
    font-size: 24px;
    color: #000;
    text-align: center;
}

.list_Con .list_wrap .frame_slider .hr {
    width: 20px;
    height: 1px;
    background: #b7b7b7;
    margin: 25px auto;
}

.list_Con .list_wrap .frame_slider p {
    font-size: 14px;
    color: #767676;
    text-align: center;
}

.list_Con .list_wrap .frame_slider2 .swiper-slide a {
    display: block;
    float: left;
}

.list_Con .list_wrap .frame_slider2 .swiper-slide a:nth-of-type(2) {
    margin-right: 0;
}

.list_Con .list_wrap .frame_slider2 .sub_tit {
    font-size: 14px;
    margin-top: 13px;
    word-break: break-all;
    line-height: 1.2;
    color: #4d4d4d
}

.list_Con .list_wrap .frame_slider2 .item .text:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.list_Con .list_wrap .frame_slider2 .item .text {
    margin-top: 10px;
    margin-bottom: 10px;
}

.list_Con .list_wrap .frame_slider2 .left_tit {
    float: left;
    width: 44px;
}

.list_Con .list_wrap .frame_slider2 .right_tit {
    float: left;
    width: calc(100% - 54px);
    margin-left: 10px
}

.list_Con .list_wrap .frame_slider2 .dc {
    font-size: 20px;
    color: #da006b;
    letter-spacing: -0.05em;
}

.list_Con .list_wrap .frame_slider2 .price {
    display: block;
    font-size: 20px;
    color: #444;
    letter-spacing: -0.05em;
    ;
    margin-right: 10px;
}

.list_Con .list_wrap .frame_slider2 .price span {
    color: #000;
}

.list_Con .list_wrap .frame_slider2 .before_price {
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #959595;
}

.list_Con .list_wrap .frame_slider2 .before_price:after {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 1px;
    background: #959595;
    content: "";
    display: block;
}

.list_Con .list_wrap .frame_slider2 .numm {
    font-size: 14px;
    color: #959595;
    margin-top: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
}


/* 탭 */
.tab {
    position: relative;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #c7c7c7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tab ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.tab ul {
    margin: 0;
    width: 80%
}

.tab ul li {
    float: left;
}

.tab ul li a {
    display: block;
    padding: 15px 30px;
    font-size: 14px;
    color: #222;
    position: relative
}

.tab ul li:last-child a:after {
    display: none
}

.tab ul li a:after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background: #e5e5e5;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
}

.tab ul li a:hover {
    color: #007bc8
}

.tab ul li a.on {
    color: #007bc8;
    font-weight: bold;
}

.tab .style_change {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.tab .style_change:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.tab .style_change a {
    border: 0;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    display: block;
    float: left;
    font-size: 0;
}

.tab .style_change a.list {
    border-left: 0;
}

/* 갤러리형 리스트 */
.sub_list:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.sub_list .box {
    width: 19.3333333333%;
    float: left;
    margin-right: 0.8333333333%;
    margin-bottom: 30px;
}

.sub_list .box .img_box {
    width: 100%
}

.sub_list .box img {
    width: 100%;
}

.sub_list .box:nth-of-type(5n) {
    margin-right: 0;
}

.sub_list .box .text:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.sub_list .box .text {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 38px
}

.sub_list .box .text .left_tit {
    float: left;
    width: 44px;
    margin-right: 10px
}

.sub_list .box .text .right_tit {
    float: left;
    width: calc(100% - 54px);
}

.sub_list .box h1 {
    font-size: 14px;
    margin-top: 13px;
    word-break: break-all;
    line-height: 1.2;
    color: #4d4d4d;
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
}

.sub_list .box .text .dc {
    font-size: 20px;
    color: #da006b;
    letter-spacing: -0.05em;
}

.sub_list .box .text .price {
    display: block;
    font-size: 20px;
    color: #444;
    letter-spacing: -0.05em;
    ;
    margin-right: 10px;
}

.sub_list .box .text .price span {
    color: #000;
}

.sub_list .box .text .before_price {
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #959595;
}

.sub_list .box .text .before_price:after {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 1px;
    background: #959595;
    content: "";
    display: block;
}

.sub_list .box .numm {
    font-size: 14px;
    color: #959595;
    margin-top: 30px;
    min-height: 16px
}

.sub_list .box .delivery {
    font-size: 14px;
    color: #111;
}

/* 리스트형 리스트 */
.sub_list2 .box {
    width: 100%;
    border-top: 1px solid #f5f5f5;
    height: 180px;
    padding: 20px 0;
    float: none;
    position: relative;
    padding-left: 160px;
    box-sizing: border-box;
}

.sub_list2 .box .img_box {
    width: 140px;
    height: 140px;
    position: absolute;
    left: 0;
    top: calc(50% - 70px);
}

.sub_list2 .box .text .price {
    display: inline-block;
}

.sub_list2 .box .numm {
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 20px;
}

.m_wrap {
    display: none;
}

.weekly_best2 {
    display: none
}

/*============== 쇼핑몰 프로그램 ( 상세보기 ) ==============*/

.shopList .con01:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.shopList .con01 {
    margin-top: 30px;
}

.shopList .left {
    float: left;
    width: 46.6666666667%;
    margin-right: 2.5%;
}

.shopList .left .top_slider {
    width: 100%;
    margin: 0;
}

.shopList .left .top_slider img {
    width: 100%;
    height: 100%;
}

.shopList .left .gal_slider li a {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}

.shopList .left .gal_slider li a img {
    width: 100%;
    height: 100%
}

.shopList .left .gal_slider {
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 20px;
}

.shopList .left .gal_slider .slick-prev {
    width: 8px;
    height: 15px;
    left: -10px;
    z-index: 99;
    background: url('/img/shopimg/list_prev.jpg')no-repeat center;
    background-size: 100%;
}

.shopList .left .gal_slider .slick-prev:before {
    content: "";
    font-size: 0;
}

.shopList .left .gal_slider .slick-next {
    width: 8px;
    height: 15px;
    right: -10px;
    z-index: 99;
    background: url('/img/shopimg/list_next.jpg')no-repeat center;
    background-size: 100%;
}

.shopList .left .gal_slider .slick-next:before {
    content: "";
    font-size: 0;
}

.shopList .right {
    float: left;
    width: 50.8333333333%;
    padding-bottom: 60px;
}

.shopList .right .tit {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 11px 0 5px 0;
}

.shopList .right .tit>p {
    margin: -3px 0 0;
    letter-spacing: -0.05em;
    font-size: 20px;
    line-height: 26px;
    color: #4d4d4d;
    font-weight: 400;
}

.shopList .right .tit>h2 {
    margin-top: 28px;
    letter-spacing: -0.05em;
    font-size: 22px;
    line-height: 48px;
    font-weight: 400;
    color: #000;
}

.shopList .right .tit>h2 b {
    font-size: 26px;
    color: #da006b
}

.shopList .right .tit>h2 .price {
    font-size: 44px
}

.shopList .right .tit>h2 .before_price {
    font-size: 24px;
    color: #888;
    position: relative
}

.shopList .right .tit>h2 .before_price:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #959595;
    content: "";
}

.shopList .right .card {
    margin-top: 35px;
}

.shopList .right .card a {
    display: block;
    height: 23px;
    font-size: 15px;
    line-height: 23px;
    color: #007bc8;
}

.shopList .right .card p {
    padding-top: 10px;
    font-size: 15px;
    line-height: 22px;
    color: #767676;
}

.shopList .right .card p span {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #eee;
    margin: 0 10px;
    position: relative;
    top: 2px;
}

.shopList .right .discount {
    padding: 25px 0 20px 0;
}

.shopList .right .discount ul {
    overflow: hidden;
    border: 1px solid #f3f3f3;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.shopList .right .discount li {
    float: left;
    width: 50%;
    position: relative;
    list-style: none;
    background-color: #f5f5f5;
}

.shopList .right .discount li a {
    position: relative;
    display: block;
    padding: 2px 0 0 15px;
    font-size: 13px;
    line-height: 31px;
    color: #767676;
    font-weight: 700;
    text-align: left;
}

.shopList .right .discount li a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 11px;
    margin-top: -6px;
    content: "";
    overflow: hidden;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("/img/shopimg/discount_btn.jpg");
}

.shopList .right .discount li:last-of-type:before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 1px;
    background: #e7e7e7;
    content: "";
}

/* 커스텀 */
.option_select {
    position: relative;
    min-height: 45px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #767676;
    vertical-align: middle
}

.option_select .select_bx {
    position: relative;
}

.option_select .select_txt {
    letter-spacing: normal;
    display: block;
    position: relative;
    font-size: 15px;
    height: 43px;
    padding: 0 33px 0 15px;
    border: 1px solid #d9d9d9;
    line-height: 45px;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.option_select .select_txt .ico_arr {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 13px;
    height: 7px;
    margin-top: -4px;
    display: inline-block;
}

.option_select .option_list_wrap {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    max-height: 284px;
    background-color: #fff;
    z-index: 1;
    border: 1px solid #111;
    overflow-y: auto;
}

.option_select .option_list_wrap li {
    border-top: 1px solid #e6e6e6
}

.option_select .option_list_wrap li:first-child {
    border-top: 0;
}

.option_select .option_list_wrap li a {
    letter-spacing: normal;
    display: block;
    position: relative;
    padding: 13px 45px 11px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #767676
}

.option_list_wrap a:focus,
.option_list_wrap a:hover {
    background: #edfaff;
}

.option_select .option_list_wrap li .ico_check {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    display: inline-block;
    display: none;
}

.option_list_wrap .option_item {
    color: #2d2d2d;
}

.option_list_wrap .price_bx {
    margin-top: 4px;
}

/*열릴때*/
.option_select.open .option_list_wrap {
    display: block;
}

.option_select.open .select_txt {
    border-color: #111;
}

.option_select.open .select_txt .ico_arr img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.option_select .option_list_wrap li a.on .ico_check {
    display: inline-block;
}

/* 열리고 나서 내용 */
.select_after {
    margin-top: 20px;
    letter-spacing: 0em;
}

.select_after .delivery_text {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.3;
    text-align: right;
    color: #4d4d4d
}

.select_after .box ul li {
    position: relative;
    padding: 13px 15px;
    margin-bottom: 2px;
    background: #fafafa;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5
}

.select_after .box ul li .top {
    margin-bottom: 8px;
    padding-right: 44px
}

.select_after .box ul li .top .text {
    font-size: 14px;
    line-height: 1.3;
    color: #4d4d4d;
    font-weight: 500;
    word-break: break-all
}

.select_after .box ul li .top .x_btn {
    display: block;
    position: absolute;
    right: 20px;
    top: 0px;
    width: 20px;
    height: 20px;
    margin-top: 12px;
}

.select_after .box ul li .bot .boxx {
    position: relative;
    padding-left: 110px;
    margin-bottom: 2px;
    overflow: hidden;
    min-height: 30px;
}

.select_after .box ul li .bot .boxx .option_add {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.select_after .box ul li .bot .boxx .option_add .minus {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
}

.select_after .box ul li .bot .boxx .option_add .minus img {
    width: 100%;
    height: 100%
}

.select_after .box ul li .bot .boxx .option_add .plus {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
}

.select_after .box ul li .bot .boxx .option_add .plus img {
    width: 100%;
    height: 100%
}

.select_after .box ul li .bot .boxx .option_add input {
    border: none;
    display: block;
    float: left;
    width: 40px;
    height: 28px;
    font-size: 16px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    box-sizing: border-box;
}

.select_after .box ul li .bot .boxx .price {
    float: right;
    font-size: 14px;
    text-align: right;
    padding-top: 2px;
    color: #222;
}

.select_after .box ul li .bot .boxx .price span {
    font-size: 19px;
}

.select_after .total_price {
    margin-top: 10px;
    text-align: right;
    color: #da006b;
    font-size: 16px;
}

.select_after .total_price span {
    font-size: 30px;
    margin-left: 5px;
    font-weight: bold;
}

.bot_btn_more {
    height: 60px;
    margin-top: 20px;
}

.bot_btn_more:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.bot_btn_more a {
    display: block;
    float: left;
    height: 60px;
    border-radius: 2%;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
}

.bot_btn_more a.save {
    width: 88px;
    margin-right: 6px;
    color: #111;
    border: 1px solid #c5c5c5
}

.bot_btn_more a.save img {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
}

.bot_btn_more a.go_cart {
    width: 182px;
    margin-right: 6px;
    border: 1px solid #da006b;
    color: #da006b;
}

.bot_btn_more a.go_buy {
    width: 182px;
    background-color: #da006b;
    color: #fff;
    border: 1px solid #da006b;
}




/* 서브 슬라이드베너 */
.sub_banner ul {
    margin: 0
}

.sub_banner ul li img {
    width: 100%
}

.sub_banner .slick-prev {
    width: 40px;
    height: 40px;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_left_btn.png')no-repeat center;
    background-size: 100%
}

.sub_banner .slick-prev:hover,
.sub_banner .slick-prev:focus {
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_left_btn.png')no-repeat center;
    background-size: 100%
}

.sub_banner .slick-prev:before {
    content: "";
    font-size: 0;
}

.sub_banner .slick-next {
    width: 40px;
    height: 40px;
    right: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_right_btn.png')no-repeat center;
    background-size: 100%
}

.sub_banner .slick-next:before {
    content: "";
    font-size: 0;
}

.sub_banner .slick-next:hover,
.sub_banner .slick-next:focus {
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_right_btn.png')no-repeat center;
    background-size: 100%
}

.sub_banner .slick-dots {
    bottom: 0;
}

/* 함께본상품 */
.other {
    margin-top: 40px;
    margin-bottom: 40px;
}

.other:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.other .box {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #e5e5e5;
    padding: 10px 28px 21px 30px;
    box-sizing: border-box;
}

.other .box.box1 {}

.other .box.box2 {
    width: 50%;
    float: left;
}

.other .box.box2:nth-of-type(2) {
    border-left: 0;
}

.other .box .other_tit {
    position: relative;
    margin-bottom: 10px;
}

.other .box .other_tit p {
    padding-top: 3px;
    font-size: 18px;
    letter-spacing: -0.05em;
    color: #111;
    font-weight: 500;
}

.other .box .other_tit a {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    font-size: 14px;
    color: #767676;
    letter-spacing: -0.05em;
}

.other .box .other_tit a img {
    width: 8px;
    height: 15px;
    margin-left: 6px;
    margin-top: 1px;
}

.other .box .other_slider {
    position: relative
}

.other .box .swiper-slide a {
    display: block;
    width: 134px;
    margin: 0 auto
}

.other .box .swiper-slide a .desc {
    font-size: 13px;
    max-height: 40px;
    padding-top: 10px;
    line-height: 20px;
    color: #4d4d4d;
    white-space: normal;
    overflow: hidden
}

.other .box .swiper-slide a span {
    display: block;
    font-size: 13px;
    color: #111;
    line-height: 24px;
}

.other .box .swiper-slide a span b {
    font-size: 16px;
    vertical-align: -1px;
    font-weight: 500;
}

.other .box .swiper-slide img {
    width: 134px;
    height: 134px;
    display: block;
    margin: 0 auto;
}

.other .box .other_slider_prev {
    left: -10px;
    background: url('/img/shopimg/weekly_left_btn.png')no-repeat center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    z-index: 999;
    opacity: 1;
}

.other .box .other_slider_next {
    right: -10px;
    background: url('/img/shopimg/weekly_right_btn.png')no-repeat center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    z-index: 999;
    opacity: 1;
}

/* 상품내용 */
.co_blue {
    color: #007bc8 !important
}

.detail_Con .detail_Tab {
    width: 100%;
    max-width: 1400px;
    background: #fff;
    border-top: 1px solid #ccc
}

.detail_Con .detail_Tab.onScroll {
    position: fixed;
    z-index: 999;
    top: 0;
    margin: 0 auto;
}

.detail_Con .detail_Tab ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.detail_Con .detail_Tab ul li {
    width: 25%;
    float: left;
}

.detail_Con .detail_Tab ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #767676;
    border-bottom: 1px solid #ccc
}

.detail_Con .detail_Tab ul li a span {
    display: block;
    line-height: 1.2;
    position: absolute;
    left: 65%;
    top: 10px;
    font-size: 13px;
    padding: 4px 10px;
    background: #959595;
    border-radius: 12px;
    color: #fff;
}

.detail_Con .detail_Tab ul li.on a {
    border-bottom: 1px solid #111;
    color: #111;
    font-weight: bold;
}

.detail_Con .detail_content {
    width: 100%;
}

.detail_Con .detail_content img {
    max-width: 700px !important;
    width: 100% !important;
    margin: 0 auto;
    display: block;
}

.detail_Con .detail_table {
    width: 100%;
    padding-bottom: 30px;
}

.detail_Con .detail_table h1 {
    font-size: 24px;
    color: #111;
    letter-spacing: -0.05em;
    padding-bottom: 15px;
}

.detail_Con .detail_table table {
    width: 100%
}

.detail_Con .detail_table>table>tbody>tr {
    border-top: 1px solid #e5e5e5
}

.detail_Con .detail_table>table>tbody>tr:last-child {
    border-bottom: 1px solid #e5e5e5
}

.detail_Con .detail_table>table>tbody>tr>th {
    text-align: left;
    background: #f9f9f9;
    padding: 11px 0 8px 20px;
    font-size: 14px;
    letter-spacing: -0.05em;
    word-break: break-all;
    color: #4d4d4d
}

.detail_Con .detail_table>table>tbody>tr>td {
    font-size: 14px;
    padding: 11px 0 8px 20px;
    color: #767676;
    letter-spacing: -0.05em;
    word-break: break-all;
}

.detail_Con .detail_table .size_table tr {
    border-top: 1px solid #e5e5e5
}

.detail_Con .detail_table .size_table tr td {
    font-size: 12px;
    color: #000;
    letter-spacing: -0.05em;
    padding: 5px;
    text-align: center;
}

.detail_Con .detail_table .size_table tr:nth-of-type(1) td:nth-of-type(1) {
    background: #d1d1d1
}

.detail_Con .detail_table .size_table tr:nth-of-type(1) td {
    background: #f1f1f1
}

.detail_Con .detail_table .size_table tr td:nth-of-type(1) {
    background: #f1f1f1
}

.detail_Con .detail_table p {
    padding: 10px;
}

.detail_Con .detail_table span.more_btn {
    margin-left: 10px;
    display: inline-block;
    padding: 2px 14px;
    color: #767676;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}

/*.detail_Con .detail_table span.line{width:1px; height:10px; background:#c5c5c5; margin:0 10px; display:inline-block;}*/
.detail_Con .detail_table ul li {
    position: relative;
    padding-left: 7px;
    width: 100%
}

.detail_Con .detail_table ul li:before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 2px;
    height: 2px;
    background: #222;
    content: ""
}

/* 주문서 */
.order {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.order .deli_info_wrap {}

.address_top:after {
    display: block;
    content: "";
    clear: both;
}

.address_top {}

.address_top p {
    float: left;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    color: #222;
}

.address_top .redu_deli {
    font-size: 14px;
    line-height: 33px;
    float: right;
    color: #222;
}

.address_top .redu_deli select {
    width: 64px;
    height: 33px;
    margin-left: 4px;
    padding-right: 25px;
    line-height: 33px;
}

.address_wrap {
    border-top: 1px solid #000;
}

.address_wrap ul {
    font-size: 0;
    text-align: center;
    padding: 0 !important;
}

.address_wrap ul li:first-of-type {
    border-right: none;
}

.address_wrap ul li.active a {
    background-color: #fff;
    border: none;
    color: #0071C8;
}

.address_wrap ul li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 45px;
}

.address_wrap ul li a {
    display: block;
    height: 100%;
    line-height: 45px;
    font-size: 16px;
    color: #666;
    background-color: #f6f6f6;
    border: 1px solid #d9d9d9;
    border-top: 0;
}

.address_wrap .cont_wrap {}

.address_wrap .cont_wrap .cont {
    position: relative;
}

.address_wrap .cont_wrap .b_addr.cont {
    padding: 15px 0;
}

/* .order .deli_info_wrap .address_wrap .cont_wrap .b_addr.cont:before{display:block;content:"";background:url("/img/blue_checkcircle.png")no-repeat center top;position:absolute;width:28px;height:28px;top:38px;left:5px;} */
.address_wrap .cont_wrap .b_addr.cont>a {
    position: absolute;
    display: block;
    top: 10px;
    right: 0;
    font-size: 13px;
    color: #666;
    margin-right: 10px;
}

.address_wrap .cont_wrap .b_addr.cont>a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 15px;
}

.address_wrap .cont_wrap .b_addr.cont>p:last-of-type {
    padding-bottom: 0;
}

.address_wrap .cont_wrap .b_addr.cont>p {
    font-size: 16px;
    color: #222;
    padding-bottom: 8px;
    padding-left: 40px;
}

.address_wrap .cont_wrap .b_addr.cont>p span.name {
    font-weight: bold;
    color: #007bc8;
    margin-right: 10px;
}

.address_wrap .cont_wrap .b_addr.cont div.addrList {
    position: relative;
    margin-top: 15px;
}

.address_wrap .cont_wrap .b_addr.cont div.addrList>p:last-of-type {
    padding-bottom: 0;
}

.address_wrap .cont_wrap .b_addr.cont div.addrList p {
    font-size: 16px;
    color: #222;
    padding-bottom: 8px;
    padding-left: 40px;
}

.address_wrap .cont_wrap .b_addr.cont div.addrList p span.name {
    font-weight: bold;
    color: #007bc8;
    margin-right: 10px;
}

.address_wrap .cont_wrap .b_addr.cont div.addrList input+i {
    display: block;
    content: "";
    background: url("/img/white_checkcircle.png")no-repeat center top;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 25px;
    left: 5px;
}

.address_wrap .cont_wrap .b_addr.cont div.addrList input:checked+i {
    display: block;
    content: "";
    background: url("/img/blue_checkcircle.png")no-repeat center top;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 25px;
    left: 5px;
}

.address_wrap .cont_wrap .b_addr.cont div.addrList input[type="radio"] {
    display: none;
}


input.readonly {
    background-color: #f3eeee;
}

.address_wrap .cont_wrap .n_addr.cont {
    display: none;
}

.address_wrap .cont_wrap .n_addr.cont input {
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    color: #111;
}

.address_wrap .cont_wrap .n_addr.cont {
    padding-top: 15px;
    height: 375px;
}

.address_wrap .cont_wrap .n_addr.cont .line {
    font-size: 0;
    text-align: left;
    padding-bottom: 10px;
}

.address_wrap .cont_wrap .n_addr.cont .line>span {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    color: #4d4d4d;
    padding-left: 15px;
    box-sizing: border-box;
}

.address_wrap .cont_wrap .n_addr.cont .line p {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px);
}

.address_wrap .cont_wrap .n_addr.cont .line p>input {
    width: 100%;
    height: 38px;
    box-sizing: border-box;
}

.address_wrap .cont_wrap .n_addr.cont .line p>span.w100p {
    width: 100%;
    display: block;
}

.address_wrap .cont_wrap .n_addr.cont .line p>span.w100p input {
    width: 100%;
    margin-top: 10px;
}

.address_wrap .cont_wrap .n_addr.cont .line p>span input.tel_input_size {
    width: calc(100% - 110px);
}

.address_wrap .cont_wrap .n_addr.cont .line p>span input {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
}

.address_wrap .cont_wrap .n_addr.cont .line p>span a {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #007bc8;
    width: 100px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
    color: #007bc8;
}

.address_wrap .cont_wrap .n_addr.cont .line p>span select {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    color: #111;
}

.address_wrap .cont_wrap .n_addr.cont .base_addr {
    padding-bottom: 15px;
}

.address_wrap .cont_wrap .n_addr.cont .base_addr label {
    font-size: 16px;
    color: #111;
}

.address_wrap .cont_wrap .n_addr.cont .base_addr label:before {
    width: 20px;
    height: 20px;
}

.address_wrap .cont_wrap .n_addr.cont .btn_wrap {
    font-size: 0;
    text-align: center;
}

.address_wrap .cont_wrap .n_addr.cont .btn_wrap a {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 35px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #c5c5c5;
    line-height: 35px;
}

.address_wrap .cont_wrap .n_addr.cont .btn_wrap a.edit_cancel {
    margin-right: 10px;
    background-color: #fff;
    color: #111;
}

.address_wrap .cont_wrap .n_addr.cont .btn_wrap a.ok {
    color: #fff;
    background-color: #007bc8;
    border-color: #007bc8;
}

/* 배송요청사항 */
.address_wrap .cont_wrap>select {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    padding-left: 10px;
    font-size: 14px;
}

.address_wrap .cont_wrap>textarea {
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    resize: none;
    border: 1px solid #d9d9d9;
    margin-top: 5px;
    padding: 10px;
}

/* 주문서 - 할인적용 */
.order .deli_info_wrap .saleCon {
    margin-bottom: 10px;
}

.order .deli_info_wrap .saleCon>p {
    height: 40px;
    margin-top: 29px;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    border-bottom: 1px solid #4d4d4d;
    color: #222;
}

.order .deli_info_wrap .saleCon .salelist:after {
    display: block;
}

.order .deli_info_wrap .saleCon .salelist {
    width: 100%;
    margin: 10px auto 0;
    border: 1px solid #e1e1e1;
    padding: 10px;
    box-sizing: border-box;
}

.order .deli_info_wrap .saleCon .salelist .cont_left {
    float: left;
    padding-right: 10px;
    height: 80px;
}

.order .deli_info_wrap .saleCon .salelist .cont_left img {
    width: 66px;
    height: 70px;
}

.order .deli_info_wrap .saleCon .salelist .cont_right {
    float: left;
    width: calc(100% - 76px);
    height: 80px;
}

.order .deli_info_wrap .saleCon .salelist .cont_right p {
    font-weight: 400;
    line-height: 1.2;
    color: #4d4d4d
}

.order .deli_info_wrap .saleCon .salelist .cont_right p.t00 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111;
}

.order .deli_info_wrap .saleCon .salelist .cont_right p.t01 {
    font-size: 16px;
    padding-bottom: 10px;
}

.order .deli_info_wrap .saleCon .salelist .cont_right p.t02 {
    font-size: 14px;
}

.order .deli_info_wrap .saleCon .salelist .cont_right p i {
    width: 1px;
    height: 12px;
    background-color: #ccc;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.order .deli_info_wrap .saleCon .salelist .cont_right p.t02 b {
    font-size: 18px;
    font-weight: 900;
}

.order .deli_info_wrap .saleCon .salelist .coupon_area:after {
    display: block;
}

.order .deli_info_wrap .saleCon .salelist .coupon_area .cou_left {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #222;
    margin-right: 15px;
    padding-top: 10px;
}

.order .deli_info_wrap .saleCon .salelist .coupon_area a {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    line-height: 35px;
    text-align: center;
    color: #111;
    font-size: 14px;
}

.order .deli_info_wrap .saleCon .salelist .coupon_area .cou_right {
    display: inline-block;
    vertical-align: top;
    float: right;
    font-size: 17px;
    font-weight: 400;
    color: #f93e5f;
}

.order .deli_info_wrap .saleCon .salelist .coupon_area .cou_right b {
    font-weight: 800;
    margin-right: 2px;
}

.order .deli_info_wrap .saleCon .coupon_addon {
    background-color: #f0f0f0;
    height: 0;
    line-height: 40px;
    padding-left: 10px;
    transition: 0.5s;
    overflow: hidden;
}

.order .deli_info_wrap .saleCon .coupon_addon.active {
    height: 43px;
    box-sizing: border-box;
    padding-top: 3px;
}

.order .deli_info_wrap .saleCon .coupon_addon a {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #666;
}

/* 총 배송비 */
.order .deli_info_wrap .all_del_price {
    padding-top: 10px;
}

.order .deli_info_wrap .all_del_price .del_left {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #222;
    margin-right: 25px;
    padding-top: 10px;
}

.order .deli_info_wrap .all_del_price>select {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    line-height: 35px;
    text-align: center;
    color: #111;
    font-size: 14px;
}

.order .deli_info_wrap .all_del_price .del_right {
    display: inline-block;
    vertical-align: top;
    float: right;
    font-size: 17px;
    color: #111;
}

.order .deli_info_wrap .all_del_price .del_right b {
    font-weight: 900;
    margin-right: 2px;
}

/* 총 주문금액 */
.order .deli_info_wrap .all_order_price:after {
    display: block;
    content: "";
    clear: both;
}

.order .deli_info_wrap .all_order_price {
    border-top: 1px solid #c5c5c5;
    margin-top: 15px;
    padding-top: 15px;
}

.order .deli_info_wrap .all_order_price .orderprice_left {
    float: left;
    font-size: 18px;
    padding-left: 15px;
    color: #111;
}

.order .deli_info_wrap .all_order_price .orderprice_right {
    float: right;
    font-size: 18px;
    color: #111;
}

.order .deli_info_wrap .all_order_price .orderprice_right b {
    font-size: 25px;
    font-weight: 700;
    color: #111;
    margin-right: 2px;
}

/* 적립금 / 포인트사용 */
.order .deli_info_wrap .savings_point {
    border-bottom: 1px solid #c5c5c5;
}

.order .deli_info_wrap .savings_point>p {
    height: 40px;
    margin-top: 29px;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    border-bottom: 1px solid #4d4d4d;
    color: #222;
}

.order .deli_info_wrap .savings_point .line {
    padding: 10px;
}

.order .deli_info_wrap .savings_point .line:after {
    display: block;
    content: "";
    clear: both;
}

.order .deli_info_wrap .savings_point .line .line_left {
    font-size: 14px;
    color: #111;
    float: left;
}

.order .deli_info_wrap .savings_point .line .line_right {
    float: right;
    font-size: 0;
    text-align: right;
}

.order .deli_info_wrap .savings_point .line .line_right input {
    width: 100px;
    height: 36px;
    box-sizing: border-box;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #111;
    padding-left: 10px;
}

.order .deli_info_wrap .savings_point .line .line_right span {
    background-color: #e6e6e6;
    font-size: 14px;
    color: #111;
    height: 36px;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
    padding-right: 10px;
}

/* 최종 결제금액 */
.order .deli_info_wrap .final_price {
    padding-top: 10px;
}

.order .deli_info_wrap .final_price:after {
    display: block;
    content: "";
    clear: both;
}

.order .deli_info_wrap .final_price .finalprice_left {
    float: left;
    font-size: 16px;
    color: #f93e5f;
    font-weight: 900;
}

.order .deli_info_wrap .final_price .finalprice_right {
    float: right;
    font-size: 16px;
    color: #f93e5f;
}

.order .deli_info_wrap .final_price .finalprice_right b {
    font-size: 26px;
    font-weight: 900;
    margin-right: 2px;
}



/* 결제하기 */
.order .deli_info_wrap .agree_buy {}

.order .deli_info_wrap .agree_buy span {}

.order .deli_info_wrap .agree_buy span label {
    font-size: 15px;
    color: #111;
    margin-left: 3px;
    padding: 15px 0;
}

.order .deli_info_wrap .agree_buy>a {
    display: block;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    background-color: #f93e5f;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}

.order .deli_info_wrap .agree_buy p:after {
    display: block;
    content: "";
    clear: both;
}

.order .deli_info_wrap .agree_buy p {
    font-size: 13px;
    color: #767676;
}

.order .deli_info_wrap .agree_buy p span {
    float: left;
    display: block;
    margin-right: 3px;
    height: 17px;
}

/* 주소 수정 */
.b_addr_edit {
    background-color: #f0f0f0;
    transition: 0.5s;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    height: 0;
    padding: 0 10px;
    margin: 10px 0;
}

.b_addr_edit .line:first-of-type {
    padding-top: 10px;
}

.b_addr_edit .line {
    margin-bottom: 10px;
    font-size: 0;
    text-align: left;
}

.b_addr_edit .line>span {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    font-size: 14px;
    color: #111;
    line-height: 38px;
}

.b_addr_edit .line>p {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px);
    box-sizing: border-box;
}

.b_addr_edit .line>p input {
    border: 1px solid #d9d9d9;
    width: 100%;
    font-size: 14px;
    color: #111;
    padding-left: 10px;
    box-sizing: border-box;
    height: 38px;
}

.b_addr_edit .line>p span input {
    width: 100px;
}

.b_addr_edit .line>p span a.btn_zipcode {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #007bc8;
    width: 100px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
    color: #007bc8;
    background-color: #fff;
}

.b_addr_edit .line>p span.w100p {
    display: block;
    margin-top: 10px;
}

.b_addr_edit .line>p span.w100p input {
    width: 100%;
}

.b_addr_edit .line>p span select {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    color: #111;
}

.b_addr_edit .line>p span input.tel_input_size {
    width: calc(100% - 110px);
}

.b_addr_edit .base_addr {
    padding-bottom: 15px;
}

.b_addr_edit .base_addr label {
    font-size: 16px;
    color: #111;
}

.b_addr_edit .base_addr label:before {
    width: 20px;
    height: 20px;
}

.b_addr_edit .btn_wrap {
    font-size: 0;
    text-align: center;
}

.b_addr_edit .btn_wrap a {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 35px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #c5c5c5;
    line-height: 35px;
}

.b_addr_edit .btn_wrap a.edit_cancel {
    margin-right: 10px;
    background-color: #fff;
    color: #111;
}

.b_addr_edit .btn_wrap a.ok {
    color: #fff;
    background-color: #007bc8;
    border-color: #007bc8;
}

.b_addr_edit .btn_wrap a.delete_address {
    margin-left: 10px;
    color: #fff;
    background-color: #da006b;
    border-color: #da006b;
}

/* 확인 취소 버튼 */
.address_wrap .cont_wrap .b_addr.cont .btn_right {
    position: absolute;
    top: 10px;
    right: 0;
    display: none;
}

.address_wrap .cont_wrap .b_addr.cont .btn_right a {
    display: inline-block;
    vertical-align: top;
    color: #666;
}

.address_wrap .cont_wrap .b_addr.cont .btn_right a.addr_confirm {
    margin-right: 10px;
    color: #007bc8;
}

.address_wrap .cont_wrap .b_addr.cont .btn_right a img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

/* 결제수단 선택 */
.payment_way_select {
    padding-bottom: 20px;
}

.payment_way_select>span {
    height: 40px;
    margin-top: 29px;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    border-bottom: 1px solid #4d4d4d;
    color: #222;
    display: block;
}

.payment_way_select ul {
    font-size: 0;
    text-align: left;
    padding: 25px 0 15px;
    margin-bottom: 0;
}

.payment_way_select ul li.active {
    background-color: #007bc8;
}

.payment_way_select ul li.active a {
    color: #fff;
}

.payment_way_select ul li img {
    display: inline-block;
    vertical-align: middle;
}

.payment_way_select ul li.kakaopay.active {
    background-color: #ffeb00;
}

.payment_way_select ul li.kakaopay.active a {
    color: #222;
}

.payment_way_select ul li.another {
    background-color: #fff;
}

.payment_way_select ul li.another img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 10px;
    width: 10px;
    height: 10px;
}

.payment_way_select ul li.smilepay img {
    width: 136px;
    height: 30px;
    padding-top: 5px;
}

.payment_way_select ul li.payco img {
    width: 93px;
    height: 21px;
    padding-top: 10px;
}

.payment_way_select ul li.npay img {
    width: 88px;
    height: 34px;
    padding-top: 3px;
}

.payment_way_select ul li.paynow img {
    width: 100px;
    height: 32px;
    padding-top: 5px;
}

.payment_way_select ul li:last-of-type {
    margin-right: 0;
}

.payment_way_select ul li {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    background-color: #f0f0f0;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    height: 43px;
    margin: 0 5px;
    margin-bottom: 13px;
    box-sizing: border-box;
}

.payment_way_select ul li a {
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    color: #111;
    display: block;
    height: 100%;
}

.payment_way_select ul li.methodc.add {
    display: none;
}

.payment_way_select .txt_wrap .txt_common p:after {
    display: block;
    content: "";
    clear: both;
}

.payment_way_select .txt_wrap .txt_common p {
    font-size: 13px;
    color: #767676;
    padding-bottom: 5px;
}

.payment_way_select .txt_wrap .txt_common p span {
    float: left;
    display: block;
    margin-right: 3px;
    height: 17px;
}

.payment_way_select .txt_wrap .credit_txt .blue_wrap {
    background-color: #f0f8fa;
    padding: 15px;
    margin-bottom: 20px;
}

.payment_way_select .txt_wrap .credit_txt .blue_wrap h3 {
    font-size: 14px;
    margin: 10px 0 8px;
    color: #0071c8;
}

.payment_way_select .txt_wrap .credit_txt .blue_wrap p {
    font-size: 13px;
    color: #4d4d4d;
    line-height: 20px;
}

.payment_way_select .txt_wrap>div .select_area {
    font-size: 0;
    text-align: left;
    padding-top: 15px;
}

.payment_way_select .txt_wrap>div .select_area>span {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #111;
    height: 38px;
    line-height: 38px;
}

.payment_way_select .txt_wrap>div .select_area>p {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #111;
}

.payment_way_select .txt_wrap>div .select_area>h4 {
    font-size: 13px;
    color: #767676;
    padding-top: 7px;
}

.payment_way_select .txt_wrap>div .select_area>p input {
    width: 100%;
    height: 38px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    padding-left: 10px;
}

.payment_way_select .txt_wrap>div .select_area>p select {
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    padding-left: 10px;
    color: #111;
}

.payment_way_select .txt_wrap>div .select_area>p span {
    display: block;
    padding-top: 5px;
}

.payment_way_select .txt_wrap>div .select_area>p span input {}

.payment_way_select .txt_wrap>div .select_area>p span label {}

.payment_way_select .txt_wrap>div .select_area>p span i {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    width: 23px;
    height: 23px;
}

.payment_way_select .txt_wrap>div .select_area>p span i img {
    width: 100%;
}


.untouched_txt>h3 {
    height: 40px;
    margin-top: 29px;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    border-bottom: 1px solid #4d4d4d;
    color: #222;
    display: block;
}

.untouched_txt .radio_area {
    font-size: 0;
    text-align: left;
}

.untouched_txt .radio_area span:last-of-type {
    margin-right: 10px;
}

.untouched_txt .radio_area span {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
}

.untouched_txt .radio_area span label {
    font-size: 14px;
    color: #111;
}

span.radio_type01 {
    position: relative;
}

span.radio_type01 input {
    width: 23px;
    height: 23px;
    position: relative;
    top: 6px;
    margin-right: 3px;
    cursor: pointer;
}

span.radio_type01 input[type=radio]:after {
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 23px;
    background: url("/img/radio_default.png")no-repeat center top;
    content: "";
    background-size: cover;
}

span.radio_type01 input[type=radio]:checked:after {
    background: url("/img/radio_checked.png")no-repeat center top;
    background-size: cover;
}

/* input[type=radio]:checked+label:after{} */
.untouched_txt .method_wrap>div {
    display: none;
}

.untouched_txt .method_wrap>div:first-of-type {
    display: block;
}

.order .deli_info_wrap .payment_way_select .txt_wrap .untouched_txt .method_wrap .lss_method01 .add_card {
    font-size: 0;
    text-align: left;
}

.order .deli_info_wrap .payment_way_select .txt_wrap .untouched_txt .method_wrap .lss_method01 .add_card>input:last-of-type {
    margin-right: 0;
}

.order .deli_info_wrap .payment_way_select .txt_wrap .untouched_txt .method_wrap .lss_method01 .add_card>input {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #e1e1e1;
    margin-right: 5px;
    font-size: 14px;
    color: #111;
}

.order .deli_info_wrap .payment_way_select .txt_wrap .untouched_txt .method_wrap .lss_method02 .select_area p>input:last-of-type {
    margin-right: 0;
}

.order .deli_info_wrap .payment_way_select .txt_wrap .untouched_txt .method_wrap .lss_method02 .select_area p>input {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #e1e1e1;
    margin-right: 5px;
    font-size: 14px;
    color: #111;
}

.untouched_txt>p {
    font-size: 12px;
    color: #111;
    padding-top: 20px;
}

.lh1_3 {
    line-height: 1.3 !important;
}

.order .deli_info_wrap .payment_way_select .txt_wrap>div .select_area>p .add_phone {
    font-size: 0;
    text-align: left;
}

.order .deli_info_wrap .payment_way_select .txt_wrap>div .select_area>p .add_phone select {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.order .deli_info_wrap .payment_way_select .txt_wrap>div .select_area>p .add_phone input {
    width: calc(100% - 110px);
    display: inline-block;
    vertical-align: top;
}


/* 주문완료 */
h4.common {
    font-size: 17px;
    color: #111;
    line-height: 1.3;
    margin-bottom: 0;
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 5px;
    margin-top: 25px;
}

.order_end {
    width: 1000px;
    margin: 0 auto;
}

.order_end p.blue_title {
    font-size: 25px;
    font-weight: 400;
    color: #007bc8;
    text-align: center;
}

.order_end p.delnum {
    font-size: 15px;
    color: #767676;
    padding-top: 10px;
    text-align: center;
}

.order_end .txtbox {
    position: relative;
    border-bottom: 1px solid #000000;
}

.order_end .txtbox.type02 {
    margin-bottom: 45px;
}

.order_end .txtbox .line {
    text-align: left;
    font-size: 0;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.order_end .txtbox .line:last-of-type {
    border-bottom: 0 none;
}

.order_end .txtbox .line p {
    font-size: 16px;
    line-height: 18px;
}

.order_end .txtbox .line p.p_left {
    width: 190px;
    display: inline-block;
    vertical-align: top;
    color: #666666;
    padding: 23px 0 23px 30px;
    box-sizing: border-box;
}

.order_end .txtbox .line p.p_right {
    display: inline-block;
    vertical-align: top;
    color: #666666;
    /* overflow: hidden;text-overflow: ellipsis;white-space: nowrap; */
    width: calc(100% - 190px);
    padding: 23px 0 23px 30px;
    box-sizing: border-box;
}

.order_end .txtbox .line p.p_right span.blo {
    display: block;
    padding-bottom: 7px;
}

.order_end .txtbox .line p i {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    top: 5px;
}

.order_end .txtbox .line p i img {
    width: 23px;
    height: 23px;
}

.order_end .txtbox .line p i img.off {
    display: block;
}

.order_end .txtbox .line p i img.on {
    display: none;
}

.order_end .txtbox>a {
    display: block;
    width: 100px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #111;
    position: absolute;
    right: 0;
    bottom: 0;
}

.order_end .add_txt:after {
    display: block;
    content: "";
    clear: both;
}

.order_end .add_txt {
    font-size: 13px;
    color: #767676;
    padding-top: 40px;
}

.order_end .add_txt span {
    float: left;
    display: block;
    height: 18px;
    margin-right: 2px;
}


.btn_wrap.blue_type {
    font-size: 0;
    text-align: center;
    padding-top: 50px;
}

.btn_wrap.blue_type a:first-of-type {
    margin-right: 2%;
    color: #007bc8;
}

.btn_wrap.blue_type a:last-of-type {
    background-color: #007bc8;
    color: #fff;
}

.btn_wrap.blue_type a {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    height: 45px;
    box-sizing: border-box;
    line-height: 45px;
    font-size: 16px;
    border: 1px solid #007bc8;
    font-weight: bold;
}

.btn_wrap.pink_type {
    font-size: 0;
    text-align: center;
    padding-top: 50px;
}

.btn_wrap.pink_type a {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 35px);
    max-width: 234px;
    height: 58px;
    box-sizing: border-box;
    line-height: 58px;
    font-size: 16px;
    border: 1px solid #da006b;
    font-weight: bold;
    border-radius: 2px;
}

.btn_wrap.pink_type a:first-of-type {
    margin-right: 70px;
    color: #da006b;
}

.btn_wrap.pink_type a:last-of-type {
    color: #fff;
    background-color: #da006b;
}

.vfcolor {
    color: #e3175c !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs20 {
    font-size: 20px !important;
}

.pr_tooltip_area {
    width: 315px;
    border: 1px solid #009fd9;
    position: absolute;
    right: -295px;
    bottom: -240px;
    font-style: normal;
    background-color: #fff;
    z-index: 2;
}

.pr_tooltip_area .top {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #111;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

.pr_tooltip_area .top a {
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 21px !important;
    height: 21px !important;
}

.pr_tooltip_area .top a img {
    width: 100% !important;
    height: 100% !important;
}

.pr_tooltip_area .inner {
    padding: 10px;
}

.pr_tooltip_area .inner .line:after {
    display: block;
    content: "";
    clear: both;
}

.pr_tooltip_area .inner .line {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

.pr_tooltip_area .inner .line p {
    font-size: 14px;
}

.pr_tooltip_area .inner .line p.p_left {
    float: left;
}

.pr_tooltip_area .inner .line p.p_right {
    float: right;
}

.pr_tooltip_area .bottom {
    color: #767676;
    font-size: 12px;
}

.mt8 {
    margin-top: 8px !important;
}


.method_inner .select_area {
    font-size: 0;
    text-align: left;
    padding-top: 15px;
}

.method_inner .select_area>span {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #111;
    height: 38px;
    line-height: 38px;
}

.method_inner .select_area>p {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #111;
}

.method_inner .select_area>h4 {
    font-size: 13px;
    color: #767676;
    padding-top: 7px;
}

.method_inner .select_area>p input {
    width: 100%;
    height: 38px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    padding-left: 10px;
}

.method_inner .select_area>p select {
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    padding-left: 10px;
    color: #111;
}

.method_inner .select_area>p span {
    display: block;
    padding-top: 5px;
}

.method_inner .select_area>p span input {}

.method_inner .select_area>p span label {}

.method_inner .select_area>p span i {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    width: 23px;
    height: 23px;
}

.method_inner .select_area>p span i img {
    width: 100%;
}

.method_inner>h3 {
    height: 40px;
    margin-top: 10px;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 46px;
    border-bottom: 1px solid #4d4d4d;
    color: #222;
    display: block;
}

.method_inner .radio_area {
    font-size: 0;
    text-align: left;
}

.method_inner .radio_area span:last-of-type {
    margin-right: 10px;
}

.method_inner .radio_area span {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
}

.method_inner .radio_area span label {
    font-size: 14px;
    color: #111;
}


.method_inner .method_wrap>div {
    display: none;
}

.method_inner .method_wrap>div:first-of-type {
    display: block;
}

.method_inner .method_wrap .lss_method01 .add_card {
    font-size: 0;
    text-align: left;
}

.method_inner .method_wrap .lss_method01 .add_card>input:last-of-type {
    margin-right: 0;
}

.method_inner .method_wrap .lss_method01 .add_card>input {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #e1e1e1;
    margin-right: 5px;
    font-size: 14px;
    color: #111;
}

.method_inner .method_wrap .lss_method02 .select_area p>input:last-of-type {
    margin-right: 0;
}

.method_inner .method_wrap .lss_method02 .select_area p>input {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #e1e1e1;
    margin-right: 5px;
    font-size: 14px;
    color: #111;
}

.method_inner>p {
    font-size: 12px;
    color: #111;
    padding-top: 20px;
}

.method_inner .select_area>p .add_phone {
    text-align: left;
}

.method_inner .select_area>p .add_phone select {
    width: 100px;
    height: 38px;
    box-sizing: border-box;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.method_inner .select_area>p .add_phone input {
    width: calc(100% - 110px);
    display: inline-block;
    vertical-align: top;
}


/* 상품평 작성하기 */

.review_tab_page li {
    float: left;
    width: 50%;
}

.review_tab_page:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.review_tab_page li a {
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f6f6f6;
    color: #666
}

.review_tab_page li.on a {
    color: #fff;
    background: #007bc8
}

.select_star {
    width: calc(100% - 160px);
    margin-left: 20px;
    float: left
}

.star-input>.input,
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label {
    display: inline-block;
    vertical-align: middle;
    background: url('/img/shopimg/grade_img.png')no-repeat;
}

.star-input {
    display: inline-block;
    white-space: nowrap;
    width: 225px;
    height: 40px;
    ;
    line-height: 30px;
}

.star-input>.input {
    display: inline-block;
    width: 150px;
    background-size: 150px;
    height: 28px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.star-input>.input>input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.star-input>.input.focus {
    outline: 1px dotted #ddd;
}

.star-input>.input>label {
    width: 30px;
    height: 0;
    padding: 28px 0 0 0;
    overflow: hidden;
    float: left;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label {
    background-size: 150px;
    background-position: 0 bottom;
}

.star-input>.input>label:hover~label {
    background-image: none;
}

.star-input>.input>label[for="p11"] {
    width: 30px;
    z-index: 5;
}

.star-input>.input>label[for="p12"] {
    width: 60px;
    z-index: 4;
}

.star-input>.input>label[for="p13"] {
    width: 90px;
    z-index: 3;
}

.star-input>.input>label[for="p14"] {
    width: 120px;
    z-index: 2;
}

.star-input>.input>label[for="p15"] {
    width: 150px;
    z-index: 1;
}

.star-input>.input>label[for="p21"] {
    width: 30px;
    z-index: 5;
}

.star-input>.input>label[for="p22"] {
    width: 60px;
    z-index: 4;
}

.star-input>.input>label[for="p23"] {
    width: 90px;
    z-index: 3;
}

.star-input>.input>label[for="p24"] {
    width: 120px;
    z-index: 2;
}

.star-input>.input>label[for="p25"] {
    width: 150px;
    z-index: 1;
}

.star-input>output {
    display: inline-block;
    width: 40px;
    font-size: 16px;
    text-align: right;
    vertical-align: middle;
}

.review_txt_wrap {
    display: none;
}

.review_box1 {
    display: block;
}

.review_box2 {
    display: none
}

.input_option input[type="file"] {
    border: 1px solid #c5c5c5;
    width: 100%;
    height: 38px;
    padding-left: 15px;
    padding-top: 7px;
    color: #666
}

.short_review input {
    width: 100%
}

.short_review {
    display: block;
}

.premium_review {
    display: none
}


.order .deli_info_wrap .saleCon .coupon_addon select {
    width: 40%;
    float: left;
    height: 35px;
    background-color: #fff;
    color: #111;
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order .deli_info_wrap .saleCon .coupon_addon>span.dis_price {
    color: #f93e5f;
    font-size: 17px;
    font-weight: 400;
    float: right;
    padding-right: 10px;
}

.order .deli_info_wrap .saleCon .coupon_addon>span.dis_price b {
    font-weight: 800;
    margin-right: 2px;
}

i.fa-heart.on {
    color: #da006b;
}

.question {
    width: 100%;
    max-width: 530px;
}

.question h3 {
    font-size: 24px;
    height: 58px;
    font-weight: 400;
    line-height: 58px;
    padding-left: 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #4d4d4d;
    color: #000;
}

.question .txt_wrap {
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
}

.question .txt_wrap p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #222;
}

.question .txt_wrap span {
    display: block;
    font-size: 13px;
    color: #767676;
    padding: 20px 0;
}

.question .txt_wrap span b {
    color: #111;
    text-decoration: underline;
}

.question .txt_wrap textarea {
    width: 100%;
    height: 300px;
    padding: 12px 0 10px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
}

.question .btn_wrap {
    width: 100%;
    padding-top: 11px;
    font-size: 0;
    text-align: center;
}

.question .btn_wrap a {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border: 1px solid #d9d9d9;
}

.question .btn_wrap a:last-of-type {
    background: #007bc8;
    color: #fff;
    border-color: #007bc8;
    margin-left: 10px;
}

.myzone_wrap .lately p {
    font-size: 14px;
    color: #444
}

.xx_btn {
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
}

.ShopCon .sub_list2 .box:last-child {
    border-bottom: 1px solid #f5f5f5
}

.top_text {
    position: relative;
    margin-bottom: 30px;
}

.top_text span.zzim_icon {
    display: block;
    font-size: 14px;
    color: #444;
    padding-top: 4px;
}

.top_text span.zzim_icon img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px
}

.top_text .right_text {
    position: absolute;
    right: 0;
    top: 0;
}

.top_text .right_text label p {
    display: inline-block;
    vertical-align: middle;
}

.top_text .right_text label input {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

.top_text .right_text a {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    background: #007bc8;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-left: 20px
}




/* 리뷰 */
.review_tit {
    font-size: 24px;
    color: #111;
    letter-spacing: -0.05em;
    padding-bottom: 15px;
}

.review_cont {
    margin: 20px auto;
}

.review_cont h2 {
    font-size: 17px;
    color: #222;
    letter-spacing: -0.05em;
    margin-bottom: 15px
}

.review_cont .star_wrap .star_default {
    position: relative;
    width: 121px;
    height: 20px;
    margin: 0 auto;
}

.review_cont .star_wrap .star_default .star_score {
    display: block;
    background: url('/img/shopimg/star_score.png')no-repeat;
    background-size: cover;
    width: 121px;
    height: 20px
}

.review_cont .star_wrap .star_default .star_score .blind {
    font-size: 0;
}

.review_cont .star_wrap .star_default .percent {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 20px;
    background: url('/img/shopimg/percent.png')no-repeat;
    background-size: cover;
    display: block
}

.review_cont .star_wrap .score_noti {
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.05em;
    margin-top: 10px;
    color: #767676
}

.review_cont .review_tab {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.review_cont .review_tab ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.review_cont .review_tab ul {}

.review_cont .review_tab ul li {
    float: left;
}

.review_cont .review_tab ul li a {
    display: block;
    padding: 6px 14px;
    font-size: 14px;
    color: #767676;
    letter-spacing: -0.05em;
    text-align: center;
}

.review_cont .review_tab ul li a img {
    margin-top: 3px;
    margin-right: 4px;
    visibility: hidden
}

.review_cont .review_tab ul li.on a {
    color: #111;
    font-weight: bold;
}

.review_cont .review_tab ul li.on a img {
    visibility: visible
}

.review_cont .review_tab .photo_check {
    position: absolute;
    right: 0;
    bottom: 30px;
}

.review_cont .review_tab .photo_check input {
    width: 15px;
    height: 15px;
    border: none;
    margin: 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    vertical-align: middle
}

.review_cont .review_tab .photo_check p {
    display: inline-block;
    vertical-align: middle
}

.review_list .star_default {
    position: relative;
    width: 100px;
    height: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.review_list .star_default .star_score {
    display: block;
    background: url('/img/shopimg/star_score_mini.png')no-repeat;
    background-size: cover;
    width: 100px;
    height: 16px
}

.review_list .star_default .star_score .blind {
    font-size: 0;
}

.review_list .star_default .percent {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 16px;
    background: url('/img/shopimg/percent_mini.png')no-repeat;
    background-size: cover;
    display: block
}

.review_list .score_noti {
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.05em;
    margin-top: 10px;
    color: #767676
}

.review_list ul li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.review_list .review_content {
    margin: 5px 0;
}

.review_list .review_content a {
    display: block;
}

.review_list .review_content a p {
    font-size: 14px;
    line-height: 20px;
    color: #111;
}

.review_list .review_content a p span {
    font-size: 13px;
    color: #666;
    margin: 0 5px;
}

.review_list .review_content a p span:nth-of-type(1) {
    margin-left: 0;
}

.review_list .review_content p span {
    font-size: 13px;
    color: #666;
    margin: 0 5px;
}

.review_list .review_content p span:nth-of-type(1) {
    margin-left: 0;
}

.review_list .review_content p span.out {
    cursor: pointer;
}

.review_list .review_content p span.out:hover {
    color: red;
}

.review_list .review_content .text {
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 2.4em;
}

/* 한줄상품평 */
.review_cont h2 .goReview {
    display: block;
    float: right;
    font-size: 14px;
    background: #007bc8;
    padding: 8px 20px;
    color: #fff;
    font-weight: 200
}

.han_review_list .star_default {
    margin-top: 10px
}

.han_review_list ul li {
    padding-bottom: 10px
}

.han_review_list .review_content {
    margin-bottom: 0;
}

.review_list .review_content .han_text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 1.2em;
}

.review_list .content_box {
    display: none;
    padding: 20px;
    margin: 10px 0;
    background: #f5f5f5
}

.review_list .content_box.open {
    display: block;
}

.review_list .content_box img {
    width: 100%;
    height: auto;
    max-width: 500px;
    margin-bottom: 10px;
}

.review_list .content_box p {
    font-size: 14px;
    line-height: 20px;
    color: #111;
    margin: 5px 0;
}

.review_list .content_box p span {
    font-size: 13px;
    color: #666;
    margin: 0 5px;
}

.review_list .content_box p span:nth-of-type(1) {
    margin-left: 0;
}

/* 이미지형 */

.review_list .bot {
    position: relative;
    max-height: 80px;
    letter-spacing: -0.025em
}

.review_list .bot_img {
    position: relative;
    height: 80px;
}

.review_list .bot_img .review_photo {
    position: absolute;
    left: 0;
}

.review_list .bot_img .review_photo img {
    width: 80px;
    height: 80px;
}

.review_list .bot_img .review_inner {
    margin-left: 100px;
}

/* 페이저 */
.u_pagination {
    margin-top: 20px;
    text-align: center;
}

.u_pagination .pagination_inner {
    display: inline-block;
    overflow: hidden
}

.u_pagination .lk_pn.on {
    color: #fff;
    background-color: #007bc8;
    font-weight: bold;
}

.u_pagination .lk_pn {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 4px;
    font-size: 13px;
    line-height: 30px;
    color: #767676;
    vertical-align: top;
}

/* Q&A */
.review_cont .qna_tit {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.review_cont .qna_tit p {
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #666;
}

.review_cont .qna_tit a {
    display: block;
    position: absolute;
    border: 1px solid #111;
    bottom: 20px;
    font-size: 14px;
    right: 0;
    padding: 8px 20px;
    color: #111;
}

.review_cont .qna_tab {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    padding-top: 20px;
}

.review_cont .qna_tab ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.review_cont .qna_tab ul li {
    float: left;
    margin-right: 10px;
}

.review_cont .qna_tab ul li input {
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.review_cont .qna_tab ul li p {
    display: inline-block;
    font-size: 14px;
    color: #4d4d4d;
    vertical-align: middle;
    letter-spacing: -0.025em
}

.review_cont .qna_tab>a {
    display: block;
    position: absolute;
    background: #007bc8;
    bottom: 10px;
    font-size: 14px;
    right: 0;
    padding: 8px 20px;
    color: #fff;
}

.review_cont .qna_content ul li a {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    ;
}

.review_cont .qna_content ul li a .before_text {
    display: block;
    position: relative;
}

.review_cont .qna_content ul li a .before_text .ing {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 20px;
    top: calc(50% - 30px);
    font-size: 14px;
    color: #0071c8;
    background: #e1f7ff;
    text-align: center;
    line-height: 60px;
}

.review_cont .qna_content ul li a .before_text .ing p {
    font-size: 14px;
}

.review_cont .qna_content ul li a .before_text .ing.no {
    background: #666
}

.review_cont .qna_content ul li a .before_text .ing.no p {
    color: #fff
}

.review_cont .qna_content ul li a .before_text .text {
    padding: 20px 100px 20px 100px;
    box-sizing: border-box
}

.review_cont .qna_content ul li a .before_text .text .text1 {
    letter-spacing: -0.025em;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #111;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 2.4em;
}

.review_cont .qna_content ul li a .before_text .text p {
    letter-spacing: -0.025em;
    font-size: 14px;
}

.review_cont .qna_content ul li a .after_text {
    display: none;
    background: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
}

.review_cont .qna_content ul li a .after_text.open {
    display: block;
}

.review_cont .qna_content ul li a .after_text .text1 {
    font-size: 14px;
    color: #111;
    margin-bottom: 20px;
}

.review_cont .qna_content ul li a .after_text p {
    font-size: 14px
}

.shop_pager a {
    vertical-align: top;
}

.shop_pager .shop_prev {
    margin-right: 10px;
}

.shop_pager .shop_next {
    margin-left: 10px
}

/*============== 쇼핑몰 프로그램 ( 상세페이지 2 ) ==============*/

/* 왼쪽메뉴 */
.srch_area .srch_cont {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.srch_area .srch_cont:last-child {
    border-bottom: 0;
}

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

.ShopCon_menu_Con {
    padding-top: 30px;
}

.ShopCon_menu_Con .inner980:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.ShopCon_menu_Con .side {
    width: 200px;
    float: left;
    position: fixed;
    background: #fff;
    z-index: 999;
}

.ShopCon_menu_Con .side .tit_one {
    display: block;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #111;
    margin-bottom: 10px;
    padding-bottom: 15px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.ShopCon_menu_Con .side .tit_one:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 1px;
    background: #d9d9d9;
    content: "";
}

.ShopCon_menu_Con .side .side_gnb {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
}

.ShopCon_menu_Con .side .side_gnb .menu_list:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.ShopCon_menu_Con .side .side_gnb .menu_list {
    padding-left: 10px;
    box-sizing: border-box;
}

.ShopCon_menu_Con .side .side_gnb .menu_list li a {
    box-sizing: border-box;
    padding: 1px;
    padding-left: 10px;
    display: block;
    font-size: 14px;
    color: #111;
    letter-spacing: -0.025em;
    word-break: break-all;
}

.ShopCon_menu_Con .side .side_gnb .menu_list li a:hover {
    color: #007bc8
}

.ShopCon_menu_Con .side .side_gnb .menu_list .depth2 {
    padding-left: 15px;
    padding-top: 10px;
}

.srch_area .srch_cont {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    position: relative;
}

.srch_area .srch_cont .tit {
    font-size: 14px;
    color: #111;
}

.srch_area .srch_cont .srch_opt {
    margin: 0;
    margin-top: 8px;
}

.srch_area .srch_cont .u_chkbx {
    position: relative;
    display: block;
    height: auto;
    padding-left: 20px;
    line-height: 18px;
    vertical-align: top;
}

.srch_area .srch_cont .u_chkbx input[type=checkbox] {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: -6px;
}

.srch_area .srch_cont .u_chkbx label {
    font-size: 13px;
    width: 100%;
    color: #767676;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.srch_area .srch_cont .u_chkbx label:after {
    top: 1px;
    width: 13px;
    height: 13px;
    margin-top: 0;
    background: url('/img/shopimg/u_chkbx_btn.jpg')no-repeat center;
    background-size: 100%
}

.u_chkbx input[type=checkbox],
.u_chkbx_b input[type=checkbox],
.u_chkbx_sub input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 50%;
}

.srch_cont .btn_more {
    position: absolute;
    text-rendering: auto;
    border: 0;
    background: none;
    top: 0px;
    right: 0;
    padding-right: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #767676
}

.srch_cont .btn_more .ico {
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    overflow: hidden;
    display: inline-block;
    background: url('/img/shopimg/btn_more.jpg')no-repeat;
    background-size: 100%
}

.opt_type2 {
    width: 700px;
    background: #fff;
    border: 1px solid #59c9ee;
    padding: 25px;
    margin-left: 70px;
    z-index: 50;
    position: absolute;
    left: 200px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.opt_type2 .tit {
    font-size: 16px;
    line-height: 24px;
    color: #007bc8;
}

.opt_type2 .opt_area {
    position: relative;
    margin-top: 12px;
    padding-top: 15px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.opt_type2 .opt_menu {
    position: absolute;
    bottom: 100%;
    margin-bottom: 1px;
    right: 0;
    border: 1px solid #d9d9d9;
}

.opt_type2 .opt_menu .lst_menu:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.opt_type2 .opt_menu .lst_menu {
    margin-bottom: 0;
}

.opt_type2 .opt_menu .lst_menu li {
    float: left;
    width: 108px;
    height: 35px;
}

.opt_type2 .opt_menu .lst_menu li.on a {
    color: #007bc8;
    background: #fff;
}

.opt_type2 .opt_menu .lst_menu li a {
    display: block;
    height: 20px;
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background: #f6f6f6
}

.opt_type2 .opt_area>.opt_cont {
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    height: 200px;
}

.opt_type2 .lst_opt;

after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.opt_type2 .lst_opt li {
    float: left;
    width: 33.333%;
    margin: 6px 0 0;
}

.opt_type2 .btn_area {
    margin-top: 20px;
    font-size: 0;
    text-align: center;
}

.opt_type2 .btn_area .u_btn {
    border: none;
    border-width: 1px;
    width: 80px;
    height: 30px;
    margin-left: 10px;
    font-size: 13px;
}

.opt_type2 .btn_area .u_btn.btn_srch2 {
    background-color: #007bc8;
    color: #fff;
    border-color: #007bc8
}

.opt_type2 .btn_area .u_btn.btn_cls {
    border-color: #c5c5c5;
    color: #4d4d4d;
}

.price_bar {
    width: 128px;
    float: left;
    margin-left: 5px;
    margin-right: 8px;
    margin-top: 10px;
}

.btn_srch {
    width: 30px;
    height: 30px;
    float: left;
    border: 0;
    margin-left: 5px;
    background: none;
    background: url('/img/shopimg/price_bar_btn.jpg')no-repeat;
    background-size: 100%;
}

.ui-slider .ui-slider-handle {
    background: #222 !important;
    border-color: #222 !important
}

.price_bar .ui-widget-header {
    background: #007bc8
}

.price_opt:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.srch_cont .inp_price {
    margin: 10px 0 3px;
    line-height: 30px;
    margin-top: 10px;
}

.srch_cont .inp_price:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.srch_cont .inp_price span {
    float: left;
    display: block;
    width: 20px;
    line-height: 20px;
    text-align: center;
}

.srch_cont .inp_price .u_ipbx {
    width: calc(50% - 10px);
    float: left;
    height: 28px;
}

.srch_cont .inp_price .u_ipbx input {
    width: 100%;
    box-sizing: border-box;
    text-align: right
}

.result_srch:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.result_srch .int {
    float: left;
    width: calc(100% - 43px);
    height: 30px;
    box-sizing: border-box;
    margin-right: 8px;
}

.srch_cont .btn_refresh {
    width: 100%;
    height: 40px;
    background: #fff;
    margin-top: 10px;
    font-size: 14px;
    color: #111;
    border: 1px solid #c5c5c5;
}

/* 오른쪽 컨텐츠 */

.ShopCon_menu_Con .inner1000 {
    width: 950px;
    float: left;
    margin-left: 250px;
}

.ShopCon_menu_Con .content_tit:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.ShopCon_menu_Con .content_tit {
    margin: 20px 0;
}

.ShopCon_menu_Con .content_tit p {
    float: left;
    font-size: 15px;
    color: #767676;
    padding-top: 2px;
    line-height: 30px;
}

.ShopCon_menu_Con .content_tit p span {
    font-size: 18px;
    color: #111;
    font-weight: bold;
}

.ShopCon_menu_Con .content_tit .right_btn {
    float: right;
}

.ShopCon_menu_Con .content_tit .right_btn select {
    width: 130px;
    height: 30px;
    font-size: 13px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding-left: 15px;
}

.ShopCon_menu_Con .content_tit .sub_style_change {
    float: right;
    margin-left: 10px;
}

.ShopCon_menu_Con .content_tit .sub_style_change:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.ShopCon_menu_Con .content_tit .sub_style_change a {
    border: 0;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    display: block;
    float: left;
    font-size: 0;
}

.ShopCon_menu_Con .content_tit .sub_style_change a.list {
    border-left: 0;
}

.ShopCon_menu_Con .cate_banner_slider {
    width: 950px;
    height: auto;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.ShopCon_menu_Con .cate_banner_slider ul {
    margin: 0;
}

.ShopCon_menu_Con .cate_banner_slider li {
    position: relative;
    height: 474px;
}

.ShopCon_menu_Con .cate_banner_slider li a {
    display: block;
}

.ShopCon_menu_Con .cate_banner_slider li img {
    display: block;
    width: 100%;
    height: 100%;
}

.ShopCon_menu_Con .cate_banner_slider li dl {
    position: absolute;
    left: 40px;
    top: 40px;
}

.ShopCon_menu_Con .cate_banner_slider li dl dt {
    font-size: 16px;
    color: #111;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}

.ShopCon_menu_Con .cate_banner_slider li dl dd {
    font-size: 32px;
    color: #111;
    line-height: 1.2;
    letter-spacing: -0.05em
}

.ShopCon_menu_Con .cate_banner_slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
}

.ShopCon_menu_Con .cate_banner_slider .slick-prev {
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_left_btn.png')no-repeat center;
    background-size: 100%;
    font-size: 0;
}

.ShopCon_menu_Con .cate_banner_slider .slick-prev:before {
    content: "";
}

.ShopCon_menu_Con .cate_banner_slider .slick-next {
    right: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5) url('/img/shopimg/cate_right_btn.png')no-repeat center;
    background-size: 100%;
    font-size: 0;
}

.ShopCon_menu_Con .cate_banner_slider .slick-next:before {
    content: "";
}

.ShopCon_menu_Con .cate_banner_slider .slick-dots {
    bottom: 10px;
}

.ShopCon_menu_Con .cate_banner_slider .slick-dots li {
    height: auto
}

.ShopCon_menu_Con .cate_banner_slider .slick-dots li button {
    background: rgba(0, 0, 0, 0.5);
    width: 10px;
    height: 10px;
    border-radius: 15px;
}

.ShopCon_menu_Con .cate_banner_slider .slick-dots li.slick-active button {
    background: #000;
}

.ShopCon_menu_Con .cate_banner_slider .slick-dots li button:before {
    font-size: 0;
    width: 10px;
    height: 10px;
}

.ShopCon_menu_Con .hot_Deal {
    position: relative;
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #e5e5e5;
    letter-spacing: -0.05em;
    z-index: 1;
}

.ShopCon_menu_Con .hot_Deal h1 {
    display: block;
    position: relative;
    font-size: 18px;
    margin-bottom: 10px;
    color: #111;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.ShopCon_menu_Con .hot_Deal h1 .swiper-pagination {
    font-size: 16px;
    width: auto;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.ShopCon_menu_Con .hot_Deal h1 .swiper-pagination .swiper-pagination-current {
    color: #000;
}

.ShopCon_menu_Con .hot_Deal h1 .swiper-pagination .swiper-pagination-total {
    color: #888;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal-prev {
    width: 40px;
    height: 40px;
    background: url('/img/shopimg/weekly_left_btn.png')no-repeat center;
    background-size: 100%;
    z-index: 99;
    opacity: 1;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal-next {
    width: 40px;
    height: 40px;
    background: url('/img/shopimg/weekly_right_btn.png')no-repeat center;
    background-size: 100%;
    z-index: 99;
    opacity: 1;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider {
    overflow: hidden;
    position: relative
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li {
    float: left;
    width: 300px;
    margin-right: 15px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li img {
    width: 300px;
    height: 300px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li:last-child {
    margin-right: 0;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li a {
    display: block;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li a dl dt {
    font-size: 14px;
    margin: 5px 0;
    color: #4d4d4d;
    line-height: 1.3;
    word-break: break-all;
    font-weight: 500;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li a dl dd b {
    font-size: 20px;
    color: #da006b;
    margin-right: 5px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li a dl dd span.price {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-right: 10px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li a dl dd span.before_price {
    font-size: 14px;
    color: #888;
    position: relative
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li a dl dd span.before_price:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #959595;
    content: "";
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider ul li a dl dd p {
    font-size: 14px;
    color: #767676;
    margin-top: 5px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider {
    overflow: hidden;
    position: relative
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide {
    float: left;
    width: 300px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide img {
    width: 300px;
    height: 300px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide:last-child {
    margin-right: 0;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide a {
    display: block;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide a dl dt {
    font-size: 14px;
    margin: 5px 0;
    color: #4d4d4d;
    line-height: 1.3;
    word-break: break-all;
    font-weight: 500;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide a dl dd b {
    font-size: 20px;
    color: #da006b;
    margin-right: 5px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide a dl dd span.price {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-right: 10px;
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide a dl dd span.before_price {
    font-size: 14px;
    color: #888;
    position: relative
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide a dl dd span.before_price:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #959595;
    content: "";
}

.ShopCon_menu_Con .hot_Deal .hot_Deal_slider .swiper-slide a dl dd p {
    font-size: 14px;
    color: #767676;
    margin-top: 5px;
}

.ShopCon_menu_Con .Exhibition:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.ShopCon_menu_Con .Exhibition {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    width: 100%;
    padding: 24px;
    margin-top: 20px;
}

.ShopCon_menu_Con .Exhibition .video_box {
    width: 359px;
    height: 199px;
    float: left
}

.ShopCon_menu_Con .Exhibition .video_box img {
    width: 100%;
    height: 100%
}

.ShopCon_menu_Con .Exhibition .text {
    width: calc(100% - 379px);
    float: left;
    margin-left: 20px;
}

.ShopCon_menu_Con .Exhibition .text .tit {
    font-size: 22px;
    margin-top: 20px;
    color: #111;
    line-height: 28px;
    word-break: break-all;
    font-weight: 500;
}

.ShopCon_menu_Con .Exhibition .text .desc {
    font-size: 13px;
    color: #767676;
    margin-top: 7px;
    min-height: 40px;
}

.ShopCon_menu_Con .Exhibition .text a {
    width: 78px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #c5c5c5;
    font-size: 13px;
    color: #4d4d4d;
    display: block;
    box-sizing: border-box;
}

/* 갤러리형 리스트 */
.ShopCon_menu_Con .sub_list .box {
    width: calc(33.333% - 50px);
    margin: 0 25px;
    margin-bottom: 30px
}

.ShopCon_menu_Con .sub_list2 .box {
    width: 100%;
    margin: 0;
}

.ShopCon_menu_Con .sub_list .box:nth-of-type(5n) {
    margin: 0 25px;
}

.ShopCon_menu_Con .sub_list2 .box:nth-of-type(5n) {
    margin: 0;
}

.ShopCon_menu_Con .sub_cont01 {
    margin-top: 20px;
}

.ShopCon_menu_Con .x_btn {
    display: none
}

.ShopCon_menu_Con .side_on {
    display: none
}



/* 쇼핑몰 - 장바구니 181127 - JH*/
/* 공통 */
h3.common {
    padding: 30px 0 28px;
    font-size: 24px;
    line-height: 24px;
    color: #111;
    font-weight: 400;
    letter-spacing: -1px;
}

.cart {
    width: 1000px;
    margin: 0 auto;
}

.cart .cart_wrap {
    width: 1000px;
    margin: 0 auto;
}

.cart .cart_wrap .total_check {
    padding-bottom: 15px;
}

.cart .cart_wrap .total_check:after {
    display: block;
    content: "";
    clear: both;
}

.cart .cart_wrap .total_check span {
    display: inline-block;
    vertical-align: top;
}

.cart .cart_wrap .total_check span input {}

.cart .cart_wrap .total_check span label {
    display: inline-block;
    margin-top: -1px;
    padding: 1px 0 0 0;
    font-size: 14px;
    color: #4d4d4d;
    letter-spacing: 0;
}

.cart .cart_wrap .total_check .all_del {
    float: right;
}

.cart .cart_wrap .total_check .all_del a {
    font-size: 14px;
    color: #4d4d4d;
    display: block;
}

.cart .cart_wrap .total_check .all_del a img {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    top: 2px;
    position: relative;
}

/* 리스트박스 */
.cart .cart_wrap .cartlist_wrap:last-of-type {
    margin-bottom: 0;
}

.cart .cart_wrap .cartlist_wrap {
    border: 1px solid #e1e1e1;
    padding-top: 20px;
    margin-bottom: 20px;
}

.cart .cart_wrap .cartlist_wrap .cart_list {
    position: relative;
}

.cart .cart_wrap .cartlist_wrap .cart_list a.cartlist_close_btn {
    position: absolute;
    top: 0;
    right: 15px;
}

.cart .cart_wrap .cartlist_wrap .cart_list a.cartlist_close_btn img {}

.cart .cart_wrap .cartlist_wrap .cart_list .inner {
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .cl_title {
    padding-bottom: 15px;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .cl_title input {
    display: inline-block;
    vertical-align: top;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .cl_title label {
    display: inline-block;
    font-size: 16px;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a {
    display: block;
    width: 70%;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a:after {
    display: block;
    content: "";
    clear: both;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_left {
    width: 80px;
    height: 85px;
    float: left;
    margin-right: 10px;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_left img {
    width: 100%;
    height: 100%;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_right {
    float: left;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_right p:last-of-type {
    padding-bottom: 0;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_right p {
    padding-bottom: 5px;
    font-size: 14px;
    color: #4d4d4d;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_right p i {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    background-color: #c5c5c5;
    margin: 0 7px;
    margin-top: -2px;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_right p b {
    font-weight: 800;
    font-size: 20px;
    color: #222;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner a .cont_right p.t03 {
    color: #ea1c5b
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .option_area {
    position: absolute;
    top: 90px;
    right: 20px;
    z-index: 22;
    font-size: 0;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .option_area a:last-of-type {
    margin-right: 0;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .option_area a {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 35px;
    font-size: 14px;
    color: #222;
    text-align: center;
    line-height: 35px;
    margin-right: 5px;
    box-sizing: border-box;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .option_area a.opt {
    color: #222;
    border: 1px solid #222;
}

.cart .cart_wrap .cartlist_wrap .cart_list .inner .option_area a.buy_btn {
    color: #ea1c5b;
    border: 1px solid #ea1c5b;
}

.cart .cart_wrap .cartlist_wrap .cart_list .add_option .num_area {
    font-size: 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.cart .cart_wrap .cartlist_wrap .cart_list .add_option .num_area button {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background-color: #f6f6f6;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}

.cart .cart_wrap .cartlist_wrap .cart_list .add_option .num_area button span {
    font-size: 18px;
}

.cart .cart_wrap .cartlist_wrap .cart_list .add_option .num_area input {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    color: #222;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-right: 0;
    border-left: 0;
}

.cart .cart_wrap .cartlist_wrap .cart_list .add_option.view {
    display: block;
}

.cart .cart_wrap .cartlist_wrap .cart_list .add_option {
    background-color: #f0f0f0;
    position: relative;
    padding: 20px;
    display: none;
}

.cart .cart_wrap .cartlist_wrap .cart_list .add_option select {
    width: 150px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    padding: 0 15px;
    background: #fff;
}

.cart .cart_wrap .cartlist_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.cart .cart_wrap .cartlist_wrap .btn_wrap {
    float: right;
    font-size: 0;
    text-align: center;
}

.cart .cart_wrap .cartlist_wrap .btn_wrap a:last-of-type {
    margin-right: 0;
}

.cart .cart_wrap .cartlist_wrap .btn_wrap a {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 40px;
    box-sizing: border-box;
    color: #222;
    border: 1px solid #ccc;
    line-height: 40px;
    font-size: 14px;
    background-color: #fff;
    margin-right: 5px;
}

.cart .cart_wrap .cartlist_wrap .btn_wrap a.change {
    color: #007bc8;
    border-color: #007bc8;
}



/* 상품가격 */
.cart .cart_wrap .product_info {
    padding-top: 20px;
}

.cart .cart_wrap .product_info p:after {
    display: block;
    content: "";
    clear: both;
}

.cart .cart_wrap .product_info p:first-of-type {
    padding-top: 0;
}

.cart .cart_wrap .product_info p {
    padding-top: 5px;
}

.cart .cart_wrap .product_info p span {
    display: block;
}

.cart .cart_wrap .product_info p span.p_left {
    float: left;
    font-size: 16px;
    color: #444;
}

.cart .cart_wrap .product_info p span.p_right {
    float: right;
    font-size: 20px;
    font-size: 16px;
    color: #444;
}

.cart .cart_wrap .product_info p span.p_right b {
    font-weight: 800;
    color: #000;
    font-size: 20px;
}

.cart .cart_wrap .product_info p.all_price {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e1e1e1;
}

.cart .cart_wrap .product_info p.all_price span {
    color: #ea1c5b;
}

.cart .cart_wrap .product_info p.all_price span.p_left {
    font-weight: 800;
    font-size: 18px;
}

.cart .cart_wrap .product_info p.all_price span.p_right b {
    color: #ea1c5b;
    font-weight: 800px;
    font-size: 24px;
}

.product_btn_wrap {
    font-size: 0;
    text-align: center;
    padding-top: 30px;
}

.product_btn_wrap a:first-of-type {
    margin-right: 2%;
}

.product_btn_wrap a {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    box-sizing: border-box;
}

a.btn_type01 {
    background-color: #fff;
    color: #ea1c5b;
    border: 1px solid #ea1c5b;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
}

a.btn_type02 {
    background-color: #ea1c5b;
    color: #fff;
    border-color: #ea1c5b;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
}

.cart .cart_wrap .help_txt {
    padding-top: 30px;
}

.cart .cart_wrap .help_txt p:after {
    display: block;
    content: "";
    clear: both;
}

.cart .cart_wrap .help_txt p:last-of-type {
    padding-bottom: 0;
}

.cart .cart_wrap .help_txt p {
    color: #767676;
    padding-bottom: 5px;
    word-break: keep-all;
}

.cart .cart_wrap .help_txt p span {
    float: left;
    height: 15px;
}

/* 체크박스 커스텀 */
.checkbox_type01 input {
    display: none !important;
}

.checkbox_type01 input[type="checkbox"]~label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #e1e1e1;
    top: 4px;
    margin-right: 5px;
    position: relative;
}

.checkbox_type01 input[type="checkbox"]:checked+label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #f93e5f;
    background: url("/img/checked_img.jpg")no-repeat center top;
    background-size: cover;
    top: 4px;
    margin-right: 5px;
}

/*쇼핑몰리스트2 해당되는 데이터가 없을 경우 css*/
.sub_list_none li {
    width: 100% !important;
    height: 300px !important;
    text-align: center !important;
    padding-top: 70px !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

.sub_list_none li img {
    width: 64px !important;
    height: 64px !important;
}

.sub_list_none li p {
    font-size: 18px !important;
    font-weight: bold !important;
    letter-spacing: -0.05em !important;
    color: #444 !important;
    padding-top: 18px !important;
}


/*마이페이지 - 마이존 페이지 시작 작업자 -HY*/
.w1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.mypage {
    width: 100%;
}

.mypage .inner:after {
    content"";
    display: block;
    clear: both;
}

/*마이페이지 마이존 정보 CSS*/

.mypage .inner .myzone_wrap {
    width: 100%;
    max-width: 1200px;
    padding-bottom: 220px;
}

/*마이존  나의 정보 css*/
.mypage .inner .myzone_wrap .myzone_info {
    width: 100%;
}

.mypage .inner .myzone_wrap .myzone_info .my_rating {
    width: 100%;
    padding: 10px;
    background: #009fd9;
    box-sizing: border-box;
}

.mypage .inner .myzone_wrap .myzone_info .my_rating h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #fff;
}

.mypage .inner .myzone_wrap .myzone_info .right {
    float: right;
    padding-bottom: 0;
    width: auto;
}

.mypage .inner .myzone_wrap .myzone_info .right a {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    line-height: 39px;
}

.mypage .inner .myzone_wrap .myzone_info .right a img {
    vertical-align: middle;
    width: 8px;
    height: 15px;
    margin: -3px 0 0 10px;
}

.mypage .inner .myzone_wrap .myzone_info .rat_list ul {
    width: 100%;
    font-size: 0;
    text-align: center;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.mypage .inner .myzone_wrap .myzone_info .rat_list li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 10px 0;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.mypage .inner .myzone_wrap .myzone_info .rat_list li:last-of-type {
    border-right: 0;
}

.mypage .inner .myzone_wrap .myzone_info .rat_list li a {
    display: block;
    width: 100%;
}

.mypage .inner .myzone_wrap .myzone_info .rat_list li p {
    font-size: 14px;
    font-weight: 200;
    letter-spacing: -0.05em;
    color: #4d4d4d;
    padding-bottom: 5px;
}

.mypage .inner .myzone_wrap .myzone_info .rat_list li span {
    font-size: 13px;
    font-weight: 200;
    letter-spacing: -0.05em;
    color: #111;
}

.mypage .inner .myzone_wrap .myzone_info .rat_list li b {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #111;
}

/*마이존 타이틀 공통css*/
.mypage .inner .title {
    width: 100%;
    margin-top: 36px;
    padding: 10px 0;
}

.mypage .inner .title:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .title>h4 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #111;
    margin: 0;
}

.mypage .inner .title>h4 span {
    font-weight: 200;
}

.mypage .inner .title>a {
    float: right;
    font-size: 13px;
    font-weight: 600;
    color: #767676;
}

.mypage .inner .title>a img {
    width: 8px;
    height: 15px;
    margin-left: 10px;
}

/*마이존  주문/배송조회 css*/
.mypage .inner .myzone_wrap .lookup {
    width: 100%;
}

.mypage .inner .myzone_wrap .lookup ul.lu_order {
    width: 100%;
    font-size: 0;
    text-align: center;
    border-top: 1px solid #c5c5c5;
}

.mypage .inner .myzone_wrap .lookup ul.lu_order li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 15px 0;
    position: relative;
}

.mypage .inner .myzone_wrap .lookup ul.lu_order li a {
    display: block;
    width: 100%;
}

.mypage .inner .myzone_wrap .lookup ul.lu_order li a p {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #f8c0ce;
    padding-bottom: 5px;
}

.mypage .inner .myzone_wrap .lookup ul.lu_order li a span {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: -0.05em;
    color: #4d4d4d;
}

.mypage .inner .myzone_wrap .lookup ul.lu_order li:nth-of-type(n+2):after {
    display: block;
    content: "";
    width: 8px;
    height: 15px;
    background: url("/img/right_arrow.png") center top no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: -2px;
}

.mypage .inner .myzone_wrap .lookup ul.lu_sub_order {
    width: 100%;
    font-size: 0;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.mypage .inner .myzone_wrap .lookup ul.lu_sub_order li {
    display: inline-block;
    vertical-align: top;
    width: 33.333333%;
    padding: 10px 0;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    background: #fafafa;
}

.mypage .inner .myzone_wrap .lookup ul.lu_sub_order li:last-of-type {
    border-right: 0;
}

.mypage .inner .myzone_wrap .lookup ul.lu_sub_order li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #111;
}

.mypage .inner .myzone_wrap .lookup ul.lu_sub_order li a span {
    font-size: 15px;
    font-weight: bold;
    color: #bababa;
    margin-left: 5px;
}

.overflow_auto {
    overflow-y: auto;
    height: 100%
}

.side_on {
    display: none;
}

.side_on {
    display: block;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.mypage .inner .myzone_wrap .lately {
    width: 100%;
}

.mypage .inner .myzone_wrap .lately .lat_list {
    width: 100%;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li {
    width: 100%;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li.last-of-type {
    margin-bottom: 0;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .top_data {
    width: 100%;
    padding: 10px;
    background: #f6f6f6;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .top_data:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .top_data p {
    float: left;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #767676;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .top_data a {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #4d4d4d;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .top_data a img {
    width: 8px;
    height: 15px;
    margin-left: 10px;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option {
    padding: 25px 10px 13px;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option+.list_option {
    border-top: 1px solid #e6e6e6;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option>img {
    float: left;
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin-right: 10px;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt {
    overflow: hidden;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt h5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #007bc8;
    margin: 0;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt h5.red {
    color: #da006b;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt>p {
    font-size: 18px;
    color: #111;
    font-weight: 300;
    padding: 5px 0;
    letter-spacing: -0.05em;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt>p>a {
    font-size: 18px;
    color: #111;
    font-weight: 300;
    padding: 5px 0;
    letter-spacing: -0.05em;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .list_price p {
    font-size: 18px;
    color: #111;
    font-weight: bold;
    padding: 5px 0;
    letter-spacing: -0.05em;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .list_price p span {
    font-size: 16px;
    color: #444;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .option_box {
    font-size: 14px;
    font-weight: 200;
    letter-spacing: -0.05em;
    outline-color: #4d4d4d;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .option_box span.txt_bar {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 12px;
    margin: 3px 5px 0 5px;
    background: #d9d9d9;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .btn_area {
    float: right;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .btn_area a {
    display: block;
    width: 100px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.05em;
    border: 1px solid #d9d9d9;
    color: #222;
    text-align: center;
    line-height: 35px;
    margin: 10px 0;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .btn_area {
    display: inline-block;
    text-align: right;
    width: 100%;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .btn_area a {
    float: right;
    display: block;
    width: 100px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.05em;
    border: 1px solid #d9d9d9;
    color: #222;
    text-align: center;
    line-height: 35px;
    margin: 10px 0;
}

.mypage .inner .myzone_wrap .shop_list ul {
    width: 100%;
    font-size: 0;
}

.mypage .inner .myzone_wrap .shop_list ul li {
    display: inline-block;
    vertical-align: top;
    width: 15%;
    height: auto;
    margin-right: 2%;
    position: relative;
}

.mypage .inner .myzone_wrap .shop_list ul li:last-of-type {
    margin-right: 0;
}

.mypage .inner .myzone_wrap .shop_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.mypage .inner .myzone_wrap .shop_list ul li a img {
    width: 100%;
}

.mypage .inner .myzone_wrap .shop_list ul li>p.shop_close {
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}

.mypage .inner .myzone_wrap .coupon_banner {
    width: 100%;
    height: 100%;
    margin-top: 50px;
}

.mypage .inner .myzone_wrap .coupon_banner a {
    display: block;
    width: 100%;
    height: 100%;
}

.mypage .inner .myzone_wrap .coupon_banner a img {
    width: 100%;
}

/*마이페이지 주문/배송 조회 전체보기*/
.mypage .inner .myzone_wrap .lately .lat_all_tit:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .myzone_wrap .lately .lat_all_tit>h3 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1;
    color: #111;
    float: left;
    padding: 0 0 18px;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab {
    margin-bottom: 20px;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab>ul {
    float: left;
    width: 50%;
    position: relative;
    margin-bottom: 0;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab>ul>li {
    width: 100%;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab>ul>li>a {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    color: #111;
    cursor: pointer;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab>ul>li>a img {
    float: right;
    margin-top: 16px;
    transform: rotate(-180deg);
    -webkit- transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.mypage .inner .myzone_wrap .lately .lat_data_tab>ul>li ul {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
    border: 1px solid #d9d9d9;
    border-top: 0;
    box-sizing: border-box;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab>ul>li ul li {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #fff;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab>ul>li ul li a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #111;
}

.mypage .inner .myzone_wrap .lately .lat_data_tab .lat_right_data {
    float: left;
    width: 50%;
}

.mypage .inner .myzone_wrap .lately .lat_right_data span {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 40px;
}

.mypage .inner .myzone_wrap .lately .lat_right_data span:first-of-type {
    margin-left: 10px;
}

/*마이페이지 주문/배송 조회 기간검색시 css*/
.mypage .inner .myzone_wrap .lately .input_data {
    width: 50%;
    display: none;
    font-size: 0;
}

.mypage .inner .myzone_wrap .lately .input_data .lat_ip_data {
    float: left;
    width: 81%;
    height: 40px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    margin-left: 2.0618556701%
}

.mypage .inner .myzone_wrap .lately .input_data .lat_ip_data input {
    width: 48%;
    height: 38px;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    padding: 0 10px;
    box-sizing: border-box;
    border: 0;
}

.mypage .inner .myzone_wrap .lately .input_data .lat_ip_data span {
    display: inline-block;
    width: 4%;
    font-size: 15px;
    color: #111;
    text-align: center;
}

.mypage .inner .myzone_wrap .lately .input_data>a {
    display: inline-block;
    width: 14.4329896907%;
    height: 40px;
    font-size: 14px;
    background: #007bc8;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-left: 2.5%;
}

.mypage .inner .myzone_wrap .btn_list ul {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
}

.mypage .inner .myzone_wrap .btn_list ul li {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
}

.mypage .inner .myzone_wrap .btn_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    color: #222;
    background: #ddd;
}

.mypage .inner .myzone_wrap .btn_list ul li.active a {
    color: #fff;
    background: #007bc8;
}

.mypage .inner .myzone_wrap .btn_list ul li {
    margin: 0 5px;
}




/* 팝업 */
.popup h2 {
    padding: 10px 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4d4d4d;
    color: #111;
    font-size: 24px;
    font-weight: 400
}

.popup .content {
    width: 500px;
    margin: 0 auto;
    display: block;
}

.popup .content select {
    height: 38px;
    font-size: 14px;
    width: 100%
}

.popup .content .list_content {
    margin-top: 20px;
}

.popup .content .list_content .box {
    width: 100%;
    margin: 5px 0;
}

.popup .content .list_content .box h3 {
    font-size: 16px;
    color: #111;
    background: #f6f6f6;
    padding: 10px 5px;
    border: 1px solid #e6e6e6;
}

.popup .content .list_content .box h3 span {
    font-size: 14px;
    color: #4d4d4d;
    display: inline-block;
    margin-left: 10px;
}

.popup .content .list_content .box .item:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.popup .content .list_content .box .item {
    background: #fff;
    cursor: pointer;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-top: 0;
}

.popup .content .list_content .box .item:hover {
    background: #f9f9f9
}

.popup .content .list_content .box .item .img_box {
    width: 75px;
    height: 75px;
    float: left;
}

.popup .content .list_content .box .item .img_box img {
    width: 100%;
    height: 100%
}

.popup .content .list_content .box .item .item_detail {
    padding-left: 20px;
    float: left;
    width: calc(100% - 95px)
}

.popup .content .list_content .box .item .item_detail a {
    color: #111;
    font-size: 15px;
    display: block;
    word-break: break-all;
}

.popup .content .list_content .box .item .item_detail ul {
    margin: 5px 0;
}

.popup .content .list_content .box .item .item_detail ul li span {
    width: 1px;
    height: 10px;
    margin-top: 2px;
    display: block;
    background: #4d4d4d;
}

.popup .content .list_content .box .item .item_detail ul li {
    margin: 0 2px;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    color: #4d4d4d;
}

.popup .content .list_content .box .item .item_detail .price {
    font-size: 18px;
    color: #111;
}


.privacy_list h2 {
    font-size: 18px;
    color: #111;
    margin-top: 30px;
}

.privacy_list .table table {
    width: 100%;
    margin: 10px 0;
}

.privacy_list .table table tr {
    border-bottom: 1px solid #f5f5f5
}

.privacy_list .table table tr th {
    background: #f6f6f6;
    color: #666;
    font-size: 14px;
    padding: 13px 5px;
}

.privacy_list .table table tr td {
    background: #fff;
    color: #4d4d4d;
    padding: 12px 0;
    text-align: center;
    font-size: 14px
}

@media all and (max-width:640px) {
    .privacy_list h2 {
        font-size: 2.8125vw;
        margin-top: 4.6875vw;
    }

    .privacy_list .table table {
        margin: 1.5625vw 0;
    }

    .privacy_list .table table tr th {
        font-size: 2.1875vw;
        padding: 2.03125vw 0.78125vw;
    }

    .privacy_list .table table tr td {
        padding: 1.875vw 0;
        font-size: 2.1875vw
    }
}



/* 브랜드 게시판 - 백수진 */
.brand_wrap {
    padding-top: 30px;
}

.brand_wrap .common_tit {
    padding: 30px 30px 10px;
    text-align: center;
    font-size: 28px;
    color: #111;
}

.brand_wrap .common_desc {
    font-size: 16px;
    color: #666;
    margin: 8px 0 30px;
    text-align: center;
}

.brand_wrap .tab {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    border: 0;
}

.brand_wrap .tab li {
    width: 16.66666666666667%;
    float: left;
}

.brand_wrap .tab li a {
    display: block;
    height: 41px;
    border: 1px solid #d9d9d9;
    font-size: 16px;
    color: #444;
    line-height: 2.5;
    text-align: center;
    border-right-width: 0;
}

.brand_wrap .tab li:nth-of-type(6n) a {
    border-right-width: 1px;
}

.brand_wrap .tab li:nth-of-type(n+7) a {
    border-top: 0;
}

.brand_wrap .tab li.on a {
    border-color: #007bc8;
    background: #007bc8;
    color: #fff;
    font-weight: 700;
    border-left: 1px solid #007bc8;
}

.brand_wrap .tab li:hover a {
    border-color: #007bc8;
    background: #007bc8;
    color: #fff;
    font-weight: 700;
    border-left: 1px solid #007bc8;
}

.brand_wrap .prd_list_wrap {}

.brand_wrap .prd_list {
    overflow: hidden;
}

.brand_wrap .prd_list li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.brand_wrap .prd_list li:nth-of-type(3n) {
    margin-right: 0;
}

.brand_wrap .prd_list li>a {
    display: block;
    position: relative;
}

.brand_wrap .prd_list li>a img {
    width: 100%;
}

.brand_wrap .brand_info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.05);
}

.brand_wrap .brand_info:hover {
    background: rgba(0, 0, 0, 0.2);
}

.brand_wrap .brand_name {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    text-align: center;
    color: #fff;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: -0.05em;
}

.brand_wrap .prd_item_group {
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-top: 0;
    padding: 10px;
}

.brand_wrap .prd_item_group a {
    display: block;
    width: 30%;
    float: left;
}

.brand_wrap .prd_item_group a+a {
    margin-left: 5%;
}

.brand_wrap .prd_info {}

.brand_wrap .prd_img {
    position: relative;
}

.brand_wrap .prd_img:hover:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.brand_wrap .prd_img img {
    width: 100%;
}

.brand_wrap .prd_name {
    font-size: 13px;
    color: #444;
    line-height: 1.36;
    height: 2.71429em;
    overflow: hidden;
}

.brand_wrap .prd_price {
    font-size: 13px;
    color: #111;
}

.brand_wrap .prd_price strong {
    font-size: 15px;
}

.brand_wrap .brand_cover {
    height: 260px;
    margin-bottom: 50px;
}

.brand_wrap .brand_cover .common_tit {
    padding: 0;
    height: 120px;
}

.brand_wrap .brand_cover .common_tit img {
    height: 120px;
}

.brand_wrap .brand_cover .brand_cover_btns {
    margin: 20px 0;
    text-align: center;
}

.brand_wrap .brand_cover .brand_cover_btns button {
    display: inline-block;
    min-width: 2.57143em;
    height: 2.57143em;
    padding: 0 0.85714em;
    border: 1px solid #c9c9c9;
    vertical-align: middle;
    text-align: center;
    transition: 0.15s;
    font-size: 14px;
    background: transparent;
    margin: 0 4px;
}

.brand_wrap .brand_cover .brand_cover_btns button:hover {
    border-color: #fff;
    background: rgba(0, 0, 0, 0.2);
}

.brand_wrap .brand_cover .brand_cover_btns button span {
    color: #fff;
}

.brand_wrap .brand_cover .brand_cover_btns button i {
    color: #fff;
}

.brand_wrap .brand_cover .brand_cover_visitor {
    color: #fff;
    opacity: 0.8;
    text-align: center;
    font-size: 14px;
}

.brand_wrap .brand_cover .brand_cover_visitor span {}

.brand_wrap .view_brand {
    position: fixed;
    overflow: auto;
    overflow-x: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 5000;
    background-color: rgba(0, 0, 0, 0.5);
}

.brand_wrap .view_brand .box {
    width: 850px;
    min-height: 400px;
    position: fixed;
    left: 50%;
    left: 50%;
    margin-left: -425px;
    margin-top: 200px;
    z-index: 2500;
    box-sizing: border-box;
    padding: 25px;
    border: 2px solid #007bc8;
    box-shadow: 0 0 20px #444;
    background-color: #fff;
}

.brand_wrap .view_brand .title {
    line-height: 40px;
    position: relative;
    margin-bottom: 20px;
}

.brand_wrap .view_brand .title h2 {
    font-size: 22px;
    color: #444;
    text-align: left;
}

.brand_wrap .view_brand .title .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    line-height: 40px;
    color: #222;
    font-weight: 400;
}

.brand_wrap .view_brand .title .close:hover {
    opacity: 1;
}

.brand_wrap .view_brand .info {
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    color: #222;
}

.brand_wrap .view_brand .info img {
    width: 100% !important;
}

@media all and (max-width:1000px) {

    /* 브랜드 게시판 - 백수진 */
    .brand_wrap .prd_list li {
        width: 49%;
    }

    .brand_wrap .prd_list li:nth-of-type(3n) {
        margin-right: 2%;
    }

    .brand_wrap .prd_list li:nth-of-type(2n) {
        margin-right: 0%;
    }

    .brand_wrap .view_brand .box {
        width: 80%;
        margin-left: -40%;
    }
}

@media all and (max-width:640px) {

    /* 브랜드 게시판 - 백수진 */
    .brand_wrap {
        padding-top: 4.6875vw;
    }

    .brand_wrap .common_tit {
        padding: 4.6875vw 4.6875vw 1.5625vw;
        font-size: 4.375vw;
        height: 18.75vw !important;
    }

    .brand_wrap .common_tit img {}

    .brand_wrap .common_desc {
        font-size: 2.5vw;
        margin: 1.25vw 0 4.6875vw;
    }

    .brand_wrap .tab {
        margin-bottom: 4.6875vw;
    }

    .brand_wrap .tab li {
        width: 25%;
    }

    .brand_wrap .tab li:nth-of-type(6n) a {
        border-right-width: 0;
    }

    .brand_wrap .tab li:nth-of-type(4n) a {
        border-right-width: 1px;
    }

    .brand_wrap .tab li:nth-of-type(n+5) a {
        border-top: 0;
    }

    .brand_wrap .tab li a {
        height: 6.40625vw;
        font-size: 2.5vw;
    }

    .brand_wrap .brand_name {
        margin-top: -2.5vw;
        font-size: 4.6875vw;
    }

    .brand_wrap .prd_item_group {
        padding: 1.5625vw;
    }

    .brand_wrap .prd_name {
        font-size: 2.03125vw;
    }

    .brand_wrap .prd_price {
        font-size: 2.03125vw;
    }

    .brand_wrap .prd_price strong {
        font-size: 2.34375vw;
    }

    .brand_wrap .brand_cover {
        height: 40.625vw;
    }

    .brand_wrap .brand_cover .common_tit img {
        height: 18.75vw;
    }

    .brand_wrap .brand_cover .brand_cover_btns {
        margin: 3.125vw 0;
    }

    .brand_wrap .brand_cover .brand_cover_btns button {
        font-size: 2.1875vw;
        margin: 0 0.625vw;
    }

    .brand_wrap .brand_cover .brand_cover_visitor {
        font-size: 2.1875vw;
    }

    .brand_wrap .view_brand .box {
        margin-top: 31.25vw;
        padding: 3.90625vw;
    }

    .brand_wrap .view_brand .title {
        line-height: 6.25vw;
        margin-bottom: 3.125vw;
    }

    .brand_wrap .view_brand .title h2 {
        font-size: 3.4375vw;
    }

    .brand_wrap .view_brand .title .close {
        font-size: 4.6875vw;
        line-height: 6.25vw;
    }

    .brand_wrap .view_brand .info {
        font-size: 2.1875vw;
    }

}

.premium_review01 {
    display: block;
}

.ques .inner .ques_wrap {
    width: 100%;
    max-width: 1200px;
    padding-bottom: 150px;
}

.ques .inner .ques_wrap>h2 {
    font-size: 24px;
    line-height: 24px;
    color: #111;
    font-weight: 400;
    padding: 0 0 28px;
}

.ques .inner .ques_wrap .ques_list ul {
    width: 100%;
    border-top: 1px solid #e6e6e6;
}

.ques .inner .ques_wrap .ques_list ul li {
    width: 100%;
    padding: 15px 38px 9px 65px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.ques .inner .ques_wrap .ques_list ul li:after {
    content: "";
    display: block;
    width: 15px;
    height: 8px;
    background: url("/img/shopimg/sp_bul.png") center top no-repeat;
    overflow: hidden;
    background-position: -18px 0;
    position: absolute;
    top: 43px;
    right: 15px;
}

.ques .inner .ques_wrap .ques_list ul li.on:after {
    background-position: -18px -10px;
}

.ques .inner .ques_wrap .ques_list ul li>span {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #f7f7f7;
    color: #666;
}

.ques .inner .ques_wrap .ques_list ul li .txt_wrap {
    position: relative;
    padding-bottom: 30px;
}

.ques .inner .ques_wrap .ques_list ul li .txt_wrap h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #767676;
}

.ques .inner .ques_wrap .ques_list ul li .txt_wrap p {
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
}

.ques .inner .ques_wrap .ques_list ul li.on .txt_wrap p {
    min-height: 38px;
    margin-bottom: 10px;
    text-overflow: inherit;
    white-space: inherit;
}

.ques .inner .ques_wrap .ques_list ul li .txt_wrap span {
    font-size: 13px;
    font-weight: 300;
    color: #767676;
    line-height: 19px;
}

.ques .inner .ques_wrap .ques_list ul li .btn_wrap {
    position: absolute;
    right: 15px;
    bottom: 6px;
    font-size: 0;
    display: none;
}

.ques .inner .ques_wrap .ques_list ul li.on .btn_wrap {
    display: block;
}

.ques .inner .ques_wrap .ques_list ul li .btn_wrap a {
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-right: 5px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    color: #222;
    text-align: center;
    line-height: 30px;
}

.ques .inner .ques_wrap .ques_list ul li .btn_wrap a:last-of-type {
    margin-right: 0;
}

.ques .inner .ques_wrap .ques_list ul li .answer {
    width: 100%;
    padding: 17px 40px;
    box-sizing: border-box;
    background-color: #f6f6f6;
    display: none;
}

.ques .inner .ques_wrap .ques_list ul li.on .answer {
    display: block;
}

.ques .inner .ques_wrap .ques_list ul li .answer p {
    font-size: 15px;
    color: #222;
}

.ques .inner .ques_wrap .ques_list ul li .answer span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: #666;
}

.num_wrap {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 30px;
}

.num_wrap a {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: top;
    margin-right: 1px;
    line-height: 28px;
    font-size: 13px;
    color: #767676;
}

.num_wrap a.number.on {
    background-color: #007bc8;
    color: #fff;
}

.num_wrap a span {
    width: 12px;
    height: 11px;
    margin: 8px auto 0;
    overflow: hidden;
    display: inline-block;
    background: url("/img/shopimg/sp_bul.png") center top no-repeat;
}

.num_wrap a.btn_prev01 span {
    background-position: -72px -112px;
}

.num_wrap a.btn_prev02 span {
    background-position: -79px -86px;
    width: 6px;
}

.num_wrap a.btn_next02 span {
    background-position: -42px -86px;
    width: 6px;
}

.num_wrap a.btn_next01 span {
    background-position: -72px -99px;
}

.ques .edit_wrap {
    float: left;
    width: 100%;
    max-width: 950px;
    margin-left: 2%;
}

.ques .edit_wrap>h2 {
    font-size: 24px;
    line-height: 24px;
    padding: 49px 0 28px;
    color: #111;
    font-weight: 400;
}

.ques .edit_wrap>p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    color: #222;
}

.ques .edit_wrap .edit_textarea {
    padding: 13px 15px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
}

.ques .edit_wrap .edit_textarea textarea {
    width: 100%;
    height: 247px;
    border: 0 none;
    font-size: 14px;
    line-height: 18px;
    color: #767676;
}

.ques .edit_wrap .btn_wrap {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-bottom: 36px;
}

.ques .edit_wrap .btn_wrap a {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-size: 18px;
    height: 43px;
    line-height: 43px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #007bc8;
    box-sizing: border-box;
}

.ques .edit_wrap .btn_wrap a:last-of-type {
    background-color: #007bc8;
    color: #fff;
    margin-left: 2%;
}

.ques .edit_wrap ul li:after {
    content: "";
    display: block;
    clear: both;
}

.ques .edit_wrap ul li span {
    float: left;
}

.ques .edit_wrap ul li p {
    float: left;
    width: calc(100% - 15px);
    font-size: 12px;
    line-height: 20px;
    color: #767676;
}

.mypage .inner .myzone_wrap .detail .dt_tie h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    padding: 50px 0 29px;
    color: #111;
}

.mypage .inner .myzone_wrap .detail .dt_tie p {
    font-size: 17px;
    margin: 10px 0;
    color: #111;
}

.mypage .inner .myzone_wrap .detail .dt_tie p span {
    margin-left: 8px;
    font-size: 14px;
    color: #767676;
}

.mypage .inner .myzone_wrap .lately .det_list ul li {
    border-left: 0;
    border-right: 0;
}

.mypage .inner .myzone_wrap .lately .det_list ul li .top_data {
    background: #f0f8fa;
    padding: 8px 15px;
    border-top: 1px solid #4d4d4d;
    box-sizing: border-box;
}

.mypage .inner .myzone_wrap .lately .det_list ul li .top_data span {
    display: inline-block;
    padding: 4px 8px;
    height: 15px;
    font-size: 11px;
    color: #007bc8;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #007bc8;
    border-radius: 17px;
}

.mypage .inner .myzone_wrap .lately .det_list ul li .top_data h5 {
    display: inline-block;
    font-size: 13px;
    color: #111;
    margin-left: 9px;
}

.mypage .inner .myzone_wrap .lately .det_list ul li .top_data p {
    display: inline-block;
    font-size: 13px;
    color: #4d4d4d;
    margin-left: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: none;
    vertical-align: top;
    margin-top: 10px;
}

.mypage .inner .myzone_wrap .total_wrap {
    padding: 13px 14px 57px 15px;
}

.mypage .inner .myzone_wrap .total_wrap .total {
    margin-bottom: 10px;
}

.mypage .inner .myzone_wrap .total_wrap .total:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .myzone_wrap .total_wrap .total p {
    float: left;
    font-size: 15px;
    color: #222;
}

.mypage .inner .myzone_wrap .total_wrap .total span {
    float: right;
    font-size: 16px;
    color: #797979;
}

.mypage .inner .myzone_wrap .total_wrap .total span b {
    font-size: 18px;
    color: #222;
}

/* .mypage .inner .myzone_wrap .total_wrap .total01{padding-top:10px; border-top:1px solid #e9e9e9;} */
.mypage .inner .myzone_wrap .total_wrap .total01 p {
    font-size: 20px;
    color: #da006b;
    font-weight: bold;
}

.mypage .inner .myzone_wrap .total_wrap .total01 span {
    color: #da006b;
}

.mypage .inner .myzone_wrap .total_wrap .total01 span b {
    color: #da006b;
}

.mypage .inner .myzone_wrap .payment {
    margin-top: 25px;
}

.mypage .inner .myzone_wrap .payment .pay_top {
    padding-bottom: 4px;
    border-bottom: 1px solid #4d4d4d;
    position: relative;
}

.mypage .inner .myzone_wrap .payment .pay_top>h3 {
    font-size: 17px;
    color: #111;
}

.mypage .inner .myzone_wrap .payment .pay_top>a {
    display: block;
    width: 100px;
    height: 30px;
    background: #fff;
    border: 1px solid #c5c5c5;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #222;
    position: absolute;
    top: -15px;
    right: 0;
}

.mypage .inner .myzone_wrap .payment .pay_txt {
    padding: 10px 15px 61px;
}

.mypage .inner .myzone_wrap .payment .t_left {
    text-align: left;
    width: 49%;
    margin-right: 2%;
    float: left;
}

.mypage .inner .myzone_wrap .payment .t_left label {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
    color: #111;
}

.mypage .inner .myzone_wrap .payment .t_left>span {
    display: inline-block;
    margin: 4px 0 0 10px;
    font-size: 13px;
    color: #007bc8;
    vertical-align: top;
}

.mypage .inner .myzone_wrap .payment .t_left p {
    font-size: 15px;
    font-weight: 400;
    color: #4d4d4d;
}

.mypage .inner .myzone_wrap .payment .t_right {
    text-align: right;
    padding-bottom: 0;
    width: 49%;
    float: right;
}

.mypage .inner .myzone_wrap .payment .t_right p {
    font-size: 14px;
    font-weight: 300;
    color: #111;
}

.mypage .inner .myzone_wrap .payment .t_right p b {
    color: #111;
    font-size: 18px;
}

.mypage .inner .myzone_wrap .payment .t_right span {
    font-size: 13px;
    color: #007bc8;
    padding: 1px 0 5px;
}

.mypage .inner .myzone_wrap .delivery {
    margin-top: 25px;
    position: relative;
}

.mypage .inner .myzone_wrap .delivery>h3 {
    font-size: 17px;
    color: #111;
    padding-bottom: 4px;
    border-bottom: 1px solid #4d4d4d;
}

.mypage .inner .myzone_wrap .delivery>a {
    display: block;
    width: 100px;
    height: 30px;
    background: #fff;
    border: 1px solid #c5c5c5;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #222;
    position: absolute;
    top: -15px;
    right: 0;
}

.mypage .inner .myzone_wrap .delivery ul {
    padding: 10px 15px 0 15px;
}

.mypage .inner .myzone_wrap .delivery ul li {
    margin-bottom: 10px;
}

.mypage .inner .myzone_wrap .delivery ul li:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .myzone_wrap .delivery ul li>span {
    float: left;
    width: 100px;
    font-size: 15px;
    font-weight: 400;
    color: #4d4d4d;
}

.mypage .inner .myzone_wrap .delivery ul li p {
    float: left;
    color: #111;
    font-size: 15px;
}

.mypage .inner .myzone_wrap .delivery ul li p span {
    display: block;
}

.mypage .inner .myzone_wrap .total_wrap01 {
    padding-bottom: 10px;
}

.mypage .inner .myzone_wrap .payment01 .t_right span {
    color: #767676;
}

.mypage .inner .myzone_wrap .change_wrap .change_top {
    padding-bottom: 4px;
    border-bottom: 1px solid #4d4d4d;
    position: relative;
    margin-top: 25px;
}

.mypage .inner .myzone_wrap .change_wrap .change_top>h3 {
    font-size: 17px;
    color: #111;
}

.mypage .inner .myzone_wrap .change_wrap .btn_change {
    padding: 20px 15px 0;
    font-size: 0;
}

.mypage .inner .myzone_wrap .change_wrap .btn_change a {
    display: inline-block;
    vertical-align: top;
    width: 174px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    text-align: center;
    line-height: 40px;
    color: #4d4d4d;
    background-color: #f0f0f0;
}

.mypage .inner .myzone_wrap .change_wrap .btn_change a:last-of-type {
    margin-left: 10px;
}

.mypage .inner .myzone_wrap .change_wrap .btn_change a.on {
    background-color: #007bc8;
    border-color: #007bc8;
    color: #fff;
}

.mypage .inner .myzone_wrap .change_wrap .change_box {
    padding: 20px 15px 0;
    position: relative;
}

.mypage .inner .myzone_wrap .change_wrap .change_box .card:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .myzone_wrap .change_wrap .change_box .card p {
    width: 11%;
    float: left;
    font-size: 14px;
    color: #4d4d4d;
    height: 38px;
    line-height: 38px;
}

.mypage .inner .myzone_wrap .change_wrap .change_box .card select {
    width: 89%;
    height: 38px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    line-height: 37px;
    color: #111;
}

.mypage .inner .myzone_wrap .change_wrap .card_ck {
    padding-left: 11%;
}

.mypage .inner .myzone_wrap .change_wrap .card_ck .top label {
    font-size: 16px;
    color: #111;
    cursor: pointer;
    padding: 10px 0;
}

.mypage .inner .myzone_wrap .change_wrap .card_ck .top input {
    margin-right: 5px;
}

.mypage .inner .myzone_wrap .change_wrap .card_ck .bot label {
    font-size: 15px;
    color: #111;
    cursor: pointer;
}

.mypage .inner .myzone_wrap .change_wrap .change_box .inst {
    margin-top: 20px;
}

.mypage .inner .myzone_wrap .change_wrap .change_box .inst p {
    width: 11%;
    float: left;
    font-size: 14px;
    color: #4d4d4d;
    height: 38px;
    line-height: 38px;
}

.mypage .inner .myzone_wrap .change_wrap .change_box .inst select {
    width: 89%;
    height: 38px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    line-height: 37px;
    color: #111;
}

.mypage .inner .myzone_wrap .change_wrap .btn_confirm a {
    display: block;
    width: 100%;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 18px;
    background-color: #da006b;
    border: 1px solid #da006b;
    color: #fff;
    border-radius: 2px;
    margin-top: 20px;
}

.mypage .inner .myzone_wrap .change_wrap .bt_txt {
    margin-top: 30px;
}

.mypage .inner .myzone_wrap .change_wrap .bt_txt ul li {
    margin-bottom: 10px;
}

.mypage .inner .myzone_wrap .change_wrap .bt_txt ul li:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .inner .myzone_wrap .change_wrap .bt_txt ul li span {
    float: left;
}

.mypage .inner .myzone_wrap .change_wrap .bt_txt ul li p {
    float: left;
    width: calc(100% - 15px);
    font-size: 13px;
    color: #767676;
}

/*결제변경 카드 포인트 사용 팝업창*/
.mypage .inner .myzone_wrap .change_wrap .card_ck .top label a {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    position: relative;
}

.mypage .inner .myzone_wrap .change_wrap .card_ck .top label a span {
    display: inline-block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    background: url("/img/shopimg/sp_ico_fn.png") center top no-repeat;
    background-position: 0 -286px;
}

.mypage .inner .myzone_wrap .change_wrap .card_ck .top label a.on span {
    background-position: -25px -286px;
}

.mypage .inner .myzone_wrap .change_wrap .popup {
    width: 314px;
    border: 1px solid #009fd9;
    position: absolute;
    top: 97px;
    left: 140px;
    background-color: #fff;
    display: none;
}

.mypage .inner .myzone_wrap .change_wrap .popup>h2 {
    font-size: 18px;
    font-weight: 400;
    color: #111;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.mypage .inner .myzone_wrap .change_wrap .popup>p {
    font-size: 18px;
    font-weight: 100;
    color: #8d8d8d;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.mypage .inner .myzone_wrap .change_wrap .popup ul {
    width: 100%;
    padding-left: 13px;
}

.mypage .inner .myzone_wrap .change_wrap .popup ul li {
    width: 100%;
    margin-bottom: 15px;
}

.mypage .inner .myzone_wrap .change_wrap .popup ul li p {
    font-size: 13px;
    color: #111;
    padding-bottom: 3px;
}

.mypage .inner .myzone_wrap .change_wrap .popup ul li span {
    display: block;
    font-size: 13px;
    color: #767676;
    padding-left: 11px;
}





/* 주문취소 팝업 - 백수진 */
.order_cancel_wrap {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.order_cancel_wrap .black_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9;
}

.order_cancel_wrap .order_cancel_box {
    position: relative;
    width: 600px;
    margin: 20vh auto 0;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    z-index: 99;
}

.order_cancel_wrap .order_title {
    line-height: 40px;
    position: relative;
    margin-bottom: 20px;
}

.order_cancel_wrap .order_title h2 {
    font-size: 22px;
    color: #444;
    text-align: left;
}

.order_cancel_wrap .order_title .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    line-height: 40px;
    color: #222;
    font-weight: 400;
}

.order_cancel_wrap .order_title .close:hover {
    opacity: 1;
}

.order_cancel_comment {
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid #A9A9A9;
}

.order_cancel_comment label {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #222;
}

.order_cancel_comment textarea {
    width: 100%;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .list_price .cancel_price {
    color: #da006b;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .list_price p.cancel_price span {
    color: #da006b;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .order_cancel_wrap .btn_area {
    float: none;
    overflow: hidden;
}

.mypage .inner .myzone_wrap .lately .lat_list ul li .list_option .option_txt .order_cancel_wrap .btn_area a {
    display: block;
    width: 100px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.05em;
    border: 1px solid #d9d9d9;
    color: #222;
    text-align: center;
    line-height: 35px;
    margin: 10px auto;
    float: right;
}


/* 20191212 수정 - 김윤미 */
/* 주문완료페이지 */
.order_end h3.complete_tit {
    padding: 50px 0 30px;
    text-align: center;
    font-size: 36px;
    line-height: 40px;
}

.order_end h4.common {
    padding-bottom: 25px;
    font-size: 24px;
    line-height: 1.3;
}

.order_end h4.common i {
    margin-right: 5px;
}


/* 장바구니 팝업 */
.cart_popup_bg {
    display: none;
    z-index: 60;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.cart_popup_bg.on {
    display: block;
}

.cart_popup {
    display: none;
    z-index: 65;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 600px;
    max-width: 90%;
    height: 620px;
    margin: auto;
    padding: 80px 30px;
    border: 1px solid #bbbbbb;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cart_popup.on {
    display: block;
}

.cart_popup i {
    display: block;
    margin-top: 100px;
}

.cart_popup i img {
    max-width: 100%;
}

.cart_popup p.desc {
    margin-top: 0;
    font-size: 24px;
    color: #444444;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: -0.025em;
}

.cart_popup p.txt {
    margin-top: 35px;
    font-size: 20px;
    font-weight: bold;
    color: #222222;
    letter-spacing: -0.025em;
}

.cart_popup .btn_wrap.pink_type {
    padding-top: 70px;
}

/* 회원가입 완료 */
.join_complete {
    display: block;
    padding: 100px 0;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
}

.join_complete i {}

.join_complete p.tit {
    font-size: 36px;
    font-weight: normal;
    color: #222222;
    letter-spacing: -0.045em;
}

.join_complete p.tit span {
    font-weight: bold;
}

.join_complete p.desc {
    margin-top: 30px;
    font-size: 22px;
    color: #222222;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: -0.025em;
}

.join_complete p.desc b {
    font-weight: bold;
    color: #444444;
}

.join_complete img {
    display: block;
    margin: 100px auto 80px;
}

.join_complete p.txt {
    font-size: 16px;
    color: #666666;
    font-weight: 200;
    line-height: 28px;
}

.join_complete p.txt span.color_pink {
    font-weight: bold;
    color: #da006b;
}


* pop-layout * ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/ body.pop {
    height: 100vh;
    overflow: hidden;
}

.pop-layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 200;
}

.pop-layout .pop_bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.pop-layout .pop_up {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 20px;
}

/* 팝업창 크기 */
.pop-layout .pop_up.addr_search {
    max-width: 375px;
    max-height: 485px;
}

.pop-layout .pop_up.change-star {
    max-width: 375px;
    height: auto;
}

.pop-layout .pop_up.change-pw {
    max-width: 375px;
    height: auto;
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * layout01 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.layout01 .inner {
    gap: 30px;
    justify-content: space-between;
}

.layout01 .inner>.left {
    width: 240px;
    box-sizing: border-box;
}

.layout01 .inner>.right {
    width: calc(100% - 270px);
    box-sizing: border-box;
}

.layout01 .inner>.full_box {
    width: 100%;
    box-sizing: border-box;
}

.layout01.revers .inner>.left {
    width: 375px;
    order: 1;
}

.layout01.revers .inner>.right {
    width: calc(100% - 405px);
}

/* 예외 */
.prod_wrap .layout01 .inner>.right {
    max-width: 955px;
}

.mypage_con .noData_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    border: none;
    box-shadow: unset;
    margin-top: 50px;
    width: 100%;
}

.reserve_list .noData_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    border: none;
    box-shadow: unset;
    width: 100%;
}

.mypage_con .noData_box p,
.reserve_list .noData_box p {
    font-size: 16px;
    color: #444444;
    letter-spacing: -0.06em;
}



/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions {
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    position: relative;
    /* 	position: absolute;  */
    background-color: white;
    z-index: 1000;
    width: calc(100% - 22px);
}

.autocomplete-suggestion {
    padding: 10px;
    cursor: pointer;
    font-size: medium;
}

.autocomplete-suggestion:hover {
    background-color: #e0e0e0;
}


/* ================================== */
/* Artist Introduction Section */
.artist_intro_section {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    background: #EBEBEB;
    overflow: hidden;
}

.container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 36px;
}

/* Artist Image */
.artist_image {
    flex: 1;
    position: relative;
}

.artist_image img {
    width: 100%;
    height: 909.33px;
    object-fit: cover;
    display: block;
}

/* Artist Content */
.artist_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/* Artist Header */
.artist_header {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.artist_name {
    color: #222222;
    font-size: 52px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    word-wrap: break-word;
}

.artist_description {
    color: #888888;
    font-size: 18px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    line-height: 25.2px;
    word-wrap: break-word;
}

/* Artist History */
.artist_history {
    display: flex;
    flex-direction: column;
    max-height: 890px;
    overflow-y: auto;
    padding-right: 10px;

    /* 스크롤바 숨기기 */
    -ms-overflow-style: none;
    /* IE, Edge */
    scrollbar-width: none;
    /* Firefox */
}

.artist_history::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

/* 스크롤바 스타일링 */
.artist_history::-webkit-scrollbar {
    width: 6px;
}

.artist_history::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 3px;
}

.artist_history::-webkit-scrollbar-thumb {
    background: #888888;
    border-radius: 3px;
}

.artist_history::-webkit-scrollbar-thumb:hover {
    background: #666666;
}

.history_item {
    display: flex;
    align-items: center;
    gap: 36px;
    padding: 18px 0;
    border-bottom: 1px solid #AAAAAA;
}

.history_item:first-child {
    border-top: 1px solid #AAAAAA;
}

.history_year {
    width: 250px;
    color: #222222;
    font-size: 100px;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-self: stretch;
}

.history_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.history_text {
    color: #888888;
    font-size: 18px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    line-height: 18px;
    word-wrap: break-word;
}

/* Responsive Design */

@media (max-width: 1200px) {

    .artist_name {
        font-size: 42px;
    }

    .history_year {
        font-size: 80px;
        width: 180px;
    }

    .history_year {
        justify-content: flex-start;
        line-height: 100%;
    }
}

@media (max-width: 992px) {
    .artist_intro_section {
        padding: 40px 40px 80px;
    }

    .container {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .artist_image img {
        height: auto;
    }

    .artist_name {
        font-size: 36px;
    }

    .history_year {
        font-size: 70px;
        width: 150px;
    }

    .history_text {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .artist_intro_section {
        padding: 30px 20px 60px;
    }

    .container {
        gap: 30px;
    }

    .artist_header {
        gap: 15px;
    }

    .artist_name {
        font-size: 28px;
    }

    .artist_description {
        font-size: 16px;
        line-height: 22px;
    }

    .artist_content {
        gap: 30px;
        width: 100%;
    }

    .artist_history {
        max-height: 500px;
    }

    .history_item {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 15px 0;
    }

    .history_year {
        font-size: 60px;
        width: 100%;
        align-self: flex-start;
    }

    .history_content {
        gap: 8px;
    }

    .history_text {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 480px) {
    .artist_intro_section {
        padding: 20px 15px 40px;
    }

    .artist_name {
        font-size: 24px;
    }

    .artist_description {
        font-size: 14px;
        line-height: 20px;
    }

    .artist_history {
        max-height: 400px;
    }

    .history_year {
        font-size: 48px;
    }

    .history_text {
        font-size: 13px;
        line-height: 18px;
    }
}


/* authors_intro_section================================ */
.authors_intro_section {
    width: 100%;
    padding: 72px 0 144px;
    background: #F2F2F2;
}

.authors_intro_inner {
    max-width: 1400px;
    margin: 0 auto;
}

.authors_intro_title {
    color: #222222;
    font-size: 52px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    margin: 0 0 72px;
}

.authors_intro_grid {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.authors_intro_row {
    display: flex;
    align-items: stretch;
    gap: 18px;
    flex-wrap: wrap;
}

.authors_intro_item {
    /* flex: 0 0 calc(25% - 14px); */
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
    cursor: pointer;
    margin-bottom: 30px;

    width: calc(25% - 14px);
}

.authors_intro_image {
    aspect-ratio: 1 / 1;
    background: #EBEBEB;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.authors_intro_image img {
    object-fit: contain;
}

.authors_intro_name {
    text-align: left;
    color: #222222;
    font-size: 20px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    margin-top: 9px;
}

.authors_intro_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 36px;
    margin-top: 72px;
}

.authors_intro_pagination_arrow {
    width: 16px;
    height: 16px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    padding: 0;
}

.authors_intro_pagination_arrow::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background: #222222;
    top: 50%;
    left: 0;
}

.authors_intro_pagination_arrow::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background: #222222;
    top: 50%;
    left: 0;
}

.authors_intro_pagination_arrow_prev::before {
    transform: rotate(-45deg);
    transform-origin: left center;
}

.authors_intro_pagination_arrow_prev::after {
    transform: rotate(45deg);
    transform-origin: left center;
}

.authors_intro_pagination_arrow_next::before {
    transform: rotate(45deg);
    transform-origin: right center;
}

.authors_intro_pagination_arrow_next::after {
    transform: rotate(-45deg);
    transform-origin: right center;
}

.authors_intro_pagination_numbers {
    display: flex;
    gap: 9px;
}

.authors_intro_pagination_number {
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    text-align: center;
    color: #888888;
    font-size: 16px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s;
}

.authors_intro_pagination_number_active {
    background: #222222;
    color: white;
    font-weight: 500;
    font-size: 18px;
}

.authors_intro_pagination_number:hover {
    background: #e0e0e0;
}

@media (max-width: 1200px) {
    .authors_intro_title {
        font-size: 42px;
        margin-bottom: 60px;
    }

    .authors_intro_pagination {
        margin-top: 60px;
    }
}

@media (max-width: 768px) {

    .authors_intro_item {
        width: calc(50% - 9px);
    }


    .authors_intro_section {
        padding: 50px 0 100px;
    }

    .authors_intro_inner {
        padding: 0 15px;
    }

    .authors_intro_title {
        font-size: 32px;
        margin-bottom: 50px;
    }

    .authors_intro_grid {
        gap: 24px;
    }

    .authors_intro_row {
        gap: 12px;
    }

    .authors_intro_item {
        gap: 12px;
    }

    .authors_intro_name {
        font-size: 16px;
    }

    .authors_intro_pagination {
        margin-top: 50px;
        gap: 24px;
    }

    .authors_intro_pagination_numbers {
        gap: 6px;
    }

    .authors_intro_pagination_number {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
}


.exhibition_location {
    color: #222;
    text-align: center;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 18px */
    text-align: left;
    margin-top: 9px;
}

.exhibition_title {
    color: #222;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 20px */
    text-align: left;
}

.exhibition_description {
    color: #222;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    text-align: left;
}

.exhibition_period {
    color: #888;
    text-align: center;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 18px */
    text-align: left;
    margin-top: 9px;
}

.exhibition_detail_section {
    width: 100%;
    padding: 64px 0 144px;
    background: #E5E5E5;
    overflow: hidden;
}

.exhibition_detail_container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 144px;
}

.exhibition_detail_top {
    display: flex;
    gap: 16px;
}

.exhibition_detail_image_wrapper {
    flex: 1;
}

.exhibition_detail_main_image {
    width: 100%;
    height: 518px;
    object-fit: cover;
}

.exhibition_detail_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.exhibition_detail_title {
    color: #262626;
    font-size: 48px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    margin: 0;
}

.exhibition_detail_table {
    display: flex;
    flex-direction: column;
}

.exhibition_detail_row {
    display: flex;
    align-items: center;
    gap: 36px;
    padding: 16px 36px;
    border-top: 1px solid #A3A3A3;
    border-bottom: 1px solid #A3A3A3;
}

.exhibition_detail_row:not(:last-child) {
    border-bottom: none;
}

.exhibition_detail_label {
    width: 112px;
    text-align: center;
    color: #262626;
    font-size: 20px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    line-height: 32px;
}

.exhibition_detail_content {
    flex: 1;
    color: #71717A;
    font-size: 18px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    line-height: 28px;
}

.exhibition_detail_bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    max-width: 928px;
    margin: 0 auto;
}

.exhibition_detail_gallery {
    width: 928px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 18px;
}

.exhibition_detail_gallery_image {
    width: 455px;
    max-width: calc(50% - 9px);
    height: 341px;
    object-fit: cover;
}

.exhibition_detail_description {
    color: #262626;
    font-size: 18px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

@media (max-width: 1200px) {
    .exhibition_detail_section {
        padding: 50px 0 120px;
    }

    .exhibition_detail_container {
        gap: 120px;
    }

    .exhibition_detail_title {
        font-size: 40px;
    }

    .exhibition_detail_label {
        font-size: 18px;
        width: 100px;
    }

    .exhibition_detail_content {
        font-size: 16px;
    }
}

@media (max-width: 968px) {
    .exhibition_detail_top {
        flex-direction: column;
    }

    .exhibition_detail_main_image {
        height: 400px;
    }

    .exhibition_detail_gallery {
        width: 100%;
    }

    .exhibition_detail_gallery_image {
        width: 100%;
        max-width: calc(50% - 9px);
        height: 280px;
    }
}

@media (max-width: 768px) {
    .exhibition_detail_section {
        padding: 40px 0 100px;
    }

    .exhibition_detail_container {
        gap: 80px;
        padding: 0 15px;
    }

    .exhibition_detail_title {
        font-size: 32px;
        margin-bottom: 24px;
    }

    .exhibition_detail_info {
        gap: 24px;
    }

    .exhibition_detail_row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 20px;
    }

    .exhibition_detail_label {
        width: 100%;
        text-align: left;
        font-size: 16px;
        line-height: 24px;
    }

    .exhibition_detail_content {
        font-size: 15px;
        line-height: 24px;
    }

    .exhibition_detail_main_image {
        height: 320px;
    }

    .exhibition_detail_bottom {
        gap: 24px;
    }

    .exhibition_detail_gallery {
        flex-direction: column;
        gap: 16px;
    }

    .exhibition_detail_gallery_image {
        width: 100%;
        max-width: 100%;
        height: 250px;
    }

    .exhibition_detail_description {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 480px) {
    .exhibition_detail_section {
        padding: 30px 0 80px;
    }

    .exhibition_detail_container {
        gap: 60px;
    }

    .exhibition_detail_title {
        font-size: 24px;
    }

    .exhibition_detail_row {
        padding: 12px 15px;
    }

    .exhibition_detail_label {
        font-size: 14px;
        line-height: 20px;
    }

    .exhibition_detail_content {
        font-size: 14px;
        line-height: 22px;
    }

    .exhibition_detail_main_image {
        height: 250px;
    }

    .exhibition_detail_gallery_image {
        height: 200px;
    }

    .exhibition_detail_description {
        font-size: 14px;
        line-height: 22px;
    }
}



/* custom */

:root {
    --main-color: #36483b;
}

a.login_chk_btn01,
.login_chk_btn01 {
    background-color: var(--main-color) !important;
}

.programCon_custom01 {
    padding: 180px 0 !important;
}

a.prd_page_nav_num.active {
    border-color: var(--main-color);
    background-color: var(--main-color);
}

.sub_sty_change a.on img {
    filter: invert(27%) sepia(11%) saturate(839%) hue-rotate(92deg) brightness(95%) contrast(88%);
}

.sub_sty_change a.on {
    border-color: var(--main-color);
}

.prd_tab_slide_box01 .item.active {
    color: var(--main-color);
    border-color: var(--main-color);
}

.prd_tab_slide_box01 .item.active h3 {
    color: var(--main-color) !important;
}


.prd_tab_arw.next {
    display: none !important;
}

.prd_page_nav_arw.prev {
    display: block !important;
}

.shop_list_wrapper01 {
    padding: 0 0 120px 0 !important;
}

.shop_item_detail_wrapper01 {
    padding: 120px 0 !important;
}

a.login_chk_btn01.type02,
.login_chk_btn01.type02 {
    color: #fff;
    border-color: var(--main-color) !important;
}

.evaluation_tab_menu01.red {
    background-color: var(--main-color);
}

.programPage a.active {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.evaluation_tab_menu01.active {
    border-color: var(--main-color);
    color: var(--main-color);
}

.evaluation_box01 .graph_box_wrapper01 .graph_box01.active .bar,
.evaluation_box01 .graph_box_wrapper01 .graph_box01.active .bar::after {
    background-color: var(--main-color);
}



/* 20251201 추가 */
.shop_mypage_wrapper01 .keyword_manage_wrap {
    background: #EBEBEB;
    padding: 80px 0;
}

.shop_mypage_wrapper01 .keyword_section_group {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
}

.shop_mypage_wrapper01 .keyword_section {
    background: #fff;
    padding: 40px 35px;
}

.shop_mypage_wrapper01 .keyword_header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.shop_mypage_wrapper01 .keyword_title_row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.shop_mypage_wrapper01 .keyword_title {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.shop_mypage_wrapper01 .keyword_title_accent {
    color: #0777FF;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.shop_mypage_wrapper01 .keyword_title_normal {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.shop_mypage_wrapper01 .keyword_desc {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.shop_mypage_wrapper01 .keyword_tag_list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.shop_mypage_wrapper01 .keyword_tag {
    padding: 8px 20px;
    background: #F5F5F5;
    border-radius: 999px;
    border: none;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer;
    transition: all 0.2s;
}

.shop_mypage_wrapper01 .keyword_tag:hover {
    background: #e8e8e8;
}

.shop_mypage_wrapper01 .keyword_tag.active {
    background: #0777FF;
    color: #fff;
}

.shop_mypage_wrapper01 .keyword_input_wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.shop_mypage_wrapper01 .keyword_input_box {
    display: flex;
    gap: 8px;
}

.shop_mypage_wrapper01 .keyword_input {
    flex: 1;
    height: 36px;
    padding: 6px 12px;
    background: #F5F5F5;
    border-radius: 2px;
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.shop_mypage_wrapper01 .keyword_input::placeholder {
    color: rgba(34, 34, 34, 0.5);
}

.shop_mypage_wrapper01 .keyword_btn_add {
    width: 80px;
    height: 36px;
    padding: 6px 12px;
    background: #0777FF;
    border-radius: 2px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    cursor: pointer;
    transition: background 0.2s;
}

.shop_mypage_wrapper01 .keyword_btn_add:hover {
    background: #0666dd;
}

.shop_mypage_wrapper01 .keyword_tag_list.removable {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.shop_mypage_wrapper01 .keyword_tag_item {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
}

.shop_mypage_wrapper01 .keyword_tag_item span {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.shop_mypage_wrapper01 .keyword_tag_remove {
    width: 16px;
    height: 16px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
}

.shop_mypage_wrapper01 .keyword_submit_btn {
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    background: #0777FF;
    border-radius: 2px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    cursor: pointer;
    transition: background 0.2s;
}

.shop_mypage_wrapper01 .keyword_submit_btn:hover {
    background: #0666dd;
}

.keyword_manage_wrap .inner {
    max-width: 928px;
}

@media (max-width: 928px) {
    .keyword_manage_wrap .inner {
        width: 93.75%
    }
}


/* 반응형 */
@media (max-width: 768px) {
    .shop_mypage_wrapper01 .keyword_manage_wrap {
        padding: 40px 0;
    }

    .shop_mypage_wrapper01 .keyword_section {
        padding: 24px 20px;
    }

    .shop_mypage_wrapper01 .keyword_title,
    .shop_mypage_wrapper01 .keyword_title_accent,
    .shop_mypage_wrapper01 .keyword_title_normal {
        font-size: 20px;
        line-height: 20px;
    }

    .shop_mypage_wrapper01 .keyword_desc {
        font-size: 14px;
        line-height: 14px;
    }

    .shop_mypage_wrapper01 .keyword_tag {
        padding: 6px 16px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .shop_mypage_wrapper01 .keyword_section_group {
        gap: 16px;
        margin-bottom: 16px;
    }

    .shop_mypage_wrapper01 .keyword_section {
        padding: 20px 16px;
    }

    .shop_mypage_wrapper01 .keyword_title,
    .shop_mypage_wrapper01 .keyword_title_accent,
    .shop_mypage_wrapper01 .keyword_title_normal {
        font-size: 18px;
        line-height: 18px;
    }

    .shop_mypage_wrapper01 .keyword_tag_list {
        gap: 8px;
    }

    .shop_mypage_wrapper01 .keyword_tag {
        padding: 6px 12px;
        font-size: 13px;
    }

    .shop_mypage_wrapper01 .keyword_input_box {
        flex-direction: column;
    }

    .shop_mypage_wrapper01 .keyword_btn_add {
        width: 100%;
    }
}


/* 20251203 추가 */
/* 이달의 작가 섹션 */
section.month_author {
    background: #EBEBEB;
    padding: 72px 0 144px;
}

section.month_author .inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 144px;
}

/* 배너 */
section.month_author .month_author_banner {
    width: 100%;
    height: 600px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.40) 100%), #C4C4C4;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

section.month_author .month_author_banner_text {
    position: absolute;
    right: 36px;
    bottom: 36px;
    color: #fff;
    font-size: 52px;
    font-weight: 500;
    white-space: nowrap;
}

section.month_author .month_author_banner_name {
    font-weight: 700;
}

/* 콘텐츠 영역 */
section.month_author .month_author_content {
    display: flex;
    gap: 18px;
}

section.month_author .month_author_content_left {
    flex: 1;
}

section.month_author .month_author_author_img {
    width: 100%;
    height: 921px;
    background: #C4C4C4;
}

section.month_author .month_author_content_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/* 작가 정보 */
section.month_author .month_author_author_info {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

section.month_author .month_author_author_message {
    color: #222;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.4;
}

section.month_author .month_author_author_desc {
    color: #888;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

/* 구분선 */
section.month_author .month_author_divider {
    width: 100%;
    height: 1px;
    background: #AAA;
}

/* 전시회 리스트 */
section.month_author .month_author_exhibit_list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
    position: relative;
}

section.month_author .month_author_exhibit_list::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 13px;
    bottom: 13px;
    width: 1px;
    background: #AAA;
}

section.month_author .month_author_exhibit_item {
    display: flex;
    align-items: center;
    gap: 18px;
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

section.month_author .month_author_exhibit_item::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #AAA;
    border-radius: 50%;
    flex-shrink: 0;
}

/* 전시 섹션 */
section.month_author .month_author_exhibit_section {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

section.month_author .month_author_section_title {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
    section.month_author {
        padding: 60px 0 100px;
    }

    section.month_author .inner {
        gap: 80px;
    }

    section.month_author .month_author_banner {
        height: 400px;
    }

    section.month_author .month_author_banner_text {
        font-size: 40px;
        bottom: 60px;
    }

    section.month_author .month_author_author_img {
        height: 600px;
    }

    section.month_author .month_author_author_message {
        font-size: 32px;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    section.month_author {
        padding: 40px 0 60px;
    }

    section.month_author .inner {
        gap: 50px;
    }

    section.month_author .month_author_banner {
        height: 300px;
    }

    section.month_author .month_author_banner_text {
        font-size: 28px;
        bottom: 40px;
    }

    section.month_author .month_author_content {
        flex-direction: column;
    }

    section.month_author .month_author_author_img {
        height: 400px;
    }

    section.month_author .month_author_content_right {
        gap: 24px;
    }

    section.month_author .month_author_author_message {
        font-size: 24px;
    }

    section.month_author .month_author_author_desc {
        font-size: 16px;
    }

    section.month_author .month_author_exhibit_item,
    section.month_author .month_author_section_title {
        font-size: 16px;
    }
}




/* 20251209 추가 */
/* 전체 섹션 */
.artist_intro_section_newnew {
    width: 100%;
}

/* 상단 프로필 영역 */
.artist_profile_area_newnew {
    background: #EBEBEB;
    padding: 72px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
}

/* 프로필 이미지 */
.profile_image_wrapper_newnew {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    background: #888888;
}

.profile_image_wrapper_newnew img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 프로필 정보 */
.profile_info_newnew {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    max-width: 800px;
    width: 100%;
}

.artist_name_newnew {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin: 0;
}

.artist_description_newnew {
    color: #888888;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    margin: 0;
}

/* 하단 이력 영역 */
.artist_history_area_newnew {
    background: #F2F2F2;
    padding: 72px 20px;
}

.history_inner_newnew {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.history_content_newnew {
    margin-left: 302px;
    padding-left: 36px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/* 왼쪽 세로선 */
.history_inner_newnew:before {
    content: '';
    position: absolute;
    left: 302px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #AAAAAA;
}

/* 이력 섹션 제목 */
.history_content_newnew h3,
.history_content_newnew h4,
.history_content_newnew .section_title_newnew {
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 18px 0;
}

/* 이력 리스트 */
.history_content_newnew ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.history_content_newnew li {
    display: flex;
    align-items: center;
    gap: 18px;
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

.history_content_newnew li:before {
    content: '';
    width: 13px;
    height: 13px;
    background: #AAAAAA;
    border-radius: 50%;
    flex-shrink: 0;
}

/* 섹션 그룹 */
.history_section_newnew {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* 반응형 - 큰 태블릿 */
@media screen and (max-width: 1440px) {
    .history_content_newnew {
        margin-left: 200px;
    }

    .history_inner_newnew:before {
        left: 200px;
    }
}

/* 반응형 - 태블릿 */
@media screen and (max-width: 1024px) {
    .artist_profile_area_newnew {
        padding: 50px 20px;
    }

    .profile_image_wrapper_newnew {
        width: 150px;
        height: 150px;
    }

    .artist_name_newnew {
        font-size: 22px;
    }

    .artist_description_newnew {
        font-size: 16px;
    }

    .artist_history_area_newnew {
        padding: 50px 20px;
    }

    .history_content_newnew {
        margin-left: 100px;
        padding-left: 30px;
    }

    .history_inner_newnew:before {
        left: 100px;
    }

    .history_content_newnew h3,
    .history_content_newnew h4,
    .history_content_newnew .section_title_newnew {
        font-size: 18px;
    }

    .history_content_newnew li {
        font-size: 16px;
    }
}

/* 반응형 - 모바일 */
@media screen and (max-width: 768px) {
    .artist_profile_area_newnew {
        padding: 40px 20px;
        gap: 24px;
    }

    .profile_image_wrapper_newnew {
        width: 120px;
        height: 120px;
    }

    .artist_name_newnew {
        font-size: 20px;
    }

    .artist_description_newnew {
        font-size: 14px;
    }

    .artist_history_area_newnew {
        padding: 40px 20px;
    }

    .history_content_newnew {
        margin-left: 40px;
        padding-left: 20px;
    }

    .history_inner_newnew:before {
        left: 20px;
    }

    .history_content_newnew h3,
    .history_content_newnew h4,
    .history_content_newnew .section_title_newnew {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .history_content_newnew li {
        font-size: 14px;
        gap: 12px;
    }

    .history_content_newnew li:before {
        width: 10px;
        height: 10px;
    }
}

/* 반응형 - 작은 모바일 */
@media screen and (max-width: 480px) {
    .artist_profile_area_newnew {
        padding: 30px 15px;
    }

    .profile_image_wrapper_newnew {
        width: 100px;
        height: 100px;
    }

    .artist_name_newnew {
        font-size: 18px;
    }

    .artist_description_newnew {
        font-size: 13px;
    }

    .artist_history_area_newnew {
        padding: 30px 15px;
    }

    .history_content_newnew {
        margin-left: 30px;
        padding-left: 15px;
    }

    .history_inner_newnew:before {
        left: 15px;
    }

    .history_content_newnew h3,
    .history_content_newnew h4,
    .history_content_newnew .section_title_newnew {
        font-size: 16px;
    }

    .history_content_newnew li {
        font-size: 13px;
    }
}


/* 필터 박스 스타일 */
.shop_filter_wrapper01 {
    background: #FAFAFA !important;
    padding: 20px !important;
    border-radius: 0;
    border: 1px solid #DEDEDE !important;
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
}

/* 필터 스크롤바 스타일 */
.shop_filter_wrapper01::-webkit-scrollbar {
    width: 6px;
}

.shop_filter_wrapper01::-webkit-scrollbar-track {
    background: #F5F5F5;
}

.shop_filter_wrapper01::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 3px;
}

.shop_filter_wrapper01::-webkit-scrollbar-thumb:hover {
    background: #CCCCCC;
}

.shop_filter_wrapper01 form {
    background: unset !important;
}

.shop_filter_box {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.shop_filter_box:last-child {
    border-bottom: none;
}

.shop_filter_menu_box {
    padding: 0;
}

.shop_filter_menu_box .alt_box {
    display: block !important;
    visibility: visible !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

/* 메뉴 토글 버튼 숨김 */
.shop_filter_menu_btn01 {
    display: none !important;
}

.shop_filter_menu_box .tit_box {
    margin-bottom: 20px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
    cursor: default;
    pointer-events: none;
}

/* Price Filter */
.filter_slider_wrapper01 {
    margin-bottom: 15px;
}

.filter_slider_wrapper01 #range-slider.ui-slider-horizontal {
    background-color: #DCDCDC;
    height: 3px;
}

.filter_slider_wrapper01 #range-slider.ui-slider-horizontal .ui-slider-range {
    background: #333;
    height: 3px;
}

.filter_slider_wrapper01 .ui-slider-horizontal .ui-slider-handle {
    width: 16px;
    height: 16px;
    background-color: #333;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.filter_value_display {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.price_range_text {
    font-size: 15px;
    color: #333;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter_apply_btn {
    background-color: #333;
    color: #FFF;
    padding: 8px 16px;
    border-radius: 2px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}

.filter_apply_btn:hover {
    background-color: #555;
}

/* Total Count Box */
.filter_total_count_box {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}

.filter_total_count_box .total_count_text {
    font-size: 15px;
    color: #333;
    text-decoration: underline;
}

.filter_total_count_box .total_count_number {
    color: #FF0000;
    font-weight: 600;
}

/* ALL ARTWORKS Box */
.filter_all_artworks_box {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}

.filter_all_artworks_box .filter_section_title {
    color: #5C5C5C;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.filter_divider {
    height: 1px;
    background-color: #DCDCDC;
    margin-bottom: 10px;
}

.filter_view_all_link {
    font-size: 15px;
    color: #333;
    text-decoration: underline;
    display: inline-block;
}

/* Filter Section Title */
.filter_section_title {
    color: #5C5C5C;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
}

/* Orientation Filter */
.orientation_button_group {
    display: flex;
    gap: 10px;
}

.orientation_btn {
    width: 75px;
    height: 75px;
    border: 1px solid #DEDEDE;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 2px;
}

.orientation_btn.active {
    border-color: #333;
    background-color: #F0F0F0;
}

.orientation_icon {
    width: 30px;
    height: 30px;
    /* border: 1px solid #999; */
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.30);
}

.square_icon {
    width: 40px;
    height: 40px;
}

.landscape_icon {
    width: 50px;
    height: 30px;
}

.portrait_icon {
    width: 30px;
    height: 50px;
}

/* Size Filter */
.size_button_group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.size_btn {
    padding: 4px 10px;
    background-color: #FFF;
    color: #333;
    text-decoration: underline !important;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #DEDEDE;
    position: relative;
    display: inline-block;
}

.size_btn.active {
    border-color: #333;
    background-color: #F0F0F0;
}

.size_badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #FF0000;
    color: #FFF;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 2px;
    min-width: 20px;
    text-align: center;
}

/* Category Filter */
.category_list_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category_list_item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.category_list_item span {
    font-size: 15px;
    color: #333;
    text-decoration: underline;
    margin-left: 8px;
}

.category_list_item input[type="checkbox"] {
    display: none;
}

.category_list_item.active span {
    font-weight: 600;
}

/* Popular Tags */
.tag_button_group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag_btn {
    padding: 4px 10px;
    border-radius: 2px;
    border: 1px solid #DEDEDE;
    background-color: #FFF;
    color: #333;
    text-decoration: underline !important;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}

.tag_btn.active {
    border-color: #333;
    background-color: #F0F0F0;
}


/* 20251215추가 */

.new_login_wrapper {
    padding: 60px 0;
    background-color: unset;
}

.login_etc_box01,
.login_bg01.new_agree {
    background: #F2F2F2;
}

.programCon_custom01.new_agree {
    padding: 0 0 144px 0 !important;
}

.new_main_tit h3 {
    color: #222;
    font-family: SpoqaHanSans;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new_company_tab ul {
    display: flex;
    gap: 36px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 36px;
}

.new_company_tab ul li a {
    color: #888;
    font-family: SpoqaHanSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.new_company_tab ul li a:link {
    color: #888;
}

.new_company_tab ul li.active a {
    color: #222;
    font-family: SpoqaHanSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.new_company_tab ul li:hover a {
    color: #222;
}

.new_login_tit {
    color: #222;
    font-family: SpoqaHanSans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 58.8px */
}


/* 회사소개 */
/* Company Section */

.section_company {
    background-color: #F2F2F2;
    padding: 72px 0 144px;
}

.section_company .inner {
    max-width: 1400px;
}

.section_company .main_title {
    font-family: 'SpoqaHanSans', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #222222;
    line-height: 58.8px;
    margin-bottom: 72px;
}

.section_company .intro_section {
    display: flex;
    gap: 72px;
    background: linear-gradient(270deg, rgba(234.98, 234.98, 234.98, 0.4) 0%, #EBEBEB 100%);
    margin-bottom: 72px;
    flex-wrap: wrap;
    align-items: center;
}

.section_company .intro_img {
    flex: 0 0 495px;
    min-width: 0;
}

.section_company .intro_img img {
    width: 100%;
    /* height: 607px; */
    aspect-ratio: 1 / 1.22626262;
    object-fit: cover;
}

.section_company .intro_text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 36px 36px 36px 0;
}

.section_company .section_title {
    font-family: 'SpoqaHanSans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #30463C;
}

.section_company .text_content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section_company .text_content p {
    font-family: 'SpoqaHanSans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    line-height: 28.8px;
}

.section_company .core_section {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 72px;
}

.section_company .core_list {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.section_company .core_item {
    padding-left: 36px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section_company .core_item_header {
    display: flex;
    align-items: baseline;
    gap: 9px;
    flex-wrap: wrap;
}

.section_company .core_icon {
    width: 13px;
    height: 13px;
    background-color: #F2F2F2;
    border: 3px solid #222222;
    flex-shrink: 0;
}

.section_company .core_item_title {
    font-family: 'SpoqaHanSans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #222222;
}

.section_company .core_item_content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section_company .core_item_content p {
    font-family: 'SpoqaHanSans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    line-height: 28.8px;
}

.section_company .closing_text {
    font-family: 'SpoqaHanSans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #30463C;
    line-height: 38.4px;
}



@media (max-width: 1400px) {
    .section_company .inner {
        width: 93.75%;
    }
}

@media (max-width: 1280px) {
    .section_company {
        padding: 60px 0 120px;
    }

    .section_company .main_title {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 60px;
    }

    .section_company .intro_section {
        gap: 48px;
        margin-bottom: 60px;
    }

    .section_company .section_title {
        font-size: 22px;
    }

    .section_company .text_content p,
    .section_company .core_item_content p {
        font-size: 16px;
        line-height: 26px;
    }

    .section_company .core_item_title {
        font-size: 18px;
    }

    .section_company .closing_text {
        font-size: 22px;
        line-height: 34px;
    }
}

@media (max-width: 1024px) {
    .section_company .intro_section {
        flex-direction: column;
    }

    .section_company .intro_img {
        flex: 0 0 100%;
    }

    /* .section_company .intro_img img {
        height: 500px;
    } */

    .section_company .intro_text {
        padding: 36px;
    }
}

@media (max-width: 768px) {
    .section_company {
        padding: 50px 0 100px;
    }

    .section_company .main_title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 50px;
    }

    .section_company .intro_section {
        gap: 36px;
        margin-bottom: 50px;
    }

    /* .section_company .intro_img img {
        height: 400px;
    } */

    .section_company .intro_text {
        padding: 24px;
    }

    .section_company .section_title {
        font-size: 20px;
    }

    .section_company .text_content p,
    .section_company .core_item_content p {
        font-size: 15px;
        line-height: 24px;
    }

    .section_company .core_section {
        margin-bottom: 50px;
    }

    .section_company .core_item {
        padding-left: 24px;
    }

    .section_company .core_item_title {
        font-size: 17px;
        width: calc(100% - 22px);
    }

    .section_company .closing_text {
        font-size: 20px;
        line-height: 32px;
    }
}

@media (max-width: 480px) {
    .section_company {
        padding: 40px 0 80px;
    }

    .section_company .main_title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .section_company .intro_section {
        gap: 24px;
        margin-bottom: 40px;
    }

    /* .section_company .intro_img img {
        height: 300px;
    } */

    .section_company .intro_text {
        padding: 20px;
    }

    .section_company .section_title {
        font-size: 18px;
    }

    .section_company .text_content p,
    .section_company .core_item_content p {
        font-size: 14px;
        line-height: 22px;
    }

    .section_company .text_content p br,
    .section_company .closing_text br {
        display: none;
    }

    .section_company .core_section {
        margin-bottom: 40px;
    }

    .section_company .core_list {
        gap: 24px;
    }

    .section_company .core_item {
        padding-left: 18px;
    }

    .section_company .core_item_title {
        font-size: 16px;
    }

    .section_company .closing_text {
        font-size: 18px;
        line-height: 28px;
    }
}


/* Contact Section */

.section_contact {
    background-color: #EBEBEB;
    padding: 144px 0;
}

.section_contact .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    max-width: 1400px;
}

@media (max-width: 1400px) {
    .section_contact .inner {
        width: 93.75%;
    }
}


.section_contact .contact_img {
    width: 100%;
    height: 600px;
    overflow: hidden;
    background-color: #C4C4C4;
}

.section_contact .contact_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.section_contact .contact_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section_contact .info_row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.section_contact .info_item {
    font-family: 'SpoqaHanSans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #222222;
}

.section_contact .contact_map {
    width: 100%;
    height: 600px;
}

.section_contact .contact_map iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 1280px) {
    .section_contact .contact_img {
        height: 500px;
    }

    .section_contact .info_item {
        font-size: 18px;
    }

    .section_contact .contact_map {
        height: 500px;
    }
}

@media (max-width: 768px) {
    .section_contact .contact_img {
        height: 400px;
    }

    .section_contact .info_item {
        font-size: 16px;
    }

    .section_contact .contact_map {
        height: 400px;
    }

    .section_contact {
        padding: 72px 0;
    }
}

@media (max-width: 480px) {
    .section_contact .inner {
        gap: 24px;
    }

    .section_contact .contact_img {
        height: 300px;
    }

    .section_contact .contact_info {
        gap: 12px;
    }

    .section_contact .info_row {
        flex-direction: column;
        gap: 12px;
    }

    .section_contact .info_item {
        font-size: 14px;
    }

    .section_contact .contact_map {
        height: 300px;
    }
}


/* 사용자 추가 스타일 */
.filter_year_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filter_year_wrapper .login_input_form_box01,
.filter_value_display .login_input_form_box01 {
    width: calc(50% - 5px);
}

.shop_filter_menu_box .tit_box .tit {
    color: #5C5C5C;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media (max-width: 1024px) {
    .shop_filter_wrapper01 {
        min-height: unset;
        max-height: unset;
        overflow-y: visible;
    }
}