@charset "utf-8";

/* set */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;
}
table {
	border-collapse: collapse;	border-spacing: 0;
}

body, td, th, form, input, select, textarea, input, div, p, span{
					margin: 0; padding:0; font-size: 16px; font-family: 'Nanum Gothic', 'Roboto', 'Noto Sans KR', sans-serif; color: #000; line-height: 150%; 
					}
a, a:link,	a:visited,a:active,a:hover		{ font-family: 'Nanum Gothic';  font-size:14px; color: #000; text-decoration: none; }
img				{ border: none; }

.clear{clear:both; display:block; width:100%; opacity:0; height:0;}

/* layout */
html{width:100%; width:100vw; overflow-x:hidden; overflow-y:visible}
body {width:100%; width:100vw; overflow-x:hidden; }
#header,.section ,#footer {position:relative;width:100%;  width:100vw;  margin: 0 auto; }
.inner {width:1240px;  position:relative; margin: 0 auto;}

/* PRELOADER */
.preloader {  position: fixed; top: 0;left: 0;right: 0;bottom: 0; background-color: #fff; z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;}
.loaded {width:340px; height: 80px; line-height:40px;vertical-align:top; position: absolute;left: 50%;top: 50%; margin:-40px 0 0 -170px;font-size:24px;	text-align:center;}


/* head */
#header {height:115px;border-bottom:4px solid #02539C; }

#top_menu {width:100%;text-align:right; padding:8px 20px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
#top_menu span {padding-left:10px; margin-left:10px; border-left:1px solid #686868;}
#top_menu span:first-child{border-left:0;}
#top_menu span a {font-family:'Noto Sans KR','Nanum Gothic';display:inline-block; font-size:12px; color:#686868; }
#top_menu span a:hover {color:#02539C}
#top_menu .contact a {color:#fff; background:#02539c; padding:0 6px; border-radius:3px; margin-right:10px}
#top_menu .contact a:hover {color:#fff; background:#E02D34;}

#gnb {width:100%; }
#logo {float:left; width:280px; padding-top:10px; padding-left:10px; text-align:left;}
ul.dep1 {width:980px;position:absolute; top:39px; left:50%; margin-left:-480px;  z-index:20}
ul.dep1>li {float:left; width:20%; line-height:80px;text-align:center; }
ul.dep1>li>a {display:block;font-size:16px;font-family:'Nanum Gothic','Noto Sans KR'; font-weight:600; }
ul.dep1>li>a:hover {color:#02539c}

ul.dep2 {display:none;}
ul.dep2>li {line-height:40px; background:#656565;/*하위브라우저대응*/ background:rgba(0,0,0,0.7); border-bottom:1px solid #eee;  z-index:30; }
ul.dep2>li:last-child {border-bottom:0;}
ul.dep2>li a {display:block;color:#fff; font-size:14px; font-weight:400;}
ul.dep2>li:hover {background:#0057B4;transition:.3s;}
ul.hover {display:block; transition:.3s;}

ul.dep2>li.more_menu {height:40px;overflow:hidden; z-index:333;}
ul.dep2>li.more_menu>a{cursor:pointer; }
ul.dep2>li.more_menu>a:after{opacity:0;position:absolute; content:'+'; font-size:16px;text-align:center; padding:0 5px; color:#fff;}
ul.dep2>li.more_menu:hover>a:after {color:red;transform:rotate(135deg);transition:.6s;}
ul.dep2>li.more_menu:hover {height:209px; transition:.5s}
ul.dep3 {display:none; border-top:1px solid #eee;background:#fff;} 
ul.dep3>li{height:36px;color:#121212}
ul.dep3>li a img{height:28px;margin-top:4px}
ul.dep3>li a span{display:none;width:100%; text-align:center;}
ul.dep3>li:hover img{height:30px;transition:.3s;}

@media (max-width:1480px){
#logo {width:200px;}
#logo img{width:100%;;}
ul.dep1{width:100%; min-width:200px; max-width:1280px; left:0; right:0; margin-left:0; padding-left:280px; box-sizing:border-box; }

}




/* section */

#section1 {height:540px;}
#m_vis {top:0;width:100%; height:100%; ;overflow:hidden !important;}
.slide-viewer {position:relative; width:100%; height:100%;  margin:0 auto; overflow:hidden; }
.main-slider {width:100%; height:540px; position:relative; z-index:16}
.m-slide{width:100%;height:540px;background-position:center center; background-size:cover; }

.slide1{ background:url(../img/main/main1.png) center center no-repeat; background-size:cover; }
.slide2{ background:url(../img/main/main2.png) center center no-repeat; background-size:cover; }


.cover { position:absolute; top:0; z-index:18;padding:0;margin:0; margin:0 auto; width:100%;height:100%;background:rgba(20, 60, 140, .25);; text-align:center; font-weight:300; opacity:0; opacity:1\9; opacity:0\10;  overflow:hidden; }
.cover_txt { font-family:'Noto Sans KR','Nanum Gothic';  font-weight:700;width:100%;text-align:center; font-weight:300; color:#DfEfFf; font-size:38px;height:40px; position:absolute; top:254px; top:214px\9;  opacity:1\9; opacity:0\10;   }
.cover_name {font-family:'Roboto'; font-weight:600; position:absolute; width:100%; ;color:#0057B4; font-size:30px;padding:0; padding-top:40px;   margin:0 auto;  text-align:center;  top:284px; top:244px\9; opacity:0; opacity:1\9;opacity:0\10;   }
.cover{
   -webkit-animation-name: slide;
   -webkit-animation-duration:.5s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-fill-mode: forwards;
   -webkit-animation-delay:.5s;
   -ms-animation-name: slide;
   -ms-animation-duration:.5s;
   -ms-animation-timing-function: linear;
   -ms-animation-fill-mode: forwards;
   -ms-animation-delay:.5s;
   animation-name: slide;
   animation-duration:.5s;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
   animation-delay:.5s;
}

.cover_txt , .cover_name{
   -webkit-transform: translate3d(0,0,0) scaleY(0);
   -webkit-animation-name: cover_txt;
   -webkit-animation-duration:1s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-fill-mode: forwards;
   -ms-transform: translate3d(0,0,0) scaleY(0);
   -ms-animation-name: cover_txt;
   -ms-animation-duration:1s;
   -ms-animation-timing-function: linear;
   -ms-animation-fill-mode: forwards;
   transform: translate3d(0,0,0) scaleY(0);
   animation-name: cover_txt;
   animation-duration:1s;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
}

 .cover_txt {
   -webkit-animation-delay:1.5s;
   -ms-animation-delay:1.5s;
   animation-delay:1.5s;
}
 
 .cover_name {
   -webkit-animation-delay:2s;
   -ms-animation-delay:2s;
   animation-delay:2s;
}

@keyframes slide {
  0%{opacity:0; } 100%{opacity:1;  }
}

@keyframes cover_txt {
  0%{opacity:0;  -webkit-transform: translate3d(0,0,0) scaleY(0);-ms-transform: translate3d(0,0,0) scaleY(0);
    transform: translate3d(0,0,0) scaleY(0);}
  100%{opacity:1;   -webkit-transform: translate3d(0,0,0) scaleY(1);-ms-transform: translate3d(0,0,0) scaleY(1);
    transform: translate3d(0,-50px,0) scaleY(1);}
}

/* main products */

#section2 { background:#f2f2f3; }

.pro-slider{
  width:1240px;
  height:160px;
  margin:20px auto;
  text-align: center;
  padding:20px;
  color:white;
  }
  .parent-slide {padding:15px;}
  img{display: block;margin:auto;}

@media (max-width:1280px){
 .pro-slider{width:100%; padding:20px 0;}
 .slick-prev, .slick-next, .slick-prev:before,
 .slick-next:before {display:none;}
}

#section3 { box-sizing:border-box;}
#section3 .inner > div {width:388px; height:265px; float:left; display:block; margin:0 11px; background:#f2f2f2; box-sizing:border-box;}
#section3 .inner > div a {width:100%; display:block;line-height:265px; font-size:24px; color:#fff;;font-family:'Noto Sans KR','Nanum Gothic'; font-weight:500; text-align:center; background:rgba(0,0,3,0)}
#section3 .inner > div a:hover {background:rgba(20,60,150,0.75); transition:.5s}
#section3 .inner .news {background:url(../img/main/news.png)  no-repeat;background-size:cover; }
#section3 .inner .order {background:url(../img/main/order.png)  no-repeat;background-size:cover; }
#section3 .inner .comp {background:url(../img/main/comp.jpg)  no-repeat;background-size:cover; }
#section3 .inner .status {float:right;  width:398px}
#section3 .status .bus-slider{width:100%; height:100%;padding:0; margin:0; overflow:hidden;}
#section3 .status .bus-slider .slick-slide  {overflow:hidden;}
#section3 .status .bus-slider .slick-slide img {width:100%;height: auto;}
#section3 .status .sl-cover{ position:absolute;width:398px;  margin-top:-265px; height:265px;line-height:265px; color:rgba(255,255,255,0); text-align:center;  font-weight:500; font-size:24px; }
#section3 .status .sl-cover:hover {color:#fff}

@media (max-width:1280px){
/*
 #section3 .inner {width:100%; }
 #section3 .inner>div {width:31.3333%; margin:0 1%;}
 #section3 .inner .status  {width:31.3333%; height:265px; margin:0 1%;}
 #section3 .inner .status .bus-slider {height:265px;}
 #section3 .status .bus-slider .slick-slide img {width:100%;height:265px}
 */
}

#section4 {}
#section4 .partners {position:relative;width:1220px; height:60px;margin:20px auto; box-sizing:border-box;   overflow:hidden; border:none; }
#section4 .partners ul {width:100%; height:100%;}
#section4 .partners ul:after {clear:both; display:block; content:'';}
#section4 .partners ul li{float:left; height:60px; margin:0;}
#section4 .partners ul li a {display:block; line-height:60px;padding:0 10px; color:#fff;}
#section4 .partners ul li a img{height:38px; margin-top:10px;}
#section4 .partners ul li a:hover img {margin-top:5px; transition:.3s}
#section4 .partners ul li.blue {font-family:'Noto Sans KR','Nanum Gothic';background:#005AAB;float:inherit; float:right; padding:0 18px; text-align:center;box-sizing:border-box;}
#section4 .partners ul li.blue a {color:#fff; font-size:16px; }
#section4 .partners ul li.pdn a { padding-left:0}
#section4 .partners ul.pt1 {float:left; width:48%; padding-left:0; margin-left:0; box-sizing:border-box; }
#section4 .partners ul.pt2 {float:right; width:52%;  box-sizing:border-box; border:1px solid #005AAB; }

@media (max-width:1280px){
/*
 #section4 .partners {width:100%;}
 #section4 .partners ul li a {padding:0 8px;}
 #section4 .partners ul li a img{height:32px; margin-top:13px}
 #section4 .partners ul li.blue {padding:0 10px}
 */
}

/* footer */

#footer {width:100%; border-top:1px solid #cecece; padding:10px 0; height:150px; overflow:hidden; }
 #f_logo{float:left;width:260px; height:100px; padding-top:10px; padding-left:10px; text-align:left;}
 #f_info {position:absolute;;width:100%;  box-sizing:border-box; padding-left: 350px; font-size:14px; }
 #f_info p {width:100%;font-size:14px; line-height:24px; margin-bottom:2px;}
 #f_info .f_tit {background:#333; color:#fff; padding: 2px 10px; font-size:14px; margin-right:8px; font-weight:400;}
 #f_info strong{ font-weight:700; font-size:16px;margin-right:4px; }
 #f_info strong a { font-weight:700; font-size:16px; }
 #f_info strong a:hover {color:#005aab; }
.copyright {width:100%; text-align:center;line-height:30px; font-size:12px; background:#333; color:#fff;}

/* privacy */
.privacy_btn {position:absolute; right:0;  border:1px solid #ccc;}
.privacy_btn a {display:inline-block; padding:2px 8px; }
.privacy_btn a:hover {font-weight:bold; color:#005aab}
.soundOnly{display:none; !important}


/* privacy */
.placeholdersjs { color: #ccc ; }
.privacy_pop {}
.privacy_btn {color:#ff6600; cursor:pointer; text-decoration: none;}

/*----privacy_pop-----*/
.privacy_pop {
    position: fixed; 
    top: 0px; left: 0; right: 0; bottom: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 99999;
    height:auto;
	min-height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.agreementZ {
    border:1px solid #4158d1;
    color:#fff;
    width:90%;
    height:90vh;
    position: absolute;
    left:5%;  top: 5vh;
	background:#fff;
	margin-left:-4px;/*-bordersize*/
	overflow:hidden;
	overflow-y:scroll;
}

.agreeC { width:94%; margin:40px 3%;}
.agreeC  h2 { font-weight:400; font-size:20px; line-height:44px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.agreeC  h3 { }
.agreeC p {font-size:14px; line-height:32px;}
.agreeC ul { padding: 10px 0 ; border-radius:1px solid #fff}
.agreeC li {font-size:14px; list-style:none; line-height:32px}

.privacy_close {position:fixed;  right:5%; margin-top:-1px;  text-align:right; width:40px; height:40px;  line-height:40px; text-align:center; background:#4158d1; color:#fff; font-weight:500; font-size:30px;}

#ctt a.btn_admin, #c55 .btn_admin {
    display: inline-block;
	margin-right:2%;
    background: #6778DA;
    color: #fff;
}
#ctt a.btn_admin, #ctt .btn_admin:hover {background:#4158d1; }
#container_title {width:100%; padding-top:40px; padding-bottom:55px; font-weight:600; color:#333; background:#f5f5f6; background-position:center center; background-size:100%; height:120px; text-align:center; line-height:120px;font-size:36px; margin-bottom:20px;}
#container_title:first-letter {color:#4158d1;}

.adm_bt {position:absolute; top:100px; right:10px;  padding:0 10px; line-height:28px; border:1px solid #ccc; background:#fff; border-radius:4px; }
.adm_bt.txt {right:130px}