@import url(./common/pe-icon-7-stroke/css/pe-icon-7-stroke.css);
@import url(./common/pe-icon-7-filled/css/pe-icon-7-filled.css);
@import url(./common/pe-icon-7-stroke/css/helper.css);


 
* { margin:0; padding:0; -webkit-text-size-adjust:none;  }
img { border:none;  }
fieldset { border:none; }
legend { display:none; }
input, textarea { resize:none; }
ul, dl, ol { list-style:none; }
 html {
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

::-moz-selection {
   background: #41cba0;
   color: #ffffff;
}
::selection {
   background: #41cba0;
   color: #ffffff;
}

html, body { width:100%; height:100%;   }
html, body {
  font-family:helvetica,AppleSDGothicNeo-Light,-apple-system,Arial,sans-serif;  
  font-weight:300;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
}

/*
A:link  {color:#333333;text-decoration:none;}
A:visited {color:#333333;text-decoration:none;}
A:active {color:#333333;text-decoration:none;}
A:hover {color:#218fba;text-decoration:none;}
*/
A:link  {color:#333333;text-decoration:none;}
A:visited {color:#333333;text-decoration:none;}


.clearoz:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearoz { min-height:1px; /*IE6,7*/ }
* html .clearoz {
	height:1px; /*MAC IE5*/
	height:auto;
	overflow:hidden;
}
.rotator i, .rotator img { cursor:pointer;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
}
.rotator i:hover, .rotator img:hover {
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg); 
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); 
}

.w1800 { max-width:1800px; margin:0 auto; position:relative; padding:0px; }
.w1700 { max-width:1700px; margin:0 auto; position:relative; padding:0px; }
.w1500 { max-width:1500px; margin:0 auto; position:relative; padding:0px; }
.w1400 { max-width:1400px; margin:0 auto; position:relative; padding:0px; }
.w1300 { max-width:1300px; margin:0 auto; position:relative; padding:0px; }
.w1200 { max-width:1200px; margin:0 auto; position:relative; padding:0px; }
.w1230 { max-width:1230px; margin:0 auto; position:relative; padding:0px; }

.w1100 { max-width:1100px; margin:0 auto; position:relative; padding:0; }
.w1130 { max-width:1130px; margin:0 auto; position:relative; padding:0; }
.w1000 { max-width:1000px; margin:0 auto; position:relative; padding:0; }
.w900 { max-width:900px; margin:0 auto; position:relative; padding:0; }
.w800 { max-width:800px; margin:0 auto; position:relative; padding:0; }
.w700 { max-width:700px; margin:0 auto; position:relative; padding:0; }
.w600 { max-width:600px; margin:0 auto; position:relative; padding:0; }
.w500 { max-width:500px; margin:0 auto; position:relative; padding:0; }
.w400 { max-width:400px; margin:0 auto; position:relative; padding:0; }
.w300 { max-width:300px; margin:0 auto; position:relative; padding:0; }

.spacer10 { height:10px; }
.spacer15 { height:15px; }
.spacer20 { height:20px; }
.spacer30 { height:30px; } .spacer30R { height:30px; }
.spacer40 { height:40px; }
.spacer50 { height:50px; }
.spacer60 { height:60px; }  .spacer60blog { height:60px; } .spacer60R { height:60px; } 
.spacer70 { height:70px; }
.spacer80 { height:80px; }
.spacer90 { height:80px; }
.spacer100 { height:100px; }
.spacer150 { height:150px; }

.opacity90 { 	-ms-filter:alpha(opacity=90);filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; }
.opacity80 { 	-ms-filter:alpha(opacity=80);filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.opacity70 { 	-ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }
.opacity60 { 	-ms-filter:alpha(opacity=60);filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; }
.opacity50 { 	-ms-filter:alpha(opacity=50);filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }
.opacity40 { 	-ms-filter:alpha(opacity=40);filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
.opacity30 { 	-ms-filter:alpha(opacity=30);filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }
.opacity20 { 	-ms-filter:alpha(opacity=20);filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; }

.ellipsis {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.ellipsis3{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
-webkit-line-clamp: 4; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.2em;
 height: 4.8em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
} 


.keep-all {
   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;
}

.txtShadow5 {  text-shadow:0px 1px 8px rgba(0,0,0,0.2); }


#mwrap {
	width:100%; height:100%; margin:0; position:relative;
}


/*
0 = 00 
0.1 = 1a 
0.2 = 33 
0.3 = 4d 
0.4 = 66 
0.5 = 80 
0.6 = 99 
0.7 = b3 
0.8 = cc 
0.9 = e6
*/

.ie8_08 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 )"; 
	zoom: 1; 
}

.ie8_06 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 )"; 
	zoom: 1; 
}

.ie8_05 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 )"; 
	zoom: 1; 
}

.ie8_04 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 )"; 
	zoom: 1; 
}

.ie8_03 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4d000000, endColorStr=#4d000000 )"; 
	zoom: 1; 
}
.ie8_02 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 )"; 
	zoom: 1; 
}
.ie8_01 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 )"; 
	zoom: 1; 
}

.aniY {
	transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
}
.aniY:hover {
 transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
 -o-transform: translateY(-10px);
}
.aniY2 {
	transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
}
.aniY2:hover {
 transform: translateY(10px);
 -moz-transform: translateY(10px);
 -webkit-transform: translateY(10px);
 -o-transform: translateY(10px);
}
 
.nodrag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;} 

.noLinkx { cursor:default;   }
.taCenter p { text-align:center; }

.imgzoom { position:relative; }
.imgzoomicon {
	display:none;
	clear:both;
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
	z-index:1000;
    width: 60px;
    height: 60px;
	background-image:url('/KR/img/zoomimg.png');
    background-repeat: no-repeat;
    background-position: center;
	background-color:#000000;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-ms-filter:alpha(opacity=30);filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;
	cursor:pointer;
}

.br1200 { display:inline-block; width:10px;  }
.br500 { display:inline-block; width:10px;  }
.br600L  { display:inline-block; width:10px;  }

.br600  { display:block; width:0px;  }

/* -----------foot white------------*/

#Footer2a li { float:left; height:54px;  border-right:1px solid #555555; }

#Footer2a a.f_first { display:inline-block;width:160px;height:55px;background-color:#0b65be;color:#eeeeee; 	
	font-size:13px;   
 	font-weight:400;
	text-align:center;
	padding-top:18px;
}
#Footer2a a.f_link { display:inline-block;  height:100%; color:#eeeeee;  
	font-size:13px;   
 	font-weight:400;
	text-align:center;
	padding-top:18px;
	padding-left:20px;
	padding-right:20px;
	/*background:url('/KR/imgds/linefoot.gif') right center no-repeat;*/
}

#Footer2a2 .address {
	color:#666666;
	font-size:13px;   
}
#Footer2a2 .copyright {
	color:#999999;
	font-size:13px;   
}


/* -----------foot black------------*/

 .footbtn { text-align:left; } 
 .footbtn > a { 
	display:inline-block;
	margin-left:-1px;
	font-size:12px;  font-weight:100;   
	padding:6px 10px;
	background-color:#333333;
	border:0;
	color:#eeeeee;
	font-weight:400;
	margin-bottom:2px;
}
.footbtn > a:hover {
	background-color:#151515;
	color:#ffffff;
}

.goTop {  
	text-align:center;  
	display:inline-block;
	width:50px; height:47px;
	font-size:12px;      
	padding-top:10px;
	background-color:#333333;
	color:#ffffff;
	font-weight:400;
}
.goTop:hover { background-color:#555555; }

.contactus p {
	color:#555555; font-size:13px;   font-weight:400;    
}
.contactus span {
	 color:#aaaaaa; font-size:12px;   font-weight:400;   
}
.copyrtxt { text-align:left;  padding-top:0px;font-size:11px;color:#aaaaaa;width:100%;     } 


#sitelinkgo1, #sitelinkgo2 { display:inline-block;  width:180px; text-align:center;   cursor:pointer; 
	font-size:12px;  font-weight:100;   
	padding:6px 10px;
	background-color:#222222;
	border:0px solid #222222;
	color:#eeeeee;
	font-weight:400;
	margin-left:-1px;
	margin-bottom:2px;
}

#sitelinkbox1, #sitelinkbox2  {
	position:absolute; background-color:#444444; width:180px;
	top:0; left:0;
}
#sitelinkbox1 a, #sitelinkbox2 a {
	display:block;
	padding:6px 10px;
	font-size:12px;  font-weight:100;   
	color:#eeeeee;
	border-top:1px dotted #888888;
}
#sitelinkbox1 a:first-child, #sitelinkbox2 a:first-child { border-top:0; }

#sitelinkbox1 a:hover, #sitelinkbox2 a:hover { background-color:#222222; }

/* -----------foot black------------*/


/* ----------popup---------- */
.popTitle { width:100%; display:table-cell;vertical-align:middle; text-align:center; background-color:#3e99e4; color:#ffffff; font-size:22px;  font-weight:700; line-height:1.4;    }
.popText { font-size:14px;  font-weight:300; line-height:1.4; }
.popText img { max-width:100%; }
/* ----------popup---------- */










/* ----------topmenu---------- */
#topMasterBtn a { color:#ffffff; font-size:12px; width:30px; height:25px; display:inline-block; text-align:center; background-color:rgba(0,0,0,0.4); padding-top:3px; }

#topMenuRight { position:absolute;width:90px; top:28px; right:10px; height:25px;  text-align:right; z-index:6; }
#topMenuRight a {
	display:inline-block; text-align:center;
	font-size:12px; color:#ffffff;  
	padding:8px 3px; 
	border:0px solid rgba(255,255,255,0.4);

	width:30px; height:38px; overflow:hidden;
} 

a.btnsupports {
	display:block;width:100%;height:40px;border:0px solid #027217; background-color:#2cab7c; text-align:center; color:#ffffff;    font-size:14px; line-height:40px;
 
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	

}
a.btnsupports:hover {
	background-color:#0d76bd;
}

.sitemapbtn {   
	z-index:6;position:absolute; top:36px; right:0; width:60px; height:60px; background:url('/KR/img/menu3line.png') center no-repeat #0f1213; text-align:center; 
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;	
}
.nblog {
	font-size:11px;
	color:#dddddd;
	font-weight:100;
	z-index:3;
}
.nblog a {
	text-align:right;
	font-size:12px;
	font-weight:300;
	color:#777777;
	padding:0 5px;

}
/* ----------topmenu---------- */

/* ----------mainmenu---------- */

ul.mainMenuUl > li {  display:inline-block; position:relative; }
#mainMenu p {
	position:relative;
	display:inline-block;
	margin-left:-1px;
	/*background:url('/web10/img/lineMenu25.png') right center no-repeat;*/
}
ul.mainMenuUl > li > p > a {
	position:relative;
 	display:block; 	 
 	/*color:#ffffff;*/
	color:#222222;
	/*font-size:16px; */
	font-size:16px;
 	padding:22px 30px; font-weight:900;
	/*text-shadow: 1px 0px 1px #333333;*/
	text-align:center;
	z-index:3;
 }
.mainMenuUl > li > p > a.active , .mainMenuUl > li > p > a:hover {
	/*background-color:#40cb9f;  	border:1px solid #40cb9f;*/
}
.mainMenuUl  ul { 
	display:none;
	height:240px;
	width:100%;
	position:absolute;
 	margin-top:-2px;
	padding-top:15px;

}
.mainMenuUl ul li { 
	padding:0;
	display:block;  
	text-align:left;
	position:relative;  
	width:100%;
	/*background-image:url("/web10/img/menubardot.png");*/
	background-position:22px center;
	background-repeat:no-repeat;
  }
.mainMenuUl li ul li a {
	display:inline-block;  
	
	padding:3px 5px 3px 29px;
 	font-weight:500;
	font-size:13px;
	color:#222222;
	line-height:1.0;
	
 	/*text-shadow: 1px 1px 1px #666666;*/
 	border-bottom:0px solid #97eed2;
}
.mainMenuUl li ul li a:hover {  color:#1a7ee1; }
.mainMenuUl li ul li:hover span {
	background-color:#40cb9f;
}

.width130 { width:130px; }
/* ----------mainmenu---------- */

/* ------------------ sitemap.htm ----------*/
.sidemenuBoxBtn { text-align:center; padding-bottom:15px; max-width:100px; margin:0 auto; cursor:pointer; }
.sidemenuBoxBtn i { font-size:30px; }
.sidemenuBoxBtn span { font-family:Arial,Sans-serif; font-size:11px;    }
.sidemenuBoxBtn a { display:block; width:100%; height:100%; color:#111111; }
.sidemenuBoxBtn a:hover { color:green;  }

ul.sideBmenu { position:relative; max-width:400px; margin:0 auto; }
ul.sideBmenu span { font-size:16px; 	 font-weight:500; color:#000000;    }
ul.sideBmenu li p { cursor:pointer; text-align:left; 
	padding:6px 6px; 	border:1px solid #80cdd5; 
 	 font-weight:700;   
  color:#000000; font-size:18px;
  /*background:url("/html/imgs/menuarrow.png") no-repeat right center;*/
  margin-top:-1px;
}
ul.sideBmenu li { background-color:#3aa7ba; }
ul.sideBmenu li p i { 	font-size:20px; display:inline-block; }
ul.sideBmenu ul li i { 	display:inline-block; }
ul.sideBmenu li a { 	 font-weight:700; color:#000000; font-size:18px; display:inline-block; width:100%; height:100%;    }
ul.sideBmenu li a:hover, ul.sideBmenu li:hover { color:#000000;  }
ul.sideBmenu ul { display:none;  margin-top:3px;margin-bottom:5px;  }
ul.sideBmenu ul li { border-top:1px dashed #91d7df; border-bottom:0; padding:5px 5px 8px 30px; background-color:#3aa7ba; }
ul.sideBmenu ul li a { font-weight:300;  font-size:14px;    }
ul.sideBmenu ul li:first-child { 	border-top:0px solid #ffffff; }
/* ------------------ sitemap.htm ----------*/


 

/* -------------- H O M E ---------------- */

/* -----------section1------------*/
.copyrightx { color:#ffffff; font-family:'Arial','Malgun Gothic','gulim','san-serif'; font-size:11px; 
  transform:  rotate(-90deg);
 -moz-transform:  rotate(-90deg);
 -webkit-transform:  rotate(-90deg);
 -o-transform:  rotate(-90deg);
 -ms-transform:  rotate(-90deg);; /* IE 9 */
 display:none \9;
}

.homeimg {
 -webkit-background-size: cover; 
  -moz-background-size: cover;  
  -o-background-size: cover; 
  background-size: cover; 
  /*background-attachment: fixed;*/
	background-position:50% 50%;
	background-repeat:no-repeat;
	/*-ms-filter:alpha(opacity=0);filter:alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;*/

	/*-ms-transform: scale(1.2, 1.2);*/
	-webkit-transform: scale(1.2, 1.2) rotate(.001deg);
	-moz-transform: scale(1.2, 1.2) rotate(.001deg);
	-o-transform: scale(1.2, 1.2) rotate(.001deg);
	transform: scale(1.2, 1.2) rotate(.001deg);

	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	-moz-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	-o-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	/*-ms-transition:transform 7s ease-out, opacity 1s ease 0.3s;*/
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}




.slickX.slick-active .homeimg {
	/*-ms-filter:alpha(opacity=100);filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;*/
	/*-ms-transform: scale(1, 1);*/
	-webkit-transform: scale(1, 1) rotate(.001deg);
	-moz-transform: scale(1, 1) rotate(.001deg);
	-o-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);

	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	/*-ms-transition-delay: 0s;*/
	transition-delay: 0s;
}

.zximg {
  -webkit-animation: zoomout 5s ease-in-out;
  -moz-animation: zoomout 5s ease-in-out;
  -o-animation: zoomout 5s ease-in-out;
  -ms-animation: zoomout 5s ease-in-out;
  animation: zoomout 5s ease-in-out;

  /*
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
*/
}


/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@-moz-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@-o-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@-ms-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
  0% {transform: scale(1.2) rotate(.001deg);}
  100% {transform: scale(1) rotate(.001deg);}
}
@-moz-keyframes zoomout {
  0% {transform: scale(1.2) rotate(.001deg);}
  100% {transform: scale(1) rotate(.001deg);}
}
@-o-keyframes zoomout {
  0% {transform: scale(1.2) rotate(.001deg);}
  100% {transform: scale(1) rotate(.001deg);}
}
@-ms-keyframes zoomout {
  0% {transform: scale(1.2) rotate(.001deg);}
  100% {transform: scale(1) rotate(.001deg);}
}
@keyframes zoomout {
    0% {transform: scale(1.2) rotate(.001deg);}
  100% {transform: scale(1) rotate(.001deg);}
}/*End of Zoom out Keyframes */
 
.slickslider  p { text-align:center; }
.slickslider  p img { display:inline-block; }
 

.slickslider .slickX .slider_title1 {  
   -webkit-animation:fadeOutUp 1s both;
   -moz-animation:fadeOutUp 1s both;
   -ms-animation:fadeOutUp 1s both;
   -o-animation:fadeOutUp 1s both;
	animation:fadeOutUp 1s both;
}
.homs .slider_title1, .slickslider .slickX.slick-active .slider_title1  {   
  -webkit-animation:fadeInUp 1s both 0.5s;
  -moz-animation:fadeInUp 1s both 0.5s;
  -ms-animation:fadeInUp 1s both 0.5s;
  -o-animation:fadeInUp 1s both 0.5s;
  animation:fadeInUp 1s both 0.5s;
}
 
.slickslider .slickX .slider_title1 span, .slickslider .slickX.slick-active .slider_title1 span  {
 	 font-size:10px; color:#ffffff;
}
 
.slickslider .slickX .slider_title2 {  
   -webkit-animation:fadeOutUp 1s both;
   -moz-animation:fadeOutUp 1s both;
   -ms-animation:fadeOutUp 1s both;
   -o-animation:fadeOutUp 1s both;
	animation:fadeOutUp 1s both;
}
.homs .slider_title2, .slickslider .slickX.slick-active .slider_title2  { 
  -webkit-animation:fadeInUp 1s both 0.9s;
  -moz-animation:fadeInUp 1s both 0.9s;
  -ms-animation:fadeInUp 1s both 0.9s;
  -o-animation:fadeInUp 1s both 0.9s;
  animation:fadeInUp 1s both 0.9s;
}
 

.slickslider .slickX .slider_title3 { color:#ffffff;   margin-top:8px; margin-bottom:8px; 
   -webkit-animation:fadeOutUp 1s both;
   -moz-animation:fadeOutUp 1s both;
   -ms-animation:fadeOutUp 1s both;
   -o-animation:fadeOutUp 1s both;
	animation:fadeOutUp 1s both;
}
.homs .slider_title3, .slickslider .slickX.slick-active .slider_title3  {  
  -webkit-animation:fadeInUp 1.5s both 1.5s;
  -moz-animation:fadeInUp 1.5s both 1.5s;
  -ms-animation:fadeInUp 1.5s both 1.5s;
  -o-animation:fadeInUp 1.5s both 1.5s;
  animation:fadeInUp 1.5s both 1.5s;
}

.slickslider .slickX .slider_title4 {   color:#ffffff;   
   -webkit-animation:fadeOut 1s both;
   -moz-animation:fadeOut 1s both;
   -ms-animation:fadeOut 1s both;
   -o-animation:fadeOut 1s both;
	animation:fadeOut 1s both;
}
.homs .slider_title4, .slickslider .slickX.slick-active .slider_title4  {   
  -webkit-animation:fadeIn 2s both 2.5s;
  -moz-animation:fadeIn 2s both 2.5s;
  -ms-animation:fadeIn 2s both 2.5s;
  -o-animation:fadeIn 2s both 2.5s;
  animation:fadeIn 2s both 2.5s;
}




.slickslider .slickX .slider_title5 { 
   -webkit-animation:fadeOutUp 1s both;
   -moz-animation:fadeOutUp 1s both;
   -ms-animation:fadeOutUp 1s both;
   -o-animation:fadeOutUp 1s both;
	animation:fadeOutUp 1s both;
}
.homs .slider_title5, .slickslider .slickX.slick-active .slider_title5  {  
  -webkit-animation:fadeInUp 1s both 0.5s;
  -moz-animation:fadeInUp 1s both 0.5s;
  -ms-animation:fadeInUp 1s both 0.5s;
  -o-animation:fadeInUp 1s both 0.5s;
  animation:fadeInUp 1s both 0.5s;
}

/*
.slickslider .slickX { min-height:700px;   overflow:hidden; } 
.section1 { position:relative;height:700px; }
*/
#xslide1 { position:absolute;width:100%; z-index:3; padding:0 15px; }
#xslide2 { position:absolute;width:100%; z-index:3; padding:0 15px; } 
#xslide3 { position:absolute;width:100%; z-index:3; padding:0 15px; }

.homs p  { text-align:center; }

.homs .tit2b, .slickX .tit2b { font-size:65px;   line-height:75px; margin-top:20px;}
.homs .tit2c, .slickX .tit2c { color:#ffffff; font-size:60px; line-height:70px; letter-spacing:-1.5; font-family:'Teko',sans-serif;  }
.homs .tit2d, .slickX .tit2d { color:#ffffff; font-size:20px; line-height:40px;     }
.homs .tit2e, .slickX .tit2e { color:#ffffff; font-size:38px; line-height:50px;     }

.homemobileproduct { position:absolute;top:300px;left:0;width:100%;z-index:5; }


.sliderDots { text-align:center; }
.sliderDots span {
	margin:5px;
	display:inline-block;
	width:15px; height:15px; 
	background-color:#ffffff;
	/*-ms-filter:alpha(opacity=80);filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;*/
	cursor:pointer;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

}
.sliderDots .active {
	background-color:#3985bb;
	/*-ms-filter:alpha(opacity=80);filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;*/
}

.slick-dotsH {	bottom:-20px; }

.sliderPlayer .slick-prevs,  .sliderPlayer .slick-nexts {
	display:inline-block;
	width:55px; height:55px; 
	background-color:transparent;

	background-color:rgba(0,0,0,1.0);
 	cursor:pointer;
	/*
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	*/

}
.sliderPlayer .slick-prevs {
	background-image:url('/KR/img/arrowPrevaw.png');
	background-position:center;
	background-repeat:no-repeat;
}
.sliderPlayer .slick-nexts {
	background-image:url('/KR/img/arrowNextaw.png');
	background-position:center;
	background-repeat:no-repeat;
}
.sliderPlayer .slick-prevs:hover,  .sliderPlayer .slick-nexts:hover {
	/*border:1px solid rgba(255,255,255,0.8);*/
	background-color:rgba(0,0,0,0.7);

}

.sliderPlayer .play {
	display:inline-block; 
	cursor:pointer;
	width:55px; height:55px;
	background:url('/KR/img/playpause2.png');
	background-position:-56px 0px; 
	background-repeat:no-repeat;
	border:1px solid rgba(255,255,255,0.6);
	margin:2px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-filter:alpha(opacity=0);filter:alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;
}
 


.slick-prevs, .slick-nexts {
	display:inline-block;
	width:70px; height:70px; 
	background-color:transparent;
	border:0px;
	background-color:rgba(36,36,36,0.5);
 	cursor:pointer;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.slick-prevs {
	left:60px;
	background-image:url('/KR/img/arrowPrevHome.png');
	background-position:center;
	background-repeat:no-repeat;
}
.slick-nexts {
	right:60px;
	background-image:url('/KR/img/arrowNextHome.png');
	background-position:center;
	background-repeat:no-repeat;
}
.slick-prevs:hover,  .slick-nexts:hover {
	background-color:rgba(36,36,36,1.0);
}

/* -----------section1------------*/

/* ----------- vertical line box ------------- */
#vlineBox { width:100%; height:100%; }
#vlineBox > li 
{	position:relative;
    list-style:none;
    float:left;
	width: 16.66666667%;
    height: 100%;
	border-right:1px solid rgba(255,255,255,0.2);
	overflow:hidden;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


}

#vlineBox > li > a
{   z-index:1;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("/KR/imgds/homeslidex4.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:0 0;
	
	-webkit-background-size: cover; 
	-moz-background-size: cover;  
	-o-background-size: cover; 
	background-size: cover; 

 
}

 

#vlineBox > li > a { transition-duration:0.6s; -webkit-transition-duration:0.6s; } 
#vlineBox > li a:hover, #vlineBox > li a.active {
		/*-ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;*/
		transition-duration:0.6s; -webkit-transition-duration:0.6s;
		 transform:scale(1.1); -webkit-transform:scale(1.1);
}

#vlineBox span {
  z-index:2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-o-transition: .5s ease; 
-ms-transition: .5s ease;

  -ms-filter:alpha(opacity=0);filter:alpha(opacity=0); opacity:0.0; -moz-opacity:0.0; 
  mix-blend-mode: overlay; /* https://developer.mozilla.org/ko/docs/Web/CSS/mix-blend-mode */
}

#vlineBox span.overlay {
  -ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; 
}

#vlineBoxNull { width:100%; height:100%; }
#vlineBoxNull > li 
{
    list-style:none;
    float:left;
    width: 16.666%;
    height: 100%;
	border-right:1px solid rgba(255,255,255,0.0);
	overflow:hidden;
}
#vlineBoxNull > li > a
{
    display: inline-block;
    width: 100%;
    height: 100%;
	outline:none;
	cursor:default;
}


/* ----------- vertical line box ------------- */
#vlineBox3 { position:absolute; width:100%; height:100%; }
#vlineBox3 > li 
{	position:relative;
    list-style:none;
    float:left;
	width: 33.333333%;
    height: 100%;
	border-right:0px solid rgba(255,255,255,0.1);
	overflow:hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#vlineBox3 > li > a
{   z-index:1;
    display: inline-block;
    width: 100%;
    height: 100%;
	cursor:default;
}



#vlineBox4 { position:absolute; width:100%; height:100%; }
#vlineBox4 > li 
{	position:relative;
    list-style:none;
    float:left;
	width: 25%;
    height: 100%;
	border-right:0px solid rgba(255,255,255,0.1);
	overflow:hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#vlineBox4 > li > a
{   z-index:1;
    display: inline-block;
    width: 100%;
    height: 100%;
	cursor:default;
}

#vlineBox5 { position:absolute; width:100%; height:100%; }
#vlineBox5 > li 
{	position:relative;
    list-style:none;
    float:left;
	width: 20%;
    height: 100%;
	border-right:0px solid rgba(255,255,255,0.1);
	overflow:hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#vlineBox5 > li > a
{   z-index:1;
    display: inline-block;
    width: 100%;
    height: 100%;
	cursor:default;
}







.boxOver div { text-align:center; }
.boxOver .go1 {
	display:inline-block;
	padding: 10px 10px;
	border:1px solid rgba(255,255,255,0.7);
 	font-size:14px;
	color:#ffffff;
}
.boxOver .go1:hover {
	background-color:#ffffff;
	color:#333333;
}




#vlineBox2 { width:100%; height:100%; }
#vlineBox2 > li 
{	position:relative;
    list-style:none;
    float:left;
	width: 16.66666667%;
    height: 100%;
	border-right:0px solid rgba(255,255,255,0.1);
	overflow:hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#vlineBox2 > li > a
{   z-index:1;
    display: inline-block;
    width: 100%;
    height: 100%;
	cursor:default;
}

.vBox2 { position:absolute;left:0; top:470px;width:100%; padding:0 20px;   }

.slickProduct { position:absolute;left:0; top:760px;width:100%; padding:0 20px; border:0;  height:100px;  }
.slickProduct p { width:100%; }
.slickProduct .title a {
	width:100%;
	text-align:center;
	display:inline-block;
	font-size:13px;
 	color:#ffffff;
	padding:10px 5px;
	height:60px;
}

.slickProduct .itemimg { overflow:hidden; height:100px; background-color:#f5f5f5; padding:0px; }
.slickProduct .itemimg img { transition-duration:0.4s; -webkit-transition-duration:0.4s; } 
.slickProduct .itemimg:hover img  {
 		 transform:scale(1.08); -webkit-transform:scale(1.08);
}


/* section1 - box cut img hover  */
.cf {
  position:relative;
  height:100%;
  width:100%;
  margin:0 auto;
}

.cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.cf img.top:hover {
  opacity:0;
}


/* -----------section2------------*/
#section2 { padding:45px; 0px; }
#section2 .byword { color:#ffffff; font-weight:400; font-size:14px; }
#section2 .byword span {  -ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }
#section2 .slider_title2 { font-weight:700;  line-height:1;  font-size:34px; color:#2e2f36; }
#section2 .slider_title2 span { font-weight:700; }
#section2 .section2BGimg {
	-webkit-background-size: cover; 
	-moz-background-size: cover;  
	-o-background-size: cover; 
	background-size: cover; 
  /*background-attachment: fixed;*/
	background-position:50% 50%;
	background-repeat:no-repeat;
}

#section2 .slickProducts { padding:0px 0px;  } 

 
.slickProducts-prevs { cursor:pointer;  position:absolute;width:40px;height:40px;left:100px;top:50%;z-index:5;
	background-image:url('/KR/img/arrowprevsmall1.png');
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0.5);
	-ms-filter:alpha(opacity=80);filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
}
.slickProducts-nexts { cursor:pointer;  position:absolute;width:40px;height:40px;right:100px;top:50%;z-index:5;
	background-image:url('/KR/img/arrownextsmall1.png');
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0.5);
	-ms-filter:alpha(opacity=80);filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
}
.slickProducts-prevs:hover,  .slickProducts-nexts:hover {
	-ms-filter:alpha(opacity=100);filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;
}


.Productsitem .itemimg, .productList .itemimg { overflow:hidden; }
.Productsitem .itemimg img, .productList .itemimg img { transition-duration:0.4s; -webkit-transition-duration:0.4s; } 
.Productsitem .itemimg:hover img  {
		-ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;
		 transform:scale(1.08); -webkit-transform:scale(1.08);
}
.Productsitem .title {
	height:45px;
}
.Productsitem .title a {
	display:inline-block;
	width:100%; height:100%;
	padding:10px;
	line-height:1.5;
	  font-size:14px; 
	  font-weight:400;

   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;

}
.Productsitem .white a { color:#111111; background-color:#ffffff; border:1px solid #dddddd; }
.Productsitem .green a { color:#ffffff; background-color:#679308; border:1px solid #679308; }


.productList li:hover img  {
		-ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;
		 transform:scale(1.08); -webkit-transform:scale(1.08);
}

.Productsitem:hover .title a {
		color:#ffffff; background-color:#679308; border:1px solid #679308;
}

ul.home_course {  width:100%; }
ul.home_course li {  width:10%; text-align:center;  float:left; position:relative; }
ul.home_course li img { height:100px; }

ul.home_course2 {  width:100%; }
ul.home_course2 li {  width:20%; text-align:center;  float:left; position:relative; }
ul.home_course2 li img { height:100px; }

ul.home_course2 li .gobtn { position:absolute;top:20px;text-align:center; }
ul.home_course2 li .gobtn span { display:inline-block; color:#ffffff;    font-weight:400; font-size:12 }


.slickproject .img { max-width:100%; overflow:hidden; text-align:center; background-color:#ffffff;   }
.slickproject .img img { max-width:100%; outline:0; }
.slickproject .subject1 { margin-top:10px; color:#cccccc; font-weight:700;   font-size:11px; text-align:center; height:22px; }
.slickproject .subject2 { margin-top:2px; color:#ffffff; font-weight:500;   font-size:12px; text-align:center;  }
 
.slickproject .desc {  margin-top:7px;   color:#ffffff;  font-weight:400;    font-size:12px; text-align:center; }
.slickproject .more1 { margin-top:10px; text-align:center; }
.slickproject .more1 span { cursor:pointer; display:inline-block; padding:2px 15px; color:#3993cf;   font-weight:700;    font-size:9px;  background-color:#013253; }


.slickprojectInner:hover  span { background-color:#2f9bef; color:#ffffff; }
#section2 { height:480px; }
#section2 .slickprojectBox { padding:0 100px;  } 
#section2 .slickprojectTitle { margin-top:50px; font-size:34px; font-weight:900; color:#ffffff;  line-height:60px;  }
#section2 .section2title { font-size:11px; font-weight:700; color:#efefef; }
.homeBGimg {
 -webkit-background-size: cover; 
  -moz-background-size: cover;  
  -o-background-size: cover; 
  background-size: cover; 
  /*background-attachment: fixed;*/

	background-position:50% 50%;
	background-repeat:no-repeat;
}

/* -----------section2------------*/

/* -----------section3------------*/
#section3 { padding-top:45px;padding-bottom:35px; }
#section3 .slider_title2 { font-weight:700;  font-size:30px; color:#2e2f36; line-height:20px; }
#section3 .slider_title2 span { font-weight:400;  }
#section3 .byword {  font-weight:300;font-size:12px; }
#section3 .line span {  display:inline-block; width:50px; height:1px; border-bottom:1px solid #dddddd; }

/* -----------section3------------*/


/* -----------section4------------*/

.aprev1 { position:absolute;width:33px;height:33px;top:35px;left:0px;border:1px solid #cccccc;text-align:center; background:url('/KR/imgds/aprev1.jpg') center no-repeat; cursor:pointer; }
.anext1 { position:absolute;width:33px;height:33px;top:35px;right:0px;border:1px solid #cccccc;text-align:center; background:url('/KR/imgds/anext1.jpg') center no-repeat; cursor:pointer; }
.linksiteImg { position:absolute;display:table;width:100%;height:100%;z-index:1;padding:5px;  }
.linksiteOver { position:absolute;display:none;width:100%;height:100%;z-index:2;padding:5px; background-color:#19a8e9; }
 .linksiteOver a  {
	color:#ffffff;   font-weight:400;    font-size:14px;  padding:20px 0; width:100%; display:inline-block; 
}
.linksiteImg a {
	color:#222222;   font-weight:400;    font-size:14px;   
}

/* -----------section4------------*/
#section4 { padding:18px 0 15px 0 ; }
 .homeNtice .hNbox {
	display:inline-block;
	width:50px;
	text-align:center;
	background-color:#ffffff;
	color:#333333;
 	padding:2px 5px;
	 font-weight:400;font-size:13px; 
	border:1px dashed #dddddd;
}
.homeNtice a {
	color:#363636;
	 font-weight:400;font-size:15px;
}
.homeNtice a:hover {
	color:#098d67;
}
.homeNtice span {
	color:#999999;
	 font-weight:400;font-size:14px; 
}

/* ----baro link--- */
ul.barolink  { display:table; width:100%; }
ul.barolink li { display:table-cell; width:20%; height:127px; border:0px solid #e4e4e6; background-color:rgba(255,255,255,0.9); cursor:pointer; }
ul.barolink li p { text-align:center; }
ul.barolink li img { margin-top:20px; }
ul.barolink .title { margin-top:10px;  font-weight:700;font-size:15px; color:#111111;  } 
ul.barolink .dots { margin-top:32px; margin-bottom:12px; }
ul.barolink .dots span { display:inline-block; width:28px; height:28px; background-color:#e70031; }
ul.barolink li:hover .title { color:#ffffff; }
ul.barolink li:hover { background-color:#679308; border:1px solid #679308; }


ul.barolink2  {  width:100%;   }
ul.barolink2 li { float:left; position:relative; width:20%; height:130px; border:0px solid #e4e4e6;  text-align:center; }
ul.dash li div { display:inline-block; width:130px; height:130px; border:1px dashed #cccccc; -moz-border-radius: 65px; -webkit-border-radius: 65px; 	border-radius: 65px; cursor:pointer; background-color:#ffffff; }
ul.solid li div { display:inline-block; width:130px; height:130px; border:0px solid #cccccc; -moz-border-radius: 65px; -webkit-border-radius: 65px; 	border-radius: 65px; cursor:pointer; background-color:#ffffff; }
ul.barolink2 li p { text-align:center; }
ul.barolink2 li img { margin-top:25px; }
ul.barolink2 .title { margin-top:5px; font-weight:700; font-size:14px; color:#111111;  } 
ul.barolink2 li:hover .title { color:#ffffff; }
ul.barolink2 li:hover div, ul.barolink2 li:hover a { background-color:#679308; border:1px solid #679308; }
ul.solid a { display:inline-block;  width:130px; height:130px; border:0px solid #cccccc; -moz-border-radius: 65px; -webkit-border-radius: 65px; 	border-radius: 65px; cursor:pointer; background-color:#ffffff; }
/* -------------- H O M E ---------------- */





/* --------------- S U B --------------------- */
.subproductbg {
	-webkit-background-size: cover; 
	-moz-background-size: cover;  
	-o-background-size: cover; 
	background-size: cover; 
}

.homeimgSub {
 -webkit-background-size: cover; 
  -moz-background-size: cover;  
  -o-background-size: cover; 
  background-size: cover; 
  /*background-attachment: fixed;*/
	/*background-position:50% -350px;*/
	background-position:center center;
	background-repeat:no-repeat;
}


.subcontents { position:relative;min-height:600px; } 
.subcontents img { border:0; max-width:100%; }

/* ---------- SubHeader  ----------------- */
.SubHeader { /*overflow:hidden;*/ }
.SubHeader .subTitle p { text-align:center; }
.SubHeader { position:relative;height:280px; }
.SubHeader .subTitle { position:absolute;width:100%;top:40px; z-index:1; }
.SubHeader .subTitle .title1 {  font-weight:700;color:#ffffff; font-size:46px; line-height:54px; margin-top:8px; }
.SubHeader .subTitle .title3 span { 
 	 font-size:10px; color:#ffffff;
}
.SubHeader .subTitle .title2 {   font-weight:200;  color:#ffffff; font-size:14px; margin-top:5px; margin-bottom:10px; }


.SubHeader .subTabBox span {
 	color:#ffffff;
	 font-size:12px;
	 font-weight:400;
}
.tableDiv{display:table; position:relative;}
.tableCell{display:table-cell;vertical-align:middle; text-align:center; }
.tableText{display:block;margin:0 auto; }


/* ----------- blogpage title ---------------- */
.subPageTitle {  position:relative;width:100%;    padding-bottom:15px; }
.subPageTitle line { text-align:center; }
.subPageTitle line span { display:inline-block;width:80px;height:4px;background-color:#1a95ec; }
.subPageTitle .title1 { color:#3f3f3f; font-weight:700;  font-size:40px; }
.subPageTitle .title1 span { color:#9b9b9b; }
.subPageTitle .title2 { color:#555555;  font-weight:400; font-size:16px; margin-top:5px; margin-bottom:0px; }
.subPageTitle .title3 { display:none; }
.subPageTitle .title3 span { display:inline-block;width:60px;height:1px;border-top:0px solid #ae9364; }

/* --------------- subtabsbar menu ---------------- */

 
.subTabsBar {  background-color:rgba(255,255,255,1.0); height:40px;  border-bottom:1px solid #eeeeee; z-index:11;  }
.subTabsBox > li { float:left; position:relative; margin-left:-1px; height:100%; background-color:#ffffff;   }
.subTabs a { position:relative;
  	display:block;
 	height:40px; 
	text-align:center;
	z-index:2;
	border-right:1px solid #eeeeee;
	color:#000000;
  	font-size:13px;
	padding:12px 25px;
}
.subTabsBox a { position:relative; display:block; height:40px; text-align:center; z-index:2; border-right:1px solid #eeeeee; color:#000000; font-weight:400;  border-bottom:1px solid #eeeeee;  }
.subTabs a.paddingn { padding:20px 20px; } 
.subTabsBox a.active, .subTabsBox a:hover   {
	background-color:#549d6b; /*#1b96ed;*/
	border-bottom:1px solid #549d6b; /*#1b96ed;*/
	color:#ffffff;
}
 .subTabsBox li ul li {  
	margin-top:-1px;
 }
 .subTabsBox li ul li a,  .subTabsBox li ul li span {
	height:30px;
	text-align:left;
	padding:5px 10px
}
 .subTabsBox li ul li span {
	margin-top:-30px;

 	background-color:#ffffff;
	-ms-filter:alpha(opacity=90);filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;
	border: 1px dotted #cdb1a7;
}


/* table style */
.subTabsTable {
	display:table-row;
	width:100%;
	background-color:#ffffff;
	margin:0; padding:0;

}
.subTabsTable td{
 	height:50px;
	border-right:1px solid #eeeeee;
	text-align:center; 	
	vertical-align:middle;
	margin:0; padding:0;
}
 
.subTabsTable td a {  
	display:inline-block;
	width:100%;
 	height:100%; 
 	text-align:center; 	
	vertical-align:middle;
	border:1px solid #fff;

	z-index:2;
	border-bottom:1px solid #eeeeee; 
	color:#000000;
  	font-size:13px;
	padding:5px 15px;
	margin:0; 

}

.subTabsTable td a.active, .subTabsTable td a:hover   {
	background-color:#549d6b; /*#1b96ed;*/
	border-bottom:1px solid #549d6b; /*#1b96ed;*/
	color:#ffffff;
}





.contactTitle { text-align:left;color:#1a1a1f; margin-top:0px; padding-top:5px;line-height:1.2; font-weight:900; font-size:30px; letter-spacing:-2px; }
.contactDesc {  margin-top:20px;font-size:14px; }  
 
/* ---------- Greetings.html --------------- */
.greetimg { margin-bottom:25px; }

/*--certificate--*/
.tableboxtbtit2 {
	font-weight:400; 
	color:#333333; /*color:#1479c7;*/
	font-size:14px;
	text-align:center;
	padding:10px;
	border-bottom:1px dashed #eeeeee;
}
.cert1height { height:345px; }  

/*--introduction--*/
.contents_section {
	position:relative;
    width: 100%;
    padding: 0px;
}
.contents_section  > div { vertical-align: top; }
.contents_section .grid_left {
    width: 35%;
	float:left;
}
.contents_section .grid_right {
	padding-left:30px;
	width: 65%;
	float:left;
	margin-top:5px;
}
.contents_section .grid_left p {
	font-size: 30px;
    font-weight: 400;
    color: #222222;
    letter-spacing: -0.05em;
    line-height: 1.5;

}
.contents_section .grid_left p span { display: block; margin-top:-8px; }
.contents_section .grid_left p b { font-weight: 700; word-break: keep-all; }
.contents_section .grid_right p { line-height: 1.8; letter-spacing: -0.01em;  }
.alltitle1 { font-size: 30px; font-weight: 700; color: #222222; letter-spacing: -0.05em; line-height: 1.5; }
.alltitle1 span { font-weight:400; }


/*--products table--*/
.contentTable { overflow-x:auto; margin:15px 0; }
.contentTable table { width:100%; border-collapse: collapse; border-top:2px solid #333333; }
.contentTable th { 
	text-align:center;
	border:1px solid #dddddd;
	font-size:14px;
	 
	font-weight:700;
	background-color:#fafafa;
	padding:5px 5px;
	color:#191919;
}
.contentTable td {
	text-align:center;
	color:#333333;
	font-weight:400;font-size:12px;letter-spacing:0px;    
	border:1px solid #dddddd;
	padding:5px 5px;
}
.contentTable td span { font-size:12px; color:#6498be; }
.contentTable .center { text-align:center; }
.contentTable .lth { font-weight:700; }

/*--contact--*/

.contentTable5 { overflow-x:auto; margin:15px 0; }
.contentTable5 table { width:100%; border-collapse: collapse; border-top:2px solid #333333; }
.contentTable5 th { 
	text-align:center;
	border-bottom:1px solid #eeeeee;
	font-size:13px;
	 
	font-weight:400;

	background-color:rgba(248,248,248,0.8);
	padding:5px 15px;
	color:#191919;
}
.contentTable5 td {
	color:#555555;
	font-weight:400;font-size:14px;letter-spacing:0px;    
	border-bottom:1px solid #eeeeee;
	padding:5px 15px;
}
.contentTable5 td span { font-size:13px; color:#6498be; }
.contentTable5 .center { text-align:center; }

.inputx1 {
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	font-size:14px;
}


/* ----------- Map.html ------------- */
.mapstab2 { border-bottom:1px solid #eeeeee;  height:50px; }
.mapstab2 li { float:left;      }
.mapstab2 li a { display:inline-block; width:100%; height:50px;   font-size:14px; font-weight:400;  border:1px solid #446176; text-align:center; display:table-cell; vertical-align:middle; 
 margin-left:-1px; padding:13px; background-color:#446176; color:#ffffff; }

.mapstab2 li.active a {  font-weight:700; border-top:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #ffffff; background-color:#ffffff; color:#666666;  }

.mapstab { border-bottom:1px solid #e3e3e3; }
.mapstab li { float:left;  height:50px; margin-left:-1px;  }
.mapstab li a { 
cursor:default; display:inline-block; width:100%; height:100%; font-size:16px; font-weight:400;  border:1px solid #dedede; text-align:center; display:table-cell; vertical-align:middle; height:50px; margin-left:-1px; padding:15px 13px 11px 13px; background-color:#fbfbfb; }
.mapstab li.active a {  font-weight:700; border-bottom:1px solid #ffffff; background-color:#ffffff; }



.findusbtn {  position:absolute; top:9px; right:10px; z-index:2; }
a.btnWhite2 { font-size:12px; color:#555555;  padding:10px 22px;  border:1px solid #d3cec8; display:inline-block; background-color:#ffffff;    }
a.btnWhite2:hover { color:#ffffff; border:1px solid #ffffff; background-color:#a8dc3f; }

a.btn446176 { font-size:12px; color:#ffffff;  padding:10px 22px;   border:1px solid #446176; display:inline-block; background-color:#446176;    }
a.btn446176:hover { color:#ffffff; border:1px solid #ffffff; background-color:#a8dc3f; }



.mapinfo li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 30px 0 30px 110px;
    width: 100%;
}
.mapinfo li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
}
.mapinfo li:first-child:before {
	background-image: url(/KR/img/test_map1.png);
}
.mapinfo li:last-child:before {
	background-image: url(/KR/img/test_map2.png);
}

.mapinfo li p {
    
}
.mapinfo li .tit1 {
	font-size:19px; color:#333333; font-weight:700;
}
 
.mapinfo li .tit2 {
	font-size:15px; color:#555555; font-weight:400;
}

/*--home notice section--*/
.mapinfo2 li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 30px 0 30px 110px;
    width: 100%;
}
.mapinfo2 li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

/*
.mapinfo2 li:first-child:before {
	background-image: url(/KR/imgkg/section3icon_email.png);
}
*/
/*
.mapinfo2 li:last-child:before {
	background-image: url(/KR/imgkg/section3icon_news.png);
}
*/
.mapinfo2 li .tit3 {
 	font-size:20px; color:#333333; font-weight:900;
}
.mapinfo2 li .tit3 span{
	color:#555555; 
}
.mapinfo2 li .tit4 a, .mapinfo2 li .tit4 span {
	font-size:15px; color:#555555; font-weight:400;
}
.mapinfo2 li .tit4 a:hover { color:#0d76bd; }
.mapinfo2 li .tit4 span {
	font-size:19px; color:#333333; font-weight:700;
}

.no-drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}  

 

/*--weare--*/
.home_weare { display:table; border-collapse: collapse;  }
.home_weare div { display:table-cell; border:1px solid #e6e6e8; width:20%; height:240px; cursor:default; padding:5px; }
.home_weare p { width:100%; text-align:center; }
.home_weare .no { margin-top:40px; }
.home_weare .no span { display:inline-block; background-color:#0188e7; width:30px; height:28px; color:#ffffff; font-size:13px; font-weight:500; padding-top:4px; }
.home_weare .icon { margin-top:30px; height:83px; }
.home_weare .txt1 { margin-top:0px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;  font-size:16px; color:#333333; font-weight:700; letter-spacing:-1.2; }
.home_weare .txt2 { margin-top:5px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;  font-size:13px; color:#666666; font-weight:400; }

  
.home_weare2 { display:table; border-collapse: collapse;  }
.home_weare2 div { display:table-cell; border-left:1px solid #e6e6e8; width:25%; height:180px; cursor:default; }
.home_weare2 p { width:100%; text-align:center; }
.home_weare2 .no { margin-top:40px; }
.home_weare2 .no span { display:inline-block; background-color:#0188e7; width:30px; height:28px; color:#ffffff; font-size:13px; font-weight:500; padding-top:4px; }
.home_weare2 .icon { margin-top:5px; height:87px; }
.home_weare2 .txt1 { margin-top:10px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;  font-size:16px; color:#333333; font-weight:700; }
.home_weare2 .txt2 { margin-top:5px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;  font-size:13px; color:#666666; font-weight:400; }


 
 
 /*--other--*/