@charset "euc-kr";

#wrapper {width: 1100px; margin: 0 auto;}
#header, #container, #footer {display: block; clear: both; position: relative; width: 1100px; margin: 0 auto;}
#container {min-height: 540px;}
#snb {float: left; width: 230px; margin-left: 50px;}
#content {float: right; width: 720px; margin-right: 50px;}

#header {height: 110px;}
#header .logo {float: left; width: 335px;}
#header .logo p {padding: 25px 0 0 50px;}
#header .gnb {float: right; width: 765px; height: 30px;}
#header .gnb .uname {float: left; width: 510px; padding-top:10px; text-align: right;}
#header .gnb ul {float: right; width: 200px; padding: 10px 0 0 40px;}
#header .gnb ul li {display: inline; padding-right: 10px;}
#header #lnb {float: right; width: 750px;}
#header #lnb ul#mainmenu {position: absolute; top: 43px; margin: 0 auto; display: block;}

#mainmenu ul {position: absolute; width: 700px;}
#mainmenu li {float: left; padding: 0 30px; background: url(../../images/common/bg_lnb_line.gif) 0 15px no-repeat; vertical-align: top;}
#mainmenu li:first-child {padding-left: 0; background: none;}
#mainmenu li.menu1 ul {width: 600px; left: -12px;}
#mainmenu li.menu2 ul {width: 500px; left: 16px;}
#mainmenu li.menu3 ul {width: 500px;}
#mainmenu li.menu4 ul {width: 350px; left: 334px;}
#mainmenu li.menu5 ul {width: 400px; left: 340px;}
#mainmenu ul.submenu {display: none; top: 38px;}
#mainmenu ul.submenu li {display: inline; padding: 0 5px; background: none;}
#mainmenu ul.submenu li:first-child {padding-left: 32px;}

#container .sta {height: 190px; background: url(../../images/common/bg_sta.jpg) 0 0 no-repeat;}
#container .sta p.sta_1 {padding: 42px 90px 0 0; text-align: right;}
#container .sta p.sta_2 {padding: 12px 90px 0 0; text-align: right;}
#snb p {padding: 0 0 30px 10px;}
#snb ul li {height: 30px; padding-bottom: 10px;}
#content .path {width: 720px; height: 40px; margin-bottom: 40px; border-bottom: 1px solid #C9C8CF;}
#content .path h1 {float: left;}
#content .path p {float: right; padding-top: 16px; font-family: '?음', Dotum;}
#content .path p span {font-weight: bold; color: #BA2B33;}
#content .bbs {width: 720px; margin-bottom: 30px;}

.section {display: block; clear: both;}
.m1s3c1 {background: url(../../images/intro/bg_s3_1.jpg) 100% 100% no-repeat;}

.m1s5 {display: block; clear: both;}
.m1s5 h2 {display: block; clear: both; padding: 10px 0 15px 0;}
.m1s5 ul {clear: both;}
.m1s5 li {float: left; width: 100px; height: 160px; padding-left: 3px;}
.m1s5 li.first {padding-left: 0;}
.m1s5 dl {clear: both; padding-top:5px;}
.m1s5 dt {float: left; width: 70px; height: 160px; padding-left: 30px; font-weight: bold;}
.m1s5 dt.first {padding-left: 0;}
.m1s5 dd {float: left; width: 80px;}
.m1s5 dd span {display: block; padding-top:5px;}
.m1s5 p {padding-top: 5px; text-align:left;}
.m1s5 p.title {text-align:left;}
.m1s5c1 {display: block; clear: both;}
.m1s5c1 h2 {padding: 0 0 15px 0}
.m1s5c1 li {width: 120px; height: 190px;}
.m1s5c7 li, .m1s5c10 li, .m1s5c14 li {height: 185px;}
.m1s5c8 li {height: 190px;}
.m1s5c8d2 li {width: 140px; height: 190px; padding-left: 0;}
.m1s5c8d2 li p {text-align: left;}

.m2s1c1 {height: 320px;}
.m2s1c1 ul {padding-left: 15px;}
.m2s1c1 li {float: left; width: 230px;}
.m2s2c1 {padding: 25px 0; background: url(../../images/common/bg_dot_1.gif) repeat-x 0 0;}

.m5s2 {display: block; clear: both;}
.m5s2 dl {padding-top:5px;}
.m5s2 dt {padding-left: 10px;}
.m5s2 dd {padding-left: 24px;}
.m5s2 p.agree1 {padding: 10px 0 0 10px;}
.m5s2 p.agree2 {padding: 5px 0 0 10px;}
.m5s2 span.agree {padding-right: 20px; font-size: 14px; font-weight: bold;}

.m5s3 {display: block; clear: both;}
.m5s3 p.text1{font-weight: bold;}
.m5s3 p.title{padding-top: 30px; color: #333; font-size: 24px; font-weight: bold; text-align: center; letter-spacing:10px;}
.m5s3 p.text2{padding: 10px 0; font-weight: bold;}
.m5s3_2 {display: block; clear: both; margin-bottom: 40px; border-top: 2px solid #555; border-bottom: 2px solid #555;}
.m5s3_2 p {color: #555; font-size: 12px; font-weight: bold;}
.m5s3_2 p.text{padding: 5px 20px;}
.m5s3_2 p.text2{padding: 5px 20px; border-top: 1px solid #888;}
.m5s3_2 p.date{padding-right: 20px; text-align: right;}
.m5s3_2 p.date span{padding-left: 40px;}
.m5s3_2 p.sign{padding: 5px 20px 5px 0; text-align: right;}
.m5s3_2 p.sign span{padding-left: 200px;}
.m5s3_stamp {margin-top:-80px;text-align: right;}

.mmb_footer {font-size: 13px;}
.mmb_footer h2 {font-size: 18px; padding-top: 30px;}
.mmb_footer h3 {padding: 20px 0 10px 0; font-size: 15px;}
.mmb_footer ol li {list-style-type:decimal; margin-left: 30px; padding-bottom: 5px;}
.mmb_footer ul li {list-style-type:none; margin-left: 0px; padding-bottom: 5px;}

.sitemap ul {width: 720px; padding: 20px 0;}
.sitemap ul li {float: left; width: 195px; padding: 0 22px 30px 23px;}
.sitemap ul li p {width: 195px; text-align: center;}
.sitemap ul.smenu {width: 173px; height: 395px; padding: 10px; border: 1px solid #C3C2C9;}
.sitemap ul.smenu2 {width: 173px; height: 155px; padding: 10px; border: 1px solid #C3C2C9;}
.sitemap ul li ul li {clear: both; display: block; height: 20px; padding: 5px 0;}
.sitemap ul li ul li a {padding-left:20px;}

.photoslider {width: 620px; margin-left: 50px;}

.section table.base {width: 720px; margin-bottom: 40px;}
.section table.base th {padding: 12px 0; border-top: 1px solid #C3C2C9; border-bottom: 1px solid #C3C2C9; background-color: #F2F1F5;}
.section table.base td {padding: 12px 0; border-top: 1px solid #C3C2C9; border-bottom: 1px solid #C3C2C9;}
.section table.base th.top, .section table.base td.top {border-top: 1px solid #9594A1;}
.section table.base th.btm, .section table.base td.btm {border-bottom: 1px solid #9594A1;}
.section table.base td p	{padding: 0 20px;}

.section table.branch {width: 720px; margin-bottom: 40px;}
.section table.branch th	{padding: 12px 0; border-top: 1px solid #C3C2C9; border-bottom: 1px solid #C3C2C9; background-color: #F2F1F5;}
.section table.branch td	{padding: 12px 0; border-top: 1px solid #C3C2C9; border-bottom: 1px solid #C3C2C9;}
.section table.branch td p	{text-align: center;}

.section p.history {float: left; width: 270px; padding-top:20px; text-align: center;}
.section table.history {float: right; width: 450px; text-align: left; margin-bottom: 30px;}
.section table.history th	{padding: 8px 0; border: 0; vertical-align: top;}
.section table.history td	{padding: 8px 0; border: 0; vertical-align: top;}

.section table.receipt {width: 720px; margin-bottom: 20px;}
.section table.receipt th {padding: 6px 0 6px 20px; border-bottom: 1px solid #888; text-align: left;}
.section table.receipt th.top {border-top: 2px solid #555; font-size: 14px;}
.section table.receipt th.line {border-left: 1px solid #888;}
.section table.receipt td {padding: 6px 20px; border-bottom: 1px solid #888; text-align: left;}

.section table.receipt2 {width: 720px; margin-bottom: 20px;}
.section table.receipt2 th {padding: 6px 0; border-bottom: 1px solid #888; border-left: 1px solid #888; text-align: center;}
.section table.receipt2 th.top {padding-left: 20px; border-top: 2px solid #555; font-size: 14px; text-align: left;}
.section table.receipt2 th:first-child {border-left: 0;}
.section table.receipt2 th.line {border-left: 1px solid #888;}
.section table.receipt2 td {padding: 6px 20px; border-bottom: 1px solid #888; border-left: 1px solid #888; text-align: center;}
.section table.receipt2 td:first-child {border-left: 0;}

.section .tnb_m1s2 {width: 700px; height: 70px;}
.section .tnb_m1s2 ul {width: 700px; height: 40px; border-bottom: 2px solid #C9282D;}
.section .tnb_m1s2 li {float: left; width: 100px;}

.section .branch_homepage {width: 720px;  margin-top: -20px; padding-bottom: 5px; text-align: right;}

table.sponsor {width: 720px; margin-bottom: 30px;}
table.sponsor th {padding: 8px 0; border-top: 1px solid #C3C2C9; border-bottom: 1px solid #C3C2C9; background-color: #F2F1F5;}
table.sponsor td {padding: 8px 0; border-top: 1px solid #C3C2C9; border-bottom: 1px solid #C3C2C9;}
table.sponsor th.top, table.sponsor td.top {border-top: 1px solid #9594A1;}
table.sponsor th.btm, table.sponsor td.btm {border-bottom: 1px solid #9594A1;}
table.sponsor td p {padding: 0 20px;}

#footer {height: 110px;}
#footer .fnb {height: 38px; background-color: #A0A0A2;}
#footer .fnb ul {padding: 7px 0 0 45px;}
#footer .fnb ul li {display: inline; padding-right: 2px;}
#footer .addr {float: left; padding: 18px 0 0 50px; font-family: '?음', Dotum; color: #68676E;}
#footer .addr p.copyright  {padding: 5px 0 0 6px;}
#footer .addr p span {font-weight: bold; padding-right: 10px;}
#footer .addr address {padding-top: 5px; font-style: normal;}
#footer .logo {float: right; width: 220px;}
#footer .logo p {padding-top: 15px;}

@media print {
	#wrapper, #container {width: 720px; margin: 0 auto;}
	#header, #footer {display:none;}
	#container .sta {display:none;}
	#container #snb {display:none;}
	#content {display:block;}
	#content .path {display:none;}
	#content .print {display:none;}
}