@charset "utf-8";

.mar_b50{margin-bottom:5.0rem;}


.cont_video{border-radius: 2.0rem;}

.fa_title{}
.fa_title .txt01{font-size:2.8rem;font-weight:bold;}
.fa_title .txt02{font-size:2.1rem;padding:0.5rem 0 2.0rem 0;}


/*°³¿ä*/
.company .company_img img{border-radius:3.0rem;}
.compnay_wrap {display:flex; justify-content:space-between;position:relative;margin:10.0rem 0 5.0rem 0}
.compnay_wrap .company_left {width:30%;position:sticky;top:50px;height:100%;}
.compnay_wrap .company_left h3 {font-size:3.6rem; }
.compnay_wrap .company_left p {font-size:1.8rem; line-height:1.65; color:#555; margin-top:1.5rem;}

.compnay_wrap .company_right {width:66%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.overview_box {width:49%; text-align:center; border:1px solid #ddd; border-radius:3.0rem; padding:4.5rem 2.5rem 4.0rem 2.5rem; margin-bottom:2.0rem;}
.overview_box dl {margin-top:2.5rem;}

.overview_box dl dt {font-size:1.9rem; color:#464646;margin-bottom:1.5rem}
.overview_box dl dd {font-size:1.8rem; color:#000; font-weight:500;line-height:1.35}


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

.compnay_wrap{padding:0 1.0rem}
}


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

.compnay_wrap{flex-wrap:wrap;}
.compnay_wrap .company_left{position:static;width:100%;margin-bottom:5.0rem}
.compnay_wrap .company_right{width:100%;flex-wrap:wrap;}


}


@media screen and (max-width: 768px){
.overview_box{width:100%;}
.compnay_wrap .company_left h3{font-size:2.8rem}

}




/*Àλ縻*/
.message{}
.message .message_wrap{}
.message .message_wrap .img img{border-radius:3.0rem}
.message .message_wrap .message_cont{display:flex;margin-top:10.0rem}
.message .message_wrap .message_cont .left{font-size:3.2rem;font-weight:bold;line-height:1.5;width:30%}
.message .message_wrap .message_cont .right{width:70%;padding-left:10.0rem;}
.message .message_wrap .message_cont .right p{font-size:2.0rem;color: #666666;line-height:1.5;padding-bottom:2.5rem}


@media screen and (max-width: 1400px){
.message .message_wrap{padding:0 1.0rem}

}


@media screen and (max-width: 1024px){
.message .message_wrap .message_cont{flex-wrap:wrap;}
.message .message_wrap .message_cont .left{width:100%;margin-bottom:3.0rem}
.message .message_wrap .message_cont .right{width:100%;padding-left:0}
}


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


}



/*¿¬Çõ*/
.history .historyContent{}

.history .historyContent .Content{display:flex;flex-wrap:wrap;position:relative;padding-bottom:100px;}
.history .historyContent .Content:before{content:"";display:block;width:1px;height:100%;background:var(--main-color);position:absolute;left:50%;top:25px;}
.history .historyContent .Content:after{content:"";display:block;clear:both}
.history .historyContent .Content .ContentLeft{width:50%;/* text-align:right; */padding-right:70px;position:relative}
.history .historyContent .Content .ContentLeft:before{content:"";display:block;background:url("../img/history_dot.png") no-repeat center center;width:25px;height:25px;position:absolute;right:-13px;top:9px}

.history .historyContent .Content .ContentLeft .Txt_box{}
.history .historyContent .Content .ContentLeft .Txt_box li .year{/* order:1; */margin-right:1.0rem;text-align:left}

.history .historyContent .Content h1{padding-bottom:25px;font-weight:800;font-size:4.2rem}
.history .historyContent .Content .Txt_box{color:#777777}
.history .historyContent .Content .Txt_box li{padding-bottom:15px;font-size:1.9rem}
.history .historyContent .Content .Txt_box li .year{font-weight:bold;margin-right:1.0rem;width:16%}
.history .historyContent .Content .Txt_box li .year_txt{width:84%;line-height:1.25}


.history .historyContent .Content .ContentLeft .Txt_box li{display:flex;justify-content: right;}
.history .historyContent .Content .ContentRight .Txt_box li{display:flex;justify-content: left;}

.history .historyContent .Content .ContentRight{width:50%;padding-left:70px;}
.history .historyContent .Content .ContentRight img{}
.history .historyContent .Content img{border-radius:3.0rem;width:100%;}

.history .historyContent .Content:last-child:before{display:none}

@media( max-width:1300px ) {
.history .historyContent .Content .ContentLeft .Txt_box li{display:block;}
.history .historyContent .Content .Txt_box li .year{width:100%;margin-bottom:1.0rem;}
.history .historyContent .Content .Txt_box li .year_txt{width:100%;}
.history .historyContent .Content .ContentRight .Txt_box li{display:block;}
.history{padding:0 1.0rem}

}

@media( max-width:1200px ) {

.history .historyContent .Content img{width:100%}

}


@media( max-width:1024px ) {

}

@media( max-width:768px ) {

.history .historyContent .Content .ContentLeft{width:100%;text-align:left;padding:0}
.history .historyContent .Content .ContentLeft{width:100%;padding-left:50px;}
.history .historyContent .Content .ContentRight{width:100%;padding-left:50px;}
.history .historyContent .Content .ContentRight img{}
.history .historyContent .Content img
.history .historyContent .Content:before{left:20px;}
.history .historyContent .Content:nth-child(2n) .ContentLeft{order:2;padding-left:50px;}
.history .historyContent .Content .ContentLeft:before{left:8px;top:5px;display:none}

.history .historyContent .Content:after{content:"";display:block;background:url("../img/history_dot.png") no-repeat center center;width:25px;height:25px;position:absolute;left:8px;top:0}

.history .historyContent .Content:before{left:20px;top:14px;}
.history .historyContent .Content  h1 {margin-top:3.0rem;}

.history .historyContent .Content .ContentLeft .Txt_box li{justify-content: left;}
.history .historyContent .Content .Txt_box{margin-bottom:3.0rem;}
}


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

.partners{}
.partners .partners_wrap{display:flex;flex-wrap:wrap;}
.partners .partners_wrap .part_box{width: calc((100% - 12.0rem) / 4);aspect-ratio:1.5;margin-right:4rem;margin-bottom:4rem; border: solid 1px #cccccc; border-radius: 3.0rem;position:relative}
.partners .partners_wrap .part_box .img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}
.partners .partners_wrap .part_box img{width:70%}
.partners .partners_wrap .part_box:nth-child(4n){margin-right:0rem}


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

.partners .partners_wrap{padding:0 1.0rem}
}


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


}


@media screen and (max-width: 768px){
.partners .partners_wrap{flex-wrap:wrap;justify-content: space-between;}
.partners .partners_wrap .part_box{width:48%;margin-right:0}
.partners .partners_wrap .part_box:nth-child(4n){margin-right:0rem}

}




/*ÀÎÁõ¼­*/
.cert .cert_box{width:1400px;margin:0 auto}
.cert .cert_box .cert_cont{text-align:center;display:flex;flex-wrap:wrap;justify-content: center;}
.cert .cert_box .cert_cont .cont01{width:27%;margin-right:7.0rem;margin-bottom:7.0rem}
.cert .cert_box .cert_cont .cont01:nth-child(3n){margin-right:0}

.cert .cert_box .cert_cont .cont01 .txt01{font-size:1.8rem;line-height:1.5;padding-top:1.5rem;}

.cert .cert_box .cert_cont .cont01 .sub{background:#f9f9f9;border:1px solid #ddd;padding:7.0rem 0;border-radius:3.0rem}
.cert .cert_box .cert_cont .cont01 .sub img{box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);}

.cert .cert_box .cert_cont .cont01 .sub_none{display:none}

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

}

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

}

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

@media screen and (max-width: 1024px){
.cert{margin-top:50px;}
.cert .cert_tit{margin-bottom:30px;}

.cert .cert_box .cert_cont{flex-wrap:wrap;justify-content: space-between;}
.cert .cert_box .cert_cont .cont01{width:48%;margin-right:0;margin-bottom:50px;}
}

@media screen and (max-width: 768px){
.cert .cert_box .cert_cont .cont01{width:100%;margin-right:0;margin-bottom:50px;}
}


/*Á¦Ç°¼Ò°³*/

.product{background:var(--background-color);padding:10.0rem;}
.product_list {margin:2.0rem -30px 8.0rem 0;  display:flex;  flex-wrap: wrap; }
.product_box {position:relative;  border-radius:3.0rem; width:calc(33.3% - 30px);  margin-right:30px;display:flex;justify-content: center; align-items: center; }
.product_box .btn_more {cursor: pointer; padding:0rem 0rem 0rem 3.0rem;  width:100%;}
.product_box .product_inner {text-align:center; }
.product_box .product_inner img { transition: all .3s ease}
.product_box:hover .product_inner img { transform: scale(1.05);}
.product_box .pro_img{background:#fff;border-radius:5.0rem;overflow: hidden;}
.product_box .product_inner{width: 95%; margin: 0 auto;aspect-ratio: calc(380 / 500);}


.product .product_list .txt_box {background: #fff;border-radius: 5.0rem;margin-top: -0.1rem;}
.product .product_list .txt_box .txt_box_wrap {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0.2rem 0 0;}
.product .product_list .txt_box .txt_box_wrap .txt1 {font-size: 2.4rem;font-weight: 500;}
.product .product_list .txt_box .txt_box_wrap .more {padding: 2.5rem 2.5rem 4.5rem;}
.product .product_list .txt_box .txt_box_wrap .more > .m_txt {font-size: 1.6rem;font-family: 'Poppins';font-weight: 500;display: flex;justify-content: center;align-items: center;position: relative;height: 5.0rem;padding: 2rem;color: #000;transition: 0.5s;}
.product .product_list .txt_box .txt_box_wrap .more > .m_txt:before {content: '';position: absolute;top: 0;left: 0;width: 5.0rem;height: 5.0rem;border-radius: 2.5rem;background: #e4f4ff;z-index: 1;transition: 0.5s;}
.product .product_list .txt_box .txt_box_wrap .more > .m_txt > .txt {z-index: 2;}
.product .product_list .txt_box .txt_box_wrap .more > .m_txt > .arrow {font-size: 2rem;padding-left: 0.3rem;z-index: 2;}

.product .product_list .product_inner:hover .txt_box .txt_box_wrap .more > .m_txt {color: #fff;}
.product .product_list .product_inner:hover .txt_box .txt_box_wrap .more > .m_txt:before {width: 100%;background: #2594c0;}

.po_product_box {display:flex;margin-top:3.0rem;}
.po_product_box .product_img{width:50%;text-align:center}
.po_product_box .product_img .swiper_product{}
.po_product_box .product_cont{width:50%;padding-left:3.0rem}
.po_product_box .product_cont .product_ch {margin-bottom:5.0rem}
.po_product_box .product_cont .product_ch .ch_tit{font-size:2.1rem;font-weight:bold;margin-bottom:1.0rem}
.po_product_box .product_cont .product_ch .ch_txt li{position:relative;padding-left:1.5rem;font-size:1.8rem;color: #555;margin-bottom:1.0rem;line-height:1.5}
.po_product_box .product_cont .product_ch .ch_txt li:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--second-color);position:absolute;top:11px;left:0}

.menu_detail_info {display: none; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 2rem);height: calc(100% - 2rem);background: #fff; color: #000;padding: 4rem;opacity: 0;transition: 0.5s;overflow-y: auto;text-align: left;}
.menu_detail_info .product_name {font-size: 2.2rem; font-weight:500;  border-radius:3.0rem;   display:block; margin:auto; ; color:#fff; background:var(--main-color); padding:1.5rem 2.0rem; }
.menu_detail_info .pro_de_txt{font-size: 2.0rem;line-height: 1.65; color: #555;margin-top: 1.5rem;}

.btn-close_wrap {width:100%; background:#f0f0f0;}
.btn-close_wrap .btn-close {width:100%; }

#menuPop.overlay.active .menu_detail_info {display: block; position: relative;top: auto;left: auto;transform: translate(0%, 0%);width: 100%;height: 100%;opacity: 1;max-height: 85vh;}
#menuPop {}
/* popup */
.overlay {position:fixed;top:0;bottom:0;left:0;right:0;background: rgba(0, 0, 0, 0.6);visibility:hidden;opacity: 0;z-index:-1;
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
.overlay.active{visibility: visible;opacity: 1;overflow-y: auto;z-index: 99;width: 100%;height: 100%;}
.menu_popup{position: relative;max-width: 100%;max-height: 100%;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
@supports (-webkit-touch-callout: none) {
	.menu_popup{height: -webkit-fill-available;}
}
.menu_popup > .btn-close{position:absolute; right:20px; top:20px; width: 24px; height: 24px;}
.popup-body{overflow-y: auto;background-color: #fff;text-align: center;min-width:1200px;max-width:1200px;}
.menu_popup > .btn-close + .popup-body{padding:60px 54px;}
.popup-bottom-btns{background: rgba(255, 255, 255, .1);
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.popup-bottom-btns > .btn{height: 78px; line-height: 78px; color: #fff; font-size: 16px; background-color: var(--black);
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.popup-bottom-btns > .btn + .btn{margin-left:1px;}
.overlay .btn.btn-close {}


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

.product{padding:5.0rem 1.0rem}
.product_box{margin-bottom:3.0rem}
}


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

.popup-body{min-width:90%;max-width:90%}
}


@media screen and (max-width: 1024px){
.product_list{margin:2.0rem 0 8.0rem 0}

}



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

.popup-body {min-width:80%;margin-top:5.0rem;}
.product_box{width: calc(50% - 30px);}

.po_product_box{flex-wrap:wrap;}
.product .product_list .txt_box .txt_box_wrap .txt1{margin-top:1.0rem}
}

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


.product_box{width: 100%;}
.po_product_box .product_img{width:100%;}
.po_product_box .product_cont{width:100%;}
#menuPop.overlay.active .menu_detail_info{padding:4rem 1rem;max-height:80vh}
.po_product_box .product_cont{padding-left:2rem;}

}


/*¿À½Ã´Â±æ*/

.location .location_wrap{width:1400px;margin:0 auto}

.location .location_wrap .loc_map{width:100%;}
.location .location_wrap .loc_map .cont{display:none}

.location .location_wrap .loc_bot{background:#000000;padding:5.0rem 10.0rem}
.location .location_wrap .loc_bot .loc_bot_wrap{display:flex;align-items:center}

.location .location_wrap .loc_bot .loc_bot_wrap .left{width:40%;border-right:1px solid #ffffff}
.location .location_wrap .loc_bot .loc_bot_wrap .right{width:60%;padding:3.5rem 0 3.5rem 9.5rem}
.location .location_wrap .loc_bot .loc_bot_wrap .right dl{display:flex;font-size:1.8rem;}
.location .location_wrap .loc_bot .loc_bot_wrap .right dl dt{padding: 7px 10px;width:100px;color:#fff}
.location .location_wrap .loc_bot .loc_bot_wrap .right dl dd{padding: 7px 10px;width:calc(100% - 100px);color:#aaaaaa}



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

.location .location_wrap{width:100%;}
}


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

.location .location_wrap .loc_bot{padding:5.0rem}
}



@media screen and (max-width: 768px){
.location .location_wrap .loc_bot .loc_bot_wrap{flex-wrap:wrap;}
.location .location_wrap .loc_bot .loc_bot_wrap .left{width:100%;border:0;text-align:left}
.location .location_wrap .loc_bot .loc_bot_wrap .right{width:100%;padding: 3.5rem 0 3.5rem 0;}

.location .location_wrap .loc_bot{padding:5.0rem 2.0rem;}
.location .location_wrap .loc_bot .loc_bot_wrap .right dl dt{width: 50px;}
.location .location_wrap .loc_bot .loc_bot_wrap .right dl dd{width:calc(100% - 50px);color:#aaaaaa}

}


/*»ý»ê¼³ºñ*/
.facility{}
.facility .facility_wrap{display:flex;justify-content: space-between;margin-bottom:10.0rem;padding-bottom:10.0rem;border-bottom:1px solid #ddd}
.facility .facility_wrap .facility_left{width:25%;}
.facility .facility_wrap .facility_left h3{font-size:3.6rem}
.facility .facility_wrap .facility_right{width:73%}
.facility_img{display:flex;flex-wrap:wrap;justify-content: space-between;}
.facility_img .imgbox{width:49%;margin-bottom:1.7rem}
.facility_img .imgbox img{width:100%;}

.facility .facility_wrap .facility_right table {border-top:2px solid #000}
.facility .facility_wrap .facility_right table tr th{color: #3b3b3b;font-size: 1.7rem;text-align: center;padding:2.0rem 0; border-bottom: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;background: #f8f8f8;}
.facility .facility_wrap .facility_right table tr td{text-align:center;border-bottom: 1px solid #bdbdbd;font-size:1.7rem;padding:2.0rem 0;color:#777777}
.facility .facility_wrap .facility_right table tr .none{border-right:0}




@media screen and (max-width: 1200px){
.facility{padding:0 1.0rem}

}


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

.facility .facility_wrap{display:block;}
.facility .facility_wrap .facility_left{width:100%;}
.facility .facility_wrap .facility_right{width:100%;}
}



@media screen and (max-width: 768px){
.facility .facility_wrap .facility_left h3{font-size:2.8rem}
.facility .facility_wrap .facility_left{margin-bottom:5.0rem;}
.facility_img{display:block;}
.facility_img .imgbox{width:100%;}
}