@charset "euc-kr";

/*
<<< ÁÖÀÇ»çÇ×! >>> 
±ÛÀÚ¸¦ 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:16px; color:#000000; 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%;}
fieldset, img, button{border:0;}
a {color:#444; text-decoration:none;}
a:focus,
a:hover {color:#ff6600; text-decoration:underline;}

html {overflow-y:scroll;}

strong, b, th {font-family:'NanumGothicWebBold','³ª´®°íµñ','NanumGothic','µ¸¿ò',Dotum,Arial,sans-serif;}

/*³ª´®°íµñ ÆùÆ®¼³Á¤*/
@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');
} 


/*¸¶¿ì½º¿À¹ö½Ã »öº¯È­ ¾øµµ·Ï ¼³Á¤*/
.normalHover a:focus,
.normalHover a:hover {color:#444;}

/*Áֿ俵¿ª ¼³Á¤*/
#wrapper {position:relative; width:960px; height: 846px; margin:0 auto;} 
#header {position:relative; width:100%; height:133px;}
#container {position:relative; width:100%;}
#linkWrapper {position:relative; width:100%; height:72px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
#link {position:relative; width:1152px; margin:0 auto; padding:11px 0 0 27px;}
#banner {position:relative; width:1152px; height:55px; margin:0 auto; padding:14px 0 0 27px;}
#footer {position:relative; width:100%; height:66px; background-color:#f2f2f2; border-top:1px solid #c9c9c9;}

/*footer ¼³Á¤*/
#footer_info {position:relative; width:960px; margin:0 auto; padding-left:12px; font-size:11px;} 
#footer_info ul {padding:5px 20px 0 0 ; text-align: right}
#footer_info ul li span {font-family:'NanumGothicWebBold'; color:#ff6600;}
#footer_btn {position: absolute; top:10px; left:30px;}

/* background: url('../image/sub_bg.gif'); */
#contents {position:relative; width:100%; height: 647px;}
#contents #mark {position: absolute; top: 50px; left: 20px;}
#contents #location {position: absolute; top: 20px; right: 50px; font-size: 14px;}
#contents #location a {color: #1545E0; font-family:'NanumGothicWebBold';}

/* ¸ÞÀÎ ¸Þ´º */
.intro {position: absolute; top: 0px; right: 35px;}
.gnb {position: absolute; top: 50px; right : 63px; width: 400px; height: 350px;}
.gnb dl {padding-top:50px;}
.gnb dl dd {text-indent: 50px;  line-height: 38px; font-size: 18px; font-family:'NanumGothicWebBold';}

#subMenu {width: 800px; margin: 0 auto; padding-top: 60px;}
#subMenu li.menu {margin-top: 10px; padding: 10px 20px; border: 1px solid #e3e3e3; border-radius:7px 7px 7px 7px; background-color: #ffffff}
#subMenu li.menu a {text-decoration:none;}
#subMenu li.menu dt {font-size: 20px; font-family:'NanumGothicWebBold';}
#subMenu li.menu dd {font-size: 15px;}
#subMenu li.on {border-radius:7px 7px 7px 7px; background: url('../image/icon_more.gif') 380px; background-repeat: no-repeat;  background-color: #5073e5;}
/* #subMenu li.on {border-radius:7px 7px 7px 7px; border: 2px solid #5073e5 } */


#viewHeader {width: 860px; margin: 0 auto; padding-top: 20px; padding-bottom: 10px;}
#viewHeader h2 {font-size: 20px;}
#viewHeader label {color:#656565; font-size: 12px;}
#viewHeader .tabBtn {display: block; width: 100%; height: 40px; margin-top: 5px; border-bottom: 1px solid #e3e3e3}
#viewHeader .tabBtn li {float: left;}
#viewHeader .tabBtn li a {display:block; padding:0 15px; width:60px; height:30px; text-align:center; text-decoration:none; line-height:30px; color:#ffffff; font-weight:normal; background-color: #444444 }
#viewHeader .tabBtn li.on a,
#viewHeader .tabBtn li a:focus {display:block; padding:0 15px; min-width:60px; height:30px; text-align:center; line-height:30px; color:#ffffff; background:#1545e0}

#viewBody {position:relative;  width: 870px;} 
#viewBody .body {clear: both; width: 840px; padding: 0 10px 20px 0;}
#viewBody .body li {width:100%;  height: 500px; margin-left:50px; padding-right: 30px; overflow-y:auto; text-align: justify; }
#viewBody .body li dl dt {margin: 20px 0 10px 0; height: 25px; font-size: 16px; line-height: 25px;  font-family:'NanumGothicWebBold';}

#viewBody .body li dl dt.depth {margin-left: 35px; padding-left: 10px;}
#viewBody .body li dl dd {margin-left: 35px; margin-bottom: 5px}
#viewBody .body li dl dd.depth {margin-left: 35px; padding-left: 20px;}
#viewBody .body li dl dd.center {text-align: center;}
#viewBody .body li dl dd.right {text-align: right;}
#viewBody .body li dl dd.bgGray {background-color:#e3e3e3; }

table.boardList {width:95%; background-color: #edf6f9;}
table.boardList th {height:30px; background-color:#44a1b4; color:#fff; text-align:center; white-space:nowrap; font-size: 14px;}
table.boardList td {height:30px; text-align:center; border:1px solid #7cc9d9; color:#494949; word-break:break-all; font-size: 14px;}
table.boardList td.point {background-color: #dceff3}
table.boardList td.left {text-align:left;}


/*±ÛÀÚ »ö±ò ¹× Ư¡ */	
.fontOrange  {color:#ff6600;}
.fontBlue  {color:#276aa7;}
.fontBlue2  {color:#1e3864;}
.fontWhite {color:#ffffff;}
.fontFileSize {font-size:8pt; color:#959595;}
.fontFlag {font-size:1pt; color:#ffffff;}
.fontBig {font-size:16px; font-family:'NanumGothicWebBold';}
.fontBold {font-family:'NanumGothicWebBold';}