.sub_content {width:100%;  line-height:1.45; overflow-y: hidden;  color:#2c2c2c;}

@media screen and (max-width: 768px){
	.sub_content, .sub_contents2  {font-size:62.5%;}
}


.wps_100 {max-width:100%;}
.point {color:#e5322c !important;}
.grey_bg {background:#f8f8f8;}

.point {color:#2159c3 !important;}
em {font-style:normal;}

.clear {}
.clear:after {display:block;clear:both;content:''}

.flex_box {display:flex; flex-wrap:wrap; }


@media( max-width: 1600px ) {
	.side_pd {padding-left:20px!important; padding-right:20px!important;}

}

.wid_1600 {width:100%; max-width:1600px; margin:auto;}
.wid_1400 {width:100%; max-width:1400px; margin:auto;}


@media screen and (max-width: 1600px){
	.wid_1600 {padding:0 0rem;}
	.wid_1600_95 {max-width:95%;}
}

@media screen and (max-width: 1400px){
	.wid_1400 {padding:0 0rem;}
	.wid_1400_95 {max-width:95%;}
}


.div_scroll {overflow: auto;position: relative}

@media( max-width:1400px) {
.div_scroll table {width:1400px; font-size:16px;}
.div_scroll img {max-width:1400px !important;}
.sub_content {margin-top:0rem;}
}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top: 1.0rem !important;}
.mg_t20{margin-top: 2.0rem !important;}
.mg_t30{margin-top: 3.0rem !important;}
.mg_t40{margin-top: 4.0rem !important;}
.mg_t50{margin-top: 5.0rem !important;}
.mg_t60{margin-top: 6.0rem !important;}
.mg_t70{margin-top: 7.0rem !important;}
.mg_t80{margin-top: 8.0rem !important;;}
.mg_t90{margin-top: 9.0rem !important;}
.mg_t100{margin-top: 10.0rem !important;}
.mg_t120{margin-top: 12.0rem !important;}

.mg_b10{margin-bottom: 1.0rem !important;}
.mg_b20{margin-bottom: 2.0rem !important;}
.mg_b30{margin-bottom: 3.0rem !important;}
.mg_b40{margin-bottom: 4.0rem !important;}
.mg_b50{margin-bottom: 5.0rem !important;}
.mg_b80{margin-bottom: 8.0rem !important;}
.mg_b100{margin-bottom: 10.0rem !important;}

.pd_b90{padding-bottom: 9.0rem !important;}
.pd_b100{padding-bottom: 10.0rem !important;}

.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

.txt_b {font-weight:bold;}

.fl_left {float:left;}
.fl_right {float:right;}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45;}
.table thead {border-top: 3px solid #2a303a; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 600; text-align:left;}
.table tbody th br  {display:none}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0;}
.table tbody td strong {color:#000;}

@media screen and (max-width: 1024px){
.table {font-size:15px;}
.table tbody th br  {display:block;}
}


@media screen and (max-width: 768px){
.table {font-size:13px;}

.table tbody th {padding:7px;}
.table tbody td {padding:7px;}
}

/*공통*/
.sub_top {width:100%; max-width:1800px; margin:auto; /*padding:15.0rem 5.0rem;*/ text-align:center; background-size:cover; color:#fff; }
.sub_top p {font-size:2.9rem; font-weight:600; line-height:1.45;}

.viking_inner_bg{background: url("../../pages/images/viking_bg.jpg") no-repeat center center;width:100%;height:380px;padding-top:75px}
.protos_inner_bg{background: url("../../pages/images/protos_bg.jpg") no-repeat center center;width:100%;height:380px;padding-top:75px}
.equees_inner_bg{background: url("../../pages/images/equees_bg.jpg") no-repeat center center;width:100%;height:380px;padding-top:75px}
.poseidon_inner_bg{background: url("../../pages/images/poseidon_bg.jpg") no-repeat center center;width:100%;height:380px;padding-top:75px}
.granqvists_inner_bg{background: url("../../pages/images/granqvists_bg.jpg") no-repeat center center;width:100%;height:380px;padding-top:75px}

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

.sub_top p {font-size:2.4rem;}

}



.sub_top.aos-animate .sub_inner_top:before {width: 0;-webkit-transition: all 0.3s 0.4s linear; transition: all 0.3s 0.4s linear; }
.sub_top.aos-animate .sub_inner_top:after {width: 0;-webkit-transition: all 0.3s 0.4s linear; transition: all 0.3s 0.4s linear; }

.product_inner_bg .bg_img{margin-bottom:30px;}
.product_inner_bg .bg_txt{font-size:2.8rem;line-height:1.35}



/*회사소개*/

/*.company_top {background: url("../../pages/images/company_top.jpg") no-repeat center center; padding:12.0rem 5.0rem 20.0rem 5.0rem;}*/
.company_top p {margin-top:3.0rem;}

.company_top .company_inner_top {width: 100%; height:53.0rem; padding:12.0rem 5.0rem 20.0rem 5.0rem; 
								background: #fff url("../../pages/images/company_top.jpg") no-repeat;background-position: center center;
								background-size: cover; position: relative;}





.company_ico_wrap {background:#fff; width:80%; margin:-11.5rem auto 0; border-radius:5.0rem 5.0rem 0 0; padding:5.0rem 8.0rem 0 8.0rem; z-index:3; position:relative;}
.company_ico_wrap .ico_box {width:calc(100% /3); text-align:center; padding:5.0rem 0;}
.company_ico_wrap .ico_box dl {margin-top:3.0rem;}
.company_ico_wrap .ico_box dl dt {font-size:2.0rem; font-weight:600;}
.company_ico_wrap .ico_box dl dd {font-size:1.8rem; color:#666; margin-top:0.5rem;}





@media screen and (max-width: 1024px){
.company_top .company_inner_top {height:50.0rem}
.company_top {/*padding:8.0rem 2.0rem 10.0rem 2.0rem;*/}
.company_top img {width:15.0rem;}
.company_ico_wrap {width:85%; margin:-8.5rem auto 0; border-radius:2.0rem 2.0rem 0 0}

.company_ico_wrap .ico_box {width:calc(100% /2); }

}


@media screen and (max-width: 768px){
.company_ico_wrap {width:95%;}
.company_ico_wrap .ico_box {width:100%; border-bottom:1px solid #ddd; }
}


/*CEO 인사말*/
.message_top {}
.message_top .message_inner_top {width: 100%; height:53.0rem; padding:20.0rem 5.0rem 16.0rem 5.0rem; 
								background: #fff url("../../pages/images/message_top.jpg") no-repeat;background-position: center center;
								background-size: cover; position: relative; text-transform:uppercase;}

.message_top .message_top_txt1 {font-size:1.8rem; font-weight:800; letter-spacing:0.8rem;}
.message_top .message_top_txt2 {font-family:'Orbitron'; font-size:6.4rem; font-weight:800; line-height:1.1; margin-top:3.0rem; }

.message_wrap {margin-top:8.0rem;}
.message_wrap .message_title {width:31.0rem; font-size:4.2rem; font-weight:600;}
.message_wrap .message_conts {font-size: 1.8rem; color:#666; width:calc(100% - 31.0rem);}
.message_wrap .message_conts  p {margin-bottom:2.5rem;}

.message_logo {margin:0 -2.5rem 0 0;}
.message_logo li {width:calc(33.3% - 2.5rem); margin-right:2.5rem; border:1px solid #ddd; margin-bottom:2.0rem; text-align:center; }
.message_logo li img {max-width:100%; }


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

.message_top .message_top_txt1 {font-size:1.8rem;}
.message_top .message_top_txt2 { font-size:4.2rem; margin-top:2.0rem; }

.message_wrap {margin-top:5.0rem;}
.message_wrap .message_title {width:100%; }
.message_wrap .message_conts {width:100%; margin-top:0rem;}

.message_logo li {width:calc(50% - 2.5rem);}
}


/*조직도*/
.organization_top .organization_inner_top {width: 100%; height:38.0rem; padding:16.0rem 5.0rem 13.0rem 5.0rem; 
								background: #fff url("../../pages/images/organization_top.jpg") no-repeat;background-position: center center;
								background-size: cover; position: relative; /* text-transform:uppercase; */}

.organization_wrap {margin-top:5.0rem; text-align:center; }
.organization_wrap img {max-width:100%;}
.org_pc {display:block;}
.org_mob {display:none;}


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

.org_pc {display:none;}
.org_mob {display:block;}


}

/*오시는길*/

.loc_map {width:100%; }
.loc_map .map_height {height:50.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.loc_map iframe {width:100%; height:50.0rem;}

.loc_txt {margin-top:8.0rem;  justify-content: space-between;}
.loc_txt .loc_box {width:32%; background:#f8f8f8; border-radius:2.0rem; padding:3.0rem; display:flex; gap:3.0rem; } 
.loc_txt .loc_box .loc_box_ico {width:80px; height:80px; border-radius:80px; border:1px solid #14a83b;  display:flex;  justify-content: center;align-items: center;}
.loc_txt .loc_box .loc_box_ico span {font-size:3.2rem; font-weight:500; color:#14a83b;}
.loc_txt .loc_box .loc_box_txt {width:calc(100% - 13.0rem); display:flex; justify-content: center; flex-direction: column;}
.loc_txt .loc_box .loc_box_txt span {display:block;font-size:1.6rem; font-weight:600; }
.loc_txt .loc_box .loc_box_txt p {font-size:1.6rem; color:#666;}

@media screen and (max-width: 1200px){
.loc_txt .loc_box {width:100%; margin-bottom:2.0rem;}
}

@media screen and (max-width: 768px){
.loc_txt .loc_box .loc_box_ico {width:60px; height:60px; border-radius:60px; }


.loc_map {width:100%; }
.loc_map .map_height {height:35.0rem; width:100%;}
.loc_map iframe {width:100%; height:35.0rem;}

}



/*liferaft*/
.seint{}
.seint .seint_cont{}
.seint .seint_cont .seint_top{display:flex;margin-bottom:100px}
.seint .seint_cont .seint_top .left{width:50%;}
.seint .seint_cont .seint_top .left img{width:100%}
.seint .seint_cont .seint_top .right{width:50%;padding-left:70px;padding-top:70px;}
.seint .seint_cont .seint_top .right .title{font-size:4.2rem;font-weight:bold;padding-bottom:20px;}
.seint .seint_cont .seint_top .right .txt01{font-size:1.8rem;}
.seint .seint_cont .seint_top .right .catalogue{display:flex;justify-content: space-between;margin-top:50px;}
.seint .seint_cont .seint_top .right .catalogue li{width:49%;border:1px solid #ddd}
.seint .seint_cont .seint_top .right .catalogue li a{display:block;font-size:1.8rem;text-align:center;display:block;padding:25px 0;position:relative;z-index:5;transition:all 0.4s;}

.seint .seint_cont .seint_top .right .catalogue li a:after{content:"";width:0%;height:100%;top:0;position:absolute;left:0;transition:all 0.4s;background: linear-gradient(-45deg, #14a83b, #e94c07);}
.seint .seint_cont .seint_top .right .catalogue li a:hover:after {width: 100%;z-index: -1;}
.seint .seint_cont .seint_top .right .catalogue li a:hover{color:#fff;}
.seint .seint_cont .seint_bot{margin-bottom:50px;}
.seint .seint_cont .seint_bot h1{}
.seint .seint_cont .seint_bot .sub_title{font-size:2.4rem;padding: 20px 0 10px 0;}
.seint .seint_cont .seint_bot .seint_bot_icon{display:flex;flex-wrap:wrap;}

.seint .seint_cont .seint_bot .seint_bot_icon .sub{width:calc((100% - 8.4rem) / 4);margin-right:28px;margin-bottom:28px;border: 2px solid transparent;border-radius: 50%;border-image: linear-gradient(-45deg, #14a83b 0%, #e94c07 100%);border-image-slice: 1;}
.seint .seint_cont .seint_bot .seint_bot_icon .sub:nth-child(4n){margin-right:0;}
.seint .seint_cont .seint_bot .seint_bot_icon .sub .sub_wrap{display: flex;flex-direction: column;align-items: center; justify-content: center;aspect-ratio: 1 / 1;text-align:center;}
.seint .seint_cont .seint_bot .seint_bot_icon .sub .sub_wrap .icon{}
.seint .seint_cont .seint_bot .seint_bot_icon .sub .sub_wrap .icon img{width:70%}

.seint .seint_cont .seint_bot .seint_bot_icon .sub .sub_wrap .txt01{font-size:1.9rem;margin-top:40px;font-weight:700}

.seint .seint_cont .seint_bot .seint_bot_cont{}
.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box{margin-bottom:70px;}
.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box .seint_table_box02{width:100%;display:flex}
.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box .seint_table_img{width:40%}
.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box .seint_table_img img{width:100%}
.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box .seint_table_txt{width:60%;padding-left:30px;}
.seint .seint_cont .seint_bot .seint_bot_cont .mes_tit{font-size:2.4rem;font-weight:bold;padding:0 0 10px 0}
.seint .seint_cont .seint_bot .seint_bot_cont table{border-top:2px solid #000;}
.seint .seint_cont .seint_bot .seint_bot_cont table tr th{text-align:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0 10px 20px;width:30%}
.seint .seint_cont .seint_bot .seint_bot_cont table tr td{border-bottom:1px solid #ddd;width:70%;padding:10px 0 10px 20px;}




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

.seint .seint_cont .seint_top .right{padding-top:50px;}
}


@media screen and (max-width: 1200px){
.seint{padding:0 15px}

}

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

.seint .seint_cont .seint_top{flex-wrap:wrap;}
.seint .seint_cont .seint_top .left{width:100%;}
.seint .seint_cont .seint_top .right{width:100%;padding-left:0;padding-top:30px;}
.seint .seint_cont .seint_bot .seint_bot_icon .sub{margin-right:24px;width:calc((100% - 8.4rem) / 3)}
.seint .seint_cont .seint_bot .seint_bot_icon .sub:nth-child(4n){margin-right:24px;}
.seint .seint_cont .seint_bot .seint_bot_icon .sub .sub_wrap .txt01{margin-top:20px;}

}


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


.seint .seint_cont .seint_bot .seint_bot_icon .sub .sub_wrap .txt01{font-size:1.7rem;}

.seint .seint_cont .seint_top .right .catalogue{margin-top:30px;flex-wrap:wrap;}
.seint .seint_cont .seint_top .right .catalogue li{width:100%;}
.seint .seint_cont .seint_top .right .title{font-size:3.2rem;padding-bottom:10px;}
.seint .seint_cont .seint_bot .seint_bot_icon .sub{width:100%}
.seint .seint_cont .seint_bot .seint_bot_icon .sub:nth-child(n){margin-right:0;}
.seint .seint_cont .seint_bot .seint_bot_icon .sub:nth-child(2n){margin-right:0;}
.seint .seint_cont .seint_top .right .catalogue li a{padding:15px 0;}
.seint .seint_cont .seint_top .right .catalogue li:first-child{margin-bottom:10px;}
.seint .seint_cont .seint_bot h1{font-size:3.2rem;}
.seint .seint_cont .seint_bot .sub_title{font-size:1.8rem;}

.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box .seint_table_box02{flex-wrap:wrap;}
.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box .seint_table_img{width:100%;}
.seint .seint_cont .seint_bot .seint_bot_cont .seint_table_box .seint_table_txt{width:100%;padding-left:0;padding-top:30px;}

.seint .seint_cont .seint_bot .seint_bot_cont table tr th{width:40%;}
.seint .seint_cont .seint_bot .seint_bot_cont table tr td{width:60%}


}


/*search master*/
.search{}
.search .search_cont{display:flex;margin-bottom:100px;}
.search .search_cont .left{font-size:3.2rem;font-weight:bold;width:25%}
.search .search_cont .left .sub_tit{font-size:2.4rem}
.search .search_cont .right{width:75%}

.search .search_cont .right .sub01{display:flex;align-items: center;margin-bottom:70px;}
.search .search_cont .right .sub01 .imgbox .img{border:1px solid #ddd;margin-right:80px}
.search .search_cont .right .sub01 .txtbox{}
.search .search_cont .right .sub01 .txtbox .txt01{font-size:1.9rem;position:relative;padding-left:12px;margin-bottom:10px;}
.search .search_cont .right .sub01 .txtbox .txt01:before{content:"";display:block;position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background:red}


.search .search_cont .right .sub02{    border-bottom: 1px solid #ddd;padding-bottom: 10px; margin-bottom: 24px;}
.search .search_cont .right .sub02 .tit01{font-size:2.2rem;font-weight:800;margin-bottom:10px;}
.search .search_cont .right .sub02 .img01{display:flex;flex-wrap:wrap;justify-content: space-between;}
.search .search_cont .right .sub02 .img01 .img{width:32%;margin-bottom:15px;}
.search .search_cont .right .sub02 .img01 .img img{width:100%}
.search .search_cont .right .sub02 .img01 .img .txt01{font-size:1.9rem;text-align:center;font-weight:bold;margin-top:10px;}

.search .search_cont .right table {border-top:2px solid #000}
.search .search_cont .right table th{border:1px solid #ddd;border-top:0;padding:20px 0;text-align:center}
.search .search_cont .right table td{border:1px solid #ddd;border-top:0;padding:20px 0;text-align:center;font-size:1.8rem;}
.search .search_cont .right .margin_bot{margin-bottom:50px;}
.search .search_cont .right .table_txt{font-size:1.8rem;margin-top:10px;}

.search .search_cont .right .sl_txt{font-size:1.9rem;line-height:1.5;margin-bottom:30px;}
.search .search_cont .right .sl170_tt{font-size:2.1rem;padding:0 0 10px 0;font-weight:bold}
.search .search_cont .right .product_o{display:flex;margin-top:70px;}
.search .search_cont .right .product_o .product_img{width:40%;border:1px solid #ddd;text-align:center;padding:20px 0;}
.search .search_cont .right .product_o .product_txt{width:60%;padding-left:50px;}
.search .search_cont .right .composite_cert .cert_sub{display:flex; }
.search .search_cont .right .composite_cert .cert_sub .cert_img{width:25%;padding-right:15px;margin-bottom:15px;}
.search .search_cont .right .composite_cert .cert_sub .cert_img img{width:100%;border:1px solid #ddd}
.search .search_cont .right .composite_cert02 .cert_sub{display:flex;}
.search .search_cont .right .composite_cert02 .cert_sub .cert_img{width:24%;border:1px solid #ddd;margin-right:20px;}
.search .search_cont .right .composite_cert02 .cert_sub .cert_img img{width:100%}



.search .search_cont .right .installation_img {display:flex;justify-content: space-between;flex-wrap:wrap;}
.search .search_cont .right .installation_img .img{width:48%;border:1px solid #ddd;margin-bottom:40px;}
.search .search_cont .right .installation_img .img img{width:100%;}



/*제품소개 리스트*/
/* .product_top .product_inner_top {width: 100%; height:38.0rem; padding:15.0rem 5.0rem 14.0rem 5.0rem; background: #fff url("../../pages/images/company_top.jpg") no-repeat;background-position: center center;background-size: cover; position: relative;}
 */


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


}


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

.search{padding:0 10px;}

.search .search_cont{flex-wrap:wrap;}
.search .search_cont .left{width:100%;margin-bottom:30px;}
.search .search_cont .right{width:100%;}

}

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

.search .search_cont .right .sub02 .img01 .img{width:49%;}
.search .search_cont .right .sub01 .imgbox .img{margin-right:0;}
.search .search_cont .right .sub01 .txtbox{width:100%;margin-top:20px;}
}


@media screen and (max-width: 768px){
.search .search_cont .right .sub01{flex-wrap:wrap;}
.search .search_cont .right .sub01 .imgbox{width:100%;text-align:Center}
.search .search_cont .right .sub01 .imgbox .img{padding:10px 0;}


.search .search_cont .right .sub02 .img01 .img{width:100%}
.search .search_cont .right .product_o .product_img img{width:100%}
.search .search_cont .right .product_o{flex-wrap:wrap;}
.search .search_cont .right .product_o .product_img{width:100%}
.search .search_cont .right .product_o .product_txt{width:100%;padding-left:0}
.search .search_cont .left{margin-bottom:10px;}
.search .search_cont .right .installation_img{flex-wrap:wrap;}
.search .search_cont .right .installation_img .img{width:100%;margin-bottom:10px;}

.search .search_cont .right .composite_cert .cert_sub{flex-wrap:wrap;}
.search .search_cont .right .composite_cert .cert_sub .cert_img{width:49%;margin-bottom:15px;}
.search .search_cont .right .composite_cert02 .cert_sub .cert_img{width:49%}

}

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

.search .search_cont .right table td{font-size:1.6rem}

.search .search_cont .right .sl_txt{font-size:1.7rem;}
}


.products{width:1500px;margin:30px auto 0;position:relative;z-index:999}
.products .products_list {display:flex;flex-wrap: wrap;}
.products .products_list .products_sub {width:25%;padding:14px;}

.products .products_list .products_sub img{width:100%}
.products .products_list .products_sub a{display:block;border:1px solid #aaaaaa;position:relative}
.products .products_list .products_sub a .txtBox{padding:35px 25px;}
.products .products_list .products_sub a .txtBox h2{color:#333333;position:relative}
.products .products_list .products_sub a .txtBox h2:after{content:"";display:block;background:url(../img/product_icon01.png) no-repeat;width:31px;height:10px;position:absolute;bottom:6px;right:0;transition:.5s}


.products .products_list .products_sub:nth-child(4n){}

.products .products_list .products_sub a .top {display: block;content: "";width: 0;height: 3px;background: linear-gradient(-40deg, #14a83b, #e94c07);;position: absolute;left: 0;top: -1px;z-index: 1;transition: all 0.3s 0.3s ease-out;}
.products .products_list .products_sub a .right {display: block;content: "";width: 0;height: 3px;background: linear-gradient(100deg, #14a83b, #e94c07);;position: absolute;right: 0;bottom: -1px;z-index: 1;transition: all 0.3s 0.3s ease-out;}
.products .products_list .products_sub a .bottom {display: block;content: "";width: 3px;height: 0;background: linear-gradient(-40deg, #14a83b, #e94c07);;position: absolute;left: -1px;bottom: 0;z-index: 1;transition: all 0.3s 0.0s ease-out;}
.products .products_list .products_sub a .left {display: block;content: "";width: 3px;height: 0;background: linear-gradient(100deg, #14a83b, #e94c07);;position: absolute;right: -1px;top: 0;z-index: 1;transition: all 0.3s ease-out;}
 

.products .products_list .products_sub a:hover .top {width: 100%;transition: all 0.3s 0s ease-out;}
.products .products_list .products_sub a:hover .right {width: 100%;transition: all 0.3s 0s ease-out;}
.products .products_list .products_sub a:hover .bottom {height: 100%;transition: all 0.3s 0.3s ease-out;}
.products .products_list .products_sub a:hover .left {height: 100%;transition: all 0.3s 0.3s ease-out;}

.products .products_list .products_sub a:hover .txtBox h2:after{background:url(../img/product_icon01_on.png) no-repeat;}

.products .equees_title{padding:0 0 0 10px}
@media screen and (max-width: 1500px){
.products{width:100%}

}


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

.products .products_list .products_sub{width:33.333%}
}


@media screen and (max-width: 1024px){
.products .products_list .products_sub a .txtBox h2{font-size:2.1rem;}
.products .products_list .products_sub{width:50%}

}

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

.products .products_list .products_sub{width:100%}


}


.catalogue_color{display:flex;    justify-content: center;margin-top: 50px;}
.margin-bottom{margin-top:0;margin-bottom:30px;}
.catalogue_color .catalogue_color_sub{width:49%;border:1px solid #ddd;margin:0 20px;}
.catalogue_color .catalogue_color_sub a{display:block;font-weight:bold;font-size:1.8rem;text-align:center;display:block;padding:25px 0;position:relative;z-index:5;transition:all 0.4s;}
.catalogue_color .catalogue_color_sub a:after{content:"";width:0%;height:100%;top:0;position:absolute;left:0;transition:all 0.4s;background: linear-gradient(-45deg, #14a83b, #e94c07);}
.catalogue_color .catalogue_color_sub a:hover:after {width: 100%;z-index: -1;}
.catalogue_color .catalogue_color_sub a:hover{color:#fff;}

/*제품 상세*/
.item {position:relative;z-index:99}
.item .item_cont{display:flex}
.item .item_cont02{margin-top:100px;}
.item .item_cont .left{width:40%}
.item .item_cont .left .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;border: 1px solid #ddd;}
/* .item .swiper-button-next, .swiper-rtl .swiper-button-prev{top:92%}
.item .swiper-button-prev, .swiper-rtl .swiper-button-next{top:92%} */
.item .left .swiper-button-next:after, .swiper-button-prev:after{font-size:3.0rem;font-weight:800}
.item .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size:3.0rem;font-weight:800}

.item .item_cont .left .item_mySwiper .swiper-slide { opacity: 0.4; cursor:pointer}
.item .item_cont .left .item_mySwiper .swiper-slide-thumb-active {opacity: 1;}
.item .item_cont .left .item_mySwiper2{margin-bottom:10px;}
.item .item_cont .left .item_mySwiper4{margin-bottom:10px;}

.item .item_cont .right{width:60%;padding-left:100px;padding-top:50px}
.item .item_cont .right .right_title h1{font-size:3.4rem;}
.item .item_cont .right .right_title h1 span{font-size:2.1rem;margin-left:5px;}
.item .item_cont .right .right_title .txt2{font-size:2.0rem;color:#666666;line-height: 1.5;padding:10px 0 30px 0;}

.item .item_cont .right .right_txt .txtbox h2{color: #e74c07;padding:30px 0 0 0;}
.item .item_cont .right .right_txt .txtbox h2.n_01{padding-top:0}
.item .item_cont .right .right_txt .txtbox .txt2{font-size: 2.0rem;line-height: 1.5;}
.item .item_cont .right .right_txt .txtlogo{display:flex;margin-top:40px;flex-wrap: wrap;}
.item .item_cont .right .right_txt .txtlogo div{margin-bottom:10px;}

.item .item_cont .right .right_txt{border-top:1px solid #ddd;padding:30px 0;}
.item .item_cont .right .right_txt ul li{font-size:2.1rem;line-height:1.3;position:relative;padding:0 0 15px 15px;}
.item .item_cont .right .right_txt ul li:before{content:"";display:block;width:5px;height:5px;background: #e94c07;vertical-align:middle;border-radius:50%;position:absolute;top:12px;left:0;}
.item .item_cont .right .right_txt ul.ul_box li{padding-bottom:0}


.item .item_cont .right .txt_color{font-size:1.8rem;}
.item .item_cont .right .txt_color01{margin-bottom:15px;}
.item .item_cont .right .txt_color01 a{color:red;border-bottom:1px solid red}

.item .item_cont .right .txt_color02{}
.item .item_cont .right .txt_color02_01:before{content:"";display:inline-block;width:25px;height:25px;background:#a9a9a9;vertical-align:middle;margin-right:10px;}
.item .item_cont .right .txt_color02_02:before{content:"";display:inline-block;width:25px;height:25px;background:#cfcccc;vertical-align:middle;margin-right:10px;}
.item .item_cont .right .txt_color02_03:before{content:"";display:inline-block;width:25px;height:25px;background:#000000;vertical-align:middle;margin-right:10px;}


.item .product_btn{width:300px;margin:0 auto;text-align:center;}
.item .product_btn a{display:block;padding:20px 0;margin-top:100px;border:1px solid #ddd;transition:.3s;position: relative;font-size:1.8rem;}
/* .item .product_btn a:hover{background: linear-gradient(-45deg, #14a83b, #e94c07);;color:#fff} */
.item .product_btn a:after{content:"";width:0%;height:100%;top:0;position:absolute;left:0;transition:all 0.4s;background: linear-gradient(-45deg, #14a83b, #e94c07);}
.item .product_btn a:hover:after {width: 100%;z-index: -1;}
.item .product_btn a:hover{color:#fff}

.mob_video{height:400px;margin-top:45px;}

.item .item_cont .right .right_txt .imgtxt{display:flex;align-items: center;margin-top:30px}
.item .item_cont .right .right_txt .imgtxt .glasses_txt {padding-left:50px;}
.item .item_cont .right .right_txt .imgtxt .glasses_txt .glasses_txt01{font-size:2.2rem;font-weight:bold;margin-bottom:10px;}
.item .item_cont .right .right_txt .imgtxt .glasses_txt .glasses_txt02{font-size:1.8rem;}

.io_fe_cont{display:flex;flex-wrap:wrap;}
.io_fe_cont .fe_cont{width:33.333%;padding:10px;}
.io_fe_cont .img{border:1px solid #ddd}
.io_fe_cont .img img{width:100%}
.io_fe_cont .txt{text-align:center;padding-top:10px}
/*아이오닉만타*/
.ionic_top .ionic_inner_top {width: 100%; height:38.0rem; padding-top:75px; background: #fff url("../../pages/images/ionic_top.jpg") no-repeat;background-position: center center;background-size: cover; position: relative; text-transform:uppercase;}
.ionic_top .ionic_inner_top .bg_img{margin-bottom:30px;}
.item .item_cont .right .right_txt .sub_txt{font-size: 2.0rem;color: #666666;line-height: 1.5;margin-bottom:30px;}
.item .item_cont .right .right_txt h2{    color: #e74c07;margin-bottom:10px;}
.item .item_cont .right .right_txt h2.io_helmet{margin-top:20px;}

.protos_video{width:1500px;margin:0 auto}
.protos_video .video_cont{height:800px;}

/*POSEIDON*/
.poseidon{}
.poseidon .poseidon_wrap{display:flex;flex-wrap:wrap;}
.poseidon .poseidon_wrap .poseidon_sub{width:25%;margin-bottom:50px;}
.poseidon .poseidon_wrap .poseidon_sub .sub{padding:0 10px;}
.poseidon .poseidon_wrap .poseidon_sub .img{border:1px solid #ddd}
.poseidon .poseidon_wrap .poseidon_sub .img img{width:100%}
.poseidon .poseidon_wrap .poseidon_sub .txt{font-size:1.8rem;line-height:1.3;padding:24px 0;;border-bottom:1px solid #ddd;text-align:center}
.poseidon .poseidon_wrap .poseidon_sub .txt01{padding: 36px 0px;}


@media screen and (max-width: 1500px){
.protos_video{width:100%;padding:0 15px;}

}


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

.poseidon .poseidon_wrap .poseidon_sub{width:33.333%;margin-bottom:50px;}

.item {padding:0 10px}
.item .item_cont .right{padding-left:70px}
}


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

.poseidon .poseidon_wrap .poseidon_sub{width:50%;margin-bottom:50px;}
.poseidon .poseidon_wrap .poseidon_sub .txt01{padding:24px 0}
.protos_video .video_cont{height:500px;}
.item .item_cont{flex-wrap:wrap;}

.item .item_cont .right{padding-left:50px;padding-top:20px;}
.item .item_cont .right .right_title h1{font-size:3.2rem;}
.item .item_cont .right .right_title .txt2{font-size:1.8rem;}
.item .item_cont .right .right_txt ul li{font-size:1.7rem;}
.item .item_cont .right .right_txt ul li:before{top:7px;}
.item .item_cont .right .txt_color{font-size:1.7rem;}
.io_fe_cont .fe_cont{width:50%}


.item .item_cont .right .right_txt .txtbox .txt2{font-size:1.7rem;}
.item .item_cont .right .right_txt .txtlogo div{width:25%}
}

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

.catalogue_color{display:block;padding:0 14px;}
.catalogue_color .catalogue_color_sub{width:100%;margin:10px 0;}
.poseidon .poseidon_wrap .poseidon_sub{width:100%}

.item .item_cont .left{width:100%;}
.item .item_cont .right{width:100%;padding-left:0}
.io_fe_cont .fe_cont{width:100%}
.item .item_cont .right .right_txt .txtlogo div{width:50%;text-align:center}
.item .item_cont .right .right_txt .imgtxt{flex-wrap:wrap;}
.item .item_cont .right .right_txt .imgtxt .glasses_img{width:100%;margin-bottom:10px;}
.item .item_cont .right .right_txt .imgtxt .glasses_txt{padding-left:0;}

.protos_video .video_cont{height:300px;}
}