@font-face {
    font-family: 'Pretendard GOV ';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard GOV-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

	@keyframes fadeInTop{
	  0% {opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);}
	  100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateX(0);transform:translateY(0);}
	}


@keyframes upDown {
	0%{transform:translateY(10px);}
	50%{transform:translateY(-20px);}
	100%{transform:translateY(10px);}
}

@keyframes rotate_image{

	100% {
    	transform: rotate(540deg);
    }
}



/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;
	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Pretendard GOV';  
	font-weight:bold; 
	font-size:1em; 
	} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute;  width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {	font-weight:normal;	font-style:normal;	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }


a, p, span, strong{font-family: 'Pretendard GOV';}


body {   font-family: 'Pretendard GOV'; position:relative;  font-weight:400;   font-size:14px; line-height:1.4;  min-width: 320px; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}


.clear { clear:both;  }
.clearfix:after { clear:both; display: table;  content: " ";}
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
img { max-width:100% ;  }
.map img { max-width: initial ;  }

.show { display:block !important;  }
.hide { display:none !important;  }

i span { position:absolute; top:-4000px; left:-3000px; display:block;   font-size:0px; line-height:0px; }

@media (min-width: 992px) {
	.pc-true { display:block !important;  }
	.m-true { display:none !important;  }


	.header { height:151.5px; width:100%;}
	.header h1 {z-index:101; position:relative; float:left;    padding-top:24px; }
	.header h1 a { display:block; width:300px; height:111px;  background:url(../images_2025/layout/logo.svg) no-repeat center; background-size:cover;}
	.header h1 a img {width: 100%;}
	.header h1 a span { }
	.header:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 151.5px; opacity: 0;  background: #164475; transition: all .3s;}
	.header.active:before{opacity: 1;}
	.header.active:after{content: ''; position: absolute; left: 0; top: 151.5px; background:#164475; width: 100%; height: 85px;  border-top: 1px solid rgba(255, 255, 255, .5); }
	.header.active h1 a{background:url(../images/common/logo_on.png) no-repeat center;  background-size:cover;}

	/*.header h1 a img { float:left;  display:block;  }*/

/* 	.header .m-menu{position: relative;} */
	.header-util-wrap {float: right; padding-top: 16px;}
	.header-util-wrap .top-util{display: flex; align-items: center;}
	.header-util-wrap .top-util .sns-link{margin-right: 10px;}
	/* .header-util-wrap:before{content: ''; position: absolute; top: 0; left: -39px; height: 100%; border-left: 1px solid #D8D8D8;} */
	.header-util-wrap .dropdown:before{content: ''; position: absolute; top: 0; left: 0; border-left: 1px solid #D8D8D8; height: 100%;}
	.header-util-wrap .dropdown a{padding-left: 10px; font-size: 16px; color: #fff; letter-spacing: 0px; font-family: 'Pretendard GOV'; font-weight: bold; line-height: 19px;}
	.header-util-wrap ul  {margin-right: 92px; display: flex; align-items: center;} 
	.header-util-wrap ul li  { float:left; padding:0 10px;     position:relative; } 
	.header-util-wrap ul li a {color:#1D1D1D;  display:block; }
	.header-util-wrap ul li a img{height: 31px;}
	.header-util-wrap ul li.home  {  display:none;  } 
	.header-util-wrap ul li.site-map  {  margin-top:2px;   } 
	.header-util-wrap ul li.site-map a { display:block; width:13px; height:13px; background:url(../images/main/sitemap_ico.svg) no-repeat center center; background-size:13px 13px;  }

	.header .langs .row{position: relative; height: 0;}
	.header .langs ul{position: absolute; top: 22px; right: 0;}
	.header .langs li{float: left; padding: 0 8px;}
	.header .langs a{font-size: 15px; color: #FFFFFF; opacity: 0.6; font-weight: 500;}
	.header .langs a.active{font-size: 15px; color: #FFFFFF; opacity: 1; text-decoration: underline;}

	.header .top-search-wrap { position:absolute;    top:50px;right:50%; margin-right:-490px;   z-index:102;  }
	.header .top-search-open { }
	.header .top-search-open a { color:#fff;  display:block; }
	.header .top-search-open a i { font-size:16px;  }
	.header .top-search-wrap form { display:none; position:absolute; top:40px; right:-105px; width:542px; height:84px; background:#fff; padding:20px;  }
	.header .top-search-wrap form:before { position:absolute; top:-15px; right:105px; content:''; display:inline-block; background:url(../images/main/search_top.svg) no-repeat center center ; background-size:18.19px 15.75px; width:18.19px; height: 15.75px; }
	.header .top-search-wrap form:after { clear:both; display:table; content:'';  }
	.header .top-search-wrap form button, .header .top-search-wrap form a, .header .top-search-wrap form input { float:left;  }
	.header .top-search-wrap form button, .header .top-search-wrap form a { display:block; width:70px; height:44px; border:0px; color:#fff; margin-left:5px; text-align:center; line-height:44px; background:#666666;  }
	.header .top-search-wrap form button{ background:#04569C;  }
	.header .top-search-wrap form input {border:1px solid #dbdbdb; width:calc(100% - 150px); background:#efefef; padding:0 5px; height:44px; color:#333; font-size:18px; }
	
	.header .all-menu-open {position: relative;}
	.header .all-menu-open a {position:absolute;  top:-57px; right:0px; font-size: 18px; color: #fff; line-height: 18px; z-index: 112;}
	.header .all-menu-open span{display: none !important;}
	.header .all-menu-close {    position: absolute;display: none;}
	.header .all-menu-close a {  font-size: 18px; color: #fff; line-height: 18px;}
	.header .all-menu-close span { display:none !important; }

	.gnb {   position:absolute ; top:75px; left:0px; width:100%; z-index:100; text-align:center; font-size:0px; text-align: right;}
	.gnb .row{/* padding-right: 92px; */ text-align: center; padding-left: 20%;}
	.menu-bg{display: none; width: 100%; background: #164475; margin-top: 1px; border-top: 1px solid #fff;}
	.gnb .menu-bg .text{position: absolute; top: 128px; right: 75%; text-align: left;}
	.gnb .menu-bg .text h3{font-family: 'TheJamsil5Bold'; font-weight: 600; font-size: 48px; letter-spacing: 0; color: #179873; margin-bottom: 12px;}
	.gnb .menu-bg .text p{font-size: 15px; color: #555; letter-spacing: -0.38px;}

	.gnb .menu { display:inline-block;  text-align:center; position: unset;}
/* 	.gnb .menu01{ padding-left:300px;  } */
	.gnb .menu h3 {padding: 0 36px;} 
	.gnb .menu h3 a {position: relative; font-family: 'Pretendard GOV'; color:#FFFFFF; text-align:center; letter-spacing:-1.5px;  display:block; padding-bottom: 32px; font-size:21px;  font-weight:500;  line-height: 23px; height: 108.5px;}
	.gnb .menu h3 a:before{content: ''; position: absolute; top: 36px; left: 50%; width: 0px; border-bottom: 3px solid #fff;}
	.gnb .menu h3 a:hover:before, .gnb .menu h3 a.active:before{left: 0%; width: 100%; transition: 1s;}
	.header.active .gnb .menu h3 a{color: #fff;}
	.gnb .menu06 h3{padding-right: 0;}
	.gnb .menu h3 a i{display: none;}
	.gnb .menu h3 a:hover ,.gnb .menu h3 a.active {text-decoration: none;}

	.gnb .menu ul.depth-menu {text-align:center;  width:100vw; position: absolute; top: 75px; left: 0; z-index: 11; letter-spacing: 0; height: 0; overflow: hidden; transition: height 0.5s ease;}
	.header.active .gnb .menu ul.depth-menu.show {height: 85px;}
	.gnb .menu ul.depth-menu:after { clear:both; display:table; content:'';  }
	.gnb .menu ul.depth-menu li{display: inline-block;}
	.gnb .menu ul.depth-menu li.first {position:absolute; top:0px; lefT:0px; font-weight:600; width:260px; padding-top:52px;   font-size:18px; color:#fff; line-height:1.5;  border-bottom:0px; word-break:keep-all;   }
	.gnb .menu ul.depth-menu li.first strong {display:block; color:#fff;  font-weight:600;  font-size:32px; position:relative; padding-bottom:20px; margin-bottom:20px;  }
	.gnb .menu ul.depth-menu li.first strong:after { position:absolute; bottom:0px; left:0px; width:30px; height:3px; background:#fff; content:''; display:inline-block;  }

	/* .gnb .menu ul.depth-menu > li   {width:150px;} */
	.gnb .menu ul.depth-menu  li:nth-of-type(6) { clear:both; }
	.gnb .menu ul.depth-menu li img { display:none !important;  }
	.gnb .menu ul.depth-menu > li a  {position: relative; font-size:17px; display:block; color: transparent;   letter-spacing:-1.5px;  padding: 28.5px 0 32px; margin: 0 18px; }
	.header.active .gnb .menu ul.depth-menu > li a{color: #fff; font-weight: 300;}
	.gnb .menu ul.depth-menu > li a:hover, .gnb .menu ul.depth-menu > li a.active {  color:#164475; text-decoration: none; font-weight: bold !important;}
	.header.active .gnb .menu ul.depth-menu > li a:before{content: ''; position: absolute; top: 57px; left: 50%; width: 0px; border-bottom: 1px solid #fff;}
	.gnb .menu ul.depth-menu > li a:hover:before, .gnb .menu ul.depth-menu > li a.active:before{left: 0 !important; width: 100% !important; transition: 1s;}
	.gnb .menu ul li a.active, .gnb .menu ul li a:hover  { text-decoration:none;   }
	.gnb .menu ul.depth-menu li ul { display:block; padding:5px 15px;  border:1px solid #EFEFEF; border-top:2px solid #999;  }
	.gnb .menu ul.depth-menu li ul::-webkit-scrollbar {   width: 6px; }
	.gnb .menu ul.depth-menu li ul::-webkit-scrollbar-thumb {     height: 30%;     background: #666;     border-radius: 3px;}
	.gnb .menu ul.depth-menu li ul::-webkit-scrollbar-track {    background: #D6D6D6;  }
	.gnb .menu ul.depth-menu li ul:hover { background:#F9FEFF;  border-top:2px solid #1D1D1D; }
	.gnb .menu ul.depth-menu li ul li {position:relative; float:none;    padding:0px;  padding-left:10px;  margin-bottom:0px;   }
	.gnb .menu ul.depth-menu li ul li:before { position:absolute; top:14px; left:0px; content:''; width:4px; height:4px; background:#666; border-radius:100%; display:inline-block; }
	.gnb .menu ul.depth-menu li ul li a { font-size:16px; width:auto; display:block;  color:#666; font-weight:400;border-bottom:0px;     padding:5px 0  ; } 
	.gnb .menu ul.depth-menu li ul li a:hover,.gnb .menu ul.depth-menu li ul li a.active { text-decoration:underline;  border-bottom:0px; }
	.gnb .menu ul.depth-menu2{display: none !important;}
	

	.header.all-menu{position: relative;}
	.header.all-menu:before{content: ''; position: absolute; top: 151.5px; left: 0; width: 100vw; border-bottom: 1px solid #fff; opacity: 0.4; z-index: 101; height: 0; background: unset; transition: none;}
	.header.all-menu a{color: #FFFFFF;}
	.header .all-menu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #164475; z-index: 100; overflow: auto;}
	.header .all-menu:before{content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 151.5px; background: #164475;}
	.header.all-menu .all-menu-bg{margin-top: 151.5px; overflow: auto; height: calc(100vh - 151.5px);}
	/* .header .all-menu .row{margin-top: 151.5px;} */
	.all-menu .menu{display: flex; padding: 33px 0; border-bottom: 1px solid rgba(255, 255, 255, .4);}
	.all-menu .menu h3 a{display: block; width: 261px; font-size: 26px; letter-spacing: 0px; line-height: 31px;}
	.all-menu .menu h3 a:hover{text-decoration: none;}
	.all-menu .menu .depth-menu{display: flex; width: calc(100% - 261px);}
	.all-menu .menu .depth-menu > li{width: 20%;}
	.all-menu .menu .depth-menu > li:first-child:nth-last-child(6),
	.all-menu .menu .depth-menu > li:first-child:nth-last-child(6) ~ li {width: 16.5%;}
	.all-menu .menu .depth-menu > li > a{position: relative; font-size: 17px; line-height: 31px;}
	.all-menu .menu .depth-menu > li > a:before{content: ''; position: absolute; bottom: -10px; left: 0; width: 0px; border-bottom: 1px solid #fff;}
	.all-menu .menu .depth-menu > li > a:hover, .all-menu .menu .depth-menu > li > a.active{text-decoration: none;}
	.all-menu .menu .depth-menu > li > a:hover:before, .all-menu .menu .depth-menu > li > a.active:before{width: 100%; transition: 1s;}
	.all-menu .menu h3 i{display: none;}
	.depth-menu2{padding-top: 20px;}
	.depth-menu2 li a{font-size: 15px; line-height: 36px;}
	.header.all-menu .all-menu-open{display: none;}
	.header.all-menu .all-menu-close{display: block !important; z-index: 100; top: 66px; text-align: right;}
	.header.all-menu .all-menu-close a{font-size: 24px;}





.footer {background:#333; padding: 60px 0;   position:relative; }
/* .footer .footer-link-menu {margin-bottom:35px; border-left:1px solid rgba(255,255,255,0.3); }
.footer .footer-link-menu dl { float:left; width:20%; position:relative;  z-index:100;    }
.footer .footer-link-menu dl:first-child {  margin-left:0px;  }
.footer .footer-link-menu dl dt a { display:block; color:#fff;  padding:20px 15px 0px; height:55px; width:100%; border-right:1px solid rgba(255,255,255,0.3); font-size:15px; font-weight:normal;    }
.footer .footer-link-menu dl dt a span { float:right; padding-top:5px;  }
.footer .footer-link-menu dl dt a span img{width:14px;  position:absolute; top:30px; right:15px;    -webkit-transform: translateY(-50%);    transform: translateY(-50%) rotate(0deg); ;   -webkit-transition: transform .3s;   transition: transform .3s;    }
.footer .footer-link-menu dl dt a span img.active { -webkit-transform: translateY(-50%) rotate(180deg);  transform: translateY(-50%) rotate(180deg);  }
.footer .footer-link-menu dl dd { display:none; background:#4a484b; padding:10px 25px; position:absolute; bottom:56px; overflow-y:auto; max-height:350px;  width:100%;   }
.footer .footer-link-menu dl dd a { font-size:15px; display:block; margin:5px 0;color:#afafaf;    } */
.footer .foot-logo {}
.footer .foot-logo .logo {font-size: 24px; letter-spacing: 0px; line-height: 29px;  color: #fff; float: unset; display: block; margin-bottom: 30px; font-weight: bold;}
/* .footer .footer-contents {   float:left;  width:calc(100% - 248px); }
.footer .footer-contents .footer-util { margin-bottom:30px; }
.footer .footer-contents .footer-util:after { clear:both; display:table; content:''; }
.footer .footer-contents .footer-util li { float:left; padding:0 20px;  position:relative;  }
.footer .footer-contents .footer-util li:before {position:absolute; top:50%; left:-2.5px; margin-top:-2.5px; width:5px;height:5px; background:#fff; border-radius:100%; content:''; display:block; }
.footer .footer-contents .footer-util li:first-child { padding-left:0px;  }
.footer .footer-contents .footer-util li:first-child:before { display:none;  }
.footer .footer-contents .footer-util li a {color:#fff;   } */
.footer address {position: relative; color:#BBBFBC; font-size:15px; line-height:1.6; line-height:1.6; font-weight:400; padding-bottom: 40.5px; margin-bottom: 18.5px;}
.footer address:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #3F3F3F;}
.footer address .address{margin-bottom: 11px;}
.footer address ul{display: flex; flex-direction: row;}
.footer address ul li{margin-right: 27px;}
.footer .comment { color:#BBBFBC; font-size:15px;  }



  #backtotop {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 9999;
      width: 50px;
      height: 50px;
      text-align: center;
      background: rgba(4, 86, 156, 1);
      font-size: 18px;
	  padding-top:5px; 
      color: #fff;
      cursor: pointer;
      text-decoration: none;
      /*transition: opacity 0.2s ease-out;*/
      opacity: 0;
  }

  #backtotop  span {   font-size:14px;   }

  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(4, 86, 156, 1);
  }

.back {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
}

	.main-bottom-banner{border-top: 1px solid #E4E4E4;}
	.main-bottom-banner .bottom-banner{display: flex;  padding: 17px 16px 24px;}
	.main-bottom-banner .bottom-banner-list{width: calc(100% - 106px);}
	.main-bottom-banner .bottom-banner-list .bx-wrapper{position: relative;}
	.main-bottom-banner ul{display: flex; align-items: center;}
	.main-bottom-banner ul li{text-align:center;}
	.main-bottom-banner .bottom-banner-btn{display: flex; width: 106px;}
	.main-bottom-banner .bottom-banner-btn a{display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; font-size: 16px; color: #1D1D1D; border: 1px solid #E4E4E4; border-radius: 50%; background: #fff;}
	.main-bottom-banner .bottom-banner-btn a:hover{text-decoration: none;}
	.main-bottom-banner .bottom-banner-btn .banner-btn-play a{margin: 0 5px;}


}



@media(min-width: 1320px) and (max-width: 1619px){
	.gnb .menu h3{padding: 0 25px;}
}
@media(min-width: 1200px) and (max-width: 1319px){
	.gnb .menu h3{padding: 0 25px;}
	
}
@media(min-width: 1200px){
	.gnb .menu ul.depth-menu{padding-left: 285px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.gnb .row{padding-right: 40px;}
	.gnb .menu h3{padding: 0 15px;}

	.gnb .menu ul.depth-menu{padding-left: 145px;}
	
	.all-menu .menu h3 a{display: block; width: 200px; font-size: 26px; letter-spacing: 0px; line-height: 31px;}
	.all-menu .menu .depth-menu{display: flex; width: calc(100% - 200px);}


.footer .footer-link-menu dl dt a {  padding:20px 5px 0px;   }
.footer .footer-link-menu dl dt a span img{right:5px;  }

	.footer .foot-logo {  margin-right:50px;  }
	.footer .footer-contents { width:calc(100% - 218px); }

	.intro .tit img{margin-left: 85px !important;}

}


@media (max-width: 991px) {

	.pc-true { display:none !important;  }
	.m-true { display:block !important;  }

	.header { position:relative;   z-index:200;  padding: 0 15px;   }

	.header h1 {z-index:101; position:relative;   float:left;   padding:8px 0; }
	.header h1 a { display:block; width:108.15px; height:40px;  background:url(../images/common/logo_on.png) no-repeat center; background-size: cover;  }
	.header.active h1 a {background:url(../images/common/logo_on.png) no-repeat center; background-size: cover;}
	.header h1 a img {}
	.header h1 a span { }

	.header .langs .row{position: relative; height: 0;}
	.header .langs ul{position: absolute; top: 18px; right: 32px;}
	.header .langs li{float: left; padding: 0 8px;}
	.header .langs a{font-size: 15px; color: #FFFFFF; opacity: 0.6; font-weight: 500;}
	.header .langs a.active{font-size: 15px; color: #FFFFFF; opacity: 1;}

	


	.header .all-menu-open { position:absolute;  top:18px; right:0px;  }
	.header .all-menu-open a { font-size: 18px; color: #fff; line-height: 18px;}
	.header .all-menu-open span{display: none !important;}

	.header .top-search-wrap {  }
	.header .top-search-open { position:absolute;    top:26px; right:45px; }
	.header .top-search-open a { color:#fff;  display:block; }
	.header .top-search-open a i { font-size:16px;  }
	.header .top-search-wrap form { display:none;  position:absolute; top:65px; right:15px; width:calc(100% - 30px); height:74px; background:#fff; padding:19px 10px ;  }
	.header .top-search-wrap form:before { position:absolute; top:-11px; right:30px; content:''; display:inline-block; background:url(../images/main/search_top.svg) no-repeat center center ; background-size:13.19px 11.75px; width:13.19px; height: 11.75px; }
	.header .top-search-wrap form:after { clear:both; display:table; content:'';  }
	.header .top-search-wrap form button, .header .top-search-wrap form a, .header .top-search-wrap form input { float:left;  }
	.header .top-search-wrap form button, .header .top-search-wrap form a { display:block; width:55px; height:36px; border:0px; color:#fff; margin-left:2px; text-align:center; line-height:36px; background:#666666;  }
	.header .top-search-wrap form button{ background:#04569C;  }
	.header .top-search-wrap form input {border:1px solid #dbdbdb; width:calc(100% - 114px); background:#efefef; padding:0 5px; height:36px; color:#333; font-size:16px; }

	
	.m-menu { }
	.m-menu .header-util-wrap .dropdown{position: absolute; top: 23px; right: 17px;}
	.m-menu .header-util-wrap .dropdown a{font-size: 16px; color: #fff; font-family: 'Pretendard GOV';}
	.m-menu .header-util-wrap .dropdown a i{margin-left: 6px;}
	.header .all-menu-close {    position: absolute;  top:18px !important; right:15px; display: none;}
	.header .all-menu-close a {  font-size: 18px; color: #fff; line-height: 18px;}
	.header .all-menu-close span { display:none !important; }


	.top-util {height: auto;  padding:16px 15px  ; }
	.top-util li { float:left;   padding:0px 5px; position:relative;    }
	/* .top-util li:before {position:absolute; top:1px; left:0px; content:''; display:inline-block;  height:21px; width:1px; background:rgba(255,255,255,0.3); } */
	.top-util li:first-child {padding-left:0px;  }
	.top-util li:first-child:before {display:none; }
	.top-util li a { font-size:16px;color:#1D1D1D;display:block;   }
	.top-util li.home  { padding-top:0px;  }
	.top-util li.home a span { position:absolute; top:-99999px; height:0px; left:-999999px;   }
	.top-util li.login a i { position:absolute; top:-99999px; height:0px; left:-999999px;   }
	.top-util li.lang a i { position:absolute; top:-99999px; height:0px; left:-999999px;   }
	.top-util li.site-map  { display:none;   }

	/* #gnb{display:none; margin-right:-100%;   z-index: 1000; overflow-y:auto;    position: fixed;    top: 66px;  right: 0; width: 100%;   height: 100%;    background: #FFF;    letter-spacing: -1px;    text-align: left;   } */
	.header.active{background: #164475;}
	.m-menu{display:none; margin-right:-100%;   z-index: 1000; overflow-y:auto;    position: fixed;    top: 56px;  right: 0; width: 100%;   height: 100%;    background: #164475;    letter-spacing: -1px;    text-align: left;   }
	#gnb .container { width:100%;  }	
	#gnb .menu h3 a {    position: relative;  font-weight:bold;  display: block;    font-size: 19px;     padding: 21px 15px 21px 16px;    color: #fff; border-bottom:1px solid #dbdbdb;     letter-spacing: 0;}
	#gnb .menu01 h3 a { border-top:1px solid #dbdbdb;}
	#gnb .menu h3 a i{float: right;}
	#gnb .menu h3 a i.active{display: none;}
	#gnb .menu h3 a.active i{display: none;}
	#gnb .menu h3 a.active i.active{display: block;}
	#gnb .menu h3 a:hover { text-decoration:none;  }
	#gnb .menu:first-of-type h3 {     }

	#gnb .menu>ul.depth-menu {    display: none;    overflow-y: auto;  padding:0 15px;   background: #164475;   }
	#gnb .menu ul.depth-menu2{display: none !important;}
	#gnb .menu ul.active {    display: block;  }
	#gnb .menu ul { display:none;  padding: 16px 0; border-bottom: 1px solid #DDDDDD;}
	#gnb .menu ul > li > a {position: relative;    display: block;     padding:8px 15px 8px 12px;  font-size: 16px;      color: #fff;  letter-spacing: -0.47px; font-size: 19px;}
	#gnb .menu ul > li > a:before{content: ''; position: absolute; top: calc(50% - 1.5px); left: 0; width: 3px; height: 3px; border-radius: 1px; background: #fff;}
	#gnb .menu ul > li > a > img {  display: block; position:absolute; top:50%; margin-top:-5px;   right:5px;  width:14px;    }
	#gnb .menu ul > li > a > img.menu-open {  display: block;  }
	#gnb .menu ul > li > a > img.menu-close {  display: none;  }
	#gnb .menu ul > li > a > img.menu-go  {width:8px; }
	#gnb .menu ul > li > a > i.icon-popup {    display: inline-block; position:relative; margin-top:10px;  margin-left:2px;  }
	#gnb .menu ul > li > a.active {   color: #FFFFFF; font-weight: bold;}
	#gnb .menu ul > li > a.active > img.menu-close {   display: block; }
	#gnb .menu ul > li > a.active > img.menu-open {   display: none; }
	#gnb .menu ul img {    }
	#gnb .menu ul > li > ul {   display:none;   border-bottom:1px solid #E3E3E3;     padding: 8px 0 4px;  }
	#gnb .menu ul > li > ul > li	 { margin-bottom:10px;  }
	#gnb .menu ul > li > ul > li > a {    position: relative;    display: block;    font-size: 14px;  border-bottom:0px;   padding: 3px 0 3px 10px;     color: #666;  }
	#gnb .menu ul > li > ul > li > a:before {  position:absolute; top:10px; left:0px; content:''; width:3px; height:3px; background:#666; border-radius:100%; display:inline-block; }
	#gnb .menu ul > li > ul > li > a.active {    color: #0D76CF;    text-decoration: underline;  }








.footer {background:#282A29; padding:40px 15px 55px;   position:relative;  }
.footer .foot-logo {display: block;}
.footer .foot-logo .logo {font-size: 18px; letter-spacing: 0px; line-height: 21px;  color: #fff; float: unset; display: block; margin-bottom: 24px; font-weight: bold;}
.footer .foot-logo img { width:250px;}
.footer address {position: relative; color:#BBBFBC; font-size:14px; line-height:18px; margin-bottom:5px; font-weight:400; padding-bottom: 24px; margin-bottom: 24px;  letter-spacing: 0;}
.footer address:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #3F3F3F;}
.footer address p{margin-bottom: 8px; word-break: keep-all;}
.footer address ul li{margin-bottom: 4px;}
.footer .comment { color:#BBBFBC; font-size:12px;  letter-spacing: 0;}

	.main-bottom-banner{border-top: 1px solid #E4E4E4;}
	.main-bottom-banner .bottom-banner-list{padding: 17px 16px 24px;}
	.main-bottom-banner .bottom-banner-btn{display: none;}
	.main-bottom-banner .bx-viewport{min-height: 36px !important;}
	.main-bottom-banner ul{display: flex; align-items: center;}
	.main-bottom-banner ul li{text-align:center;}
	.main-bottom-banner .bx-controls{display: none;}




}

@media(max-width: 1420px) and (min-width: 992px){
	/* .gnb .menu-bg .text{display: none;}
	.gnb .menu-bg:after{display: none !important;}
	.gnb .menu01{ padding-left:200px !important;}
	.gnb .menu01 ul.depth-menu{border-left: 1px solid #dddddd;} */
}


@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}
@media (min-width: 768px) {

}


/* @media(min-width: 1920px){
	.gnb .menu01 ul.depth-menu{padding-right: 20%;}
	.gnb .menu03 ul.depth-menu{padding-right: 34.5%;}
	.gnb .menu04 ul.depth-menu{padding-right: 27%;}
	.gnb .menu05 ul.depth-menu{padding-right: 17%;}
	.gnb .menu06 ul.depth-menu{padding-right: 4%;}
} */