@charset "euc-kr";

/*--- À±ÄÄÁî´åÄÄ common selector ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,input,select,textarea{ color:#939393; font-family:"³ª´®°íµñ",NanumGothic,"µ¸¿ò",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:14px; font-weight:normal; line-height:1.25em; } /* 137.5% == 22px */
body{background-color:#323434;-webkit-text-size-adjust:none;}
hr{display:none;}
img,fieldset{border:0;}
input,select,textarea{vertical-align:middle;}
img { vertical-align:top; }
ul,ol,li{list-style:none;}
a{ text-decoration:underline;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
strong{font-weight:bold;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
/*.ir{overflow:hidden;text-indent:-1000em;}
.invisible{display:none;}
.hide{visibility:hidden;width:1px;height:1px;line-height:0;overflow:hidden;position:absolute;top:-10000px;left:0;font-size:0;}*/
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}

/*--- layout ---*/
#index { background-color:#eac525; }
#about { background-color:#eac525; }
#office  { background-color:#abb144; }
#event  { background-color:#5294b4; }
#coupon  { background-color:#ffc50a; }
#bankbook  { background-color:#7b8dc8; }
#checkcard  { background-color:#8d70c3; }
#saving  { background-color:#b47bc8; }

#wrap{ position:relative; }
#m_wrap { position:relative; background:#eac525; }
	#header { position:relative; height:49px; text-align:center; background:url('../images/bg_header.png') repeat-x left top; }
	#header .link_home { position:absolute; left:14px; top:4px; }
	#header .link_menu { position:absolute; right:13px; top:18px; }
	#m_header { position:relative;  overflow:hidden; width:100%; background:url('../images/bg_m_header.gif') no-repeat center top; }
	#m_header h1 { position:absolute; left:50%; top:40px; margin-left:-95px; }
	#m_header .main_list { overflow:hidden; padding:170px 0 0 15px; text-align:center; }
	#m_header .main_list span { display:inline-block; margin:0 6px 7px 0; } 
	#m_header .main_list_sub { overflow:hidden; padding:10px 0 15px 15px; text-align:center; }
	#m_header .main_list_sub span { display:inline-block; margin:0 6px 7px 0; } 


	#contents { clear:both; padding-bottom:0px; }	
	#contents h2 { padding-left:20px; }

	#footer { position:relative; clear:both; width:100%; text-align:center; padding-bottom:20px;}
	#footer address { padding-top:10px; font-size:12px; color:#333; }
	#m_footer { position:relative; clear:both; width:100%; text-align:center;}
	#m_footer address { padding-top:10px; font-size:12px; color:#333; padding-bottom:50px;}


/*--- common ---*/
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mb10 { margin-bottom:10px; }

.alignL { text-align:left !important; }
.alignC { text-align:center !important; }
.alignR { text-align:right !important; }
.floatL { float:left; }
.floatR { float:right; }
.left10 { padding-left:10px; text-align:left !important; }
.left20 { padding-left:20px; text-align:left !important; }
.right10 { padding-right:10px; text-align:right !important; }

.fontCol01 { color:#d32e74 !important; }
.fontCol02 { color:#ff8a00 !important; font-size:10px; }

.on { display:block !important; }
.clear { clear:both; }
caption { visibility:hidden;	position:absolute; width:0; height:0; font-size:0; overflow:hidden; text-indent:-9999px; line-height:0px; }
.btn { text-align:center; }
.btn a,
.btn input { vertical-align:top; }
.input01 { line-height:31px; height:31px; border:1px solid #d1d1d1; }

/*--- tap ---*/
.toptap_bg {clear:both;width:100%;}
.toptap_bg td.menu01_off		{background:#fff;border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #bdbdbd;text-align:center; }
.toptap_bg td.menu01_off img	 {margin-top:5px;}
.toptap_bg td.menu01_off a   {display:block; background:#fff; height:40px;}
.toptap_bg td.menu01_on		{ background:#6d634f; border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #584d38; text-align:center;}
.toptap_bg td.menu01_on img	{margin-top:5px;}
.toptap_bg td.menu01_on	a { display:block; background:#6d634f; height:40px;}


.toptap_bg td.menu02_off		 {background:#fff;border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #bdbdbd;text-align:center; }
.toptap_bg td.menu02_off img	 {margin-top:13px;}
.toptap_bg td.menu02_off a    {display:block; background:#fff; height:40px;}
.toptap_bg td.menu02_on		 {background:#688a15; border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #4c660e; text-align:center;}
.toptap_bg td.menu02_on img {margin-top:13px;}
.toptap_bg td.menu02_on a    {display:block; background:#688a15; height:40px;}

.toptap_bg td.menu03_off		{background:#fff;border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #bdbdbd;text-align:center; }
.toptap_bg td.menu03_off img	 {margin-top:5px;}
.toptap_bg td.menu03_off a { display:block; background:#fff; height:40px;}
.toptap_bg td.menu03_on		{ background:#3177a7; border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #266794; text-align:center;}
.toptap_bg td.menu03_on img	{margin-top:5px;}
.toptap_bg td.menu03_on a { display:block; background:#3177a7; height:40px;}

.toptap_bg td.menu04_off		{background:#fff;border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #bdbdbd;text-align:center; }
.toptap_bg td.menu04_off img	 {margin-top:5px;}
.toptap_bg td.menu04_off a { display:block; background:#fff; height:40px;}
.toptap_bg td.menu04_on		{ background:#435cae; border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #354d9d; text-align:center;}
.toptap_bg td.menu04_on img	{margin-top:5px;}
.toptap_bg td.menu04_on a { display:block; background:#435cae; height:40px;}

.toptap_bg td.menu05_off		{background:#fff;border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #bdbdbd;text-align:center; }
.toptap_bg td.menu05_off img	 {margin-top:5px;}
.toptap_bg td.menu05_off a { display:block; background:#fff; height:40px;}
.toptap_bg td.menu05_on		{ background:#5d3b9c; border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #50308c; text-align:center;}
.toptap_bg td.menu05_on img	{margin-top:5px;}
.toptap_bg td.menu05_on a { display:block; background:#5d3b9c; height:40px;}

.toptap_bg td.menu06_off		{background:#fff;border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #bdbdbd;text-align:center; }
.toptap_bg td.menu06_off img	 {margin-top:5px;}
.toptap_bg td.menu06_off a { display:block; background:#fff; height:40px;}
.toptap_bg td.menu06_on		{ background:#9c3b9c; border-right:1px solid #bdbdbd;height:40px;border-bottom:1px solid #882788; text-align:center;}
.toptap_bg td.menu06_on img	{margin-top:5px;}
.toptap_bg td.menu06_on a { display:block; background:#9c3b9c; height:40px;}


/*--- Office ---*/
.office { margin:5px 4px 0px 4px; border:1px solid #bdbdbd; background:#fff; padding:21px 10px 21px 10px; text-align:center;} 
.officelist { padding:0 5px; }
.officelist h3 { text-align:left; padding-left:10px; height:26px; line-height:25px; font-weight:bold; color:#fff; background:url('../images/bg_location.gif') repeat-x left top; }
.officelist table { width:100%; margin:0 0 10px 0; border-top:2px solid #d9d9d9; }
.officelist table th {  padding:5px 0 7px 5px; color:#424242; text-align:left; font-size:15px; letter-spacing:-1px; border-bottom:1px solid #d9d9d9;}
.officelist table td { width:50px; border-bottom:1px solid #d9d9d9;}
.officelist table .opendate {color:#7f7f7f;  font-size:12px; }
.officelist table .btn { padding:0 0 7px 0; text-align:center; font-size:11px;}
.officelist table .address { font-size:13px; line-height:1.5em; color:#424242; font-weight:normal; }




/*--- Event ---*/
.event {margin:5px 4px 0px 4px; border:1px solid #4d91c0; background:#fff; padding:0px; text-align:center; width:310px;}
.eventcomment ul{margin:10px 14px 10px 14px; color:#fff; font-size:13px;}
.eventcomment li { background:url('../images/bullet_comment.gif') no-repeat 0 7px; padding-left:10px;}
.eventcomment a {color:#fff; text-decoration:underline;}

.coupontxt h3 {margin:0px 5px 5px 5px; color:#584d38; font-size:13px; font-weight:bold;}
.coupontxt ul{margin:5px 0px 10px 0px; color:#584d38; font-size:13px;}
.coupontxt li {padding-left:10px;}

/*--- Bankbook  ---*/
.bankbook_title {margin:24px 14px 20px 14px;}
.bankbook_title p {color:#fff; font-size:13px; }
.bankbook_title table {width:100%; border-top:2px solid #b0b8d2; border-bottom:1px solid #b0b8d2;}
.bankbook_title table th {color:#203474; padding:3px; border-bottom:1px solid #b0b8d2; border-right:1px solid #b0b8d2;  font-size:13px;}
.bankbook_title table td {color:#fff; padding:3px; border-bottom:1px solid #b0b8d2;  font-size:13px;}

.bankbook { margin:2px 4px 0px 4px; border:1px solid #5b70b4; background:#fff; padding:10px;  color:#444; text-align:center;} 
.bankbookcomment ul{margin:10px 14px 10px 14px; color:#fff; font-size:13px;}
.bankbookcomment li { background:url('../images/bullet_comment.gif') no-repeat 0 7px; padding-left:10px;}
.bankbookcomment a {color:#fff; text-decoration:underline;}

/*--- CheckCard  ---*/

.checkcard_title {margin:24px 14px 10px 14px;}
.checkcard_title p {color:#fff; font-size:13px; }
.checkcard_title .bntarea { overflow:hidden; margin-top:10px;}
.checkcard_title .bntarea img {float:left; margin-right:5px;}

.checkcard { margin:5px 4px 0px 4px; border:1px solid #72569f; background:#fff; padding:10px;  color:#444; font-size:12px;} 
.checkcard h4 {color:#492292; font-size:14px; font-weight:bold; height:20px;}
.checkcard h5 {color:#303030; font-size:14px; font-weight:bold; height:20px;}

.checkcard .checkabout ul {overflow:hidden; margin:0 auto;}
.checkcard .checkabout ul li { background:url('../images/bullet.gif') no-repeat 0 7px; padding-left:10px;}
.checkcard .checkabout ul li a {color:#333; text-decoration:underline; }

.checkcard .benefit table {width:100%;}
.checkcard .benefit table th {padding:3px 2px 3px 2px; color:#fff; border-top:1px solid #665b47; border-bottom:1px solid #665b47; border-right:1px solid #665b47; background:#796e5b;	}
.checkcard .benefit table th.start {border-left:1px solid #665b47;}
.checkcard .benefit table td {padding:3px 3px 3px 3px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:center;}
.checkcard .benefit table td.start {border-left:1px solid #dbdbdb;}
.checkcard .benefit table td.titleft { text-align:left; }
.checkcard .benefit table td.scomment { text-align:left; background:#f4f4f4;}
.checkcard .benefit table td span.stxt { color:#ca7b06;}

.checkcard .franabout table {width:100%; border-top:2px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.checkcard .franabout table th {color:#8d70c3; padding:3px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;  font-size:13px; }
.checkcard .franabout table td {color:#333; padding:3px; border-bottom:1px solid #dbdbdb;  font-size:12px; }
.checkcard .franabout table a {color:#333; text-decoration:underline; }

.checkcard .franoffice {margin-top:15px; width:100%; border:1px solid #e7e7e7; background:#f8f7f8;}
.checkcard .franoffice ul {margin:10px;}
.checkcard .franoffice li.frantitle {  font-size:15px; color:#492292; font-weight:bold;  height:20px;}
.checkcard .franoffice li {font-size:12px; color:#333; margin-top:3px; }
.checkcard .franoffice li.frantype {background:url('../images/bullet.gif') no-repeat 0 7px; padding-left:10px;}
.checkcard .franoffice li.franimg {padding:5px 0 5px 0; text-align:center;}
.checkcard .franoffice li.francomment {  border-top:1px solid #d1d1d1; font-size:12px; color:#333; padding-top:5px;}
.checkcard .franoffice a {color:#333; text-decoration:underline;}

.checkcard h3 { text-align:left; padding-left:10px; height:26px; line-height:25px; font-weight:bold; color:#fff; background:url('../images/bg_fran.gif') repeat-x left top; }


/*--- Saving  ---*/
.saving_title {margin:5px 14px 20px 14px;}
.saving_title p {color:#fff; font-size:13px; }
.saving_title table {width:100%; border-top:2px solid #c9b0d2; border-bottom:1px solid #c9b0d2;}
.saving_title table th {color:#551e68; padding:3px; border-bottom:1px solid #c9b0d2; border-right:1px solid #c9b0d2;  font-size:13px;}
.saving_title table td {color:#fff; padding:3px; border-bottom:1px solid #c9b0d2;  font-size:13px;}
 
.savingcomment ul{margin:10px 14px 10px 14px; color:#fff; font-size:13px;}
.savingcomment li { background:url('../images/bullet_comment.gif') no-repeat 0 7px; padding-left:10px;}
.savingcomment a {color:#fff; text-decoration:underline;}



/*--- Club  ---*/

.club { margin:5px 4px 0px 4px; border:1px solid #4388ad; background:#fff; padding:10px;  color:#444; font-size:12px;} 
.club h4 {color:#1a6188; font-size:14px; font-weight:bold; height:20px;}
.club h5 {color:#303030; font-size:14px; font-weight:bold; height:20px;}

.club .checkabout ul {overflow:hidden; margin:0 auto;}
.club .checkabout ul li { background:url('../images/bullet.gif') no-repeat 0 7px; padding-left:10px;}
.club .checkabout ul li a {color:#333; text-decoration:underline; }

.club .benefit table {width:100%;}
.club .benefit table th {padding:3px 2px 3px 2px; color:#fff; border-top:1px solid #665b47; border-bottom:1px solid #665b47; border-right:1px solid #665b47; background:#796e5b;	}
.club .benefit table th.start {border-left:1px solid #665b47;}
.club .benefit table td {padding:3px 3px 3px 3px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:center;}
.club .benefit table td.start {border-left:1px solid #dbdbdb;}
.club .benefit table td.titleft { text-align:left; }
.club .benefit table td.scomment { text-align:left; background:#f4f4f4;}
.club .benefit table td span.stxt { color:#ca7b06;}
.club .benefit table td.funtxt {font-weight:bold; color:#1a6188; font-size:14px;}