/* BASIC css start */
/* ¼½¼Ç °øÅë */
section{}
section .sec_inner{ margin: 0 auto;}
section h2{margin-top: 50px;font-family: 'Kumbh Sans', sans-serif;  text-align: center; color: #000; font-weight: 500; font-size: 23px;margin-bottom:45px; letter-spacing:-.2px}


/* sec1 */
#sec1 ul{width: 100%;}
#sec1 ul li{width: 100%;position: relative;}
#sec1 ul li .thumb{width: 100%;height:100%}
#sec1 ul li .thumb img{width: 100%;height:100%; object-fit:cover}
#sec1 ul li .text{position: absolute;left: 50%; bottom: 35%; text-align: center; transform: translateX(-50%); width: max-content;}
#sec1 ul li .text h3{font-family: 'Kumbh Sans', sans-serif; font-size: 24px; color: #fff; margin-bottom: 20px; font-weight: 500;line-height: 1.3;transition: top .8s, opacity 1s;}
#sec1 ul li .text a{font-family: 'Kumbh Sans', sans-serif; font-size: 18px; color: #fff; display: inline-block; font-weight: 300; border: 1px solid #fff; padding: 14px 50px;transition:top 1s, opacity 1.4s,background-color .2s;}
#sec1 ul li .text a:hover{background-color: rgba(255,255,255,.1);}
#sec1 ul li .text>*{opacity: 1; top: 100px; position: relative;}
#sec1 ul li .text.show>*{top: 0; opacity: 1;}
#sec1 .swiper-button-prev {position: absolute; top: 50%; left: 3%; z-index: 10; transform: translateY(-50%); cursor: pointer; } 
#sec1 .swiper-button-next {position: absolute; top: 50%; right: 3%; z-index: 10; transform: translateY(-50%); cursor: pointer;}
#sec1 .swiper-button-prev img,
#sec1 .swiper-button-next img{width:10px}
#sec1 .swiper-button-prev::after,
#sec1 .swiper-button-next::after {display:none;}


/* sec2 */
#sec2{margin-bottom:30px !important}

/* sec3 */
#sec3{width: 100%;position: relative;margin-bottom:80px; margin-top:30px;}
#sec3 .banner_img{width: 100%;height:100%}
#sec3 .banner_img img{width: 100%;height:100%; object-fit:cover}
#sec3 .sec3_cont{position: absolute; left: 50%; transform: translateX(-50%); bottom: 9%; text-align: center;width:max-content}
#sec3 .sec3_cont h4{text-align: center;font-family: 'Kumbh Sans', sans-serif; font-size: 24px; color: #fff; margin-bottom: 23px; font-weight: 400;line-height: 1.2;}
#sec3 .sec3_cont a{font-family: 'Kumbh Sans', sans-serif; font-size: 17px; color: #fff; display: inline-block; font-weight: 300; border: 1px solid #fff; padding: 14px 55px;transition: background-color .2s;}
#sec3 .sec3_cont a:hover{background-color: rgba(255,255,255,.1);}


/* sec4 */


/* sec5 */
#sec5{width: 100%;position: relative;margin-bottom:0 !important}
#sec5 div>img{width: 100%;height:100%; object-fit:cover}
#sec5 a{position: absolute; left: 50%; top: 48%; transform: translate(-50%,-50%);}
#sec5 a img{transition: filter .3s, transform .3s; width:66px }
#sec5 a img:hover{filter: brightness(.9); transform: scale(1.1);}



.fp-tableCell{height:100vh !important}
#fp-nav{right:10px !important}


	#menu_full{position: absolute; right: 0;  top: 33%; vertical-align: middle;}
	#menu_full li {
    display: block;
    width: 10px !important;
    height: 10px !important;
    margin-bottom: 10px;
    border-radius: 100%;
    border: 2px solid #fff;}
	#menu_full li.active{background: #000 !important;font-weight: bold;}
	#menu_full li a{text-decoration:none;}
	#menu_full li.active a:hover{ }
	#menu_full li:hover{ font-weight:bold;}
	#menu_full li a,#menu_full li.active a{padding:6px 18px;display:block;}
	#menu_full li.active a{ color:#fff;}

#footer{margin-top:0 !important; }
.top_banner.show{display:block !important}



/* »óÇ° Áø¿­ */
.product_list_outer{border-top:none !important;padding-top:7px }
.product_top_wrap .total_cnt{font-size:13px !important; color:#000 !important; font-weight:400;font-family: 'Kumbh Sans', sans-serif;line-height:35px !important}
.product_top_wrap .total_cnt strong{color:#222;font-family: 'Montserrat', sans-serif;font-weight:800 !important}
.product_top_wrap{border-bottom: none !important; margin:0 4% !important}
.product_top_wrap .select_box select{font-size:13px !important; background-image:url(/design/cherryjoa/olive/MO_img/opt_arrow.png)!important;transform:translateY(4px)}
.product_item{width:49% !important; margin-right:2%; float:left}
.product_item:nth-child(2n){margin-right:0 !important}

/* BASIC css end */