@CHARSET "EUC-KR";
/* default css start */
/*
<<< ÁÖÀÇ»çÇ×! >>> 
±ÛÀÚ¸¦ bold·Î ÇÒ °æ¿ì, ¹Ýµå½Ã
font-weight:bold ´ë½Å font-family:'NanumGothicWebBold'¸¦ »ç¿ëÇÔ
(³ª´®°íµñÀÇ °æ¿ì, font-weight:bold·Î ÇÒ °æ¿ì IE¿¡¼­´Â extra bold·Î º¸¿©Áö¹Ç·Î º°µµ·Î ¼³Á¤ÇÑ boldü¸¦ Àû¿ëÇÔ)
*/

* {margin:0; padding:0; list-style:none; border:none;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,p,td,input,textarea,select,button,pre{font-family:'NanumGothicWeb','³ª´®°íµñ','NanumGothic','µ¸¿ò',Dotum,Arial,sans-serif; font-size:14px; color:#373737; line-height:160%;}
textarea {width:99%;}
a, select,input,img, button {vertical-align:middle;}
ul, ol {list-style-type:none; }
.hide,legend,hr,caption span {position:absolute; left:-3000%; clear:none;}
em, address { font-style:normal;}
table { border-collapse:collapse; border-spacing:0; width:100%;}
a {color:#373737; text-decoration: none; cursor:pointer;}
a:hover {text-decoration:underline;}
a:active {background: none}
fieldset, img, button{border:0;}
.clear { zoom:1;}
.clear:after {content:""; display:block; clear:both;}
/* default css end */

/*³ª´®°íµñ ÆùÆ®¼³Á¤*/
@font-face { 
 font-family:'NanumGothicWeb';
 font-style:normal;
 font-weight:normal;
 src:url('../../fonts/NanumGothic.eot'); /* IE 4-8 */
 src:url('../../fonts/NanumGothic.eot') format('eot'), /* IE 9 */ 
     url('../../fonts/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */     
}

@font-face { 
 font-family:'NanumGothicWebBold';
 font-style:normal;
 font-weight:bold; 
 src:url('../../fonts/NanumGothicBold.eot');
 src:url('../../fonts/NanumGothicBold.eot') format('eot'),
     url('../../fonts/NanumGothicBold.woff') format('woff');
} 

/*index page  */
#wrap {position:relative; width:1017px; margin:0 auto;}
#top p.link {position: absolute; z-index:1; right:30px; top: 12px; color: #fff}
#top p.link a {color: #fff}
#article {position:relative; float:right; width:817px;}
#article .main {padding-top: 45px; background-color: #3d3d3d}
#article .section li {float: left}
#article #header {width: 100%; height: 248px; background-color: #3d3d3d}
#article #header > img {position: absolute; top:45px; width:817px; height: 203px;}
#article #header p.location {position: absolute; left:8px; top: 225px; color: #575757}
#contents {width: 700px; padding: 30px 60px}

#footer {clear:both; position:relative; padding-top: 20px; width:100%; height: 80px;}
#footer img {position: absolute; top:20px; right:0px;}
#footer p {float:left; text-align: left; font-size: 11px;}
#footer h2 {position: absolute; top:75px; left:0; padding-top: 5px; font-size: 11px; font-weight: normal;}
#footer b {color:#ff6600;}

/* ¸Þ´º ¹öÆ°  */
#snb {float:left; width:200px; height: 950px; background: #ecede6}
#snb #snbHeader {position: relative;}
#snb #snbHeader label {position:absolute; top: 140px; left:20px; font-size: 16px; color : #969696; }
#snb #snbHeader b {color : #1f1c1d}
#snb ul {background: #3d3d3d}
#snb ul li {position:relative; z-index:1}
#snb ul li > a {display:block; height:48px; line-height:48px; color:#fff; font-size: 15px; text-indent:28px; background: url(../image/icon/icon_snb.gif) no-repeat 16px center; text-decoration: none}
#snb ul li > a:hover {background-color: #7b7b7b;}
#snb ul li > a.on {background-color: #7b7b7b}
#snb ul li dl {display:none; background-color: #c0bfbf;}
#snb ul li:hover dl {display:block; position:absolute; top:0px; left:200px;}
#snb ul li dl dd a {display:block; width:200px; height:48px; font-size:15px; color:#000; line-height:48px; text-indent:13px;}
#snb p.history {margin-top: 23px; text-align: center;}
#snb p.history select {width: 155px; height: 25px; line-height: 25px; border: 1px solid #abadb3}

/* °øÅë */
.layout {position: relative; overflow: auto; width: 700px; padding-bottom: 5px;}
.layout li {padding: 0 0 20px 0; text-align: justify;}
.layout li.title1 {text-align:right; font-size: 20px;}
.layout li.title1 label {display:inline-block; margin-top:5px; background-color: #cde4f6}
.layout li.leftImg {float: left; padding: 0 10px 0 0;}
.layout li.rightImg {float: right; padding: 0 0 0 10px;}
.layout li.borderRadius {overflow: auto; padding:30px; border: 2px dashed #9bb638; border-radius:20px 20px 20px 20px;}
.layout li.center {text-align: center;}
.layout li.right {text-align: right;}
.col2 dd { float: left}
.col2 dd {float: left; margin-bottom: 20px;}
.col2 dd.img {padding-top: 5px; width: 25%;}
.col2 dd.content {width: 75%; text-align: justify;}

/*Æû ű׿¡¼­ »ç¿ë */
.form {border:1px solid #afacac; background-color:#ffffff; height:23px;}
.formSelect {height:25px;}
.formContent {color:#666666; background-color:#ffffff; border-color:#afacac; border-style:solid; border-width:1px;}	
.formClear {color:#666666; background-color:#ffffff; border-color:#ffffff; border-style:solid; border-width:1px; height:20px;}	
	
/* ´Ù¸¥È£ ±â»çº¸±â */
#linkCorner {margin-top: 20px; border: 1px solid #eeeeee}
#linkCorner dt {padding-left: 10px; height:40px; background-color: #eeeeee; line-height: 40px;}
#linkCorner dd {padding-left: 33px; height:30px; line-height: 30px; border-bottom: 1px dotted #eeeeee; background: url('../image/icon/dot.gif') 23px; background-repeat: no-repeat;}

/* ¼Ò½Äº¸µµ - ¼ÒÀçÀºÇà ¿î¿µ°ü¸® : ¼ÒÀçÀºÇà ȨÆäÀÌÁö ·¹À̾ƿô */
.layout2 li {float:left; width:33%; text-align: center}
.layout2 li.first {clear: both;}

/* ¼Ò½Äº¸µµ-°øÅë */
table a:HOVER {color:#ff6600;}
.hoverOrange a:HOVER {color:#ff6600;}
.comment {display:block; margin-bottom: 3px;}
.row2 {padding-top: 10px}
.row2over {padding-top: 22px}
.row3 {padding-top: 25px}
.row4 {padding-top: 35px}

/* ¼Ò½Äº¸µµ - ÇмúÇà»ç */
#newsList1 {position:relative; width:100%; border-top:2px solid #67b458; border-bottom:1px solid #67b458;}
#newsList1 > li {border-bottom:1px solid #67b458;}
#newsList1 li.listName {position:relative; width:100%; overflow:auto; background-color:#e5f1e3;}
#newsList1 li.listName dl dd {float:left; min-height:30px; text-indent:10px;}
#newsList1 li.listName dl dd.name {width:32%; line-height:36px}
#newsList1 li.listName dl dd.subject1 {width:68%; line-height:30px; padding:3px 0; background-color:#fff;}
#newsList1 li.listName dl dd.subject2 {width:68%; line-height:160%; padding:3px 0; background-color:#fff;}
#newsList1 li.title {display:block; padding:20px 0 15px 0; min-height:30px; font-size:24px; text-align:center; color:#67b458;}

/* ¼Ò½Äº¸µµ - ±³À°È°µ¿ */
table.boardList {position:relative; width:100%;}
table.boardList th {height:30px; background-color:#137e78; color:#fff; text-align:center; white-space:nowrap;}
table.boardList td {height:30px; text-align:center; border-bottom:1px solid #b5b5b5; color:#494949; word-break:break-all;}
table.boardList td.subject a {float:left; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:500px;}
table.boardList td.left {text-align:left;}
#newsList2 {position:relative; width:100%; border-top:2px solid #80c3ad; border-bottom:1px solid #80c3ad;}
#newsList2 > li {border-bottom:1px solid #80c3ad;}
#newsList2 li.listName {position:relative; width:100%; overflow:auto; background-color:#cfebe2;}
#newsList2 li.listName dl dd {float:left; min-height:30px; text-indent:10px;}
#newsList2 li.listName dl dd.name {width:32%; line-height:36px}
#newsList2 li.listName dl dd.subject1 {width:68%; line-height:30px; padding:3px 0; background-color:#fff;}
#newsList2 li.listName dl dd.subject2 {width:68%; line-height:160%; padding:3px 0; background-color:#fff;}
#newsList2 li.title {display:block; padding:20px 0 15px 0; min-height:30px; font-size:24px; text-align:center; color:#80c3ad;}

/* ¼Ò½Äº¸µµ - ±¹³»¿Ü Çù·Â */
#newsList3 {position:relative; width:100%; border-top:2px solid #83a5cd; border-bottom:1px solid #83a5cd;}
#newsList3 > li {border-bottom:1px solid #83a5cd;}
#newsList3 li.listName {position:relative; width:100%; overflow:auto; background-color:#ecf0f5;}
#newsList3 li.listName dl dd {float:left; min-height:30px; text-indent:10px;}
#newsList3 li.listName dl dd.name {width:32%; line-height:36px}
#newsList3 li.listName dl dd.subject1 {width:68%; line-height:30px; padding:3px 0; background-color:#fff;}
#newsList3 li.listName dl dd.subject2 {width:68%; line-height:160%; padding:3px 0; background-color:#fff;}
#newsList3 li.title {display:block; padding:20px 0 15px 0; min-height:30px; font-size:24px; text-align:center; color:#83a5cd;}

/* ¼Ò½Äº¸µµ - ¼ÒÀçÀºÇà ¿î¿µ°ü¸® */
#newsList4 {position:relative; width:100%; border-top:2px solid #7e65c4; border-bottom:1px solid #7e65c4;}
#newsList4 > li {border-bottom:1px solid #7e65c4;}
#newsList4 li.listName {position:relative; width:100%; overflow:auto; background-color:#e9e6ef;}
#newsList4 li.listName dl dd {float:left; min-height:30px; text-indent:10px;}
#newsList4 li.listName dl dd.name {width:32%; line-height:36px}
#newsList4 li.listName dl dd.subject1 {width:68%; line-height:30px; padding:3px 0; background-color:#fff;}
#newsList4 li.listName dl dd.subject2 {width:68%; line-height:160%; padding:3px 0; background-color:#fff;}
#newsList4 li.title {display:block; padding:20px 0 15px 0; min-height:30px; font-size:24px; text-align:center; color:#7e65c4;}

/* ¼Ò½Äº¸µµ - Àü½Ã ¹× È«º¸ */
#newsList5 {position:relative; width:100%; border-top:2px solid #b676a0; border-bottom:1px solid #b676a0;}
#newsList5 > li {border-bottom:1px solid #b676a0;}
#newsList5 li.listName {position:relative; width:100%; overflow:auto; background-color:#efe1ea;}
#newsList5 li.listName dl dd {float:left; min-height:30px; text-indent:10px;}
#newsList5 li.listName dl dd.name {width:32%; line-height:36px}
#newsList5 li.listName dl dd.name2 {width:100%; line-height:36px}
#newsList5 li.listName dl dd.subject1 {width:68%; line-height:30px; padding:3px 0; background-color:#fff;}
#newsList5 li.listName dl dd.subject2 {width:68%; line-height:160%; padding:3px 0; background-color:#fff;}
#newsList5 li.title {display:block; padding:20px 0 15px 0; min-height:30px; font-size:24px; text-align:center; color:#b676a0;}

/* ¼Ò½Äº¸µµ - ¾ð·Ð ¼Ó ¿¬±¸¼ÒÀçÀºÇà */
#newsList6 {position:relative; width:100%;}
#newsList6 td {word-break:break-all; padding:10px 20px 10px 0; border-bottom:1px solid #dddddd;}
#newsList6 .title {font-family:'NanumGothicWebBold'; font-size:18px; color: #f58234;}
#newsList6 .center {text-align: center}

/* ¿¬±¸¼º°ú */
#newsList7 a:hover {color:#373737; text-decoration: none;}
#newsList7 > li.listName {width: 100%; height:40px; border-bottom: 2px solid #fff}
#newsList7 > li.listName dl dd {float: left; height:40px; text-indent: 10px;}
#newsList7 > li.listName dl dd.blank {width: 35px;}
#newsList7 > li.listName dl dd.name {line-height: 40px; font-size:16px}
#newsList7 > li.listName dl dd.name a {display:block; width: 662px}
#newsList7 .group {margin-top:15px; margin-left:40px; border-bottom: 1px solid #b5b5b5;}
#newsList7 .group li {margin: 10px 0; text-align: justify;}
#newsList7 .group li a {display:block; width: 657px}
#newsList7 .group li .center {text-align: center}
#newsList7 .group li .right {float: right; padding: 0 10px 0 0; text-align: center}
#newsList7 .group li .name1 {color: #ba4072; font-size: 18px}
#newsList7 .group li .name2 {color: #704480; font-size: 18px}
#newsList7 .group li .name3 {color: #d0662b; font-size: 18px}
#newsList7 .group li .name4 {color: #619456; font-size: 18px}

/* ¿¬±¸¼º°ú - ƯÇã */
.boardView1 {margin-top: 5px;}
.boardView1 td {border:1px solid #965b5d; padding: 0 5px; text-align: justify;}
.boardView1 td.subject {text-align:center; color: #fff; background-color: #bc7072 }
.boardView1 td.pointBg {background-color: #fce4d7 }
.boardView2 {margin-top: 5px;}
.boardView2 td {border:1px solid #527f48; padding: 0 5px; text-align: justify;}
.boardView2 td.subject {text-align:center; color: #fff; background-color: #619456 }
.boardView2 td.pointBg {background-color: #d1e7cd }

/* Ưº°±â°í  */
table.boardList2 {position:relative; width:100%;}
table.boardList2 thead th {height:25px; border-top:2px solid #935323; border-bottom:1px solid #935323; text-align:center; white-space:nowrap;}
table.boardList2 tfoot th {height:25px; background-color:#935323; color:#fff; text-align:center; white-space:nowrap;}
table.boardList2 td {height:20px; text-align:center; border-bottom:1px solid #b5b5b5; word-break:break-all;}
table.boardList2 td.underLine {border-bottom:1px solid #935323;}
table.boardList2 .bgBrown1 {background-color: #e9e1d9;}
table.boardList2 .bgBrown2 {background-color: #d9cabb;}
.graph {width:100%; height: 50px; background-color: #ab6c3d}
.graph > li {width:70%; float: left; padding: 0; height: 50px; line-height: 50px; text-align:center; vertical-align: middle; font-size: 15px; color: #fff}
.graph > li.red {width:30%; background-color: #e34545}
.subTitle {display:block; margin-bottom:5px; color: #935323; font-family:'NanumGothicWebBold'; }

/* ¾Ë¸²¸¶´ç */
.tabBtn {width: 100%; height: 65px; background-color:  #f3dac7}
.tabBtn li:FIRST-CHILD {width:0%; padding: 0px}
.tabBtn li {float: left; padding:10px 20px 5px 0; width: 28%; line-height: 25px; font-size: 20px; text-align:right;}
.tabBtn li a {color:#7b7b7b;}
.tabBtn li a:hover {text-decoration: none}

.tabBtn2 {margin-bottom: 15px; width: 100%; height: 65px; background-color:  #f3dac7}
.tabBtn2 li:FIRST-CHILD {width:0%; padding: 0px}
.tabBtn2 li {float: left; padding:10px 14px 5px 0; width: 23%; line-height: 25px; font-size: 20px; text-align:right;}
.tabBtn2 li a {color:#7b7b7b;}
.tabBtn2 li a:hover {text-decoration: none}

table.boardList3 {position:relative; width:100%;}
table.boardList3 th {height:30px; background-color:#e78132; color:#fff; text-align:center; white-space:nowrap;}
table.boardList3 td {height:30px; padding: 5px 0; text-align:center; border-bottom:1px solid #b5b5b5; color:#494949; font-size:13px; word-break:break-all;}
table.boardList3 td.left {text-align:left;}
table.boardList3 tr.pointBg{background-color: #f3ede4}

/* ½Å±Ô ¿¬±¸¼ÒÀçÀºÇà ¼Ò°³ */
#newBankList li {padding: 5px 0;}
#newBankList li.bankName {font-size: 30px;  font-family:'NanumGothicWebBold'; }
#newBankList li.bankNameEng {font-size: 15px}
#newBankList li.bankInfo {padding: 10px; background-color: #eeefef;}
#newBankList .bankInfo2 {overflow: auto}
#newBankList .bankInfo2 dd {float: left; margin-bottom: 20px;}
#newBankList .bankInfo2 dd.img {padding-top: 5px; width: 150px;}
#newBankList .bankInfo2 dd.info {width: 550px; text-align: justify;}
#newBankList li.content {text-align: justify;}
#newBankList li.title {margin-top:20px; font-family:'NanumGothicWebBold'; color: #1d94c0; }
#newBankList li.title label {padding:3px 5px 3px 0; font-size: 16px; border-top: 2px solid #1d94c0; border-bottom: 1px solid #1d94c0 }
#newBankList li.leftImg {float: left; padding: 0 15px 0 0;}
#newBankList li.rightImg {float: right; padding: 0 0 0 10px;}

/* ±¸µ¶½Åû Æ˾÷â */
label.mailingBtn {position: absolute; top : 20px; right: 165px; padding: 0 10px; font-size: 14px; }
#mailing h2 {display: block; margin-bottom: 20px; width: 100%; height: 60px; font-size : 20px; text-align: center; line-height: 60px; border-bottom: 3px solid #0c619c; background-color: #eeeeee}
#mailing li {padding-left: 20px; height: 35px; font-size: 15px; font-family:'NanumGothicWebBold';}
#mailing li input {margin-left: 20px; width:250px;}
#mailing li.btn {margin-top: 20px; height: 40px;}
#mailing li.btn span {margin-left: 125px; display: block; width: 100px; height: 40px; color: #ffffff; text-align: center; line-height: 40px;font-family:'NanumGothicWebBold'; background-color: #0c619c}
#mailing li.btn a {text-decoration: none;}

/* ±âŸ */
.marginT5 {display:block; margin-top:5px;}
.marginT15 {display:block; margin-top:15px;}
.textRight {text-align: right}
.textCenter{text-align: center}
.fontBlue {color: #0105b7}
.fontBlue2 {color: #1d94c0;}
.fontOrange  {color:#ff6600;}
.fontWhite {color: #fff;}
.fontFileSize {font-size:10pt; color:#b37c67;}
.fontSize20 {font-size:20px}