@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:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, 'Malgun Gothic',sans-serif;  
  font-weight:300;
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
  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; }
.w1230 { max-width:1230px; margin:0 auto; position:relative; padding:0px; }

.w1210 { max-width:1210px; margin:0 auto; position:relative; padding:0px; }

.w1200 { max-width:1200px; margin:0 auto; position:relative; padding:0px; }

.w1100 { max-width:1100px; margin:0 auto; position:relative; padding:0px; }
.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 6px; }
.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; } .spacer10R { height:1px; }
.spacer15 { height:15px; }
.spacer20 { height:20px; } .spacer20R { 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------------*/
	.mobiletellink { cursor:default; }

	/*
  #footerx td:first-child { width:70%;vertical-align:top; }
  #footerx td:last-child { width:30%;vertical-align:top; }
	*/
.icon_telephone { 
	position:absolute;
	top:0px;
	left:0;
	display:inline-block;
	width:50px; height:50px;
 	color:#ffffff;
	text-align:center;
	font-size:24px;
}
.telephonebox { position:absolute; right:50px; top:0;  width:275px;padding:0px; border:0px solid #555; }
.telephonebox p { padding:2px 0px 0px 60px;text-align:left;margin-top:-10px; } 
.telephonebox .telephone { display:block;font-family:'Russo One',sans-serif;font-size:24px;color:#96bd3a;letter-spacing:1.7px;margin-top:-7px; } 
.telephonebox .desc { display:block;font-size:13px;color:#ffffff;margin-top:-7px; }

 .footbtn { text-align:left; margin-bottom:15px; } 
 .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---------- */
/*popup*/
.popTitle { width:100%; display:table-cell;vertical-align:middle; text-align:center; background-color:#3e99e4; color:#ffffff; font-size:18px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:700; line-height:1.4;   }
.popText { font-size:14px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:300; line-height:1.4; }
.popText img { max-width:100%; }



/* mobile popup */
#slickMobilePopupClose { 
	text-align:center; color:#ffffff; 
	border-radius:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color:#222222; 
	cursor:pointer; 
}

.mpopFooter {
 	width:100%;
	position:relative;
	margin-top:5px;
}
.mpopFooter a {
	font-size:11px;
	color:#ffffff; 
	display:inline-block;
	padding:10px;
	text-align:center; 

	background-color:#010101;
	margin-right:1px;
	border-radius:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.mpopFooter a:first-child {
	position:absolute; left:5px;
}
.mpopFooter a:last-child {
	position:absolute; right:5px;
}


.popTitleMobile li {
	font-weight:bold; 
	font-size:13px;
	color:#ffffff;
	padding:10px 0px 9px 0px;
	border-bottom:1px dashed #60dede; 
	cursor:pointer; 
}
.popTitleMobile li:last-child { border-bottom:0px; }

.popTitleMobile li span { color:#19a599; background-color:#afe9e4;     padding:1px 3px; font-size:11px;
	border-radius:9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;

}

.popMobile .mpopLayer {
 position:relative;
 width:100%;

background: #00d5b5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom,  #00d6be, #1fbdea );  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,  #00d6be, #1fbdea ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

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

	padding:20px;
}



.slickMobileItem .mtextpopBox {
background: #00d5b5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom,  #00d6be, #1fbdea );  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,  #00d6be, #1fbdea ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-radius:12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	padding:20px;
}
.slickMobileItem .mtextpopBox .mtextpopTitle { font-family: 'Noto Sans KR', sans-serif;  font-size:16px; font-weight:700; color:#ffffff; 
	border-bottom:1px dashed #60dede; 
	padding-bottom:10px;
}
.slickMobileItem .mtextpopBox .mtextpopContent { font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; color:#ffffff; padding-top:10px; }










/* ----------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%; border:0px solid #264593; background-color:#264593; text-align:center; color:#ffffff;    font-size:14px; line-height:48px; height:48px;
	font-family: 'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',sans-serif;

/*
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
*/
}
a.btnsupports:hover {
	background-color:#11b5e4;
 }

a.topMenu {
	display:inline-block;width:60px; height:48px; border:0px solid #264593; background-color:#333333; text-align:center; color:#ffffff;    font-size:14px; line-height:48px;
	background-image:url('/KR/img/topMenu.png'); background-position:center; background-repeat:no-repeat; 
}

.sitemapbtn {   
	z-index:6;position:absolute; top:37px; right:10px; width:60px; height:60px; background:url('/KR/img/menu3line.png') center no-repeat #333333; 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---------- */

.menuzoneBox { border-top:0; }
/* ----------mainmenu---------- */
.basemode ul.mainMenuUl { display:none; } /* 초기 로딩시 줄바뀜문제 commonmljs에서 200후 show */
.basemode ul.mainMenuUl > li {  display:inline-block; position:relative; }
.basemode #mainMenu p {
	position:relative;
	display:inline-block;
	margin-left:-1px;
	/*background:url('/web10/img/lineMenu25.png') right center no-repeat;*/
}
.basemode ul.mainMenuUl > li > p > a {
	position:relative;
 	display:block; 	 
	/*text-shadow: 1px 0px 1px #333333;*/
	text-align:center;
	z-index:3;
 	padding:1px 27px;  

border-left:1px solid #eee;
border-right:1px solid #eee;

	/*
	color:#222222;
	font-size:16px;
	font-family: 'S-CoreDream-7ExtraBold','Noto Sans KR','Malgun Gothic',sans-serif;
	*/
	font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic','dotum',sans-serif; 
	font-weight:500; 
	color:#252525; 
	font-size:17px; line-height:44px;
}
.basemode .mainMenuUl > li > p > a.active , .basemode .mainMenuUl > li > p > a:hover {
	/*background-color:#40cb9f;  	border:1px solid #40cb9f;*/
}
.basemode .mainMenuUl  ul {  
	display:none;
	 
	width:100%;
	position:absolute;
 	margin-top:-2px;
	padding-top:30px;

}
.basemode .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;
  }
.basemode .mainMenuUl li ul li a {
	display:inline-block;  
	
	padding:3px 5px 3px 10px;
	font-family:'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',Sans-serif;
	font-weight:500;
	font-size:13px;
	color:#222222;
	
 	/*text-shadow: 1px 1px 1px #666666;*/
 	border-bottom:0px solid #97eed2;
}
.basemode .mainMenuUl li ul li a:hover {  color:#1a7ee1; }
.basemode .mainMenuUl li ul li:hover span {
	background-color:#40cb9f;
}

.width154 { width:154px; border-top:0; }
.width130 { width:130px; border-top:0; }
.width60 { width:60px; border-top:0; }

/* ----------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 ---------------- */

.logotd { text-align:left; padding:0 20px 0 0;} 

/* -----------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; }
 
.section1 { position:relative;height:750px; }
.slickslider .slickX { height:750px;   overflow:hidden; } 

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

.xslidebox { top:190px; }

.slickX .tit2a  { font-family: 'S-CoreDream-4Regular','Noto Sans KR', sans-serif; font-size:11px; color:#18a7e8; margin-bottom:10px; }
.slickX .tit2a span { display:inline-block; padding:2px 6px 1px 6px; border:1px solid #18a7e8;  }
 
.slickX .tit2b { font-size:65px;   line-height:75px; margin-top:20px; padding:0 25px;}
.slickX .tit2c { color:#ffffff; font-size:50px; line-height:1.2; letter-spacing:-1.5; font-family:'S-CoreDream-7ExtraBold','Noto Sans KR','Malgun Gothic',sans-serif; font-weight:700; padding:0 25px; }
.slickX .tit2c span { font-weight:400; }
.slickX .tit2d { margin-top:25px; color:#ffffff; font-size:20px; line-height:1.3; font-family:'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',sans-serif; font-weight:400;   }
  
.slickX .tit2f { color:#ffffff; font-size:30px; line-height:1.2; letter-spacing:-1.5; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:700; padding:10px 25px; }
 
.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-family:'S-CoreDream-5Medium','Noto Sans KR','Malgun Gothic',sans-serif;
	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;   }

/*
.vBox2 p {
	text-align:center;
	color:#ffffff;
}
.vBox2 .title1 {
	padding-top:60px;
	font-size:20px;
	font-family: 'S-CoreDream-5Medium','Malgun Gothic',sans-serif; 
}
.vBox2 .title2 {
	padding-top:20px;
	font-size:12px;
	font-family: 'S-CoreDream-4Regular','Malgun Gothic',sans-serif; 
	line-height:19px;
}

.vBox2 .title3 {
	padding-top:20px;
}
.vBox2 .title3 span {
	display:inline-block;
	padding:6px 15px;
	line-height:16px;
	border:1px solid #ffffff;
	color:#ffffff;
	font-family:'Malgun Gothic',gulim,snas-serif;
}
.vBox2 .title3 span:before {
    content: '+';
	font-size:30px;
}
.vBox2:hover  .title3 span {
	background-color:#ffffff;
	color:blue;
}
*/

#sectionBizPhoto { height:10px; overflow:hidden; }

.slickProduct { position:relative; width:100%;   }
.slickProduct p { width:100%; }
.slickProduct .title a {
	width:100%;
	text-align:center;
	display:inline-block;
	font-size:13px;
	font-family: 'S-CoreDream-5Medium','Malgun Gothic',sans-serif; 
	color:#ffffff;
	padding:10px 5px;
}

.slickProduct .itemimg { overflow:hidden; height:auto; 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;
}


#sectionBizPhotoList li { float:left; width:16.666%; }
/*#sectionBizPhotoList li { display:inline-block; width:25%; }*/
#sectionBizPhotoList   { text-align:center; }


.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 {   font-family: 'S-CoreDream-4Regular','Malgun Gothic',sans-serif; color:#222222; 
	display:inline-block;
	width:100%; height:100%;
	padding:10px 3px;
	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; font-family: 'S-CoreDream-6Bold','Malgun Gothic',sans-serif; 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; 
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
 .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:400px; } 
.subcontents img { border:0; max-width:100%; }

/* ---------- SubHeader  ----------------- */

.SubHeader { overflow:hidden; }
.SubHeader .subTitle p { text-align:center; }
.SubHeader { position:relative;height:330px;

	-webkit-background-size: cover; 
	-moz-background-size: cover;  
	-o-background-size: cover; 
	background-size: cover; 

}
.topMenuBoxnew { z-index:20;position:relative;width:100%;height:110px; background:#ffffff; border-top:0px solid rgba(255,255,255,0.0); border-bottom:0px solid rgba(255,255,255,0.3); }
 
.SubHeader .subTitle { position:absolute;width:100%;top:90px; z-index:1; }
.SubHeader .subTitle .title1 { font-family:'S-CoreDream-7ExtraBold','Noto Serif KR','sans-serif';font-weight:700;color:#ffffff; font-size:32px; line-height:34px;   }
.SubHeader .subTitle .title3 span { 
	 font-family: 'S-CoreDream-4Regular','Noto Sans KR', sans-serif; 
	 font-size:10px; color:#ffffff;
}
.SubHeader .subTitle .title2 { font-family:'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',sans-serif; 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; }

.subslideimg {
	-webkit-background-size: cover; 
	-moz-background-size: cover;  
	-o-background-size: cover; 
	background-size: cover; 
}


/* ----------- 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 { position:relative; background-color:rgba(255,255,255,1.0); height:40px;  border-bottom:1px solid #eeeeee; z-index:11;  }

 

.subTabsBoxM { position:absolute; left:0; width:100%; height:40px; text-align:left; } 
.subTabsBoxM a.title {  width:100%;  }
.subTabsBoxM a.arrow { position:absolute;right:0;  padding:11px 10px 5px 10px;width:40px;height:40px;text-align:center; background-color:#ffffff;color:#333333; }

.subTabsBox { position:absolute; }

.subTabsBox > li { float:left; position:relative; margin-left:-1px; height:100%; background-color:#ffffff;   }

.subTabsBar a:first-child { border-left:1px solid #eeeeee; }


/*
.subTabsBar a { position:relative; display:inline-block; height:40px; text-align:center; z-index:2; border-right:1px solid #eeeeee;
font-family: 'S-CoreDream-4Regular','Noto Sans KR',Sans-serif;
 	font-size:13px;
	padding:12px 25px;
color:#000000; font-weight:400;  
border-bottom:1px solid #eeeeee;  
}
.subTabsBar a.active, .subTabsBox a:hover   {
	background-color:#1b96ed; /*#177dcc; #549d6b; /*#1b96ed;*
	border-bottom:1px solid #1b96ed;   /*#1b96ed;*
	color:#ffffff;
}
*/
.subTabsBoxM a { position:relative; display:inline-block; height:40px; text-align:center; z-index:2; border-right:1px solid #eeeeee;
font-family: 'S-CoreDream-4Regular','Noto Sans KR',Sans-serif;
 	font-size:13px;
	padding:12px 25px;
color:#000000; font-weight:400;  
border-bottom:1px solid #eeeeee;  
}
.subTabsBox a { position:relative; display:inline-block; height:40px; text-align:center; z-index:2; border-right:1px solid #eeeeee;
font-family: 'S-CoreDream-4Regular','Noto Sans KR',Sans-serif;
 	font-size:13px;
	padding:12px 25px;
color:#000000; font-weight:400;  
border-bottom:1px solid #eeeeee;  
}
.subTabsBox li a.active, .subTabsBox li:not(:first-child) a:hover   { 
	background-color:#1b96ed; /*#177dcc; #549d6b; /*#1b96ed;*/
	border-bottom:1px solid #1b96ed;   /*#1b96ed;*/
	color:#ffffff;
}

.subTabsBoxM a.title {   font-size:14px; font-family: 'S-CoreDream-5Medium','Noto Sans KR',Sans-serif; padding:9px; }

.subTabsBoxM a.active   {
	background-color:#1b96ed; /*#177dcc; #549d6b; /*#1b96ed;*/
	border-bottom:1px solid #1b96ed;   /*#1b96ed;*/
	color:#ffffff;
}





 .subTabsBox li ul li {  
	margin-top:-1px;
 }
 .subTabsBox li ul li a {
	height:30px;
	text-align:left;
	padding:5px 10px
}
 

/* ------mobile sub tab menu------- */
.subTabsBoxL { top:40px; width:100%;   display:none;   }
.subTabsBoxL > li { float:none; width:100%; display:block; margin-left:0; background-color:#ffffff; }
.subTabsBoxL a { width:100%; text-align:left; border-left:1px solid #eeeeee; height:auto; }
.subTabsBoxL > li:hover { background-color:#ffffff; }

.subTabsBoxL li:last-child { border-bottom:5px solid #ddd; }










.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 --------------- */
.greetings {
	display:table;
    padding: 0px;
}
.greetings  > div { display:table-cell; vertical-align: top;  }

.greetings .grid_left {
    width: 300px;
	padding-right:15px;
}
.greetings .grid_left .title { margin-top:10px; font-size: 20px; font-weight: 400; color: #222222; letter-spacing: -0.05em; line-height: 1.2; }
.greetings .grid_left .title span { display: block; margin-top:-8px; }
.greetings .grid_left .title b { font-weight: 700; word-break: keep-all; }
.greetings .grid_left .desc { margin-top:5px;font-weight:400; font-size:14px; }

.greetings .grid_right { padding-left:0px;  padding-top:10px; }
.greetings .grid_right .title {  font-weight: 500; font-size:16px; line-height: 1.5; letter-spacing: -0.01em;  }
.greetings .grid_right .desc {   font-weight: 400; font-size:15px; line-height: 1.7; letter-spacing: -0.01em;  }



/*--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--*/
.introduce .branchlist { width:100%; margin:0;  } 
.introduce .branchlist table { width:100%;  border-collapse:collapse; margin:0;  } 

.introduce .branchlist:not(:first-child) { margin-top:-1px;  } 
.introduce .branchlist td {  border:1px solid #ddd; padding:0px;  text-align:center; vertical-align:middle; height:100px; }
  
.introduce .branchlist .name { width:200px; font-weight:500; font-size:18px; font-family:'S-CoreDream-6Bold','Noto Sans KR',sans-serif; }  
.introduce .branchlist .goqna { width:110px; }  
.introduce .branchlist .gomap { width:110px; }

.introduce .branchlist .goqnalink { display:inline-block; padding:6px 15px; font-size:13px; border:1px solid #4ca759; background-color:#4ca759; color:#fff; }
.introduce .branchlist .gomaplink { display:inline-block; padding:6px 15px; font-size:13px; border:1px solid #15987b; background-color:#15987b; color:#fff; }
.introduce .branchlist .goqnalink:hover { background-color:#70c02e; color:#fff; border:1px solid #70c02e; }
.introduce .branchlist .gomaplink:hover { background-color:#23b595; color:#fff; border:1px solid #23b595; }

.introduce .branchlist .gobviewlink { display:inline-block; padding:6px 15px; font-size:13px; border:1px solid #556ba1; background-color:#556ba1; color:#fff; }
.introduce .branchlist .gobviewlink:hover { background-color:#607cc3; color:#fff; border:1px solid #607cc3; }


.introduce .branchlist .addresstel { padding:15px; text-align:left;  }
.introduce .branchlist .addresstag { border:1px solid #eee; font-size:11px; color:#999; display:inline-block; padding:1px 5px; }
.introduce .branchlist .addresstel .tel { font-weight:500; }


.introduceViewTitle { height:40px;width:156px;padding:10px 20px; border-bottom:1px solid #fff; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333;  font-family:'S-CoreDream-5Medium','Noto Sans KR',sans-seirf; font-size:14px; text-align:center; }


 
.potoviewTitle { position:relative; margin-bottom:10px; }
.potoviewTitle .title { font-size:16px; }
.otherPhotoArrow { position:absolute; right:0; top:0; } 
.otherPhotoArrow .p_prev { display:inline-block; border:1px solid #ddd; width:40px; height:30px; cursor:pointer; margin-right:-1px;  background:url(/KR/imgj/xprev1.png) center no-repeat; }
.otherPhotoArrow .p_next { display:inline-block; border:1px solid #ddd; width:40px; height:30px; cursor:pointer; background:url(/KR/imgj/xnext1.png) center no-repeat;  }

 

.otherPhoto .title { text-align:center; height:50px; padding:0px 5px; line-height:50px; font-size:14px; }
.otherPhotoPop .title { text-align:center; height:50px;padding:0px 5px; line-height:50px; font-size:14px; background-color:#ffffff; }


.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.btnWhite1 { font-size:13px; color:#555555;  padding:8px 8px;  border:1px solid #d3cec8; display:inline-block; background-color:#ffffff;    }
a.btnWhite1: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; }


input.btn044176 { font-size:12px; color:#ffffff;  padding:10px 22px;   border:1px solid #044176; display:inline-block; background-color:#044176;    }
input.btn044176:hover { font-size:12px; color:#ffffff;  padding:10px 22px;   border:1px solid #184052; display:inline-block; background-color:#184052;    }

input.btn186409 { font-size:13px; color:#ffffff;  padding:1px 22px;   border:1px solid #186409; display:inline-block; background-color:#186409;    }
input.btn186409:hover { font-size:13px; color:#ffffff;  padding:1px 22px;   border:1px solid #ffffff; display:inline-block; background-color:#186409;    }



.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-family:'S-CoreDream-8Heavy';
	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; }
.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:87px; }
.home_weare .txt1 { margin-top:10px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;  font-size:16px; color:#333333; font-weight:700; padding:0 5px; }
.home_weare .txt2 { margin-top:5px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;  font-size:13px; color:#666666; font-weight:400; padding:0 5px 5px 5px; }

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


 
 
 /*--consulting--*/

.tableConsulting { width:100%; 
	 
}
.tableConsulting th {
	width:160px;
	padding-left:15px;
}
.tableConsulting th, .tableConsulting td {
	height:48px;
	border-bottom:1px solid #dddddd;

	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.tableConsulting input[type="text"], .tableConsulting select, .tableConsulting textarea {
    background-color: #eeeeee;
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 6px 10px;
    border: 0;
}
.tableConsulting input[type="text"] {
	width:100%;
}
.Cprivacy p {
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 400;
    font-size: 15px;
	margin-bottom:10px;
}
.Cprivacy textarea {
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 300;
    font-size: 13px;
	padding:20px 10px;
	color:#555555;
}
.consultingBtn1 {
	color:#ffffff;
	border:1px solid #62aaf5;
	background-color:#62aaf5;
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 400;
    font-size: 15px;
	padding:11px 25px;
}
.consultingBtn1:hover {
	background-color:#3cb268;
}
.consultingBtn2 {
	color:#333333;
	background-color:#ffffff;
	border:1px solid #dddddd;
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 400;
    font-size: 15px;
	padding:11px 25px;
}


.slider-for > div { height:600px; }



/*product1*/
.tableFarm th, .tableFarm td {
	border-bottom:1px solid #eeeeee;
	padding:4px 0;
}
.tableFarm th {
	 line-height: 1.8; letter-spacing: -0.01em; 	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	 width:140px;
}
.tableFarm td {
	 line-height: 1.8; letter-spacing: -0.01em; 	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
}


.tableFarm2 th, .tableFarm2 td {  
	border:1px solid #dddddd;
	padding:4px 0;
}
.tableFarm2 th {
	 line-height: 1.8;  	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	 width:190px;
	 text-align:center;
	 background-color:#fafafa;
}
.tableFarm2 td {
	 text-align:center;
	 line-height: 1.8;  	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	 padding:10px;
}
 

.coltitle1 {
display:inline-block;
font-family: 'S-CoreDream-8Heavy','Noto Sans KR','sans-serif';
font-size:16px;
color:#333333;
padding-left:15px; background:url('/KR/img/coldot1.png') no-repeat left 5px;
}
.concontent2 p {
 	text-align:left;
	font-size:14px;
	padding-left:15px; background:url('./KR/img/colcdot2.png') no-repeat left 8px;
}


.EFexA p {
	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
}
.EFexA .title1 {
	font-size: 30px;
    font-weight: 400;
    color: #222222;
    letter-spacing: -0.05em;
    line-height: 1.5;
}
.EFexA p b { font-weight: 700; word-break: keep-all; }
.EFexA .title2 { font-size:14px; } 
.EFexA .desc1 { font-size:15px; line-height: 1.8; letter-spacing: -0.01em; }
.EFexA .desc1 b { font-weight:700; }
.desc1a li {
	font-size:15px; line-height: 1.8; letter-spacing: -0.01em;
	padding-left:22px;
	background:url('/KR/imgeg/boxdotGreen.png') 3px 14px no-repeat; /* lidot_desc1green.png  dg.gif */
	border-bottom:1px dashed #eeeeee;
	padding-top:8px; padding-bottom:8px;
}
.desc1a li span { color:#9c6262; font-size:14px; }

.desc2a li {
	line-height: 1.8; letter-spacing: -0.01em; 	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	padding-left:18px;
	padding-left:11px; background:url('./KR/img/lidot_desc1greens.png') no-repeat left 10px;
}
.EFexB .col-50 { width:50%; }
.EFexB > li { float:left; padding:9px 0px;  }
.EFexB > li:first-child { padding-right:15px; }
.EFexB > li:last-child { padding-left:15px; }

.EFexB .col-35 { width:35%; }
.EFexB .col-65 { width:65%; }


.EFline1 { width:100%; height:2px; border-bottom:1px solid #dddddd; margin-bottom:35px; margin-top:35px; }
 


.desc1a2 li {
	color:#222222;
	font-size:15px; line-height: 1.8; letter-spacing: -0.01em;
	padding-left:22px;
	border:1px solid #dddddd;
	margin-top:-1px;
	padding-top:6px; padding-bottom:6px;
}
.desc1a2 li span { color:#9c6262; font-size:14px; }





.EFex .col-20 { width:20%; }
.EFex li { float:left; padding:9px 4px;  }
.EFex .col-20 p { text-align:center; width:100%;  }
.EFex .col-20 .img { max-width:100%;  overflow:hidden; background-color:#333333;  }
.EFex .col-20 .title { font-size:15px; font-weight:600; border:1px solid #dddddd; padding:10px 2px;  }

.EFex li img { transition-duration:0.4s; -webkit-transition-duration:0.4s; } 
.EFex 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);
}




.scrollTable table { min-width:600px; }
.scrollTable { overflow-x:auto; }


/* HOME NOTICE */  
.sectionNotice .NoticeBox > DIV { width:50%; float:left; }

/*
.sectionNotice .NoticeBox .leftBox .moretab { right:15px; }
.sectionNotice .NoticeBox .rightBox .notice_title { padding-left:15px; }
*/
.sectionNotice .NoticeBox .leftBox { padding-right:10px; }
.sectionNotice .NoticeBox .rightBox { padding-left:10px; }


.sectionNotice .notice_list {
    width: 100%;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionNotice .notice_list ul {
	width:100%;
}
.sectionNotice .notice_list li {    
	float:left;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
	margin-top:-1px;
	border-top:1px solid #efefef;   
    border-bottom:1px solid #efefef; 
    border-right:1px solid #efefef; 
	border-left:1px solid #efefef;
}
/*.sectionNotice .leftBox li { border-left:1px solid #efefef; }*/


.sectionNotice .notice_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 95px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4d4d4d;
    text-decoration: none;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionNotice .notice_list li .subject {
    float: left;
    max-width: 100%;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sectionNotice .notice_list li .dot { 
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    color: #f43142;
    font-size: 15px;
    text-align: center;
    font-family: "Lato", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	background:url(img/dot_notice4.gif) left center no-repeat;
}
.sectionNotice .notice_list li .title {
    color: #111;
    font-size: 15px;
    font-weight: normal;
}
.sectionNotice .notice_list li .title:hover { color:#067eac; }
.sectionNotice .notice_list li  .description {
    display: block;
    min-width: 10px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
}
.sectionNotice .notice_list li .rdate {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 40px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}


.sectionNotice .notice_title {
    display: inline-block;
    color: #111;
    font-size: 20px;
    line-height: 29px;
    vertical-align: middle;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	font-weight:bold;
}
.sectionNotice .notice_subtitle {
    display: inline-block;
    margin: 2px 0 0 6px;
    color: #1f90ca;
    font-size: 12px; font-weight:bold;
    line-height: 18px;
    vertical-align: middle;
}

.moretab {
    position: absolute;
	top:0; 
    right: 0px;
	display: inline-block;
    width: 30px;
	height:30px;
	text-align:right;
 }
.moretab a {
	display:inline-block;
	width:30px; height:30px;
    padding-top:0px;
 
}


.moretab2 {
    position: absolute;
    right: 0px;
	display: inline-block;
    width:26px; height:26px;
	text-align:right;
}
.moretab2 a {
	display:inline-block;
	width:100%; height:100%;
   }




/* HOME NOTICE */  
.sectionNotice2 .NoticeBox > DIV { width:50%; float:left; }

/*
.sectionNotice2 .NoticeBox .leftBox .moretab { right:15px; }
.sectionNotice2 .NoticeBox .rightBox .notice_title { padding-left:15px; }
*/
.sectionNotice2 .NoticeBox .leftBox { padding-right:10px; }
.sectionNotice2 .NoticeBox .rightBox { padding-left:10px; }


.sectionNotice2 .notice_list {
    width: 100%;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionNotice2 .notice_list ul {
	width:100%;
}
.sectionNotice2 .notice_list li {    
	float:left;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
	margin-top:-1px;
 }
/*.sectionNotice2 .leftBox li { border-left:1px solid #efefef; }*/


.sectionNotice2 .notice_list li a {  
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 95px 0 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4d4d4d;
    text-decoration: none;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionNotice2 .notice_list li .subject {  
    float: left;
    max-width: 100%;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sectionNotice2 .notice_list li .dot { 
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    color: #f43142;
    font-size: 15px;
    text-align: center;
    font-family: "Lato", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	background:url(/KR/img/dot_notice4.gif) left center no-repeat;
}
.sectionNotice2 .notice_list li .title {
    color: #111;
    font-size: 15px;
    font-weight: normal;
}
.sectionNotice2 .notice_list li .title:hover { color:#067eac; }
.sectionNotice2 .notice_list li  .description {
    display: block;
    min-width: 10px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
}
.sectionNotice2 .notice_list li .rdate {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 40px;
    color: #76767e;
    font-size: 13px;
    font-weight: normal;
    line-height: 40px;
	text-align:right;
}


.sectionNotice2 .notice_title {
    display: inline-block;
    color: #111;
    font-size: 20px;
    line-height: 29px;
    vertical-align: middle;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	font-weight:bold;
}
.sectionNotice2 .notice_subtitle {
    display: inline-block;
    margin: 2px 0 0 6px;
    color: #1f90ca;
    font-size: 12px; font-weight:bold;
    line-height: 18px;
    vertical-align: middle;
}


ul.libox55 { width:100%; }
ul.libox55 > li { float:left;  }
ul.libox55 > li:first-child { width:50%; }
ul.libox55 > li:last-child { width:50%; }


.main_6x .otherLink li {
    margin-top: 10px;
    padding-right: 20px;
	border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; width:50%; float:left;
}
.main_6x .otherLink li.list-1 { border-left:1px solid #e0e0e0; }

.main_6x .otherLink li a {
    display: block;
    height: 59px;
    padding: 9px 0 0 20px;
    color: #333;
    text-decoration: none;

	font-family: 'Nanum Gothic', sans-serif;
}

.main_6x .otherLink li.list-1 a {
    background: url(/KR/imgl/icon_other2b.png) no-repeat right center;
}
.main_6x .otherLink li.list-2 a {
    background: url(/KR/imgl/icon_other3n.png) no-repeat right center;
}
.main_6x .otherLink li.list-3 a {
    background: url(/KR/imgl/icon_other1b.png) no-repeat right center;
}
.main_6x .otherLink li.list-4 a {
    background: url(/KR/imgl/icon_other4n.png) no-repeat right center;
}
.main_6x .otherLink li .desc {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #888;
}
.main_6x .otherLink li .title {
    display: block;
    line-height: 26px;
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    letter-spacing: -1px;
}

 
.main_6x .customerB { margin-bottom:20px; }

/* sub content */
.subTitlex1 { 
	margin-top:20px;
	margin-bottom:10px; 
	font-family:'Noto Sans KR','Malgun Gothic',sans-serif; 
	color:#4a8779;   font-size:18px; 
	line-height:1.5; letter-spacing:-0.5px; 
	padding-left:25px; background:url('/KR/img/subTitlex1.png') no-repeat left 5px;  
   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;

} 

.subTitlex2 { 
	font-weight:700; font-size:16px; padding-left:13px; background:url('/KR/img/subTitlex2.png') 2px 6px no-repeat; 
	margin-bottom:5px; 

}

.lidotx1 p {  
	background:url('/KR/img/uldot3.png') left 7px no-repeat; padding:0 0 0 15px; 
}


 
.introduction div { border:1px solid #dddddd; margin-top:-1px;  padding:15px;  font-size:14px; font-weight:400;   }
.introduction .desc { font-size:14px; font-weight:400; padding-left:14px; }
.introduction .title { color:#916f3d; font-size:16px; font-weight:500; margin-bottom:5px; }
 
.introduction2 div {  padding-left:10px;  font-size:14px; font-weight:400;   }
.dotx1 p { padding-left:16px; background:url('/KR/img/dotblue2.png') left 7px no-repeat; font-size:14px; margin-bottom:5px; }
.dotx1 span { color:#916f3d; font-weight:500; }

.libox1 {  border:1px solid #dddddd; margin-top:-1px;  padding:15px;  font-size:14px; font-weight:400; }
.libox1 li { font-size:14px; font-weight:400; padding:2px 0 2px 12px; background:url('/KR/img/libox1dot2.png') left 9px no-repeat;  }

.introduction .title1, .introduction2 .title1 { color:#916f3d; font-size:16px; font-weight:500; margin-bottom:5px; padding-left:10px;background:url('/KR/img/bar_title1.png') left 6px no-repeat;  }

.csection {
	position:relative;
    width: 100%;
    padding: 0px;
}
.csection  > div { vertical-align: top; }
.csection .grid_left {
    width: 25%;
	float:left;
}
.csection .grid_right {
	padding-left:30px;
	width: 75%;
	float:left;
	margin-top:5px;
    font-weight: 400;
	font-size:15px;
}


.csection2 {
	position:relative;
    width: 100%;
    padding: 0px;
}
.csection2  > div { vertical-align: top; }
.csection2 .grid_left {
    width: 30%;
	float:left;
	word-break:keep-all;

}
.csection2 .grid_right {
	padding-left:30px;
	width: 70%;
	float:left;
	margin-top:5px;
    font-weight: 400;
	font-size:15px;
}



.bartitle1 { 	font-size: 24px;   font-weight: 400;    color: #222222;   letter-spacing: -0.5;   line-height: 1.5; 
	background:url('/KR/img/dot_ltitle1.gif') left 6px no-repeat; 
	padding-left:28px;
 }
.bartitle1 b { font-weight:700; }


.bar_line { border-top:1px solid #eee; margin-top:20px; margin-bottom:20px; height:2px; }

.bizbox1in1 {  }
.bizbox1in1 p {  }

.process4 li {
	float:left;
	width:25%;
	text-align:center;
	padding:15px; 
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;	  font-weight:500; font-size:16px; 
	word-break:keep-all;
}
.process4 li:first-child { border-left:1px solid #dddddd;}
.process4 span { display:block; font-family:'Russo One','Noto Sans kR'; font-weight:700; color:#916f3d; font-size:16px; }

.process5 li {
	float:left;
	width:20%;
	text-align:center;
	padding:15px; 
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	font-weight:500;
	font-size:16px;
	height:100px;
	word-break:keep-all;
}
.process5 li:first-child { border-left:1px solid #ccc; }
.process5 span { display:block; font-family:'Russo One','Noto Sans kR'; font-weight:700; color:#916f3d; font-size:16px; }


.biz2box .title1 { }
.biz2box .bizbox1 {  }
.biz2box .bizbox1 p {  }
.table1  { border-top:2px solid #555; border-bottom:1px solid #555;  }
.table1 table {  border-collapse: collapse;  width:100%; }
.table1 th {  border:1px solid #dddddd;  background-color:#f8f8f8; text-align:left; padding:10px 8px; 	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  text-align:center; 
 }
.table1 td {   border:1px solid #dddddd; text-align:left; padding:10px 8px;  color:#222;  	font-size:14px; font-weight:400;
	 /*font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  */
}

.biz3box .title1 { }
.biz3box .bizbox1 {  }
.biz3box .bizbox1 {  }
.biz3box .bizbox1 p {  }



/* Movile Menu */
/* SideMenuBox */
.sideMenuBoxOuter { position:absolute; width:380px;height:100%; left:0px;top:0;z-index:10; display:none; }
.sideMenuBox { position:relative;width:1px; width:100%; height:100%;background-color:#fafafa;left:-10px;top:0; padding:15px; overflow:hidden; }

.sideMenuBack { width:40px; height:30px; cursor:pointer; background-image:url('/KR/img/icon_backsmall.png'); background-position:center; background-repeat:no-repeat;   }

.sideMenu {  margin:15px; }
.sideMenu a { display:block; width:100%; padding: 10px; 
	font-size:14px; font-weight:bold;
	margin-top:-1px;
	border:1px dotted #aaaaaa;
	color:#333333;
}
.sideMenu a:hover { background-color:#3db86b; color:#ffffff;  }



.sideMenu2 {  margin:15px;  }
.sideMenu2 table { border-collapse: collapse; width:100%; }
.sideMenu2 td { width:50%;
	border:1px dashed #dddddd;
	background-color:#ffffff; 
	vertical-align:top; 
}
.sideMenu2 td > a {
	display:inline-block;
	padding: 8px 20px; 
	color:#333333; font-family: 'Noto Sans KR','Malgun Gothic','dotum',sans-serif; font-weight:400; font-size:13px; text-align:left;
	width:100%; height:100%;
	position:relative;
}
.sideMenu2 td > a:hover  { background-color:#3db86b; color:#ffffff; }

.sideMenu2 td > a span { position:absolute; right:10px; top:8px;  }
 
/*.sideMenu2 a.menumore { background-image:url('/KR/img/dot_mobilemenumore.png'); background-position: right center; background-repeat:no-repeat; }*/
.sideMenu2 .sideMenu2sub { display:none; }
.sideMenu2 .sideMenu2sub a {
	display:inline-block;
	padding: 4px 6px 4px 35px;; 
	color:#6b553b; font-family: 'Noto Sans KR','Malgun Gothic','dotum',sans-serif; font-weight:400; font-size:13px; text-align:left;
	width:100%; height:100%;
	border-top:1px solid #eee;
	background-image:url('/KR/img/re.png'); background-position: 10px center; background-repeat:no-repeat; 
}
.sideMenu2 .sideMenu2sub a:hover { background-color:#5a6e82; color:#ffffff; }
.sideMenu2 .sideMenu2sub a:last-child { border-bottom:0px solid #eee; }
 

.sideMenu3 {  margin:15px;  }
.sideMenu3 table { border-collapse: collapse; width:100%; }
.sideMenu3 td { width:50%;
	border:1px solid #f3f3f4;
	background-color:#ffffff; 
}
.sideMenu3 td a {
	display:inline-block; 
	width:100%; height:100%;
	padding: 8px 5px; 
	color:#555555; font-family: 'Noto Sans KR','Malgun Gothic','dotum',sans-serif; font-weight:400; font-size:12px; text-align:center;
}
.sideMenu3 a:hover, .sideMenu3 a.active { background-color:#5a6e82; color:#ffffff; }

.table0 { display:table;width:100%;  }
.table0-cell { display:table-cell; vertical-align:middle; text-align:center; }

.contentsource { margin-top:20px;margin-bottom:20px; font-size:13px; font-weight:400; line-height:1.2; color:#888; }


.tableConsulting { width:100%; 
	 
}
.tableConsulting th {
	width:160px;
	padding-left:15px;
}
.tableConsulting th, .tableConsulting td {
	height:48px;
	border-bottom:1px solid #dddddd;

	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.tableConsulting input[type="text"], .tableConsulting select, .tableConsulting textarea {
    background-color: #eeeeee;
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 6px 10px;
    border: 0;
}
.tableConsulting input[type="text"] {
	width:100%;
}

.Cprivacy { margin-top:20px; }
.Cprivacy div { position:relative; height:40px; }
.Cprivacy .title {
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 700;
    font-size: 15px;
	padding-top:10px;
}
.Cprivacy .morepop { position:absolute; top:0; right:0; }
.Cprivacy #agreement {
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 400;
    font-size: 13px;
	padding:10px;
	color:#555555;
	height:120px;
	width:100%;
	background-color:#fafafa;
}
.consultingBtn1 {
	color:#ffffff;
	border:1px solid #62aaf5;
	background-color:#62aaf5;
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 400;
    font-size: 15px;
	padding:11px 25px;
}
.consultingBtn1:hover {
	background-color:#3cb268;
}
.consultingBtn2 {
	color:#333333;
	background-color:#ffffff;
	border:1px solid #dddddd;
	font-family:'Noto Sans KR','Malguh Gothic',sans-serif;
    font-weight: 400;
    font-size: 15px;
	padding:11px 25px;
}

label.privacylabel { font-size:14px; font-weight:400; }


.privacypoptitle { font-family:'Noto Sans KR',Sans-serif;font-size:28px; font-weight:900;  color:#1a1a1a;margin-top:0px;margin-bottom:20px;text-align:center; }
.privacypopdesc { overflow-y:scroll; width:90%;height:500px;padding:20px;text-align:left;border:0px dashed #999999;background-color:#fafafa; margin:0 auto;font-family:'Noto Sans KR',Sans-serif;font-size:14px;font-weight:300;color:#1a1a1a; line-height:1.4; }


/*HOme Box*/
.colorBox3 { position:absolute; width:100%; height:100px; bottom:20px; left:0;z-index:6;  }
.colorBox3 > div { padding:2px;}
.colorBox3 ul { position:relative; display:block; height:100px; margin:0; }
.colorBox3 li { float:left; width:33.33333%;  position:relative; display:block; height:100px; padding:12px; margin:0; }
.colorBox3 li:nth-child(1) { background-color:#3f77bc;  overflow:hidden; }
.colorBox3 li:nth-child(2) { background-color:#53bcec; overflow:hidden; }
.colorBox3 li:nth-child(3) { background-color:#5ba14d; overflow:hidden;  }

#quick1 { height:100%;  position:relative; /*background:url('/KR/imgl/icon1n_3.png') left center no-repeat;*/ }
#quick1 span.title { display:block; margin-top:5px;font-size:13px;font-weight:500;color:#ffffff;font-family:Noto Sans KR,sans-serif;line-height:1.5; }
#quick1 span.telep { display:block;font-family:'Russo One',sans-serif;font-size:24px;color:#96bd3a;letter-spacing:1.7px;margin-top:-4px; }

#quickCounsel { width:100%; height:100%;  position:relative; padding:3px 20px; text-align:center /*background:url('/KR/imgl/icon1n_1.png') left center no-repeat;  */ }
#quickCounsel .title { color:#ffffff; font-size:13px; font-weight:500; }
#quickCounsel input[type='text'], .colorBox3 input[type='date'] { background-color:#fff; border:0; padding:2px 4px; font-size:14px; color:#555; font-weight:500;  margin-bottom:1px; outline:none;  width:100%; }
#quickCounsel textarea { background-color:#fff; border:0; padding:4px; font-size:14px; color:#555; font-weight:500;  margin-bottom:1px; outline:none; width:100%; height:30px; }
#quickCounsel input::placeholder, #quickCounsel textarea::placeholder  { font-size: 13px; }

.form_chkbox span { display:inline-block; width:15px; height:15px; background-color:#fff; vertical-align:middle; cursor:pointer; }
 
#quick3 { height:100%;   position:relative; /*background:url('/KR/imgl/icon1n_5.png') left center no-repeat;*/ }
#quick3 span.title { display:block; margin-top:5px;font-size:13px;font-weight:500;color:#ffffff;font-family:Noto Sans KR,sans-serif; text-align:center;line-height:1.5; }
#quick3 span.desc { display:block; font-size:16px;font-weight:500;color:#ffffff;font-family:Noto Sans KR,sans-serif;line-height:1.1; text-align:center; }




 #sectionAppeal { position:relative;  height:250px; padding-top:30px;
   z-index:10;
	-webkit-background-size: cover; 
	-moz-background-size: cover;  
	-o-background-size: cover; 
	background-size: cover; 
	
}
 #sectionAppeal .title1 {
	color:#19a8e9;
	font-family:'S-CoreDream-5Medium','Noto Sans KR','Malgun Gothic',sans-serif; 
	font-weight:500;  
	font-size:14px;
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
}


 #sectionAppeal .title2 {
	color:#ffffff;
	font-family:'S-CoreDream-8Heavy','Noto Sans KR','Malgun Gothic',sans-serif; 
	font-weight:500;  
	font-size:28px;
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
}

 #sectionAppeal .title3 {
	color:#ffffff;
	font-family:'S-CoreDream-5Medium','Noto Sans KR','Malgun Gothic',sans-serif; 
	font-weight:400;   
	font-size:20px;
 	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
}

#sectionAppeal .title3 span { border:0px solid rgba(255,255,255,0.4); padding: 5px; display:inline-block; height:30px;

 

}



/* Login */

.tabitem50 li {
    width: 50%;
}
.tabitem33 li {
    width: 33.33333%;
}

.BoxLogin {
    position: relative;
    margin: 0 auto;
    max-width: 360px;
	font-weight:400;
 }
 .BoxLogin input {  
	font-weight:400;

 }

.BoxLogin .list-tab {
	display:block; 
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.BoxLogin .list-item { margin-left:-1px;
    float: left;
    display: block;
    height: 42px;
    text-align: center;
    outline: none;
    border: 1px solid #dfdfdf;
	background-color:#fafafa;
	overflow:hidden; 


}
.BoxLogin .list-item a {
    display: block;
	padding-left:10px;
	padding-right:10px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 41px;
    text-decoration: none;
	border:0; 
	font-family:'Noto Sans KR';
	word-break:keep-all;

}
.BoxLogin .active a {
    color: #222;
}

.BoxLogin .active {
    position: relative;
    z-index: 1;
    border-color: #222;
    border-bottom: 0;
    background: #fff;
}

.BoxLogin p { margin-bottom:-1px; }
.BoxLogin .linput {  width:100%; height:52px; border:1px solid #dddddd; background-color:#fafafa; font-size:16px; color:#777777; padding:18px; font-weight:400; outline: none; }
.BoxLogin .linput:focus { border:1px solid #222222; color:#222; margin-bottom:1px;  }

.BoxLogin .submit { display:block;width:100%;  height:52px; cursor:pointer; border:0; text-align:center; background-color:#3db86b; color:#ffffff; line-height:52px;  font-size:16px;  font-family:'Noto Sans KR',sans-serif;  }

.BoxLogin  .form_checkbox {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
}

.BoxLogin  .form_label {
    position: relative;
    display: block;
    padding: 14px 0 13px 30px;
    font-size: 13px;
    color: #999;
    line-height: 19px;
	font-family:'Noto Sans KR';
	cursor:pointer;
	font-weight:400; 
}
.BoxLogin .form_label:before { 	 
	content:'';
    position: absolute;
    left: 0;
    top: 12px;
    width: 22px;
    height: 22px;
    background-position: 0px 0px; 
 
    background-image: url(/KR/img/form_chkbox.png);
	background-repeat:no-repeat;
	background-size:auto 22px;

}

.BoxLogin  .form_checkbox:checked+.form_label:before {
    background-position: -24px 0px;
	color:#222222;
}
.BoxLogin  .form_checkbox:checked+.form_label  {
	color:#222222;
}
.BoxLogin .btnJoin { background-color:#f1f1f1; border:1px solid #ddd; display:block;width:100%;  height:32px; color:#333; line-height:32px;  font-size:13px;  font-family:'Noto Sans KR',sans-serif; text-align:center; } 
.BoxLogin .btnJoin:hover { background-color:#3d75b8; color:#fff; }

/* Login */

/* MemberFindPW */
.GuideNotice { font-size:12px; color:#777; line-height:1.5; }





.boxShadow { /* http://www.cssmatic.com/box-shadow */
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
}

h1.title { font-weight:700; font-size:40px; margin:10px 0 0 -2px; color:#3f3f3f; letter-spacing:-1.2px; 
	font-family:Teko;
   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;
}
h1.title span { color:#9b9b9b; }
h2.title { f font-weight:700; font-size: 25px; color:#333333; margin:10px 0; 
   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;
}
 
h3.title { margin:14px 0 7px 0;  color:#333333; font-family:Lato; font-weight:700; font-size:18px; line-height:1.3; letter-spacing:-1.0px; padding-left:20px; background:url('/KR/img/dotbora00.png') no-repeat left 3px;  } 


h4.titleblack {  font-weight:500; font-size:17px; color:#333333;  margin:10px 0 6px 0;  padding-left:20px; background:url('/KR/img/dotbora12.png') no-repeat 5px 2px; }
h4.titlegreen {  font-weight:700; font-size: 16px; color:#608434;  margin:15px 0 1px 0; 
 padding-left:20px; background:url('/KR/img/dotgreen1.png') no-repeat left 3px; 
}

h4.thick {  border-left:4px solid #1479c7; padding-left:6px; line-height:14px; }


.container .b {
    font-weight: bold;
}

.container .title-1 {
    
	font-size: 25px;
}
.container .txt-1 {
    
    letter-spacing: -0.04em;
	line-height: 25px;
    font-size: 17px;
    color: #555555;
}
.container .title-2 {
    
	font-size: 20px;
	color:#1479c7;
	margin-bottom:8px;
}
.container .txt-2 {
    
    letter-spacing: -0.04em;
	line-height: 22px;
    font-size: 14px;
    color: #555555;
}
.container .txt-2 span {
	font-weight:700;
	font-size:15px;
}
.container .img1 { margin-top:15px; } 
.container .dotline {
	border-top:1px dashed #e5e5e5; margin:10px 0;
	padding-top:10px;
	padding-left:18px;
	background:url('/KR/img/lidotxGreen1.png') left 17px no-repeat;
}




 
.box1xa { 
	 font-weight:400;   
	font-size:15px; 

	line-height:22px;
	padding:10px;margin-top:5px;margin-bottom:5px;
	background-color:#ffffff;
}

.box1xa p {   line-height:1.3; letter-spacing:0.5px; 
	padding-left:18px; background:url('/KR/imgeg/boxdotGreen.png') no-repeat left 2px;
	margin:5px 0;
}


.box0 { 
	 font-weight:400;   
	font-size:14px; 
	border:0px dashed #dddddd;
	line-height:22px;
	padding:0px;margin-top:5px;margin-bottom:5px;
	color:#555;
}

.box1 { 
	 font-weight:400;   
	font-size:14px; 
	border:1px dashed #dddddd;
	line-height:22px;
	padding:10px;margin-top:5px;margin-bottom:5px;
	background-color:#fafafa;
}
.box1 span { color:#177dc6; font-weight:500; display:inline-block; padding-left:0px;   }
.box1 p {  color:#333333; font-weight:400;   line-height:1.3; letter-spacing:0.5px; 
	padding-left:18px; background:url('/KR/img/dotbora22.png') no-repeat left 2px;
	margin:5px 0;
}

.box1 li {
	padding-left:10px; background:url('/KR/img/uldot3.png') no-repeat left 5px;
}

.box2 { 
	 font-weight:400;   
	font-size:14px; 
	border:1px dashed #dddddd;
	line-height:22px;
	padding:10px;margin-top:5px;margin-bottom:5px;
	/* background-color:#fafafa; */
	/* background-color:#ffffff;  */
}
.box2 span { color:#177dc6; font-weight:700; display:inline-block;  }

.box2 .title {   color:#333333; font-weight:600; font-size:15px; line-height:1.3; letter-spacing:0.5px; 
	padding-left:15px; background:url('/KR/img/dotbora12.png') no-repeat left 2px;
	margin:5px 0 5px 0;
}
.box1 .desc, .box2 .desc {  color:#555555; font-weight:300; font-size:14px; line-height:1.3; letter-spacing:0.5px; 
	padding-left:15px;  margin-bottom:2px;
}


.box2x { 
	 font-weight:400;   
	font-size:14px; 
	border:1px dashed #dddddd;
	line-height:1.5;
	padding:10px;margin-top:5px;margin-bottom:5px;
	/* background-color:#fafafa; */
	/* background-color:#ffffff;  */
}



.box2n { 
	 font-weight:400;   
	font-size:14px; 
	border-bottom:1px dashed #dddddd;
	line-height:22px;
	padding:0px 0 10px 0;margin-top:0px;margin-bottom:15px;
	/* background-color:#fafafa; */
	/* background-color:#ffffff;  */
}
.box2n span { color:#177dc6; font-weight:700; display:inline-block;  }

.box2n .title {   color:#333333; font-weight:600; font-size:15px; line-height:1.3; letter-spacing:0.5px; 
	padding-left:15px; background:url('/KR/img/dotbora12.png') no-repeat left 2px;
	margin:5px 0 5px 0;
}
.box2n .desc {  color:#555555; font-weight:300; font-size:14px; line-height:1.3; letter-spacing:0.5px; 
	padding-left:15px;  margin-bottom:2px;
}



.box3 { 
	 font-weight:400;   
	font-size:14px; 
	border-top:1px dashed #dddddd;
	line-height:22px;
	padding:10px 0;margin-top:5px;margin-bottom:5px;
   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;

}
.box3 span { color:#177dc6; font-weight:500; display:inline-block; padding-left:13px; background:url('/KR/img/dotblue1.png') no-repeat left 6px; }

.box3 .depth2 { font-size:13px  }

.depth1 { padding-left:13px;  }
.depth2 { padding-left:30px;  }
.depth3 { padding-left:50px;  }

.uldot0 li {
	 font-weight:700;   
	font-size:14px; 
	padding-left:13px; 
	border-left:5px solid #3993cf;

	/*background:url('/KR/img/uldot0.png') no-repeat left 4px; */
 }

.uldot1 { margin-bottom:0; }
.uldot1 li {
	 font-weight:500;   
	font-size:12px; 
	padding-left:13px; background:url('/KR/img/uldot1.png') no-repeat left 8px; 
}

.uldot1b li {
	 font-weight:600;   
	font-size:15px; 
	padding-left:13px; background:url('/KR/img/uldot2.png') no-repeat left 7px; 
 }

.min550 table { min-width:550px; }

.twidth90 {  width:90px; }
.twidth120 {  width:120px; }
.twidth140 { width:140px; }

.contentTable1 { overflow-x:auto; margin:15px 0; }
.contentTable1 table { width:100%; border-collapse: collapse; }
.contentTable1 th { 
	text-align:center;
	border:1px solid #e7e7e7;
	font-size:14px;
	   
	font-weight:bold;
	height:42px;
	background-color:rgba(248,248,248,0.8);
	padding:10px;
}
.contentTable1 td {
	color:#555555; font-weight:400;font-size:14px;letter-spacing:0px;    
	border:1px solid #dddddd;
	padding:7px 5px;
}
.contentTable1 td span { font-size:13px; color:#6498be; }
.contentTable1 .center { text-align:center; }

.tdtitle1 { 	padding-left:13px; background:url('/KR/img/uldot1.png') no-repeat left 8px; 
 color:#555555; font-weight:700;font-size:15px; }

.contentTable2 { overflow-x:auto; margin:15px 0; }
.contentTable2 table { width:100%;   border-collapse: collapse;  }
.contentTable2 th { 
	text-align:center;
	border:1px solid #999999;
	font-size:14px;
	   
	font-weight:600;
	height:32px;
	background-color:#efeef9;
	padding:10px;
}
.contentTable2 td {
	color:#555555; font-weight:400;font-size:14px;letter-spacing:0px;    
	border:1px solid #999999;
	padding:8px 12px;
}
.contentTable2 td span { font-size:13px;  }
.contentTable2 .center { text-align:center; }
 
.centerall td { text-align:center; 

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

}
.centerfirstlast td:first-child, .centerfirstlast td:last-child { text-align:center; }

.div_section {
	position:relative;
    width: 100%;
    padding:0px;
	display:table;
	margin-top:30px;
}
.div_section  > div {
    vertical-align: top;
	display:table-cell;
}

.div_section .left1 { width:187px; padding-right:12px; }
.div_section .right1 { padding-left:18px; border-left:1px solid #eeeeee;   }

.div_section .left1title {   color:#7772a5; font-weight:700; font-size:18px; line-height:1.5; letter-spacing:-1.0px; padding-left:20px; background:url('/KR/img/dotbora00.png') no-repeat left 6px;  
   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;

} 
.div_section .right1 p {  color:#333333; font-weight:400; font-size:14px; line-height:1.3; letter-spacing:0.5px; 
	padding-left:15px; background:url('/KR/img/dotbora12.png') no-repeat left 2px;
	margin:10px 0;
}
.div_section .right1 p:first-child  { margin-top:0;   }
.div_section .right1 p:last-child {  margin-bottom:0; }

.margintop30 { margin-top:20px  !important;  }

.products_subject { font-size:20px; font-weight:700; border-bottom:1px dashed #dddddd; margin-bottom:10px; padding-bottom:10px; }

.products_desc { margin-top:10px; margin-bottom:30px; }
.products_desc li {
	font-size:14px;
	font-weight:400;
	padding-left:18px; background:url('/KR/imgkg/uldot4.png') no-repeat left 10px; 
	border-bottom:1px dashed #eeeeee;
	padding-top:5px; padding-bottom:5px;
}
.products_desc2 li {
	font-size:12px;
	font-weight:400;
	padding-left:13px; background:url('/KR/imgkg/uldot5.png') no-repeat left 9px; 
}



.subtitletable {
	display:table;
	width:100%;
}
.subtitletable div {
	display:table-cell;
	padding-bottom:10px;
}
.subtitletable .title2 {
	font-size:32px;
	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	font-weight:700;
}
.subtitletable .title {
	font-family:'S-CoreDream-7ExtraBold','Noto Sans KR','Malgun Gothic',sans-serif;   font-size:31px; margin:10px 0 0 -2px; color:#3e3e3e; letter-spacing:-1.2px; 
}
.subtitletable .path {
	font-size:12px;
	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	font-weight:400;
	color:#777777;
}

.subtitletable2 {
	display:table;
	width:100%;
}
.subtitletable2 div {
	display:table-cell;
	padding-bottom:10px;
}
.subtitletable2 .title {
	font-size:26px;
	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	font-weight:600;
	padding-left:30px;
	background:url('/KR/img/dotTitle_Bizview.png') left center no-repeat;
}
.subtitletable2 .path {
	font-size:12px;
	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	font-weight:400;
	color:#777777;
}

.slick-prevsBiz,  .slick-nextsBiz {
    position:absolute;
	display:inline-block;
	width:70px; height:70px; 
	background-color:rgba(235,235,235,0.6);
 	cursor:pointer;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.slick-prevsBiz {
	background-image:url('/KR/img/arrowBiz1.png');
	background-position:center;
	background-repeat:no-repeat;
	left:50px;
}
.slick-nextsBiz {
	background-image:url('/KR/img/arrowBiz2.png');
	background-position:center;
	background-repeat:no-repeat;
	right:50px;
}
.slick-prevsBiz:hover,  .slick-nextsBiz:hover {
	background-color:rgba(235,235,235,1.0);
}
.sliderArrowBiz { top: 250px; }

.ViewTitle1 { padding-left:9px; background:url('/KR/img/tourviewtitle1dot.png') no-repeat; margin-bottom:5px; padding-top:3px; font-family:'S-CoreDream-8Heavy',sans-serif; font-size:16px;   }
.ViewDesc1 {
	 color:#555555; font-size:13px;  font-family:'Noto Sans KR',sans-serif; font-weight:400;
	 line-height:1.8;
}

.TourViewTitle1 { padding-left:9px; background:url('/KR/img/tourviewtitle1dot.png') no-repeat; margin-top:20px;margin-bottom:10px; font-family:'S-CoreDream-8Heavy',sans-serif; font-size:20px;   }
.TourViewTitle2 { padding-left:9px; background:url('/KR/img/tourviewtitle1dot.png') no-repeat; margin-top:20px;margin-bottom:10px; font-family:'S-CoreDream-8Heavy',sans-serif; font-size:20px;   }

.BizColor li {
	float:left;
	width:120px;
	padding-right:5px;
}
.BizColor .color {
	width:100%; height:90px;
}
.BizColor .title {
	font-family: 'Malgun Gothic',sans-serif;
	font-weight:500;
	font-size:13px;
	text-align:center;
	border:1px solid #eeeeee;
	padding:10px;
}

.BizContents {
	line-height:1.4;
	font-size:15px;
	font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
	font-weight:400;

}
ul.liLine1 { margin:0; padding-left:0px; }
ul.liLine1 li {
	float:none;
	border:1px solid #dddddd;
	padding:0;
	margin-top:-1px;
	font-size:14px; color:#555555;  padding:10px 10px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; 
	font-weight:500;
}

.slick-prevsBiz,  .slick-nextsBiz {
    position:absolute;
	display:inline-block;
	width:70px; height:70px; 
	background-color:rgba(235,235,235,0.6);
 	cursor:pointer;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.slick-prevsBiz {
	background-image:url('/KR/img/arrowBiz1.png');
	background-position:center;
	background-repeat:no-repeat;
	left:20px;
}
.slick-nextsBiz {
	background-image:url('/KR/img/arrowBiz2.png');
	background-position:center;
	background-repeat:no-repeat;
	right:20px;
}
.slick-prevsBiz:hover,  .slick-nextsBiz:hover {
	background-color:rgba(235,235,235,1.0);
}
.sliderArrowBiz { top:50%; margin-top:-35px; }




/* table loop */
.tableList1 { overflow-x:auto; }
.tableList1 table { min-width:640px;     border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.tableList1 th {  border:1px solid #dddddd;  background-color:#f1f6f4; text-align:center; padding:8px 5px; font-weight:bold; font-size:13px; }
.tableList1 td {   border:1px solid #dddddd; text-align:left; padding:3px 5px; font-size:13px; }
.tableList1 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.tableList1 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }
/*
.tableList1 input { border:1px solid #555555; text-align:center; }
.tableList1 input[type="text"] { background-color:#fafafa;  }
.tableList1 input[type="submit"] {padding:20px; }
.tableList1 td span { font-size:12px; }
*/

.tableList2 table {  border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.tableList2 th {  border:1px solid #dddddd;  background-color:#f1f6f4; text-align:center; padding:4px; font-weight:bold; font-size:12px; }
.tableList2 td {   border:1px solid #dddddd; text-align:center; padding:4px; font-size:12px; }
 
.tableList3 table {  border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.tableList3 th {  border:1px solid #dddddd;  background-color:#f1f1f1; text-align:center; padding:5px 5px; font-weight:bold; font-size:13px; }
.tableList3 td {   border:1px solid #dddddd; text-align:center; padding:5px; font-size:13px; }
.tableList3 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.tableList3 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }

.tableList3 input { border:1px solid #555555; text-align:center; }
.tableList3 input[type="text"] { background-color:#fafafa;  }
.tableList3 input[type="submit"] {padding:20px;   }
.tableList3 td span { font-size:12px;   }

.tableList3 td span.tournight { font-size:12px; border:1px dashed #dddddd; display:inline-block; padding:11px; margin-left:-1px; cursor:pointer; }
 

.tableList4 table {  border-collapse: collapse; border:1px solid #dddddd; width:100%;  } /* #dddddd #8c8c8c*/
.tableList4 th {  border:1px solid #dddddd;  background-color:#f1f6f4; text-align:center; padding:6px 5px; 	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
 }
.tableList4 td {   border:1px solid #dddddd; text-align:center; padding:11px 4px; color:#333; 	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
}
.tableList4 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.tableList4 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }

.tableList4 input { border:1px solid #555555; text-align:center; }
.tableList4 input[type="text"] { background-color:#fafafa;  }
.tableList4 input[type="submit"] {padding:20px; }
.tableList4 td span { font-size:12px; }


.tableNew1 table {  border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.tableNew1 th {  border:1px solid #dddddd;  background-color:#f1f6f4; text-align:left; padding:6px 4px; 	font-size:13px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  text-align:center; 
 }
.tableNew1 td {   border:1px solid #dddddd; text-align:left; padding:4px 10px;  color:#333;  	font-size:13px; font-weight:400;
	 /*font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  */
}
.tableNew1 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.tableNew1 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }


.tableNew2 table {  border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.tableNew2 th {  border:1px solid #dddddd;  background-color:#f1f6f4; text-align:left; padding:6px 4px; 	font-size:13px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  text-align:center; 
 }
.tableNew2 td {   border:1px solid #dddddd; text-align:left; padding:6px 6px;  color:#333;  	font-size:14px;  
	  font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;   
}
.tableNew2 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.tableNew2 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }

.tableNew3 table {  border-collapse: collapse; border:1px solid #d1d1d1; width:100%;  }
.tableNew3 th {  border:1px solid #d1d1d1;  background-color:#fafafa; text-align:left; padding:6px 4px; 	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  text-align:center; 
 }
.tableNew3 td {   border:1px solid #d1d1d1; text-align:left; padding:4px 4px;  color:#333;  	font-size:13px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
}
.tableNew3 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.tableNew3 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }

.tableNew3 tr:first-child { height:40px; }


/* Write Form : TraineeListInfo_TestWrite */
.writeForm p {  margin-top:10px;
	font-size:13px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
}
.writeForm input[type="text"], .writeForm input[type="number"], .writeForm input[type="password"]  { margin-top:1px; outline:none; 
	background-color:#f1f1f1; border:0; 
	padding:4px 5px;
	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
}
.writeForm input[type="text"]:focus {  background-color:#eeefee; }

.writeForm input[type="date"]  { width:140px;   margin-bottom:1px;  outline:none;  
	background-color:#f1f1f1; border:0;
	padding:4px 5px;
	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
}
.writeForm input[type="date"]:focus {  background-color:#eeefee; }

.writeForm select { background-color:#f7fcf4; 
	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
	padding:2px 5px;
	border:1px solid #eeeeee;
}
.writeForm option {  outline:none;  
	font-size:14px; font-weight:400;
}

.search { text-align:center; }
.search li {   display:inline-block; padding:0; margin:0;  }
.search select { font-size:14px;  background-color:#f1f1f1; height:31px;  }
.search .input_search, .inputselect { 
	font-size:14px;  background-color:#f1f1f1; border:0; padding:5px; height: 31px;
	border-bottom:1px solid #f1f1f1;
}
.search .input_submit,  .input_button {
	font-size:12px; color:#ffffff !important; background-color:#333333; border:0; padding:5px; height: 30px;
}

.daysearchselect { 
	font-family:'Noto Sans KR',sans-serif;
	font-size:13px;   background-color:#f1f1f1; border:0; padding:5px; height: 31px;
	border-bottom:1px solid #f1f1f1;
}
.daysearchselect option { font-size:13px; }

.searchselect { background-color:#f7fcf4; 
	font-size:14px; font-weight:bold;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
	padding:5px 5px;
	border:1px solid #eeeeee;
}
.searchselect option {
	font-size:14px; font-weight:400;
}

.writeForm textarea {  outline:none; 
	background-color:#f1f1f1; border:0;
	padding:5px;
	line-height:1.3;
	width:100%; 
	font-size:14px; font-weight:400;
	 font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  
}
.writeForm textarea:focus {  background-color:#eeefee; }


.writeForm .radiobox { margin-top:4px;
	padding:5px 10px; border:1px dashed #eeeeee;
	font-size:14px; font-weight:400;
}


.writeForm span { color:#559855; }

/* search */
a.btnBlank2 { font-size:13px; color:#777777;   padding:6px 8px;  border:1px solid #efefef; }
a.btnBlank2:hover { background-color:#efefef; }
.btnBlank { font-size:13px; color:#777777;   padding:6px 8px;  border:1px solid #efefef; }

a.btnBlank2b { font-size:13px; color:#555555;   padding:9px 10px;  border:1px solid #cccccc; }
a.btnBlank2b:hover { background-color:#3799e5; border:1px solid #3799e5; color:#ffffff; }

a.btnBlank3 { font-size:13px; color:#777777;    padding:6px 8px;  border:0px solid #efefef; display:inline-block; width:100%; height:100%; }
a.btnBlank3:hover { background-color:#3799e5; color:#ffffff; }

a.btnBlank3del { font-size:13px; color:#777777;    padding:6px 8px;  border:0px solid #efefef; display:inline-block; width:100%; height:100%; }
a.btnBlank3del:hover { background-color:#cc314c; color:#ffffff; }


.dashbox { border:1px dashed #eeeeee; padding:10px; }
.dashbox2 { border:2px solid #79a666; padding:10px; }


/*Reservation.html*/
.reservTable { overflow-x:auto; }
.reservTable table {  min-width:600px;   border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.reservTable th {  border:1px solid #dddddd;  background-color:#fafafa; text-align:center; padding:5px 5px; font-weight:bold; font-size:13px; }
.reservTable td {   border:1px solid #dddddd; text-align:center; padding:2px; font-size:13px; }
.reservTable .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.reservTable .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }

.reservTable input { border:1px solid #555555; text-align:left; }
.reservTable input[type="text"] { background-color:#f1f1f1;  }
.reservTable input[type="submit"] {padding:20px;   }
.reservTable td span { font-size:12px;   }

.reservTable td span.tournight { font-size:12px; border:1px dashed #dddddd; display:inline-block; padding:11px; margin-left:-1px; cursor:pointer; }


.reservTable1 table {  border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.reservTable1 th {  border:1px solid #dddddd;  background-color:#fafafa; text-align:center; padding:5px 5px; font-weight:bold; font-size:13px;   width:100px; }
.reservTable1 td {   border:1px solid #dddddd; text-align:center; padding:2px 5px; font-size:13px; }
.reservTable1 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.reservTable1 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }

.reservTable1 input { border:1px solid #555555; text-align:left; }
.reservTable1 input[type="text"] { background-color:#f1f1f1;  }
.reservTable1 input[type="submit"] {padding:20px;   }
.reservTable1 td span { font-size:12px;   }

.reservTable1 td span.tournight { font-size:12px; border:1px dashed #dddddd; display:inline-block; padding:11px; margin-left:-1px; cursor:pointer; }

.reservTable2 table {  border-collapse: collapse; border:1px solid #dddddd; width:100%;  }
.reservTable2 th {  border:1px solid #dddddd;  background-color:#e3f5ee; text-align:center; padding:5px 5px; font-weight:bold; font-size:13px; }
.reservTable2 td {   border:1px solid #dddddd; text-align:center; padding:5px; font-size:13px; }
.reservTable2 .edit { display:inline-block; padding:10px; background-color:#f1f1f1;   }
.reservTable2 .delete { display:inline-block; padding:10px; background-color:#f1f1f1;   }

.reservTable2 input { border:1px solid #555555; text-align:left; }
.reservTable2 input[type="text"] { background-color:#f1f1f1;  }
.reservTable2 input[type="submit"] {padding:20px;   }
.reservTable2 td span { font-size:12px;   }

.reservTable2 td span.tournight { font-size:12px; border:1px dashed #dddddd; display:inline-block; padding:11px; margin-left:-1px; cursor:pointer; }


.editMe { background-color:#f1f1f1; }

.osex span { display:inline-block; padding:4px 10px; border:1px solid #eeeeee; background-color:ffffff; margin-left:-1px; }
.osex span.sex_chked {   border:1px solid #eeeeee; background-color:#78aa78; color:#ffffff; }



.itemview { border:1px dashed #dddddd; display:inline-block; padding:5px;  }

/* sms */
.btnBlack { height:24px;padding:5px 8px;line-height:15px; background-color:#404040;color:#ffffff; font-family: Arial,Gulim,Verdana;font-size:12px;border:0;font-weight:normal; }
.btnDblue { height:24px;padding:5px 8px;line-height:15px; background-color:#496490;color:#ffffff; font-family: Arial,Gulim,Verdana;font-size:12px;border:0;font-weight:normal; }


.btnLblue { height:24px;padding:5px 8px;line-height:15px; background-color:#5bc0de;color:#ffffff; font-family: Arial,Gulim,Verdana;font-size:12px;border:0;font-weight:normal; }
.btnLred { height:24px;padding:5px 8px;line-height:15px; background-color:#f16c6b;color:#ffffff; font-family: Arial,Gulim,Verdana;font-size:12px;border:0;font-weight:normal; }

/* statux */
.signupIng { display:inline-block; background-color:#3db898; color:#ffffff; font-size:14px !important; text-align:center; width:70px; padding:10px 2px; }
.signupEnd { display:inline-block; background-color:#496490; color:#ffffff; font-size:14px !important; text-align:center; width:70px; padding:10px 2px; }
.signupHide { display:inline-block; background-color:#81817f; color:#ffffff; font-size:14px !important; text-align:center; width:70px; padding:10px 2px; }


.downfile { border:1px dashed #dddddd; padding: 5px; margin:2px 0; display:inline-block; }

.btnsend {  cursor:pointer; border:0; text-align:center; background-color:#3db898; color:#ffffff; margin:10px 5px; padding:10px 20px;  font-family:sans-serif;  font-size:14px;  }
.btnsend:hover { background-color:#264593; color:#ffffff; }

.btnZoomUrl { display:block;  cursor:pointer; border:0; text-align:center; background-color:#447cc9; color:#ffffff; margin:0px; padding:5px;  font-family:sans-serif;  font-size:13px; }
.btnRemoteLecture { display:block; cursor:pointer; border:0; text-align:center; background-color:#ffffff; border:1px solid #ddd; margin:0px; padding:5px;  font-family:sans-serif;  font-size:14px;  font-family:'Noto Sans KR',AppleSDGothicNeo-Light,-apple-system, '맑은고딕', 'Malgun Gothic',   '나눔고딕', 'NanumGothic', sans-serif;  }

.btnsend2 {  cursor:pointer; border:0; text-align:center; background-color:#706f6f; color:#ffffff; margin:10px 5px; padding:10px 10px;   font-family:sans-serif;  font-size:13px;    }
.btnsend2:hover { background-color:#ff0000; color:#ffffff; }
.btnsend2s {  cursor:pointer; border:0; text-align:center; background-color:#706f6f; color:#ffffff; margin:10px 5px; padding:10px 10px;   font-family:sans-serif;  font-size:13px;   }

.btnsend3 {  cursor:pointer; border:0; text-align:center; background-color:#aaaaaa; color:#ffffff; margin:10px 5px; padding:10px 10px;   font-family:sans-serif;  font-size:13px;    }
.btnsend3:hover { background-color:#ff0000; color:#ffffff; }


.whitebutton { padding:5px; font-size:13px; background:#ffffff; color:#333333; border:1px solid #dddddd; cursor:pointer;  }

.rightBtn { display:inline-block;  width:150px; height:26px;  line-height:26px; text-align:center; background-color:#496490; color:#ffffff; font-size:13px; position:absolute; top:2px; right:10px; }


.rowcount { float:left; font-size:14px; font-family:'Arial',sans-serif; color:#999999;  } 
.rowprint { float:right; padding-top:10px; }
.rowprint a i { font-size:26px;  color:#000000; }
.rowprint a { margin-left:10px; }

.input_button2 {
	font-size:12px; color:#ffffff !important; background-color:#333333; border:0; padding:5px;  width:40px; display:inline-block;
}
.input_button3 {
	font-size:12px; color:#ffffff !important; background-color:#3db86b; border:0; padding:7px 7px;    display:inline-block;
}
.input_button4 {
	font-size:12px; color:#333333 !important; background-color:#ffffff; border:0; padding:5px 5px;    display:inline-block; border:1px dashed #cccccc; 
}

.input_button3b {
	font-size:13px; color:#ffffff !important; background-color:#3db86b; border:0; padding:7px 17px;    display:inline-block;
}





/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0
	}
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
	}
    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}
.animatedFadeInUp {
    opacity: 0
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
.adelay05 { animation-delay: 0.5s; } 
.adelay1 { animation-delay: 1s; }
.adelay15 { animation-delay: 1.5s; }
.adelay2 { animation-delay: 2s; } 

.fadeIn {
    opacity: 0;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
}


/* index.htm - notice */


.sectionRemote { padding-top:25px; padding-bottom:20px; }
.sectionRemote .notice_title {
    display: inline-block;
    color:#000000;
    font-size: 18px;
    line-height: 25px;
    vertical-align: middle;
	font-family: "S-CoreDream-5Medium","Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
 }
.sectionRemote .notice_title span { color:#555555; 	font-family: "S-CoreDream-4Regular","Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
 }
.sectionRemote .notice_subtitle {
    display: inline-block;
    margin: 2px 0 0 6px;
    color: #333333;
    font-size: 12px; font-weight:bold;
    line-height: 18px;
    vertical-align: middle;
}


.sectionRemote .notice_list { position:relative; 
    width: 100%;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	background-color:#ffffff;
}

.sectionRemote .notice_list ul { position:relative; 
	width:100%;
}
.sectionRemote .notice_list li {    
	float:left;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 40px;
	margin-top:-1px;

	border-top:1px solid #dddddd;   
    border-bottom:1px solid #dddddd; 
    border-right:1px solid #dddddd; 
}
.sectionRemote .notice_list li:nth-child(odd) { border-left:1px solid #dddddd;  }

.sectionRemote .notice_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 95px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4d4d4d;
    text-decoration: none;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionRemote .notice_list li .subject {
    float: left;
    max-width: 100%;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sectionRemote .notice_list li .dot { 
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    color: #f43142;
    font-size: 15px;
    text-align: center;
    font-family: "Lato", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	background:url(/ispeorkr/img/dot_notice4.gif) left center no-repeat;
}
.sectionRemote .notice_list li .title {
    color: #111;
    font-size: 15px;
    font-weight: normal;
}
.sectionRemote .notice_list li .title:hover { color:#067eac; }
.sectionRemote .notice_list li  .description {
    display: block;
    min-width: 10px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
}
.sectionRemote .notice_list li .rdate {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 40px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}





.certschedule .title { font-weight:700; }
.certschedule td { font-size:14px; font-weight:400; word-break: keep-all; color:#555; } 


.certschedule2Title { font-weight:700; font-size:16px; margin-bottom:4px; }
.certschedule2 th { width:150px; font-size:13px; } 
.certschedule2 td { text-align:left; padding:4px; font-weight:400; color:#555; font-size:13px; } 
.certschedule2 { margin-bottom:15px; }


.height130 { height:130px; }


.main_5b .w1200x { position:relative; max-width:1200px; margin:0 auto; }

.main_5b .customerLeft {  padding:30px 0; color:#fff; font-family:'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',sans-serif; padding-right:130px; }
.main_5b .customerRight {  padding:30px 0; color:#fff; font-family:'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',sans-serif; padding-left:150px; }
.main_5b li:first-child { background-color:#639eff; }
.main_5b li:last-child { background-color:#538eee; }
.main_5b li { width:50%;   position:relative; }
.main_5b .bgcolor { position:absolute; top:0; left:0; width:100%; z-index:1;   }
.main_5b .bgcolor li { height:155px; }
.main_5b .customerLeft .phone a { display:inline-block; font-size:18px; color:#6dffff; margin-top:-3px; } 
.main_5b .customerLeft .desc { font-size:12px; word-break:keep-all; }
.main_5b .customerLeft .email {  color:#6dffff; margin-top:4px; } 
.main_5b .customerRight .account { color:#6dffff; }
.main_5b .customerRight .title { font-size:20px;  font-family:'S-CoreDream-6Bold','Noto Sans KR','Malgun Gothic',sans-serif;  }
.main_5b .customerRight .desc { font-size:16px; margin-top:10px;  }
.main_5b .customerRight .desc a {   font-size:14px; color:#fff; display:inline-block; padding: 12px 25px; border:1px solid #fff;  }
.main_5b .customerRight .desc a:hover { background-color:#6dc824; border:1px solid #6dc824; }
 
.main_5b ul { display:table; width:100%; }
.main_5b li { display:table-cell; }
.main_5b .img1 { position:absolute; right:10px; top:35px; width:98px; height:122px; }
.main_5b .img2 { position:absolute; left:10px; top:16px; width:114px; height:100px; }

.main_5b .gobtnb { position:absolute; top:25px; right:0px; }

.HomeBranchBox { width:100%; margin-top:10px;  }

.HomeBranchBox .title { font-family:'S-CoreDream-7ExtraBold','Noto Sans KR',sans-serif; font-weight:700; font-size:22px;  }
.HomeBranchBox .tel, .HomeBranchBox .tel a { color:#fff; outline:none;  font-family:'S-CoreDream-4Regular','Noto Sans KR',sans-serif;  font-weight:400; font-size:16px; padding:0px;  }
.HomeBranchBox .golink { margin-top:6px; }
.HomeBranchBox .golink a { background-color:#159c61; border:1px solid #159c61; padding:2px 8px; font-size:12px; color:#fff; display:inline-block;  font-family: 'S-CoreDream-4Regular','Noto Sans KR', sans-serif;  }
.HomeBranchBox .golink a:hover { background-color:#6fbf2e; border:1px solid #6fbf2e; }
.HomeBranchBox  .branchbox { float:left;  margin:0; height:128px; border-right:1px solid rgba(255,255,255,0.4); border-top:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); text-align:center; color:#ffffff; padding:20px 10px; }
  
 


.slick-dotsH  { bottom: 150px; }
.brspan1 { display:block; width:1px; }
.brspan600 { display:inline-block; width:8px; }

.memberwrite th { width:120px; }
.t_body0 input[type='text'] { width:400px; }


.table0 {  border-collapse: collapse;   }
.table0 td { width:50%; border:1px solid #ddd; padding:5px 5px; }

.margin-15 { margin-left:-15px; margin-right:-15px; } 


#h2c38f4 {  position:absolute;width:100%;height:60px;bottom:48px;z-index:6;text-align:center; }

span.mbr { display:inline-block; width:20px; }