body{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color: #333;}

body::-webkit-scrollbar{width: 10px; background-color: rgb(236, 236, 236);}
body::-webkit-scrollbar-thumb{background-color: #333;
border-radius: 20px; background-clip: padding-box; border: 2px solid transparent;}
body::-webkit-scrollbar-track{background-color: #e6e6e6;
box-shadow: inset 0px 0px 1px rgb(211, 211, 211);} 

.wrap{max-width:1500px; margin: 0 auto;}
.container{max-width:1500px; margin: 0 auto;}
.cl{color: #002060;}
.mg0auto{margin: 0 auto;}
.left{text-align: left !important;}

/**/
.comm h1{font-size:28px; font-weight: 700; color: #002060; margin-bottom: 30px;}
.comm h2{font-size:17px; line-height: 27px; font-weight: 600; color: #333;}
.comm .btn01{padding:15px 30px; border: 1px solid #002060; font-size: 15px; border-radius: 50px; text-transform: uppercase; color: #002060;margin-top: 50px;display: inline;width: 130px;}
.comm .btn01:hover{background: #002060; color: #fff; transition: .3s;}

.main01{background: url(/kr/img/mainB01-01.jpg) no-repeat; padding:500px 0 200px 0;background-size: cover;}
.main01.bg02{background: url(/kr/img/mainB01-02.jpg) no-repeat; padding:500px 0 200px 0; background-size: cover;}
.main01.bg03{background: url(/kr/img/mainB01-03.jpg) no-repeat; padding:500px 0 200px 0;  background-size: cover;}

.main01 .txt{text-align: center;position: relative;top: 65%;text-align:center;}
.main01 h1{font-size:100px; font-weight: 800; margin-bottom: 30px;color: #002060; text-align: left;}
.main01 h2{font-size:30px; font-weight: 900; color: #002060; text-align: left;}
.main01 h2 span{color: #e60013;}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{top: inherit !important;height: 2px !important;}
.main01S .swiper-pagination{bottom:80px !important;background: rgba(255, 255, 255, .3);height: 2px;}
.main01S .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #002060;}
.main01S .pagination_bullet{right:0;}
.main01S .swiper-pagination-bullet{background: none;position: relative;right: 640px;top: -50px;font-size: 18px;font-weight: 900; color: #002060; margin-right: 30px !important;}
.main01S .swiper-pagination-bullet-active{background: none; text-decoration: underline;}

.main02{background: url(/kr/img/main02-bg.png) no-repeat; background-size: cover; padding: 150px 0 200px 0; background-position: 100% 100%;}
.main02{text-align: center;}
.main02 p{margin-left: -30px;}

.main03{display: flex;}
.main03 .swiper-container{height: 100%;}
.main03 .main_swiper{width: 50%;}
.main03 .sub_swiper{width: 50%;}
.main03 .box{margin-top: 70px; height: 100%;}
.main03 .sub_nav{transform: translate(-310px, -370px);position: relative;z-index: 111111;}
.main03 .swiper-pagination-bullet{background: none;position: relative;font-size: 21px;font-weight: 900; color: #002060; margin-right: 30px !important;}
.main03 .swiper-pagination-bullet-active{background: none; text-decoration: underline;}
.main03.comm h2.wd{width: 80%;}

.main04{display: flex; max-width: 1920px; margin: 0 auto;}
.main04 .rt{background: url(/kr/img/main04-01.jpg) no-repeat; padding: 100px 0 100px 0;width:100%;}
.main04 .lt{background: url(/kr/img/main04-02.jpg) no-repeat; padding: 100px 0 100px 0;width:100%;}
.main04 .box{text-align: center; }
.main04 h2{font-size:28px; font-weight: 800; color: #fff; margin-bottom: 20px;}
.main04 h3{font-size:18px; font-weight: 500; color: #f4f4f4; margin-bottom: 50px;}
.main04 .btn01{color: #f4f4f4; border: 1px solid #fff;background: none;}
.main04 .btn01:hover{background: #fff; color: #002060;}

.ft{padding:50px 0 40px 0; background: #002060;}
.ft .inner{margin-bottom: 20px;}
.ft .inner li{display: inline-block; width: 49%;}
.ft .inner li:first-child{width: 50%;}
.ft .inner02 li{display: inline-block; margin-right: 30px; width: inherit;float: right;}
.ft .inner02 li:first-child{width: auto;}
.ft .inner02 a{font-size: 16px; font-weight: 600; color: #f3f3f3;text-align: right;}
.ft .line{width: 100%; height: 1px; background: rgba(255, 255, 255, .3);width: 80%;margin: 0 auto;margin-bottom: 20px;}
.ft h4{font-size:16px; font-weight: 800; color: #f3f3f3; line-height: 26px;}
.ft h5{font-size: 15px; font-family: 500; color: #d7d7d7; line-height: 26px;}
.ft h6{font-size: 14px; color: #a5a5a5;text-align: right;}



/*서브공통*/
.subTop.abo{background: url(/kr/img/sub/aboTop.jpg) no-repeat; padding: 300px 0 100px 0;background-size:cover;}
.subTop.pro{background: url(/kr/img/sub/proTop.jpg) no-repeat; padding: 300px 0 100px 0;background-size:cover;}
.subTop.tech{background: url(/kr/img/sub/techTop.jpg) no-repeat; padding: 300px 0 100px 0;background-size:cover;}
.subTop.late{background: url(/kr/img/sub/lateTop.jpg) no-repeat; padding: 300px 0 100px 0;background-size:cover;}
.subTop.notice{background: url(/kr/img/sub/noticeTop.jpg) no-repeat; padding: 300px 0 100px 0;background-size:cover;}
.subTop .txt{position: relative;transform: translate(0%, 40%);}
.subTop h1{font-size: 40px; font-weight: 900; color: #002060; text-align:left; text-transform: uppercase;}
.subTop h5{font-size: 18px; line-height: 28px; font-weight: 500; color: #002060; margin-top: 30px; text-align: left;}
.path{padding: 30px 0px;text-align: right;}
.path a{font-size: 17px; font-weight: 700; color: #333;}
.path .dot{margin-right: 10px;}
.path li{display: inline-block; margin-left: 10px;vertical-align: middle;}
.path .home{display: table;}
.path .home span{display: table-cell;vertical-align: middle;text-align: center;}

#menu .menu-location {position:relative; float:left;margin-right:20px; width:14%;}
#menu .menu-location .nav_icon img {margin-bottom:-3px; margin-right:5px;}
#menu .menu-location .nav_arrow_icon {float:right; margin-top:3px;}
#menu .menu-location > .cur-location {position:relative; display:block; text-align:left; height:60px; line-height:60px; padding:0 15px; margin-left:-1px; font-size:17px; color:#002d6a; font-weight:500;bottom:-1px;}
#menu .menu-location.location2 > .cur-location {color:#fff}
#menu .menu-location .location-menu-con { display:none; position:absolute; top:51px; left:0; width:100%; padding:15px 0; background:#f9f9f9; z-index:5;}
#menu .menu-location.location2 .location-menu-con{background: #002060;}
#menu .menu-location.location2 .location-menu-con a{color: #fff; opacity: .8;}
#menu .menu-location.location2 .location-menu-con li a.on{opacity: 1; font-weight: 800;}
#menu .menu-location.location1 .location-menu-con li a.on{opacity: 1; font-weight: 800;}
#menu .menu-location.location2.oneD{width:15%; background:#002060;}
#menu .menu-location.location1.twoD{width:29%; background:#f9f9f9;}
#menu .menu-location .location-menu-con li a { display:block;padding:10px 0; margin:0 20px; font-size:15px; word-break:keep-all; line-height:1.5; color:rgba(255,255,255,0.7); color:#002d6a;}
#menu .menu-location .location-menu-con li:last-child a { border-bottom:none;}

.abo{background: #f9f9f9; padding: 80px 0 100px 0;}
.menu-pd{padding-top: 50px;}
.end-pd{padding-bottom: 150px;}
.up-pd{padding-top: 80px;}
.tab-comm a{display: inline-block; margin-right:30px;text-align: center; border-radius: 5px; font-size: 21px; font-weight: 900; color: #002060;opacity: 0.2;}
.tab-comm a:hover{text-decoration: underline;opacity: 1;transition: .3s;}
.tab-comm a.on{text-decoration: underline;opacity: 1;}

.sub-line{width: 35px; height: 2px; background: #333;margin-bottom: 15px;}
.sub-comm h1{font-size:35px; line-height: 45px; color: #002060; font-weight: 800;}
.sub-comm h1 span{font-size: 25px; font-weight: 500; margin-left: 10px;}
.sub-comm h2{font-size:21px; line-height: 31px; color: #333; font-weight: 700;}
.sub-comm h3{font-size:17px; line-height: 27px; color: #555; font-weight: 500;}
.sub-comm h4{font-size:23px; line-height: 27px; color: #002060; font-weight: 700;}
.sub-comm h5{font-size:18px; line-height: 25px; color: #333; font-weight: 700;}
.sub-comm .h-en{font-size:25px; line-height: 35px; font-weight: 500; color: #002060; text-align: center; margin-top: 20px;}

.form01 table{width: 100%; margin: 0 auto;}
.form01 table.wd80{width: 80%;}
.form01 table.sd{box-shadow:2px 2px 10px rgba(175, 175, 175, .1);}
.form01 table tr th{padding: 10px 15px; background: #166ec8; color: #fff; font-size: 15px; font-weight: 700;border-right: 1px solid rgba(255, 255, 255, .3);text-align: center;line-height: 21px;}
.form01 table tr td{padding: 8px; font-size: 13px; line-height: 20px; font-weight:500;text-align: center;font-weight: 500; color: #333;border: 1px solid #e1e1e1; text-align: left;} 
.form01 table tr td.tit{background:#f9f9f9; font-size: 15px; font-weight: 800;text-transform: uppercase;text-align: center; vertical-align: middle;}
.form01 table tr td.name{vertical-align: middle; font-size: 16px; text-align: center; width: 20%; color: #fff; background-color: #b9ac85;}
.form01 table tr td.conf{background: #f8f8f8;}
.form01 table tr td.num{width: 5% !important;}

/*어바웃*/
.abo01-01{display: flex;}
.abo01-01 h3.wd{width: 80%;}
.abo01-02{display: flex; align-items: center;}
.abo01-02 .rt{margin-left: 80px;}
.abo01-02 h3.wd{width: 80%;}
.abo03 .ul01 li{display:inline-block; margin-right:20px; vertical-align:top;width: 30%;}
.abo03 .ul01 li.pdt{padding-top:40px;}
/*프로덕트*/
.pro00{display: flex;}
.pro00 .rt{width: 70%; margin-left: 100px;}
.pro00 .ul01.pdt{padding-top: 30px;}
.pro00 .ul01 li{display: inline-block; width: 47%;}
.pro00 .ul01 li:first-child{margin-right: 30px;}
.pro00 .ul01 .box{background: #f9f9f9; border-radius: 10px;}
.pro00 .ul01 .box .txt{padding: 30px;}
.pro00 .ul01 .inner li{display: inline-block; vertical-align: middle;}
.pro00 .ul01 .inner li:first-child{width: 20%;}
.pro00 .ul01 .inner li:last-child{width: 60%;}
.pro00 .ul01 .inner h4{font-size:16px; font-weight: 600; color: #555; margin-bottom: 20px;}
.pro00 .ul01 .inner h5{font-size:20px; line-height: 27px; font-weight: 800; color: #333;}
.pro00 .ul01 .inner h5.dw{font-size: 18px;}

.pro-comm-pd{padding: 80px 0 80px 0;}
.pro-comm{display: flex; align-items: center; justify-content: space-evenly;}
.pro-comm .rt{margin-left: 50px; width: 50%;}
.pro-comm .h-en{font-size:25px; font-weight: 500; color: #002060; text-align: center; margin-top: 20px;}
.pro-comm .h-app{font-size:17px; font-weight: 800; color: #333; text-align: left; margin-top: 50px;}
.pro-comm .ul01{text-align: center;}
.pro-comm .ul01 li{display: inline-block; width: 32%; margin-right: 10px; vertical-align:  top;}
.pro-comm .ul01 li.pdt{padding-top: 20px;}
.pro-comm .ul01 .box{background: #f9f9f9; border-radius: 10px;}
.pro-comm .ul01 .box p{height: 80px;}
.pro-comm .ul01 .box p img{position: relative;top: 50%;transform: translateY(-50%); text-align:center;}
.pro-comm .ul01 .box .txt{padding: 40px; text-align: center;height: 370px;}

.pro00.tech00{flex-wrap: wrap;}
.pro00.tech00 .ul01 li{width:32%;margin-left: 10px;margin-top:10px;}
.pro00.tech00 .ul01 li:first-child{margin-right: 0px;}
.pro00.tech00 .ul01.pdt{padding-top: 10px;}
.pro00.tech00 .rt{width: 100%;margin-left: 0px;}

/*테크놀로지*/
.tech-comm.flx{display: flex;}
.tech-comm .lt{margin-right: 100px; width: 45%;}
.tech-comm.bg{background: #fcfcfc; padding: 80px 0 100px 0;}
.tech-comm.bg02{background: #fcfcfc; padding: 80px 0 0px 0;}

.tech01.box{position: relative;}
.tech01.box .img{text-align: center; position: relative;}
.tech01.box .img .point{width: 25px; height: 25px; background: #00aeef; border-radius: 50%; font-size: 15px; color: #fff; font-weight: 800; line-height: 25px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);}
.tech01.box .img .point:hover .inner{display: block; transition: .3s;}
.tech01.box .img .point.pt01{position: absolute; top: 20px; left: 500px; z-index: 3; transition: .3s;}
.tech01.box .img .point.pt02{position: absolute; top: 230px; left: 730px; z-index: 3; transition: .3s;}
.tech01.box .img .point.pt03{position: absolute; top: 150px; left: 650px; z-index: 3; transition: .3s;}
.tech01.box .img .point.pt04{position: absolute; top: 320px; left: 650px; z-index: 3; transition: .3s;}
.tech01.box .img .point.pt05{position: absolute; top: 100px; left: 770px; z-index: 3; transition: .3s;}
.tech01.box .img .point .inner{background: #00aeef;width: 230px; padding: 20px 0; border-radius: 10px;position: absolute; top: -20px;left: 50px;display: none; transition: .3s;}
.tech01.box .img .point .in-02{top: -30px;left: 50px;}
.tech01.box .img .point .in-03{top: -30px;left: 50px; width: 320px; left: -360px;}
.tech01.box .img .point .inner.in-03::after{right: -50px;}
.tech01.box .img .point .in-04{top: -40px;left: 50px; width: 320px; left: -360px;}
.tech01.box .img .point .in-05{top: -20px;left: 50px; width: 320px;}
.tech01.box .img .point .inner.in-04::after{right: -50px;}
.tech01.box .img .point .inner::after{content: ''; width: 100%; height: 2px; background: #00aeef; position: absolute;top: 45%; right: 50px; z-index: -1;}
.tech01.box .img .point .inner h4{color: #fff; font-size: 18px;}
.tech01.box .img .point .inner h5{font-weight: 500; margin-top: 5px; font-size: 16px;color:#fff;}

.tech-comm .ul01{text-align:center;}
.tech-comm .ul01 li{display:inline-block; vertical-align:top;}
.tech-comm .ul01 .box{width:250px; height:120px;border-radius:10px;margin-right: 30px;position:relative;}
.tech-comm .ul01 .box::after{content:''; position:absolute;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 10px solid transparent;top: 44%;}
.tech-comm .ul01 .box.ico01::after{border-left: 10px solid #00aeef;right:-15%;}
.tech-comm .ul01 .box.ico02::after{border-left: 10px solid #0095da;right:-15%;}
.tech-comm .ul01 .box.ico03::after{border-left: 10px solid #007dc6;right:-15%;}
.tech-comm .ul01 .box.ico04::after{border-left: 10px solid #0066b3;right:-15%;}
.tech-comm .ul01.sixB .box.ico05::after{border-left: 10px solid #083f88;right:-15%;}
.tech-comm .ul01 .box .inner{position: relative;top: 50%;transform: translateY(-50%); text-align:center;}
.tech-comm .ul01 .box.ico01{background:#00aeef;}
.tech-comm .ul01 .box.ico02{background:#0095da;}
.tech-comm .ul01 .box.ico03{background:#007dc6;}
.tech-comm .ul01 .box.ico04{background:#0066b3;}
.tech-comm .ul01 .box.ico05{background:#0c4da2;}
.tech-comm .ul01 .box.ico06{background:#083f88;}
.tech-comm .ul01 .box h5{font-size: 21px; font-weight: 700; color: #fff;}
.tech-comm .ul01 .txt{width:230px;}
.tech-comm .ul01 h3{font-size: 16px; line-height: 23px;}
.tech-comm .ul01 h3 span{font-weight: 700;}
.tech-comm .ul01.pdt{padding-top: 50px;}
.tech-comm .ul01.sixB .box{width: 330px; margin-right: 80px;}
.tech-comm .ul01.sixB .txt{width: 330px;}

/*레이티스트*/
.late-comm.flx{display: flex;}
.late-comm .lt{margin-right: 50px; width: 45%;}
.late-comm.bg{background: #fcfcfc; padding: 80px 0 100px 0;}
.late-comm.bg02{background: #fcfcfc; padding: 80px 0 0px 0;}
.late-comm .ul01{text-align: center;}
.late-comm .ul01 li{display: inline-block; width: 32%; vertical-align: top;}
.late-comm .ul01 .txt{padding: 20px;}

/*게시판*/


/*관리자P*/
#sh_adm_hd{background-color: #002060;}
#sh_adm_hd h1{padding-top: 9px;}

/*반응형*/
@media screen and (max-width:1500px){

	.container{max-width:95%;}





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






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

	.res-img{width:100%;}
	/*메인*/
	.main01{padding:300px 0 100px 0;background-position:50%;}
	.main01.bg02{padding:300px 0 100px 0;background-position:50%;}
	.main01.bg03{padding:300px 0 100px 0;background-position:50%;}
	.main01 h1{font-size:80px;margin-bottom:10px;}
	.main01 h2{font-size:20px;}
	.main03{flex-direction: column-reverse;}
	.main03 .box{margin-top: 20px;}
	.main03 .sub_nav{transform: translate(-150px, -10px);}
	.main03 .main_swiper{width:100%;}
	.main03 .sub_swiper{width:100%;margin-bottom: 40px;height: 280px;}

	.main04{flex-wrap: wrap;}
	.main04 .rt{padding: 80px 0 70px 0;}
	.main04 .lt{padding: 80px 0 70px 0;}


	/*푸터*/
	.ft .inner li{width: 100%;}
	.ft .inner li:first-child{width: 100%;}
	.ft .inner02 li{width:auto;}
	.ft .inner02 li{float: left; margin-right: 15px;display: inline-block;}
	.ft .inner02 li:first-child{width:auto;}
	.ft .inner02 a{font-size: 15px;}
	.ft h6{text-align: left;margin-top: 30px;}

	/*서브공통*/	
	.menu-pd{padding-top: 30px;}
	.up-pd{padding-top:50px;}
	.end-pd{padding-bottom: 90px;}
	.path{text-align: left;}
	.path li{margin-bottom: 10px;}
	#menu .menu-location{margin-bottom: 30px;}
	#menu .menu-location > .cur-location{font-size: 14px;}
	#menu .menu-location.location2.oneD{width:33%;margin-right: 10px;}
	#menu .menu-location.location1.twoD{width:60%; margin-right:0px;}
	.subTop.abo{padding: 200px 0 100px 0; background-position: 50%;}
	.subTop.pro{padding: 200px 0 100px 0; background-position: 50%;}
	.subTop.tech{padding: 200px 0 100px 0; background-position: 70% 30%;}
	.subTop.late{padding: 200px 0 100px 0; background-position: 50%;}
	.subTop.notice{padding: 200px 0 100px 0; background-position: 50%;}
	
	.tab-comm a{margin-bottom: 10px;}

	/*어바웃*/
	.abo01-01{flex-wrap: wrap;width: 100%;}
	.abo01-01 h3.wd{width: 100%;margin-bottom: 20px;}
	.abo01-02{flex-wrap: wrap;width: 100%;}
	.abo01-02 .rt{margin-left:0px;margin-top: 20px;}
	.abo03 .ul01 li{width: 45%;}
	.abo03 .ul01 .txt{height: 130px;margin-top: 10px;}
	.abo03 .ul01 li.pdt{padding-top:0px;}

	/*프로덕트*/
	.pro00{flex-wrap: wrap;}
	.pro00 .rt{width: 100%;margin-left:0px;margin-top: 30px;}
	.pro00 .ul01.pdt{padding-top: 10px;}
	.pro00 .ul01 li:first-child{margin-right:0px;}
	.pro00 .ul01 li{width: 47%;margin-left:5px;}
	.pro00 .ul01 .box .txt{text-align: center;}
	.pro00 .ul01 .inner li:first-child{width: 100%;}
	.pro00 .ul01 .inner li:last-child{width: 100%;}

	.pro-comm{flex-wrap: wrap;justify-content: flex-start;}
	.pro-comm-pd{padding: 50px 0 70px 0;}
	.pro-comm .lt{width:100%;}
	.pro-comm .rt{width: 100%; margin-left:0px;margin-top: 20px;text-align: center;}
	.pro-comm .h-app{text-align: center;}
	.pro-comm .ul01 li{width: 100%;margin-bottom: 20px;margin-right:0px;}
	.pro-comm .ul01 .box .txt{height:auto;}
	.pro-comm .ul01 li.pdt{padding-top:0px;}

	/*테크놀로지*/
	.pro00.tech00 .ul01 li{width:47%;margin-top: 10px;}
	.pro00 .ul01 .inner li:first-child{margin-left: 0px;}
	.pro00 .ul01 .inner li:last-child{margin-left: 0px;}
	.tech-comm.flx{flex-wrap: wrap;flex-direction: column-reverse;}
	.tech-comm .lt{width: 100%; margin-right:0px;margin-top: 30px;}
	.tech-comm.bg02{padding:50px 0 0 0;}
	.tech01.box .img .point.pt01{left: 60px;}
	.tech01.box .img .point.pt03{left: 150px;top:100px;}
	.tech01.box .img .point.pt04{top: 220px;left: 160px;}
	.tech01.box .img .point.pt05{top: 70px;left: 240px;}
	.tech01.box .img .point.pt02{left: 200px;top:100px;}
	.tech01.box .img .point .inner{background: #00aeef;width: 200px; padding: 10px 0; border-radius: 10px;position: absolute; top: -20px;left: 50px;display:none; transition: .3s;}
	.tech01.box .img .point .inner h4{font-size: 16px;}
	.tech01.box .img .point .inner h5{font-size: 14px;line-height: 20px;}
	.tech01.box .img .point .inner.in-04::after{left: -50px;}
	.tech01.box .img .point .inner.in-03::after{left: -50px;}

	.tech-comm.bg{padding:80px 0 30px 0;}
	.tech-comm .ul01 .box{width: 340px;}
	.tech-comm .ul01 .txt{width: 340px;margin-bottom: 30px;}
	.tech-comm .ul01.sixB .box{margin-right: 0px;}

	/*레이티스트*/
	.late-comm.bg{padding: 50px 0 50px 0;}
	.late-comm .ul01 li{width: 100%;margin-bottom: 20px;}

	/*게시판*/
	.gall_row .col-gn-4{width: 100%;}

}