@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* UI Object */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video, form { margin: 0;padding: 0; border: 0; font-size: 100%; font: inherit;  }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
html,body { line-height: 1; color:#444; font-family:'Nanum Gothic','굴림';font-size: 100%; width:100% }
body {
	background-image: url(images/bg-are.png);
	background-repeat: no-repeat;
         background-color:#f4f4f4;
         background:url(./images/left_bg.jpg); 
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
input. select { vertical-align:middle; }
.clear{ clear:both; }

a { font-size: 100%; color: #444; }
a:link {text-decoration: none; }
a:visited { text-decoration: none; color: #444; }
a:hover { text-decoration: none; color: #F60; }
a:active { text-decoration: none; color: #444; }


/* Layout */
#wrap{width:960px; margin:0 auto;_text-align:left;  } /* warp 설정(전체크기) */
#header-top{ height:25px; border-bottom:1px solid #b7b7b7; font-size:12px; }
#header-top .gnb{ margin-top:8px;}
#header-top .gnb a { color:#444; padding:5px; }
#header-top .gnb a:hover {color:#F63941;}

#visual{}
#visual .topLine{ height:5px; background:url(./images/sub-line.png) }
#visual .view{ height:105px; background:#f4f4f4; }

#header { width:960px; height:130px; margin:0px auto; }
#container{width:100%;display:inline-block; font-size:12px; border-left: #b7b7b7 solid 1px; } /*  콘텐츠와 레프트 크기 */ 
#content{ width:700px; float:right; color:#444; border-left: #b7b7b7 solid 1px; padding-left:18px;   } /* 서브콘텐츠영역  */
#snb{ width:240px; float:left; color:#444;  }
#footer{ width:100%; border-top:#b7b7b7 solid 1px; color:#444; font-size:12px;}
#footer .footerArea{ width:960px; margin:0px auto; }
#footer .text{ width:660px; margin:0px auto; line-height:24px; margin-top:5px;float:left; }
#footer .openSNS{width:300px; float:right; padding-top:10px;}
#footer .openSNS li{ float:right; padding:5px; }

#header .logo{  font-family:'Nanum Gothic';  float:left;}
#header .logo a{ margin-top:20px; font-family:'Nanum Gothic';display:block; text-decoration:none; color:#444; margin-left:70px;}
#header .logo h1{ font-family:'Nanum Gothic';display:block; font-size:1.8em;   }
#header .logo h3{ font-family:'Nanum Gothic';display:block; font-size:1.26em; font-weight:bold; }


/* CONTENT */
#content-head{ margin-top:10px; }
#content-head .titleArea { width:300px; float:left; }
#content-head .bigTitle { font-size:24px; margin:15px 0px 5px 0px; font-weight:bold; }
#content-head .smallTitle { font-size:14px; font-weight:700; }
#content-head .navTitle { font-size:12px; width:400px; text-align:right; float:right; padding-top:35px; }

#snb .snb-top{ margin:10px 0px 30px 0px; text-align:center; }
#snb .snb-top h1{ font-size:24px; margin:40px 0px 10px 0px; font-weight:bold; }
#snb .snb-top h3{ font-size:12px; font-weight: 700; }

/*
#contentBody{ margin-top:30px; min-height:600px;  }
#contentBody .ctop{ width:700px; }
#contentBody .ctop p{ font-size:14px;}
#contentBody .ctop h1{ font-family: 'Nanum Brush Script', serif; font-size:50px; margin:20px 0px; color: #09F; }

#contentBody .cleft{ width:265px; float:left; }
#contentBody .cright{ width:410px; float: right; line-height:190%; }
#contentBody .mbotton{ margin:30px 0px; font-size:14px; text-align:right; }
*/

#contentBody{ margin-top:30px;  }
#contentBody .ctop{ width:700px; }
#contentBody .ctop p{ font-size:14px;}
#contentBody .ctop h1{ font-family: 'Nanum Brush Script', serif; font-size:50px; margin:20px 0px; color:#e9b145; }

#contentBody .cleft{ width:265px; float:left; }
#contentBody .cright h1{ font-size: 24px; font-weight:700; color:#09F; border-bottom: 2px solid #c4c4c4; padding-bottom:10px; }
#contentBody .cright ul{ font-size: 14px; margin: 20px 0px; clear:both; }
#contentBody .cright li{ float:left;  }
#contentBody .year{ padding-right:30px;}
#contentBody .yearContent{ margin-bottom:80px;}
#contentBody .cright { width:410px; float:right; line-height:190%; }
#contentBody .mbotton{ margin:30px 0px; font-size:14px; text-align:right; }


/* 메뉴 */
span.mn{ margin-left:6px; padding-top:3px;}
#top_mn{  height:40px; text-align:center; float:right; margin-top:30px; }	
ul#topnav {  font-family: 'Nanum Gothic', serif; margin: 0 auto; padding: 0;  width: 700px; list-style: none; position: relative; font-size: 18px;  }
ul#topnav li { float: left; margin: 0; padding: 0; height:50px; margin-left:20px; font-weight:900; font-family: 'Nanum Gothic'; }
ul#topnav li a { padding:11px 10px; display: block; color: #444; text-decoration: none; }
ul#topnav li:hover {background:none !important; border-top:#F00 3px solid;}

ul#topnav li span {
            float: left;
            padding: 15px 0;
            position: absolute;
            left: 0; top:35px;
            display: none;
            width: 600px;
            color: #666;
            text-align:center;
            -moz-border-radius-bottomright: 5px;
            -khtml-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -khtml-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            font-family: 'Nanum Gothic';font-size:13px;font-weight:600;
        }
       ul#topnav li span a{ color:#444; font-size:14px;}
       ul#topnav li span.mn1 { width: 400px; }
       ul#topnav li span.mn2 { width: 400px; }
       ul#topnav li span.mn3 { width: 680px; }
       ul#topnav li span.mn4 { width: 640px; text-align:right; }
       ul#topnav li span.mn5 { width: 930px; }
       ul#topnav li span.mn6 {  width:660px; }
       ul#topnav li:hover span { display: block; }
       ul#topnav li span a { display: inline; }
       ul#topnav li span a:hover { text-decoration: underline; color:#F00; }
       font.bar{ font-weight:200; color:#ccc; }

/* 서브레프트메뉴 */
ul#sub-navi {  width:100%; text-indent: 40px;  font-family:'Nanum Gothic'; }
ul#sub-navi, ul#sub-navi ul { margin:0; padding:0; list-style:none; }
li.group {  margin-bottom: 0px; }
li.line-last{  border-top:1px solid #b7b7b7; }
li.group div.title { height: 39px; line-height: 39px;  cursor:pointer; font-size:14px; font-weight:700; color:#444; border-top:1px solid #b7b7b7;background:url(./images/sub-menu-b.png); }
li.group div.title a { display: block; width: 100%; height:100%; text-decoration:none; color:#444; }

/* li.group div.title:hover { display: block; width: 100%; height:100%; text-decoration:none; background:url(./images/sub-menu-c.png); color:#FFF;  } */
li.group div.title:hover { display: block; width: 100%; height:100%; text-decoration:none; color:#FFF;  }
ul.sub li { height:39px; line-height:39px; cursor:pointer; border-top:1px dotted #b7b7b7; background:url(./images/sub-menu-d.png); }
ul.sub li a { display: block; width: 100%; height:100%; text-decoration:none; color:#444; }
ul.sub li:hover { background:url(./images/sub-menu-e.png); }


/*추가*/
#header .gnb {float:right;padding:10px 0 0 0;}
#header .gnb ul {padding:0;margin:0;letter-spacing:-1px;}
#header .gnb li {list-style-type:none;display:inline;padding:5px 0 5px 10px;font:normal 11px "malgun gothic",dotum;}
#header .gnb .admin a {color:#ff0000;}
#header .lnb {position:relative;z-index:1;clear:both;height:41px;_height:43px;padding:0;background:url('./image/menu01.jpg') #343843 left top repeat-x;border:#3C4149 solid 1px;_border:0;}
#header .lnb ul {float:left;width:710px;height:41px;_height:43px;padding:0 0 0 15px;margin:0;}
#header .lnb li {list-style-type:none;float:left;height:41px;_height:43px;padding:0;margin:0;}
#header .lnb li div {position:absolute;display:none;width:1px;}
#header .lnb li div dl {margin:41px 0 0 0;padding:0;width:125px;border:#363842 solid 2px;background:#3D3F4C;}
#header .lnb li div dt {margin:0;padding:0;}
#header .lnb li div dd {margin:0;padding:0;}
#header .lnb li div dt a {display:block;padding:6px 0 6px 10px;font-size:12px;font-family:dotum;color:#c0c0c0;height:13px;}
#header .lnb li div dt a:hover {color:#F63941;background:#2B2B2B;}
#header .lnb li div dd a {display:block;padding:4px 0 4px 15px;font-size:11px;font-family:dotum;color:#c0c0c0;height:12px;}
#header .lnb li div dd a:hover {color:#F63941;background:#2B2B2B;}
#header .lnb li a {display:inline-block;font:normal 12px "malgun gothic","dotum";color:#dedede;padding:13px 12px 0 12px;margin:0;height:28px;letter-spacing:-1px;}
#header .lnb li a img {position:relative;top:-2px;left:2px;}
#header .lnb li a:hover {color:#F63941;}
#header .lnb .selected1 {color:#ffffff;background:#F63941;position:relative;top:-1px;_top:0;height:29px;padding:14px 12px 0 12px;}
#header .lnb .selected1:hover {color:#ffffff;}
#header .lnb .selected2 a {color:#F63941;}
#header .lnb .selected3 a {color:#F63941;}
#header .lnb li .m1 {font-weight:bold;}
#header .lnb .search {float:right;width:155px;text-align:right;padding:10px 65px 0 0;}
#header .lnb .search .input {width:140px;height:17px;background:#474747;border:#282931 solid 1px;margin:0 2px 0 0;color:#efefef;}
#header .lnb .search .input:focus {background:#5C5D6B;}
#header .lnb .search span {position:absolute;}
#header .location {clear:both;font:normal 11px dotum;color:#999;padding:13px 0 8px 0;}
#header .location a {color:#999;}