/* Theme Name: PRESSCAT Author: PRESSCAT Author URI: https://presscat.co.kr/ Description: 워드프레스 제작 전문회사 프레스캣 Version: 1.0.1 */ /* 룩북스크롤 */ .lookbook-relation-product1 .grid-page, .lookbook-relation-product2 .grid-page, .lookbook-relation-product3 .grid-page{ overflow-x: scroll!important; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; } .lookbook-relation-product1 .grid-page::-webkit-scrollbar, .lookbook-relation-product2 .grid-page::-webkit-scrollbar, .lookbook-relation-product3 .grid-page::-webkit-scrollbar{ height: 5px!important; border-radius: 5px!important; background: #EFEFEF!important; } .lookbook-relation-product1 .grid-page::-webkit-scrollbar-thumb, .lookbook-relation-product2 .grid-page::-webkit-scrollbar-thumb, .lookbook-relation-product3 .grid-page::-webkit-scrollbar-thumb { background-color: #212121!important; border-radius: 5px!important } .lookbook-relation-product1 .grid-page::-webkit-scrollbar-track, .lookbook-relation-product2 .grid-page::-webkit-scrollbar-track, .lookbook-relation-product3 .grid-page::-webkit-scrollbar-track {    background-color: #dedede!important; } /*SEARCH ========================================================================== */ .elementor-widget-elementskit-header-search .ekit-promo-popup{background: #fff; height: 100px} .elementor-widget-elementskit-header-search .mfp-close{width: auto!important; margin: 30px 0 0 0!important; top: 0; right: 100px; font-weight: 300!important; font-size: 35px!important; font-family: 'Lato'!important; border: 0!important; } button.mfp-close:hover {background-color: #fff!important;} .ekit_modal-searchPanel .ekit-search-group input:not([type=submit]){height: 45px!important; margin-top: 25px; border: 0!important} .ekit_modal-searchPanel .ekit-search-group{height: 75px; border-bottom: 1px solid #212121} .ekit-promo-popup .mfp-close, .mfp-s-ready{transform: translateY(0)!important; opacity: 1!important; transition: 0s!important} /*자동생성스타일해제*/ input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset} .ekit_modal-searchPanel .ekit-search-group .ekit_search-button{top: 50%!important; left: -25px; transform: translateY(-34%)!important} .ekit_modal-searchPanel .ekit-search-panel{max-width: 702px!important; margin: 0 auto!important} .mfp-wrap{overflow: hidden!important} /*search bar*/ .ekit-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{transform: none; transition: 0s} .mfp-bg.ekit-promo-popup{animation: none!important; border-radius: 0!important; background: #212121!important} .mfp-ready.mfp-bg{opacity: 35%!important} .ekit_search-button #Layer_1{width: 20px!important} .mfp-content{height: 120px; display: flex; align-content: space-between; justify-content: center; flex-direction: column; align-items: stretch;} button.ekit_search-button{pointer-events: none; } /*search not found page*/ .search-no-results .elementor-posts--skin-archive_custom{position: relative} .elementor-posts-nothing-found{height: 400px} .search-fail{position:absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 150px; margin: 0; text-align: center} .search-fail h3{font-weight: normal; font-size: 16px; margin-bottom: 100px} .search-fail p{font-size: 26px; font-weight: 600; color: #212121; margin-bottom: 20px} .search-fail ul{margin: 0; padding: 0; list-style: none; display: flex; justify-content: center} .search-fail ul li {border: 1px solid #212121; color: #212121; padding: 5px; border-radius: 5px; margin-right: 5px; background: #fff} .search-fail ul li a{ color: #212121} /*GNB ========================================================================== */ #page{margin-top: 100px} .menu-item:hover a.ekit-menu-nav-link{border-bottom: 2px solid #005876!important; transition: .1s!important} .menu-item:hover a.ekit-menu-dropdown-toggle{color: #212121!important; border-bottom: 2px solid #005876!important; transition: .1s!important} .menu-item .ekit-menu-nav-link i{transition: ease-in-out .3s} .menu-item:hover .ekit-menu-nav-link i{transform: rotate(180deg);} .gnb-pc .elementskit-dropdown{min-width: 200px!important; left: 50%!important; transform: translate(-50%,0)!important; padding: 0!important} .gnb-pc .elementskit-dropdown li{width: 110px; text-align: center} .gnb-mob .elementskit-dropdown{padding: 0!important} .gnb-mob .ekit-menu-nav-link i.icon{border :0!important} .elementskit-navbar-nav li a{border-bottom: 2px solid rgba(0,0,0,.0)} .elementskit-navbar-nav li.current-menu-item a{border-bottom: 2px solid #005876!important} .elementskit-navbar-nav li.current-menu-item>ul.elementskit-dropdown .nav-item a{border-bottom: 0!important} .elementskit-navbar-nav li.current-menu-parent ul.elementskit-dropdown .current-menu-item a.dropdown-item{border-bottom: 0!important} .elementskit-navbar-nav li.current-menu-parent> a{border-bottom: 2px solid #005876} /*.current-menu-ancestor,.current-menu-item{border-bottom: 2px solid #005876}*/ .elementskit-dropdown .current-menu-item{border-bottom: 0} #menu-item-3873, #menu-item-3875, #menu-item-3874, #menu-item-3878, #menu-item-3876, #menu-item-3877{display: none} /*View page Active Menu*/ .single-bestsellers #menu-item-491 a{border-bottom: 2px solid #005876!important} .single-news #menu-item-498 >a{border-bottom: 2px solid #005876!important} .single-press #menu-item-498 >a{border-bottom: 2px solid #005876!important} /*mainMenu*/ .elementskit-dropdown{display:flex} /*--- mainSlide ========================================================================== */ /*mainslide reset css*/ #mainSlide .elementor-testimonial__footer .elementor-testimonial__image img{width:100%; height: auto; border-radius:0} #mainSlide .elementor-testimonial__footer{margin-top: 0} #mainSlide .elementor-testimonial__footer .elementor-testimonial__image{margin-top: 0} #mainSlide .elementor-main-swiper{padding: 0; margin: 0} #mainSlide .swiper-slide{padding: 0; margin: 0} #mainSlide .elementor-widget-testimonial-carousel{padding: 0; margin: 0} .elementor-13 .elementor-element.elementor-element-681e89f.elementor-arrows-yes .elementor-main-swiper{width: 100%!important} .swiper-wrapper{transition:all 1.5s!important} /*mainSlide pagenation*/ .elementor-13 .elementor-element.elementor-element-681e89f .swiper-pagination-fraction {font-size: 14px; margin-bottom: 35px} #mainSlide .elementor-swiper-button{color: #212121} #mainSlide .elementor-swiper-button-prev{left: 3%} #mainSlide .elementor-swiper-button-next{right: 3%} #mainSlide .swiper-pagination-fraction .swiper-pagination-total{color:#999} /*mainSlide text*/ #mainSlide .elementor-testimonial__content{position: absolute; top: 50%; left: 23%; transform: translate(-50%,-50%); width: 450px;} #mainSlide .elementor-testimonial__text{text-align: left} #mainSlide .elementor-testimonial__text h2{margin: 0 0 20px; font-size: 35px; line-height: 1.375em} #mainSlide .elementor-testimonial__text p{margin:0 0 50px; font-size:16px;line-height: 1.5em} /*slise content animation*/ #mainSlide .swiper-slide .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__text{opacity:0; transform:translatey(25%); transition: .5s ease-out; transition-delay: .5s} #mainSlide .swiper-slide-active .elementor-testimonial__content .elementor-testimonial__text{opacity:1!important; transform:translatey(0%)!important} /*Stop button Test*/ #mainSlide .elementor-main-swiper::after{display: /*block*/none; content: ''; background: #fff; border-radius: 50%; width: 10px; height: 10px; position: absolute; bottom: 10%; left: 50%; z-index: 50} /*button style ======================================== */ .learnmore {border: 1px solid #212121; transition: all 0.5s ease; display: inline-block!important; width: 220px; padding: 15px 0; align-items: center; box-shadow: none; text-decoration: none; color:#212121!important; font-size:16px; font-weight: 600} .learnmore:hover{background: #212121; color: #d9d9d9} .learnmore:hover span, .learnmore:hover i{color: #d9d9d9} .learnmore span{padding: 13px 35px 13px 37px;} .learnmore i{color:#212121; padding: 0 37px 0 0} #borderBtn a.icon_button{display: inline-block; position: relative; transition: ease-in-out .2s} #borderBtn a.icon_button span{text-align: left} #borderBtn a.icon_button:hover::after{width: 100%} /*--- Main Our Best Sellers ========================================================================== */ #ourProduct .elementor-swiper-button-prev{top: -32px; right: 135px; left: inherit} #ourProduct .elementor-swiper-button-next{top: -32px; right: 60px; left: inherit} #ourProduct .eicon-chevron-left:before{content: ''; display: block; background: url('/wp-content/uploads/2021/06/1-5.png') no-repeat; background-size: 16px; width: 16px; height: 7px; transform: rotateY(180deg)} #ourProduct .eicon-chevron-right:before{content: ''; display: block; background: url('/wp-content/uploads/2021/06/1-5.png') no-repeat; background-size: 16px; width: 16px; height: 7px} #ourProduct .swiper-pagination-fraction .swiper-pagination-total{color:#999; font-weight: 600} #ourProduct .swiper-pagination-fraction {top: -8%; width: 35px; height: 50px; position: absolute; left: 89%; text-align: end; } #ourProduct .swiper-wrapper{margin-top: 40px} #ourProduct .swiper-pagination-fraction .swiper-pagination-current{color: #212121; font-weight: 600} /*제형컷*/ .ourProduct, .product-img-hover,.product-img{transition: ease-in-out .3s} .product-img-hover{opacity: 0} .ourProduct:hover .product-img{opacity: 0} .ourProduct:hover .product-img-hover{opacity: 1} #ourProduct .swiper-slide{ margin: 0;} #ourProduct .swiper-slide .elementor-image{width: 341px} /*--- Main Banner ========================================================================== */ #mainBanner .elementor-testimonial__footer .elementor-testimonial__image img{width:100%; height: auto; border-radius:0} #mainBanner .elementor-main-swiper{width: 100%} #mainBanner .elementor-testimonial__footer{margin-top: 0} #mainBanner .elementor-testimonial__footer .elementor-testimonial__image{margin-top: 0} #mainBanner .elementor-main-swiper{padding: 0; margin: 0} #mainBanner .swiper-slide{padding: 0; margin: 0} #mainBanner .elementor-widget-testimonial-carousel{padding: 0; margin: 0} #mainBanner .elementor-testimonial__image{width: 100%} /*main banner text*/ #mainBanner .elementor-testimonial__content{position: absolute; top: 13%; left: 15%; width: 455px;} #mainBanner .elementor-testimonial__text{text-align: left} #mainBanner .elementor-testimonial__text h2{margin: 30px 0 20px; font-size: 35px; line-height: 1.375em} #mainBanner .elementor-testimonial__text p{margin:0 0 40px; font-size:16px;line-height: 1.5em} button.learnMore-bk{background: #212121; color: #fff; display: block; border-radius: 0; width: 200px; height: 50px; padding: 0; font-weight: 400; cursor: pointer} /*main banner pagenation*/ #mainBanner .swiper-pagination {font-size: 14px; margin-bottom: 35px; width: fit-content; margin-left: 15%} #mainBanner .elementor-swiper-button{color: #212121} #mainBanner .elementor-swiper-button-prev{left: 3%} #mainBanner .elementor-swiper-button-next{right: 3%} #mainBanner .swiper-pagination-fraction .swiper-pagination-total{color:#999} /*--- Main Lookbook Section========================================*/ #lookBook div.elementor-column-gap-default{justify-content:space-around} /*-------------------------------------------------------------- Lookbook View Page --------------------------------------------------------------*/ #lookbookSlide .elementor-testimonial__footer{margin-top: 0} #borderBtn a.icon_button::after{display: inline-block; content: ''; background: #212121; width: 0%; height: 1px; position: absolute; bottom: 0; left: 0; padding: 0; transition-duration: .4s;} /*====상세페이지===== */ /*-------------------------------------------------------------- About Us --------------------------------------------------------------*/ /*About Us banner*/ #aboutUs-banner .elementor-testimonial__footer .elementor-testimonial__image img{width:100%; height: auto; border-radius:0} #aboutUs-banner .elementor-main-swiper{width: 100%} #aboutUs-banner .elementor-testimonial__footer{margin-top: 0} #aboutUs-banner .elementor-testimonial__footer .elementor-testimonial__image{margin-top: 0} #aboutUs-banner .elementor-main-swiper{padding: 0; margin: 0} #aboutUs-banner .swiper-slide{padding: 0; margin: 0} #aboutUs-banner .elementor-widget-testimonial-carousel{padding: 0; margin: 0} #aboutUs-banner .elementor-testimonial__image{width: 100%} #aboutUs-banner .swiper-slide{padding:0!important} /*About Us banner text*/ #aboutUs-banner .elementor-testimonial__content{position: absolute; top: 50%; left: 50%; width: 600px; transform: translate(-50%,-50%)} #aboutUs-banner .elementor-testimonial__text span{font-size: 16px; letter-spacing: 5.76px; color: #212121; margin-bottom: 26px; text-transform: uppercase} #aboutUs-banner .elementor-testimonial__text h2{margin: 0 0 20px; font-size: 45px; line-height: 1.375em; color: #212121} #aboutUs-banner .elementor-testimonial__text p{margin:0 0 40px; font-size:16px;line-height: 1.5em; color: #212121} /*About Us banner pagenation*/ #aboutUs-banner .swiper-pagination {font-size: 14px; margin-bottom: 30px;} #aboutUs-banner .elementor-swiper-button{color: #a3a3a3e6} #aboutUs-banner .elementor-swiper-button-prev{left: 3%} #aboutUs-banner .elementor-swiper-button-next{right: 3%} #aboutUs-banner .swiper-pagination-fraction .swiper-pagination-current{color: #212121} #aboutUs-banner .swiper-pagination-fraction .swiper-pagination-total{color:#bbb} #aboutUs-banner .swiper-pagination-fraction{color: #212121} #aboutSlide1 .elementor-swiper-button, #aboutSlide2 .elementor-swiper-button{top: 45%} #aboutSlide1 .swiper-slide, #aboutSlide2 .swiper-slide{width: 169px; padding:0} #aboutSlide1 .elementor-swiper, #aboutSlide2 .elementor-swiper{height:293px} /*-------------------------------------------------------------- Product --------------------------------------------------------------*/ #relatedProduct .elementor-swiper-button-prev{top: -30px; right: 85px!important; left: inherit} #relatedProduct .elementor-swiper-button-next{top: -30px; right: 0; left: inherit} #relatedProduct .eicon-chevron-left:before{content: ''; display: block; background: url('/wp-content/uploads/2021/05/1-4.png') no-repeat; background-size: 16px; width: 16px; height: 7px} #relatedProduct .eicon-chevron-right:before{content: ''; display: block; background: url('/wp-content/uploads/2021/06/1-5.png') no-repeat; background-size: 16px; width: 16px; height: 7px} #relatedProduct .swiper-pagination-fraction .swiper-pagination-total{color:#999; font-weight: 600} #relatedProduct .swiper-pagination-fraction {top: -43px; width: 51px; height: 50px; position: absolute; left: 94%; text-align: end; } .jet-filters-pagination{display: flex; justify-content: center} .jet-filters-pagination div{width: 35px; height: 35px; overflow: hidden; display: flex; align-items: center; justify-content: center;} .jet-filters-pagination__current{border: 1px solid #212121} .product-img .elementor-image{background: #fff} /*View Page*/ .product-thumnail .prod-thum-btn ul li{display: block} .product-thumnail .prod-thum-btn ul li:hover{outline: 1px solid #cecece} .product-thumnail .prod-thum-btn ul li.active{outline: 2px solid #212121} .prod-position-btn{position: absolute; top: 50%; left: 60%; transform: translate(-50%,-50%); width: 100%; cursor: pointer; z-index: 50; opacity: 0; transition: .5s} .prod-position-btn ul{margin: 0; padding: 0; list-style: none; display: flex!important; justify-content: space-around; font-size: 50px; color: #666} .prod-thum-wrap:hover .prod-position-btn{opacity: 1} #dce-breadcrumbs{padding:0;margin:0} .feature-img{width: fit-content!important; float: left;} .feature-img .dce-acf-repeater{display: flex; align-items: center; margin-bottom: 15px} .feature-img .dce-acf-repeater span{width: 30px; height: 30px; margin-right: 10px; float: left;} .feature-img .dce-acf-repeater p{width: 165px; float: left; margin: 0} .prod-thumbbtn img {cursor: zoom-in;} /*Related Product*/ #relatedProduct .elementor-main-swiper{width:100%;} #relatedProduct .swiper-slide{padding: 0} #relatedProduct .elementor-testimonial{width: 340px} /**Product Label**/ .optionLabel{position:absolute; height: 43px; display: flex; flex-direction: column;} .new-label, .best-label{width:100%} .new-label div, .best-label div{width: 45px;height: 20px} .new-label div img, .best-label div img{width: 100%;height:auto; display: block} .best-label{width: 20px;height: 20px;} /*Select CSS*/ select option{padding: 5px!important; color: #212121; display: block!important} select{max-width: 250px; font-family: "Lato", Sans-serif!important; font-size: 16px; font-weight: 600!important; color: #212121; border-style: solid; border-width: 0px 0px 1px 0px!important; border-color: #212121!important; border-radius: 0px 0px 0px 0px; padding: 5px 5px 10px 5px;} /* select ios*/ input{appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; } select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/wp-content/uploads/2021/08/select-arrow.png'); background-repeat: no-repeat; background-position: 98% 50%; background-size: 10px} select::-ms-expand{display:none;} /*-------------------------------------------------------------- Store --------------------------------------------------------------*/ .offline-form{overflow: hidden; width: 480px; margin-left: auto;} select.offline{margin-bottom: 15px; width: 187px; height: 40px; float: left; margin-right: 20px;} .offline-form form{margin-bottom: 15px; border-bottom: 1px solid #212121; margin-left: 17px; padding: 5px 5px 8px 8px; position: relative; width: 271px; height: 40px; display: flex;} .offline-form form input{width: 240px; padding: 0} .offline-form form button{background: none; border: 0; cursor: pointer; width: 20px; height: 20px} /*offline*/ .elementor-element-4cac570{margin-top:-80px} #mobile_sch_box{color: #212121} .offline-form form button::after{display: block; content: ''; background: url('/wp-content/uploads/2021/08/Search_Icon.png') no-repeat; background-size: 20px; position: absolute; width: 20px; height: 20px; top: 5px; right: 0} input::placehold{font-weight: bold; color: #9e9e9e} /*-------------------------------------------------------------- Stories&News --------------------------------------------------------------*/ /*Elementor Pagenation*/ .elementor-pagination span.page-numbers{display: none} .elementor-pagination span{width: 35px; height: 35px; padding: 4px} .elementor-pagination span.current{display: block; border: 1px solid;} .elementor-pagination{display: flex; align-items: center; width: fit-content; margin: auto} .elementor-pagination a.page-numbers{display: flex} .elementor-pagination .dots{display: block!important} /*Title ellipsis*/ .title-ellipsis1 p a{display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box} .title-ellipsis p a{display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box} .content-ellipsis {display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box} .content-ellipsis div{display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box} /*sns-share-wrap*/ .sns-share-wrap .elementor-widget-wrap{display: flex} .sns-share-wrap .elementor-widget-wrap .elementor-widget-share-buttons{width: fit-content; margin-right: 5px} .sns-share-wrap .elementor-widget-wrap .elementor-widget-dce-copy-to-clipboard{width: 26px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 50%;} .sns-share-wrap .elementor-widget-wrap .elementor-widget-dce-copy-to-clipboard>div{width: 26px; height: 26px; display: flex; justify-content: center; align-items: center;} /*navigation*/ .nav-previous i{transform: rotatex(-180deg)} .nav-previous .nav-title{display: flex; align-items: center;} .nav-previous .nav-title svg{width: 16px; margin-right: 8px} .nav-next .nav-title i{margin-left:8px} /*-------------------------------------------------------------- Stories --------------------------------------------------------------*/ .sort-nav{width: 100px; margin-left: auto;} @media (max-width: 480px){ .sort-nav {font-size: 14px; width: 85px;} } /* Products Newsroom Stories */ section.sub-top-banner > div{height: 360px; overflow: hidden} section.sub-top-banner-mo{height: 280px; overflow: hidden} /*-------------------------------------------------------------- Contact --------------------------------------------------------------*/ /*wpcf7*/ .wpcf7-select{max-width: 100%; padding: 0 5px} .contact_row{display: flex;} .contact_row div{width: 50%} .contact_row div input{font-size: 14px} .contact_row div select{font-size: 14px; font-weight: 500!important} .contact_row input::placeholder, .contact_txt textarea::placeholder{color: #757575!important} .contact_row input, .contact_row select{padding: 5px!important} .contact_txt textarea{padding: 10px!important; height: 300px!important; border: 1px; border-style: solid; border-color: #212121!important;} .contact_row div:nth-of-type(1){padding-right:2%} .contact_row div:nth-of-type(2){padding-left:2%} .contact_row:nth-of-type(3){margin-bottom: 30px} .ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus{border-bottom: 1px; border-style: solid;} .ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]){border: 0!important;border-bottom: 1px!important; border-style: solid!important} .wpcf7-form-control-wrap input{border-bottom: 1px!important; border-style: solid!important; border-color: #212121!important;} .wpcf7 p{text-align: right!important; margin: 0; padding: 0;width: 270px; margin-left: auto; float: right;} .wpcf7-submit{width: 272px} .wpcf7-submit{border: 1px solid #212121!important; color: #212121!important; background: #fff!important} .wpcf7-submit:hover{border: 1px solid #212121!important; color: #fff!important; background: #212121!important} .ekit-wid-con .ekit-form form textarea:focus{border-color: #212121!important} .wpcf7 .ajax-loader{display: none} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{border: 0; padding: 0; margin: 0; color: #e41000;width: 370px; margin-right: auto;} .elementor-515 .elementor-element.elementor-element-a05a00d .wpcf7-not-valid{border-bottom: 1px solid #f00;} .your-name .wpcf7-not-valid{border-bottom: 1px solid #f00!important;} .wpcf7-not-valid-tip{position: relative} .wpcf7-not-valid-tip::after {display: block; content: ''; background: #f00; width: 100%; height: 1px; position: absolute; top: -21px;} .wpcf7 form.sent .wpcf7-response-output {color: #3f51b5; border: 0;}/*success*/ .wpcf7-not-valid-tip{font-size: 0} .wpcf7 form .wpcf7-response-output {margin: 15px 0 0!important; padding: 0!important;} /*=============popup maker=================== */ .popmake-title{display: none} .popup-banner1 p{text-align: center} .popup-banner1 .banner-h{margin: 30px 0 30px; font-size: 35px; letter-spacing: 0.35px} .popup-banner1 .banner-c{margin: 0 0 30px; font-size: 17px; text-align: center; padding: 0; letter-spacing: 0.17px; list-style: none; margin-bottom: 30px!important} .popup-banner1 .banner-b{border: 1px solid #212121; padding: 18px 41px; font-size: 17px; width: 400px; margin: 0 auto;} .popup-banner1 .banner-b a{color: #212121; text-decoration: none} .popup-banner2{display: flex; align-items: center} .popup-banner2 .pop-img{width: 399px; overflow: hidden} .popup-banner2 .pop-img img{width:100%; height: auto} .popup-banner2 .pop-con{padding: 0 34px 0 27px; width: 436px} .popup-banner2 .banner-h{font-size: 35px;margin: 34px 0 26px;} .popup-banner2 .banner-c{font-size: 16px; line-height: 1.5em;} .popup-banner2 .banner-b{border: 1px solid #212121; padding: 15px 10px; width: 317px; text-align: center;} .popup-banner2 .banner-b a{color: #212121; text-decoration: none;} .popup-banner3{padding: 45px 35px} .popup-banner3 .banner-h{margin:0 0 15px; font-size: 35px; letter-spacing: 0.35px} .popup-banner3 .banner-c{margin: 0 0 39px!important; padding: 0; list-style: none; line-height: 1.35em} .popup-banner3 .banner-b{border: 1px solid #212121; padding: 18px 41px; font-size: 17px; width: 317px; text-align: center; margin: 0} .popup-banner3 .banner-b a{color: #212121; text-decoration: none} /* ========================================================Media Query ============================================================================================================================= */ .sub-banner-inner{ width: 40%!important; margin: 0 0 0 10%; } /*ipad */ /* Landscape*//* @media only screen and (min-device-width: 1024px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {} /*ipad pro*/ @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) { .sub-banner-inner{ width: 30%!important; margin: 0 0 0 10%; } } /* Landscape*/ @media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (orientation: landscape) { .sub-top-banner{ background-position: 0 100%!important } .sub-banner-inner{ width: 55%!important; margin: 0 0 0 10%; } } @media (max-width: 1024px) { /*SEARCH BAR close button display none*/ .elementor-widget-elementskit-header-search .mfp-close{ display: none } /*Mobile GNB ========================================================================== */ #page{margin-top: 0} .hfe-flyout-close, .hfe-flyout-close svg{margin: 40px 0; left: 25px!important} .admin-bar .hfe-side{margin-top: 0!important} .hfe-flyout-close, .hfe-flyout-close svg{top: 40px; left: 35px} .hfe-nav-menu .menu-item>a.hfe-menu-item{padding-bottom: 10px!important} .hfe-nav-menu .menu-item>div>a.hfe-menu-item{padding-bottom: 10px!important} /*arrow*/ .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before, .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before{content:''} .gnb-mo .hfe-menu-item .sub-arrow{background: url('/wp-content/uploads/2021/08/1.png') no-repeat; background-size: 12px; width: 12px; height: 7px; border: 0; transition: .3s; padding: 0; } .gnb-mo .menu-active .sub-arrow{background: url('/wp-content/uploads/2021/08/1.png') no-repeat; background-size: 12px; width: 12px; height: 7px; border: 0; transform: rotate(180deg)} /*All tag button*/ .gnb-mo #menu-item-483, .gnb-mo #menu-item-480, .gnb-mo #menu-item-476{position: relative} .gnb-mo #menu-item-483::after,.gnb-mo #menu-item-480::after, .gnb-mo #menu-item-476::after{display: block; content:'All'; position: absolute; top: 15px; right: 50px; color: #bdbdbd; border: 1px solid #bdbdbd; padding: 0 7px; border-radius: 20px; font-size: 14px} /*oldest page display none*/ #menu-item-483 ul li:nth-of-type(1), #menu-item-483 ul li:nth-of-type(3), #menu-item-483 ul li:nth-of-type(5){display: none} #menu-item-480 ul li:nth-of-type(1), #menu-item-480 ul li:nth-of-type(3), #menu-item-480 ul li:nth-of-type(5){display: none} /*--Active style--*/ /*-- single menu --*/ #menu-item-12649.current-menu-item .hfe-menu-item, #menu-item-474.current-menu-item .hfe-menu-item, #menu-item-475.current-menu-item .hfe-menu-item, #menu-item-488.current-menu-item .hfe-menu-item{width: fit-content; border-bottom: 2px solid #005876; position: relative} /*-- multimenu --*/ /*Newsroom Active Style*/ .page-id-1815 #menu-item-483 .hfe-menu-item, .page-id-2014 #menu-item-483 .hfe-menu-item, .page-id-1827 #menu-item-483 .hfe-menu-item, .page-id-2053 #menu-item-483 .hfe-menu-item, .page-id-1929 #menu-item-483 .hfe-menu-item, .page-id-2055 #menu-item-483 .hfe-menu-item{width: 100%; border-bottom: 0} .page-id-1815 #menu-item-483 .hfe-menu-item::after, .page-id-2014 #menu-item-483 .hfe-menu-item::after, .page-id-1827 #menu-item-483 .hfe-menu-item::after, .page-id-2053 #menu-item-483 .hfe-menu-item::after, .page-id-1829 #menu-item-483 .hfe-menu-item::after, .page-id-2055 #menu-item-483 .hfe-menu-item::after{position: absolute; bottom: 0; left: 0; display: block; content: ''; background: #005876; height: 2px; opacity: 1; width: 80px} .page-id-2053 #menu-item-485 a{color: #005876} /*Stories Active Style*/ .page-id-2794 #menu-item-480 .hfe-menu-item, .page-id-3214 #menu-item-480 .hfe-menu-item, .page-id-3224 #menu-item-480 .hfe-menu-item, .page-id-3266 #menu-item-480 .hfe-menu-item, .page-id-3222 #menu-item-480 .hfe-menu-item, .page-id-3232 #menu-item-480 .hfe-menu-item{width: 100%; border-bottom: 0} .page-id-2794 #menu-item-480 .hfe-menu-item:after, .page-id-3214 #menu-item-480 .hfe-menu-item:after, .page-id-3224 #menu-item-480 .hfe-menu-item:after, .page-id-3266 #menu-item-480 .hfe-menu-item:after, .page-id-3222 #menu-item-480 .hfe-menu-item:after, .page-id-3232 #menu-item-480 .hfe-menu-item:after{position: absolute; bottom: 0; left: 0; display: block; content: ''; background: #005876; height: 2px; opacity: 1; width: 52px} .page-id-3266 #menu-item-12620 a, .page-id-3232 #menu-item-482 a{color: #005876} /*Store Active Style*/ .page-id-3293 #menu-item-476 .hfe-menu-item, .page-id-2108 #menu-item-476 .hfe-menu-item{width: 100%; border-bottom: 0} .page-id-3293 #menu-item-476 .hfe-menu-item::after, .page-id-2108 #menu-item-476 .hfe-menu-item::after{position: absolute; bottom: 0; left: 0; display: block; content: ''; background: #005876; height: 2px; opacity: 1; width: 40px} /* View Page Active Style*/ body.bestsellers-template-default .gnb-mo #menu-item-475 .hfe-menu-item{width: fit-content; border-bottom: 2px solid #005876; position: relative} body.stories-template-default .gnb-mo #menu-item-480 .hfe-menu-item, body.news-template-default .gnb-mo #menu-item-483 .hfe-menu-item, body.press-template-default .gnb-mo #menu-item-483 .hfe-menu-item{width: 100%; border-bottom: 0} body.stories-template-default .gnb-mo #menu-item-480 .hfe-menu-item::after{position: absolute; bottom: 0; left: 0; display: block; content: ''; background: #005876; height: 2px; opacity: 1; width: 52px} body.news-template-default .gnb-mo #menu-item-483 .hfe-menu-item::after, body.press-template-default .gnb-mo #menu-item-483 .hfe-menu-item::after{position: absolute; bottom: 0; left: 0; display: block; content: ''; background: #005876; height: 2px; opacity: 1; width: 80px} /*lookbook button css*/ .gnb-mo .elementor-button-wrapper a::before{display: block; content: ''; background: url('/wp-content/uploads/2021/08/20.png') no-repeat; width: 20px!important; background-size: 20px; height: 8px; position: absolute; bottom: 50%; left: 150px; opacity: 1!important;} .gnb-mo .current-menu-item a.elementor-button::after{display: block; content: ''; background: none; width: 0; height: 0; position: absolute; bottom: 0; left: 0; opacity: 0!important;} .gnb-mo #menu-item-12622{position: relative; padding: 20px 0 0; margin-top: 2vh;} .gnb-mo #menu-item-12622::before{content:''; display:block; background: #e0e0e0; width:100%; height: 1px; position: absolute; top: 0} /*GNB scroll none*/ .hfe-flyout-wrapper .hfe-side{ -ms-overflow-style: none; height: 100vh!important } .hfe-flyout-wrapper .hfe-side::-webkit-scrollbar{ display:none; } /*active GNB x position */ .elementor-element.elementor-element-3504bcf.hfe-menu-item-space-between.hfe-submenu-icon-arrow.hfe-link-redirect-child.elementor-widget.elementor-widget-navigation-menu{padding-top: 0} /*SEARCH*/ .ekit_modal-searchPanel .ekit-search-group input:not([type=submit]), .ekit_search-field{border: 0!important} button.mfp-close{border: 0!important; font-size: 35px!important} /*search not found*/ .search-no-results .elementor-posts--skin-archive_custom{position: relative} .elementor-posts-nothing-found{height: 900px} .search-fail{position:absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 150px; margin: 0} .search-fail h3{font-weight: normal; font-size: 20px; margin-bottom: 0} .search-fail p{font-size: 22px; font-weight: 600; color: #212121; margin-bottom: 20px} /* ----------------- Home -----------------*/ /*mainslide reset css*/ #mainSlide .elementor-testimonial__content{position: absolute; top: 50%; left: 40%; transform: translate(-50%,-50%); width: auto;} #mainSlide .elementor-testimonial__text h2{margin: 0 0 5px; font-size: 24px; line-height: 1.375em;} #mainSlide .elementor-testimonial__text p{margin: 0 0 25px; font-size: 14px; line-height: 1.375em;} .learnmore{font-size: 14px; width: 160px} .learnmore span{padding: 10px 10px 10px 30px} .learnmore i{padding: 0 30px 0 0} /*main products*/ #ourProduct .elementor-main-swiper{padding-bottom: 0} #ourProduct .swiper-slide .elementor-image{width: 200px} #ourProduct .swiper-pagination-fraction {top: 32%; position: absolute; transform: translate(-50%,-50%); left: 85%; width: auto; height: auto} #ourProduct .elementor-swiper-button-prev{top: 2%; position: absolute; transform: translate(-50%,-50%); left: 75%;} #ourProduct .elementor-swiper-button-next {top: 2%; right: inherit; left: 92%; } .elementor-13 .elementor-element.elementor-element-470e69b.icon-right .icon-rm{padding-left: 10px!important} /*main banner*/ #mainBanner .swiper-slide{height: 250px; margin: 0} #mainBanner .elementor-testimonial__content{position: absolute; top: 45%; left: 50%; width: 75%; transform: translate(-50%,-50%);} #mainBanner .elementor-testimonial__text h2{margin: 0 0 10px; font-size: 18px; line-height: 1.375em;} #mainBanner .elementor-testimonial__text p{margin: 0 0 10px; font-size: 14px; line-height: 1.5em;} #mainBanner .elementor-testimonial__footer .elementor-testimonial__image img{width: 100%; height: 250px; border-radius: 0; object-fit: cover;} #mainBanner .swiper-pagination {font-size: 14px; margin-bottom: 0; width: fit-content; position: absolute; transform: translate(-50%,-100%); left: 15%; margin-left: 0} /*main lookbook*/ .elementor-808 .elementor-element.elementor-element-6cca1de.icon-right i.klairs_more_btn{padding-left: 10px!important} /*--------------- Lookbook single -----------------*/ .elementor-1149 .elementor-element.elementor-element-74e7b93{overflow: hidden} #lookbookSlide{} /*--------------- Product -----------------*/ .prod-thumbbtn{width: 70px!important} .btn {width: 70px!important; height: 70px!important} .btn .thumbnail-btn{width: 70px!important; height: 70px!important; object-fit: cover} .prod-thumb-wrap, .prod-thumb-inner{width: 400px!important; height: 480px!important} .prod-thumb-inner img{width: 400px!important; height: 480px!important; object-fit: cover} .prev{left: 100px!important} .elementor-1206 .elementor-element.elementor-element-c242620 > .elementor-container{max-width: initial!important} /*--------------- Newsroom -----------------*/ .sub-banner-inner{ width: 70%!important; margin: 0 0 0 10%; } /*--------------- wpcf7 -----------------*/ .wpcf7-select{max-width: 100%; padding: 0 5px} .contact_row{display: flex; flex-direction: column} .contact_row div{width: 100%} .contact_txt textarea{height: 140px!important; } .contact_row div:nth-of-type(1){padding-right:0} .contact_row div:nth-of-type(2){padding-left:0} .contact_row:nth-of-type(3){margin-bottom: 20px} .elementor-515 .elementor-element.elementor-element-a05a00d .ekit-form form .ekit-form-input, .elementor-515 .elementor-element.elementor-element-a05a00d .ekit-form form select, .elementor-515 .elementor-element.elementor-element-a05a00d .ekit-form form input{margin-bottom: 0} .wpcf7-submit{width: 200px} }/*---------End @media (max-width: 1024px)----------*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .elementor-1149 .elementor-element.elementor-element-0e4919a > .elementor-widget-container{margin: 137px 0px 0px!important} .elementor-1149 .elementor-element.elementor-element-7647a4d img{width: 100%!important} .elementor-1149 .elementor-element.elementor-element-78b587d{width: 50%!important} .elementor-1149 .elementor-element.elementor-element-74e7b93{width: 50%!important} .elementor-1173 .elementor-element.elementor-element-1eaa6d24 > .elementor-container{min-height: 318px!important} /* ---------------- about -----------------*/ #aboutUs-banner .elementor-main-swiper{height:300px} /* ---------------- Contact -----------------*/ .wpcf7-not-valid-tip::after{top: -1px} } @media (max-width: 768px) { /*GNB ========================================================================== */ #page{margin-top: 0} .gnb-mo #menu-item-12622{margin-top: 40vh} .elementor-1664 .elementor-element.elementor-element-3504bcf .hfe-nav-menu-icon {font-size: 20px; border-width: 0px; padding: 0; border-radius: 0px; margin: 0;} .elementor-1664 .elementor-element.elementor-element-05576ae > .elementor-widget-container{padding: 0} /*active GNB x position */ .elementor-element.elementor-element-3504bcf.hfe-menu-item-space-between.hfe-submenu-icon-arrow.hfe-link-redirect-child.elementor-widget.elementor-widget-navigation-menu{padding-top: 7px} /*search not found*/ .search-no-results .elementor-posts--skin-archive_custom{position: relative} .elementor-posts-nothing-found{height: 550px} .search-fail{position:absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 150px; margin: 0} .search-fail h3{font-weight: normal; font-size: 16px; margin-bottom: 0} .search-fail p{font-size: 18px; font-weight: 600; color: #212121; margin-bottom: 20px} /*--------------- single lookbook -----------------*/ .elementor-1149 .elementor-element.elementor-element-0e4919a > .elementor-widget-container{margin: 213px 0px 0px 0px!important} .elementor-1149 .elementor-element.elementor-element-78b587d{width: 100%!important} .elementor-1149 .elementor-element.elementor-element-74e7b93{width: 100%!important} /*-------------------About Us--------------------*/ #aboutUs-banner .elementor-swiper{height: 300px} #aboutUs-banner .swiper-slide{height: 300px} /*About Us banner text*/ #aboutUs-banner .elementor-testimonial__content{position: absolute; top: 50%; left: 50%; width: 600px; transform: translate(-50%,-50%)} #aboutUs-banner .elementor-testimonial__text span{font-size: 12px; margin-bottom: 13px} #aboutUs-banner .elementor-testimonial__text h2{margin: 0 0 10px; font-size: 25px; line-height: 1.375em} #aboutUs-banner .elementor-testimonial__text p{margin:0 0 20px; font-size:14px;line-height: 1.5em1} /*--------------- Product -----------------*/ .elementor-1206 .elementor-element.elementor-element-cc7da4f > .elementor-widget-container{padding: 0 0 10px!important} .product-thumb{} .prod-thumb-wrap, .prod-thumb-inner, .prod-thumb-inner img{width: 300px!important; height: 370px!important} .prod-thumbbtn{width: 53px!important} .btn{width: 53px!important; height: 53px!important; margin-bottom: 10px!important} .prev{left: 65px!important} .next{right: 0!important} .elementor-1206 .elementor-element.elementor-element-7aa712a > .elementor-element-populated{padding: 20px 15px 0px 0!important} .elementor-1206 .elementor-element.elementor-element-91fc1d3 .elementor-heading-title{font-size: 20px!important} .feature-img .dce-acf-repeater{margin-bottom: 5px!important} .elementor-1206 .elementor-element.elementor-element-b02ca7d > .elementor-widget-container{margin: 0 0 15px 0!important} .feature-img .dce-acf-repeater span{width: 20px!important; height: 20px!important} .elementor-1206 .elementor-element.elementor-element-9b9c5fa .elementor-repeater-item-1661825 img{max-width: 100%!important} .elementor-1206 .elementor-element.elementor-element-f80b886 > .elementor-widget-container{margin: 0!important} /* ----------------- Online -----------------*/ .elementor-2108 .elementor-element.elementor-element-5dcdc0d , .elementor-2108 .elementor-element.elementor-element-78677cb, .elementor-2108 .elementor-element.elementor-element-e1e1f32, .elementor-2108 .elementor-element.elementor-element-afb294b, .elementor-2108 .elementor-element.elementor-element-a9ed4a5, .elementor-2108 .elementor-element.elementor-element-bcf211a, .elementor-14997 .elementor-element.elementor-element-50b90d4, .elementor-14999 .elementor-element.elementor-element-8609817, .elementor-15001 .elementor-element.elementor-element-a2acf08, .elementor-15003 .elementor-element.elementor-element-f5bc014, .elementor-15008 .elementor-element.elementor-element-b9d1a8d{--grid-column-gap: 70px!important; --grid-row-gap: 74px!important;} /*Stories*/ .loop-pro> div .elementor-image img{height:400px!important} /* ---------------- Contact -----------------*/ .wpcf7-not-valid-tip::after{top: -1px} }/*---------End @media (max-width: 768px)----------*/ /ipad air/ @media only screen and (min-device-width: 820px) and (max-device-height: 1180px){ .sub-top-banner{ padding: 0 50px } } /ipad air landscape/ @media only screen and (min-device-width: 1180px) and (max-device-height: 820px) and (orientation: landscape) { .sub-top-banner{ padding-left: 50px } } @media (max-width: 480px) { body{overflow-x: hidden} /*Mobile GNB ========================================================================== */ #page{margin-top: 0} .admin-bar .hfe-side{margin-top: 0!important} .hfe-flyout-close, .hfe-flyout-close svg{top: 40px; right: 35px} .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before, .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before{content:''} .gnb-mo .hfe-menu-item .sub-arrow{background: url('/wp-content/uploads/2021/08/1.png') no-repeat; background-size: 12px; width: 12px; height: 7px; border: 0; transition: .3s; padding: 0; } .gnb-mo .menu-active .sub-arrow{background: url('/wp-content/uploads/2021/08/1.png') no-repeat; background-size: 12px; width: 12px; height: 7px; border: 0; transform: rotate(180deg)} .gnb-mo .menu-item .hfe-has-submenu-container{position: relative} .gnb-mo .menu-item .hfe-has-submenu-container::after{display: block; content:'All'; position: absolute; top: 15px; right: 50px; color: #bdbdbd; border: 1px solid #bdbdbd; padding: 0 7px; border-radius: 20px; font-size: 14px} .gnb-mo #menu-item-12622{position: relative; padding: 20px 0 0; margin-top: 8vh;} .gnb-mo #menu-item-12622::before{content:''; display:block; background: #e0e0e0; width:100%; height: 1px; position: absolute; top: 0} #menu-item-483 ul li:nth-of-type(1), #menu-item-483 ul li:nth-of-type(3), #menu-item-483 ul li:nth-of-type(5){display: none} #menu-item-480 ul li:nth-of-type(1), #menu-item-480 ul li:nth-of-type(3), #menu-item-480 ul li:nth-of-type(5){display: none} .hfe-flyout-close, .hfe-flyout-close svg{margin: 5px; top: 20px!important; right: 15px!important} /*active GNB x position */ .elementor-element.elementor-element-3504bcf.hfe-menu-item-space-between.hfe-submenu-icon-arrow.hfe-link-redirect-child.elementor-widget.elementor-widget-navigation-menu{padding-top: 0} /*SEARCH*/ .ekit_search-field{border: 0!important} button.mfp-close{display: none!important} .ekit_modal-searchPanel .ekit-search-group{margin: 0 15px} .mfp-content{height: 120px} /*search not found*/ .search-no-results .elementor-posts--skin-archive_custom{position: relative} .elementor-posts-nothing-found{height: 450px} .search-fail{position:absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 150px; margin: 0} .search-fail h3{font-weight: normal; font-size: 14px; margin-bottom: 0} .search-fail p{font-size: 16px; font-weight: 600; color: #212121; margin-bottom: 20px} /* ----------------- Home -----------------*/ /*mainslide reset css*/ #mainSlide-mo .elementor-testimonial__footer .elementor-testimonial__image img{width:100%; height: 520px; border-radius:0} #mainSlide-mo .elementor-testimonial__footer{margin-top: 0} #mainSlide-mo .elementor-testimonial__footer .elementor-testimonial__image{margin-top: 0; height: 520px;} #mainSlide-mo .elementor-testimonial__footer .elementor-testimonial__image img{width: 100%; height: 520px; object-fit: cover} #mainSlide-mo .elementor-main-swiper{padding: 0; margin: 0; height: 520px} #mainSlide-mo .swiper-slide{padding: 0; margin: 0} #mainSlide-mo .elementor-widget-testimonial-carousel{padding: 0; margin: 0} .elementor-13 .elementor-element.elementor-element-fee8d3a.elementor-arrows-yes .elementor-main-swiper{width: 100%!important} .swiper-wrapper{transition:all 1.5s!important} /*mainSlide pagenation*/ #mainSlide-mo .swiper-pagination-fraction{margin-bottom: 0; text-align: left; padding: 0 0 20px 15px;font-size: 16px; font-weight: 400} #mainSlide-mo .elementor-swiper-button{display: none} #mainSlide-mo .swiper-pagination-fraction .swiper-pagination-total{color:#999} /*mainSlide text*/ #mainSlide-mo .elementor-testimonial__content{position: absolute; top: 35px; left: 15px; transform: translate(0,0); width: 89%;} #mainSlide-mo .elementor-testimonial__text{text-align: left} #mainSlide-mo .elementor-testimonial__text h2{margin: 0 0 15px; font-size: 25px; line-height: 1.375em} #mainSlide-mo .elementor-testimonial__text p{margin:0 0 40px; font-size:14px;line-height: 1.5em} .learnmore span{padding: 10px 10px 10px 30px; font-size: 14px} .learnmore i{padding: 0px 30px 0 0} /*main about*/ .elementor-13 .elementor-element.elementor-element-c185841 > .elementor-widget-container{margin: 0} .elementor-13 .elementor-element.elementor-element-57e734a > .elementor-element-populated{margin: 0; padding: 0} .elementor-13 .elementor-element.elementor-element-470e69b.icon-right .icon-rm{padding-left: 10px!important} /*main products*/ #ourProduct .swiper-slide .elementor-image{width: 160px} .elementor-13 .elementor-element.elementor-element-f73bc9b.elementor-arrows-yes .elementor-main-swiper{width: 100%; position: relative; padding-bottom: 50px!important} #ourProduct .swiper-wrapper{margin-top: 0} #ourProduct .swiper-pagination-fraction{position: absolute; left: 50%; top: 325px; transform: translate(-50%,-50%); font-size: 14px; font-weight: 400} #ourProduct .swiper-pagination-fraction .swiper-pagination-current, #ourProduct .swiper-pagination-fraction .swiper-pagination-total{ font-weight: 400} #ourProduct .elementor-swiper-button-prev {top: 331px; left: 44%; transform: translate(-50%,-50%)} #ourProduct .elementor-swiper-button-next {top: 331px; left: 62%; transform: translate(-50%,-50%)} /*main banner*/ #mainBanner .swiper-slide{height: 450px; margin: 0} #mainBanner .elementor-testimonial__footer .elementor-testimonial__image{height: 450px;} #mainBanner .elementor-testimonial__footer .elementor-testimonial__image img{width: 100%; height: 450px; object-fit: cover} #mainBanner .elementor-testimonial__content{position: absolute; top: 35px; left: 15px; transform: translate(0,0); width: 89%;} #mainBanner .elementor-testimonial__text h2{margin: 0 0 15px; font-size: 25px; line-height: 1.375em} #mainBanner .elementor-testimonial__text p{margin:0 0 40px; font-size:14px;line-height: 1.5em} #mainBanner .elementor-swiper-button{display: none} #mainBanner .swiper-pagination{text-align: left; padding: 0!important ; left: 10%} #mainBanner .swiper-pagination-fraction{margin: 0; text-align: left; padding: 0 0 20px 15px;font-size: 14px; font-weight: 400} /*footer*/ .elementor-1658 .elementor-element.elementor-element-d777105{padding: 0} .dce-btn-readmore .icon-rm{top: 0} /*------------------- Lookbook --------------------*/ .elementor-1149 .elementor-element.elementor-element-0e4141f img{object-fit:cover} /*-------------------About Us--------------------*/ #aboutUs-banner .elementor-swiper{height: 250px} #aboutUs-banner .swiper-slide{height: 220px} /*About Us banner text*/ #aboutUs-banner .elementor-testimonial__content{width: 300px} #aboutUs-banner .elementor-testimonial__text span{font-size: 11px; margin-bottom: 5px; letter-spacing: 3.2px; font-weight: 600!important} #aboutUs-banner .elementor-testimonial__text h2{margin: 0 0 10px; font-size: 25px; line-height: 1.375em} #aboutUs-banner .elementor-testimonial__text p{margin:0 0 10px; font-size:13px;line-height: 1.5em} #aboutUs-banner .elementor-testimonial__image{height: 0} /*About Us banner pagenation*/ #aboutUs-banner .swiper-pagination {font-size: 14px; margin-bottom: 10px;} #aboutUs-banner .elementor-swiper-button{font-size: 18px} /*aboutSlide*/ #aboutSlide1 .elementor-swiper-button, #aboutSlide2 .elementor-swiper-button{top: 45%} #aboutSlide1 .swiper-slide, #aboutSlide2 .swiper-slide{width: 169px; padding:0} /*about-corevalue*/ .about-corevalue .elementor-image-box-wrapper{display: flex} .about-corevalue figure.elementor-image-box-img{margin-right:10px!important} .about-corevalue .elementor-image-box-content .elementor-image-box-description{font-weight: 600!important} /* ----------------- Product -----------------*/ .elementor-2947 .elementor-element.elementor-element-d9a4a4a {--grid-column-gap: 10px; --grid-row-gap: 60px;} .product-thumb{display: none!important} .dce-acf-relationship-natural .bestsellers{width: 46%!important; margin-bottom: 50px!important} .single-bestsellers .dce-acf-relationship-natural{justify-content: space-between;} .single-bestsellers .dce-acf-relationship-natural .type-bestsellers{width: 95%;} .single-bestsellers .dce-acf-relationship-natural .type-bestsellers:nth-of-type(1), .single-bestsellers .dce-acf-relationship-natural .type-bestsellers:nth-of-type(3){margin-right:4%;} .elementor-1206 .elementor-element.elementor-element-7aa712a > .elementor-element-populated{padding: 0!important} .feature-img .dce-acf-repeater span{width: 25px!important; height: 25px!important} .feature-img .dce-acf-repeater p{width: 155px!important} .feature-img .dce-acf-repeater{margin-bottom: 12px!important} select.jet-select__control{padding-right: 15px!important} #product{ margin-right: 0; margin-left: 10px } /*ipad 관련제품지정마진*/ .single-bestsellers .dce-acf-relationship-natural .type-bestsellers{width: 23%; margin-right: 2%} /**Product Label**/ .new-label div, .best-label div{width: 35px;height: 15px} .best-label div img, .new-label div img {width: 35px; height: 15px; display: block} /*Related Posts*/ .dce-acf-relationship-natural .news, .dce-acf-relationship-natural .press, .dce-acf-relationship-natural .stories {width: 100%!important; margin-bottom: 35px} /* ----------------- Online -----------------*/ .elementor-2108 .elementor-element.elementor-element-5dcdc0d , .elementor-2108 .elementor-element.elementor-element-78677cb, .elementor-2108 .elementor-element.elementor-element-e1e1f32, .elementor-2108 .elementor-element.elementor-element-afb294b, .elementor-2108 .elementor-element.elementor-element-a9ed4a5, .elementor-2108 .elementor-element.elementor-element-bcf211a, .elementor-14997 .elementor-element.elementor-element-50b90d4, .elementor-14999 .elementor-element.elementor-element-8609817, .elementor-15001 .elementor-element.elementor-element-a2acf08, .elementor-15003 .elementor-element.elementor-element-f5bc014, .elementor-15008 .elementor-element.elementor-element-b9d1a8d{--grid-column-gap: 65px!important; --grid-row-gap: 60px!important;} /* ----------------- Offline -----------------*/ .elementor-element-4cac570{margin-top: 0} .offline-form{flex-wrap: wrap} select.offline{max-width: 100%; width: 100%; font-size: 14px} .offline-form form{max-width: 100%; width: 100%; margin: 0 0 35px} .offline-form form input{font-size: 14px} .container{flex-direction: column; height: auto!important} .container .row{width: 100%; display: block; height: 400px; margin-bottom: 5px} .container .slide{margin-left: 0; height: 300px; overflow: hidden} select.offline{margin-bottom: 15px;} .offline-form {overflow: hidden; width: 100%; margin-left: auto;} .offline-form form{margin: 0 0 20px 0} .offline-form div p{font-size: 14px} /*News/Pres/Stories*/ .elementor-2878 .elementor-element.elementor-element-2f0e907.icon-right .icon-rm{padding-left:5px!important} /*sns share button*/ .sns-share-wrap .elementor-widget-wrap .elementor-widget-dce-copy-to-clipboard {width: 30px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 50%;} .sns-share-wrap .elementor-widget-wrap .elementor-widget-dce-copy-to-clipboard>div {width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; } .title-ellipsis1 p a{-webkit-line-clamp:2} /*newsroom mobile grid row gap*/ .elementor-1815 .elementor-element.elementor-element-f231c22, .elementor-2014 .elementor-element.elementor-element-f231c22, .elementor-1827 .elementor-element.elementor-element-8529d60, .elementor-2053 .elementor-element.elementor-element-8529d60, .elementor-1829 .elementor-element.elementor-element-9267d2a, .elementor-2055 .elementor-element.elementor-element-9267d2a{--grid-row-gap: 50px!important} .elementor-2794 .elementor-element.elementor-element-376a987, .elementor-3214 .elementor-element.elementor-element-376a987, .elementor-3222 .elementor-element.elementor-element-376a987, .elementor-3232 .elementor-element.elementor-element-376a987, .elementor-3224 .elementor-element.elementor-element-376a987, .elementor-3266 .elementor-element.elementor-element-376a987{--grid-row-gap: 50px!important} /*Post load more button*/ .ecs-load-more-button .elementor-button{margin-top: 50px!important} /*--------------- wpcf7 -----------------*/ .wpcf7-submit{width: 100%} .contact_row{margin-bottom: 15px} .contact_row div:nth-of-type(1){margin-bottom: 15px} .contact_row:nth-of-type(3){margin-bottom: 35px} /*mobile font weight bold*/ .mobile-bold{font-weight: bold!important} .wpcf7 p{width: 100%; float: inherit} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{margin: 10px 0 0} }/*---------End @media (max-width: 480px)----------*/ @media only screen and (min-width: 480px), (orientation: landscape) { } @media only screen and (max-width: 320px){ /* ----------------- Home -----------------*/ /*mainSlide text*/ #mainSlide-mo .elementor-testimonial__text h2{margin: 0 0 15px; font-size: 18px; line-height: 1.375em} #mainSlide-mo .elementor-testimonial__text p{margin:0 0 30px; font-size:12px;line-height: 1.5em} .learnmore{font-size: 12px} .learnmore span{padding: 6px 6px 6px 20px; font-size: 12px} .learnmore i{padding: 0px 20px 0 0} /*main about*/ .elementor-13 .elementor-element.elementor-element-c1b793e .elementor-heading-title{font-size: 20px} .elementor-13 .elementor-element.elementor-element-dd044c5 .elementor-heading-title, .elementor-13 .elementor-element.elementor-element-b8b1cb2 .elementor-heading-title, .elementor-13 .elementor-element.elementor-element-22b8de9 .elementor-heading-title{font-size: 16px} /*main products*/ .elementor-13 .elementor-element.elementor-element-b1ff0bf .elementor-heading-title{font-size: 20px} .elementor-13 .elementor-element.elementor-element-470e69b .dce-btn-readmore{font-size: 12px} .elementor-13 .elementor-element.elementor-element-470e69b .dce-btn-readmore > span, .elementor-13 .elementor-element.elementor-element-470e69b .dce-btn-readmore:after, .elementor-13 .elementor-element.elementor-element-470e69b .dce-btn-readmore:before{6px 6px 6px 20px} .elementor-13 .elementor-element.elementor-element-470e69b .dce-btn-readmore.icon_button .icon-rm{padding-right: 20px} #ourProduct .swiper-slide .elementor-image{width: 140px; margin-right: 20px;} #ourProduct .elementor-container{max-width: 140px} #ourProduct .elementor-widget-container{margin: 0 0 15px 0} #ourProduct .swiper-slide .product-img .elementor-image{width: 140px} #ourProduct .swiper-slide . product-img.elementor-image{width: 140px; height: 160px; object-fit: contain;} #ourProduct .product-img-hover elementor-image{width: 140px} #ourProduct .product-img-hover elementor-image img{width: 140px; height: 160px; object-fit: cover} #ourProduct .elementor-widget-container{margin: 0 0 5px 0} #ourProduct .swiper-pagination-fraction{position: absolute; left: 50%; top: 309px; transform: translate(-50%,-50%)} #ourProduct .elementor-swiper-button-prev {top: 315px; left: 39%; transform: translate(-50%,-50%)} #ourProduct .elementor-swiper-button-next {top: 315px; left: 65%; transform: translate(-50%,-50%)} .product-view-width-limit div div{width: 140px!important} /*main banner*/ #mainBanner .elementor-testimonial__text h2{margin: 0 0 15px; font-size: 18px; line-height: 1.375em} #mainBanner .elementor-testimonial__text p{margin:0 0 30px; font-size:12px;line-height: 1.5em} /*main about*/ .main-lookbook h2{margin: 0 0 15px; font-size: 20px!important; line-height: 1.375em} #dce-readmore-6639b8d span{padding: 6px 20px; font-size: 12px} .elementor-808 .elementor-element.elementor-element-6639b8d.icon-right .icon-rm{padding-right: 20px!important} /*GNB*/ .elementor-1664 .elementor-element.elementor-element-3504bcf .hfe-flyout-wrapper .hfe-nav-menu > li.menu-item:first-child{margin-top: 10px!important} .elementor-1664 .elementor-element.elementor-element-3504bcf .hfe-flyout-content{padding: 0 20px!important} .hfe-flyout-close, .hfe-flyout-close svg{top: 10px!important; left: 10px!important} .elementor-1664 .elementor-element.elementor-element-3504bcf .hfe-flyout-close, .elementor-1664 .elementor-element.elementor-element-3504bcf .hfe-flyout-close svg {height: 15px; width: 15px; font-size: 15px; line-height: 20px;} /*stories*/ .loop-pro> div .elementor-image img{height: 350px!important} } /* Normalize ============================================================================================================================================================================================================================== */ /*Reset CSS*/ html{scroll-behavior: smooth} .post, .page {margin: 0!important;} header.entry-header{display:none!important} a,button,input,span{outline:none!important;text-underline-offset: 0} a:hover { text-decoration-style: none!important; text-decoration-skip-ink: none} .elementor-item-active{color:#d0deec!important} .elementor-item:hover{color:#d0deec!important} header.site-header, aside#secondary, footer.site-footer{display:none!important} main#main{padding:0!important} article,article .entry-content{margin:0!important;padding:0!important} .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation{display: none} footer.entry-footer{display:none} div.elementor-location-single h3{font-size: 22px} div.elementor-location-single h4{font-size: 20px; font-weight: bold} div.elementor-widget-theme-post-content a{color: #005876!important} button {-webkit-appearance: none; -moz-appearance: none; appearance: none} ul{padding: 0; margin: 0!important; list-style: none!important} li{padding: 0; margin: 0} .elementor-widget .elementor-icon-list-item{padding: 0!important ; margin: 0!important} .rc-anchor-invisible{display: none!important} /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { -webkit-appearance: none; -webkit-border-radius: 0; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system,"Lato", Sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* Elements --------------------------------------------- */ body { background: #fff; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } /* Links --------------------------------------------- */ a { color: #4169e1; } a:visited { color: #800080; } a:hover, a:focus, a:active { color: #191970; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Forms --------------------------------------------- */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: 0; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 0; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color:none; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */ .main-navigation { display: block; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { display: block; left: auto; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: flex; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /* Media --------------------------------------------- */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /*이미지최적화*/ .sub_image1{ width: 200px; height: 200px } #mainBanner .elementor-testimonial__footer .elementor-testimonial__image img{ height: 481px!important } /*0504 SY*/ html{ overflow-x: hidden }