img,table {border:0px;}
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
 
  src: url('../font/NotoSansKR-Thin.woff2') format('woff2'),
       url('../font/NotoSansKR-Thin.woff') format('woff'),
     
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;

  src: url('../font/NotoSansKR-Light.woff2') format('woff2'),
       url('../font/NotoSansKR-Light.woff') format('woff'),
       url('../font/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
  
   src: url('../font/NotoSansKR-Regular.woff2') format('woff2'),
        url('../font/NotoSansKR-Regular.woff') format('woff'),
        url('../font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;

   src: url('../font/NotoSansKR-Medium.woff2') format('woff2'),
        url('../font/NotoSansKR-Medium.woff') format('woff'),
        url('../font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;

   src: url('../font/NotoSansKR-Bold.woff2') format('woff2'),
        url('../font/NotoSansKR-Bold.woff') format('woff'),
        url('../font/NotoSansKR-Bold.otf') format('opentype');
}

body {
	margin-left : 0;
	margin-top : 0;
	margin-right : 0;
	margin-bottom: 0;
	scrollbar-3dlight-color:#E5E5E5;
	scrollbar-arrow-color:#B4B4B4;
	scrollbar-base-color:#F5F5F5;
	scrollbar-darkshadow-color:#DBDBDB;
	scrollbar-face-color:#E8E8E8;
	scrollbar-highlight-color:#F5F5F5;
	scrollbar-shadow-color:#E8E8E8;
	scrollbar-track-color: #F5F5F5;
	  font-family: 'Noto Sans KR';
	 
}
.body_bg {
	background-attachment: fixed;
	background-image: url('../images/sub_bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

table td{font-size: 13px}


a:link { text-decoration: none; color: #8A8A8A;  line-height:14px;} 
a:visited { text-decoration: none; color: #8A8A8A; line-height:14px;}
a:hover {  text-decoration: none; color:#CF791C; line-height:14px; }


/* under*/
a.under:link { text-decoration: none; color: #666666;  line-height:14px; text-decoration:none} 
a.under:visited { text-decoration: none; color: #666666; line-height:14px; text-decoration:none}
a.under:hover {  text-decoration: none; color:#868686; line-height:14px; text-decoration:underline }

/* small*/
.small{ font-family:돋움,돋움체,verdana ; color:8A8A8A ; font-size :11px ; word-spacing : -1px ; line-heigh :11pt ;}
a.small:link { font-family:돋움,돋움체,verdana; color:8A8A8A; font-size:11px;  }
a.small:visited {font-family:돋움,돋움체,verdana; color:8A8A8A; font-size:11px;  }
a.small:hover { font-family:돋움,돋움체,verdana; color:CF791C; font-size:11px;  }

.small02{ font-family:돋움 ; color:909090 ; font-size :11px ; word-spacing : -1px ; line-heigh :11pt ;}

/* big*/
.big{ font-family:돋움 ; color:#666666 ; font-size :14px ; word-spacing : -1px ; line-heigh :18pt ;}

/* font*/
.yellow_01{ font-family:돋움,돋움체,verdana ; color:#BC965C ; font-size :12px ; line-heigh :18pt ;}


/*input*/
.input01 { border:1px solid #CCCCCC; background-color:#FFFFFF; color:#555555; font-size:12px; font-family:돋움,돋움체,verdana; line-height:12px ;}
.input02 { border:1px solid #FFAA15; background-color:#FFFFFF; border-color:#878787 #CBCBCB #CBCBCB #878787;font-size:9pt; font-family:돋움,돋움체,verdana; }
.input03 { border:1px solid #FFAA15; background-color:#F2F2F1; border-color:#878787 #CBCBCB #CBCBCB #878787;font-size:9pt; color:#646464;  font-family:돋움,돋움체,verdana; }


.wrap{width: 1000px; margin: 0 auto}
#visual {height:500px;overflow:hidden;width:100%;position:relative;width: 1000px;}
#visual #inner{position:relative;   margin:0 auto;  margin-bottom: 20px}
.fluid_container{ position:absolute; left:50%; top:0; width:1260px; margin:0 0 0 -630px; }
.maintxt{position:absolute;left: 100px;top:180px;z-index:12;font-weight:600;color:rgba(255,255,255,1);letter-spacing:-1px;line-height: normal; }
.mt1{font-size:20px; text-shadow: 1px 2px 3px #000000;}
.mt2{font-size:46px; text-shadow: 1px 2px 3px #000000;}
.mt3{font-size:18px; text-shadow: 1px 2px 3px #000000;}

.maincover{position:absolute; width:100%; height:100%;  background: rgba(0,0,0,0.2);    z-index: 10;}
.mainbanner{z-index:100;position:absolute;right: 50px;width: 300px;top: 101px;}
.mainbanner ul li{ float:left; margin:5px; list-style: none}
.mainbanner ul li a{display:block;width: 120px;height: 120px;font-size:16px;color:#FFF;text-align:center;line-height: 120px;text-decoration:none;box-shadow: 1px 2px 3px #000000;}
.mainbanner ul li.banner1{background: rgba(62,163,226,0.8) url(../img/main/career_01.png) no-repeat 90% center;}
.mainbanner ul li.banner1:hover{transition: all 0.2s ease-in; background: rgba(62,163,226,1)}

.mainbanner ul li.banner2{background:rgba(86,145,255,0.8) url(../img/main/career_02.png) no-repeat  90% center;}
.mainbanner ul li.banner2:hover{transition: all 0.2s ease-in; background: rgba(86,145,255,1)}

.mainbanner ul li.banner3{background:rgba(157,86,255,0.8) url(../img/main/career_03.png) no-repeat  90% center;}
.mainbanner ul li.banner3:hover{transition: all 0.2s ease-in; background: rgba(157,86,255,1)}

.mainbanner ul li.banner4{background:rgba(255,118,44,0.8) url(../img/main/career_04.png) no-repeat  90% center;}
.mainbanner ul li.banner4:hover{transition: all 0.2s ease-in; background: rgba(255,118,44,1)}

.topC{width: 1000px; margin: 0 auto; text-align: right}

.topnav{background: url(../images/top_bg.gif) repeat-x;  border-bottom: 1px solid #e5e5e4;}

.topmenu{ width: 1000px; margin:0 auto;position: relative;/* overflow: hidden; */height: 110px;font-family: 'Noto Sans KR';} 
.topmenu .logo{ float: left; padding-top: 9px;}
.topmenu .logo a{display:block;}
.topmenu .menu{ margin: 6px auto; float: left; width: calc(100% - 300px )}
.topmenu .menu ul{margin: 14px 0;}
.topmenu .menu >ul>li{display:inline-block; position: relative;}
.topmenu .menu > ul> li > a{display:inline-block;font-weight: 500;color:#fff;font-size:16px;padding: 2px 10px;text-decoration: none}
.topmenu .menu > ul> li > a:hover{text-decoration:none;}
.topmenuw{/* border-bottom: 1px solid #e2e2e2; */}
.topmenu .menu > ul> li:last-child > a{padding-right:0;}
#top .smenu {position:absolute;left: 0px;top: 39px;padding:0 15px;border-radius: 2px;width:auto;z-index: 10;}
#top .smenu {border-right:none;font-size: 14px;display:inline-block;padding: 7px 10px;}
#top .smenu a{font-weight: 500;display:inline-block;padding: 0 10px;text-decoration:none; font-size: 16px}

#top #sub1{display:none; z-index: 17;width: 704px;}
#top #sub2{display:none;left:0px;z-index:10;width: 561px;}
#top #sub3 {display:none;left:0px;z-index:10;width: 574px;} 
#top #sub4{display:none;left: -117px;z-index:10;width: 580px;}
#top #sub5{display:none;left: -300px;z-index:10;width: 540px;}
#top #sub6{display:none;left: 10px;z-index:10;width: 542px;}

.foot{clear:both;border-top: 1px solid #E6E6E6;padding: 40px 0 40px 50px;font-size:13px;color:rgba(51,51,51,1);width: 100%;background-color: #3d3d3d;line-height: 120%;box-sizing: border-box;overflow:hidden; margin-top: 50px}
.foot span{padding-right:20px;}
.foot2{padding-top:10px; font-size:12px}
.footlogo{float:left; padding-right:30px}
.footxtw{float:left;color: #fff;}
.footxtw a{color: rgba(255,255,255,1.00)}

.greetit{ font-family: 'Nanum Pen Script', cursive; font-size: 32px; font-weight: 500; margin-bottom: 20px; color: rgba(36,41,95,1.00)}
.greetDiv{overflow: hidden}
.greetDiv .greetimg{float: left; width: 290px}
.greetDiv .greetimg img{width: 290px}
.greetDiv .greetxt{float: left; width:calc(100% - 290px); padding-left: 20px; box-sizing: border-box; font-size:15px; line-height: 160% }
.greetDiv .greetxt p{margin-bottom: 7px}
.sign{padding-top: 20px; text-align: right}
.sign span{font-family: 'Nanum Pen Script', cursive; padding-left: 10px; font-size: 28px}

.withtable th{text-align: center; font-size: 14px}
.withtable td{text-align: center}
.withtable td:nth-child(4){text-align: left; padding-left: 20px}