@charset "utf-8";
/* CSS Document */
/*파트너*/
.bg_gray{ background: #f5f5f5;}
.bg_gray.h_23{ height: 23em; margin-bottom: 18em;}
.page_sec{ margin-top: 2em;}
.page_sec5{ margin-top: 5em;}
.partner_bg{ position:relative; background: url(../images/sub/v_contact.jpg) no-repeat; background-size: cover; background-attachment:fixed; height: 20em;}
.t1{ font-size: 2.4em; font-weight: 500; text-transform: uppercase; line-height: 1.2;}
.t1.posi{ position: absolute; top: -30px; left: 30px; }
.sub_ttl{ font-size: 1.25em; font-weight: 600; margin-bottom: 1.5em; color: #111;}
.txt{ font-size: 1.15em; font-weight: 500; line-height: 1.6; color: #111;}
.ttl{ font-size: 2.45em; font-weight: 400; color: #111; line-height: 1.2;}
.ttl > span{ font-weight: 700; color: #111; text-transform: uppercase;}

.partner_wrap{  justify-content: center;}
.partner_wrap .partner_right{ position: relaitve; width: 60%;}
.partner_wrap .partner_left{ position:relative; width: 30%; margin-top: 4em;}
.main_pslide{}
.main_pslide .wrap_prod .maininstallSlide .el{ width:25%; cursor: pointer;}
.main_pslide .wrap_prod .maininstallSlide .el .prod_st
.main_pslide .wrap_prod .maininstallSlide .el .install{ border: none; overflow: hidden; margin:.5em; position:relative; }
.main_pslide .wrap_prod .maininstallSlide .el .install .img{ position:relative; z-index: 1; overflow: hidden; }
.main_pslide .wrap_prod .maininstallSlide .el .install .img .resize{}
.main_pslide .wrap_prod .maininstallSlide .el .install .img .prod{ width: 100%; height: 30em;}
.main_pslide .wrap_prod .maininstallSlide .el .install .img .prod > img{ width: 100%; height: 100%; object-fit: cover;}
.main_pslide .wrap_prod .maininstallSlide .el .install .img .prod:hover{ /*transform: scale(1.06); transition: .25s;*/}
.prd_slide_arrows{ margin-top: 2em;}
.prd_slide_arrows .arrow_wrap{ gap: 1.5em;} 
.prd_slide_arrows .arrow_wrap > li > .refer{ cursor: pointer; padding: .5em; border-radius: 50%; border: 1px solid #ddd; transition: .25s; box-shadow: 1px 0 3px rgba(0,0,0,.25);}
.prd_slide_arrows .arrow_wrap > li > .refer:hover{ background: #111; color: #fff; transition: .25s;}
.prd_slide_arrows .arrow_wrap > li > .refer > i{ font-size: 2em; font-weight: 500;}

.main_pslide{}
.main_pslide .wrap_in{ box-sizing:border-box; width:100%; position:relative}
.main_pslide{ position:relative; }
.main_pslide .wrap_prod .main_tit{ padding:0 .5em 1.5em 0}
.main_pslide .wrap_prod .mainProdSlide .el{ width:25%; }
.main_pslide .wrap_prod .mainProdSlide .el .prod_st{ border:1px solid #eee; overflow: hidden; position:relative}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st.border_n{ border: none;}
.main_pslide .wrap_prod .mainProdSlide .el:hover .prod_st{ border: 1px solid #111; transition: .25s;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .img{ position:relative; z-index:1;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .img .resize{}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .img .prod{ width: 100%; height: 7em;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .img .prod > img{ width: 100%; height: 100%; object-fit: contain; transition: .25s;}
.main_pslide .wrap_prod .mainProdSlide .el:hover .prod_st .img .prod > img{ transform: scale(1.06); transition: .25s;}
.main_pslide .wrap_prod .mainProdSlide .el:hover .prod_st .img .prod{ }
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .con{  padding: 1.5em; border-top: 1px solid #eee;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .con .t1{ font-weight:600; font-size:1.2em; margin-bottom: .3em; color: #111;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .con .t2{ font-size: 1em; color: #666; font-weight: 500; }

.mainProdSlide_control{ position: relative; gap: 2em; margin-top: 1.5em;}
.mainProdSlide_control .paging_wrap{ width: 100%;}
.mainProdSlide_control .sw_btn_wrap{ position: relative; gap: 0 .5em; flex: 1 1 10%;}
.mainProdSlide_control .paging{ filter:none;}
.mainProdSlide_control .sw_btn_wrap .swiperBtn:hover{ background: #111; color: #fff; border: 1px solid #111;}

.partner_logo_wrap{ margin-bottom: 2em;}
.partner_logo_wrap .partner_list{ gap: 1em; align-items: center; text-align:center;}
.partner_logo_wrap .partner_list > li{ flex: 1 1 25%; border: 1px solid #ddd; overflow: hidden; }
.partner_logo_wrap .partner_list > li > a{ }
.partner_logo_wrap .partner_list > li > a > .link_logo{ width: 100%; height: 7em;}
.partner_logo_wrap .partner_list > li > a > .link_logo > img{ width: 100%; height: 100%; object-fit: contain; transition: .25s;}
.partner_logo_wrap .partner_list > li:hover > a > .link_logo > img{ transform: scale(1.06); transition: .25s;}
.partner_logo_wrap .partner_list > li:hover{ border: 1px solid #111; transition: .25s;}

/*제품*/
.product_bg1{ position:relative; padding: 8em 0; box-sizing:border-box; width: 96%; margin: 0 auto;}
.product_bg1:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; }
.test{  border-radius: 3em; overflow: hidden;}
.product_box_wrap{ overflow: hidden; border-radius: 3em;}
.product_box_wrap .p_table_con{ position:relative; background: rgba(255,255,255, .85);  backdrop-filter: blur(3px); width: 100%; height: auto; padding: 3.5em; box-sizing: border-box; box-shadow: 4px 0 12px rgba(0,0,0,.45); }
.product_box_wrap .p_table_con .p_ttl{ text-align:center; font-size: 1.65em; font-weight: 500; margin-bottom: 2em;}

.product_s::-webkit-scrollbar { width: 3px; }

/* Track */
.product_s::-webkit-scrollbar-track {}
 
/* Handle */
.product_s::-webkit-scrollbar-thumb { background: #111;  border-radius: 20px;}

/* Handle on hover */
.product_s::-webkit-scrollbar-thumb:hover { background: #313193; }

.sub-tab-wrapper-style2{ position: relative; height: 100%; margin-bottom: 2em;}
.sub-tab-list-style2{ border: 1px solid #111; border-radius: 1em; padding: 2em;}
.sub-tab-list-style2 ul{display:flex; justify-content: center; width:100%; height:100%; text-align: center;}
.sub-tab-list-style2 ul.wrap{ flex-wrap: wrap;}
.sub-tab-list-style2 ul.certi_tab{ justify-content: start;}
.sub-tab-list-style2 ul:after{display:none}
.sub-tab-list-style2 ul .selected { display:inline-block; vertical-align:middle; position:relative; width:8.5%; min-width: 8.5%;}
.sub-tab-list-style2 ul .selected:hover a { }
.sub-tab-list-style2 ul .selected:hover a em{color: #222; font-weight: 600;}
.sub-tab-list-style2 ul .selected:hover a:before{ /*height: 100%; width: 100%; transition: .25s ease-out; z-index: -1;*/}
.sub-tab-list-style2 ul .selected a{ position:relative; height:60px; margin: 0 .3em .3em 0; background: #fff; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ddd; /*border-bottom: 2px solid #ddd;*/ cursor: pointer; align-items: center; justify-content: center; }
.sub-tab-list-style2 ul .selected:last-of-type a{ border-right: 1px solid #ddd;}
.sub-tab-list-style2 ul .selected:nth-child(6n){ /*border-right: 1px solid #ddd;*/}
.sub-tab-list-style2 ul .selected a:before{ position: absolute; bottom: -1px; width: 0%; height: 2px; background: #111; content: ''; transition: .35s;}
.sub-tab-list-style2 ul .selected a:hover:before{ width: 100%; height: 2px; transition: .35s;}
.sub-tab-list-style2 ul .selected a em{ color: #666; font-weight: 600; font-size:1.15em; letter-spacing:-0.25px; text-align:center;}
.sub-tab-list-style2 ul .selected.on a{ border-bottom: 2px solid #111; background: #111;}
.sub-tab-list-style2 ul .selected.on a:before{ content: none;} 
.sub-tab-list-style2 ul .selected.on a em{ color: #fff; font-weight: 600;}

.sub-tab-list-style2 ul .selected.pro_d{ max-width: 16%; width: 16%;}