@charset "utf-8";
body{margin:0; padding:0; background-color: #f5f5f5;/* background:#e5eef5 url('../images/bg_pattern2.jpg') repeat 0 0*/}
body.dark{background:#363636 url(../images/dark_bg1.jpg)}
a, a:hover{text-decoration:none; color:black; cursor:pointer}
.newClear{*zoom:1}
.newClear:after{content:""; display:block; clear:both}
.line{height:1px; background:#f5f5f5}
.dark .line{background:#333}
.separator{float:none; height:32px; margin:0; padding:0}
.separator_2{float:none; height:13px; margin:0; padding:0}
.separator_3{float:none; height:22px; margin:0; padding:0}
.separator_4{float:none; height:29px; margin:0; padding:0}
.separator_5{float:none; height:36px; margin:0; padding:0}
.separator_6{float:none; height:26px; margin:0; padding:0}

/*--[Skip To Content]--*/
.skipNav{width:100%; margin:0 auto; background:#fff; text-align:center}
.skipNav a{position:absolute; left:0; top:0; width:1px; height:0; display:block; padding:5px 0; overflow:hidden; color:#999; text-decoration:none; white-space:nowrap}
.skipNav a:hover,.skipNav a:active,.skipNav a:focus{position:relative; height:auto; width:auto}

/*--[Layout Wrap]--*/
#bodyWrap{position:relative; width:982px; margin:0 auto; background:url(../images/bg_wrapper.png) repeat-y; overflow:visible}
.stretched #bodyWrap{width:100%; min-width:982px; background:#fff url(../images/stretched.jpg) no-repeat center top}
.dark #bodyWrap{background-image:url(../images/bg_wrapper_dark.png)}
.dark.stretched #bodyWrap{background:#2b2b2b url(../images/stretched_dark.jpg) no-repeat center top}
.headerWrap{position:relative; height:140px; background:url(../images/bg_header.jpg) no-repeat center top; overflow:visible; z-index:9}
.dark .headerWrap{background-image:url(../images/bg_header_dark.jpg)}
.contentsWrap{position:relative; z-index:7}
.footerWrap{position:relative}
.headerWrap,.contentsWrap,.footerWrap{width:980px; margin:0 auto}
#header,#contents,#footer{width:920px; margin:0 auto}
.stretched .headerWrap,.stretched .contentsWrap,.stretched .footerWrap{width:100%}
/*.stretched #header,.stretched #contents,.stretched #footer{width:980px}*/

/*--[Top Navigation]--*/
.top_navigation{position:relative; height:35px; margin-bottom:8px; z-index:9}
.top_navigation .col_1{float:left; padding-top:16px}
.top_navigation .col_1 p{margin:0; padding:0; text-align:justify; font-size:12px; color:#919191}
.dark .top_navigation .col_1 p{color:#808080}
.top_navigation .col_1 p em{font-style:normal; color:#f0b70c}
.dark .top_navigation .col_1 p span{color:#aaa}
.top_navigation .snsLikeWrap{float:left; padding-top:14px; padding-left:10px}
.top_navigation .col_2{float:right; padding-top:11px; padding-left:10px}
.top_navigation .col_3{float:right; padding-top:15px}
.top_navigation .col_4{float:right; padding-top:14px; padding-left:5px}
.top_navigation .col_5{float:right; padding-top:17px; padding-left:10px}
.top_navigation .col_4 a{color:#919191}
.dark .top_navigation .col_4 a{color:#808080}

.bookmarki{display:block; width:19px; height:19px; background:url(../images/bookmarki.png)}

/*--[SNS LIKE]--*/
.snsLikeWrap .snsLike{float:left; padding-right:5px; overflow:hidden}
.snsLikeWrap .snsFacebook{width:105px}
.snsLikeWrap .snsTwitter{width:75px}
.snsLikeWrap .snsGoogle{width:65px; *display:none}

/*--[SOCIAL]--*/
.social_top{float:left}
.social_top a{float:left; display:block; width:18px; height:18px; overflow:hidden; margin-left:4px; background-image:url(../images/soc_images.png); background-repeat:no-repeat}
.social_top a:hover{background-position:0 -18px}
.social_top a.twitter{background-position:-22px 0}
.social_top a.twitter:hover{background-position:-22px -18px}
.social_top a.rss{background-position:-44px 0}
.social_top a.rss:hover{background-position:-44px -18px}
.social_top p{float:left; font-style:italic; font-size:10px; color:#aaa; margin:1px 4px 0 0; padding:0; text-align:justify}
.sign{position:relative; float:left}

/*--[LANGUAGE]--*/
#languages{position:relative; float:left; z-index:9}
#languages a.toggle{float:left; height:24px; background:none; margin:0; padding:0; border:0; display:block; font-size:12px; color:#919191}
#languages a.toggle span.lang_text span.lang_arrow{margin:0 0 0 2px; padding:0; font-family:Verdana; font-size:9px}
#languages ul{position:absolute; top:26px; left:-6px; width:80px; margin:0; padding:0; background:#fff; border:1px solid #f5f5f5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:none; list-style:none}
#languages li{margin:0; padding:0}
#languages li a{margin:0; padding:4px 8px; display:block; line-height:1.2; font-size:11px; color:#919191; white-space:nowrap}
#languages li a:hover{color:#333}

/*--[SEARCH]--*/
.search_block{}
.search_block .search_inp{float:left; width:179px; height:37px; background:url(../images/bg_search_inp.jpg) no-repeat}
.search_block .search_inp input {margin:8px 8px 8px 12px}
.search_block .search_inp span {padding:8px 8px 8px 12px; cursor:text}
.search_block .search_inp input,
.search_block .search_inp span {display:block; width:158px; height:20px; background:none; border:none; font-size:12px; color:#919191}
.search_block .search_submit {float:left; width:34px; height:37px}
.search_block .search_submit input {display:block; width:34px; height:37px; background:url(../images/search_button.jpg) no-repeat; border:none; cursor:pointer}
.search_block .search_submit input:hover {background-position:left bottom}

/*--[LOGO]--*/
.LogoNavWrap{position:relative; padding:22px 0; height:51px; overflow:visible; z-index:8}
#logo{float:left}

/*--[Main Navigation]--*/
#mainNav{float:right; overflow:visible}
#mainNav ul{margin:0; padding:0; list-style:none}
#mainNav ul li{margin:0; padding:0}
#mainNav>ul{display:block; border-left:solid 1px #f5f5f5; height:56px}
.dark #mainNav>ul{border-color:#333}
#mainNav>ul>li{float:left; background:none; padding:0px; margin:5px 0 5px 20px; position:relative; height:46px}
#mainNav>ul>li:first-child {}
#mainNav>ul>li>a{font-size:13px; color:#575757; display:block; height:41px; text-decoration:none; padding-top:0px}
.dark #mainNav>ul>li>a{color:#bbb}
#mainNav>ul>li>a>span{display:block; font-size:12px; font-weight:normal; color:#b6b6b6; padding-top:0px}
.dark #mainNav>ul>li>a>span{color:#595757}
#mainNav>ul>li>a:hover,
#mainNav>ul>li>a.active{color:#d42d17}
.dark #mainNav>ul>li>a:hover,
.dark #mainNav>ul>li>a.active{color:#f0b70c}
#mainNav>ul>li ul{position:absolute; width:160px; left:0px; top:46px; display:none; background:#FFF;  border:1px solid #f5f5f5; padding-top:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.dark #mainNav>ul>li ul{background:#363636; border-color:#404040}
#mainNav>ul>li ul>li{display:block; position:relative; float:none; padding:0 0 0 8px;  margin:0 0 0 3px; border-top:1px solid #f5f5f5}
.dark #mainNav>ul>li ul>li{border-color:#404040}
#mainNav>ul>li ul>li:first-child{border-top:none}
#mainNav>ul>li ul>li a{display:block; padding:8px 0; font-size:11px; font-weight:normal; color:#878787; text-decoration:none; text-transform:uppercase}
.dark #mainNav>ul>li ul>li a{color:#808080}
#mainNav>ul>li ul>li a:hover,
#mainNav>ul>li ul>li a.active{color:#d74a38}
.dark #mainNav>ul>li ul>li a:hover,
.dark #mainNav>ul>li ul>li a.active{color:#f0b70c}
#mainNav>ul>li ul ul{left:auto; right:-162px; top:-1px; display:none}
#mainNav>ul>li ul ul li:first-child{margin-top:-4px}

/*--[COUNTER]--*/
.counter{margin:10px 0 -16px 0}
.counter p{margin:0; padding:0; text-align:right; font-size:11px; color:#919191}

/*--[SLOGAN]--*/
.slogan{padding:17px 0; text-align:center}
.slogan p{margin:0; padding:0; line-height:1.5; font-size:16px; font-weight:normal; color:#666}
.slogan p em{font-style:normal; color:#f0b70c}

/*--[]--*/
.newEvent{display:table; border-bottom:1px solid #ededed}
.newEvent .eventTitle{vertical-align:top; display:table-cell; position:relative; float:left; width:90px; height:82px; padding:16px; border-top:3px solid #4384c4; background:#35405f; /* Old browsers */ background:-moz-linear-gradient(top, #35405f 0%, #222b47 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#35405f), color-stop(100%,#222b47)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #35405f 0%,#222b47 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #35405f 0%,#222b47 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #35405f 0%,#222b47 100%); /* IE10+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35405F', endColorstr='#222B47',GradientType=0 ); /* IE6-9 */ background:linear-gradient(top, #35405f 0%,#222b47 100%); /* W3C */ }
.newEvent .eventTitle h2{width:90px; margin:0 0 20px 0; padding:0; font-size:16px; color:#fff}
.newEvent .eventTitle strong{display:block; font-size:20px}
.newEvent .eventTitle .more{margin:0; padding:0; text-align:right}
.newEvent .eventTitle .more a{font-size:11px; color:#fff}
.newEvent .eventTitle .more a:hover,
.newEvent .eventTitle .more a:focus{text-decoration:none}

.newEvent .newList{display:table-cell; background-color:#fcfcfc; float:left; margin:0; padding:0; list-style:none}
.newEvent .newList li{float:left; width:166px; height:77px; margin:0; padding:20px 16px; border-right:1px solid #ededed}
.newEvent .newList .first{width:168px; padding:20px 17px}
.newEvent .newList h3{margin:0 0 3px 0; padding:0; font-size:14px}
.newEvent .newList h3 a{color:#333; text-decoration:none}
.newEvent .newList h3 a:hover,
.newEvent .newList h3 a:focus{text-decoration:underline}
.newEvent .data{font-size:12px; color:#6c6c6c}

/*--[LATEST DOCUMENT]--*/
.featured{padding:30px 0 18px 0}
.featured h2{margin:0; padding:0; font-size:16px; color:#333}
.newDocWrap{margin:12px 0 0 0}
.newDocContainer{position:relative; width:300px; height:400px; float:left; margin-left:7px; border:1px solid #dedede; border-top:4px solid #e2920c}
.contColor1{border-top:4px solid #e2920c}
.contColor2{border-top:4px solid #a61d31}
.contColor3{border-top:4px solid #293352}
.contColor4{border-top:4px solid #9A7016}
.contColor5{border-top:4px solid #e2920c}
.contColor6{border-top:4px solid #293352}
.contColor7{border-top:4px solid #a61d31}
.contColor8{border-top:4px solid #9A7016}

.newDocContainer .coverCont{position:absolute; top:0; left:0; padding:0; z-index:2}
.newDocContainer .coverCont img{width:300px; height:400px; border:0}
.newDocContainer .coverCont2{position:absolute; top:0; left:0; padding:0; z-index:0; opacity:.2}
.newDocContainer .coverCont2 img{width:300px; height:400px; border:0}
.newDocContainer .newCont{position:relative; padding:10px 13px 30px 13px; z-index:1}
.newDocContainer .contLink{display:block; margin-bottom:20px; font-size:11px; font-weight:bold; color:#b5b5b5}
.newDocContainer h3.contTitle{margin:20px 0 20px 0; padding:0; line-height:1.5; font-size:20px}
.newDocContainer h3.contTitle a{color:#293352}
.newDocContainer h3.contTitle a:hover{text-decoration:underline}
.newDocContainer p{margin:0; padding:0; line-height:1.5}
.newDocContainer .twtr-hd{padding-left:50px; background:url(../images/bg-who.gif) no-repeat left 15px}
.newDocContainer .twtr-ft{display:none}

/*--[PAGE TITLE]--*/
.page_title{margin:23px 0 24px 0}
.page_title h1{float:left; margin:0; padding:0; font-size:18px; color:#333}
.dark .page_title h1{color:#bdbdbd}
.page_title h1 span{display:none}
.page_title .page_description{float:left; font-size:11px; color:#919191; border-left:1px solid #f5f5f5; margin:5px 0 0 12px; padding:0 0 0 10px}
.dark .page_title .page_description{border-color:#333; color:#808080}

/*--[PAGE NAVIGATION]--*/
.page_title .page_navigation{float:right; margin:8px 0 0 0; padding:0}
.page_title .page_navigation ul{margin:0; padding:0; list-style:none}
.page_title .page_navigation li{float:left; margin:0; padding:0; font-size:11px; color:#828282}
.page_title .page_navigation li.nav_line{margin:0 2px}
.page_title .page_navigation li a{color:#bdbdbd}
.dark .page_title .page_navigation li a{color:#808080}
.page_title .page_navigation li a:hover{text-decoration:underline}
.page_title .page_navigation li span{display:none}
.block_cont_left{float:left; width:670px}
.block_cont_right{float:right; width:213px}

/*--[CONTENTS]--*/
#contents{position:relative}

/*--[SIDE MENU]--*/
#side_menu{position:relative; margin:0; padding:0; list-style:none}
/*nav1st*/
#side_menu li{margin:0; padding:0}
#side_menu li a{display:block; font-size:12px; color:#6c6c6c}
#side_menu li a:hover{color:#d42d17}
#side_menu li a img{display:none}
#side_menu li.side_nav1st a.side_nav1st_text{padding-bottom:10px; font-size:13px; text-transform:uppercase; color:#000}
/*nav2nd*/
#side_menu ul{margin:0; padding:0; list-style:none}
#side_menu ul li.side_nav2nd{border-bottom:1px solid #f5f5f5}
#side_menu ul li.side_nav2nd a.side_nav2nd_text,#side_menu ul li.side_nav2nd a.side_nav2nd_link{position:relative; padding:8px 0 8px 10px; background: url(../images/mark_arrow.gif) no-repeat 0px 12px; z-index:1}
#side_menu ul li.side_nav2nd a.side_nav2nd_text:hover,#side_menu ul li.side_nav2nd a.side_nav2nd_link:hover{margin-left:3px; color:#d42d17}
#side_menu ul li.nav2nd_selected a.side_nav2nd_text,#side_menu ul li.nav2nd_selected a.side_nav2nd_link{color:#d42d17}
/*nav3rd*/
#side_menu ul li.side_nav3rd{display:none}
#side_menu ul li.side_nav3rd a.side_nav3rd_text{padding:4px 10px 6px 10px}
#side_menu ul li.nav3rd_selected a.side_nav3rd_text{color:#d42d17}
/*nav3rd open*/
#side_menu ul li.nav2nd_selected li.side_nav3rd{display:block}
#side_menu ul li.side_nav2nd a.side_nav2nd_text span{position:absolute; top:17px; right:15px; width:8px; height:5px; display:block}
#side_menu ul li.side_nav2nd a.side_nav2nd_text span.nav3rd_open{}

/*--[INFO]--*/
.info{margin:14px 0}
.info p{margin:0; padding:0; text-align:right; font-size:12px; color:#919191}

/*--[FOOTER]--*/
#footer{height:63px; background:url(../images/bg_footer.jpg) repeat-x left bottom}
.dark #footer{background-image:url(../images/bg_footer_dark.jpg)}
#footer .footer{margin-top:14px}
#footer #logo_footer{float:left}
#footer #logo_footer a{display:block; width:104px; height:30px; background:url(../images/logo2.png) no-repeat left top}
.dark #footer #logo_footer a{background-image:url(../images/logo_dark2.png)}
#footer .copyrights{float:left; margin-left:12px; padding-left:14px; border-left:1px solid #f5f5f5}
.dark #footer .copyrights{border-color:#333}
#footer .copyrights p{margin:0; padding:0; text-align:left; font-size:11px; color:#a1a1a1}
.dark #footer .copyrights p{color:#808080}
#footer .copyrights a{color:#a1a1a1}
.dark #footer .copyrights a{color:#808080}
#footer .copyrights a:hover{text-decoration:underline}
#footer .policy{float:right; margin:8px 20px 0 0}
#footer .policy p{margin:0; padding:0; text-align:left; font-size:12px; color:#a1a1a1}
#footer .policy a{color:#a1a1a1}
.dark #footer .policy a{color:#808080}
#footer .policy a:hover{text-decoration:underline}
#footer .social_footer{float:right; margin:6px 20px 0 0}
#footer .social_footer a{float:left; display:block; width:18px; height:18px; margin-left:4px; background-image:url(../images/soc_images.png); background-repeat:no-repeat}
#footer .social_footer a:hover{background-position:0 0}
#footer .social_footer a.twitter{background-position:-22px 0}
#footer .social_footer a.twitter:hover{background-position:-22px -18px}
#footer .social_footer a.rss{background-position:-44px 0}
#footer .social_footer a.rss:hover{background-position:-44px -18px}
#footer .social_footer p{float:left; font-size:10px; font-style:italic; color:#aaa; margin:1px 4px 0 0; padding:0}

#toTop{position:fixed; right:20px; bottom:20px; width:52px; height:59px; background:url(../images/totop.png) no-repeat; display:none; cursor:pointer; z-index:99}

/*--[BOARD CUSTOM]--*/
.bd .btn,.bd .btn_img{*border-radius:0}
#bd .bd_hd{display:none}
#bd .ngeb{font-family:'Nanum Gothic',돋움; font-weight:700}
#bd, #bd input, #bd textarea, #bd select, #bd button, #bd table{font-family:'Nanum Gothic',돋움}
.tmb_wrp img.tmb{*display:inline-block}
.no_img{*display:inline-block}
.soundHeader__downloadLink{display:none !important}