/* Font-Face */
@font-face{
font-family:NanumGothic;
src:url(../include/NanumGothic.eot);
src:local(※), url(../include/NanumGothic.woff) format(‘woff’);
}

@font-face{
font-family:NanumGothicBold;
src:url(../include/NanumGothicBold.eot);
src:local(※), url(../include/NanumGothicBold.woff) format(‘woff’);
}

@font-face{
font-family:NanumGothicExtraBold;
src:url(../include/NanumGothicExtraBold.eot);
src:local(※), url(../include/NanumGothicExtraBold.woff) format(‘woff’);
}





body { 
	font:normal 100%/1.5 NanumGothic,’나눔고딕’ Arial, sans-serif;
	letter-spacing:0;
	font-size:12px;
	color:#6c6c6c;
	background:#FFFFFF url(../images/common/top_back.jpg) repeat-x top center;
	padding:0px 0;
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/* img {border:0px;} */
a:link {color: #2e2e2e; text-decoration:none;}
a:visited {color: #585858}
a:active {color: #585858}
a:hover {color: #066839}

a.b:link {color: #9a9a9a}
a.b:a:visited {color: #FFFFFF}
a.b:a:active {color: #E67D13}
a.b:a:hover {color: #FFFFFF}


#top{
	z-index:0; 
	position:relative;
	}
	



#center{
	z-index:1; 
	margin-top:0px;
}

.banner1 { 
	cursor:hand; 
	font-weight:normal;
	url:
}

/* main visual */

.clsBannerScreen {overflow: hidden;position: relative;height: 150px;width: 570px; border:0px solid #e1e1e1; cursor:pointer; clear:both;}
.clsBannerScreen .images {
	position:absolute;
	display:none;
	left: 0;
	z-index:1; 
	margin-top:0px;
}
ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }
.clsBannerButton {width:570px;cursor:pointer;border-bottom:1px solid #e1e1e1;}
.clsBannerButton li {width:100px;float:left;border-right:1px solid #e1e1e1;padding:2px;}
.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}

.clsBannerButton li.labelOverClass {font-weight:bold;}


/* main visual 끝 */


/* text Color */
.style1 {color: #adadad} /* 기본회색 */
.style2 {color: #afadaa; font-size:8pt;} /* 기본회색 */
.style3 {font-size:10pt; color:#2e2e2e; font-family:NanumGothicBold; font-weight:normal; text-align:left;} /* 메인 타이틀 */
.style4 {font-size:11pt; color:#adadad; font-family:NanumGothicBold; font-weight:normal; text-align:left;} /* 서브 타이틀 */
.style5 {font-size:24pt; color:#2e2e2e; font-weight:normal; text-align:left;} /* 서브 컨텐츠 타이틀 */
.style6 {font-size:15pt; color:#2e2e2e; font-family:NanumGothicExtraBold; font-weight:normal; text-align:left; line-height:24px;} /* 서브 컨텐츠 강조 그레이*/
.style7 {font-size:15pt; color:#70b606; font-family:NanumGothicExtraBold; font-weight:normal; text-align:left; line-height:24px;} /* 서브 컨텐츠 강조 그린*/
.style8 {font-size:10pt; color:#f47520; font-weight:normal; text-align:left; } /* 서브 컨텐츠 강조 주황*/
.style9 {font-size:8pt; color:#848180; font-weight:normal; text-align:left; line-height:14px;} /* 서브 컨텐츠 강조 주황*/
.style10 {font-size:15pt; color:#2e2e2e; font-family:NanumGothic; font-weight:normal; text-align:left; line-height:24px;} /* 히스토리 영문*/
.style11 {font-size:10pt; color:#FFFFFF; font-family:NanumGothic; font-weight:normal; text-align:center;} /* 서브 타이틀 */
.style12 {font-size:10pt; color:#70b606; font-family:NanumGothicBold; font-weight:normal; text-align:left; } /* 서브 컨텐츠 강조 그린*/



/* input */

.input1 {
font-size:9pt;
font-family: Gulim; 
font-size: 9pt; 
color: #E67D13;
border:1px; 
border-color:575757;
border-top:1px solid #575757; 
border-left:1px solid #575757; 
border-right:1px solid #575757; 
border-bottom:1px solid #575757;
padding:4px 1px 1px 1px;
text-align:left; 
width:120px; 
height:14px;
background-color: #2E2E2E;
}



.bank {
font-size:10pt;
font-family: Gulim; 
font-size: 10pt; 
color: #ffffff;
border:1px; 
border-color:edc525;
border-top:1px solid #575757; 
border-left:1px solid #575757; 
border-right:1px solid #575757; 
border-bottom:1px solid #575757;
padding:4px 1px 1px 1px;
text-align:left; 
width:170px; 
height:20px;
background-color: #2E2E2E;
}


/* textbox */
.textarea1{
    font-family: "돋움","dotum";
	scrollbar-face-color: #111111; 
	scrollbar-shadow-color: #111111; 
	scrollbar-highlight-color: #111111; 
	scrollbar-3dlight-color: #111111; 
	scrollbar-darkshadow-color: #111111; 
	scrollbar-track-color: #111111; 
	scrollbar-arrow-color: #111111;
	width:810px; 
	height:400px;
	border:#EDB71D; 1px
	solid:#EDB71D;
	overflow:auto; 
	overflow-x:hidden; 
	font-size:12px; 
	line-height:10px; 
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	border-top:1px solid #464646; 
    border-left:1px solid #464646; 
    border-right:1px solid #464646; 
    border-bottom:1px solid #464646;
	background-color: #111111;
}

.textarea2{
    font-family: "돋움","dotum";
	scrollbar-face-color: #111111; 
	scrollbar-shadow-color: #111111; 
	scrollbar-highlight-color: #111111; 
	scrollbar-3dlight-color: #111111; 
	scrollbar-darkshadow-color: #111111; 
	scrollbar-track-color: #111111; 
	scrollbar-arrow-color: #111111;
	width:605px; 
	height:40px;
	border:#EDB71D; 1px
	solid:#EDB71D;
	overflow:auto; 
	overflow-x:hidden; 
	font-size:12px; 
	line-height:10px; 
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	border-top:1px solid #464646; 
    border-left:1px solid #464646; 
    border-right:1px solid #464646; 
    border-bottom:1px solid #464646;
	background-color: #111111;
}

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
#footer address{ text-align:center;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}


/* 대메뉴 */
.diz_menu { font-size:11pt; color:#2e2e2e; font-family:NanumGothicBold; cursor:hand; font-weight:normal; text-align:center; }
a.diz_menu:link { font-size:11pt; color:#2e2e2e; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:center; }
a.diz_menu:visited { font-size:11pt; color:#2e2e2e; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:center; }
a.diz_menu:hover { font-size:11pt; color:#2e2e2e; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:center; }
a.diz_menu:active { font-size:11pt; color:#2e2e2e; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:center; }
.diz_menu_over { font-size:11pt; color:#056839; font-family:NanumGothicBold; cursor:hand; font-weight:normal; text-align:center;  }

/* 부메뉴 */
.diz_popmenu { font-size:9pt; color:#FFFFFF; cursor:hand; text-align:center; border-bottom: 1px solid #378661; height: 30px;}
.diz_popmenu_over { font-size:9pt; color:#e2e85c; cursor:hand; text-align:center; border-bottom: 1px solid #378661; height: 30px;}


/* Left 메뉴 */
.diz_submenu { font-size:10pt; color:#848180; font-family:NanumGothicBold; cursor:hand; font-weight:normal; text-align:left; }
a.diz_submenu:link { font-size:10pt; color:#848180; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:left; }
a.diz_submenu:visited { font-size:10pt; color:#848180; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:left; }
a.diz_submenu:hover { font-size:10pt; color:#848180; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:left; }
a.diz_submenu:active { font-size:10pt; color:#848180; font-family:NanumGothicBold; text-decoration:none; font-weight:normal; text-align:left; }
.diz_submenu_over { font-size:10pt; color:#70b606; font-family:NanumGothicBold; cursor:hand; font-weight:normal; text-align:left;  }