@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');

	@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-weight:normal; 
	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; }




body {   font-family: 'SCoreDream'; 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:95px; position:absolute; width:100%;    z-index:200;   background:rgba(0,0,0,0.4);  }
	.header h1 {z-index:101; position:relative; float:left;    padding-top:15px; }
	.header h1 a { display:block; width:206px; height:63px;  background:url(../images/common/logo.svg) no-repeat center center; background-size:206px 63px;  }
	.header h1 a img { width:168px;   }
	.header h1 a span { }

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

	.header-util-wrap { position:absolute; top:50px;right:50%; margin-right:-600px;   z-index:102; }
	.header-util-wrap ul  { } 
	.header-util-wrap ul li  { float:left; padding:0 10px;     position:relative; padding-bottom:20px;   } 
	.header-util-wrap ul li a {color:#fff;  display:block; }
	.header-util-wrap ul li a i { font-size:16px;  }
	.header-util-wrap ul li a span { display:none; }
	.header-util-wrap ul li.lang.active { background:url(../images/main/arrow-down.svg) no-repeat center 25px; background-size:11px 6px;  }
	.header-util-wrap ul li.lang ul {  display:none;  }
	.header-util-wrap ul li.lang.active ul { display:block;  position:absolute; top:40px; left:50%; margin-left:-47.5px; width:95px;   background:#fff; font-size:14px;  }
	.header-util-wrap ul li.lang ul li {padding:0px;  width:100%; }
	.header-util-wrap ul li.lang ul li a { display:block; line-height:35px;  color:#333; font-size:14px; width:100%; text-align:center; }
	.header-util-wrap ul li.lang ul li a i {  font-size:14px;}
	.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 .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 {   display:none !important; }
		.header .all-menu-close img{ display:none !important;   } 
	.header .all-menu-close { display:none; position:absolute; right:0px; z-index:100;  }
	.header .all-menu-close a {display:inline-block; display:inline-block; background:#0D76CF; color:#fff; padding:5px 12px; font-size:16px;   }

	.gnb {   position:absolute ; top:30px; left:0px; width:100%; z-index:100; text-align:center; font-size:0px;    }
	.gnb .container { position:relative; z-index:100;   }
	.gnb .menu-bg {display:none;    background:#fff; position:absolute; top:65px; left:0px; width:100%;   z-index:10;   min-height:450px; border-bottom:1px solid #dbdbdb;  }
	.gnb .menu-bg:after {background:url(../images/main/menu_bg.png) no-repeat right 30px bottom 30px; background-color:#0D76CF; content:''; display:block; position:absolute; top:0px; left:0px; width: calc(50% - 350px);  height: calc(100% + 1px); z-index:1;  }

	.gnb .menu { display:inline-block;  text-align:center;    }
	.gnb .menu01{ padding-left:80px;  }
	.gnb .menu h3 {    } 
	.gnb .menu h3 a { color:#fff; text-align:center; letter-spacing:-1.5px;  display:block;  height:60px;   padding-top:15px;  padding-left:10px; padding-right:10px;     font-size:18px;  font-weight:normal;  }
	.gnb .menu h3 a:hover ,.gnb .menu h3 a.active {text-decoration:none; color:#64D3FF;  }

	.gnb .menu ul.depth-menu {display:none; position:absolute; top:60px; left:0px;  text-align:left;     z-index:100;  width:100%;  padding:10px 0  50px;  padding-left:265px;     }
	.gnb .menu ul.depth-menu:after { clear:both; display:table; content:'';  }
	.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.first {float:none; width:calc(100% - 30px); margin-left:15px; margin-right:15px;   border-bottom:1px solid #dbdbdb; padding:20px 0 10px;margin-bottom:10px;   font-size:20px; color:#666; font-weight:bold;  }
	.gnb .menu ul.depth-menu li.first strong {color:#333;  font-weight:600;  font-size:32px; position:relative; display:inline-block; padding-right:50px;  }
	.gnb .menu ul.depth-menu li.first strong:after { position:absolute; top:10px; right:25px; width:3px; height:30px; background:#049EDC; content:''; display:inline-block;  }*/
	.gnb .menu ul.depth-menu > li   {  float:left; width:25%; padding:0 10px; margin-bottom:50px;    }
	.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  { font-size:20px; display:block;  width:100%;  color:#333;   letter-spacing:-1.5px;  padding:20px 0  ;   padding-left:10px;  }
	.gnb .menu ul.depth-menu > li a:hover , .gnb .menu ul.depth-menu > li a.active {  color:#0E6FC1; }
	.gnb .menu ul li a.active, .gnb .menu ul li a:hover  { text-decoration:none;   }
	.gnb .menu ul.depth-menu li ul { display:block !important; 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 #0E6FC1; }
	.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; }

	/*링크 아이콘 스타일 추가 20230611 hun*/
	.blank_01 {font-size: 16px; padding: 0 0 0 5px;	color: #999;}
	.blank_02 {font-size: 14px; padding: 0 0 0 5px;	color: #999;}
	.blank_03 {font-size: 12px; padding: 0 0 0 5px;	color: #999;}




	.fix-header { position:fixed; top:0px; left:0px; height:95px; width:100%; background:#fff; border-bottom:1px solid #dbdbdb;   -webkit-animation-name:fadeInTop; animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s; }
	.fix-header	 h1 a {  background:url(../images/common/logo_b.svg) no-repeat center center; background-size:168px 63px;  }
	.fix-header .top-search-open a { color:#666;  }
	.fix-header .header-util-wrap ul li a {color:#666;   }
	.fix-header .header-util-wrap ul li.site-map a {  background:url(../images/main/sitemap_ico2.svg) no-repeat center center; background-size:13px 13px;  } 
	.fix-header	.gnb .menu h3 a {color:#666;  }
	.fix-header .gnb .menu h3 a:hover ,.fix-header .gnb .menu h3 a.active {text-decoration:none; color:#0D76CF;  }


	/*.gnb .menu ul.depth-menu  {display:none; position:absolute; top:60px; left:0px;  text-align:left;     z-index:100; padding-left:350px; width:100%;  }
	.gnb .menu ul.depth-menu:after { clear:both; display:table; content:'';  }
	.gnb .menu ul.depth-menu li.first {position:absolute; top:0px; lefT:0px; font-weight:600; width:300px; padding-top:52px;   font-size:18px; color:#fff; line-height:1.5;  border-bottom:0px;  }
	.gnb .menu ul.depth-menu li.first strong {display:block; color:#fff;  font-weight:800;  font-size:36px; position:relative; padding-bottom:20px; margin-bottom:20px;  }
	.gnb .menu ul.depth-menu li.first strong:after { position:absolute; bottom:0px; left:0px; width:50px; height:3px; background:#fff; content:''; display:inline-block;  }
	.gnb .menu ul.depth-menu > li   {  border-bottom:1px solid #dbdbdb;   }
	.gnb .menu ul.depth-menu > li:last-child   {  border-bottom:none;   }
	.gnb .menu ul.depth-menu > li:after { clear:both; display:table; content:'';  }
	.gnb .menu ul.depth-menu li img { display:none !important;  }
	.gnb .menu ul.depth-menu > li a  { font-size:22px; display:block;  font-weight:600; color:#666;  float:left; width:130px;  letter-spacing:-1.5px;  padding:20px 0  ;}
	.gnb .menu ul.depth-menu > li a:hover , .gnb .menu ul.depth-menu > li a.active {  color:#0E6FC1;}
	.gnb .menu ul li a.active, .gnb .menu ul li a:hover  { text-decoration:none;   }
	.gnb .menu ul.depth-menu li ul { display:block !important; padding-top:15px; padding-bottom:15px;   padding-left:20px; float:left; width:calc(100% - 130px);   }
	.gnb .menu ul.depth-menu li ul li {position:relative;   float:left;  padding:0px; margin-left:20px;  padding-left:10px;    }
	.gnb .menu ul.depth-menu li ul li:before { position:absolute; top:19px; 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:10px 0  ;}
	.gnb .menu ul.depth-menu li ul li a:hover,.gnb .menu ul.depth-menu li ul li a.active { text-decoration:underline; }
*/




.footer {background:#333; padding-bottom:50px; padding-top:40px;    position:relative;  }
.footer .foot-logo {float:left; margin-right:80px;  }
.footer .foot-logo img { width:206px;   }
.footer .footer-contents {   float:left;  width:calc(100% - 286px); }
.footer address { padding-top:10px;  color:#fff; font-size:16px; line-height:1.8;margin-bottom:5px;  line-height:1.6;font-weight:200;   }




  #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;
}


}





@media (min-width: 1600px) {


	.container { width:1600px;  }
	.header .top-search-wrap {  margin-right:-690px;  }
	.header-util-wrap {  margin-right:-800px;   }
	.gnb .container { padding-left:0px;  }
	.gnb .menu01{ padding-left:130px;  }
	.gnb .menu h3 a { padding-left:35px; padding-right:35px;  font-size:20px; }
	.gnb .menu-bg:after { width: calc(50% - 500px); }
	.gnb .menu ul.depth-menu {padding-left:330px; padding-right:100px;    }
	.gnb .menu ul.depth-menu li.first { font-size:20px;  }
	/*.gnb .menu ul.depth-menu > li a  { font-size:24px; width:250px;  }
	.gnb .menu ul.depth-menu li ul { width:calc(100% - 250px);   }
*/
/*	.gnb .menu ul.depth-menu { width:calc(100%  + 40px);  margin:0 -12.5px;   }*/
	/*.gnb .menu ul.depth-menu li.first { width:calc(100% - 40px); margin-left:20px; margin-right:20px;  }*/
	.gnb .menu ul.depth-menu > li   {  padding:0 12.5px;    }
		.header .all-menu-close { right:100px; }



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


}




@media (min-width: 992px) and (max-width: 1199px) {
.header h1  {  padding-top:25px;   }
.header h1 a {  width:166px; height:48px;   background-size:166px 48px;  }
	.header .top-search-wrap {  margin-right:-370px;    }
	.header-util-wrap { margin-right:-480px;}
	.gnb .menu01 {    padding-left: 30px; }
	.gnb .menu h3 a {    padding-left:7px; padding-right:7px;   font-size:15px;   }
	.gnb .menu-bg:after {width: calc(50% - 270px);   }
	.gnb .menu ul.depth-menu  {padding-left:215px;   }
	.gnb .menu ul.depth-menu li.first {width:210px;}
	.gnb .menu ul.depth-menu li.first { font-size:16px; }

.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); }

}


@media (max-width: 991px) {

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

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

	.header h1 {z-index:101; position:relative;   float:left;   padding-top:10px; }
	.header h1 a { display:block; width:123px; height:46.13px;  background:url(../images/common/logo.svg) no-repeat center center; background-size:123px 46.13px;  }
	.header h1 a img { width:123px;  }
	.header h1 a span { }

	


	.header .all-menu-open { position:absolute;  top:23px; right:15px;  }
	.header .all-menu-open img { width:18px;  }

	.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 { display:none; margin-right:-100%;   z-index: 1000; overflow-y:auto;    position: fixed;    top: 0px;  right: 0; width: 100%;   height: 100%;    background: #F2F2F2;    letter-spacing: -1px;    text-align: left;   }
	.header .all-menu-close {    position: absolute;     top:18px !important; right:15px; }
	.header .all-menu-close img {  width:15px; }
	.header .all-menu-close span { display:none !important; }


	.top-util {background:#1A3257;height:54px;  padding:17px 15px 0 ; }
	.top-util li { float:left;   padding:0px 15px; 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:#fff;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 .container { width:100%;  }	
	#gnb .menu h3 a {    position: relative;  font-weight:normal;  display: block;    font-size: 18px;    width: 125px;    padding: 18px 0 18px 20px;    color: #333; border-bottom:1px solid #dbdbdb;     }
	#gnb .menu h3 a:hover { text-decoration:none;  }
	#gnb .menu h3 a.active { background:#0D76CF; color:#fff;  }
	#gnb .menu:first-of-type h3 {     }

	#gnb .menu>ul.depth-menu {    display: none;    position: absolute;    top: 54px;    right: 0;    width: calc(100% - 125px);    height: calc(100% - 54px);    overflow-y: auto;  padding:0 15px;   background:#fff;   }
	#gnb .menu ul.active {    display: block;  }
	#gnb .menu ul > li.first { display:none;  }
	#gnb .menu ul > li > a {    position: relative;    display: block;     padding:15px 15px 16px 0px;  font-size: 16px;      color: #333;  border-bottom:1px solid #dbdbdb; ;    }
	#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: #0D76CF;  border-bottom:1px solid #0D76CF;  }
	#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:#333; padding:30px 15px;   position:relative;  }
/*.footer:after { position:absolute; top:79px; left:0px; width:100%; height:1px; background:rgba(255,255,255,0.3); content:''; display:block;  }*/
.footer .footer-link-menu {margin-bottom:35px; border-left:1px solid rgba(255,255,255,0.3);  border-top:1px solid rgba(255,255,255,0.3); }
.footer .footer-link-menu dl { float:left; width:50%; position:relative;  z-index:100;    }
.footer .footer-link-menu dl:first-child {  margin-left:0px;  }
.footer .footer-link-menu dl dt a { display:table-cell; width:500px;vertical-align:middle;   color:#fff;  padding:0 30px 0 10px; word-break:keep-all; line-height:1.1;  height:40px; border-bottom:1px solid rgba(255,255,255,0.3);  border-right:1px solid rgba(255,255,255,0.3); font-size:14px; font-weight:normal;    }
/*.footer .footer-link-menu dl:nth-of-type(3) dt a, .footer .footer-link-menu dl:nth-of-type(4) dt a { border-bottom:0px;   }*/
.footer .footer-link-menu dl dt a span {   padding-top:0px;    }
.footer .footer-link-menu dl dt a span img{width:13px;  position:absolute; top:20px; right:10px;    -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; position:absolute; bottom:41px; overflow-y:auto; max-height:350px;  width:100%;   }
.footer .footer-link-menu dl dd a { font-size:14px; display:block; margin:5px 0;color:#afafaf;    }
.footer .foot-logo {float:left; margin-right:80px;display:none;   }
.footer .foot-logo img { width:168px;   }
.footer .footer-contents {   }
.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 15px;  position:relative;  margin-bottom:10px;  }
.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;  font-size:14px;   }
.footer address { color:#fff; font-size:16px; line-height:1.5;margin-bottom:5px; font-weight:200;   }
.footer address strong { display:block;  }
.footer address .address { margin-bottom:10px;  }
.footer address .address1 strong { color:#51A1DC;   }
.footer address .address2 { margin-bottom:10px;   }
.footer address .address2 strong { color:#5FC013;   }
.footer .comment { color:#8a8a8a; font-size:14px;  }




  #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;
}


}




@media (min-width: 1200px) {

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

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

}