.wd{width:1300px; margin:0 auto;}
.hide{overflow:hidden; display:block; position:absolute; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px);}
.rel{position:relative;}


.header{background:#0060b4;height:10rem;}
.header h1{margin-top:1.8rem;display:inline-block;width:48.2rem; height:5.4rem;background:url(../images/logo.png) no-repeat 0 0 / contain;}
.header h1 a{display:block; height:100%;}

.header .top-con{display:flex; justify-content:space-between;}

.header .top-con > ul{display:flex;margin-top:3.85rem;}
.header .top-con > ul > li{text-align:center; width:36rem;position:relative;}
.header .top-con > ul > li:nth-child(1){width:20rem;}
.header .top-con > ul > li > a{color:#fff;font-size:1.7rem;}

.header .top-con ul ul{display:none;text-align:left;position:absolute;width:100%;z-index:5;top:8.4rem;}
.header .top-con ul ul li a{font-size:1.5rem; font-weight:300;color:#333;position:relative;}
.header .top-con ul ul li ~ li{margin-top:1.7rem;}
.header .top-con ul ul li a:hover,.header div ul ul li a:focus{font-weight:500;}
.header .top-con ul ul li a::before{content:'';display:none; width:0.35em; margin-right:0.2em; margin-bottom:0.2em;height:0.4em; background:#e70f20;}
.header .top-con ul ul li a:hover::before,.header div ul ul li a:focus::before{display:inline-block;}
.header .top-con ul ul.l-in{text-align:left;margin-left:1rem;}
.header .top-con ul ul.l-in li ~ li{margin-top:1rem;}
.header .top-con ul ul.l-in li.push{margin-left:1rem;}
.header .top-con .mnav{height:3rem;margin-top:3.2rem;display:none;min-width:7.5rem;margin-left:1em;}
.header .top-con .mnav img{height:100%;}
.header .top-con .mnav a.lang{font-weight:bold;padding:0.5em;border-radius:100%;background:#fff; color:#0060b4;font-size:1.4rem;display:inline-block; vertical-align:top;margin-right:1em;margin-top:0;}

.header .nav-bg{height:24rem;display:none;position:absolute; top:10rem;width:100%;z-index:4;background:#fff;border-bottom:1px solid #ddd;}
/*»ó´Ü ÇìÀÌÆ® ¸Þ´º¼öÁ¤½Ã Çì´õ ³ôÀ̼öÁ¤ css*/

.header .nav-bg .bg-deco{padding:9rem 8rem 6rem;box-sizing:border-box;display:block;}
.header .nav-bg .bg-deco .deco-p{margin-top:-2rem;font-size:1.6rem; color:#999;line-height:1.3;position:relative;display:inline-block;}
.header .nav-bg .bg-deco .deco-p::before{content:''; border:0.3rem solid #e70f20;display:inline-block; width:2.4em; height:2.4em;position:absolute; left:-1em;top:-1.4em;z-index:-1;}
.header .nav-bg .bg-deco .deco-p span{background:#fff;display:inline-block;padding-top:0.4em;padding-left:1em;}
.header .nav-bg .bg-deco .deco-tit{color:#006cb8;font-size:2rem;padding:0.4em 0 0.6em 1.5em;margin-top:0.2em;line-height:1.3;text-align:right;width:32rem;}
.header .nav-bg .bg-deco > span{color:#ddd;font-size:1.3rem;line-height:1.3;display:inline-block; padding-left:1.2em;}


.header div ul li.lang{width:auto;margin-top:-1.2rem;}
.header div ul li.lang a{display:inline-block; width:4rem; line-height:4rem; background:#fff; color:#0060b4;font-weight:bold;border-radius:100%;}

.m_cover {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8888;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
.m_accordion {
  width: 250px;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  right: -250px;
  z-index: 999999;
  opacity: 1;
  overflow-y:auto;
}
.m_accordion div {
  width: 100%;
}
.m_accordion h3{margin:0;}
.m_accordion h3 a {
  border-bottom: 1px solid #ddd;
  width: 100%;padding: 20px;
  font-size: 18px;
  color: #333;
  display: block;
  box-sizing:border-box;
  font-weight:500;
}
.m_accordion h3.ui-state-focus a{color:#0a7dce;}
.m_accordion div{border-bottom: 1px solid #ddd;padding:10px 0;}
.m_accordion div ul li a {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1.3;
  background: #fff;
  font-weight:300;
  padding:10px 35px;

}

.visual{aspect-ratio: 19 / 8;background:#ddd;}
.visual .mainSlider{height:100%;}
.visual .mainSlider div{text-align:center;height:100%;}
.visual .mainSlider div.slick-track div{position:relative;}
.visual .mainSlider div.slick-track div p{ line-height:1.4;font-size:6.4rem;font-weight:bold;color:#fff; position:absolute; top:45%; left:2.5%;width:95%;transform:translate(0, -50%);
/*text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, 
-1px 1px 0 #000, -1px -1px 0 #000, 1px 0px 0 #000, 
0px 1px 0 #000, -1px 0px 0 #000, 0px -1px 0 #000, 
1px 1px 1px rgba(0,0,0,0);*/text-shadow: 0 0 15px rgba(0,0,0,0.4);}
.visual .mainSlider div.slick-track div p span{display:block;font-size:0.5em;line-height:1.2;word-break:keep-all;}

.mbtns{margin-top:-13rem;position:relative; z-index:2;}
.mbtns ul{background:#006cb8;overflow:hidden;display:flex;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);}
.mbtns ul li{text-align:center;width:20%; box-sizing:border-box;background:#fff;}
.mbtns ul li ~ li{border-left:1px solid #94ccff;}
.mbtns ul li a{display:block; padding-top:10em; padding-bottom:2em; font-size:1.8rem; line-height:1.2;height:2.4em;color:#333;}
.mbtns ul li a:hover{color:#fff;}
.mbtns ul li a:focus{color:#fff;}
.mbtns ul li:nth-child(1) a{background:url(../images/btn-ico1.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(2) a{background:url(../images/btn-ico2.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(3) a{background:url(../images/btn-ico3.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(4) a{background:url(../images/btn-ico4.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(5) a{background:url(../images/btn-ico5.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(1) a:hover,.mbtns ul li:nth-child(1) a:focus{background:#006cb8 url(../images/btn-ico1-on.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(2) a:hover,.mbtns ul li:nth-child(2) a:focus{background:#006cb8 url(../images/btn-ico2-on.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(3) a:hover,.mbtns ul li:nth-child(3) a:focus{background:#006cb8 url(../images/btn-ico3-on.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(4) a:hover,.mbtns ul li:nth-child(4) a:focus{background:#006cb8 url(../images/btn-ico4-on.png) no-repeat top 2em center / 7em;}
.mbtns ul li:nth-child(5) a:hover,.mbtns ul li:nth-child(5) a:focus{background:#006cb8 url(../images/btn-ico5-on.png) no-repeat top 2em center / 7em;}

.boxes{/*overflow:hidden;*/margin-top:8rem;margin-bottom:8rem;display:flex; justify-content:space-between;flex-wrap: wrap;}
.boxes-one{border:1px solid #ddd;width:49.2%;/*float:left;*/box-sizing:border-box; padding:4rem 5rem;}
/*.boxes-one:nth-child(2n-1){margin-right:1.6%;}*/
.boxes-one:nth-child(n+3){margin-top:1.6%;}
.boxes-one h2{font-size:2.8rem;color:#333;position:relative;font-weight:500;}
.boxes-one h2 a{position:absolute; right:0;top:0.2em;;display:block; width:2.2rem; height:2.2rem; background:url(../images/plus-bo.png) no-repeat 0 0 / contain;}
.boxes-one ul{margin-top:1.7rem;}
.boxes-one ul li{font-size:1.6rem;font-weight:300;position:relative;line-height:1.4;margin-top:0.7em;}
.boxes-one ul li a{display:block; width:calc(100% - 6em);white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.boxes-one ul li a.new::before{content:'NEW'; font-size:0.9em;margin-right:0.3em;padding:0 0.2em;color:#fff;font-weight:500;display:inline-block; background:#006cb8;}
.boxes-one ul li a:hover{font-weight:500;}
.boxes-one ul li span{position:absolute; top:0; right:0;}
.video-boxes{padding:0;}

.boxSlider{margin-top:3rem;position:relative;}
.boxSlider .slick-slide p img{aspect-ratio:1 / 1; width:40.8%;object-fit:cover;}
.boxSlider .slick-slide .txt{position:absolute; top:0;left:47%; font-size:1.6rem;width:53%;color:#333;line-height:1.3;}
.boxSlider .slick-slide .txt h3{font-size:1.25em; font-weight:500;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.boxSlider .slick-slide .txt p{margin-top:1em; margin-bottom:1em;font-weight:300;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.boxSlider .slick-slide .txt span{ font-weight:300;}
#bo-dots{position:absolute; left:47%; bottom:0;}
#bo-dots ul li{float:left;margin-right:8px;}
#bo-dots ul li button{padding:0;background:#d6d6d6; width:12px; height:12px;border-radius:12px; font-size:0;}
#bo-dots ul li.slick-active button{background:#006cb8;}

.qlist{background: linear-gradient(#2b71b9, #01548f);padding-top:8rem;padding-bottom:6rem;margin-top:8rem;}
.qlist h2{color:#fff;font-size:2.8rem;text-align:center;}
.qlist ul{display:flex;text-align:center;margin-top:4rem;}
.qlist ul li{width:20%;}
.qlist ul li a{display:block; /*height:calc(100% - 2em);*/font-size:1.8rem; color:#fff;padding:6em 0 1em;line-height:1.3;}
.qlist ul li a:hover{background:#fff;color:#333;}
.qlist ul li a p{height:3.5em;}
.qlist ul li a p::before{width:1.8em; display:block;margin:0 auto;content:'';height:2px;margin-bottom:1em;background:#fff;}
.qlist ul li a:hover p::before{background:#333;}

.qlist ul li:nth-child(1) a{background:url(../images/qli01.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(2) a{background:url(../images/qli02.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(3) a{background:url(../images/qli03.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(4) a{background:url(../images/qli04.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(5) a{background:url(../images/qli05.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(6) a{background:url(../images/qli06.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(7) a{background:url(../images/qli07.png) no-repeat top 1em center / 3.5em;}

.qlist ul li:nth-child(1) a:hover{background:#fff url(../images/qli01-on.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(2) a:hover{background:#fff url(../images/qli02-on.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(3) a:hover{background:#fff url(../images/qli03-on.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(4) a:hover{background:#fff url(../images/qli04-on.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(5) a:hover{background:#fff url(../images/qli05-on.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(6) a:hover{background:#fff url(../images/qli06-on.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(7) a:hover{background:#fff url(../images/qli07-on.png) no-repeat top 1em center / 3.5em;}

.bottom{/*overflow:hidden;*/display:flex;word-break:break-all;}
.bottom > div{width:50%; /*float:left;*/padding:8rem 0;box-sizing:border-box;}
.bottom > .call-btn{background:url('../images/call-bg.png') no-repeat center right / cover;}
.bottom > .way-btn{background:url('../images/way-bg_2025.png') no-repeat center center / cover;}

.call-btn .outline-right{word-break:keep-all;font-size:1.8rem;width:620px;display:inline-block;box-sizing:border-box;padding-right:6rem;text-align:left;}
.call-btn .outline-right h2{font-size:1.2em; color:#fff;margin-bottom:1.2em;margin-top:2.7em;}
.call-btn .outline-right a{font-size:2.2em; color:#fff; font-weight:bold; line-height:1.4;display:block; /*border-bottom:1px solid #fff;*/}
.call-btn .outline-right span{font-weight:300; color:#fff;}

.way-btn a{font-size:2rem;border:0.4rem solid #fff;border-radius:0 2em 2em 2em;display:block;width:55%;margin:0 auto;padding:6.85rem 0;}
.way-btn a h2{font-size:1.4em; color:#fff;margin-bottom:0.5em;}
.way-btn a span{ color:#fff;font-weight:bold;}
.way-btn a span img{vertical-align:middle;height:0.8em;}

.footer{background:#30363e;}
.footer .foot-top{border-top:1px solid #626870; border-bottom:1px solid #626870;}
.footer .foot-top ul li{color:#aaa;font-size:1.6rem;margin:1em 0;font-weight:300;display:inline-block;}
.footer .foot-top ul li:nth-child(2){margin-left:1em; padding-left:1em; border-left:1px solid #626870;}
.footer .foot-top ul li.top{position:absolute; right:0;}
.footer .foot-top ul li.top img{vertical-align:middle;}

.footer .foot-bottom{padding:4rem 0;display:flex;align-items:center;}
.footer .foot-bottom img{max-width:35%;}
.footer .foot-bottom div{padding-left:7%;line-height:1.8;color:#aaa;font-size:1.6rem;font-weight:300;text-align:right;}
.footer .foot-bottom div span{margin:0 1em;display:inline-block;}


/*2023-06-20*/
.sub-content.newsletter{text-align:left;}
.newsletter .newsletter-one{width:20%;margin:2.2%;display:inline-block; vertical-align:top;text-align:center;}
.newsletter .newsletter-one p.tit{margin-top:0.7em;text-align:center; font-weight:500;color:#333;font-size:1.2em;line-height:1.3;}
.newsletter .newsletter-one p.tit b{font-weight:900;}
.newsletter .newsletter-one p.img{background:#ddd; padding-bottom:120%;border:2px solid #eee;}
.newsletter .newsletter-one .btn{margin-top:0.7em;    padding: 0.2em 1.6em;font-size:0.9em;}