@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


/*
*****************************************
* CSS Variables
* ***************************************
* Site : moisten
* File : custom.css
* DATE : 2024.08.22
*
* SUMMARY :
* 1) Jupiter X Reset 
* 2) HEADER
* 3) MAIN
* 4) FOOTER
* 5) SUB
* 6) RESPONSIBILITY

* br01 - 767
* br02 - 1024
* br03 - 
* br04 - 
* br05 - 
*/

/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
.jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;}
.jupiterx-main-content{padding:0 !important;}
.container,.jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;}
.jupiterx-post-header{display:none !important;}
p{margin-bottom:0 !important;}
.wordBr{word-break:keep-all;}
.wordBr02{word-break:break-all;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !important;}
.font, .font div,.font a,.font p,.font span,.font h1, .font h2,.font h3,.font h4,.font h5,.font h6,.font input, .font textarea,.font button, .font label{font-family: "Roboto","Pretendard", sans-serif !important;  word-break: keep-all;}
.font01, .font01 div,.font01 a,.font01 p,.font01 span,.font01 h1, .font01 h2,.font01 h3,.font01 h4,.font01 h5,.font01 h6,.font01 input, .font01 textarea,.font01 button, .font01 label{font-family: "Roboto","Pretendard", sans-serif !important; word-break: keep-all;}
.font02, .font02 div,.font02 a,.font02 p,.font02 span,.font02 h1, .font02 h2,.font02 h3,.font02 h4,.font02 h5,.font02 h6,.font02 input, .font02 textarea,.font02 button, .font02 label{font-family: "Roboto", "pretendard", sans-serif !important; word-break: keep-all;}

/* ************************************************
********************* HEADER **********************
************************************************* */
header{position: absolute !important; transition:all 0.3s ease-in-out !important;}

.home #header .logo svg path{transition: all 0.3s;}
.home #header .logo.on svg path{fill: #fff !important;}
.home #header .lang.on .elementor-icon-list-text{color: #fff !important;}
.home #header .lang.on .elementor-icon-list-item:not(:last-child):after{border-color: #D3D3D3 !important;}
.home #header .menu_icon.on svg path{fill: #fff !important;}

.home #header.on02{background-color: #fff; border-bottom: 1px solid #E0E0E0; position:fixed !important;}
.home #header.on02 .logo.on svg path{fill: #D1B27B !important;}
.home #header.on02 .lang.on .elementor-icon-list-text{color: #595959 !important;}
.home #header.on02 .lang.on .elementor-icon-list-item:not(:last-child):after{border-color: #B7B7B7 !important;}
.home #header.on02 .menu_icon.on svg path{fill: #595959 !important;}

#header.headerA.on{background-color: #fff; border-bottom: 1px solid #E0E0E0; position:fixed !important;}
#header.headerA.on #menu_nav nav ul li a{color: #595959 !important;}
#header.headerA.on #menu_nav nav ul li a:hover{color: #fff !important;}
#header.headerA.on #menu_nav nav ul li a.elementor-item-active{color: #fff !important;}
#header.headerA.on .logo svg path{fill: #D1B27B !important;}
#header.headerA.on .lang .elementor-icon-list-text{color: #595959 !important;}
#header.headerA.on .lang .elementor-icon-list-item:not(:last-child):after{border-color: #B7B7B7 !important;}
#header.headerA.on .menu_icon svg path{fill: #595959 !important;}

#header.sub.on{background-color: #fff; border-bottom: 1px solid #E0E0E0; position:fixed !important;}
#header.sub.on #menu_nav nav ul li a{color: #595959 !important;}
#header.sub.on #menu_nav nav ul li a:hover{color: #fff !important;}
#header.sub.on #menu_nav nav ul li a.elementor-item-active{color: #fff !important;}
#header.sub.on .logo svg path{fill: #D1B27B !important;}
#header.sub.on .lang .elementor-icon-list-text{color: #595959 !important;}
#header.sub.on .lang .elementor-icon-list-item:not(:last-child):after{border-color: #B7B7B7 !important;}
#header.sub.on .menu_icon svg path{fill: #595959 !important;}

/* menu */
#menu_nav nav ul li{width: 120px;}
#menu_nav nav ul li a{justify-content: center; border-radius: 100px;}
#menu_nav nav ul li a::before{border-radius: 100px;}
#menu_nav nav ul li a:hover{font-weight: 500;}
#elementor-popup-modal-116 > div{backdrop-filter: blur(3.5px); -webkit-backdrop-filter: blur(3.5px);}

/************ menu popup *************/
.menu_pop li.current_page_parent > a{color: #222 !important;}
.menu_pop li.current_page_parent > a .sub-arrow svg path{fill: #222;}
.menu_pop a.highlighted{border-bottom: 1px solid #ddd !important;}
.menu_pop a .sub-arrow{position: absolute; right: 20px;}
.menu_pop a .sub-arrow svg path{fill: #595959;}
.menu_pop .current-menu-item a .sub-arrow svg path{fill: #222;}
.menu_pop nav > ul > li:last-child{border-bottom: 1px solid #ddd !important;}
.menu_pop ul.sub-menu{padding: 15px 0 15px 30px !important;}
.menu_pop ul.sub-menu li{border: none !important;}
.menu_pop ul.sub-menu li + li{margin-top: 8px !important;}
.menu_pop ul.sub-menu li a{padding: 0 !important; border: none !important;}
.menu_pop_close .elementor-icon-wrapper{display: flex; justify-content: flex-end;}

/* ************************************************
********************** MAIN ***********************
************************************************* */
.arrow_btn .raven-button-text{text-decoration-line: underline; text-underline-offset: 2px;}

/* sec01 */
.main{width: 100%; height: 100vh;}
.main .swiper-slide.slide1{background: url("/wp-content/uploads/2024/11/main01.jpg") no-repeat center / cover;}
.main .swiper-slide.slide2{background: url("/wp-content/uploads/2024/11/main02.jpg") no-repeat center / cover;}
.main .swiper-slide.slide3{background: url("/wp-content/uploads/2024/11/main03.jpg") no-repeat center / cover;}

.main .swiper-slide{display: flex !important; flex-wrap: wrap; align-content: center; justify-content: center; gap: 30px;}
.main .swiper-slide p{padding: 0 20px; max-width: 1520px; width: 100%; font-weight: 600; font-size: 70px; line-height: 110%; letter-spacing: 0; color: #fff; }
.main .swiper-slide p.txt02{font-family:"pretendard", sans-serif !important; font-weight: 400; font-size: 20px; line-height: 150%; letter-spacing: 0;}
.main .swiper-slide.slide1 p{color: #222;}

.main.mySwiper .swiper-pagination_wrap{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: center; gap: 16px; position: absolute;  top: 50%; right: 40px; z-index: 999; transform: translateY(-50%);}
.main.mySwiper .swiper-pagination_wrap .swiper-pagination{display: flex; align-items: center; flex-direction: column; gap: 16px; width: auto; position: unset;}
.main.mySwiper .swiper-pagination_wrap .swiper-pagination .swiper-pagination-bullet{opacity: 1; width: 6px; height: 6px; border: 0; border-radius: 100px; background-color: #D9D9D9;}
.main.mySwiper .swiper-pagination_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #595959;}
.main.mySwiper .swiper-pagination_wrap .swiper-btn.swiper-start{display: none;}
.main .swiper-btn{display: flex; justify-content: center; width: 40px; height: 40px; border: 1px solid #595959; border-radius: 50px; background-color: #EFEFEF; box-sizing: border-box; cursor: pointer;}
.main .swiper-btn img{width: 8px;}

/* sec02 */
#sec02_video_L video{height: 189px;}
#sec02_video_R video{opacity: 0.5; height: 175px;}

.rotate_txt{writing-mode: vertical-rl;}
.rotate_txt p{margin: 0 !important; transform: rotate(180deg);}

/* sec03 */
#sec03_video_L, #sec03_video_L div{width: 100%; height: 100%;}
#sec03_video_L video{height: 100%;}

/* ************************************************
********************** SUB ***********************
************************************************* */
/* sub_nav */
.sub_nav nav ul{border-bottom:1px solid #E0E0E0;}
.sub_nav nav ul li{flex:1;}
.sub_nav nav ul li a.elementor-item-active{font-style:italic;}
.sub_nav nav ul li a{justify-content: center; transition:all .4s ease-in-out;}

/* ABOUT US */
#aboutanibg .elementor-widget-heading{filter: blur(1.5px);}
#aboutanibg .elementor-widget-text-editor{visibility: hidden; transition:all 0.3s ease-in-out; margin-top:20px; filter: blur(1.5px);}
#aboutanibg .aboutLT:hover .elementor-widget-heading, #aboutanibg .aboutRT:hover .elementor-widget-heading{filter:none;}
#aboutanibg .aboutLT .elementor-widget-heading, #aboutanibg .aboutRT:hover .elementor-widget-heading{transition:all 0.4s ease-in-out;}
#aboutanibg .aboutLT:hover .elementor-widget-text-editor, #aboutanibg .aboutRT:hover .elementor-widget-text-editor{visibility: visible; margin-top:0px; filter:none;}

.rotate_arrow{transform: translate(-50%, -50%);}
#rotate_img{display: block; border-radius: 100%; animation: rotate_image 12s linear infinite; transform-origin: center center;}
@keyframes rotate_image {
    100% {
        transform: rotate(360deg);
    }
}

/* COMMUNITY */
.kboard-thumbnail-poweredby{display:none !important;}

/* 갤러리 게시판 */
/* #galleryList .kboard-list thead, #galleryList .kboard-list .kboard-list-uid, #galleryList .kboard-list .kboard-thumbnail-new-notify, #galleryList .kboard-list .kboard-list-vote, #galleryList .kboard-list .kboard-list-view, #galleryList .kboard-list .kboard-list-user, .kboard-list-header, #kboard-thumbnail-list .kboard-search, .kboard-default-poweredby, .kboard-list-vote, .kboard-list-view {display:none !important;}
#galleryList .kboard-list tbody{display:flex; width: 100%; flex-direction: row; justify-content: space-between;}
#galleryList .kboard-list tbody tr{display:flex; flex-direction: column; width: calc(25% - 20px); background:#F9F9F9 !important;}
#galleryList .kboard-list tbody tr .kboard-list-thumbnail{width: 100% !important; height: 254px;}
#galleryList .kboard-list tbody tr .kboard-list-thumbnail img{width:100% !important; height:100% !important; object-fit:cover;}
#galleryList .kboard-list tbody tr td{padding:0 20px!important; border:none !important;}
#galleryList .kboard-list tbody tr td.kboard-list-thumbnail{padding:0!important;}
#galleryList .kboard-list tbody tr td.kboard-list-title{margin-top:20px; font-size:18px; font-weight:600; line-height:1.5;}
#galleryList .kboard-list tbody tr td.kboard-list-date{padding:0 20px 20px !important; font-size:14px; color:#989898; line-height:1.6;}
#galleryList .kboard-list tbody tr td.kboard-summary{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; font-size:16px; line-height:1.6;}
#galleryList .kboard-list tbody tr td.kboard-list-date, #galleryList .kboard-list tbody tr td.kboard-summary{margin-top:8px;}
.kboard-pagination{padding:40px 0 0 !important;}
.kboard-pagination .kboard-pagination-pages{display: flex; justify-content: center; align-items: center; gap: 8px;}
#kboard-default-list .kboard-list thead{border-top:1.5px solid #282828; background: #FAFAFA !important;}
#kboard-default-list .kboard-list thead tr{height:50px !important;}
#kboard-default-list .kboard-list thead tr td{color:#282828 !important;}
a.kboard-thumbnail-button-small{background-color:#DABA75 !important;}
#kboard-thumbnail-list .kboard-list table td.kboard-list-date{width:100% !important;} */

/* 인증 */
.certificate-container{display:flex !important; flex-wrap:wrap !important; justify-content:center !important;}
.certificate-container .elementor-widget-image-box{width: calc((100% - (20px * 6)) / 7) !important;}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.prd-main-image img {transition: none; animation: fadeIn 0.2s ease-in-out; aspect-ratio: 1 / 1 !important;}
.prd-thumbnail-item img{cursor: pointer; border: 2px solid transparent; }
.prd-thumbnail-item.active img {border: 1px solid #222 !important; /* 선택된 썸네일 강조 */}

/* prd detail */
.prddetail_RT ul{margin-bottom:0 !important;}

/* 문의하기 */
#Product_Inquiry input:focus, #Product_Inquiry textarea:focus {outline: none;}
#Product_Inquiry .form_input_wrap{margin-bottom: 30px; display: flex; gap: 20px;} 
#Product_Inquiry .form_input_wrap .form_input{display: flex; flex: 1;} 
#Product_Inquiry .form_input_wrap .form_input p, 
#Product_Inquiry .input_message p{display: flex; flex: 1; flex-wrap: wrap;} 
#Product_Inquiry .form_input_wrap .form_input p label, 
#Product_Inquiry .input_message p label{margin-bottom: 12px; width: 100%; font-weight: 600; font-size: 16px; color: #222; line-height: 160%; letter-spacing: -0.36px;} 
#Product_Inquiry .form_input_wrap .form_input p label span,
#Product_Inquiry .input_message p label span{margin-left: 6px; font-weight: 500; font-size: 16px; color: #FF1703; letter-spacing: -0.32px; vertical-align: top;} 
#Product_Inquiry .form_input_wrap .form_input p > span,
#Product_Inquiry .input_message p > span{flex: 1;}
#Product_Inquiry .form_input_wrap .form_input p > span > input,
#Product_Inquiry .input_message p > span > textarea{padding: 0 20px; width: 100%; height: 65px; border: 1px solid #DDD; background: #FFF; font-weight: 500; font-size: 18px; color: rgb(0 0 0 / 0.7); line-height: 160%; letter-spacing: -0.36px;}

#Product_Inquiry .input_message{margin-bottom: 40px;}
#Product_Inquiry .input_message p > span > textarea{height: 200px;}

#Product_Inquiry .formAwrap_box{overflow-y: scroll; margin-bottom: 20px; padding: 30px 30px 0; height: 200px; border: 1px solid #DDD; background: #FAFAFA; font-weight: 300; font-size: 16px; color: #8E8E8E; line-height: 160%; letter-spacing: -0.32px;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap{margin-bottom: 50px;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap > div:not(:last-child){margin-bottom: 25px;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap .formAwrap_tit{font-weight: 500;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap .formAwrap_txt{padding: 0 10px 0;}

#Product_Inquiry .form_acceptance_warp{display: flex; justify-content: space-between; align-items: center;}
#Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item{margin: 0;}
#Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item label{margin: 0; display: flex; align-items: center;}
#Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-weight: 600; font-size: 16px; color: #222; line-height: 23px; letter-spacing: -0.8px;}
#Product_Inquiry .form_acceptance_warp .form_submit input{width: 420px; height: 65px; background: #000; font-weight: 700; font-size: 16px; color: #FFF; line-height: 140%;}
#Product_Inquiry .form_acceptance_warp input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 11px 0 0; background: #fff; border-radius: 0px; cursor: pointer; height: 22px; outline: 0; width: 22px; border: 1px solid #DDD; padding: 0;}
#Product_Inquiry .form_acceptance_warp input[type="checkbox"]:checked {background: #222; border: 1px solid #222;}

#Product_Inquiry .wpcf7-not-valid-tip{font-size: 13px !important; position: absolute; bottom: -18px; left: 0; width: 100% !important;}
#Product_Inquiry .input_message .wpcf7-not-valid-tip{bottom: -13px;}
#Product_Inquiry .wpcf7-spinner{display: none !important;}

/* ************************************************
***************** RESPONSIBILITY ******************
************************************************* */
@media screen and (max-width: 1300px) {
	/* main */
	.main .swiper-slide.slide3{background-position-x: 70%;}
}
@media screen and (max-width: 1024px) {
	.br02{display: none;}

	#menu_nav nav ul li{width: 90px;}

	/* main */
	.main{height: 90vh;}
	.main .swiper-slide{gap: 20px;}
	.main .swiper-slide.slide2 p{color: #222;}
	.main .swiper-slide p{font-size: 55px;}
	.main .swiper-slide p.txt02{font-size: 18px;}

	/* sec02 */
	#sec02_video_L video{height: 170px;}
	#sec02_video_R video{height: 160px;}

	/* sec03 */
	#sec03_video_L, #sec03_video_L div, #sec03_video_L video{height: auto;}

	/* 	sub */
	#galleryList .kboard-list tbody tr{width: calc(50% - 12px); margin-bottom:20px !important; padding-bottom:20px !important;}
	#galleryList .kboard-list tbody{flex-wrap: wrap;}
	.certificate-container .elementor-widget-image-box{width: calc((100% - (20px * 3)) / 4) !important;}

	 /* 문의하기 */
    #Product_Inquiry .form_input_wrap{gap: 10px;}
    #Product_Inquiry .form_input_wrap .form_input p label, 
    #Product_Inquiry .input_message p label{margin-bottom: 10px;} 
    #Product_Inquiry .form_input_wrap .form_input p > span > input{height: 50px;}
    #Product_Inquiry .formAwrap_box{padding: 20px 20px 0; font-size: 15px;}
    #Product_Inquiry .form_acceptance_warp .form_submit input{width: 320px; height: 55px;}

}
@media screen and (max-width: 767px) {
	.br01{display: none;}

	/* main */
	.main{height: 500px;}
	.main .swiper-slide.slide1, .main .swiper-slide.slide2, .main .swiper-slide.slide3{background-position-x: 80%;}
	.main .swiper-slide p{padding: 0 50px 0 20px; font-size: 36px;}
	.main .swiper-slide p.txt02{font-size: 16px;}
	.main.mySwiper .swiper-pagination_wrap{gap: 12px; right: 20px;}
	.main.mySwiper .swiper-pagination_wrap .swiper-pagination{gap: 12px;}
	.main .swiper-btn{width: 30px; height: 30px;}

	/* 	sub */
	#galleryList .kboard-list tbody tr td.kboard-list-title{font-size:16px;}
	#galleryList .kboard-list tbody tr td.kboard-summary{font-size:14px !important;}
	.certificate-container .elementor-widget-image-box{width: calc((100% - 20px) / 2) !important;}

	/* Product Inquiry */
    #Product_Inquiry .form_input_wrap{gap: 20px; margin-bottom: 20px; flex-wrap: wrap;}
    #Product_Inquiry .form_input_wrap .form_input{width: 100%; flex: unset;}
    #Product_Inquiry .form_input_wrap .form_input p label, 
    #Product_Inquiry .input_message p label{margin-bottom: 5px; font-size: 14px;} 
    #Product_Inquiry .form_input_wrap .form_input p > span > input{height: 40px;}
    #Product_Inquiry .form_input_wrap .form_input p label span, 
    #Product_Inquiry .input_message p label span,
    #Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-size: 14px;}
    #Product_Inquiry .input_message{margin-bottom: 30px;}
    #Product_Inquiry .formAwrap_box{padding: 10px 10px 0; font-size: 14px;}
    #Product_Inquiry .form_acceptance_warp{flex-wrap: wrap; justify-content: center;}
    #Product_Inquiry .form_acceptance_warp .form_acceptance{margin-bottom: 20px; width: 100%; text-align: center;}
    #Product_Inquiry .form_acceptance_warp .form_submit input{width: 220px; height: 50px; font-size: 14px;}
    #Product_Inquiry .formAwrap_box .formAwrap_wrap{margin-bottom: 30px;}
    #Product_Inquiry .formAwrap_box .formAwrap_wrap > div:not(:last-child){margin-bottom: 15px;}
    #Product_Inquiry .form_acceptance_warp input[type="checkbox"]{margin: 0 8px 0 0; width: 18px; height: 18px;}

}
@media screen and (max-width:600px){
	#galleryList .kboard-mobile-contents{display:none !important;}
	.kboard-list-thumbnail, #kboard-thumbnail-list .kboard-list table td.kboard-list-date{display:block !important;}
}
@media screen and (max-width: 425px) {
	/* sec02 */
	#sec02_video_L video{height: 145px;}
	#sec02_video_R video{height: 120px;}
}