.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:2rem;display:inline-block;width:37.3rem; height:5.3rem;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:15rem;position:relative;}
.header .top-con > ul > li > a{color:#fff;font-size:1.7rem;}

.header .top-con ul ul{display:none;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:1rem;}
.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 .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:13rem;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:4rem;box-sizing:border-box;display:block;}
.header .nav-bg .bg-deco .deco-p{margin-top:0rem;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; right:-1.2em;top:-1.4em;z-index:-1;}
.header .nav-bg .bg-deco .deco-p span{background:#fff;display:inline-block;padding-top:0.4em;padding-right:1em;}
.header .nav-bg .bg-deco .deco-tit{color:#006cb8;font-size:2.4rem;padding:0.4em 0 0.6em 1.5em;line-height:1.3;}
.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%;}

.visual{aspect-ratio: 20 / 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:4rem;font-weight:bold;color:#fff; position:absolute; top:40%; left:5%;width:90%;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 b{font-size:2em; font-weight:bold;}
.visual .mainSlider div.slick-track div p span{display:block;font-size:0.7em;margin-top:1em;line-height:1.4;word-break:keep-all;}
.visual .mainSlider .slick-dots{position:absolute; left:50%; transform:translate(-50%,0);bottom:20rem;}
.visual .mainSlider .slick-dots li{display:inline-block;margin:0 8px;}
.visual .mainSlider .slick-dots li button{font-size:0;width:12px;display:block; height:12px; border-radius:100%;background:#fff;}
.visual .mainSlider .slick-dots li.slick-active button{background:#e70f20;}
.mbtns{margin-top:-15.2rem;position:relative; z-index:2;}
.mbtns ul{background:rgba(0,0,0,0.5);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:25%; box-sizing:border-box;}
.mbtns ul li a{display:block; padding-top:1.2em; padding-bottom:1.2em; font-size:2.2rem; color:#fff;}
.mbtns ul li a:hover{background:#006cb8;}
.mbtns ul li a:focus{background:#006cb8;}
.mbtns ul li a p,.mbtns ul li a img{display:inline-block; vertical-align:middle;}
.mbtns ul li a img{height:9.8rem;}
.mbtns ul li a p{text-align:left;font-weight:bold;line-height:1.2;padding-right:2rem;}
.mbtns ul li a p::before{content:'';margin-bottom:0.5em;display:block;width:0.9em; height:3px; background:#fff;}

.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 .mainSlider .slick-prev{position:absolute; top:40%; left:2%;z-index:999;width:4rem; height:4rem; font-size:0;background:url(../images/vi-arrows.png) no-repeat 0 0 / 8rem;}
.visual .mainSlider .slick-prev:hover{background:url(../images/vi-arrows.png) no-repeat top -4rem left / 8rem;}

.visual .mainSlider .slick-next{position:absolute; top:40%; right:2%;z-index:999;width:4rem; height:4rem; font-size:0;background:url(../images/vi-arrows.png) no-repeat -4rem 0 / 8rem;}
.visual .mainSlider .slick-next:hover{background:url(../images/vi-arrows.png) no-repeat top -4rem right / 8rem;}

.mnotice{margin-top:8rem; font-size:1.6rem;color:#333;margin-bottom:8rem;display:flex;justify-content:space-between;}
.mnotice .mnshow{width:44.5%;box-sizing:border-box; border:1px solid #ddd;padding:4rem 5rem;background:#f4f4f4;position:relative;}
.mnotice .mnshow .mnshowimg{float:left; width:16rem;margin-right:2rem;aspect-ratio: 1 / 1.4;object-fit:cover;}
.mnotice .mnshow .mndate{background:#006cb8;display:inline-block;color:#fff; padding:0.8em 1em;}
.mnotice .mnshow h3{margin-top:1em;margin-bottom:0.6em;font-size:1.2em; font-weight:500; line-height:1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.mnotice .mnshow span{font-weight:300; line-height:1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.mnotice .mnshow a{display:block; text-align:right; font-weight:bold; color:#006cb8;margin-top:1em;position:absolute;bottom:4rem; right:5rem;}/*2023-08-25*/
.mnotice .mnlist{box-sizing:border-box; border:1px solid #ddd;padding:4rem 5rem;width:53%;}
.mnotice .mnlist h2{font-size:2.8rem;color:#333;position:relative;font-weight:500;}
.mnotice .mnlist 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;}
.mnotice .mnlist ul li{font-size:1.6rem;font-weight:300;position:relative;line-height:1.4;margin-top:0.7em;}
.mnotice .mnlist ul li a{display:block; width:calc(100% - 6em);white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.mnotice .mnlist 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;}
.mnotice .mnlist ul li a:hover,.mnotice .mnlist ul li a.on{font-weight:500;}
.mnotice .mnlist ul li span{position:absolute; top:0; right:0;}

.qlist{background: linear-gradient(#2b71b9, #01548f);padding-top:8rem;padding-bottom:4rem;}
.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:2.2rem; 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/qli08.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(2) a{background:url(../images/qli09.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(3) a{background:url(../images/qli02.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(4) a{background:url(../images/qli03.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(5) a{background:url(../images/qli04.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(6) a{background:url(../images/qli05.png) no-repeat top 1em center / 3.5em;}
.qlist ul li:nth-child(7) a{background:url(../images/qli06.png) no-repeat top 1em center / 3.5em;}

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

.mdeen{font-size:1.6rem;margin-top:8rem; margin-bottom:8rem;/*padding-right:50%;*/box-sizing:border-box;}
.mdeen div{width:45%;}
.mdeen div h2{font-size:2em;margin-bottom:1em;}
.mdeen div h2 b{font-weight:bold;color:#006cb8;}
.mdeen div .mdimg{position:absolute;right:0; width:50%;top:0;/*background:red;*/height:100%;}
.mdeen div .mdimg img{object-fit:cover; width:100%; height:100%;}
.mdeen div .mddetail{color:#006cb8;font-size:1.2em;line-height:1.5;margin-bottom:1em;}
.mdeen div span{font-weight:300;line-height:1.5;}
.mdeen div a{background:#006cb8;display:inline-block;color:#fff; margin-top:1.6em;padding:0.8em 1.6em;}

address{font-style:normal;}

.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-bg2.png) no-repeat center right / cover;}
.bottom > .way-btn{background:url(../images/way-bg.png) no-repeat center center / cover;}

.call-btn .outline-right{font-size:2.2rem;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:1em;margin-top:2.5em;}
.call-btn .outline-right a{font-size:2.2em; color:#fff; font-weight:bold; display:block; /*border-bottom:1px solid #fff;*/}
.call-btn .outline-right span{font-weight:300; color:#fff;}

.way-btn a{font-size:2.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;}
.footer .foot-bottom div span{margin:0 1em;display:inline-block;}