@charset "utf-8";

.subTitle1 { font-size: 55px;font-family: 'Mont-HeavyDEMO';padding: 50px 0; max-width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1400px){
	.subTitle1 {width: 98%;margin: 0 auto; }
}
@media screen and (max-width: 1024px){
	.subTitle1 {font-size: 45px;padding: 40px 0 50px;}
}
@media screen and (max-width: 768px){
	.subTitle1 {font-size: 35px;}
}




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

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

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

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

}


/*ȸ»ç°³¿ä*/

.company{}
.company .company_message{width:1600px;margin:0 auto;display:flex;}
.company .company_message .left{width:50%;max-width:800px;overflow:hidden}
.company.on .company_message .left img{ transform: scale(1.0);transition-duration: 2.2s;}
.company .company_message .left img{    transform: scale(1.4);transition-duration: 2.2s;}
.company .company_message .right{padding-left:100px;width:50%;}
.company .company_message .right .txt01{font-size:5.5rem}
.company .company_message .right .txt02{font-size:3.0rem;padding:70px 0 30px 0;}
.company .company_message .right .txt03{font-size:2.0rem;color:#797979;line-height:40px;}

.company .company_overview{background:#efefef;margin-top:100px;padding:100px 0;}
.company .company_overview .overview{max-width:1600px;margin:0 auto}
.company .company_overview .overview:after{content:"";display:block;clear:both}

.company .company_overview .overview .sub{position:relative;float:left;width: calc((100% - 200px) / 4 );margin-right:60px;background:#fff;border-radius:15px;text-align:center}
.company .company_overview .overview .sub:nth-child(4n){margin-right:0}
.company .company_overview .overview .sub:after{content:"";display:block;padding-bottom:100%;}
.company .company_overview .overview .sub:nth-child(-n+4){margin-bottom:10rem}
.company .company_overview .overview .sub .subwrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}
.company .company_overview .overview .sub .subwrap .icon01{}
.company .company_overview .overview .sub .subwrap .txt01{font-size:2.5rem;font-weight:bold;padding:20px 0;}
.company .company_overview .overview .sub .subwrap .txt02{font-size:1.6rem;line-height:30px;color:#797979}


@media screen and (max-width: 1600px){
.subpage_title .sub_title{width:100%}
.company .company_message{width:100%}
.company .company_overview{padding:100px 30px;}
}


@media( max-width:1400px ) {

	.company .company_message .right{padding-left:60px;}
	.company .company_message .right .txt01{font-size:4.5rem}
	.subpage_title .sub_title h1{font-size:4.8rem}
	.company .company_overview .overview .sub{width: calc((100% - 150px) / 4 );margin-right:50px;}
}

@media( max-width:1130px ) {


}
@media( max-width:1024px ) {
.subpage_title .sub_title h1{font-size:3.8rem}
.company .company_overview .overview .sub{width:calc((100% - 20px) / 2 );margin-right:10px;}
.company .company_overview .overview .sub:after{padding-bottom:60%}
.company .company_overview .overview .sub:nth-child(n+4){margin-bottom:10px;}
.company .company_overview .overview .sub:nth-child(-n+4){margin-bottom:10px;}
.company .company_overview .overview .sub .subwrap .txt01{padding:10px 30px;}

.company .company_message{display:block}
.company .company_message .left{width:100%}
.company .company_message .right{width:100%;padding:30px 20px;}

}
@media( max-width:768px ) {
.company .company_overview .overview .sub{width:100%;margin-right:10px;}
.subpage_title .sub_title h1{font-size:2.6rem}

.company .company_overview .overview .sub:after{padding-bottom:60%;height:350px;}
}



/*Á¶Á÷µµ*/
.organization{background:#efefef;padding:100px 0;}
.organization .organization_wrap{text-align:center}

@media( max-width:1200px ) {

.organization .organization_wrap img{width:100%}
}



/*ÁÖ¿ä°Å·¡Ã³*/

.partner .partner_wrap01 .partner_cont{max-width:1600px;margin:0 auto}
.partner .partner_wrap01 .partner_cont:after{content:"";display:block;clear:both}

.partner .partner_wrap01 .partner_cont .sub{position:relative;float:left;width: calc((100% - 300px) / 4 );margin-right:100px;height:250px;background:#fff;border-radius:15px;text-align:center;}
.partner .partner_wrap01 .partner_cont .sub:nth-child(4n){margin-right:0}
.partner .partner_wrap01 .partner_cont .sub .subwrap{}
.partner .partner_wrap01 .partner_cont .sub .subwrap .plogo{border:1px solid #ddd;padding:10px;}
.partner .partner_wrap01 .partner_cont .sub .subwrap .plogo img{width:100%}
.partner .partner_wrap01 .partner_cont .sub .subwrap .txt01{font-size:1.8rem;color:#797979;padding-top:10px;}



@media screen and (max-width: 1600px){
.partner .partner_wrap01 .partner_cont{width:100%}
}
@media screen and (max-width: 1400px){
.partner .partner_wrap01 .partner_cont .sub{width:calc((100% - 150px) / 4 );margin-right:50px;}
}

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

}

@media screen and (max-width: 768px){
.partner .partner_wrap01 .partner_cont .sub .subwrap .txt01{font-size:1.6rem}
.partner .partner_wrap01 .partner_cont .sub{width:100%;margin-right:40px;margin-bottom:100px;height:100%;}
.partner .partner_wrap01 .partner_cont .sub:nth-child(2n){margin-right:0;}
/* .partner .partner_wrap01 .partner_cont .sub{width:100% ;margin-right:50px;} */
.partner .partner_wrap01 .partner_cont .sub:nth-child(n+5){margin-bottom:10rem;}
}



/*ȸ»ç¿¬Çõ*/

.history{width:1600px;margin:0 auto}
.history .history_bg{position:relative;background:url(../img/history_bg.jpg) no-repeat;width:100%;height:440px;}
.history .history_bg h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:100%;text-align:center}
.history .historyCont{margin-top:100px;}
.history .historyCont:after{content:"";display:block;clear:both}
.history .historyCont .history_list{width:100%;position:relative}
.history .historyCont .history_list:before{content:"";display:block;width:2px;height:100%;background:#dddddd;position:absolute;top:3px;left:50%;transform:translatex(-50%)}
.history .historyCont .history_list:last-child:before{display:none}
.history .historyCont .history_list:after{content:"";display:block;clear:both}
.history .historyCont .history_list .history_txt{width:50%;float:right;padding-left:80px;margin-bottom:50px;position:relative}
.history .historyCont .history_list .history_txt:after{content:"";display:block;clear:both}
.history .historyCont .history_list .history_txt .txt01{font-size:2.8rem;font-weight:bold;padding-bottom:10px;}
.history .historyCont .history_list .history_txt .txt01:after{content:"";display:block;background:url(../img/history_icon02.png);width:35px;height:35px;position:absolute;top:0;left:-18px}
.history .historyCont .history_list .history_txt .txt02box .txt02{color:#777777;position:relative;padding-left: 15px;display:inline-block;}
.history .historyCont .history_list .history_txt .txt02box{margin-bottom:10px;}
.history .historyCont .history_list .history_txt .txt02box span{display:inline-block;}


.history .historyCont .history_list .history_txt02{width:50%;float:left;padding-right:80px;text-align:right;margin-bottom:50px;position:relative;}
.history .historyCont .history_list .history_txt02 .txt01{font-size:2.8rem;font-weight:bold;padding-bottom:10px;}
.history .historyCont .history_list .history_txt02 .txt01:after{content:"";display:block;background:url(../img/history_icon02.png);width:35px;height:35px;position:absolute;top:0;right:-17px}

.history .historyCont .history_list .history_txt02 .txt02box .txt02{display:inline-block;color:#777777;position:relative;padding-left: 15px;}
.history .historyCont .history_list .history_txt02 .txt02box{margin-bottom:10px;}
.history .historyCont .history_list .history_txt02 .txt02box span{display:inline-block;}



@media screen and (max-width: 1600px){
.history{width:100%;margin:0 auto}
}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1024px){
.history .historyCont .history_list .history_txt .txt02box span{display:block;margin-bottom:10px;}
.history .historyCont .history_list .history_txt .txt02box .txt02{padding-left:0;}

.history .historyCont .history_list .history_txt02 .txt02box span{display:block;margin-bottom:10px;}
.history .historyCont .history_list .history_txt02 .txt02box .txt02{padding-left:0;}
.history .historyCont .history_list .history_txt{float:none;width:100%;padding-left:30px;margin-bottom:0;padding-bottom:50px;padding-right:0}
.history .historyCont .history_list:before{left:0}
.history .historyCont .history_list .history_txt02{float:none;width:100%;text-align:left;padding-left:30px;margin-bottom:0;padding-bottom:50px;padding-right:0}
.history .historyCont .history_list .history_txt02 .txt01:after{left:-17px;}
.history .historyCont{margin-top:50px;padding:10px;}
}
@media screen and (max-width: 768px){

}



/*¿À½Ã´Â±æ*/
.location{}
.location .location_wrap{width:1600px;margin:0 auto}
.location .location_wrap .loc_map{width:100%}

.location .location_txt {position:relative;  padding:30px 0 150px 0;}
.location .location_txt .location_txt_in {/* position:absolute; top:-70px; z-index:99999;  */ padding:70px 0; background:#333e53  ; width:100%; }
.location .location_txt .location_txt_in:after{content: ''; display: block; clear: both;}
.location .location_txt .location_txt_in .lo_left {float:left; width:40%; text-align:center; border-right:1px solid #ddd; padding:38px 0;}
.location .location_txt .location_txt_in .lo_right {float:left;  width:60%; color:#fff; padding-left:5%; }
.location .location_txt .location_txt_in .lo_right ul li {padding:7px 0;font-size:1.6rem}
.location .location_txt .location_txt_in .lo_right ul li span {display:inline-block; width:160px;font-size:1.8rem; font-weight:bold;}


@media screen and (max-width: 1600px){
.location .location_wrap{width:100%;}

}


@media screen and (max-width: 1200px){
.location .location_txt{width:100%}
}


@media screen and (max-width: 1024px){
.location .location_txt .location_txt_in .lo_left{width:100%;border-right:none}
.location .location_txt .location_txt_in{position:static}
.location .location_txt .location_txt_in .lo_right{width:100%}
.location .location_txt{padding:30px 0 50px 0;}
}


@media screen and (max-width: 768px){
.location .location_txt .location_txt_in .lo_right ul li span{display:block;}
.location .location_txt .location_txt_in .lo_left img{width:100%}
}




/*ƯÇãÁõ*/
.cert .cert_wrap .cert_cont{max-width:1600px;margin:0 auto}
.cert .cert_wrap .cert_cont:after{content:"";display:block;clear:both}
.cert .cert_wrap .cert_cont .sub{position:relative;float:left;width: calc((100% - 180px) / 4 );height:550px;;margin-right:60px;background:#fff;border-radius:15px;text-align:center;margin-bottom:10rem}
.cert .cert_wrap .cert_cont .sub:nth-child(4n){margin-right:0}
.cert .cert_wrap .cert_cont .sub .subwrap{}
.cert .cert_wrap .cert_cont .sub .subwrap .plogo{border:1px solid #ddd;}
.cert .cert_wrap .cert_cont .sub .subwrap .plogo img{width:100%}
.cert .cert_wrap .cert_cont .sub .subwrap .txt01{font-size:1.8rem;color:#797979;padding-top:10px;}


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

.cert .cert_wrap .cert_cont{width:100%}

}

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

.cert .cert_wrap .cert_cont .sub{height:450px;}

}


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

.cert .cert_wrap .cert_cont .sub{height:400px;}
}


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

.cert .cert_wrap .cert_cont .sub{width:100%;height:auto}



}


/*º¸À¯¼³ºñ*/

.equipment{width:1600px;margin:0 auto}
.equipment .equipment_bg{position:relative;background:url(../img/tech_bg.jpg) no-repeat;width:100%;height:440px;}
.equipment .equipment_bg h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:100%;text-align:center}
.equipment .equipment_table{margin-top:50px;}
.equipment .equipment_table table{border-top:2px solid #000}
.equipment .equipment_table tr th{border-right:1px solid #bdbdbd;font-size:1.8rem;padding:15px;background:#ebedf2} 
.equipment .equipment_table tr th.no{border-right:none}

.equipment .equipment_table tr td{text-align:center;font-size:1.8rem;color:#595959;padding:15px 20px;border-bottom: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;}
.equipment .equipment_table tr td.no{border-right:none}


@media screen and (max-width: 1600px){
.equipment{width:100%}

}

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

}

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

}

@media screen and (max-width: 768px){
.equipment .equipment_table{overflow-x: scroll;}

}


/*Á¦Ç°¼Ò°³*/
.products {width:100%; position:relative; margin:0 auto;padding-bottom:150px; }
.products h1{text-align:center;}
.products h1:after{content:"";display:block;width:50px;height:2px;background:#072d82;margin:30px auto 50px auto;}
.products ul:after{content:"";display:block;clear:both}
.products ul li {width:31.3%; margin-right:3%;border:3px solid #072d82; float:left; padding:10px 50px; box-sizing:border-box; height:250px; text-align:center;} 
.products ul li:nth-child(3n) {margin-right:0;}
.products ul li:nth-child(10) {width:100%; height:260px}
.products ul li > span { font-size:40px; font-weight:900; display:inline-block; color:#072d82; border-bottom:1px solid #072d82;  }
.products ul li > h3 {display:block; color:#072d82; font-size:20px; line-height:26px; margin:20px 0; }
.products ul li > p {font-size:1.8rem;}


.products_cont ul:after{content:"";display:block;clear:both}
.products_cont ul li{float:left;width:23.5%;margin-right:2%;position:relative;}
.products_cont ul li:last-child{margin-right:0}
.products_cont ul li img{width:100%;border-bottom:1px solid #ddd}
.products_cont ul li h2{font-size:1.9rem;padding:35px 25px;color:#2e2e2e}
.products_cont ul li a:after{content:"";opacity:0;display:block;border:2px solid #c83212;width:100%;height:100%;position:absolute;top:0;transition:.5s;}
.products_cont ul li a:hover:after{content:"";opacity:1;}
.products_cont ul li a .plus{z-index: 999;font-size: 22px;line-height: 28px; color: #c83212;display: block; border: 1px solid #888888;border-radius: 50%;width: 33px;height: 33px; text-align: center;position: absolute; bottom:8%;right: 4%;}


.productpage{width:1400px;margin:0 auto}
.productpage h1{text-align:center;margin-bottom:50px;}

.productpage .cont{border-top:1px solid #ddd;margin-bottom:100px;}
.productpage .cont02{border-top:none}
.productpage .cont:after{content:"";display:block;clear:both}
.productpage .cont .left{width:25%;float:left;font-size:2.4rem;border-top:2px solid #072d82;padding-left:10px;padding-top:30px;}
.productpage .cont .right{width:75%;float:left;padding:40px 70px 0 70px;}
.productpage .cont .rightbg{background:#ff0000;padding:40px 70px 40px 70px;}
.productpage .cont .rightcolor{padding:0;margin-top:40px;}
.productpage .cont .right .imgbox{}
.productpage .cont .right .imgbox02{padding-top: 30px;padding-bottom: 70px;}
.productpage .cont .right .imgbox img{width:100%;border:1px solid #ddd}
.productpage .cont .right .imgbox02 img{width:60%}
.productpage .cont .right .txtbox li{font-size:1.9rem;line-height:35px;color:#2b2b2b}

.contents_wrap .productpage .cont .rightcolor .products_table th{background:#ff0000;color:#fff}
.contents_wrap .productpage .cont .rightcolor .products_table td{background:#24c8ff;color:#fff}

.contents_wrap .productpage .cont .rightbg{background:#ff0000;padding:70px}
.contents_wrap .productpage .cont .rightbg .products_table{border-top:2px solid #ff0000;border-bottom:2px solid #ff0000}
.contents_wrap .productpage .cont .rightbg .products_table th {font-size:1.8rem;border-right:2px solid #ff0000;border-bottom:2px solid #ff0000;background:#eeeeee;padding:20px 0;}
.contents_wrap .productpage .cont .rightbg .products_table th.border_none{border-right:none}
.contents_wrap .productpage .cont .rightbg .products_table td {font-size:1.8rem;text-align:center;padding:20px 0;border-bottom:2px solid #ff0000;border-right: 2px solid #ff0000;background:#fff}
.contents_wrap .productpage .cont .rightbg .products_table td:last-child{border-right:0}


.productpage .cont .right .tablebox{}
.productpage .cont .right .products_table{border-top:2px solid #000;border-bottom:1px solid #ddd}
.productpage .cont .right .products_table th {font-size:1.8rem;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#eeeeee;padding:20px 0;}
.productpage .cont .right .products_table th.border_none{border-right:none}
.productpage .cont .right .products_table td {font-size:1.8rem;text-align:center;padding:20px 0;border-bottom:1px solid #ddd;border-right: 1px solid #ddd;background:#fff}
.productpage .cont .right .products_table td:last-child{border-right:0}

.productpage .cont .right .imglist:after{content:"";display:block;clear:both}
.productpage .cont .right .imglist li{float:left;width:25%;padding:5px;}
.productpage .cont .right .imglist li .listbox{text-align:center}
.productpage .cont .right .imglist li .listbox .img {border:1px solid #ddd;}
.productpage .cont .right .imglist li .listbox .img img{width:100%}


.product_wrap {width:100%;  position:relative; /* border-top:1px solid #222; */}
.char_box {padding-bottom:6.0rem; margin-bottom:6.0rem; width:100%;  position:relative; border-bottom:1px solid #ddd;   display:flex;  flex-wrap: wrap; justify-content: space-between;}
.char_box .font_left{width:49%;}
.char_box .font_left p{font-size:2.4rem;text-align:center}
.char_box img{width:100%}

.char_box .char_video video {width:100%;border:1px solid #ddd}
.char_box .char_txt {width:100%; /* padding-top:7rem; */padding-left:7.0rem}
.char_box .char_txt dl > span {font-size:1.8rem; color:#072d82; font-family: 'Pretendard'; font-weight:600; display:block; }
.char_box .char_txt dl dt {font-size:2.6rem; color:#333; font-weight:600; margin-top:2.0rem;}
.char_box .char_txt dl dt > span {font-size:1.8rem;}
.char_box .char_txt dl dd {font-size:1.8rem; color:#666; line-height:1.8; margin-top:2.0rem;}


.productpage .container_tab .tab_title{width:900px;margin:0 auto;text-align:center}
.productpage .container_tab .tab_title:after{content:"";display:block;clear:both}
.productpage .container_tab .tab_title li{float:left;width:30%;margin-right:5%;line-height:50px;border:1px solid #ddd}
.productpage .container_tab .tab_title li.on{background:#072d82}
.productpage .container_tab .tab_title li.on a{color:#ffffff}
.productpage .container_tab .tab_title li:last-child{margin-right:0;}
.productpage .container_tab .tab_cont{margin-top:50px;}
.productpage .container_tab .tab_cont .tab_01{display:none;}
.productpage .container_tab .tab_cont .tab_01.on{display:block;}
.mobile_table_arrow{display:none}
@media screen and (max-width: 1600px){


}

@media screen and (max-width: 1400px){
.productpage{width:100%}


}


@media screen and (max-width: 1300px){
.products ul li{padding:10px 20px;}
}

@media screen and (max-width: 1024px){
.products ul li{width:100%;margin-right:0;margin-bottom:3%}
.products_cont ul li{width:49%;margin-bottom:3%}
.products_cont ul li:nth-child(2n){margin-right:0}
.char_box .char_txt{padding-top:5rem}
.productpage .container_tab .tab_title{width:100%}
.contents_wrap .productpage .cont .rightbg{padding:70px 0;}
}

@media screen and (max-width: 850px){
.char_box .char_video{width:100%}
.char_box .char_txt{width:100%;padding:30px;}


}

@media screen and (max-width: 768px){
.char_box .font_left{width:100%}
.char_box .font_left p{margin:15px 0 25px 0;}
.mobile_table_arrow{display:block}
.products_cont ul li{width:100%;margin-bottom:3%}
.products_cont ul li:nth-child(2n+1){margin-right:0}
.productpage .cont .left{width:100%;margin-bottom:30px;}
.productpage .cont .right{width:100%;padding:0}
.contents_wrap .productpage .cont .rightbg{padding:70px 0;}
.productpage .cont .right .tablebox02{overflow: scroll;}
.productpage .container_tab .tab_title li{width:100%;margin-bottom:3%}
.productpage .cont .right .imglist li {width:100%}
.productpage .cont .right .imglist li .listbox .img{border:1px solid #ddd}
.productpage .cont .right .imglist li .listbox  p{margin:15px 0 25px 0;}
.contents_wrap .productpage .cont .rightbg .products_table{width:750px;}

.productpage h1{font-size:2.1rem}

}