@charset "utf-8";

/* font */
@font-face {
    font-family:'Nanum Gothic';
    font-weight:400;
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
		 url('../font/NanumGothic.ttf') format('truetype');
}
@font-face {
    font-family:'Nanum Gothic';
    font-weight:600;
    src: url('../font/NanumGothicBold.eot');
    src: url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothicBold.woff') format('woff'),
		 url('../font/NanumGothicBold.ttf') format('truetype');
}
@font-face {
    font-family:'Nanum Gothic';
    font-weight:900;
    src: url('../font/NanumGothicExtraBold.eot');
    src: url('../font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothicExtraBold.woff') format('woff'),
		 url('../font/NanumGothicExtraBold.ttf') format('truetype');
}
@font-face {
    font-family:'webcafeIcon';
    src: url('../font/webcafeIcon.eot');
    src: url('../font/webcafeIcon.eot?#iefix') format('embedded-opentype'),
         url('../font/webcafeIcon.woff') format('woff'),
		 url('../font/webcafeIcon.ttf') format('truetype');
}


@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("//fonts.googleapis.com/earlyaccess/nanummyeongjo.css");

/* html5요소 하위브라우져 적용 */
body.bg-wood {background:url(../images/bg_sub.jpg) no-repeat 50% 0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
/* 모든 Device를 위한 공통 로드 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0;font-family:Nanum Gothic}
body{font-size:12px;font-family:Nanum Gothic}
table{border-spacing:0;*border-collapse:collapse;font-family:Nanum Gothic}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;font-family:Nanum Gothic}
ol,ul{list-style:none;font-family:Nanum Gothic}
legend,caption{text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
a {text-decoration:none;color:#333;font-size:12px;font-family:Nanum Gothic}
select,input{vertical-align:middle;font-family:Nanum Gothic}
.clearfix{*zoom:1}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.ir{overflow:hidden;text-indent:-9999px;position:absolute;z-index:-9999;top:-10000px;left:-10000px;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.block{display:block;}
.inlineBlock{display:inline-block;*zoom:1;*display:inline;}
.clear{clear:both}
.overHidden{overflow:hidden}

/* display */
.hidden, legend, caption{
	position:absolute;
	left:-9999em;z-index:-9999;top:-10000px;left:-10000px;
}

/* skip navigation */
a.skipNaviBtn{position: absolute;z-index:100;background:none repeat scroll 0 0 #ea0e15;color:#ffffff;display:block;left:-200%;text-align:center;width:200px;padding:5px 0;border:1px solid #000000;border-top:none;}
a.skipNaviBtn:focus{left:50%;margin-left:-100px;z-index:10000;}
a.skipNaviBtn:hover {left:50%;margin-left:-100px;z-index:10000;}
a.skipNaviBtn:active {left:50%;margin-left:-100px;z-index:10000;}

/* 로고 & spotmenu & 1차메뉴 영역 */
div.header{position:relative;z-index:1;width:100%;height:150px;border-bottom:0px solid #8d8d8d;}
div.header .con1100{height:150px;}
div.header h1{float:left;width:232px;margin:42px 0 0 0;white-space: nowrap;text-align:justify;}
div.header h1 a img{display:block;width:232px;height:25px;}

div.nav{clear:both;float:right;width:650px;vertical-align:top;text-align:right;}
div.nav ul{text-align:right;}
div.nav ul li{display:inline-block;*zoom:1;*display:inline;height:20px;padding:0 3px;text-align:center;vertical-align:top;}
div.nav ul li a{display:inline-block;*zoom:1;*display:inline;padding:0 3px;line-height:20px;font-size:26px;font-weight:600;color:#4b4a4a;vertical-align:top;width:173px;}
div.nav ul li.on a{line-height:20px;width:173px;color:#039f03}

.gnbWrap{text-align:right;float:right;margin:20px 0 0 0;}
.gnbWrap a{display:inline-block;*zoom:1;*display:inline;padding:0 7px 0 2px;color:#3e3e3e;font-size:13px;padding:0 0 0 7px;background:url(../images/icon_6.gif) 0 5px no-repeat;}
.gnbWrap .mgn_l10{margin-left:10px}


/* 메인 상단이미지롤링 */
.main_topimgWrap{position:relative;z-index:1;width:100%;}
.autoRollingArea{position:relative;z-index:1;width:1100px;height:195px;}
.autoRollingArea ul{position:relative;z-index:1;width:1098px;height:193px;border:1px solid #929292;overflow:hidden;
						/* prefix를 사용하여 border-radius 속성을 지정합니다.*/
						-webkit-border-radius:20px;
						-moz-border-radius:20px;
						border-radius:10px;}
.autoRollingArea ul li{display:none;position:absolute;z-index:1;top:0;left:0;}
.autoRollingArea ul li img{width:1098x;}


/*경로*/
.locationTitleArea{position:relative;z-index:1;margin:15px 0 10px 0;border-bottom:0px solid #e5e5e5;width:1100px;vertical-align:top;height:30px}
.location{position:absolute;z-index:2;font-size:17px;color:#565555;width:1100px;}
.location strong{font-weight:bold;color:#47ab11}
.location .home{display:inline-block;*zoom:1;*display:inline;padding:0 0 0 20px;background:url(../images/sub/icon_home.gif) 0px 0px no-repeat;}


/*컨텐츠 영역*/
#content{position:relative;z-index:1;width:1100px;padding:0 0 60px 0;height:100%;min-height:600px;margin:0 auto}


/*카피라이트 영역 */
#footer{float:left;width:100%;height:140px;padding:27px 0 0 0;text-align:center;border-top:2px #797979 solid}
#footer .fcontent{width:100%;margin:0 auto;position:relative}
#footer .mainFooter{width:100%;height:36px;padding:0;border:none;background:url(../images/copyright_1.gif) 0 0 repeat-x;}
#footer .mainFooter ul{width:930px;height:36px;margin:0 auto;line-height:36px;text-align:center;}
#footer .mainFooter ul li{display:inline-block;*zoom:1;*display:inline;padding:0 20px;text-align:center;}
#footer .mainFooter ul li a{color:#fff;font-size:13px;font-weight:bold;padding:0 0 0 10px;background:url(../images/icon_4.gif) 0 4px no-repeat;vertical-align:middle}

#footer .bankinfo{float:left;width:230px;text-align:left;font-size:17px;font-weight:600;color:#565656;line-height:20px}
#footer .bankinfo strong{font-size:23px;font-weight:600;color:#4eac09;line-height:36px}
#footer address{font-size:12px;line-height:19px;vertical-align:top;margin:0 0 0 255px;text-align:left;padding:0 0 0 16px;background:url(../images/icon_4.gif) 0 0 no-repeat;}
#footer address strong{font-weight:bold}
#footer .customer{float:right;width:170px;padding:10px 20px;text-align:left;font-size:17px;font-weight:600;color:#565656;line-height:20px;background-color:#f8f8f8;
						-webkit-border-radius:10px;
						-moz-border-radius:10px;
						border-radius:5px;}
#footer .customer strong{font-size:23px;font-weight:600;color:#4eac09;line-height:36px;}
#footer .customer .font13{font-size:13px;font-weight:600;color:#565656;line-height:20px;}
.underline{text-decoration:underline}

/* common */
.con1100{width:1100px;margin:0 auto;}