/**/

div, p, section{word-break:keep-all;}
.owl-pages .circle {
    user-select:none;
    border:1px solid #000;
    width:30px;
    height:30px;
    border-radius:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.owl-pages .circle.prev img {transform: translateX(-1px);}
.owl-pages .circle.next img {transform: translateX(1px);}
.owl-pages .num {
    margin:0 20px;
    font-weight:bold;
    /* display: none; */
}
.owl-pages .num .now {
    color:#005AAB;
}

#shop-category .owl-pages .circle {
    display: none;
}

#shop-category .owl-pages .num {
    display: none;
}

/*공통*/
@media (max-width:1180px){
	.wrap .head .fs-35{font-size:40px;}
	.w_1024{ display:none;}
    .owl-pages .circle {
        user-select:none;
        border:1px solid #000;
        width:30px;
        height:30px;
        border-radius:100%;
        display:flex;
        justify-content: center;
        align-items: center;
        cursor:pointer;
    }
    .owl-pages .num {
        margin:0 20px;
        font-weight:bold;
        display: inline-block;
    }
    #shop-category .owl-pages .circle {
        display: flex;
    }

    #shop-category .owl-pages .num {
        display: inline-block;
    }

}
@media (max-width:768px){
    html{width:100%; max-width: 100%;}
	.wrap .head .fs-35{font-size:35px;}
	.card-product .data .fs-28{font-size:20px;}
	.card-product .data .info{font-size:15px;}
}

.ban-border1{border: 1px solid #fff;  padding: 0px 10px; border-radius: 50px; color: #ebffd3;}
.ban-border2{border: 1px solid #715fc4;  padding: 0px 10px; border-radius: 50px; color: #715fc4;}

/**/
.card-product {}
.card-product .img {
    width:250px;
    height:250px;
    background:#F7F7F7;
    border-radius:20px;
    margin:auto;
    
    display:flex;
    justify-content: center;
    align-items: center;
	overflow:hidden;
}
.card-product .data {margin-top:32px;}
.card-product .data .name {}
.card-product .data .info {color:#9E9E9E;}
.card-product .data .price {color:#254D88;}

/**/
#main-visual {
    background:url(/images/content/main/main_visual_01.jpg) no-repeat center center;
    height:580px;
}
#main-visual .slide {
    height:100%;
    color:#fff;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width:550px){
	#main-visual{background-position:right;}
}

.ban-border1{color: #ebffd3;}
.ban-border2{color: #715fc4;}

/**/
#shop-category {
    margin:100px 0;
}
#shop-category .wrap{display:flex; flex-wrap:wrap;}
#shop-category .head {
    width:15%;
}
#shop-category .head .fs-18{margin-bottom:40px;}
#shop-category .body {
    width:85%;
}
#shop-category .body .item .img {
    background:#F4FAFF;
    border-radius:100%;
    width:165px;
    height:165px;
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:auto;
    overflow:hidden;
}
#shop-category .body .owl-item:nth-child(2n) .item .img {
    background:#FFFBF4;
}
#shop-category .body .item .name {
    text-align:center;
}
#shop-category .body .item .name .p{
    font-weight: 800;
}
#shop-category .body .item .img img{width: min-content;}
#shop-category .owl-dots {display:none;}
@media (max-width:1400px){
    #shop-category .wrap {flex-direction: column;}
    #shop-category .head {width:100%; text-align:center;}
    #shop-category .head p br {display:none;}
    #shop-category .head .owl-pages {justify-content: center; margin-bottom:50px;}
    #shop-category .body {width:100%;}
}
@media (max-width:1180px){
	#shop-category { margin:80px 0;}
	/*#shop-category .wrap{text-align:center;}   */
	#shop-category .head .fs-18{margin-bottom:30px;}
	/**/
	.owl-carousel.owl-drag .owl-item{}
	
}
@media (max-width:550px){
	#shop-category .head {width:100%;}
	#shop-category .body {width:100%;}
	#shop-category .head .fs-18{font-size:15px;}
	#shop-category .head .owl-pages{ margin-bottom:30px;}
	#shop-category .body .item .img{width:30vw; height:30vw; }
	#shop-category .body .item .img img{width:90%;}
}

/**/
#banners img {display:block;}
#banners .ad-01,
#banners .ad-02 {
    height:170px;
    width:50%;
    background-size:cover;
    padding:30px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
#banners .ad-01 {
    background:url(/images/content/main/ad_01.png) no-repeat center center; margin-right:1rem;
}
#banners .ad-02 {
    background:url(/images/content/main/ad_02.png) no-repeat center center;
}
#banners a {}
#banners svg {margin:0 0 2px 5px;}
@media (max-width:820px){
	#banners .ad-01, #banners .ad-02{height:120px; padding:20px; background-size:cover;}
	#banners p.fs-28{font-size:20px}
}
@media (max-width:550px){
	#banners .wrap{flex-wrap:wrap;}
	#banners .ad-01{margin-right:0; margin-bottom:1rem;}
	#banners .ad-01, #banners .ad-02{width:100%;}
}

/**/
#best-products {
    margin:100px 0;
}

#best-products .theme-default {
    width:24%;
}
#best-products .theme-default .product-list-body {padding-bottom:0;}

#best-products .wrap{display:flex; flex-wrap:wrap;}
#best-products .head {
    /*position:absolute;*/
    width:20%;
}
#best-products .body {
    /*padding-left:220px;*/
	width:80%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
#best-products .body .item {
    width:250px;
    margin-bottom:50px;
}
@media (max-width:1400px){
	#best-products {margin:80px 0;}
	#best-products .head {width:100%; text-align:center; margin-bottom:50px;}
	#best-products .body {width:100%;}
	#best-products .body .rect {width:100%;}
	#best-products .body .item{width:100%;}
	#best-products .body .item .img{width:22.5vw; height:22.5vw;}
	#best-products .card-product .data{margin-top:22px;}	
}
@media (max-width:550px){
	#best-products .head .fs-18{font-size:15px;}
    .theme-default{width:50% !important; height: 60% !important;}
    .theme-default .product-list-body .item .preview .image {
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 400ms;
    }
    .theme-default .product-list-body .item .preview {
        height: 21vh;
    }

    #best-products .body {width:100%;}
    #best-products .body .rect {width: 100% !important;}
	#best-products .body .item{width:100%;}
	#best-products .body .item .img{width:45vw; height:45vw;}
	#best-products .body .item .img img{width:100%;}
	#best-products .body .item .data{margin-left:7px;}
}


/**/
#rec-products {
    background:url(/images/content/main/rec_products.png) no-repeat center center;
    background-size:cover;
    min-height:580px;
    margin:100px 0;
    padding:40px 0;
    display:flex;
    align-items: center;
    color:#fff;
}
#rec-products .theme-default {
    width:24%;
}
#rec-products .theme-default .product-list-body {padding-bottom:0;}
#rec-products .wrap{display:flex; flex-wrap:wrap;}
#rec-products .head {
    
    width:20%;
}
#rec-products .body {
    width:80%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    color: #fff;
}
#rec-products .body .item {
    width:250px;
    
    margin-bottom:0;
    color:#fff;
}
#rec-products .card-product .data{color:#fff !important;}
#rec-products .item-code{color:#bbb !important;}
#rec-products .name a{color:#fff !important;}
#rec-products .info {color:#fff !important;}
#rec-products .price{color:#fff !important;}
#rec-products .price > div > .line-through {color:#ccc !important;}
#rec-products .price > div > .per {color:#ff4646}
#rec-products .price a{color:#fff !important;}
.theme-default .product-list-body .rect {width: 100% !important;}

@media (max-width:1400px){
    #rec-products .wrap {flex-direction: column;}
    #rec-products .head {width:100%; text-align:center; margin-bottom:50px;}
    #rec-products .body {width:100%;}
    #rec-products .body .item {width:25%;}
}
@media (max-width:1180px){
	#rec-products {margin:80px 0; height:auto;}
	#rec-products .head {width:100%; text-align:center; padding-top:80px; margin-bottom:50px;}
	#rec-products .head .fs-18{font-size:15px;}
	#rec-products .body {width:100%; padding-bottom:40px;}
	#rec-products .body .item{width:100%; margin-bottom:40px;}
	#rec-products .body .item .img{width:22.5vw; height:22.5vw;}
	#rec-products .card-product .data{margin-top:22px;}	
}
@media (max-width:550px){
	#rec-products {}
	#rec-products .head {}
	#rec-products .head .fs-18{font-size:15px;}
	#rec-products .body {}
    #rec-products .body .rect {width: 100% !important;}
	#rec-products .body .item{width:100%; }
	#rec-products .body .item .img{width:45vw; height:45vw;}
	#rec-products .body .item .data{margin-left:7px;}

}

/**/
#new-products {
    margin:100px 0;
}
#new-products .wrap {display:flex; flex-wrap:wrap;}
#new-products .head {
    
    width:20%;
    height:100%;
    background:#fff;
    z-index:100;
}
#new-products .head .fs-18{margin-bottom:40px;}
#new-products .body {
    width:80%;
    height:auto;
    display:flex;
    flex-wrap:nowrap;
    justify-content: flex-start;
    overflow:hidden;
}
#new-products .body .inno-slider .card-product {padding-bottom:0;}
#new-products .body .inno-slider .card-product .rect {width:100%;}
#new-products .body .inno-slider .card-product .img img{width:100%; height:100%;}
#new-products .body .inno-slider .slider-item:first-child .product-list-body .item .preview {max-width:none;}
#new-products .body .inno-slider .slider-item:first-child .product-list-body .item .preview,
#new-products .body .inno-slider .slider-item:first-child .card-product .img img,
#new-products .body .inno-slider .slider-item:nth-child(3n+1) .card-product .img img{width:510px; height:510px;}
@media (max-width:1400px){
	#new-products .head {width:100%; text-align:center;}
    #new-products .head .owl-pages {justify-content: center;}
	#new-products .body {width:100%;}
	#new-products .head .fs-18{font-size:15px; margin-bottom:30px;}
	#new-products .head .owl-pages{ margin-bottom:30px;}
	#new-products .body .inno-slider .slider-item:first-child .card-product .img img,
	#new-products .body .inno-slider .slider-item:nth-child(3n+1) .card-product .img img{width:100%; height:100%;}
}
@media (max-width:768px){
    #new-products .owl-pages{
        display: none;
    }
    #new-products {}
	#new-products .head {}
	#new-products .head .fs-18{font-size:15px;}
	#new-products .body {}
    #new-products .body .rect {width: 100% !important;}
	#new-products .body .item{width:100%; }
	#new-products .body .active .preview {height: 48vw !important; width: 100% !important; }
	#new-products .body .active .preview .image{width: 100%; background-size: auto 100%;}
	#new-products .body .item .img{width:45vw; height:45vw;}
	#new-products .body .item .data{margin-left:7px;}
    #new-products .body .inno-slider .slider-item:first-child{width:100% !important; height:100% !important;}
}


/**/
.inno-slider {
    user-select:none;
    display:flex;
    overflow:hidden;
    width:100%;
}
.inno-slider .slider-item {
    padding:0 15px;
    position:relative;
    width:25%;
    flex-shrink: 0;
}

.inno-slider .slider-item .card-product {
    box-sizing: content-box;
    width:250px;
}
.inno-slider .slider-item:nth-child(3n-2) {
    width:50%;
    max-width:50%;
}
.inno-slider .slider-item:nth-child(3n-2) .card-product {
    width:100%;
}
.inno-slider .slider-item:nth-child(3n-2) .card-product .img {
    width:100%;
    height:510px;
}
@media (max-width:1400px){
    .inno-slider .slider-item,
    .inno-slider .slider-item:nth-child(3n-2) {
        width:33.3333%;
    }
    .inno-slider .slider-item .card-product,
    .inno-slider .slider-item:nth-child(3n-2) .card-product {
        width:100%;
    }
    .inno-slider .slider-item .card-product .img,
    .inno-slider .slider-item:nth-child(3n-2) .card-product .img {
        width:30vw;
        height:30vw;
    }
}
@media (max-width:768px){
    .inno-slider .slider-item,
    .inno-slider .slider-item:nth-child(3n-2) {
        width:50%;
    }
	.inno-slider .slider-item .card-product .img, .inno-slider .slider-item:nth-child(3n-2) .card-product .img{width:45vw; height:45vw;}
}
@media (max-width:550px){
   .inno-slider .slider-item{padding:0;}
   
   .card-product .data{margin-left:7px;}
   
}


/**/
#banners-2 {
    background:url(/images/content/main/banners_2.png) no-repeat center center;
    background-size:cover;
    height:230px;
    color:#fff;
    display:flex;
    align-items: center;
}
#banners-2 .wrap {}

/**/
#notice-center {margin:100px 0 200px 0;}
#notice-center .wrap {
    display:flex;
    flex-wrap:nowrap;
    justify-content: space-between;
}
#notice-center .notice {
    flex-shrink: 0;
    width:60%;
}
#notice-center .notice .head {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
#notice-center .notice .body {
    border-top:2px solid #000;
    border-bottom:2px solid #000;
}
#notice-center .notice .body .post {
    border-bottom:1px solid #E3E3E3;
    display:flex;
    justify-content: space-between;
    padding:30px 0;
}
#notice-center .notice .body .post .subject {
    width:85%;
    display:block;
}
#notice-center .notice .body .post .date {
    flex-shrink: 0;
    width:100px;
    text-align:right;
}
#notice-center .notice .body .post:last-child {
    border-bottom:0;
}
#notice-center .center {
    flex-shrink: 0;
    width:35%;
}
.center-btn {
    display:inline-block;
    width:180px;
    padding:18px 0;
    border:2px solid #000;
    border-radius:12px;
    text-align:center;
	transition:all .3s ease-in-out;
}
.center-btn:hover{background-color:#000; color:#fff; transition:all .3s ease-in-out;}
@media (max-width:1180px){
	.center-btn{width:48%;}
}
@media (max-width:820px){
	#notice-center .notice{width:55%;}
	#notice-center .center{width:43%;}
}
@media (max-width:550px){
	#notice-center .wrap {flex-wrap:wrap;}
	#notice-center .notice{width:100%;}
	#notice-center .center{width:100%; margin-top:40px;}
}