@charset "euc-kr";

body,div, ul, ol, dt, dd, h1, h2, h3, h4, h5, th, td, prev, fieldset {font: normal 12px/1.7 "±¼¸²", Gulim,	AppleGothic, sans-serif; color: #444;}
h1, h2, h3, h4, h5,h6 {font-size: 100%; color: #b3b3b3;}
hr {display: none;}
img, fieldset {border: none;}
a:link, a:visited {color: #444; text-decoration: none;}
a:hover, a:active {color: #65b62d; text-decoration: none;}

/* layout style */
html, body {width: 100%; height: 100%;text-align:center;}
body {background: url("../images/bg_body.gif") repeat-y center top;}

/* gnb */
#gnb {background: #ccc; height: 30px;width: 100%; background: url("../images/bg_gnb.gif") repeat-x left top;}
#gnb ul {list-style: none; float: right; padding-right: 10px;}
#gnb ul li {display: inline;}
#gnb a {font-family: tahoma,sans-serif; font-size: 12px;display: block; float: left; line-height: 30px;padding: 0 5px;text-decoration: none;; color: #ddfeff;}
#gnb a:hover {color: #ddfeff;}

#wrapper {width: 960px; margin: 0 auto; text-align: left; background: #fff; /*background: url(../images/bg_header.gif) no-repeat left top;*/}
#header {min-height: 110px;/* border-top: 5px solid #390;*/height: auto !important; height: 110px;position: relative; overflow: hidden;}
#header h1 {padding: 25px 0 20px 10px; width: 231px; height:56px;}
/*
#header #gnb {position: absolute; top: 5px; right: 15px;}
#header #gnb ul {list-style: none;}
#header #gnb ul li {display: inline; }
#header #gnb a {font: tahoma; font-size: 12px;display: block; float: left; padding: 0 2px;text-decoration: none;; color: #444;}
*/
.inner10 .col1 {float: left;width: 360px;}
.inner10 .col2 {float: right;width: 360px; margin-left: 10px;}

/* lnb */
#lnb {position: absolute; left: 240px; top: 20px;height: 70px; width: 720px; /*background:#3C0 url(../images/bg_nav.gif);*/}
#lnb ul {margin: 0 0 0 20px; display: none;}
#lnb ul li {float: left;}
#lnb ul li a {float: left; display: block; color: #fff; padding: 6px 20px;}

/* pageWrap */
#pageWrap {margin: 1em 0; min-height: 500px; height: auto !important; height: 500px;background: #fff /*url(../images/bg_pagewrap.gif) repeat-y*/;}

/**html #pageWrap {height: 600px;}*/

#pageWrap #leftCol {float:right; width: 220px;}
#pageWrap #contentCol {float: left; width: 740px;}
#pageWrap #s_leftCol {float:left; width: 220px;}
#pageWrap #s_contentCol {float: left; width: 740px; min-height:700px; height: auto !important; height: 700px;}

/* brclear */
.brclear {clear: both; font-size: 0; line-height: 0; display: block; height: 0;}


/*sidebar_nav */
#sidebar_nav {padding: 0 10px;}
#sidebar_nav h3 {margin-bottom: 1em;}
#sidebar_nav ul {margin-left: 2em;}
#sidebar_nav li {display: block;}
#sidebar_nav a  {display: block; padding: 10px 10px 10px 20px;background: url(../images/bullet_circle.gif) no-repeat left center;}
#sidebar_nav ul li ul li a {display: block; padding: 5px 10px 5px 16px;background: url(../images/bullet_tri.gif) no-repeat left 9px;}
/*\*/
* html #sidebar_nav a {/*zoom:1;*/ height: 1%;}
/**/
#s_contentCol .path {border-bottom: 2px solid #77a01e; text-align: right;font:11px Tahoma, Geneva, sans-serif;padding:5px 10px 5px 0; color:#9A9A9A; margin-bottom: 1em;} 
#s_contentCol .postContainer {padding: 0 10px;}
#s_contentCol .postContainer img.leftImg {float: left; margin: 0 10px 10px 0;} 
#s_contentCol h3 {margin-bottom: .5em;font-weight: bold; color: #88af30;}
#s_contentCol .postContent {margin-left: 230px;}
#s_contentCol .postContent p.subTitle {font-weight: bold; padding-lefT: 10px; white-space:normal;}
#s_contentCol .postContent p {padding-left: 20px; margin-bottom: 1em;}
#s_contentCol .postContent p.date {text-align: right; font-style:normal;}
#s_contentCol .postContent p.writer {font-size:larger;text-align: right; font-weight: bold;}
#s_contentCol .postContainer h3.year {width: auto;background: url(../images/tab_left.gif) no-repeat left top; float: left; display: block; padding-left: 15px;}
#s_contentCol .postContainer h3.year span {background: url(../images/tab_right.gif) no-repeat right top; padding: 5px 20px 5px 5px; float: left; display: block; color: #fff;}


#s_contentCol .postContainer .postContent h4 {font-weight: bold;}
#s_contentCol .postContainer .postContent ul {margin-left: 3em; line-height: normal; margin-bottom: 1em;}
#s_contentCol .postContainer .postContent li {background: url(../images/bullet_tri.gif) no-repeat left 10%; padding-left: 15px;}

/* °É¾î¿Â±æ */
#s_contentCol .postContainer ul {margin-bottom: 1em;}
#s_contentCol .postContainer li {padding-bottom: 5px;}
#s_contentCol .postContainer li span.pdate {text-align: right;font-weight: bold; padding-right: 50px;}
/*#s_contentCol .postContainer .btn_member {background:url(../images/btn_member.gif) no-repeat; width: 200px; height:62px;}*/
#s_contentCol .postContainer .btn_member a {text-indent: -99999px;display: block; width: 200px; height:62px;}


/* sprite(¼Ò°³¸¶´ç ŸÀÌƲ ¹è°æ À̹ÌÁö ó¸® */
.postContainer h3#sub1-1 {background: url(../images/sprite_title.gif) no-repeat 0 -40px; width: 189px; height: 40px; text-indent: -99999em; margin-top: 1em;}
.postContainer h3#sub1-2 {background: url(../images/sprite_title.gif) no-repeat 0  0; width: 189px; height: 40px; text-indent: -99999em;margin-top: 1em;}
.postContainer h3#sub1-3 {background: url(../images/sprite_title.gif) no-repeat 0 -80px; width: 189px; height: 40px; text-indent: -99999em;margin-top: 1em;}
.postContainer h3#sub1-4 {background: url(../images/sprite_title.gif) no-repeat 0 -120px; width: 189px; height: 40px; text-indent: -99999em;margin-top: 1em;}
.postContainer h3#sub1-5 {background: url(../images/sprite_title.gif) no-repeat 0 -160px; width: 189px; height: 40px; text-indent: -99999em;margin-top: 1em;}
.postContainer h3#sub1-6 {background: url(../images/sprite_title.gif) no-repeat 0 -200px; width: 189px; height: 40px; text-indent: -99999em;margin-top: 1em;}
.postContainer h3#sub2-1 {background: url(../images/sprite_title.gif) no-repeat 0 -240px; width: 189px; height: 40px; text-indent: -99999em;margin-top: 1em;}

.postContainer strong {font-weight: bold; color: #4fa02a;}

/* board_container */
.postContainer .board_container {padding: 10px 0px;}

/* Á¦¸ñ */
.col1 h3, .col2 h3 {}
.col1 h3 a, .col2 h3 a {padding: 5px 0px 0px 0px; height: 30px; display: block;}


/* latest_box */
.latest_gallery {margin-left: 15px;}
.latest_box {margin: 10px 0 0px 0;padding: 0 20px; min-height: 100px; height: auto !important; height: 100px;}
/* * html .latest_box {height:100px;}*/

.latest_box ul {border-bottom: 1px solid #cccccc;}
.latest_box li  {background: url(../images/bullet_list.gif) no-repeat left 7px; padding-bottom: 5px; padding-left:10px;}
.latest_box li a, .latest_box li a:visited {color: #333;}
.latest_box li a:hover {color: #00C; text-decoration: underline;}

/* ¸ÞÀÎ new image */
.latest_box li  img {padding-left: 2px; margin: 0 0 5px 0;}

/* footer */
#footer {min-height: 90px; height: auto !important; height: 90px;background: #fff; padding-top: 10px; border: 2px solid #eee;/* background: url(../images/bg_footer.gif) repeat-x left top;*/;position: relative;}
#footer * {color: #4d4d4d;}
#footer h3, #footer p {text-align: center; padding: 10px;}
#footer .bt_logo {position: absolute; top: 20px; left: 25px;width: 140px; height: 50px;background: url("../images/footer_logo.gif") no-repeat left top; }
#footer .bt_logo a {text-indent: -99999px; display: block;width: 140px; height: 50px;}
#footer p {position: absolute; top: 10px; left: 200px; color:#939393; font-weight: normal;text-align: left;}
#footer .beanLink {position: absolute; top: 28px; left: 640px; }

/** html #footer  {height: 80px;}*/

/* inner */
.inner20 {margin: 0 10px;}
.inner10 {margin: 0 5px; position: relative;}
.latest {margin: 0 1em 1.5em 1em;}
.inner10 h3 {padding: 5px 0 5px 0;}

/* accountBox */
#accountBox {padding: 5px 5px; background: #7fa12e;margin-right: 5px;}
#accountBox #accountBox_in{background: #fff;}

/* rightBox(¿À¸¥ÂÊ¿µ¿ª) */
#rightBox {padding: 0px 5px; margin-top: 0.5em; margin-right: 5px;background: #f2f2f2;min-height: 130px;}
#rightBox_white {padding: 0px 5px; margin-top: 0.5em; margin-right: 5px;background: #fff;min-height: 130px;}
#rightBox .rightBox_in {background: #fff; border: 1px solid #ccc;}
#rightBox .rightBox_in h3 {padding: 5px 5px; color: #99ccff;}
#rightBox_white .rightBox_in h3 a {padding: 5px 5px; color: #7fa12e;}

/* leftTop(¼­ºêÆäÀÌÁö¿ÞÂÊ»ó´Ü) */
.leftTop {padding: 0 5px 0 5px;}

/* banner_container */
.banner_container, .viewer_box {margin: 0 0 5px 0;}
.viewer_box {padding-top: 10px;}

/* link_container */
.link_container {border: 1px solid #ffccff;margin-right: 5px;}
.link_container .inBox {padding: 5px;}
.inBox ul {list-style: none; padding: 5px 5px; background: #fff;}
.inBox li {margin-bottom: 5px;}
.inBox ul li h3 {color: #390; font-weight: bold;}
.inBox ul li.goBranch {padding-lefT: 10px;}


/* bannerCol */
#bannerCol {width: 730px}

/* subTopBanner */
/*#subTopBanner {width:940px;height: 80px; padding: 5px 5px; border: 5px solid #ccc;}*/

/* link stage */
#linkList {width: 300px; background:#73c343; float: left; margin-right: 1em; margin-bottom: 2em; padding-left: 10px;}
#linkList ul {margin: 5px 5px; background: #fff; list-style: none; line-height: normal;} 
#linkList ul li h4 {font-weight: bold; color: #e2a000; padding: 10px 0 0 10px;} 
#linkList ul li ul {margin-left: 0.5em; margin-top: 1em;}
#linkList ul li ul li {line-height: 1.5; display: block;}
#linkList Ul li ul li a {display: block; background: #d0ecb7; padding: 2px 0 2px 10px; width: auto;font-family: tahoma, sans-serif;}
#linkList Ul li ul li a:hover {display: block; background: #e2a000; padding: 2px 0 2px 10px; width: auto;font-family: tahoma, sans-serif; color: #fff;}

/* btn_pageTop */
.btn_pageTop {float: right; padding-right: 20px;background: transparent url("../images/btn_pageTop.gif") no-repeat left top; margin-top: 2em;}
.btn_pageTop a {display: block;width: 44px; height: 24px; text-indent: -99999px;}

/* support_container */
.support_container {padding: 0 20px; overflow: hidden;}
.support_container p {margin-bottom: 1em;}
.support_container .start {color: #218aa7; font-size: 1.2em;}
.support_container .body, .support_container .em, .support_container .alert, .support_container .contact  {padding-lefT: 1em;}
.support_container .em {color: #67a639; font-size: 1.1em; font-weight: bold;}
.support_container .alert {color: red; padding-top: 1em;clear: left;}
.support_container ul.click_area  {margin-left: 100px; padding: 10px 0 10px 0;}
.support_container li {float: left; display: block;}
.support_container li a {background: transparent url(../images/pay.gif) no-repeat left top; width: 123px; height: 37px; float: left; display: block; margin-right: 2em; text-indent: -99999px;}
.support_container li#credit a {background-position: 0 0;}
.support_container li#realtime a {background-position: 0 -40px;}
.support_container li#mobile a {background-position: 0 -80px;}


/* °É¾î¿Â ±æ history_container */
#history_container {background: #fff; width: 700px; margin: 0 auto; overflow: hidden;}
	#history_menu {width: 700px; margin: 0 auto; overflow: hidden;}
		#history_menu ul {list-style: none; margin: 0 auto; width: auto; margin-top: 30px; margin-left: 10px;}
		#history_menu ul li {display: inline;} 
		#history_menu ul li a {float: left; display: block; padding: 0 20px; text-decoration: none; border: 1px solid #47a700; margin-right: 1.5em; background: #47a700; color: #fff;}
		#history_menu ul li a:hover {text-decoration: none; background: #47a700; color: #fff;}
	#history_container .year {margin: 10px 10px;background: #f7fff1; padding: 20px; border: 1px solid #47a700;}
	.year ul {list-style: none;}
	.year li {margin-bottom: 5px; color: #333;}
	.year .hdate {color: #006; width: 100px; display: block; float: left; text-align: left;}
	#s2, #s3, #s4, #s5, #s6 {display: none;}

/* member_btn */
.member_btn {clear: both; margin-left: 280px;}
.member_btn ul {list-style: none;}
.member_btn li {display: inline; margin-right: 1em;}		
.member_btn li a {}


/* ¸ÞÀÎÆäÀÌÁö ÅÇ ¸Þ´º */
#tabMenu {min-height: 100px; height: auto !important; height: 100px; line-height: normal;}
#tabMenu ul {list-style: none; float: right;}
#tabMenu li {float: left; display: block; margin-right: 1em;background: transparent url(../images/menu_tab_left.gif) no-repeat left top; padding: 0 0 0 9px; cursor:pointer;}
#tabMenu li a {float: left;display: block;background: transparent url(../images/menu_tab_right.gif) no-repeat right top; padding:5px 15px 5px 9px; }
tContent {margin-top: -2em; padding: 0; line-height: normal; margin-left: 100px;}