@charset "utf-8";
/* @import url('./fonts.css'); */


/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
*/

@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);

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




@font-face {
font-family: 'OpenSansSemibold';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@font-face {
  font-family: 'OpenSansbold';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
*/

@font-face{
 font-family:'Open Sans Light';src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.eot);
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),
     url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.woff) format('woff'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.ttf) format('truetype'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.svg#OpenSansLight) format('svg');
	 font-weight:400;
	 font-style:normal}
@font-face{
 font-family:'OpenSansRegular';
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot);
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),
     url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.woff) format('woff'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.ttf) format('truetype'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format('svg');
	 font-weight:700;
	 font-style:normal}
/*
@font-face{
 font-family:'Open Sans Light';
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.eot);
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.eot?#iefix) format('embedded-opentype'),
     url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.woff) format('woff'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.ttf) format('truetype'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.svg#OpenSansRegular) format('svg');
	 font-weight:400;font-style:italic}
*/
@font-face{
 font-family:'OpenSansbold';
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Bold-webfont.eot);
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),
     url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Bold-webfont.woff) format('woff'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Bold-webfont.ttf) format('truetype'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Bold-webfont.svg#OpenSansRegular) format('svg');
	 font-weight:400;
	 font-style:normal}
@font-face{
 font-family:'OpenSansSemibold';
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.eot);
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),
     url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.woff) format('woff'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.ttf) format('truetype'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold) format('svg');
	 font-weight:700;
	 font-style:normal}
/*
@font-face{
 font-family:'Open Sans';
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.eot);
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.eot?#iefix) format('embedded-opentype'),
     url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.woff) format('woff'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.ttf) format('truetype'),
	 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic) format('svg');
	 font-weight:400;
	 font-style:italic}
*/
@font-face{
 font-family:'OpenSansExtraBold';
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.eot);
 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.eot?#iefix) format('embedded-opentype'),
 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.woff) format('woff'),
 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.ttf) format('truetype'),
 url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansSemibold) format('svg');
 font-weight:700;
 font-style:normal}



/* ÃʱâÈ­ */
* {margin:0; padding:0}
html {width:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0; font-family:Nanum Gothic,sans-serif; color:#666; font-size:12px;background:url('../images/bg.gif');}
body,p,div,span,strong,em,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body, form, input, select, textarea, button, table {font-family:'Nanum Gothic',sans-serif; font-size:12px; color:#000}
ul, ol, li{list-style:none}
img {border:0}
a {cursor:pointer; color:#666; text-decoration:none}
a:hover {text-decoration:none}
em, address {font-style:normal}
caption {display:none; font-size:0}
hr {display:none}
input.txt {padding:0 0 0 3px; color:#666; font-family:Dotum; border:1px solid #cdcdcd; font-size:12px}
input.radio {}
input.checkbox {margin:-2px 3px 0 0; vertical-align:middle}
select {color:#333; font-size:12px; font-family:Dotum; border:1px solid #c1c1c1}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
button {*display:block; cursor:pointer; border:0}
textarea {padding:5px; color:#666; background:#fff; border:1px solid #ccc; font-size:12px; font-family:Dotum; resize:none}
table {table-layout:fixed; word-break:break-all}
.scrollbox {scrollbar-face-color:#ffffff; scrollbar-shadow-color:#d7d7d7; scrollbar-highlight-color:#d7d7d7; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#d7d7d7}
.skipnavi {display:none}
.wrap:after {content:""; display:block; clear:both}

#uiwrap {width:1024px;margin:15px auto 0px auto;padding:20px;background:#fff;border:0px solid red;}


/* »ó´Ü ·¹À̾ƿô */
#hd {z-index:4;position:relative;min-width:1024px;background:#fff;}  /*background:url('../img/main_bg2.gif')*/
.hd_zindex {z-index:10 !important}

#hd_wrapper {position:relative;margin:0 auto;padding:0px 0 35px 0;width:1024px;zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


/* »ó´Ü ¸µÅ© */
#logo {position:absolute;float:left;top:0px;margin-top:15px; margin-left:0px;padding:0;z-index:100;border:0px solid red;}
#tnb {position:relative;float:right;margin:0;padding:0;list-style:none;border:0px solid red;z-index:10;border:0px solid red;}
#tnb p.gnb {float:right; height:7px; padding-top:0px; padding-right:15px; margin-bottom:5px; font-family:OpenSansSemibold;font-size:10px; color:#666;}
#tnb p.gnb a.go_home {display:inline-block; width:43px; line-height:9px; background:url('../images/bg_gnbline.gif') no-repeat right 1px}
#tnb p.gnb a.go_sitemap {display:inline-block; padding-left:12px; padding-right:12px;}
#tnb p.gnb a.go_info {display:inline-block;padding-left:12px; width:53px; color:red; line-height:9px; background:url('../images/bg_gnbline.gif') no-repeat left 1px}
#tnb p.gnb a.go_intra {display:inline-block;padding-left:12px; width:43px; line-height:9px; background:url('../images/bg_gnbline.gif') no-repeat left 1px}



.midarea {clear:both; width:1024px; margin:0 auto; padding-top:32px;background:#fff;}
body.main .midarea {clear:both; width:100%; padding-top:0}
body.main #uiwrap {background:#fff}
.mainvisual {position:relative; width:1024px; margin:0 auto; height:200px; padding-top:5px; margin-bottom:10px}
.mainvisual .visual01 {width:1024px;  height:200px;  background:url('../images/visual01.png') no-repeat center 0}
.mainvisual .visual02 {width:1024px; height:200px; background:url('../images/visual02.png') no-repeat center 0}

/*
.mainvisual .barmenu {position:absolute; z-index:10; top:390px; left:0; width:1024px; height:100px; background:url('../images/bg_mainbar.png') repeat-x;opacity:1; filter: alpha(opacity:'100')}
.mainvisual  p.barmenuwrap {position:relative; z-index:10; overflow:hidden;width:1024px; height:100px; margin:0 auto; background:url('../images/bg_mainbarmenu.png') no-repeat; opacity:1; filter: alpha(opacity:'100')}
.mainvisual p.barmenuwrap a {display:block; width:1024px; height:100%}
.mainvisual p.barmenuwrap a.m01 {float:left; width:204px; height:100px}
.mainvisual p.barmenuwrap a.m02 {float:left; width:162px; height:100px}
.mainvisual p.barmenuwrap a.m03 {float:left; width:162px; height:100px}
.mainvisual p.barmenuwrap a.m04 {float:left; width:237px; height:100px; }
*/

/*
.mainvisual p.barmenuwrap a.m05 {position:relative; float:left; width:259px; height:100px; background: #ffffff; background: rgba(4, 57, 116, 0.5); opacity:1}

.mainvisual p.barmenuwrap a.m05 {float:left; width:149px; height:100px}
.mainvisual p.barmenuwrap a.m06 {float:left; width:110px; height:100px}
*/




.banner {float:center; width:1022px; margin: 10px 0 30px; padding: 5px 0 5px 0; overflow: hidden; text-align:left; border: 1px #ddd solid;}
.bannerWrap { width:960px; margin: 0 auto; border: 0px black solid;}

.banner .bx-next {
	position:absolute;
	top:12px;
	right:-30px;
	z-index:999;
	width: 14px;
	height: 18px;
	text-indent: -999999px;
	background: url(../images/main/ban_direction.gif) no-repeat 0 -24px;
	display: block; 
}
/*previous button*/
.banner .bx-prev {
	position:absolute;
	top:12px;
	left:-20px;
	z-index:999;
	width: 14px;
	height: 18px;
	text-indent: -999999px;
	/*background: url(../images/main/ban_direction.gif) no-repeat 0 0;*/
	display: block; 
}



.maincontents {overflow:hidden; width:1024px; height:310px; margin:0 auto; border:0px solid red;}

/* ¹è³ÊÀÏ °æ¿ì */
.maincontents dl.system {float:left; display:block; width:180px; height:269px; margin-right:45px; border:0px solid red;}
.maincontents dl.system dt {padding:10px 0; font-size:16px; color:#000; font-weight:800}
.maincontents dl.system dd {width:180px; height:138px;padding-top:0px; border:0px solid #e5e5e5}



/* ÄÁ¼³ÅÏÆ®ÀÏ °æ¿ì
.maincontents dl.system {float:left; display:block; width:180px; height:269px; margin-right:45px; border:0px solid red;}
.maincontents dl.system dt {padding:0px 0; font-size:16px; color:#000; font-weight:800}
.maincontents dl.system dd {width:180px; height:138px;padding-top:0px; border:0px solid #e5e5e5}
 */

.maincontents dl.incru_info {float:left; display:block; width:474px; height:300px; margin-right:45px;border-bottom:0px solid red;}
.maincontents dl.incru_info dt {padding:5px 0 8px 0; margin-bottom:20px; font-size:16px; color:#000; font-weight:800; border-bottom:1px solid #a1a1a1}
.maincontents dl.incru_info dd  {overflow:hidden; margin-bottom:0px;}
.maincontents dl.incru_info dd a {float:left; display:block; width:350px; padding-left:10px;font-family:Gulim; color:#666; font-size:12px; background:url('../images/blut_blue.png') no-repeat 0 5px}
.maincontents dl.incru_info dd span {float:right}

.maincontents dl.uinews {float:left; display:block; width:280px; height:269px; background:url('../images/bg_prohnewsline.png') repeat-x 0 36px;border:0px solid red;}
.maincontents dl.uinews dd  {overflow:hidden; margin-bottom:5px}
.maincontents dl.uinews dd a {float:left; display:block; width:300px; padding-left:10px;font-family:Gulim; color:#666; font-size:12px; background:url('../images/blut_blue.png') no-repeat 0 5px}
.maincontents dl.uinews dd span {float:right}

.maincontents dl.uinews b {width:280px; height:138px;padding-top:0px; border:0px solid #e5e5e5}



.bottomarea {clear:both; width:1024px; height:101px; margin:0 auto; /* background:#eee; */ border-top:1px solid #a1a1a1}
.bottomarea h1.logo {float:left; width:208px; padding-top:27px}
.bottomarea address {float:left; display:inline-block; width:611px; font-family:Nanum Gothic;letter-spacing:0px;padding-top:20px !important; line-height:19px; font-size:11px; color:#666}
.bottomarea address span {font-family:OpenSansSemibold; color:#b4b4b4;}
.bottomarea address span strong {color:#5d9dbf; font-weight:normal}
.bottomarea .connection {float:right; padding-top:30px}
.bottomarea .connection p {padding-bottom:5px; text-align:right; font-size:11px; color:#828282; font-family:Dotum}
.bottomarea .connection select {width:205px; height:25px}