@import url('/_css/boardstyle.css');

/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                */
/*¡é¡é¡éstyle.css¿¡¼­´Â reset¼Ò½º & ³ª´®ÆùÆ® & ȨÆäÀÌÁö±âº»css & ÇØ´õ, ǪÅÍ, Äü¸Þ´º¼Ó¼º Æ÷ÇÔ¡é¡é¡é*/
/*                                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/***************************** CSS RESET start *****************************/

/* base */
body{font-family: "µ¸¿ò", "³ª´®°íµñ", "NanumGothic", sans-serif; font-size:12px; color:#dbdbdb}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0;padding:0;letter-spacing:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
table {border-collapse:collapse;}

/* a-style */
a:link, a:visited {color: #dddddd; text-decoration:none;}
a:hover, a:active {color: #339966; text-decoration:none;}

/* ie6, ie7 - input 1px ¸¶ÁøÀÌ Àֱ⶧¹®¿¡*/
* html input {margin:-1px 0;} 
*:first-child+html input {margin:-1px 0;}

/*ºê¶ó¿ìÁ®¸¶´Ù üũ¹Ú½º³ª ¶óµð¿À ¹öÆ°ÀÇ À§Ä¡°¡ ´Ù¸£±â¶§¹®¿¡ ÃÖÀûÈ­ À§Ä¡¸¦ À§ÇØ*/
input.checkbox {width:13px; height:13px; vertical-align:top;}

/*½ºÅ©·Ñ¹Ù¼Ó¼º*/
body,tr,td {scrollbar-face-color: #F2F2F2;	scrollbar-shadow-color: #999999;	scrollbar-highlight-color: #FFFFFF;	scrollbar-3dlight-color: #999999;	scrollbar-darkshadow-color: #F5F5F5;	scrollbar-track-color: #F1F1F1;	scrollbar-arrow-color: #999999;} 

/*¸µÅ©Á¡¼±¾ø¾Ö±â*/
a {outline:none; selector-dummy:expreession (this.hideFocus=true); text-decoration:none;}
img {border:0; outline:none; selector-dummy:expreession (this.hideFocus=true);}


/***************************** ±¸±ÛÀ¥ÆùÆ®-³ª´®°íµñ(korea)ÆùÆ®Á¤ÀÇ start ****************************/

@font-face {
  font-family: NanumGothic;
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: NanumGothic;
  font-style: normal;
  font-weight: 500;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: NanumGothic;
  font-style: normal;
  font-weight: 800;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/***************************** ȨÆäÀÌÁö±âº»css_style start ****************************/

body {background:url(/public_html/_img/total/body_bg.gif) repeat;}
#wrap {width:980px; margin:0 auto;}

/*input¼Ó¼º*/
input {border:none; padding:3px 3px;}
input.text {border:1px solid #333; padding:3px 3px 2px 3px; vertical-align:middle; height:17px; line-height:17px;}
select {border:none; vertical-align:middle; height:23px; line-height:23px;}
.tableview .right input {border:1px solid #ccc; padding:3px 3px;}

/*¹öÆ°*/
.bt_black {font-family:"µ¸¿ò"; font-size:12px; color:#ffffff; background:#000000; padding:5px 10px; border:none;}
.bt_green {font-family:"µ¸¿ò"; font-size:12px; color:#ffffff; background:#336666; font-weight:bold; padding:4px 10px; border:none;}
.btn_green {background:#246b4b;  padding:4px 10px 3px 10px; border:none; color:#fff; font-weight:bold;}
.btn_darkgray {background:#222;  padding:4px 10px 3px 10px; border:none; color:#999; font-weight:bold;}
.btn_gray {background:#555;  padding:4px 10px 3px 10px; border:none; color:#ccc; font-weight:bold;}

/***************************** ÇØ´õ start *****************************/

.logo {float:left; width:200px; padding:33px 0px; margin:0;}
#head .menu {float:right; width:750px; padding:0; margin:0; text-align:right;}
#head .small_font {clear:both; border-top:1px solid #555555;	border-bottom:1px solid #555555; vertical-align:middle; color:#777777; line-height:16px; font-size:11px; letter-spacing:40px; text-align:center;}


/***************************** ǪÅÍ start *****************************/

#foot {border-top:1px solid #555555;}
#foot ul {padding:0; margin:0;}
#foot .f_logo {float:left; padding:35px 50px;}
#foot .copy {float:left; text-align:left; color:#999999; font-size:11px; line-height:18px; padding:35px 0px;}
#foot .copy span {color:#8caf1f;}

.copy1 {font-weight:bold; padding:0px 20px; border-right:1px solid #ccc;}
.copy1:link, 
.copy1:visited {color:#aaaaaa;}
.copy1:hover   {color:#888888;}

.copy2 {font-family:"µ¸¿ò"; font-size:11px; color:#bbbbbb; line-height:16px;}


/*¸ÞÀÎÆäÀÌÁö*/
#main ul {padding:0; margin:0;}
#visual {width:980px; height:450px;  padding:60px 0px; margin:0; vertical-align:middle; color:#777777; line-height:16px; font-size:11px; letter-spacing:40px; text-align:center;}
#visual ul {padding:0; margin:0;}
#visual ul li {list-style:none; float:left; margin-right:7px;}

#visual li a span {display:none;}
#visual li a {height:460px;width:190px;display:block;}

#visual .mimg1 {background:url(/_total_img/mainimg1.jpg) no-repeat;}
#visual .mimg1 a:hover {background:url(/_total_img/mainimg1_over.jpg) no-repeat;}

#visual .mimg2 {background:url(/_total_img/mainimg2.jpg) no-repeat;}
#visual .mimg2 a:hover {background:url(/_total_img/mainimg2_over.jpg) no-repeat;}

#visual .mimg3 {background:url(/_total_img/mainimg3.jpg) no-repeat;}
#visual .mimg3 a:hover {background:url(/_total_img/mainimg3_over.jpg) no-repeat;}

#visual .mimg4 {background:url(/_total_img/mainimg4.jpg) no-repeat;}
#visual .mimg4 a:hover {background:url(/_total_img/mainimg4_over.jpg) no-repeat;}

#visual .mimg5 {background:url(/_total_img/mainimg5.jpg) no-repeat; margin-right:0px;}
#visual .mimg5 a:hover {background:url(/_total_img/mainimg5_over.jpg) no-repeat;}


.search {width:750px; height:30px; background:#f5f1f0; padding:10px 20px; margin-bottom:30px;}
.follow {float:left;; margin-top:3px;}
.follow .a {display:inline;	padding:0px 2px;}
.search_bar_form {border:1px solid #dddddd; border-right:none; height:25px; line-height:30px; padding:0px 10px; width:180px;}


/*¼­ºêÆäÀÌÁö*/
#sub_contents {width:980px; vertical-align:middle; color:#777777; line-height:16px; font-size:11px; float:left;}
#sub_contents ul {text-align:left; }

<!--#map .map {border-top:2px solid #333; width:920px;}
<!--#map .left {width:100px; height:35px; background:#339966; color:#eee; letter-spacing:0px; font-weight:bold; padding:0px 20px; line-height:35px; border-right:1px solid #333; border-bottom:1px solid #333; font-size:14px; }
<!--#map .right {background:#eee; color:#333; letter-spacing:0; padding:0px 20px; line-height:35px; border-bottom:1px solid #333;font-size:14px;}
<!--.title {background:url(/_img/sub/bullet_O.png) left no-repeat; text-indent:25px; text-align:left; color:#339966; font-size:20px; line-height:40px; letter-spacing:0px; font-weight:bold;}
/*¿À½Ã´Â±æ*/
#sub_contents span{ font-family:"³ª´®°íµñ";color:#068d55;}

#sub_contents .sub_company .company_font{ padding-top:40px;}
.sub_company { float:left; width:300px;}
#sub_contents  .company_img{ float:left; width:600px; height:450px; padding-top:66px; }
#sub_contents .sub_companybt{ float:left; padding-top:80px;}

/*¿¬Çõ*/
#sub_contents .his1{ width:100%px; float:left; padding:126px 0px 221px 0;  }
#sub_contents .his1 .his_font{ }
#sub_contents .his2{ width:260px; float:left; border-left: solid 1px #6b6b6b; padding-left:11px; }
#sub_contents .his2 .year_bg{ background:url(/_img/sub/year_bg.png)no-repeat;  font-weight:bold; font-size:18px; color:#FFF; font-family:"³ª´®°íµñ"; padding-left:8px;  }
#sub_contents .his2 .his_font{  font-family:"³ª´®°íµñ"; color:#CCC; font-size:12px;}