@charset "utf-8";

/*-------------------------------------------------------------------
    sub page
-------------------------------------------------------------------*/
/* 제품 */
.page_product .hero_wrap{background-image:url(/wp-content/uploads/image/sub/bg_page_product.webp);}
.product {padding:60px 0 100px;}
.product .tab_wrap{display:flex; align-items: center; justify-content: center; padding-bottom:40px; gap:5px;}
.product .tab_wrap a{flex-basis:200px; padding:20px; background:#F1F1F1; color:#888B8B; font-size: 22px; line-height: 29px; text-align:center;}
.product .tab_wrap a.on{background:#00B77F; color:#fff; font-weight:bold;}
.product .thumb_main{height:560px; margin-bottom:100px;border-radius:10px;overflow: hidden;}
.product .thumb_main img{width:100%; height:100%; object-fit: cover;}
.product .product_color{gap:20px;}
.product .product_color > div{display:flex; flex-direction: column; width:33%;}
.product .color_info{padding-right:20px;}
.product .color_info dl{margin-top:44px;border-top:1px solid #B7B7B7; }
.product .color_info dt{padding:24px 0 10px;}
.product .color_info dd{padding-bottom:24px; border-bottom:1px solid #B7B7B7; color:#888B8B}
.product .color_slideWrap{flex:1;height:330px; opacity: 0; background:#BBC5C8; border-radius:10px; overflow:hidden;}
.product .color_slideWrap.slick-initialized{opacity: 1;}
.product .color_slideWrap .slick-list, .product .color_slideWrap .slick-track{height:100%;}
.product .color_slide .thumb{position:relative; height:100%;}
.product .color_slide .thumb h4{position:absolute; top:15px; left:19px;font-size: 20px; font-weight: 500;line-height: 26px; }
.product .color_slide .thumb img{height:100%; object-fit: cover;border-radius:0;}
.product .color_slide .info{display:flex; justify-content: space-between; gap:30px; margin-top:10px; padding:20px 42px; border-radius: 10px; background: #F6F7F9; color:#575757;}
.product .color_slide .info .tit_b1{flex-basis:116px;}
.product .color_chip{flex:1; flex-basis:200px; text-align:center;}
.product .color_chip ul{display:flex; justify-content:center; gap:10px 20px; flex-wrap:wrap;}
.product .color_chip li button{ width: 24px;height: 24px; border:1px solid #B7B7B7; border-radius:24px; color:transparent; font-size:0;}
.product .color_chip li.slick-active button{border:2px solid #00B77F;}
.product .color_slide.phone.outside #slick-slide-control00{background:#575757;}
.product .color_slide.phone.inside #slick-slide-control10{background:#D5D5D5;}
.product .color_slide.outside #slick-slide-control00{background:#fff;}
.product .color_slide.outside #slick-slide-control01{background:#575757;}
.product .color_slide.outside #slick-slide-control02{background:#789770;}
.product .color_slide.outside #slick-slide-control03{background:#000;}
.product .color_slide.outside #slick-slide-control04{background:#FFCB12;}
.product .color_slide.outside #slick-slide-control04{background:#FFCB12;}
.product .color_slide.inside #slick-slide-control10{background:#DED6C8;}
.product .color_slide.inside #slick-slide-control11{background:#D5D5D5;}
.product .color_slide.inside #slick-slide-control12{background:#466FBD;}

.spec {padding:140px 0; background:#F6F7F9;}
.spec .flexbox{gap:20px;}
.spec .flexbox > div{position:relative; width:33%;}
.spec .flexbox > .thumb h4{position:absolute; top:10px; left:10px; color:#575757; font-size: 20px; font-weight: 500; line-height: 26px;}
.spec .flexbox > .thumb img{height:100%; object-fit: cover;}
.spec .spec_list{padding-left:20px;}
.spec .spec_list h3{padding-bottom:20px; color:#2A2A2A;font-size: 38px;font-weight: 700;line-height: 42px;}
.spec .spec_list ul{border-top:1px solid #888B8B;}
.spec .spec_list li{display:flex; gap:30px; border-bottom:1px solid #B7B7B7; padding:10px 0;color:#888B8B; font-size: 18px;line-height: 23px;}
.spec .spec_list li:last-child{border-bottom:1px solid #888B8B;}
.spec .spec_list li h4{flex:0 0 100px; color:#575757;}
.spec .spec_list li p{flex:1;}

.refer{padding:140px 0;}
.refer h3{padding-bottom:10px; color:#2A2A2A;font-size: 38px;font-weight: 700;line-height: 42px; text-align:center;}
.refer p{padding-bottom:40px; color:#575757; text-align:center;}
.refer .flexbox{gap:40px;}
.refer .flexbox div{width:33%;}

.page_product .tiral_wrap{background-image:url(/wp-content/uploads/image/sub/bg_trial_product.webp);}

/* 제품 - custom*/
.product .product_custom > div{display:flex;}
.product .custom_info{gap:40px; padding-bottom:70px;}
.product .custom_info div{flex:1.2;}
.product .custom_info dl{flex:1; padding-left:40px;border-left:1px solid #989C9A; }
.product .custom_info dt{padding:0px 0 10px;}
.product .custom_info dd{color:#888B8B}
.custom_option{display:flex; gap:16px;}
.custom_option h4{margin-bottom:10px; padding:20px; border-radius:10px; background:#F1F1F1; color:#2A2A2A;font-size: 22px; font-weight: 500; line-height: 29px; text-align:center;}
.custom_refer{padding:140px 0; background:#F6F7F9;}
.custom_refer h3{padding-bottom:40px; color:#2A2A2A;font-size: 38px;font-weight: 700;line-height: 42px;text-align:center;}
.custom_refer .flexbox{gap:20px;}
.custom_refer h4{margin-top:10px; padding:20px; border-radius:10px; background:#fff; color:#575757; font-size: 22px; font-weight: 500; line-height: 29px; text-align:center;}

/* 특장점 */
.page_feature .hero_wrap{background-image:url(/wp-content/uploads/image/sub/bg_page_features.webp);}
.page_feature .container .tit_h2{padding-bottom:50px; text-align:center;}
.page_feature .tit_t1{color:#2A2A2A;}
.page_feature .tit_b1{color:#888B8B;}

.advantage .advantage01{padding:200px 0 140px;}
.advantage .advantage01 .flexbox{gap:20px;}
.advantage .advantage01 .flexbox li{width:25%;padding:60px 10px 80px;border-radius: 10px;background: #F6F7F9;text-align:center;}
.advantage .advantage01 .flexbox li .tit_t1{padding:20px 0 10px;}
.advantage .advantage01 .flexbox li .thumb{width:110px; height:110px; margin:0px auto;}
.advantage .advantage02{padding:140px 0 200px; background:#F6F7F9;}
.advantage .advantage02 .flexbox{gap:40px; flex-wrap:wrap;}
.advantage .advantage02 .flexbox li{width:calc(33% - 24px);}
.advantage .advantage02 .flexbox li:first-child{min-height:500px; padding:40px 30px;background: #233832; color:#fff;}
.advantage .advantage02 .flexbox li:first-child .tit_h2{padding-bottom:0; text-align:left;}
.advantage .advantage02 .flexbox li:first-child .thumb{width:80px; height:80px; margin-bottom:20px;}
.advantage .advantage02 .flexbox li .tit_t1{padding:40px 0 10px;}

.eco-material{padding:140px 0 200px;}
.eco-material .flexbox{flex-direction:column; gap:50px;}
.eco-material .flexbox li{display:flex;}
.eco-material .flexbox .reverse{flex-direction: row-reverse;}
.eco-material .flexbox .thumb{flex-basis: 64%; max-width:885px;}
.eco-material .flexbox .thumb img{max-width:885px;object-fit: cover;}
.eco-material .flexbox .info{display:flex; flex-direction:column; justify-content:space-between; flex-basis: 35%; gap:20px; padding:30px 50px;}
.eco-material .flexbox .tit_b1{padding:20px 0;}
.eco-material .seo_info{color:#00B77F;font-size: 16px; line-height: 21px;}
.eco-material .eco01{display:flex; gap :20px;}
.eco-material .eco01 div{display:flex; align-items:center; justify-content:center; flex:1;padding:30px 0;border-radius: 10px;background: #B8EBDA;text-align:center;}
.eco-material .eco02{display:flex;}
.eco-material .eco02 > div{flex:1;padding:20px 0;text-align:center;font-weight: 500;}
.eco-material .eco02 > div > div{padding:5px 0 0; color:#575757; font-weight: 400;}
.eco-material .eco02 div.eco02_1{padding:16px 0;border: 6px solid #00B77F; background: #FFF; color:#00B77F; font-weight:bold;}
.eco-material .eco02 div.eco02_1 div{color:#00B77F; }
.eco-material .eco02 div.eco02_2{background: #F2FFFB;}
.eco-material .eco02 div.eco02_3{background: #B8EBDA;}
.eco-material .eco02 div.eco02_4{background: #92C8B6;}

.installation{padding:200px 0 140px; background:#F6F7F9;}
.installation .flexbox{flex-direction:column; gap:50px;padding:0 40px;}
.installation .flexbox li{display:flex;gap:20px;}
.installation .flexbox .reverse{flex-direction: row-reverse;}
.installation .info{flex:1; flex-basis:50%; display:flex; flex-direction:column; justify-content:end;gap:20px;padding:48px; background:#fff;border-radius: 10px; overflow:hidden;}
.installation .flexbox .thumb{flex:1; flex-basis:50%;}
.installation .flexbox .thumb img{max-width:650px;object-fit: cover;}

.soundproofing01{padding:200px 0 100px; background:#2A2A2A;}
.soundproofing01 .container .tit_h2{padding-bottom:5px; color:#fff;}
.soundproofing01 .container .tit_h2 + p{color:#B7B7B7; text-align:center;}

.soundproofing01 .flipster_wrap{padding-top:50px;}
.soundproofing01 .flipster--coverflow .flipster__item .thumb{width:200px;}
.soundproofing01 .flipster__nav{display:flex;gap:10px;}
.soundproofing01 .flipster__nav li{flex:1;margin:0; border-radius:5px; background:#404040; }
.soundproofing01 .flipster__nav li .flipster__nav__link {padding:20px;color:#888B8B;text-align:left;}
.soundproofing01 .flipster__nav li h3{padding-bottom:5px;}
.soundproofing01 .flipster__nav li.flipster__nav__item--current{background:#00B77F;}
.soundproofing01 .flipster__nav li.flipster__nav__item--current .flipster__nav__link{color:#fff;}
.soundproofing01 .flipster__nav li.flipster__nav__item--current p{color:#F6F7F9;}

.soundproofing02{padding:70px 0;background: #1B1B1B;}
.soundproofing02 .flexbox{gap:25px;}
.soundproofing02 li{border-radius:10px; background:#F6F7F9; overflow:hidden;}
.soundproofing02 li .info{padding:30px 40px;}
.soundproofing02 li .info .tit_t1{padding-bottom:10px; color:#575757;}

.soundproofing03{padding:100px 0 140px; background:#2A2A2A;}
.soundproofing03 .flexbox{gap:20px;}
.soundproofing03 .flexbox > div{flex:1;}
.soundproofing03 p.tit_t1{padding-top:20px; color:#FFF; text-align:center; font-weight:400;}
.soundproofing03 .media_wrap{position:relative; background: #f6faf7;border-radius:10px; overflow:hidden;}
.soundproofing03 .media_wrap .contral_wrap{position:absolute; top:0px; left:0px; display:flex; justify-content:space-between; width:100%; padding:15px;z-index:1;}
.soundproofing03 .switch_wrap{display:flex;}
.soundproofing03 .switch_wrap .label{padding:10px 30px;border: 1px solid #B9D0C9; color:#B9D0C9;font-size:18px;line-height: 23px;overflow:hidden; cursor: pointer;}
.soundproofing03 .switch_wrap .label.active{border: 1px solid #00B77F; color:#00B77F;}
.soundproofing03 .switch_wrap .label_outside{border-radius:5px 0 0 5px; }
.soundproofing03 .switch_wrap .label_inside{border-radius:0 5px 5px 0;}
.soundproofing03 .play_btn_wrap button{display:inline-flex; align-items: center; gap:10px; border-radius:5px; padding:10px 20px; font-size:18px;line-height: 23px; text-align:center;}
.soundproofing03 .play_btn_wrap i{width:12px; height:15px; background-repeat:no-repeat; background-position: center; background-size:auto 15px;}
.soundproofing03 .play_btn_wrap button.play_btn{border: 1px solid #00B77F; color:#00B77F;}
.soundproofing03 .play_btn_wrap button.play_btn i{background-image:url(/wp-content/uploads/image/sub/ico_play.svg);}
.soundproofing03 .play_btn_wrap button.stop_btn{display:none; background:#00B77F; color:#fff;}
.soundproofing03 .play_btn_wrap button.stop_btn i{background-image:url(/wp-content/uploads/image/sub/ico_stop.svg);}
.soundproofing03 .media_wrap.off .play_btn_wrap .play_btn{display: none;}
.soundproofing03 .media_wrap.off .play_btn_wrap .stop_btn{display:inline-flex;}
.soundproofing03 .media_wrap video{display:none; width:100%; height:auto;}
.soundproofing03 .media_wrap video.active{display:block;}
.soundproofing03 .graph_wrap{position:relative; display:flex; flex-direction:column; justify-content:space-between;background: #f6faf7;border-radius:10px;}
.soundproofing03 .graph_wrap .tit_t1{position:absolute;top:15px; left:15px;}

.features{padding:200px 0 140px;}
.features .flexbox{flex-wrap: wrap; gap:40px;}
.features .flexbox li{width:calc(33% - 24px);}
.features .flexbox h3{padding:20px 0 10px;}

.page_feature .tiral_wrap{background-image:url(/wp-content/uploads/image/sub/bg_tiral_features.webp);}

/* 도입사례 */
.page_reference .hero_wrap{background-image:url(/wp-content/uploads/image/sub/bg_page_referance.webp);}
.page_reference .cont.reference{padding:140px 0 0px;}
.page_reference .scroll_wrap{width:100%; padding: 20px 0 30px; overflow-x:auto;}
.page_reference .scroll_wrap .flexbox{gap:10px;}
.page_reference .scroll_wrap button{display: inline-flex;align-items: center;border-radius: 5px;padding: 10px 30px;border:1px solid #B7B7B7; color:#B7B7B7; font-size: 16px; line-height: 21px;text-align: center;}
.page_reference .scroll_wrap button:hover{border:1px solid #00B77F; color:#00B77F;}
.page_reference .scroll_wrap button.active{border:1px solid #00B77F; background:#00B77F; color:#fff; font-weight:bold;}
.page_reference .list_refer{padding:30px 0 160px; background:#F6F7F9;}
.page_reference .list_refer .flexbox{flex-wrap: wrap;margin:0px -10px;}
.page_reference .list_refer .flexbox li{width: 33.333%; padding: 0 10px; margin-bottom: 40px;}
.page_reference .list_refer .thumb_wrap{border-radius: 5px;overflow:hidden;}
.page_reference .list_refer .thumb_wrap .img_slide{display: none;}
.page_reference .list_refer .thumb_wrap .img_slide:first-child{display: block;}
.page_reference .list_refer .thumb_wrap img{width:100%; height:auto;}
.page_reference .list_refer .info{padding:20px 10px 0; color:#575757; text-align:left;}
.page_reference .list_refer .tag_wrap{display:none;}

.dialog_wrap.active .tag_wrap{display:flex; gap:10px;}
.dialog_wrap.active .tag_wrap span{padding: 5px 10px; background-color: #F6F7F9; border-radius: 5px;font-size: 16px;line-height: 21px;color: #B7B7B7;}

/* blog */
.page_blog .hero_wrap{background-image:url(/wp-content/uploads/image/sub/bg_page_blog.webp);}
.page_blog .cont.blog{padding:200px 0 140px;}
.list_blog{display:flex; flex-wrap:wrap; gap:20px;}
.list_blog .item{width:calc(25% - 15px);}
.list_blog .thumb{position:relative; border-radius: 5px;overflow: hidden;}
.list_blog .thumb img{width:100%;height:236px;object-fit: cover; border-radius:0;}
.list_blog .thumb .flug{position:absolute; top:9px; left:9px; padding: 4px 16px;border-radius: 5px; background: #00B77F;color:#fff; font-size: 14px; line-height:20px; font-weight:500;z-index:1;}
.list_blog .info{padding:20px 10px 40px; color:#575757;}
.list_blog .info .bold{color:#2A2A2A;padding-bottom:5px;}
.page_blog .tiral_wrap{background-image:url(/wp-content/uploads/image/sub/bg_trial_blog.webp);}

/* 블로그 카테고리 및 검색기능 - 추후 오픈 */
.blog_categor_wrap{display:none; align-items:center; justify-content:space-between; padding:48px 0px 24px;}
.blog_category{display:flex;overflow-x:auto;}
.blog_category li{position:relative; margin-right:33px;}
.blog_category li:after{content:"";position:absolute; top:11px; right:-33px; width:1px; height: 12px; background:#869EB9;margin:0px 16px;vertical-align:middle;}
.blog_category li:last-child:after{display:none;}
.blog_category button{background:#fff;border:0;padding:0;color:#869EB9;font-size: 24px;font-weight: 400; line-height: 1.5; letter-spacing: -0.072px;cursor:pointer;}
.blog_category .active button{color:#2995FA;font-weight:500;}
.search_wrap{flex:1;max-width:320px;}
.search_wrap form{display:flex;align-items:center; justify-content:space-between; height:46px; padding:0px 16px;border-radius: 4px; border: 1px solid #819CBB; background:  #F6F7F9;}
.search_wrap input[type="search"], .search_wrap input[type="search"]:active {flex:1;height:46px;background:none;border:0;font-size: 16px;font-weight: 500;line-height:1.5; letter-spacing: -0.048px;vertical-align: top;}
.search_wrap button{border:0;width:24px; height:46px; background:url(/kr/wp-content/uploads/sites/2/image/sub/ico_blogSearch.svg) no-repeat center; }

/* 영상보기 */
.page_video .hero_wrap{background-image:url(/wp-content/uploads/image/sub/bg_page_video.webp);}
.page_video .cont.video{padding:140px 0;}
.video_box .flexbox{flex-direction: row;align-items:end; gap:70px; margin-bottom:50px; padding:60px; border-radius: 10px; background:#575757;  }
.video_box .flexbox.reverse{flex-direction: row-reverse; background:#F6F7F9;}
.video_box .thumb{flex:1; flex-basis: 720px;}
.video_box .thumb img{object-fit:contain;}
.video_box .info{flex:1;flex-basis: 490px; color:#fff;}
.video_box .flexbox.reverse .info h2{color:#2A2A2A; }
.video_box .flexbox.reverse .info h2 + p{color:#575757; }
.video_box .flexbox.reverse .info button{color:#575757; font-weight: 700;}
.video_box .flexbox.reverse .info button i{background: url(/wp-content/uploads/image/common/ico_arrow_view.svg) no-repeat center; }
.video_box .info button{display:flex; gap:10px; align-items:center; margin-top:40px; font-size: 18px; font-weight: 700; line-height: 23px; color:#fff; }
.video_box .info button i{width:10px; height:15px; background: url(/wp-content/uploads/image/common/ico_arrow_w.svg) no-repeat center/10px 15px; }
.page_video .tiral_wrap{background-image:url(/wp-content/uploads/image/sub/bg_trial_video.webp);}


/* 고객 지원 */
.page_support .hero_wrap{background-image:url(/wp-content/uploads/image/sub/bg_page_support.webp);}
.page_support .cont .tit_h2{padding-bottom:20px;}
.page_support .cont .tit_h2 + .tit_t1{padding-bottom:50px;color:#575757;}

.page_support .cont.inquiry{padding:140px 0 0px;}

.page_support .cont.download{padding:100px 0 100px;}
.page_support .cont.download .flexbox{gap:16px; }
.page_support .cont.download .flexbox > div{flex:1; display:flex; gap:20px; border-radius: 10px; border: 1px solid #B7B7B7;overflow:hidden;}
.page_support .cont.download .flexbox .thumb{flex:1; background:#F6F7F9;}
.page_support .cont.download .flexbox .thumb img{height:100%; vertical-align:middle; object-fit:contain;}
.page_support .cont.download .flexbox .info{flex:1; display:flex; align-items:center; flex-direction:column; justify-content: center; padding:20px 10px 20px 0;}
.page_support .cont.download .flexbox .info .tit_t1{padding-bottom:10px;color:#2A2A2A;}
.page_support .cont.download .flexbox .info .tit_t1 + p{padding-bottom:20px; color:#888B8B;font-size: 18px;line-height: 23px;}

.page_support .download_form{padding:60px 65px; border-radius: 10px; border: 1px solid #B7B7B7;color:#575757;font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: -0.24px;}
.page_support .download_form .nf-before-form-content{display:none;}
.page_support .download_form .nf-form-content{padding:0;}
.page_support .download_form .nf-field-container{margin-bottom:30px;} 
.page_support .download_form .nf-row:last-child .nf-field-container{margin-bottom:0;}
.page_support .download_form .nf-multi-cell .nf-cell{padding:0px 15px;}
.page_support .download_form .nf-form-content label{color:#575757; font-size:22px;font-weight: 700;line-height: 29px;letter-spacing: -0.44px;}
.page_support .download_form .nf-error-msg, .ninja-forms-req-symbol{color:#EA4E60;}
.page_support .download_form .nf-form-content .list-select-wrap .nf-field-element>div, .page_support .download_form .nf-form-content input:not([type=button]), .page_support .download_form .nf-form-content textarea{border-radius: 5px;border-color:#F6F7F9; background: #F6F7F9; color:#575757; font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: -0.24px;}
.page_support .download_form .nf-form-content input:not([type=button])::placeholder, .page_support .download_form .nf-form-content textarea::placeholder {color: #B7B7B7;}
.page_support .download_form .nf-form-content .ninja-forms-field{color:#575757; font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: -0.24px;}

.page_support .download_form .field-wrap.html-wrap{padding-top:10px;margin-bottom:-10px;}
.page_support .download_form .checkbox-wrap .nf-field-label label{font-size: 18px;line-height: 23px;font-weight: 400;}
.page_support .download_form .checkbox-container{margin-bottom:15px;}
.page_support .download_form .checkbox-wrap .nf-field-label label:after{width:22px; height:22px;border-radius: 2px;border: 1px solid #B7B7B7;}
.page_support .download_form .checkbox-container.label-right label{margin-left:32px;}
.page_support .download_form .checkbox-wrap a{text-decoration: underline;}
.page_support .download_form .submit-wrap{text-align:center;}
.page_support .download_form .nf-form-content input[type=submit]{min-width:194px;margin:25px auto 0;padding: 10px 24px;border-radius: 5px; background: #00B77F;color:#fff;cursor:pointer;}
.page_support .download_form .nf-form-content input[type=submit]:hover{background:#5DE9A3 !important;color:#fff;}
.page_support .download_form .nf-form-content input[type=submit]:active{background:#0E523D;}
.page_support .download_form .nf-form-errors{text-align:center;}
.page_support .download_form .check_box_wrap{margin-bottom:30px;}
.page_support .cont.showroom{padding:100px 0 140px;background:#F6F7F9;}
.page_support .cont.showroom .flexbox{padding:60px; background:#fff; gap:70px; }
.page_support .cont.showroom .flexbox .thumb{flex:1; flex-basis: 750px; border-radius: 5px; border: 1px solid #B7B7B7;overflow:hidden;}
.page_support .flexbox .thumb img{height:100%; border-radius: 5px; }
.page_support .cont.showroom .flexbox .info{flex:1; flex-basis: 490px; }
.page_support .cont.showroom .flexbox h3{padding-bottom:20px; color:#2A2A2A;font-size: 38px;font-weight: 500;line-height: 42px;}
.page_support .cont.showroom .flexbox .map_info{margin-top:40px;padding:30px 20px;border-radius: 5px; background:#F6F7F9;}
.page_support .cont.showroom .flexbox .map_info h4{color: #575757;}
.page_support .cont.showroom .flexbox .map_info dl{padding-top:10px;}
.page_support .cont.showroom .flexbox .map_info dt{padding-bottom:10px;color:#575757; font-weight:500;}
.page_support .cont.showroom .flexbox .map_info dd{padding-bottom:23px;color:#888B8B; }
.page_support .cont.showroom .flexbox .map_info dd:last-child{padding-bottom:0;}
.page_support .tiral_wrap{background-image:url(/wp-content/uploads/image/sub/bg_trial_support.webp);}










/*hover*/
@media all and (min-width: 1025px) {
    .play_btn_wrap button.play-btn:hover{border: 1px solid #5DE9A3; color:#5DE9A3;}
    .play_btn_wrap button.play-btn:hover i{background-image:url(/wp-content/uploads/image/sub/ico_play_hover.svg);}

    .list_blog .item a:hover{ opacity: .6;}
    .list_blog .item a:hover img{-webkit-transform: scale(1.05);  transform: scale(1.05); transition: -webkit-transform .35s cubic-bezier(.25,.46,.45,.94);    transition: transform .35s cubic-bezier(.25,.46,.45,.94);   transition: transform .35s cubic-bezier(.25,.46,.45,.94),-webkit-transform .35s cubic-bezier(.25,.46,.45,.94);}

}

@media screen  and (max-width: 1024px) {
    /* 제품 */
    .product {padding:30px 0 140px;}
    .product .tab_wrap{justify-content: flex-start; flex-wrap:wrap; padding-bottom:30px; gap:10px;}
    .product .tab_wrap a{width:calc(33% - 5px); flex-basis: auto; padding:15px;font-size: 18px; line-height: 23px;}
    .product .thumb_main{height:450px;margin:0px -50px 60px; border-radius:0;}
    .product .product_color{flex-direction:column; padding:0px 25px; gap:30px;}
    .product .product_color > div{width:100%;}
    .product .color_info{padding-right:0px;}
    .product .color_info dl{margin-top:24px;}
    .product .color_slide .thumb h4{font-size: 18px; font-weight: 400;line-height: 23px; }

    .spec {padding:100px 0;}
    .spec .flexbox{flex-direction:column; padding:0px 25px; gap:30px;}
    .spec .flexbox > div{position:relative; width:100%;}
    .spec .flexbox .order1{order:2;}
    .spec .flexbox .order2{order:3;}
    .spec .flexbox .order3{order:1;}
    .spec .spec_list{padding-left:0px;}

    .refer{padding:140px 0;}
    .refer h3{text-align:left;}
    .refer p{font-size:14px; text-align:left;}
    .refer .flexbox{flex-direction:column; gap:20px;}
    .refer .flexbox div{width:100%;}

    /* 제품 - custom*/
    .product .product_custom > div{padding:0 25px 60px;}
    .product .custom_info{flex-direction:column; gap:24px;}
    .product .custom_info div{flex:1;}
    .product .custom_info dl{border-left:0;}
    .product .custom_info dl.info01{padding:24px 0px 0; border-top:1px solid #888B8B;}
    .product .custom_info dl.info02{padding:24px 0px; border-top:1px solid #B7B7B7;border-bottom:1px solid #888B8B; }
    .custom_option{flex-direction:column; gap:40px;}
    .custom_refer{padding:100px 0;}
    .custom_refer .flexbox{flex-wrap:wrap; justify-content: center;}
    .custom_refer .flexbox > div{width:calc(50% - 10px);}

    /* 특장점 */
    .advantage .advantage01{padding:140px 0 100px;}
    .advantage .advantage01 .flexbox{flex-direction: column;}
    .advantage .advantage01 .flexbox li{display:flex; gap:40px; align-items:center; width:100%;padding:20px 40px;text-align:left;}
    .advantage .advantage01 .flexbox li .tit_t1{padding:0px 0 10px;}
    .advantage .advantage01 .flexbox li .tit_t1 + p br{display:none;}
    .advantage .advantage01 .flexbox li .thumb{margin:0;}
    .advantage .advantage02{padding:0px 0 140px;}
    .advantage .advantage02 .container{padding:0;}
    .advantage .advantage02 .flexbox{gap:40px; flex-direction:column; flex-wrap:wrap;}
    .advantage .advantage02 .flexbox li{width:auto; margin:0px 75px;}
    .advantage .advantage02 .flexbox li:first-child{min-height:auto;margin:0; padding:40px; text-align:center;}
    .advantage .advantage02 .flexbox li:first-child .tit_h2{padding-bottom:0; text-align:center;}
    .advantage .advantage02 .flexbox li:first-child .thumb{margin:0px auto 20px;}
    .advantage .advantage02 .flexbox li .tit_t1{padding:20px 0 10px;}

    .eco-material{padding:100px 0 140px;}
    .eco-material .flexbox{gap:95px;}
    .eco-material .flexbox li{flex-direction:column;}
    .eco-material .flexbox .reverse{flex-direction:column;}
    .eco-material .flexbox .info{flex-basis: 100%;padding:25px 0 0px;}
    .eco-material .flexbox .tit_b1{padding:20px 0 80px;}

    .installation{padding:140px 0 100px;}
    .installation .flexbox{padding:0 25px;}
    .installation .flexbox li{flex-direction: column;}
    .installation .flexbox .reverse{flex-direction: column;}
    .installation .info{flex-basis:100%; justify-content:flex-start; padding:48px 40px;}
    .installation .info img{display:none;}
    .installation .flexbox .thumb{width:100%; }
    .installation .flexbox .thumb img{max-width:100%;}

    .soundproofing01{padding:140px 0 60px;}
    .soundproofing01 .flipster__nav{flex-wrap:wrap; margin:0;}
    .soundproofing01 .flipster__nav li{width:calc(50% - 5px); flex:none;}

    .soundproofing02 .flexbox{flex-direction: column;}
    .soundproofing02 li .info{padding:30px;}

    .soundproofing03{padding:60px 0 100px;}
    .soundproofing03 .flexbox{flex-direction:column;}

    .features{padding:140px 0 100px;}
    .features .flexbox{flex-wrap: wrap; gap:40px 20px;}
    .features .flexbox li{width:calc(50% - 10px);}

    .page_feature .tiral_wrap{background-position:55% 50%;}

    /* 도입사례 */
    .page_reference .hero_wrap{background-position: 60% 50%;}
    .page_reference .scroll_wrap{padding: 20px 0;}
    .page_reference .list_refer{padding:50px 0 140px;}
    .page_reference .list_refer .flexbox li{width: 50%; padding: 0 10px; margin-bottom: 50px;}
    .page_reference .list_refer .info{padding:10px 10px 0; }
    .page_reference .list_refer .info .tit_t1{font-size: 18px; line-height: 23px;}
    .dialog_wrap.active .tag_wrap span{font-size: 14px;line-height: 20px;}

    /* blog */
    .page_blog .cont.blog{padding:140px 0 70px;}
    .list_blog .item{width:calc(50% - 10px);}
    .list_blog .thumb img{height:183px;}
    .list_blog .item .info{font-size:18px; line-height:23px;}

    /* 영상보기 */
    .page_video .hero_wrap{background-position: 60% 50%;}
    .page_video .cont.video{padding:100px 0;}
    .page_video .cont.video .container{padding:0px 20px;}
    .video_box .flexbox{flex-direction: column;align-items:baseline; gap:20px; padding:25px;}
    .video_box .flexbox.reverse{flex-direction: column; }
    .video_box .thumb{flex-basis:auto;}
    .video_box .info{flex-basis:auto;}
    .video_box .info button{margin-top:30px; font-size: 16px; line-height: 21px;}


    /* 고객 지원 */
    .page_support .hero_wrap{background-position:70% 50%;}
    .page_support .cont.download .flexbox{flex-direction:column;gap:20px;}
    .page_support .cont.download .flexbox .info{gap:30px; padding:30px 10px 30px 0;}
    .page_support .cont.showroom .flexbox{flex-direction:column; padding:20px; gap:30px; }
    .page_support .cont.showroom .flexbox .thumb{flex-basis: auto;}
    .page_support .cont.showroom .flexbox .info{flex-basis: auto; }
    .page_support .tiral_wrap{background-position: 65% 50%;}
    
    .page_support .download_form{padding:60px 20px;}
    .page_support .download_form .nf-field-container{margin-bottom:20px;}
    .page_support .download_form .checkbox-container{margin-bottom:15px;}
    .page_support .download_form .check_box_wrap{margin-bottom:20px}
}


@media screen  and (max-width: 640px) {

    /* 제품 */
    .product {padding:20px 0 100px;}
    .product .tab_wrap{padding-bottom:20px; gap:4px;}
    .product .tab_wrap a{width:calc(33% - 5px); padding:10px; font-size: 14px; line-height: 20px;}
    .product .thumb_main{height:253px;margin:0px -20px 40px;}
    .product .product_color{ padding:0px;}
    .product .color_slide .thumb h4{font-size: 14px; line-height: 20px;}
    .product .color_slide .info{flex-direction:column; gap:10px; align-items: center; padding:20px;}
    .product .color_slide .info .tit_b1{flex-basis:auto; font-size:16px; line-height: 21px;}
    .product .color_chip{flex-basis:auto;}

    .spec {padding:60px 0;}
    .spec .flexbox{padding:0px;}
    .spec .spec_list h3{font-size:26px;}
    .spec .spec_list li{padding:11px 0; font-size: 14px; line-height: 20px;}
    .spec .spec_list li h4{flex:0 0 65px; gap:20px;}
    .spec .flexbox > .thumb h4{font-size: 16px; line-height: 21px;}

    .refer{padding:100px 0;}
    .refer h3{font-size: 26px;line-height: 34px;}

    /* 제품 - custom*/
    .product .product_custom > div{padding:0 0px 60px;}
    .custom_option{gap:20px;}
    .custom_option h4{padding:10px; font-size: 16px; line-height: 21px;}
    .custom_refer h3{padding-bottom:20px; font-size: 26px;line-height: 34px;}
    .custom_refer h4{padding:10px;font-size: 16px; line-height: 21px;}
    .custom_refer .container{padding:0;}
    .custom_refer .flexbox > div{width:100%;}
    .custom_refer .slick-slide{padding:0px 10px; opacity:0.2;}
    .custom_refer .slick-current{opacity:1;}
    .custom_refer .slick-slide .tit_t1{font-size:14px; line-height:20px;}
    .custom_refer .slick-arrow{position:absolute;top:0%; width:12px; height:100%; background:url(/wp-content/uploads/image/common/ico_arrow_b.svg) no-repeat center/12px 20px; color:transparent; font-size:0}
    .custom_refer .slick-arrow.slick-prev{left:16px;transform: rotate(180deg);}
    .custom_refer .slick-arrow.slick-next{ right:16px;}
    .custom_refer .slick-arrow.slick-disabled{opacity:0;}
    .custom_refer .slick-dots{display:flex; align-items:center; justify-content:center; gap:14px; margin-top:30px; }
    .custom_refer .slick-dots li{width:10px; height:10px; background:#B7B7B7; border-radius: 10px; }
    .custom_refer .slick-dots li.slick-active{background:#00B77F;}
    .custom_refer .slick-dots li button{color:transparent; font-size:0}


    /* 특장점 */
    .page_feature .container .tit_h2{padding-bottom:25px;}

    .advantage .advantage01{padding:100px 0 60px;}
    .advantage .advantage01 .flexbox li{gap:30px;;padding:20px;}
    .advantage .advantage01 .flexbox li .thumb{width:70px; height:70px;}
    .advantage .advantage01 .flexbox li .tit_t1{padding:0px 0 5px;}
    .advantage .advantage01 .flexbox li .tit_t1 + p br{display:block;}
    .advantage .advantage02{padding:0px 0 100px;}
    .advantage .advantage02 .flexbox{gap:25px;}
    .advantage .advantage02 .flexbox li{margin:0px 20px;}
    .advantage .advantage02 .flexbox li:first-child{min-height:auto;margin:0; padding:40px; text-align:center;}
    .advantage .advantage02 .flexbox li:first-child .thumb{width:50px; height:50px; padding-bottom:10px;}
    .advantage .advantage02 .flexbox li .tit_t1{padding:20px 0 5px;}

    .eco-material{padding:100px 0 60px;}
    .eco-material .flexbox{gap:40px;}
    .eco-material .flexbox .tit_b1{padding:20px 0;}
    .eco-material .seo_info{font-size:14px; line-height:20px;}
    .eco-material .eco01 div{padding:10px;}
    .eco-material .eco02 div{padding:10px 0;}
    .eco-material .eco02 div.eco02_1{padding:4px 0;}

    .installation{padding:100px 0 60px;}
    .installation .flexbox{padding:0;}
    .installation .flexbox li{gap:10px;}
    .installation .info{padding:30px 15px;}

    .soundproofing01{padding:100px 0 50px;}
    .soundproofing01 .container{padding:0px;}
    .soundproofing01 .container .tit_h2{padding-bottom:0px;}
    .soundproofing01 .flipster--coverflow .flipster__item .thumb{width:185px;}
    .soundproofing01 .flipster__nav{padding:10px 20px 0;}
    .soundproofing01 .flipster__nav li .flipster__nav__link{padding:15px 10px;font-size:12px;}
    .soundproofing02{padding:50px 0;}
    .soundproofing02 li .info{padding:20px;}
    .soundproofing03{padding:50px 0 60px;}
    .soundproofing03 .media_wrap .contral_wrap{padding:10px;}
    .soundproofing03 .switch_wrap .label{padding:6px 20px;font-size:12px;line-height: 16px;}
    .soundproofing03 .play_btn_wrap button{gap:6px; border-radius:5px; padding:6px 14px; font-size:12px;line-height: 16px;}
    .soundproofing03 .play_btn_wrap i{height:11px; background-size:auto 11px;}
    .soundproofing03 .graph_wrap .tit_t1{top:10px; left:10px;}

    .features{padding:100px 0 60px;}
    .features .flexbox{flex-direction:column; flex-wrap: wrap; gap:30px;}
    .features .flexbox li{width:100%;}
    .features .flexbox h3{padding:20px 0 5px;}


    /* 도입사례 */
    .page_reference .hero_wrap{background-position: 55% 50%;}
    .page_reference .cont.reference{padding:60px 0 0px;}
    .page_reference .cont .container{padding:0px 20px;}
    .page_reference .scroll_wrap{padding: 20px 0;}
    .page_reference .scroll_wrap button{padding:10px 20px; font-size: 14px; line-height:20px;}
    .page_reference .list_refer{padding:40px 50px 120px;}
    .page_reference .list_refer .container{padding:0px;}
    .page_reference .list_refer ul{flex-direction:column; margin:0;}
    .page_reference .list_refer .flexbox li{width: 100%; padding: 0px; margin-bottom: 40px;}
    .page_reference .list_refer .flexbox li:last-child{margin-bottom:0;}
    .page_reference .list_refer .info .tit_t1{font-size: 16px; line-height: 21px;}
    .dialog_wrap.active .tag_wrap span{padding: 2px 5px;font-size: 10px;line-height: 14px;}

    /* blog */
    .page_blog .cont.blog{padding:100px 0 60px;}
    .page_blog .cont.blog .container{padding:0px 50px;}
    .list_blog .item{width:100%;}
    .list_blog .item .info{padding:10px 10px 20px; font-size:16px; line-height:21px;}
    .list_blog .thumb .flug{padding: 0px 10px;}

    /* 영상보기 */
    .page_video .cont.video{padding:60px 0;}
    .page_video .cont.video .container{padding:0px 10px;}
    .video_box .flexbox{ padding:25px 10px;}
    .video_box .info button{margin-top:30px; font-size: 18px; line-height: 23px;}

    /* 고객 지원 */
    .page_support .cont .tit_h2{padding-bottom:20px;}
    .page_support .cont.inquiry{padding:100px 0 0px;}
    .page_support .cont.download{padding:60px 0;}
    .page_support .cont.download .flexbox > div{flex-direction:column; gap:20px; }
    .page_support .cont.download .flexbox .info{gap:20px; align-items: normal; padding:0px 20px 20px 20px;}
    .page_support .cont.download .flexbox .info .tit_t1 + p{font-size: 14px;line-height: 20px;}
    .page_support .cont .tit_h2 + .tit_t1{padding-bottom:20px;}
    .page_support .download_form{margin-top:0;padding:30px 10px;font-size: 14px; line-height: 20px;}
    .page_support .download_form .nf-form-content label{font-size:14px; line-height:20px;}
    .page_support .download_form .nf-form-content .list-select-wrap .nf-field-element>div, .page_support .download_form .nf-form-content input:not([type=button]), .page_support .download_form .nf-form-content textarea{font-size:14px; line-height:20px;}
    .page_support .download_form .nf-form-content .ninja-forms-field{font-size: 14px; line-height: 20px;}
    .page_support .download_form .checkbox-container{margin-bottom:5px;}
    .page_support .download_form .checkbox-container .nf-field-label{margin-bottom:0 !important;}
    .page_support .download_form .check_box_wrap{margin-bottom:20px;}
    .page_support .download_form .checkbox-wrap .nf-field-label label{font-size: 14px; line-height: 23px;}
    .page_support .download_form .checkbox-wrap .nf-field-label label:after{top:4px; width:16px; height:16px;}

    .page_support .cont.showroom{padding:60px 0 100px;}
    .page_support .cont.showroom .container{padding:0px 10px;}
    .page_support .cont.showroom .flexbox{padding:20px 10px;gap:30px; }
    .page_support .cont.showroom .flexbox h3{font-size: 24px;line-height: 31px;}
    .page_support .cont.showroom .flexbox .map_info{margin-top:30px;}
    .page_support .cont.showroom .flexbox .map_info dt{padding-bottom:0px;}
    .page_support .cont.showroom .flexbox .map_info dd{padding-bottom:20px;}

    .page_support .tiral_wrap{background-image:url(/wp-content/uploads/image/sub/bg_trial_support.webp);}

}