@font-face{ font-family:NG; src:url('/font/NanumGothic.eot'); src:local(��), url('/font/NanumGothic.woff') format('woff');}
@font-face{ font-family:NGEN; src:url('/font/NanumGothicBold.eot'); src:local(��), url('/font/NanumGothicBold.woff') format('woff');}

html, body, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; line-height:normal; font-size:normal;}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0} /*border:none; separate*/
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
img {border:0;outline:none}
hr, legend {display:none;position:absolute;visibility:hidden}
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
label {cursor:pointer;}

a:link, a:visited, a:active {color:#666666; text-decoration:none;}
a:hover {color:#333333;} 

html, body {height:100%; background:url('/img/bg.gif') top left repeat;}
body {font-size:.8em; line-height:150%; font-family:"��������", NG, dotum,sans-serif; color:#555; background:url('/img/top_bg.gif') top left repeat-x;}
input, textarea, select {font-family:"��������", NG, dotum,sans-serif; color:#6E6F73;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {_behavior:url(/comm/js/iepngfix.htc);}
.clear {clear:both; *zoom:1;}
.bg_none {background:none !important;}

/* ���κ��־� */
@charset "utf-8";


#main_container {position:relative; width:100%;}

#main_container .main_contents {position:relative; width:1200px; margin:0 auto 5px auto; overflow:hidden; clear:both; *zoom:1;}

	/** ����- �������������� �� **/
	.main_contents .left_area {float:left; width:265px; margin-left:21px;margin-top:20px;}
	
		.notice_area {position:relative; width:240px; height:120px; border:1px solid #ddd; padding:20px 14px 14px 14px;}
		.notice_area h2 {font-size:1.1em;margin-bottom:20px; color:#333; letter-spacing:-0.5pt;}
		.notice_area .mtab_news {width:260px; height:35px; margin-bottom:20px; border-bottom:1px solid #ddd;}
		.notice_area .mtab_news li {float:left;}
		.notice_area .mtab_news li a {display:inline-block; width:87px; text-align:center; font-weight:bold; color:#8d8d8d; height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:1.1em; letter-spacing:-0.5pt;}
		.notice_area .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#fff; background:#444; border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; letter-spacing:-0.5pt;}
		.notice_area .list_area {}
		.notice_area .list_area li {position:relative; margin-bottom:8px;}
		.notice_area .list_area p {width:75%; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040;}
		.notice_area .list_area li a:link, .notice_area .list_area li a:visited {text-decoration:none; font-size:.85em; color:#404040;}
		.notice_area .list_area li a:hover {text-decoration:none; font-size:.85em;}
		.notice_area .list_area li span {position:absolute;top:0px;right:5px; color:#999999; font-size:.85em; text-align:right;}
		.notice_area .more {position:absolute; top:15px; right:10px;}
		
		.notice_area1 {position:relative; width:240px; height:120px; border:1px solid #ddd; padding:20px 14px 14px 14px;}
		.notice_area1 h2 {font-size:1.1em;margin-bottom:30px; color:#333; letter-spacing:-0.5pt;}
		.notice_area1 .mtab_news {width:260px; height:35px; margin-bottom:20px; border-bottom:1px solid #ddd;}
		.notice_area1 .mtab_news li {float:left;}
		.notice_area1 .mtab_news li a {display:inline-block; width:87px; text-align:center; font-weight:bold; color:#8d8d8d; height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:1.1em; letter-spacing:-0.5pt;}
		.notice_area1 .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#fff; background:#444; border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; letter-spacing:-0.5pt;}
		.notice_area1 .list_area {}
		.notice_area1 .list_area li {position:relative; margin-bottom:8px;}
		.notice_area1 .list_area p {width:75%; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040;}
		.notice_area1 .list_area li a:link, .notice_area .list_area li a:visited {text-decoration:none; font-size:.85em; color:#404040;}
		.notice_area1 .list_area li a:hover {text-decoration:none; font-size:.85em;}
		.notice_area1 .list_area li span {position:absolute;top:0px;right:5px; color:#999999; font-size:.85em; text-align:right;}
		.notice_area1 .more {position:absolute; top:15px; right:10px;}
		

	/** �߰� - �����ϱ� **/		
	.main_contents .mid_area {float:left; width:260px; margin-right:41px;}
		.reserv_area {position:relative; width:260px; height:172px;}
		.reserv_area > div {border-bottom:1px solid #ddd;}
		.reserv_area h2 {font-size:1.1em; padding-bottom:10px; color:#333; }
		.reserv_area .more {position:absolute; top:6px; right:0;}
		.reserv_area ul {width:100%; margin-top:18px;}
		.reserv_area li {overflow:hidden; clear:both; *zoom:1; line-height:140%; padding:2px 0px 2px 0px;}
		.reserv_area li p {float:left; width:75%; color:#404040; font-size:.85em;}
		.reserv_area li img {vertical-align:middle; margin-right:4px;}
		/*.reserv_area li a:link, .reserv_area li a:visited {color:#404040; font-size:.85em;}*/
		.reserv_area li span.date {float:left; width:25%; color:#999999; font-size:.85em; text-align:right;} 
			
		.bn_reserv {padding-top:15px;}
		.bn_reserv a {display:block; float:left; width:67px; height:59px; line-height:59px;}
		.bn_reserv a.form {color:#333; background:url('/img/bn_reserv.gif') left top no-repeat; color:#5e4d16; padding-left:63px; font-size:.85em; font-weight:600;}
		.bn_reserv a.product {color:#333; background:url('/img/bn_product.gif') left top no-repeat; color:#462608; padding-left:63px; font-size:.85em; font-weight:600;}
	
	
	/** ������ - ��� **/			
	.main_contents .right_area {float:left; width:273px; margin-left:21px;margin-top:20px;}
		.bn_account {width:154px; padding:20px 14px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; background:url('/img/slash_bg.gif') top left repeat;}
		.bn_account h2 {font-size:1.1em; margin-bottom:18px; color:#333; letter-spacing:-0.5pt;}
		
		.bn_charge {width:152px; padding:21px 16px 27px 16px; height:78px; background:url('images/m_icon01.jpg') left top no-repeat;}
		.bn_charge h2 {font-size:1.1em; margin-bottom:13px; color:#333; letter-spacing:-0.5pt;}
		.bn_charge span {display:block; font-size:0.9em; line-height:140%; margin-bottom:10px;}
		
		.bn_cs {position:absolute; width:156px; padding:20px 14px 14px 14px; border:1px solid #ddd; top:0; right:0;}
		.bn_cs h2 {font-size:1.1em; margin-bottom:23px; color:#333; letter-spacing:-0.5pt;}
		.bn_cs p {line-height:140%; padding-top:10px; font-size:.9em;}
		
		.notice_area2 {position:relative; width:282px; height:120px; border:1px solid #ddd; padding:20px 14px 14px 14px; }
		.notice_area2 h2 {font-size:1.1em;margin-bottom:20px; color:#333; letter-spacing:-0.5pt;}
		.notice_area2 .mtab_news {width:260px; height:35px; margin-bottom:20px; border-bottom:1px solid #ddd;}
		.notice_area2 .mtab_news li {float:left;}
		.notice_area2 .mtab_news li a {display:inline-block; width:87px; text-align:center; font-weight:bold; color:#8d8d8d; height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:1.1em; letter-spacing:-0.5pt;}
		.notice_area2 .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#fff; background:#444; border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; letter-spacing:-0.5pt;}
		.notice_area2 .list_area {}
		.notice_area2 .list_area li {position:relative; margin-bottom:8px;}
		.notice_area2 .list_area p {width:75%; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040;}
		.notice_area2 .list_area li a:link, .notice_area .list_area li a:visited {text-decoration:none; font-size:.85em; color:#404040;}
		.notice_area2 .list_area li a:hover {text-decoration:none; font-size:.85em;}
		.notice_area2 .list_area li span {position:absolute;top:0px;right:5px; color:#999999; font-size:.85em; text-align:right;}
		.notice_area2 .more {position:absolute; top:15px; right:10px;}
		
		.notice_area3 {position:relative; width:310px; height:156px; border:1px solid #ddd;  }
		.notice_area3 h2 {font-size:1.1em;margin-bottom:20px; color:#333; letter-spacing:-0.5pt;}
		.notice_area3 .mtab_news {width:260px; height:35px; margin-bottom:20px; border-bottom:1px solid #ddd;}
		.notice_area3 .mtab_news li {float:left;}
		.notice_area3 .mtab_news li a {display:inline-block; width:87px; text-align:center; font-weight:bold; color:#8d8d8d; height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:1.1em; letter-spacing:-0.5pt;}
		.notice_area3 .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#fff; background:#444; border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; letter-spacing:-0.5pt;}
		.notice_area3 .list_area {}
		.notice_area3 .list_area li {position:relative; margin-bottom:8px;}
		.notice_area3 .list_area p {width:75%; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040;}
		.notice_area3 .list_area li a:link, .notice_area .list_area li a:visited {text-decoration:none; font-size:.85em; color:#404040;}
		.notice_area3 .list_area li a:hover {text-decoration:none; font-size:.85em;}
		.notice_area3 .list_area li span {position:absolute;top:0px;right:5px; color:#999999; font-size:.85em; text-align:right;}
		.notice_area3 .more {position:absolute; top:15px; right:10px;}
		
		
		
		.main_contents .left_area2 {float:left; width:410px; margin-left:21px;margin-top:20px;}
		
		.notice_area4 {position:relative; width:385px; height:140px; border:1px solid #ddd; padding:20px 14px 14px 14px; }
		.notice_area4 h2 {font-size:1.1em;margin-bottom:20px; color:#333; letter-spacing:-0.5pt;}
		.notice_area4 .mtab_news {width:260px; height:35px; margin-bottom:20px; border-bottom:1px solid #ddd;}
		.notice_area4 .mtab_news li {float:left;}
		.notice_area4 .mtab_news li a {display:inline-block; width:87px; text-align:center; font-weight:bold; color:#8d8d8d; height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:1.1em; letter-spacing:-0.5pt;}
		.notice_area4 .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#fff; background:#444; border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; letter-spacing:-0.5pt;}
		.notice_area4 .list_area {}
		.notice_area4 .list_area li {position:relative; margin-bottom:8px;}
		.notice_area4 .list_area p {width:75%; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040;}
		.notice_area4 .list_area li a:link, .notice_area .list_area li a:visited {text-decoration:none; font-size:.85em; color:#404040;}
		.notice_area4 .list_area li a:hover {text-decoration:none; font-size:.85em;}
		.notice_area4 .list_area li span {position:absolute;top:0px;right:5px; color:#999999; font-size:.85em; text-align:right;}
		.notice_area4 .more {position:absolute; top:15px; right:10px;}
		
		
		.notice_area5 {position:relative; width:710px; height:140px; border:1px solid #ddd; padding:20px 14px 14px 14px; }
		.notice_area5 h2 {font-size:1.1em;margin-bottom:20px; color:#333; letter-spacing:-0.5pt;}
		.notice_area5 .mtab_news {width:260px; height:35px; margin-bottom:20px; border-bottom:1px solid #ddd;}
		.notice_area5 .mtab_news li {float:left;}
		.notice_area5 .mtab_news li a {display:inline-block; width:87px; text-align:center; font-weight:bold; color:#8d8d8d; height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:1.1em; letter-spacing:-0.5pt;}
		.notice_area5 .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#fff; background:#444; border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; letter-spacing:-0.5pt;}
		.notice_area5 .list_area {}
		.notice_area5 .list_area li {position:relative; margin-bottom:8px;}
		.notice_area5 .list_area p {width:75%; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040;}
		.notice_area5 .list_area li a:link, .notice_area .list_area li a:visited {text-decoration:none; font-size:.85em; color:#404040;}
		.notice_area5 .list_area li a:hover {text-decoration:none; font-size:.85em;}
		.notice_area5 .list_area li span {position:absolute;top:0px;right:5px; color:#999999; font-size:.85em; text-align:right;}
		.notice_area5 .more {position:absolute; top:15px; right:10px;}
		
		
		.main_contents .left_area3 {float:left; width:551px; margin-left:21px;margin-top:10px;}
		.notice_area6 {position:relative; width:1140px; height:50px; border:0px solid #ddd; padding:2px 14px 14px 14px; }
		.notice_area6 h2 {font-size:1.1em;margin-bottom:20px; color:#333; letter-spacing:-0.5pt;}
		.notice_area6 .mtab_news {width:260px; height:35px; margin-bottom:20px; border-bottom:1px solid #ddd;}
		.notice_area6 .mtab_news li {float:left;}
		.notice_area6 .mtab_news li a {display:inline-block; width:87px; text-align:center; font-weight:bold; color:#8d8d8d; height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:1.1em; letter-spacing:-0.5pt;}
		.notice_area6 .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#fff; background:#444; border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; letter-spacing:-0.5pt;}
		.notice_area6 .list_area {}
		.notice_area6 .list_area li {position:relative; margin-bottom:8px;}
		.notice_area6 .list_area p {width:75%; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040;}
		.notice_area6 .list_area li a:link, .notice_area .list_area li a:visited {text-decoration:none; font-size:.85em; color:#404040;}
		.notice_area6 .list_area li a:hover {text-decoration:none; font-size:.85em;}
		.notice_area6 .list_area li span {position:absolute;top:0px;right:5px; color:#999999; font-size:.85em; text-align:right;}


		
		#client_area {position:relative; width:100%; height:55px; padding:10px 0; border-top:0px solid #ddd; border-bottom:0px solid #ddd; clear:both; *zoom:1; margin:0;}

.client_area{width:1150px; position:relative; margin:0 auto;}
.client_area h2{float:left; width:170px; padding-top:0px;}
.client_area .arrow{margin-top:0px; z-index:-9000; }
.client_area .arrow img{margin-right:2px;}
.client_area ul{float:left;}
.client_area li{float:left; width:148px; text-align:center; border: 1px solid #eee; background: #3a5ff0;}

	.cs_area h3 {height:28px; margin-top:24px;padding-bottom:5px;}
	.cs_area h2 {font-size:25px;color:#ffffff; margin-top:24px;padding-bottom:5px;}
	.cs_area  .cs_center {width:491px; background:url('/img/cs_icon.gif') left 2px no-repeat; padding-left:5px;}
	.cs_area  .cs_center p.cs_txt {margin-top:5px; color:#c8c8c8; line-height:160%; font-size:.9em;font-weight: bold;}

#footer {width:1100px; padding:30px 0 50px 0; background:#ffffff; color:#666666; font-size:.9em;  margin:0 auto;}
	.copyright {display:block; padding-top:5px; color:#6f7071;}
	.copyright a:link, .copyright a:visited {color:#6f7071;}