.airnew{text-align: center; padding: 50px 15px}
.airnew h2{font-weight: bold; font-size: 35px;}
.airnew p{margin-top: 15px; font-size: 18px; line-height: 32px; font-weight: 400}

.airnew .step_air{padding: 40px; border-radius: 10px; border: 1px solid #ddd; margin: 30px auto 0; max-width: 800px}
.airnew .step_air ul{text-align: left}
.airnew .step_air ul li{font-size: 18px; padding-left: 40px; position: relative }
.airnew .step_air ul li b{position: absolute; width: 30px; height: 30px; background: #333; left: 0; top: 0; 
line-height: 30px; color: #fff; text-align: center; border-radius: 30px; font-size: 16px }

.airnew .step_air ul li + li{margin-top: 10px}


.flex3_img{display: flex; gap:10px; text-align: center; align-items: flex-start;
    justify-content: space-between;}
    
.flex3_img p{font-size: 22px; margin-top: 10px; font-weight: bold}    

.flex3_img + .flex3_img{margin-top: 50px}

.subtitle{padding: 220px 15px 110px; background-size: cover !important; text-align: center}
.subtitle h2{font-size: 50px; line-height: 60px; font-weight: 600; letter-spacing: -0.5px; color: #fff}
.subtitle ul{margin-top: 15px; text-align: center}
.subtitle ul li{display: inline-block; margin: 0 3px; font-size: 18px; line-height: 25px; font-weight: 400; color: #fff; vertical-align: middle}
.subtitle ul li img{margin-top: 4px}

.pagenav{border-bottom: 1px solid #dddddd; }
.pagenav ul{max-width: 1200px; margin: 0 auto; display: flex;}
.pagenav ul li{flex:1; text-align: center}
.pagenav ul li a{display: block; color: #555555; font-size: 18px; line-height: 35px; font-weight: 400; padding: 20px 0}
.pagenav ul li a:hover{color: #014099; border-bottom: 2px solid #014099}
.pagenav .atv{color: #014099; border-bottom: 2px solid #014099}

.sub01{padding: 100px 0}
.inner{max-width: 1200px; margin: 0 auto}
.subhead{text-align: center; margin-bottom: 80px}
.subhead h1{margin-top: 35px; font-size: 55px; font-weight: 600; line-height: 60px;}
.subhead p{font-size: 18px; margin-top: 15px}
.companyinfo{position: relative}
.companyinfo p{position: absolute; left: 50px; bottom: 50px; color: #fff; font-size: 30px; font-weight: 300;line-height: 43px;}
.companyinfo p span{font-size: 60px; line-height: 65px; display: block; margin-bottom: -20px}

.companyinfo2{margin-top: 70px;}
.companyinfo2 ul{ display: flex}
.companyinfo2 ul li{width: 50%; }
.companyinfo2 ul li:first-child{padding-right: 10px}
.companyinfo2 ul li:last-child{padding-left: 10px}
.companyinfo2 ul li p{color: #333; font-size: 20px; line-height: 35px; margin-bottom: 30px}


.company3{margin-top: 120px; margin-bottom: 50px}
.company3 ul{display: flex;}
.company3 ul li{margin:0 10px; position: relative}
.company3 ul li:first-child{margin-left: 0}
.company3 ul li:last-child{margin-right: 0}

.company3 ul li .textbox{position: absolute; left: 0; bottom: 0; background-size: cover !important; padding: 25px;  width: 65%}
.company3 ul li .textbox p{font-size:14px; color: #fff; font-weight: 400; line-height: 20px }
.company3 ul li .textbox h3{font-size: 22px; line-height: 35px; color: #fff; font-weight: 400}

.ci{margin-top: 30px;}
.ci .leftinfo{position: relative; font-size: 38px; color:#014099; font-weight: 600; display: inline-block; width:  130px;}
.ci .leftinfo span{margin-right: 10px; vertical-align: middle; }
.ci .leftinfo span img{margin-top: 15px}
.ci .rightinfo{max-width: 1100px; text-align: left;display: inline-flex;
    vertical-align: top; width: 80%; align-items: flex-end;}
.ci .rightinfo p{font-size: 20px; line-height: 35px; margin-bottom: 30px; color: #333}
.ci .rightinfo .graybox{border: 1px solid #dfdfdf; background: #f9f9f9; padding: 60px; text-align: center; width: 100%}
.ci .rightinfo .graybox2{border: 1px solid #dfdfdf; background: #f9f9f9; padding: 60px; text-align: center; display: inline-block; vertical-align: middle}
.ci .rightinfo .textbox2{display: inline-block; ; vertical-align: middle; padding-left: 30px}
.ci .rightinfo .textbox2 h2{color: #014099; font-size: 25px; line-height: 28px; margin-bottom: 15px;}
.ci .rightinfo .textbox2 h1{font-size: 35px; font-weight: 600; color: #222; margin-bottom: 5px}
.ci .rightinfo .textbox2 h3{font-size: 23px; color: #666; line-height: 33px; font-weight: 400}
.ci .rightinfo .textbox2 p{color: #666; font-size: 16px; line-height: 28px; margin-top: 20px; margin-bottom: 0}



.h30{height: 30px;width: 100%}


.brandstory{width: 100%; position: relative; padding-top: 350px; background-repeat: no-repeat !important; background-size: contain !important; background-position: top center !important}
.brandstory .mission{max-width: 1200px;text-align: center; background: #fff;width: 100%; padding: 100px 0; margin: -0 auto 0 auto}

.mission .missiontitle h2{font-size: 40px; line-height: 65px; color: #014099; font-weight: 600}
.mission .since{padding: 100px 0; background-size: contain !important; background-position: center !important; font-size: 60px; color: #222; line-height: 65px; font-weight: 600; margin: 40px 0}
.mission h3{color: #222; font-size: 33px; line-height: 50px; font-weight:400; margin-bottom: 30px;}
.mission p{color: #333; font-size: 20px; line-height: 35px; }

.vision{padding: 0 0 150px 0}
.vision .visiontitle h2{font-size: 40px; line-height: 65px; color: #014099; font-weight: 600}

.vision3{background: #f8f8f8; padding-bottom: 150px}

.vision3 ul{display: flex; top: -100px}
.vision3 ul li{flex:1; margin: -100px 10px 0 10px; }
.vision3 ul li:first-child{margin-left: 0}
.vision3 ul li:last-child{margin-right: 0}

.vision3 ul li h2{color: #222; margin-top: 30px; font-size: 28px; line-height: 35px; font-weight: 600;}
.vision3 ul li p{color: #333; font-size: 18px; line-height: 30px; margin-top: 15px;}


.vision3 .wbox{margin-top:100px; padding:60px 50px; text-align: center; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important}
.vision3 .wbox p{font-size: 24px; line-height: 38px; color: #333}

.paddingbottom0{padding-bottom: 0}

.historytab{max-width: 580px; margin: 0 auto}
.historytab ul{display: flex;}
.historytab ul li{width: 50%; cursor: pointer; text-align: center}
.historytab ul li a{display: block; width: 100%; border: 1px solid #dfdfdf; background: #fff; font-size: 18px; color: #222; padding: 20px}
.historytab ul li a:hover{box-shadow: 3px 3px 15px rgb(0 0 0 / 20%); background: #004098; color: #fff;     z-index: 2;
    position: relative;
    border: 1px solid #004098;}
.historytab .atv{box-shadow: 3px 3px 15px rgb(0 0 0 / 20%); background: #004098; color: #fff;     z-index: 2;
    position: relative;
    border: 1px solid #004098}

.historytitle{padding: 0; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; text-align: center; margin-top: 80px}
.historytitle h2{color: #004098; font-size: 45px; font-weight: 600; line-height: 48px;}
.historytitle p{color: #333; font-size: 25px; margin-top: 8px; line-height: 48px}



.history{padding: 80px 0 0 0; text-align: center}
.history h3{font-size: 30px; line-height: 48px; font-weight: 500; color: #004098; margin-bottom: 50px}

.history ul{display: flex; padding: 50px 0; position: relative}

.history .yearbig{position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 110px; line-height: 110px; color: #eeeeee; font-weight: 600; z-index: -1}
.history ul li{width: 50%;padding-right: 60px }

.history ul li:last-child{border-left: 1px solid #004098; text-align: left; padding-left: 60px; padding-right: 0}


.historyinfo_right{position: relative}
.historyinfo_right .dot{position: absolute; left: -72px; top: 15px}
.historyinfo_right h2{font-size: 45px; line-height: 50px; font-weight: 600; color: #004098; margin-bottom: 25px}
.historyinfo_right p{position: relative; margin-bottom: 10px;color: #333; font-weight: 400; font-size: 20px;line-height: 25px ; padding-left: 30px}
.historyinfo_right p b{position: absolute; left: 0; color: #004098; font-weight: 600}


.historyinfo_left{position: relative; text-align: right}
.historyinfo_left .dot{position: absolute; right: -72px ; top: 15px}
.historyinfo_left h2{font-size: 45px; line-height: 50px; font-weight: 600; color: #004098; margin-bottom: 25px}
.historyinfo_left p{position: relative; margin-bottom: 10px;color: #333; font-weight: 400; font-size: 20px;line-height: 25px ; padding-right: 30px}
.historyinfo_left p b{position: absolute; right: 0; color: #004098; font-weight: 600}


.emt50{height: 50px; width: 100%}
.emt100{height: 100px; width: 100%}


.map{}
.map iframe{width: 100%; height: 500px;}
.map .info{ position: relative; z-index: 2; max-width: 1000px; background: #004098; margin: -100px auto 0 auto; box-shadow: 10px 10px 10px rgba(0,0,0,0.1)}

.map .info ul{display: flex; background: #004098; width: 100%; align-items: center; }
.map .info ul li{padding: 70px; }
.map .info ul li:first-child{width: 30%; background: #033c8b; text-align: center}
.map .info ul li:first-child{width: auto; margin: 0 auto}
.map .info ul li h2{color: #fff; font-size: 22px; font-weight: 500; margin-top: 5px}
.map .info ul li h3{font-size: 22px; line-height: 25px; color: #fff; font-weight: 400; margin-bottom: 20px}
.map .info ul li p{display: inline-block; margin-right: 20px; font-size: 16px; line-height: 25px; color: #fff;}
.map .info ul li p span{margin-right: 8px; vertical-align: middle}
.map .info ul li p span img{margin-top: 4px}


.location3{margin-top: 100px;}
.location3 ul{display: flex;}
.location3 ul li{width: 33.33%; text-align: center; padding: 0 50px; border-right: 1px solid #dfdfdf}
.location3 ul li:last-child{border-right:0}
.location3 ul li h2{font-size: 30px; color: #014099; font-weight: 500; margin-bottom: 20px;}
.location3 ul li h1{color: #222; font-weight: 600; margin-top: 20px; line-height: 35px; font-size: 22px;; margin-bottom: 15px}
.location3 ul li p{padding-left: 15px; position: relative; font-size: 16px; line-height: 25px; color: #666; text-align: left; margin: 9px 0; word-break: keep-all }
.location3 ul li p span{position: absolute; left: 0; top: 12px}





.producttop{display: flex;}
.producttop .producttop_thum{width: 50%;}

.producttop .producttop_text{width: 50%; text-align: left; padding-left: 5%}
.producttop .producttop_text h2{font-size: 50px; line-height: 60px; color:#004098; font-weight: 500 ; margin: 0}
.producttop .producttop_text h3{font-size: 28px; line-height: 35px; color: #222222; font-weight: 400; margin: 10px 0 0 0}
.producttop .producttop_text table{width: 100%; margin-top: 55px; border-spacing: 0; border-top:1px solid #dfdfdf; vertical-align: top}
.producttop .producttop_text table tr th{padding:20px 15px; background: #f9f9f9; color: #333; font-size: 19px; line-height: 25px; 
border-bottom: 1px solid #dfdfdf; font-weight: 500; vertical-align: top; width: 20%}
.producttop .producttop_text table tr td{padding:20px 15px; background: #fff; font-size: 19px; line-height: 32px; 
color: #555; border-bottom: 1px solid #dfdfdf; font-weight: 400; vertical-align: top; }
.producttop .producttop_text table tr td ul{list-style: disc; padding-left: 25px; }
.producttop .producttop_text table tr td ul li{margin: 0; padding: 0; word-break: keep-all}
.producttop .producttop_text table tr td ul li::marker {color: #777; font-size: 14px}
.producttop .producttop_text table tr td span{margin-right: 10px}


.producttop .producttop_text .robox{margin-top: 20px}
.producttop .producttop_text .robox li{display: inline-block; margin-right: 5px;
 font-size: 18px; line-height: 25px; padding: 5px 10px; border: 2px solid #ccd9ea; border-radius: 5px; color: #004098; margin-bottom: 5px}

.product__slider-main {
  margin-bottom: 5px;
  border: 1px solid #dfdfdf
}

.product__slider-main .slick-slide{ border: 0px solid #dfdfdf}



.product__slider-main img {
  margin: 0 auto; width: 100%;  
}
.product__slider-thmb .slick-slide {
	opacity: 1;
    transition: all .3s ease;
    padding: 15px;
    border: 1px solid #dfdfdf; margin: 1px 4px 0;
}
.product__slider-thmb .slick-slide:first-child{margin-left: 0}
.product__slider-thmb .slick-slide:last-child{margin-right: 0}

.product__slider-thmb img{ margin: 0 auto; width: 100%; }

.product__slider-thmb .slick-slide.slick-active, .product__slider-thmb .slick-slide:hover {
	
}

.product__slider-thmb .slick-current{
	border: 2px solid #004098;
}

.product__slider-thmb .slick-slide:hover {
	border: 2px solid #004098;
}

.product__slider-main, .product__slider-thmb {
    display: none;
}




.producttop_btn{margin-top: 50px;}
.producttop_btn ul{display: flex; flex-wrap: wrap; }
.producttop_btn ul li{width: 49%; margin: 0.5%;  font-weight: 400; text-align: center}
.producttop_btn ul li a{display: block; width: 100%; color: #fff; font-size: 20px; line-height: 25px; padding: 20px ; }
.producttop_btn ul li span{margin-right: 10px; text-align: center; }
.producttop_btn ul li:nth-child(1){margin-left: 0}
.producttop_btn ul li:nth-child(2){margin-right: 0}
.producttop_btn ul li:nth-child(3){margin-left: 0}
.producttop_btn ul li:nth-child(4){margin-right: 0}

.producttop_btn .bt1{background: #0a3a7d}
.producttop_btn .bt2{background: #004098}

.detail_pro{margin-top: 100px;}

.pro_title{padding: 30px 0 50px; margin-top: 80px;}
.pro_title h2{color: #333; font-size: 45px; line-height: 55px;}
.pro_title h2 span{color: #014099}


.tit2{border-top: 2px solid #dfdfdf}
.tit2 ul{border-bottom:1px solid #dfdfdf; display: flex; align-items: center;}
.tit2 ul li{width: 50%; padding: 50px 0}
.tit2 ul li.w100{width: 100%}
.tit2 ul li h2{color: #014099; font-size: 35px; line-height: 48px; margin: 40px 0 30px 0}
.tit2 ul li p{color: #222; font-size: 20px; line-height: 35px; word-break: keep-all}
.tit2 ul li p b{font-size: 110%}
.tit2 ul li:first-child{padding-right: 10px}
.tit2 ul li:last-child{padding-left: 10px}
.tit2 ul:last-child{border-bottom:2px solid #dfdfdf;}

.tit2 ul li ul:last-child{border-bottom:0px solid #dfdfdf;}

.tit2 ul li ul{margin: 0; display: block; border-bottom:0px solid #dfdfdf;}
.tit2 ul li ul li{color: #222; font-size: 20px; line-height: 35px; font-weight: 400; word-break:keep-all; padding: 0 0 0 20px; width: 100%;}
.tit2 ul li ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #004098; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.tit2 ul li ul li:first-child{padding-right: 0px}
.tit2 ul li ul li:last-child{padding-left: 20px}
.tit2 .top{    align-items: flex-start;}
.tit2 .top h2{font-size: 28px; line-height: 40px}


.tit2 p.point_tx{font-size: 16px; color: #666; line-height: 25px; position: relative; padding-left: 25px; word-break: keep-all; margin-top: 15px}
.tit2 p.point_tx span{position: absolute; left: 0; top: 0}

.title_grad{font-size: 25px; line-height: 43px; padding: 15px; width:100%; background-size: cover !important; color: #fff; text-align: center; margin-top: 50px; text-transform: uppercase}

.brandnum{}
.brandnum ul{}
.brandnum ul li{padding:30px ; font-size: 20px; line-height: 30px; color: #222; font-weight: 300; background: #f9f9f9; position: relative; padding-left:70px ; word-break: keep-all}
.brandnum ul li span{position: absolute; left: 30px; top: 33px;}
.brandnum ul li:nth-child(2n){background: #fff}
.brandnum ul li b{display: block; font-size: 22px; font-weight: 400; margin-bottom: 5px}

.tit4 {margin-top: 50px; background: #f9f9f9; padding: 30px 0}
.tit4 ul{display: flex; align-items: flex-start;
    flex-wrap: wrap;}
.tit4 ul li{width: 50%;  text-align: center;  word-break: keep-all; padding: 50px}
.tit4 ul li h2{margin: 30px 0 10px 0; color: #222; font-size: 23px; line-height: 32px; font-weight: 400}
.tit4 ul li p{color: #333; font-size: 16px; line-height: 28px;}


.center_p{font-size: 30px; text-align: center}
.center_p h2{margin: 30px 0; font-size: 40px;}
.center_p h2 span{color: #666; font-size: 30px; display: block}
.center_p p{font-size: 30px;}
.center_p .emt{height: 50px}
.center_p .left_step{text-align: left; padding: 50px; background: #f7f7f7 }

.center_p .left_step h2{color: #111; font-size: 30px; line-height: 48px; margin: 40px 0 30px 0}
.center_p .left_step p{color: #222; font-size: 20px; line-height: 35px; word-break: keep-all}
.center_p .box_gg{background: #585858; padding: 50px; position: relative; display: flex;     align-items: flex-start; gap:10px}
.center_p .box_gg img{}
.center_p .box_gg p{font-size: 18px; color: #fff; text-align: left; line-height: 25px}

.productinfo{margin: 0 0 30px 0}
.productinfo table{border-top: 2px solid #bbb; border-bottom: 2px solid #bbb; border-spacing: 0; width: 100%}
.productinfo table tr th{background: #f1f1f1; border-right: 1px solid #dfdfdf; padding: 10px 20px; font-size: 19px; 
font-weight: 400; line-height: 25px; border-bottom:1px solid #dfdfdf; text-align: left; width: 22%}
.productinfo table tr td{background: #fff; border-right: 1px solid #dfdfdf; padding: 10px 20px; font-size: 19px; font-weight: 300; line-height: 25px; border-bottom:1px solid #dfdfdf;}
.productinfo table tr th:last-child{border-right:0}
.productinfo table tr td:last-child{border-right:0}
.productinfo table tr:last-child th{ border-bottom:0px solid #dfdfdf}
.productinfo table tr:last-child td{ border-bottom:0px solid #dfdfdf}


.lefttit{padding: 50px 100px;  background:#f9f9f9; display: flex; }
.lefttit ul{width: 50%;}
.lefttit ul li{font-size: 20px; color: #333; font-weight: 300; line-height: 25px;margin: 20px 0}
.lefttit ul li span{margin-right: 10px}
.lefttit ul li span.option{margin-left: 10px; margin-right: 0; background: #333; border-radius: 50px; padding: 5px 10px;
color: #fff; font-size: 16px}



.goods{margin-bottom: 30px}
.goods ul{display: flex; flex-wrap: wrap;}
.goods ul li{width: 49%; margin: 0 1% 50px 1%}
.goods ul li:nth-child(1n){margin-left: 0}
.goods ul li:nth-child(2n){margin-right: 0; margin-left: 1%}
.goods ul li p{color: #666; font-size: 20px; line-height: 35px; margin-top: 30px}

.goods ul li h2{color: #666; font-size: 25px; line-height: 35px; margin-top: 30px;   font-weight: 500}
.goods ul li h2 span{font-weight: 300}
.goods ul li h2 b{width: 3px; background: #004098; height: 20px; margin-right: 10px; display: inline-block}


.pro_sub{margin-bottom: 30px}
.pro_sub h3{font-size: 28px; line-height: 35px; color: #333; font-weight: 500; margin-bottom: 20px}
.pro_sub ul{margin: 20px 0 30px 0}
.pro_sub ul li{color: #666; font-size: 20px; line-height: 35px; padding-left: 20px; font-weight: 300; word-break:keep-all}
.pro_sub ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #004098; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.pro_sub p{color: #666; font-size: 20px; line-height: 35px; margin-top: 0px; word-break:keep-all}

.pro_sub img{margin-bottom: 30px}



.service01{background: #004098}
.service01 .s_top{background: #033c8b; padding: 15px; text-align: center; color: #fff; font-size: 20px; line-height: 45px; font-weight: 300}
.service01 .s_top span{margin-right: 15px;  vertical-align: middle;}

.service01 ul{display: flex; flex-wrap: wrap;padding: 50px 0 0 0; justify-content: center; width: 85%; margin: 0 auto}
.service01 ul li{width: 50%; padding: 0 10px; margin-bottom: 50px}
.service01 ul li .tit1{display: inline-block; width: auto; vertical-align: middle}

.service01 ul li .tit2{display: inline-block; width: 49%; border-top: 0; vertical-align: middle;padding-left: 50px}
.service01 ul li .tit2 h2{font-size: 20px; line-height: 25px; font-weight: 600; color: #fff}
.service01 ul li .tit2 p{font-size: 20px; line-height: 25px; font-weight: 300; color: #fff; margin-top: 8px}




.map_ser{border: 1px solid #dfdfdf; width: 100%; margin-top: 50px; margin-bottom: 100px}
.map_ser iframe{display: block; width: 100%; height: 450px}
.map_ser .mapinfo{background: #f8f8f8; color: #666666; font-size: 20px; line-height: 25px; font-weight: 300; padding: 20px 40px; text-align: left}


.tak{padding: 0 0 70px 0}
.tak .taktitle h2{font-size: 40px; line-height: 65px; color: #014099; font-weight: 600}

.takinfo{background: #f9f9f9;}
.takinfo ul{display: flex; flex-wrap: wrap;padding: 50px 0; justify-content: center;}

.takinfo ul li{width: 50%; border-right: 1px solid #dfdfdf; padding: 0 50px}
.takinfo ul li:last-child{border-right:0}
.takinfo ul li h3{color: #014099; font-size: 22px; line-height: 25px; margin-bottom: 30px; }
.takinfo ul li h2{color: #333; font-weight: 500; font-size: 30px; line-height: 40px; margin-bottom: 25px}
.takinfo ul li p{color: #555; font-size: 20px; line-height: 45px;}
.takinfo ul li p span{vertical-align: middle; margin-right: 5px}

.takinfo .bank{background: #f5f5f5; padding: 20px 50px; font-size: 20px; line-height: 45px; font-weight: 400; color: #333}
.takinfo .bank span{margin-right: 20px; font-weight: 600}

.taklist{margin: 40px 0 100px 0;}
.taklist ul{ display: block; }
.taklist ul li{color: #666; font-size: 20px; line-height: 35px; font-weight: 400; word-break:keep-all; padding: 0 0 0 25px; width: 100%; letter-spacing: -0.5px; margin-bottom: 10px}
.taklist ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #004098; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}




.service_two{border: 1px solid #dfdfdf; min-height: 700px}
.service_two ul{display: flex;flex-wrap: wrap; min-height: 500px}
.service_two ul li{width: 50%; padding: 70px 44px; position: relative; background-repeat: no-repeat !important; background-position: right bottom !important;  }
.service_two ul li h1{opacity: 0.1; color: #014099; font-size: 60px; line-height: 60px; position: absolute; left: 40px; top: 38px}
.service_two ul li h2{color: #014099; font-size: 25px; line-height: 30px; font-weight: 600}
.service_two ul li p{font-size: 20px; line-height: 35px; color: #444; font-weight: 400; margin-top: 40px;}
.service_two ul li:first-child{border-right: 1px solid #dfdfdf}
.service_two ul li ul{ display: block;  margin-top: 40px;}
.service_two ul li ul li{color: #444; font-size: 20px; line-height: 35px; font-weight: 400; word-break:keep-all; 
padding: 0 0 0 25px; width: 100%; letter-spacing: -0.5px; margin-bottom: 10px; margin-bottom: 25px}
.service_two ul li ul li:first-child{border-right:0}
.service_two ul li ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #004098; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}





.pg_current{background: #004098 !important;}
#bo_cate #bo_cate_on{border: 1px solid #004098 !important;}
#bo_gall .gall_href strong, #bo_gall .gall_href span{width: 100%; line-height: 15em !important;}


/* 가샤드 추가코딩 */

.faq_product{background: #f7f7f7; padding: 50px}
.faq_product .box_faq{}
.faq_product .box_faq h2{position: relative; font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 15px; padding-left: 40px; word-break: keep-all}
.faq_product .box_faq h2 span{color: #fff; background: #ee8206; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; top: 0}

.faq_product .box_faq p{position: relative; font-size: 18px; font-weight: normal; line-height: 30px; margin-bottom: 15px; padding-left: 40px; word-break: keep-all}
.faq_product .box_faq p span{color: #fff; background: #636363; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; top: 0}


.faq_product .box_faq + .box_faq{margin: 50px 0 0 0; padding-top: 50px; border-top: 1px solid #ddd}


.review_product{padding: 30px;background: #f7f7f7; }

.review_product .box_faq{padding: 30px; background: #fff; display: flex; gap:20px}

.review_product .box_faq .thum_people{width: 143px}
.review_product .box_faq .re_text{;flex:1; min-width: 60%}
.review_product .box_faq .re_text h2{font-size: 25px; font-weight: bold; margin-bottom: 15px}
.review_product .box_faq .re_text p{font-size: 22px; font-weight: normal; line-height: 30px; word-break: keep-all}
.review_product .box_faq .re_text p span{position: relative; display: inline-block;
    z-index: 1;}
.review_product .box_faq .re_text p span:after{content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 100%;
    background: #fef7e5;
    z-index: -1;
    transform: translateY(-50%);}
    
.review_product .box_faq .re_text p.name{font-size: 16px; font-weight: bold; margin-top: 30px}    
    
.review_product .box_faq .re_img{;flex:1}

.review_product .box_faq + .box_faq{margin-top: 25px}


.user_box{padding: 80px 15px 100px; text-align: center; background: #f9f9f9}
.user_box h3{font-size: 24px; color: #c9c9c9}
.user_box h2{font-size: 60px; color: #0c4093; font-weight: 500; margin: 15px 0}
.user_box p{font-size: 30px; color: #555555}
.user_box img{display: block; max-width: 100%; margin: 60px auto 0}

.user_box + .user_box{margin-top: 40px}


.mid_small{float: right; position: absolute; bottom: 50px; right: 50%}

.tit2 ul {position: relative}



.line_left_box{padding-left: 20px; border-left: 2px solid #000; margin-top: 40px}
.line_left_box h5{font-size: 24px; font-weight: bold; margin-bottom: 10px}

.mt80{margin-top: 80px}

.line_top{width: 100%; height: 2px; background: #dfdfdf; margin-top: 80px}

.line_box{border:1px solid #dfdfdf; padding: 20px; }
.line_box img{max-width: 100%}


.last_link{display: block; margin-top: 80px}


.video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
}

.video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}