@charset "utf-8";



body.mobile {
    zoom: 100%
}

#wrap {
    width: 720px !important;
    margin: 0 auto !important;
    position: relative;
    /* height: 100%; */
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

html.fixed,
body.fixed {
    overflow: hidden !important;
    touch-action: none;
}


.inner {
    width: calc(100% - 30px);
    margin: 0 auto;
}

body.web {
    zoom: 70%;
}

body.hidden {
    overflow: hidden;
}

#container {
    padding: 103px 0 106px;
    /* min-height: calc(100vh - 700px); */
    min-height: calc(var(--vh, 1vh) * 100);
}

#container.main {
    padding: 0
}





/* ===================== header */
#header {
    z-index: 1000;
    max-width: 720px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 50%;
    transition: all 0.5s;
    transform: translateX(-50%);
}

#header.item_view {
    transition: none;
}

#header.fixed.up {
    top: -100%;
}

#header.up {
    top: 0;
}

#header.down {
    background: #fff;
    border-bottom: 2px solid #dbdbdb;
}

#header.down.ios_header {
    background: transparent;
    border-bottom: none;
}

#header .h_top {
    /* border-bottom: 2px solid #dbdbdb; */
    background: transparent;
}

#header .bg_b {
    width: 100%;
    height: 186px;
    background: url(../img/main/bg_b.png);
    position: absolute;
    top: 0;
    z-index: -1;
}

#header.down .bg_b {
    display: none;
}

#header .h_top .inner {
    position: relative;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    height: 105px;
}

#header .logo {
    width: 245px;
    height: 85px;
    display: flex;
    padding-left: 15px;
}

#header.down.ios_header .logo a,
#header.up .logo a,
#header .logo a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/common/logo_news.png);
    background-size: 193px 76px;
    background-repeat: no-repeat;
    background-position: center;
}

#header.down .logo a {
    background-image: url(../img/common/logo_new.png);
}

.sub_top .cart_brn,
#header .cart_brn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
}

.sub_top .cart_brn a,
#header .cart_brn a {
    font-size: 0;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94px;
    height: 94px;
}

#header.down.ios_header .cart_brn a i,
.sub_top .cart_brn a i,
#header.sub_header.item_view .cart_brn a i,
#header.up .cart_brn a i,
#header .cart_brn a i {
    position: relative;
    display: block;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    background: no-repeat center / 38px auto;
    background-image: url(../img/ico/cart_btn_new.png);
    background-color: #00000099;
}

#header.down.ios_header .cart_brn a i.btn_plus,
.sub_top .cart_brn a i.btn_plus,
#header.sub_header.item_view .cart_brn a i.btn_plus,
#header.up .cart_brn a i.btn_plus,
#header .cart_brn a i.btn_plus {
    background-image: url(../img/ico/search_btn.png);
    width: 83px;
    height: 83px;
    background-color: #00000099;
    border-radius: 50%;
}

.sub_top .cart_brn a i,
#header.sub_header.item_view.down .cart_brn a i,
#header.sub_header .cart_brn a i,
#header.down .cart_brn a i {
    background-image: url(../img/ico/cart_btn_b.png);
    background-color: transparent;
}

.sub_top .cart_brn a i.btn_plus,
#header.sub_header.item_view.down .cart_brn a i.btn_plus,
#header.sub_header .cart_brn a i.btn_plus,
#header.down .cart_brn a i.btn_plus {
    background-image: url(../img/ico/plus_btn_b.png);
    background-color: transparent;
}

.sub_top .cart_brn .count,
#header .cart_brn .count {
    position: absolute;
    top: 40px;
    right: 9px;
    font-size: 20px;
    color: #fff;
    background: #e83d40;
    padding: 0 10px;
    display: flex;
    line-height: 30px;
    justify-content: center;
    border-radius: 50%;
}

.sub_top .cart_brn .count.area,
#header .cart_brn .count.area {
    border-radius: 10px;
    padding: 0 6px;
    line-height: 32px;
    right: -30px;
}

/* 아이템뷰 헤더 */





#header.all_open {
    height: 100%;

}

.all_menu {
    position: fixed;
    top: 0;
    left: 50%;
    width: 720px;
    height: 100%;
    background: #fff;
    z-index: 100;
    transform: translateX(-50%);
    padding: 104px 0 100px;
}

.all_menu .menu_wrap {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    padding-bottom: 90px;
}

.subheader .sub_top {
    position: static;
}

.sub_top {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #dbdbdb;
    background: #fff;
    height: 104px;
    position: fixed;
    top: 0;
    left: 0;
    width: 720px;
}

.sub_tops {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #dbdbdb;
    background: #fff;
    height: 104px;
    position: fixed;
    top: 0;
    left: 0;
    width: 720px;
    background-color: #fe3a40;
}

#header.item_view .sub_top {
    border-bottom: none;
    background: transparent;
}

#header.item_view.down .sub_top {
    background: #fff;
    border-bottom: 2px solid #dbdbdb;
}

.hide_ttl {
    font-size: 0 !important;
    color: transparent !important;
}

.item_view.down .sub_top h3,
.sub_top h3 {
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 160px);
    width: 100%;
    margin: 0 auto;
    /* color: #fff; */
    line-height: 1.2;
    word-break: keep-all;
    text-align: center;
}

.item_view.down .sub_tops h3,
.sub_tops h3 {
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 160px);
    width: 100%;
    margin: 0 auto;
    color: #fff;
    line-height: 1.2;
    word-break: keep-all;
    text-align: center;
}

.item_view.down .sub_top h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.item_view.up .sub_top {
    background: transparent;
}

.item_view.up .sub_tops {
    background: transparent;
}

.item_view.up .sub_top h3,
.item_view .sub_top h3 {
    color: transparent;
}

.item_view.down .sub_top .all_close,
.sub_top .all_close {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 104px;
    height: 104px;
    background: no-repeat center / 22px auto;
    background-image: url(../img/common/sub_top_back_w.png);
    font-size: 22px;
    color: #454545;
    z-index: 10;
    font-weight: 500;
}

.item_view.down .sub_tops .all_close,
.sub_tops .all_close {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 104px;
    height: 104px;
    background: no-repeat center / 22px auto;
    background-image: url(../img/common/sub_top_back_w.png);
    font-size: 22px;
    color: #454545;
    z-index: 10;
    font-weight: 500;
}
.sub_top .back_close {
    position: absolute;
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
    width: 22px;
    height: 30px;
    background: no-repeat center / 22px auto;
    background-image: url(../img/btn/sub_top_back.png);
    font-size: 22px;
    color: #454545;
    z-index: 10;
    font-weight: 500;
}
.item_view .sub_tops .all_close {
    /* background-image: url(../img/common/sub_top_back_w.png); */
    color: #fff;
}

.close_btn.right,
.all_close.right {
    left: initial !important;
    right: 0;
}

.close_btn.left,
.all_close.left {
    left: 0;
    right: initial !important;
}


.all_menu .menu_box {
    padding: 50px 30px 120px;
    box-sizing: border-box;
}


.all_menu .menu_box .label {
    font-size: 32px;
    display: block;
    margin-bottom: 30px;
}

.all_menu .menu_box .menu_cont {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 15px;
}

.all_menu .menu_box .title {
    font-size: 50px;
    letter-spacing: -2px;
    color: #252525;
    font-weight: 500;
}

.all_menu .menu_box span {
    font-size: 24px;
    letter-spacing: -1px;
    color: #777777;
    font-weight: 500;
}

.all_menu .menu_box .menu_link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 44px;
}

.all_menu .menu_box .menu_link.menu_link_sub {
    justify-content: space-evenly;
}

.all_menu .menu_box .menu_link .link_btn {
    width: 180px;
    height: 67px;
    border-radius: 33px;
    background-color: #fe3a40;
    border: 3px solid #fe3a40;
    font-size: 28px;
    letter-spacing: -1px;
    color: #ffffff;
    font-weight: 500;
}

.all_menu .menu_box .menu_link.menu_link_sub .link_btn {
    width: 260px;
}

.all_menu .menu_box .menu_link .link_btn a {
    color: #fff;
}

.all_menu .menu_box .menu_link .link_btn.find a {
    color: #333;
}

.all_menu .menu_box .menu_link .link_btn.join {
    border: 3px solid #fe3a40;
    background-color: #fff;
    color: #fe3a40;
}

.all_menu .menu_box .menu_link .link_btn.find {
    border: 3px solid #333;
    background-color: #fff;
    color: #333;
}

.all_menu .menu_box .menu_card {
    display: flex;
    gap: 25px;
    margin-top: 75px;
}

.all_menu .menu_box .menu_card .card {
    width: 204px;
    height: 170px;
    border-radius: 10px;
    background-color: #f2f2f2;
    border: 2px solid #eeeeee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.all_menu .menu_box .menu_card .card img {
    width: 76px;
    height: 70px;
    margin-bottom: 20px;
}

.all_menu .menu_box .menu_card .card p {
    font-size: 26px;
    letter-spacing: -1px;
    color: #252525;
}

.all_menu .menu_box .cont_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_menu .menu_box .cont_top .ttl {
    font-size: 32px;
    letter-spacing: -1px;
    color: #fe3a40;
    font-weight: 500;
}

.all_menu .menu_box .cont_top .flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.all_menu .menu_box .cont_top .cate {
    font-size: 24px;
    color: #999999;
    width: 134px;
    height: 54px;
    border-radius: 27px;
    border: 2px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_menu .menu_box .desc {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.all_menu .menu_box .desc .card {
    /* width: 305px; */
    width: calc(50% - 12.5px);
    border-radius: 10px;
    background-color: #f9f9f9;
    border: 2px solid #eeeeee;
    display: flex;
    align-items: center;
    padding: 15px 25px;
    margin-top: 20px;
}

.all_menu .menu_box .desc .card:nth-child(2n - 1) {
    margin-right: 25px;
}

.all_menu .menu_box .desc .card img {
    width: 76px;
    height: 76px;
    margin-right: 20px;
}

.all_menu .menu_box .desc .card p {
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #252525;
}

.all_menu .menu_box .story {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.all_menu .menu_box .story .card {
    width: calc((100% - 40px) / 3);
    height: 110px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 2px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_menu .menu_box .story .card p {
    font-size: 26px;
    color: #252525;
    font-weight: 500;
}

.all_menu .series_list,
.all_menu .product_list {
    display: flex;
    flex-wrap: wrap;
}

.all_menu .series_list li,
.all_menu .product_list li {
    width: calc(33.333% - 16px);
    margin-right: 24px;
}

.all_menu .series_list li:nth-of-type(3n),
.all_menu .product_list li:nth-of-type(3n) {
    margin-right: 0;
}

.all_menu .series_list li:nth-child(n+4),
.all_menu .product_list li:nth-child(n+4) {
    margin-top: 22px;
}

.all_menu .product_list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    font-size: 26px;
    padding: 22px 0 26px;
}

.all_menu .product_list li a .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    margin-bottom: 8px;
}

.all_menu .community_list {
    display: flex;
    flex-wrap: wrap;
}


.all_menu .community_list li {
    width: calc(50% - 12px);
    margin-right: 24px;
}

.all_menu .community_list li:nth-of-type(2n) {
    margin-right: 0;
}

.all_menu .community_list li:nth-child(n+3) {
    margin-top: 24px;
}

.all_menu .community_list li a {
    display: flex;
    background: #f9f9f9;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    padding: 15px 10px 15px 28px;
    box-sizing: border-box;
    align-items: center;
    font-size: 26px;
}

.all_menu .community_list li .ico {
    display: block;
    width: 76px;
    height: 76px;
    margin-right: 22px;
}

.all_menu .series_list li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    min-height: 106px;
}

.all_menu .series_list li a {
    font-size: 26px;
    line-height: 1.3;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.all_menu .full_menu_header_logo {
    position: absolute;
    left: 40px;
}










/*  ----------------------------------   // header //   */

/* ================== fix_menu  */
.fix_menu.none {
    display: none;
}

.fix_menu {
    z-index: 1000;
    max-width: 720px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 2px solid #eeeeee;
    background: #fff;
}

.fix_menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 0 40px; */
    height: 110px;
}
.fix_menu ul li{
    flex: 1;
}
/* .fix_menu ul li img{
    margin: 0 auto;
} */
.fix_menu ul li * {
    display: block;
    font-size: 24px;
    text-align: center;
    line-height: 100px;
}

.fix_menu ul li a .img_active {
    display: none;
}

.fix_menu ul li a.active .img_active {
    display: block;
}

.fix_menu ul li a.active .default {
    display: none;
}

.fix_menu ul li .on {
    color: #e4005a;
}

.full_menu {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: calc(100% - 110px);
    z-index: 999;
    overflow: auto;
    max-width: 720px;
    background-color: #fff;
}

.full_menu::-webkit-scrollbar {
    width: 0;
}

.full_menu .full_menu_header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    padding: 35px 0;
}

.full_menu .full_menu_header img.full_menu_header_logo {
    position: absolute;
    left: 40px;
}

.full_menu .full_menu_header h4 {
    font-size: 32px;
    font-weight: 700;
    color: #252525;
}

.full_menu .full_menu_child {
    padding-top: 60px;
}

.full_menu .full_menu_child__ttl {
    padding-bottom: 30px;
    font-size: 32px;
    font-weight: 700;
    color: #252525;
}

.full_menu .full_menu_child__content {
    display: flex;
    flex-wrap: wrap;
    gap: 24PX;
}

.full_menu .full_menu_child__content li {
    border-width: 2px;
    border-color: #eeeeee;
    border-style: solid;
    border-radius: 10px;
    display: flex;
    gap: 22px;
    font-size: 26px;
    color: #252525;
}

.full_menu .full_menu_child__content.full_menu_1 li {
    background-color: #ffffff;
    width: calc((100% - 24px * 2) / 3);
    flex-direction: column;
    padding: 30px 0;
    align-items: center;
}

.full_menu .full_menu_child__content.full_menu_2 li {
    background-color: #f9f9f9;
    width: calc(50% - 12px);
    padding: 17px 30px;
    align-items: center;
}

.full_menu .full_menu_child__content.full_menu_3 li {
    background-color: #ffffff;
    width: calc((100% - 24px * 2) / 3);
    padding: 40px 0;
    justify-content: center;
}

.full_menu .sub_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
    border-top: 2px solid #eeeeee;
    margin-top: 100px;
}

.full_menu .sub_menu li {
    width: 20%;
}

.full_menu .sub_menu li * {
    display: block;
    font-size: 24px;
    text-align: center;
}

.full_menu .sub_menu li *.on {
    color: #e4005a;
}

/* -------------------------  // floting_btn //*/

/* =====================   footer */
footer#footer {
    background-color: #000000;
    padding-top: 35px;
}

.footer_links {
    display: inline-block;
    gap: 25px;
}

.footer_links li {
    margin-right: 25px;
    line-height: 1.833;
    display: inline-block;
}

.footer_links li a {
    color: #fff;
}

.phone_nums {
    margin-top: 43px;
}

.phone_nums li,
.phone_nums li a {
    color: #fff;
    font-size: 24px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.429;
}

.works_time {
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    color: #c9c9c9;
    margin-top: 25px;
}

.social_links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding: 20px 0;
    border-top: 2px solid #1b1b1b;
    border-bottom: 2px solid #1b1b1b;
    margin-top: 30px;
}

/* #footer.pad .footer_bot {
    padding-bottom: 60px;
} */
.footer_bot {
    /* background: #f9f9f9; */
    padding: 35px 0 160px;
}

.footer_bot .fb_top p {
    font-size: 24px;
    color: #888888;

    display: flex;
}

.footer_bot .fb_top p span {
    display: block;
    max-width: 120px;
    width: 100%;
    color: #c9c9c9;
    opacity: 0.58;
}

.footer_bot .fb_top p+p {
    margin-top: 30px;
}

.footer_bot .fb_bot span {
    font-size: 22px;
    color: #c9c9c9;
    opacity: 0.58;
    line-height: 1.6;
}

.footer_bot .fb_bot span+span {
    position: relative;
    padding-left: 20px;
    margin-left: 9px;
}

.footer_bot .fb_bot span+span::after {
    content: '';
    display: block;
    width: 2px;
    height: 22px;
    background: #e0e0e0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


.copyright {
    opacity: 0.58;
    color: #c9c9c9;
    font-size: 20px;
    margin-top: 25px;
}









/*  ----------------------------------  // footer */

/* =====================  item */


.itme_type01 {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.itme_type01>li,
.itme_type01.view_2>li {
    width: calc(50% - 9px);
    margin: 0 18px 0 0;
}

.itme_type01.view_1>li {
    width: 100%;
    margin: 0;
}

.itme_type01 .slick-track {
    display: flex;
}

.itme_type01 .slick-track .slick-track {
    transition: all 0.5s;
}

.itme_type01>li .slick-slide {
    flex: 0 0 auto;
}

.itme_type01.view_1>li .slick-slide {
    width: 660px !important;
}

.itme_type01.view_1>li .slick-slide span {
    display: flex;
    width: 660px !important;
    max-width: 660px;
}

.itme_type01.view_2>li .slick-slide span {
    width: 321px;
}

.itme_type01.view_2>li .slick-slide {
    width: 321px !important;
}

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

.itme_type01.view_1>li+li,
.itme_type01>li:nth-of-type(n+3) {
    margin-top: 40px;
}

.itme_type01 .item_img_slider a {
    /* position: relative; */
    width: 100%;
}

.itme_type01 .item_top .slick-dots {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
}

.itme_type01 .item_top .slick-dots li {
    width: 100%;
    height: 6px;
}

.itme_type01 .item_top .slick-dots li button {
    background: #eeeeee;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: transparent;
    transition: all 0.3s;
}

.itme_type01 .item_top .slick-dots li:first-child button {
    border-radius: 10px 0 0 10px;
}

.itme_type01 .item_top .slick-dots li:last-child button {
    border-radius: 0 10px 10px 0;
}

.itme_type01 .item_top .slick-dots li.slick-active button {
    background: #cacaca;
}

.itme_type01 .thum_img {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 16px;
}

.itme_type01 .thum_img .in_img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-color:#f3f3f3; */
}

.itme_type01 .item_top {
    position: relative;
}

.itme_type01 .item_top .icon_view_images {
    position: absolute;
    top: 21px;
    right: 23px;
}

.itme_type01 .item_top .ico_box {
    position: absolute;
    bottom: 21px;
    left: 20px;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    gap: 7px;
    line-height: 40px;
}

.itme_type01 .item_top .ico_box .ico {
    /* border-radius: 5px;
    line-height:40px ;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; */
    height: 40px;
}

.itme_type01 .item_top .ico_box .ico img {
    max-height: 40px;
}

/* .itme_type01 .item_top .ico_box .ico.best {
    background:#e4005a ;
} 
.itme_type01 .item_top .ico_box .ico.new {
    background:#9e68be ;
}  */
.itme_type01 .item_top .ico_box .ico+.ico {
    /* margin-left: 10px; */
}

.itme_type01 .item_top .zzim_ico {
    position: absolute;
    bottom: 29px;
    right: 20px;
    display: block;
    width: 34px;
    height: 29px;
    background: no-repeat center / 34px auto;
    background-image: url(../img/ico/icon_no_heart.png);
    cursor: pointer;

}

.itme_type01 .item_top .zzim_ico.on {
    background-image: url(../img/ico/icon_heart.png);
}

.itme_type01 .item_top .lens_img {
    position: absolute;
    bottom: 16px;
    right: 19px;
    /* display: none; */
    width: 70px;
    height: 70px;
}

.itme_type01 .item_top .lens_img img {
    border-radius: 50%;
}

.itme_type01 .item_top .lens_img span {
    display: block;
    width: 100%;
    padding-top: 100%;
    background: no-repeat center / cover;
    border-radius: 50%;
}

.vti_popular ul.review_list li.no_cont,
.my_page ul li.no_cont,
.itme_type01 li.no_cont {
    background: #f9f9f9;
    border: 2px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 70px 20px;
    width: 100%;
    border-radius: 10px;
    margin: 0;
}

.vti_popular .review_list li.no_cont .ico,
.my_page ul li.no_cont .ico,
.itme_type01 li.no_cont .ico {
    display: block;
    width: 54px;
    height: 54px;
    background: no-repeat center;
    background-image: url(../img/ico/no_ico.png);
}

.vti_popular .review_list li.no_cont p,
.my_page ul li.no_cont p,
.itme_type01 li.no_cont p {
    font-size: 28px;
    color: #999999;
    text-align: center;
    margin-top: 30px;
}

.my_page ul li.no_cont a,
.itme_type01 li.no_cont a {
    display: inline-block;
    padding: 0 40px;
    line-height: 70px;
    background: #474646;
    color: #fff;
    border-radius: 10px;
    margin-top: 40px;
}


/* 하단텍스트 */
.itme_type01 .item_content {
    position: relative;
}

.itme_type01 .item_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 0 0;
    box-sizing: border-box;
}

.itme_type01 .item_content .ic_subject {
    font-size: 28px;
    font-weight: 700;
    color: #252525;
    max-width: 100%;
    width: 100%;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.itme_type01 .item_content .ic_subject .product_cat {
    font-size: 22px;
    color: #6b6b6b;
    font-weight: 400;
}

.itme_type01 .item_content .ic_subject+* {
    margin-top: 16px;
}

.itme_type01 .item_content .item_coment {
    font-size: 22px;
    line-height: 1.3;
    color: #999999;
    word-break: keep-all;
    margin-top: 18px;
}

.itme_type01 .item_content .ic_pay {
    font-size: 32px;
    font-weight: 500;
    color: #252525;
    display: flex;
    align-items: center;
}

.itme_type01 .item_content .ic_pay>strong {
    /* font-family: 'NanumSquare', sans-serif; */
    font-size: 32px;
    font-weight: 900;
    color: #252525;
}

.itme_type01 .item_content .ic_pay .red {
    font-weight: 700;
    font-size: 18px;
    vertical-align: baseline;
    color: #ed413f;
    text-decoration: none;
    margin-right: 6px;
}

.itme_type01 .item_content .ic_pay .red i {
    font-weight: 500;
    font-family: 'Noto Sans KR';
    font-size: 14px;
    margin-left: 2px;
}

.itme_type01 .item_content .ic_pay .red strong {
    font-size: 18px;
    font-weight: 700;
}

.itme_type01 .item_content .ic_pay .above {
    font-size: 24px;
    font-weight: 500;
    color: #bbbbbb;
    font-style: normal;
    display: inline-block;
    text-decoration: line-through;
    margin-left: 10px;
}

.itme_type01 .item_content .ic_pay .discount {
    margin-left: auto;
    font-size: 33px;
    color: #fe3a40;
    font-weight: 800;
}

.itme_type01 .item_content .review_box {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.itme_type01 .item_content .review_box i {
    display: block;
    width: 31px;
    height: 31px;
    ;
    background: no-repeat center / 31px auto;
    background-image: url(../img/ico/star.png);
}

.itme_type01 .item_content .review_box em {
    font-size: 22px;
    font-weight: 500;
    margin: 0 16px 0 8px;
}

.itme_type01 .item_content .review_box span {
    color: #999999;
    font-size: 22px;
}

.itme_type01 .item_content .review_box .like_cnt {
    font-size: 22px;
    color: #555555;
}

.itme_type01 .item_content .review_box .zzim_ico {
    display: block;
    width: 37px;
    height: 29px;
    background: no-repeat center / 34px auto;
    background-image: url(../img/ico/icon_no_heart.png);
    cursor: pointer;

}

.itme_type01 .item_content .review_box .zzim_ico.on {
    background-image: url(../img/ico/icon_heart.png);
}

.itme_type01 .item_content .review_box .num_of_heart {
    margin-left: 45px;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 상품 아이콘 */
.itme_type01 .thum_img .new_ico {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #ed1e23;
}

/* 아이템 리스트 팝업 */
.item_search_pop {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    max-width: 720px;
    background: #fff;
    z-index: 2000;
    display: none;

}

.item_search_pop .search_p_wrap {
    padding-top: 170px;
}

/* #container.item_list .inner {
    width: calc(100% - 40px);
} */

#container.item_list .itme_type01.view_1>li .slick-slide {
    width: 690px !important;
}

#container.item_list .itme_type01.view_1>li .slick-slide span {
    display: flex;
    width: 690px !important;
    max-width: 690px;
}

#container.item_list .itme_type01.view_2>li .slick-slide span {
    width: 336px;
}

#container.item_list .itme_type01.view_2>li .slick-slide {
    width: 336px !important;
}



/* ============================= item_catagory */
/* #container.item_list {
    padding-top: 0;
    padding-bottom: 150px;
    box-sizing: border-box;
} */

.sub_visual {
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat center / cover;
    background-image: url(../img/sub/sub_visual.png);
    min-height: 261px;
}

.sub_visual h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 400;
    font-family: 'NanumSquare';
}

.item_cate .sub_wrap {
    margin-top: 90px;
    padding-bottom: 60px;
}

.item_cate_list .item_type02 {
    display: flex;
    flex-wrap: wrap;

}

.item_cate_list .item_type02 li {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 60px;
}

.item_cate_list .item_type02 li:nth-of-type(4n) {
    margin-right: 0;
}

.item_cate_list .item_type02 li a {
    display: flex;
    flex-direction: column;
}

.item_cate_list .item_type02 .cata_img {
    display: block;
    width: 100%;
    padding-top: 100%;
    background: no-repeat center/ cover;
}

.item_cate_list .item_type02 .item_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.item_cate_list .item_type02 .ic_label {
    font-size: 22px;
    font-weight: 500;
    display: block;
    padding-bottom: 20px;
}

.item_cate_list .item_type02 .ic_desc {
    display: block;
    text-align: center;
    color: #757575;
    line-height: 1.5;
    margin-bottom: 32px;
}

.item_cate_list .item_type02 .more_view {
    font-size: 16px;
    border-bottom: 1px solid #454545;
    padding-bottom: 3px;
}



/* ==================================== sub_item_list */
.item_list .sub_wrap {
    position: relative;
}

.it_listop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}


.it_listop .item_num {
    font-size: 18px;
    color: #252525;
}

.it_listop .item_num strong {
    font-size: 18px;
    color: #ed1e23;
    margin-left: 3px;
}

.item_detail_box .now_btn {
    display: none;
}

.item_detail_tab {
    display: flex;
}

.item_detail_tab li+li {
    margin-left: 20px;
}

.item_detail_tab button {
    display: inline-block;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #999999;
}


.item_detail_tab button.active {
    color: #252525;
}

/* 상품뷰 관련 인기상품 */

.item_type02 .item_box .in_img {
    display: block;
    width: 100%;
    height: 182px;
    padding-top: 100%;
    background: no-repeat center / cover;
    border-radius: 10px;
}

.item_type02 .item_content {
    padding-top: 20px;
}

.item_type02 .item_content .ic_subject {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 12px;

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

.item_type02 .item_content .ic_subject a {
    display: block;
}

.item_type02 .item_content .red {
    color: #f43142;
    font-weight: 500;
    font-size: 20px;
}

.item_type02 .item_content .pay {
    font-size: 16px;
    font-weight: 400;
    margin-left: 4px;
}

.item_type02 .item_content .ic_pay {
    display: flex;
    flex-direction: column-reverse;
}

.item_type02 .item_content .ic_pay span {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #bbbbbb;
    text-decoration: line-through;
    margin-top: 10px;
}

.item_type02 .item_content strong {
    font-size: 28px;
    font-weight: 900;
    font-family: 'NanumSquare';
}

.item_type02 .item_content strong em {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Noto Sans KR';
}

/* =========================================  페이저 */

.next_prev_box ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.next_prev_box ul li {
    display: flex;
    justify-content: center;
    align-items: center;

}

.next_prev_box ul li+li {
    margin-left: 10px;
}

.next_prev_box ul li .first_page {
    background-image: url("../img/common/pager_all_prev.png");
}

.next_prev_box ul li .preview {
    margin-right: 16px;
    background-image: url("../img/common/pager_prev.png");
}

.next_prev_box ul li .next {
    margin-left: 16px;
    background-image: url("../img/common/pager_next.png");
}

.next_prev_box ul li .last_page {
    background-image: url("../img/common/pager_all_next.png");
}

.next_prev_box ul li a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    color: #252525;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.next_prev_box ul li a.on {
    background: none;
    color: #fe3a40;
    font-weight: 700;
}


/* -------------  // 페이저 //  */

/* =============================  고객센터 글쓰기 */
.contact .note-modal-footer {
    height: 60px;
}

.contact .note-modal-footer::after {
    clear: both;
    display: none;
    content: '';
}

.contact .write_wrap {
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dbdbdb;
}

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

.contact .write_wrap li .label {
    font-size: 18px;
    display: block;

}

.contact .write_wrap li .label+div {
    padding-top: 14px;
}

.contact .write_wrap li select,
.contact .write_wrap li input {
    height: 42px !important;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    outline: none;
}

.contact .write_wrap li select {
    max-width: 260px;
    width: 100%;
}

.contact .write_wrap li input.writer {
    background: #fafafa;
    color: #757575;
    max-width: 420px !important;
    width: 100%;
}

.contact .write_wrap li input[type='text'] {
    max-width: 620px;
    width: 100%;
}

.contact .write_wrap li textarea {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    resize: none;
    overflow-y: auto;
    padding: 10px;
    font-size: 16px;
    outline: none;
}

.contact .write_wrap li .file_up {
    display: flex;
    align-items: center;
}

.contact .write_wrap li .file_up+.file_up {
    margin-top: 10px;
}

.contact .write_wrap li .input_wrap {
    position: relative;
    margin-right: 6px;
}

.contact .write_wrap li .file_up input[type='text'] {
    max-width: 240px;
    font-size: 16px;
    margin-left: 0;
}

.contact .write_wrap li .file_up .alliance_file_del,
.contact .write_wrap li .file_up .file_label {
    border: 2px solid #ed1e23;
    line-height: 38px;
    width: 100px;
    text-align: center;
    border-radius: 5px;
    color: #ed1e23;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.contact .write_wrap li .file_up .alliance_file_del {
    margin-left: 10px;
}

.contact .write_wrap li.secret input[type="checkbox"] {
    display: none;
}

.contact .write_wrap li.secret input[type="checkbox"]+label {
    font-size: 18px;
    padding-left: 33px;
    background: no-repeat center left;
    background-image: url(../img/common/check03.png);
}

.contact .write_wrap li.secret input[type="checkbox"]:checked+label {
    background-image: url(../img/common/check03_on.png);
}

.contact .write_wrap li.secret .pw {
    margin-top: 15px;
}

.contact .write_wrap li.secret .pw input {
    max-width: 240px;
}

.contact.alliance_view .about_alliance_btnbox {
    display: flex;
    margin: 40px auto 0;
    justify-content: center;
}


.contact.alliance_view .about_alliance_btnbox button {
    width: 200px;
    height: 62px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 5px;
    float: none;
    margin: 0;
}

.contact.alliance_view button.about_alliance_cancle {
    border: solid 2px #ed1e23;
    color: #ed1e23;
    margin-right: 10px;
}

/* -------------------------- // 고객센터 글쓰기 // */

/* ==========================================  고객센터 뷰페이지 */
.contact_news_view {
    /* padding-top: 40px; */
}

.contact_news_view .view_tb>div {
    box-sizing: border-box;
}

.contact_news_view .view_tb>div.left {
    line-height: 1.5;
}

.contact_news_view .view_tag {
    margin-bottom: 24px;
}

.contact_news_view .view_tag i {
    display: inline-block;
    padding: 0 16px;
    border-radius: 99px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 40px;
}

.contact_news_view .view_tag i.on_tag {
    background: #00a8b7;
}

.contact_news_view .view_tag i.off_tag {
    background: #00a204;
}

.contact_news_view .view_tb .subject {
    font-size: 34px;
    font-weight: 700;
    color: #252525;
    text-align: left;
    padding: 0 0 26px;
    margin-bottom: 30px;
    border-bottom: 2px solid #454545;
    float: none;
    line-height: 1.4;
    word-break: break-all;
}

.contact_news_view .view_tb .view_info {
    display: flex;
    flex-direction: column;

}

.contact_news_view .view_tb .view_info .info_d {
    border-bottom: 1px solid #252525;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.contact_news_view .view_tb .view_info .info_f {
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.contact_news_view .view_tb .view_info .info_f span+span {
    margin: 0;
    margin-top: 18px;
}

.contact_news_view .view_tb .view_info .info_f,
.contact_news_view .view_tb .view_info .info_f a {
    color: #757575;
    font-size: 18px
}

.contact_news_view .view_tb .view_info .info_f p {
    margin-top: 18px;
}

.contact_news_view .view_tb .view_info .info_f a {
    display: inline-flex;
    align-items: center;
}

.contact_news_view .view_tb .view_info .info_f i {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: url(../img/ico/file_ico.png) no-repeat center;
}

.contact_news_view .view_tb .view_info .rig {
    display: flex;
    align-items: center;
}

.contact_news_view .view_tb .view_info span {
    color: #888888;
}

.contact_news_view .view_tb .view_info span+span {
    margin-left: 16px;
}


/* ============================================  1:1 문의 뷰 */

.contact_news_view .view_tb .view_info.flex-row {
    flex-direction: row;
    padding-bottom: 18px;
    border-bottom: 1px solid #252525;
}

.contact_news_view .view_tb .view_info.flex-row div+div {
    margin-left: 30px;
}

.contact_news_view .view_tb .view_info span.color_75 {
    color: #757575;
}

.contact_news_view .view_tb .view_info span.color_45 {
    color: #454545;
}

.cs_inquiry_view .view_tb .view_box {
    border-bottom: none !important
}

.cs_inquiry_view .comment_box {
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
}

.cs_inquiry_view .comment_box .com_top {
    display: flex;
    margin-bottom: 20px;
}

.cs_inquiry_view .comment_box .com_top p {
    font-size: 20px
}

.cs_inquiry_view .comment_box .com_top p+p {
    margin-left: 28px;
}

.cs_inquiry_view .comment_box .com_top p .date {
    color: #999999;
}

.cs_inquiry_view .comment_box .com_bot {
    background: #fafafa;
    padding: 40px;
    min-height: 200px;
    font-size: 18px;
    line-height: 1.7;
}

/* ============================= 자료실  */
.cs_file .search_box select.sel_type {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.cs_file .search_box select.search_type {
    border-radius: 0;
}

.cs_file table tr td.file_type {
    color: #757575;
}

.link_box .link_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.link_btn li a{
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 40px 5px 10px;
    background: url(../img/ico/list_more2.png)no-repeat center right 10px;
    background-size: 14px 22px;
    margin-right: 20px;
    font-weight: 700;
}

@media screen and (max-width: 720px) {
    body.web {
        zoom: 66% !important;
    }
}

@media screen and (min-width:850px) {
    body {
        zoom: 70%;
    }

    #kakao_map {
        zoom: 140%;
    }

    .map_wrap .pin_st {
        transform: scale(0.7);
        transform-origin: 50% 100%;
    }
  
    /* .fix_menu ul.inner li:nth-child(5){
        padding-right: 100px;
    } */
}