@font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareR.woff) format('woff'),
      url(../font/NanumSquareR.ttf) format('truetype');
}





* {border-width:0;margin:0;}
p {margin:0; padding:0;}	
body {overflow-x:hidden; background-color:#ffffff;}

.wrap {top:0px; width:100%; min-width:1200px;}
.centerdiv {display:table; width:1200px; margin:0 auto; text-align:center;}
.relative {position:relative; left:0; top:0;}





/*-----HEADER-----*/
.top_contents {position:absolute; display:table; top:0; left:0; width:100%; min-width:1200px; text-align:center; padding:0; border-top:2px solid #ff8200; z-index:100;}

.top_contents .topmenu {display:table; width:100%; min-width:1200px; background:url('../images/top_menu_bg.jpg') repeat-x center bottom;}
.top_contents .topmenu .r_btn {float:right; padding:9px 0 11px;}
.top_contents .topmenu .r_btn ul {margin:0; padding:0; font-size:0;}
.top_contents .topmenu .r_btn li {float:left; list-style:none; margin:0; padding:0 0 0 20px;}
.top_contents .topmenu .r_btn a,
.top_contents .topmenu .r_btn a:hover
.top_contents .topmenu .r_btn a:visited {font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:12px; font-weight:400; *letter-spacing:0.1pt; *zoom:1; color:#666666; text-decoration:none;}

/*NAVI*/
.top_contents .navicontents {display:table; width:100%; min-width:1200px; background:url('../images/navi_bg.png') repeat-x center top;}
.top_contents .navicontents .logo {float:left; padding:28px 0;}
.top_contents .navicontents .navi {float:right; padding:0;; background:url('../images/navi_line_bg.jpg') no-repeat left bottom;}
.top_contents .navicontents .navi ul {margin:0; padding:0; font-size:0;}
.top_contents .navicontents .navi li {float:left; list-style:none; margin:0; padding:40px 20px 36px; background:url('../images/navi_line_bg.jpg') no-repeat right bottom;}
.top_contents .navicontents .navi .on a,
.top_contents .navicontents .navi .on a:visited,
.top_contents .navicontents .navi .on a:hover {color:#ff8200 !important;}
.top_contents .navicontents .navi a,
.top_contents .navicontents .navi a:visited {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:17px; font-weight:600; *letter-spacing:0.4pt; *zoom:1; color:#000000; text-decoration:none;}
.top_contents .navicontents .navi a:hover {color:#ff8200;}





/*ÇÏ´Ü*/
.bottom {clear:both; display:table; width:100%; min-width:1200px; text-align:center; padding:0; margin:0; background-color:#eaeaea;}
.bottom .footer_btn {clear:both; width:100%; text-align:center; padding:20px 0; background-color:#2e2e2e;}
.bottom .footer_btn .l_btn {float:left;}
.bottom .footer_btn .r_btn {float:right;}
.bottom .footer_btn ul {margin:0; padding:0; font-size:0;}
.bottom .footer_btn li {float:left; list-style:none; margin:0; padding:0 5px; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:13px; font-weight:400; *letter-spacing:0.1pt; *zoom:1; color:#d5d5d5; text-decoration:none;}
.bottom .footer_btn a,
.bottom .footer_btn a:hover,
.bottom .footer_btn a:visited {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:13px; font-weight:400; *letter-spacing:0.1pt; *zoom:1; color:#d5d5d5; text-decoration:none;}

.bottom .logo {clear:both; width:100%; text-align:left; padding:30px 0;}

.bottom .copyright {clear:both; width:100%; text-align:left; font-size:13px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400; padding:0 0 30px;}
.bottom .copyright p {line-height:22px; color:#666666;}
.bottom .copyright a, .bottom .copyright a:hover, .bottom .copyright a:visited {color:#666666; font-size:13px; text-decoration:none;}


.mainimages {display:table; width:100%; min-width:1200px; text-align:center; /*margin-bottom:420px;*/ padding:0;}


/*¸ÞÀοµ¿ª*/
.maincontents {/*position:absolute;*/ display:table; /*top:736px;*/ left:0; width:100%; min-width:1200px; text-align:center; padding:20px 0; z-index:20;}

.maincontents .recruit {float:left; display:table; text-align:left; width:300px; height:516px; background:url('../images/main_recruit_bg.jpg') no-repeat left top;}
.maincontents .recruit .title {float:left; padding:30px 0 0 30px;}
.maincontents .recruit .viewbtn {float:right; padding:30px 30px 0 0;}
.maincontents .recruit .list {clear:both; float:left; width:240px; padding:20px 0 0 30px;}

.maincontents .program {float:left; display:table; text-align:left;}
.maincontents .program1 {float:left; display:table; text-align:left;}
.maincontents .program2 {clear:left; float:left; display:table; text-align:left;}
.maincontents .notice {float:left; display:table; text-align:left; width:275px; height:366px; background:url('../images/main_notice_bg.jpg') no-repeat left top;}
.maincontents .notice .title {float:left; padding:30px 0 0 30px;}
.maincontents .notice .viewbtn {float:right; padding:30px 30px 0 0;}
.maincontents .notice .list {clear:both; float:left; width:215px; padding:20px 0 0 30px;}
.maincontents .teamviewer {float:left; display:table; text-align:left;}
.maincontents .customer {clear:both; float:left; display:table; text-align:left;}
.maincontents .gallery {clear:both; float:left; display:table; width:100%; text-align:left; background:url('../images/main_gallery.jpg') repeat-y left top;}
.maincontents .gallery .title {float:left; padding:30px 0 0 30px;}
.maincontents .gallery .viewbtn {float:right; padding:30px 30px 0 0;}
.maincontents .gallery .list {clear:both; float:left; width:1140px; padding:10px 0 30px 30px;}
.maincontents .results {float:left; display:table; text-align:left; width:900px; height:150px; background:url('../images/main_results_bg.jpg') no-repeat left top;}
.maincontents .results .title {float:left; padding:30px 0 0 30px;}
.maincontents .results .viewbtn {float:right; padding:30px 30px 0 0;}
.maincontents .results .list {clear:both; float:left; width:840px; padding:10px 0 0 30px;}





/*¼­ºê¿µ¿ª*/
.subimages {display:table; width:100%; min-width:1200px; height:527px; text-align:center; padding:0;}
.subimg01 {background:url('../images/sub_images01.jpg') no-repeat center top;}
.subimg02 {background:url('../images/sub_images02.jpg') no-repeat center top;}
.subimg03 {background:url('../images/sub_images03.jpg') no-repeat center top;}
.subimg04 {background:url('../images/sub_images04.jpg') no-repeat center top;}
.subimg05 {background:url('../images/sub_images05.jpg') no-repeat center top;}
.subimg06 {background:url('../images/sub_images06.jpg') no-repeat center top;}
.subimg07 {background:url('../images/sub_images07.jpg') no-repeat center top;}
/*ŸÀÌƲ*/
.subimages .title_e {clear:both; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:65px; color:#ffffff; font-weight:600; padding:180px 0 0;}
.subimages .title_k {clear:both; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:25px; color:#ffffff; font-weight:600; padding:20px 0 30px 0; background:url('../images/sub_title_bg.jpg') no-repeat center bottom;}
/*¸Ê*/
.subimages .subnav {clear:both; width:100%; text-align:center; display:table; padding:30px 0; background:url('../images/nav_bg.jpg') repeat center top;}
.subimages .subnav ul {font-size:0; margin:0; padding:0;}
.subimages .subnav li {display:inline; padding:0 20px 0 13px; color:#ffffff; font-size:13px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400; background:url('../images/nav_arrow.png') no-repeat right top;}
.subimages .subnav .firstli {background:none; padding:0;}
.subimages .subnav .lastli {background:none !important; padding-right:0;}
.subimages .subnav img {margin-bottom:-3px;}
/*¼­ºê¸Þ´º*/
.subimages .submenu {display:table; width:100%; text-align:center; padding:25px 0 0; *padding:25px 0 0; *zoom:1;}
.subimages .submenu ul {margin:0; padding:0; font-size:0; *zoom:1;}
.subimages .submenu li {display:inline-block; *display:inline; list-style:none; margin:0 3px; padding:10px 40px; *padding-bottom:8px; border-left:none; background-color:#ffffff;
						  font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-weight:400; font-size:15px; *letter-spacing:-1pt; color:#333333; *zoom:1;}
.subimages .submenu a,
.subimages .submenu a:visited {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:15px; font-weight:600; *letter-spacing:-1pt; color:#666666; text-decoration:none; *zoom:1;}
.subimages .submenu a:hover {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:15px; font-weight:600; *letter-spacing:-1pt; color:#ff8201; text-decoration:none; *zoom:1;}
.subimages .submenu .on {background-color:#ff8201; *zoom:1;}
.subimages .submenu .on a,
.subimages .submenu .on a:visited,
.subimages .submenu .on a:hover {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:15px; font-weight:600; *letter-spacing:-1pt; color:#ffffff; text-decoration:none; *zoom:1;}




/*º»¹®*/
.subcontents {display:table; width:100%; min-width:1200px; text-align:center; padding:0;}

.subcontents .subbody {display:table; clear:both; width:100%; min-width:1200px; text-align:center;}
.subcontents .subbody .text {clear:both; display:table; padding:50px 100px;}
.subcontents .subbody .text .text_table {display:table; width:1000px; min-height:350px; *height:350px; text-align:center; vertical-align:top;}