/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/*메인*/
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    
    padding-left: 200px;
    text-align: left;
}

.swiper-horizontal .swiper-pagination .slider-title { text-align:center}
/* 공통 */
 h3.product-title{word-break:break-all}
 span.sit_opt_subj{word-break:break-all}
.notice-mo{ color:red }
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top}


@media (max-width:430px){
	#tab-category.scroll-tab { max-width: 350px;}
	.tab-scroll-category #tab-category   {    max-width: 330px; }
	 .order-view-payment .order-view-payinfo   {    max-width: 330px;  }
	.table-list-eb.show-order-info{max-width:340px;margin: 0 auto;}
}
@media (min-width:431px) and (max-width:500px){
	#tab-category.scroll-tab { max-width: 450px;}
	.tab-scroll-category #tab-category   {    max-width: 450px; }
	.table-list-eb.show-order-info{max-width:420px}
    .order-view-payment .order-view-payinfo   {    max-width: 420px; ;margin: 0 auto; }
}
@media (min-width:501px) and (max-width:600px){
	#tab-category.scroll-tab { max-width: 600px;}
	.tab-scroll-category #tab-category   {    max-width: 600px; }
	.table-list-eb.show-order-info{max-width:550px}
    .order-view-payment .order-view-payinfo   {    max-width: 550px; ;margin: 0 auto; }
}
 @media (min-width:601px) and (max-width:900px){
	#tab-category.scroll-tab { max-width: 600px;}
	.tab-scroll-category #tab-category   {    max-width: 600px; }
	.table-list-eb.show-order-info{max-width:550px;margin: 0 auto;}
    .order-view-payment .order-view-payinfo   {    max-width: 650px; ;margin: 0 auto; }
}

/* 메인 카테고리 메뉴 */

 .mobile-1-menu{display:none;border-bottom:1px solid #ddd; }
 ul.mobile-1-menu li {padding:10px 0; }
 ul.mobile-1-menu li.gubun:nth-child(-n+6) {background-color: white;
    width: 1px;  }
 
 ul.mobile-1-menu li a { color:white }
 ul.mobile-1-menu li a:after {content:' ' }
 ul.mobile-1-menu li a:hover { color:yellow }

@media (max-width:991px) {
  	.mobile-1-menu {display: flex;        flex-wrap: nowrap;        justify-content: space-evenly; background-color:black;}		
}


 /* Category Nav */
 
 	.page-body.d-flex{display:flex }
	.page-body .width-200{ width:260px;margin:0;padding:0;flex: 0 0 200px; }
	.page-body .main-left-body{flex: 1 1 auto;min-height: 300px;}

    .page-body  > .container > .ca-submenu  {
        margin-right: 0px; z-index:99;
    }

    .page-body  > .container > .ca-submenu  > a  {
        display: block;
        width: 200px;
        padding: 13px 30px 13px 0 !important;
  
        font-size: 1rem;
        text-align: left;
        margin-left: 0px;
        color: #000;
    }

   .page-body  > .container > .ca-submenu > a:after {
        display: none
    }

    /* Category Nav List */
    .page-body  > .container > .ca-submenu {
        width: 200px;
        border: 0px solid #ddd;
        background-color: #f9f9f9;
        border-radius: 0;
        padding: 10px 0;
		position:absolute;
    }

    .page-body  > .container > .ca-submenu li {
        position: static
    }

    .page-body  > .container > .ca-submenu li a {
        display: block;
        position: relative;
        background: transparent;
        padding: 0 20px;
        height: 37px;
        line-height: 37px;
        color: #151515;
        font-weight: 500
    }

    .page-body  > .container > .ca-submenu li a i {
        color: #b5b5b5
    }

    .page-body  > .container > .ca-submenu li a:hover {
        background: transparent;
        color: #c73866 !important
    }

    .page-body  > .container > .ca-submenu li.dropdown > a:after {
        position: absolute;
        top: 10px;
        right: 15px;
        color: #b5b5b5;
        display: inline-block;
        font-family: 'Font Awesome\ 5 Free';
        content: "\f105";
        font-weight: 900
    }

    /* Category Nav List Open */
    .page-body  > .container > .ca-submenu > .item-vertical:hover > a {
        color: #c73866
    }

    .page-body  > .container > .ca-submenu > .item-vertical:hover > a:after {
        color: #c73866
    }

    .page-body  > .container > .ca-submenu > .item-vertical > .ca-submenu {
        display: block;
        top: -1px !important;
        left: 100% !important;
        width: 220px;
        padding: 10px 0;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 0;
        background-color: #fff
    }

    .page-body  > .container > .ca-submenu > .item-vertical > ul > .dropdown-submenu {
        position: static
    }

    .page-body  > .container > .ca-submenu > .item-vertical > ul > .dropdown-submenu > a {
        position: relative
    }

    .page-body  > .container > .ca-submenu > .item-vertical > ul > .dropdown-submenu > a > .sub-caret {
        position: absolute;
        top: 10px;
        right: 15px
    }

    /* Category Nav Submenu Open */
    .page-body  > .container > .ca-submenu > .item-vertical > ul .submenu-marker {
        display: none
    }

    .page-body  > .container > .ca-submenu > .item-vertical > ul > .dropdown-submenu:hover > a {
        color: #c73866
    }

    .page-body  > .container > .ca-submenu > .item-vertical > ul > .dropdown-submenu:hover > a > i {
        color: #c73866
    }

    .page-body  > .container > .ca-submenu > .item-vertical > ul > .dropdown-submenu > .ca-submenu {
        display: block;
        top: -2px !important;
        left: 100% !important;
        width: 220px;
        padding: 10px 0;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 0;
        background-color: #fff;
        max-height: 450px;
        overflow-y: auto
    }

    /* Category Dropdown Menu min-height setting */
    .page-body  > .container > .ca-submenu, .page-body  > .container > .ca-submenu > .item-vertical > .ca-submenu, .page-body  > .container > .ca-submenu > .item-vertical > ul > .dropdown-submenu > .ca-submenu {
        min-height: 430px
    }

@media (max-width:991px) {
    .page-body  > .container > .ca-submenu {display: none;}
	.page-body .width-200{ width:0px;flex: 0 0 0px; }
	 
}

/* 카테고리 메뉴 끝 */



.header-title{ 
   
     
     }
.header-title .header-nav-right{width:350px}
.header-title .header-nav-right .eyoom-form .input { margin-bottom:0px; border-radius:5px }
.header-title .header-nav-right .eyoom-form .input input {  border-color: red; }
.header-title .eyoom-form .input-button .button {
   
  background: red;
    border-left: none;
    color: white;
		 
		
	}


 
#sit_naver .product-use-list{padding-left:10px; }
#sit_naver .product-use-title {display:inline-block;    max-width: 800px;}
#sit_naver .product-use-dl {position:relative; float:right;padding-right:20px;  top:0}
#sit_naver .product-use-dl dd {display:inline-block}
 


/* 네이버 포토 리뷰  skin/shop/basic/naverphoto.skin.html.php */

#itemnaver_photo .n_review_img {    float: right;
    text-align: right;
    width: 20%;cursor: pointer; }
#itemnaver_photo .review-title { }
#itemnaver_photo  .product-use-list {padding-left:5px;    width: 50%;    float: left;    position: relative;
    padding: 15px;
    padding-left: 150px;
    min-height: 135px;
	border:none;
    border-bottom: 1px solid #eaeaea;
	 
    border-top: 0;}
#itemnaver_photo  .product-use-list:nth-child(odd)	{padding-right:3%; border-right:1px solid #ddd  }
#itemnaver_photo  .product-use-list:nth-child(even)	{padding-left:3%;   }
#itemnaver_photo	.product-use-dl{	float: left;    width: 70%;     top: 0px;    left:10px;    zoom: 1;         padding-top: 5px;
        margin-top: 5px;}

 
#itemnaver_photo .n_review_img img {
    height: 80px !important;
    width: auto;
    max-width: 80PX;
    position:relative;
	right:10px;
	overflow:hidden;
}
 

 
@media (max-width: 950px) {
    #itemnaver_photo .product-use-list:nth-child(odd) {    padding-right: 0%;    border-right: 0px solid #ddd;}
	#itemnaver_photo  .product-use-list {     width: 100%;    float: left;    position:relative;		   padding-left: 10px;  min-height: 75px; }
	#itemnaver_photo .product-use-dl {			
			border-top: 0px solid #f0f0f0;
		}

	#sit_naver .product-use-list {		 
		min-height: 85px;
		
	}
	 #sit_naver .product-use-dl{   
	 width: 100%;
		clear: both;
		padding-top: 0px; 
		  margin-top: 0px; 
		 border-top: 0px solid #f0f0f0;
	}

 }



/* 서브 공통 */
.sub-page .sub-title {position:relative;font-size:36px;margin:10px 0 50px}
.sub-page  .sub-title small {display:block;margin-top:10px;font-size:.9375rem;border-top:1px solid #757575;padding-top:10px}
/* 브랜드 소개 */
.page-brand .brand-top {position:relative;  } 
.page-brand .brand-top .text-1 {padding:20px;margin:0;color:#fff;background:#252525} 
.page-brand .page-words {margin:70px 0}
.page-brand .page-words h4 {font-size:1.375rem;font-weight:700;color:#34608D;text-align:center;word-break:keep-all;line-height:1.5}
.page-brand  .barnd_certi {display:flex; margin-top:30px;border-top:1px solid red }
.page-brand  .brand_certi {display:flex}
.page-brand  .brand_certi .link  { display: flex;    margin-top: 20px;    border: 1px solid #ddd;    width: 100%;
    flex-wrap: wrap;    flex-direction: row;    justify-content: space-around; }
.page-brand  .brand_certi .link li { margin:20px; }
 .page-brand .text-1.bi {display:flex}
@media   (min-width:768px) and (max-width:991px){
	 
}
@media (max-width:767px) {
	.page-words {margin:40px 0}
	.page-words h4 {font-size:1.25rem}	 
	.brand-top .text-1 {padding:30px}
	img.responsible { max-width:650px; width:100%; height:auto}
	.page-brand  .brand_certi .link li img {  }
	.page-brand .text-1.bi {display:block}
	.page-brand .text-1.bi .bi-img{text-align:center}
	 
}


/* 메인화면 */
.moa-goods-gallery-wrap {position:relative}
.moa-goods-gallery-wrap    .left-box{width:35%;margin-top:25px}
.moa-goods-gallery-wrap        .row.right-box{width:65%;margin-top:0px}
/* 타이틀 */
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li.total-title {background-color:#ca2626;color:white;padding: 0 20px;line-height: 40px; }
 
.moa-goods-title-wrap {margin-bottom: 40px}


.moa-goods-gallery-wrap .ebgoods-title {position:relative}
.moa-goods-gallery-wrap .ebgoods-title h2 {position:relative;margin:0;font-size:21px;line-height:1;text-align: left}
.moa-goods-gallery-wrap .ebgoods-title h2 strong {font-weight: 600}
/* 탭메뉴 */
.moa-goods-gallery-wrap .moa-goods-gallery-tabs {display:flex;flex-wrap:wrap;justify-content:left;list-style:none;position: relative;border:0 none}
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li {position:relative;margin: 0 30px 0 0;}
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li a {display:block;padding:0 10px;;font-size:15px;line-height:40px;border:0 none;color:#808080}
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li a.active {color:#fff;font-weight:700;background-color:#ca2625; }
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li a:after {/* content:"";display:block;position:absolute;bottom:-5px;left:50%;width:4px;height:4px;margin-left: -2px;opacity:0;background:#1b1b1b;border-radius:50%;transition:all 0.5s ease */}
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li a:hover:after, 
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li a.active:after {opacity:1;bottom: 0}
.moa-goods-gallery-wrap .moa-goods-gallery-tabs li .cursor-pointer:hover {cursor:pointer}
@media (min-width:992px){
	.moa-goods-gallery-wrap .ebgoods-title h2 {font-size: 27px}
	.moa-goods-gallery-wrap .moa-goods-gallery-tabs li a {font-size: 17px}

}
@media (max-width:1000px){
	.moa-goods-gallery-wrap    .left-box{width:100%  }
	.moa-goods-gallery-wrap        .row.right-box{width:100%; }
}
@media(max-width:500px){

.moa-goods-gallery-wrap .moa-goods-gallery-tabs li {position:relative;margin: 0 10px 0 0;}
}

/* 콘텐츠 */
.moa-goods-gallery-wrap .tab-content {position:relative}
.moa-goods-gallery .goods-box {position:relative;height:100%;background-color: #fff;  }
/* 이미지 */
.moa-goods-gallery .goods-img {position:relative}
.moa-goods-gallery .goods-img a {display:block}
.moa-goods-gallery .goods-img a.nw-wn {opacity:0;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100px;height: 26px;padding:0 10px;line-height:26px;font-size:11px;text-align:center;color:#333;background:rgba(255,255,255,.8);box-shadow:0 0 3px rgba(0,0,0,.15);border-radius:13px !important;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.moa-goods-gallery .goods-box:hover a.nw-wn {opacity:1;top:50%}
.moa-goods-gallery .goods-img a.nw-wn:hover {color:#fff;background:rgba(0,0,0,.8) }
.moa-goods-gallery .goods-img-in {position:relative;overflow:hidden;width:100%}
.moa-goods-gallery .goods-img-in img {display:block;width:100% \9;max-width:100% !important;height:auto !important;transition:.3s; border-radius: 10px;}
.moa-goods-gallery .goods-img:hover img {opacity:.8}
/* 상품 유형 */
.moa-goods-gallery .rgba-banner-area {position:absolute;top:5px;right:5px}
.moa-goods-gallery .shop-rgba-red {background:#FF4848;opacity:0.9}
.moa-goods-gallery .shop-rgba-yellow {background:#FDAB29;opacity:0.9}
.moa-goods-gallery .shop-rgba-green {background:#73B852;opacity:0.9}
.moa-goods-gallery .shop-rgba-purple {background:#907EEC;opacity:0.9}
.moa-goods-gallery .shop-rgba-orange {background:#FF6F42;opacity:0.9}
.moa-goods-gallery .shop-rgba-dark {background:#4B4B4D;opacity:0.9}
.moa-goods-gallery .shop-rgba-default {background:#A6A6A6;opacity:0.9}
.moa-goods-gallery .rgba-banner {height:14px;width:50px;line-height:14px;color:#fff;font-size:10px;text-align:center;font-weight:normal;position:relative;text-transform:uppercase;margin-bottom:1px}
/* 상품 목록 */
h4.product-name {word-break: break-all;}
/* 상품정보 */
.moa-goods-gallery .goods-description {position:relative;overflow:hidden}
.moa-goods-gallery .goods-description:before { /* content:"";position:absolute;top:0;left:0;height:0;width:100%;background:#F1EEEA;border-radius: 0 0 50% 50% !important;;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease */}
.moa-goods-gallery .goods-box:hover .goods-description:before {height:190%}
.moa-goods-gallery .goods-description .goods-description-in {position:relative;bottom:0;padding:15px}
.moa-goods-gallery .goods-description .goods-name {position:relative;margin:0 0 5px}
.moa-goods-gallery .goods-description .goods-name a {display:block;font-size:19px;word-break:keep-all;color:#333}
.moa-goods-gallery .goods-description .goods-name a:hover {text-decoration:underline}
.moa-goods-gallery .goods-description .goods-info {position:relative;margin-bottom:10px;color:#707070;font-size:13px}
.moa-goods-gallery .goods-description .product-price {display:flex;align-items:center;flex-wrap:wrap}
.moa-goods-gallery .goods-description .title-price {font-size:17px;font-weight:bold}
.moa-goods-gallery .goods-description .line-through {width: 100%;margin-right: 7px;font-size:13px;color:#999;text-decoration:line-through;font-weight:normal}
.moa-goods-gallery .goods-description .title-price-discount {margin-left: 7px;font-size: 17px;font-weight: 400;color: #c73866}
 
.moa-goods-gallery .goods-description  .naver-review h5{ margin:10px 0;background-color:#f4f4f4;padding:12px 0 12px 10px  }
.moa-goods-gallery .goods-description .naver-review h5 > a {float:right ;font-size:1rem;margin-right:10px }
.moa-goods-gallery .goods-description .review-content {display:flex}
.moa-goods-gallery .goods-description .review-content img{width:100px;height:auto;margin-right:20px}
								




/* faq */
.faq-wrap img {max-width:100%;height:auto}
.faq-img {text-align:center;margin-bottom:30px}
.faq-html {position:relative; padding:15px;margin-bottom:30px}
.faq-search-form {max-width:300px;margin:30px auto 0}

/* 상품 상세 보기  */
#sit_naver_photo{
    position: relative;
     
    padding: 20px 0px 00px;
    margin: 20px 0 20px;
}
h5.naver-review-title{   padding-bottom:20px;font-size:1.3rem;margin-bottom:10px}
. {left: 0px; top: 0px; width: 100%; position: absolute;  }
.naver-photo-view-pop{  position: fixed; inset: 0px; z-index: 2147483647; width: 100%; height: 100%; margin: 0px auto; background-color: rgba(0, 0, 0, 0.7); overflow: hidden auto;top:0px }

.naver-photo-view-pop .popup-box{ margin:5% 5% ; background-color:white;height:500px; overflow:hidden}
.naver-photo-view-pop .popup-box .img-box{ width:40%; float:left ; padding-right:2px;  top:10px; position:relative ; text-align:center  }
.naver-photo-view-pop .popup-box .text-box{ width:50%;   float:left;  top:20%;padding-left:20px;border-left:1px solid #ddd;box-sizing:border-box  }
.naver-photo-view-pop .popup-box .text-box img{ max-width: 400px;    max-height: 400px;margin-top:10px }
.naver-photo-view-pop .popup-box .text-box .thumb {
    float: left;
    width: 100%;
    max-width:50px;}

/* 상품 후기 */
img.review-star-img{height:10px; width:auto }
.shop-product-use-list .review-content a {display:inline-block;margin-right:10px}
.shop-product-use-list .review-content img{max-width:200px; max-height:200px}
/* 주문 */
#display_pay_button .btn01 {width:100%;height:50px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0;border:1px solid #ccd1d9}
.eyoom-form #settle_bank  .checkbox input+i:after{top:-10px}

/* 주문 조회 order inquiry */
a.dvr_link{background-color:black;color:white}
.req-cash-btn a {vertical-align: bottom;
    color: white;
    text-align: center;
    line-height: 2.5; }

 
 
@media (max-width: 600px) {

  .order-deliver-box .table thead {
    display: none; /* 머리글 숨김 */
  }

  .order-deliver-box  .table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
  }

  .order-deliver-box  .table td {
    display: block;
    text-align: left;
    border: none;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
  }

  /* td 앞에 th 내용을 붙여서 표시 */
 .order-deliver-box   .table td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
    color: #555;
	 
  }

}
 
 



@media (max-width:1199px) {
    .moa-goods-gallery .goods-img-in:after {border-right: 415px solid #fff}
}
@media (max-width:991px) {
    .moa-goods-gallery .goods-box {padding: 10px}
    .moa-goods-gallery .goods-img-in:after {border-right: 325px solid #fff}
    .moa-goods-gallery .goods-img a.nw-wn {display: none}
    .moa-goods-gallery .goods-description .goods-name a {font-size: 17px}
	.naver-photo-view-pop .popup-box .img-box{ width:100%;   }
	.naver-photo-view-pop .popup-box .text-box{ width:100%; height:250px }
	.naver-photo-view-pop .popup-box .text-box img{ max-width: 300px;    max-height: 200px;margin-top:10px }
	.naver-photo-view-pop .popup-box .thum-box{ position:relative; top:10px;  }

}

@media (max-width: 991px) {
.header-title{ 
    justify-content: space-between;  }
.nh-logo {display:none; }

}





/*개인정보 */
.display-prev{ position: relative;    overflow: hidden;      white-space: pre-wrap;}