@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/resource/common/common.css);
@import url(default.css);
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/ /*±¸±Û º»°íµñ À¥ÆùÆ®*/

a img {border: none;}
td {color:#333333; font-family:±¼¸²; font-size:9pt; line-height: 18px}
form {padding:0;margin:0;}
select,form,input,option,textarea {font-size:9pt; font-family:±¼¸²;}

A:link  {color:#333333; text-decoration:none}
A:visited  {color:#333333; text-decoration:none}
A:hover  {color:#0744b6; text-decoration:none}

div { font-family: "Noto Sans KR", "¸¼Àº °íµñ", Malgun Gothic, "µ¸¿ò", Dotum, "±¼¸²"; font-size:9pt; line-height: 1.5;}
     
.form {font: 9pt "±¼¸²"; COLOR:#213744; BORDER:1x solid #999999; text-align:left}
.t0 {text-decoration: none}
.t1 {font-size: 9pt; font-family: "±¼¸²"; color:#333333}
.bigtext {font-size: 13pt; font-family: "±¼¸²"}
.bodytext {  font-family: "±¼¸²"; font-size: 9pt; line-height: 25px; color: #666666}
.bodytext1 {  font-family: "±¼¸²"; font-size: 9pt; line-height: 16px; color: #666666}
.bodytext2 {  font-family: "µ¸¿ò"; font-size: 8pt; line-height: 16px; color: #73716E}
.bodytext3 {  font-family: "µ¸¿ò"; font-size: 8pt; line-height: 14px; color: #73716E}
.bold {  font-family: "±¼¸²"; font-size: 9pt; font-weight: bold; color: #413A70}

BODY,TD,input,DIV,form,TEXTAREA,center,pre,blockquote {
  scrollbar-face-color: #C8C8C8;
  scrollbar-shadow-color: #7B7B7B;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #7B7B7B;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #e9e9e9;
  scrollbar-arrow-color: #FFFFFF;
}

.top-menu {font-size:8pt;font-family:µ¸¿ò;color:#e4e4e4;}
.top-menu a:link, .top-menu a:visited, .top-menu a:hover {color:#e4e4e4 ! important;text-decoration:none;}

body {
  margin-top: 0px;
  margin-bottom: 0px;
  background:url(/resource/image/main/top_color.gif) repeat-x 0 -7px;
}
#topSection1 {
  table-layout:fixed;width:100%;
}
#topSection1 td div.top {position:relative; display:block; width:100%; height:39px;}
div.subsection {text-align:center; display:none; line-height:25px;}
div.subsection a {margin:0 5px;}
#topSection1 td a.topsection {
  display:block;height:39px;line-height:39px;
  font-size:16px;color:#fff;letter-spacing:-2px;text-align:center;
  font-weight:bold;font-family:"Malgun Gothic","Nanum Gothic",dotum,dotumche,gulim;
}
#topSection1 td a.selected,
#topSection1 td a.topsection:hover {
  background:url(/coding/main_tab_over.gif) repeat-x left bottom;color:#000;
  text-decoration:none;
}

#leftSection a.current {color:#006699;font-weight:bold;}

#main1 {margin-bottom:15px;}
#main1 .news {text-align:justify; clear:both;}
#main1 .news a:hover {text-decoration:none;}
#main1 .news a:hover .title {text-decoration:underline;}
/*#main1 .news .title {color: #003AA3; font-size: 16px; margin-bottom: 4px; letter-spacing:-1px; line-height:1.3;}*/
#main1 .news .title {color: #000000; font-size: 16px; margin-bottom: 4px; letter-spacing:-1px; line-height:1.3;}
#main1 .news .sub {color: #000; font-weight: bold; font-size: 12px; margin-bottom: 4px; letter-spacing:-1px; display:block;}
#main1 .news .content {color: #606060; display:block;}
#main1 .news .info {color: #898989; font-size: 11px; font-style:normal;}
#main1 .line {height:1px;line-height:1px;font-size:1px;overflow:hidden;background:#e7e7e7;margin:5px 0;clear:both;}
#main1 .line hr {display:none;}
#main1 ul.newsrelative {margin:5px 0 0 0;clear:both;}
#main1 ul.newsrelative li {text-align:left;}

#main2 {}
#main2 .news {text-align:justify; clear:both; margin-bottom:10px;}
#main2 .news a:hover {text-decoration:none;}
#main2 .news a:hover .title {text-decoration:underline;}
#main2 .news .title {color: #000; font-size: 14px;}
#main2 .news .content {color: #606060; margin-top: 4px;}
#main2 .news .info {color: #898989; font-size: 11px; font-style:normal;}
#main2 ul.newsrelative {margin:5px 0 0 0;clear:both;}
#main2 ul.newsrelative li {text-align:left;}

a.minibutton {display:inline-block; height:17px; padding:0 0 0 5px; background:url(/resource/img/miniButton.gif) no-repeat left top; text-decoration:none;}
a.minibutton span {cursor:pointer; display:inline-block; height:17px; vertical-align:bottom; margin:0; padding:1px 5px 0 0; background:url(/resource/img/miniButton.gif) no-repeat right top; font-size:11px; font-family:dotum, gulim; color:#555;}
a.minibutton:hover span {color:navy;}

#top_top {padding-left:20px;}
#top_top a {color:#fff;font-weight:bold;font-size:14px;letter-spacing:-1;font-family:"malgungothic","nanumgothic",dotum,gulim;margin-right:7px;}
#top_top a:visited,
#top_top a:hover {text-decoration:none;}
#top_top a:hover {color:yellow;}

#top_comm {padding-right:10px;text-align:right;}
#top_comm a {color:#fff;font-size:12px;letter-spacing:-1;font-family:dotum,gulim;margin-left:5px;}

.top_sub {display:none;padding-left:20px;}
.top_sub strong {margin-right:10px;color:navy;}
.top_sub a {margin-right:5px;letter-spacing:-1px;}

#main_vod .main_vod_title a {color:#fff;font-size:18px;font-weight:bold;}
#main_vod .main_vod_content {color:#ccc;}
#main_vod_list, .main_vod {
  height:220px;background:#000;overflow-y:scroll;
  scrollbar-arrow-color:#000;
  scrollbar-face-color:#5f6b7f;
  scrollbar-darkshadow-color:#000;
  scrollbar-highlight-color:#5f6b7f;
  scrollbar-shadow-color:#5f6b7f;
  scrollbar-track-color:#171d29;
  scrollbar-3dlight-color:#000;
}
#main_vod .main_vod {height:250px;line-height:1.6;padding:10px;overflow-y:scroll;background-color:#303c50;}
#main_vod .main_vod_content,
#main_vod .main_vod_content p,
#main_vod .main_vod_content ul,
#main_vod .main_vod_content * {line-height:1.6;font-size:9pt ! important;color:#eee ! important;padding:0;margin:0;}
#main_vod_list ul {list-style:none none outside;padding:0;margin:10px;}
#main_vod_list ul li {display:block;clear:both;}
#main_vod_list ul li img {width:80px;height:60px;float:left;margin-right:5px;border:solid 1px #efefef;}
#main_vod_list ul li a {color:#f1f1f1;font-size:8pt;}
#main_vod_list ul li a strong {color:#fff;font-size:9pt;font-weight:normal;}
#main_vod_list ul li.line {height:1px;line-height:1px;overflow:hidden;background:#5f6b7f;clear:both;margin:5px 0;padding:0;font-size:1px;}

#top_current {text-align:center;margin-bottom:5px;}
#top_current a {font-weight:bold;display:inline-block;height:26px;padding:0;}
#top_current a:hover,
#top_current a:visited {
  text-decoration:none; background:#fff url(/coding/top_top_bg.gif) no-repeat left top;
}
#top_current a span {
  display:inline-block;width:140px;height:26px;line-height:26px;margin-left:10px;padding:0 20px 0 10px;cursor:pointer;vertical-align:middle;
  font-weight:bold;color:#fff;font-size:13pt;font-family:"malgungothic","nanumgothic",dotum,gulim;letter-spacing:-1px;
  background:#fff url(/coding/top_top_bg.gif) no-repeat right top;
}
#top_current a:hover {background:#fff url(/coding/top_top_bg2.gif) no-repeat left top;}
#top_current a span img {display:inline;margin-right:5px;width:5px;height:5px;vertical-align:middle;background:#fff;}
#top_current a:hover span {background:#fff url(/coding/top_top_bg2.gif) no-repeat right top;color:#000;}
#top_current a:hover span img {background:#000;}

#mainticker1 {background:#fff url(/coding/inc/ticker_bg.gif) no-repeat 10px top;}
#mainticker {height:20px;overflow:hidden;width:100%; top: 10px;}
#mainticker span {display:block;line-height:20px;padding-left:80px;color:#0033ff;font-weight:bold;}
/*
#mainticker.mainticker_hover {background:#fff url(/coding/images/headline.gif) no-repeat 2px 2px;width:360px;height:auto;overflow:inherit;top:165px;border:solid 1px #999;z-index:100;position:absolute;}
*/
#mainticker.mainticker_hover {background:#fff url(/coding/images/headline.gif) no-repeat 2px 2px;width:350px;height:auto;overflow:inherit; right:5px; top:10px!important; border:solid 1px #999;z-index:9999;position:absolute;}

#container {position:relative; background:url(/coding1/images/line.gif) repeat-y top center;}

.topsections {text-align:left; padding-left:35px; vertical-align:middle; width:82%; letter-spacing:2px;} /* ¼öÁ¤ : padding-left:30px; width:75% */
.topsections a:link,
.topsections a:visited,
.topsections a:hover {color:#ffffff; vertical-align:middle; font-family:'Noto Sans KR','Nanum Gothic',sans-serif; font-size:22px; letter-spacing:2px; margin-right:25px; font-weight:bold;} /** margin-right:25px **/
.topsections a:hover,
.topsections a.hover {color:#EB6F31; text-decoration:none;}
.topsections a img {margin:0 5px; vertical-align:middle;}
.topsearch {text-align:right; padding-right:20px; vertical-align:middle;}
.topsearch input {border:solid 2px #ccc; font-size:9pt; width:90px; vertical-align:middle;}
.topsearch button {width:43px; height:21px; border:0px; cursor:pointer; background:url(/coding/images/b_topsearch.gif) no-repeat center; vertical-align:middle; margin-left:2px;}
.topsearch button span {display:none;}
#clock {font-size:8pt; color:#555;}

.topsubmenus {text-align:left;padding-left:30px;letter-spacing:-1px;}
.topsubmenus span {font-size:8pt;margin:0 7px;color:#ccc;}

.left-sections tr td a {color:#444; text-decoration:none;}
.left-sections tr td a:hover,
.left-sections tr td a.current {color:blue; text-decoration:none;}
.left-sections-label {text-align:center; background:#31adeb url(/coding/images/mt_bg.gif) no-repeat center;}
.left-sections-label span {color:#fff; font-size:11pt; font-weight:bold; letter-spacing:-1px; font-family:dotum, gulim, Serif;}

.right-recent-item {white-space:nowrap; overflow:hidden; width:140px; text-overflow:ellipsis; letter-spacing:-2px;}

.style8 {
	color: #FFFFFF;
	font-weight: bold;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {
	color: #0073BA;
	font-weight: bold;
}
.style3 {
  color: #44A2DE;
	font-weight: bold;
}
.style4 {color: #404040}

div.bannerDiv{margin-top:0; /*10px;*/ text-align:center;}

/****************************************************/
/***** add new top menu style *****/
h1,h2,h3,
div.article strong,
#menuTop .top-nav li a.top-nav-link {font-family:'NanumSquare','Nanum Gothic',sans-serif;}
h1,h2,h3 {letter-spacing:-0.1em;}
#menuTop .top-nav li a.top-nav-link {letter-spacing:-0.1em;}

/*common*/
* {box-sizing:border-box;-webkit-text-size-adjust:none;}
html,body {font-size:12pt;padding:0;margin:0;}
.view-port {width:980px;margin:0 auto;position:relative;} /* 1160 */
.clearfix:after {content:"";clear:both;display:table;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/*top*/
#navTop {height:18px;background:#F0F0F0;position:relative; padding:0; /*padding:4px 4px 0 4px;*/}

#navTop #navExpand {display:block;float:left;width:17px;height:17px;line-height:17px;text-align:center;color:#000;font-size:24px;}
#navTop #navExpand2 {display:block;float:left;width:150px;height:17px;}
#navTop #icSearch {display:block;float:left;width:20px;height:20px;line-height:20px;text-align:center;color:#000;font-size:20px; margin-left:10px;}

#navTop #navRight {float:right;display:block;white-space:nowrap;padding:0;margin:0;list-style:none;}
#navTop #navRight li {display:block;float:left;margin-left:0.5em;}
/*#navTop #navRight li.nav {line-height:32px;}*/
#navTop #navRight li.nav a {color:#000;text-decoration:none;}
#navTop #navRight li.nav:before {content:"|";margin-left:0.2em;margin-right:0.5em;color:#ccc;}
#navTop #navRight li.nav:first-child:before {content:"";}
#navTop #navRight li.sns a {display:inline-block;width:32px;height:32px;line-height:32px;font-size:17px;background:#000;color:#ccc;text-align:center;border-radius:16px;text-decoration:none;}
#navTop #navRight li.sns a:hover,
#navTop #navRight li.sns a:focus {color:#fff;text-decoration:none;}
#navTop #navMap {position:absolute;left:0;top:40px;width:100%;border:solid 1px #000;background:#fff;padding:20px;box-shadow:#ccc 0 3px 5px;z-index:4;}

#navTop #search {position:absolute;left:0;top:40px;width:100%;border:solid 1px #000;background:#fff;padding:20px;box-shadow:#ccc 0 3px 5px;z-index:4;}

/*top logo*/
#navLogo {padding:30px 0;position:relative;height:100px;}  /* padding:20px 0; */
#navLogo #brand {position:absolute;left:0;top:20px;}
#navLogo img {border:none;}
#navLogo .top-banner-right {position:absolute;right:0;top:0px;}
#navLogo .top-banner-right img {max-width:100%;}

#navLogo .top-search-form {position:absolute;left:410px;top:0px;} /* left:300px;top:30px; */
#navLogo .top-search-form form {display:block;border:solid 1px #ccc;padding:7px 5px 7px 10px;height:40px;border-radius:20px;}
#navLogo .top-search-form:hover form {border-color:#45b859;}
#navLogo .top-search-form input {font-size:12pt;border:none;font-family:"¸¼Àº °íµñ","Malgun Gothic",sans-serif;}
#navLogo .top-search-form button {font-size:12pt;border:none;background:#fff;cursor:pointer;}
#navLogo .top-search-form:hover button {color:#45b859;}

/*top category menu*/
#menuTop {border-top:solid 1px #aaa;border-bottom:solid 2px #000;position:relative;z-index:999;}
#menuTop .top-nav {padding:0;margin:0;display:block;list-style:none;}
#menuTop .top-nav li {display:block;float:left;}
#menuTop .top-nav li.search-all strong {font-size:38px;line-height:34px;display:inline-block;height:38px;overflow:hidden;vertical-align:middle;}
#menuTop .top-nav li a.top-nav-link {display:block;height:38px;line-height:38px;padding:0 25px; /* 30px */color:#333;text-decoration:none;font-weight:600; font-size:1.5em;border-left:solid 1px #fff;border-right:solid 1px #fff;} /** modi **/
#menuTop .top-nav li.active a.top-nav-link {background:#ff6a00;color:#fff;text-decoration:none;border-left:solid 1px #ff6a00;border-right:solid 1px #ff6a00;}
#menuTop .top-nav li:hover a.top-nav-link {background:#fff;color:#0026ff;text-decoration:none;}
#menuTop .top-nav li:hover a.top-nav-link {position:relative;border-left:solid 0px #333/*1px #0995ED*/;border-right:solid 0px #333/*1pxm #0995ED*/;z-index:3;}

#menuTop .top-nav div.top-nav-hot {position:absolute;top:38px;left:0;background:#fff;width:14%;/*100%*/padding:20px;border:solid 1px #333;/*#0995ED;*/z-index:2;box-shadow:#ccc 0 2px 1px;  border-top: 0px;}

/* <----- Ãß°¡ 
div.top-nav-hot:nth-child(1) { left: 300px !important; }
div.top-nav-hot:nth-child(2) { left: 400px !important; }
div.top-nav-hot:nth-child(3) { left: 500px !important; }
 Ãß°¡ ----->*/

#menuTop .top-nav div.top-nav-hot a {color:#000;text-decoration:none;}

#menuTop .top-nav div.top-nav-hot .top-sub-section {height:auto;/*40px*/}
#menuTop .top-nav div.top-nav-hot .top-sub-section a {margin-right:5px; font-size:1.10em;/*1.25em*/ font-weight:normal;/*bold*/ color:#000;/*#0995ED;*/} /* 20px */
#menuTop .top-nav div.top-nav-hot .top-sub-section a:focus,
#menuTop .top-nav div.top-nav-hot .top-sub-section a:hover {color:#ff6a00;}
#menuTop .top-nav div.top-nav-hot .top-sub-section a:after {/*content:"|";color:#aaa;margin-left:5px;*/} /* 25px */
#menuTop .top-nav div.top-nav-hot .top-sub-section a:last-child:after {content:"";}

#menuTop .top-nav div.top-nav-hot .top-sub-section2 {height:40px;}
#menuTop .top-nav div.top-nav-hot .top-sub-section2 a {margin-right:16px; font-size:1.25em; font-weight:bold; color:#0995ED;} /* 20px */
#menuTop .top-nav div.top-nav-hot .top-sub-section2 a:focus,
#menuTop .top-nav div.top-nav-hot .top-sub-section2 a:hover {color:#ff6a00;}
#menuTop .top-nav div.top-nav-hot .top-sub-section2 a:after {content:"|";color:#aaa;margin-left:16px;} /* 25px */
#menuTop .top-nav div.top-nav-hot .top-sub-section2 a:last-child:after {content:"";}

#menuTop .top-nav div.top-nav-article1 {float:left;width:55%;padding-right:20px;text-align:justify;}
#menuTop .top-nav div.top-nav-article1 a img {width:25%;margin-right:20px;float:left;border:solid 1px #ccc;padding:10px;}
#menuTop .top-nav div.top-nav-article1 a strong {font-size:1.2em;display:block;}
#menuTop .top-nav div.top-nav-article1 a span {display:block;line-height:1.5;margin-top:5px;}
#menuTop .top-nav div.top-nav-article1 a span.date {color:#666;font-size:0.9em;}

#menuTop .top-nav div.top-nav-article2 {float:right;width:45%;padding-left:20px; line-height:1.3;}
#menuTop .top-nav div.top-nav-article2 div {margin-bottom:4px; /*10px*/}
#menuTop .top-nav div.top-nav-article2 strong {font-size:1.2em;display:inline-block;margin-right:10px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
#menuTop .top-nav div.top-nav-article2 span.date {color:#666;font-size:0.9em;vertical-align:middle;}

#menuTop .top-link {display:block;white-space:nowrap;padding:0;margin:0;list-style:none;line-height:38px;position:absolute;top:0;right:0;}
#menuTop .top-link li {display:inline;margin-left:5px;}
#menuTop .top-link li a {display:inline-block;padding:3px 8px;background-color:#31aa0e;color:#fff;text-decoration:none;line-height:22px;border-radius:3px;}
#menuTop .top-link li a:focus,
#menuTop .top-link li a:hover {background:#273cb5;}

.top-menu-fix {margin-top:143px;} /*menuTop height + navLogo height*/
.top-menu-fix #menuTop {position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:2;border-bottom:solid 1px #ccc;box-shadow:#ccc 0 0 15px;}
.top-menu-fix #menuTop .top-nav li a.top-nav-link {height:60px;line-height:60px;}
.top-menu-fix #menuTop .top-nav div.top-nav-hot {top:59px;}
.top-menu-fix #menuTop .wrap {width:1160px;margin:0 auto;position:relative;z-index:3;padding-left:140px;}

.top-menu-fix #menuTop .top-link li {line-height:60px;}
.top-menu-fix #menuTop .top-link li a {font-size:8pt;}

.top-menu-fix #navLogo {position:fixed;left:0;width:100%;top:0;z-index:3;border-bottom:none;padding:0;}
.top-menu-fix #navLogo .wrap {width:1160px;margin:0 auto;position:relative;}
.top-menu-fix #navLogo #brand {position:absolute;left:0;top:7px;}
.top-menu-fix #navLogo #brand img {height:46px;}
.top-menu-fix #navLogo .top-banner-left,
.top-menu-fix #navLogo .top-banner-right {display:none;}

.top-banner-left div.bannerDiv {padding-top: 22px !important;}

/*body*/
#mainBody1 {position:relative;}
/*left column in 2 column layout*/
#mainBody1 .column-1 {float:left;width:870px;}
#mainBody1 .column-1 .column-box {width:870px;padding-right:20px;padding-top:10px;}
/*right column in all layout*/
#mainBody1 .column-2 {float:right;width:290px;}
#mainBody1 .column-2 .column-box {width:290px;padding:20px;background-color:#e3f4fb;}
/*left column in 3 column layout*/
#mainBody1 .column-11 {float:left;width:170px;}
#mainBody1 .column-11 .column-box {width:170px;background:#f4f4f4;}
/*center column in 3 column layout*/
#mainBody1 .column-12 {float:left;width:700px;}
#mainBody1 .column-12 .column-box {width:700px;padding-left:20px;padding-right:20px;padding-top:10px;}


/*bottom*/
#navBottom {clear:both;border-top:solid 1px #ccc;padding:10px 0 25px 0;background:#fff;min-width:1160px;}
#navBottom .bottom-link {background:#f4f4f4;border-radius:5px;}
#navBottom .bottom-link ul {display:block;list-style:none;padding:10px 0;margin:0;text-align:center;}
#navBottom .bottom-link ul li {display:inline;margin:0 20px;}
#navBottom .bottom-link ul li a {color:#000;text-decoration:none;font-weight:600;}
#navBottom .bottom-link ul li a strong {color:#f00;font-weight:600;}
#navBottom .addr-info {padding:10px 0 0 200px;background:url(/coding/images/copy_logo.gif) no-repeat 0 50%;line-height:1.8;font-size:10pt;}

/*main counter*/
.main-counter {border:solid 1px #0094ff;}
.main-counter ul {display:block;margin:10px;padding:0;list-style:none;}
.main-counter ul li {display:block;line-height:1.8;}

/*page left menu*/
.page-left {padding-bottom:50px;}
.page-left .left-brand {padding:50px 0 20px 0;font-size:20pt;font-weight:600;text-align:center;background:#0995ED;color:#fff;}
.page-left .left-menu-bar {display:block;margin:0;padding:0;list-style:none;}
.page-left .left-menu-bar li {display:block;}
.page-left .left-menu-bar li a {display:block;padding:13px 10px;margin:0 1px;background:#f4f4f4;color:#000;text-decoration:none;border-bottom:dotted 1px #ddd;}
.page-left .left-menu-bar li a:focus,
.page-left .left-menu-bar li.active a,
.page-left .left-menu-bar li a:hover {background:#fff;color:#000;color:#273cb5;}

#navMap ul {padding:0;margin:0;list-style:none;display:block;}
#navMap ul li {display:block;}
#navMap ul li.closer {text-align:right;}
#navMap ul li.closer a {display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:#f00;color:#fff;font-size:24px;text-decoration:none;}
#navMap .page-left {padding-bottom:0px;}
#navMap .page-left .left-brand {padding:2px;font-size:12pt;text-align:left;}
#navMap .page-left .left-menu-bar {padding:10px;}
#navMap .page-left .left-menu-bar li {display:inline;}
#navMap .page-left .left-menu-bar li a {display:inline;padding:0;margin:0;background:#fff;color:#000;border-bottom:none; font-size:1.2em;}
#navMap .page-left .left-menu-bar li a:focus,
#navMap .page-left .left-menu-bar li.active a,
#navMap .page-left .left-menu-bar li a:hover {color:#00f;font-weight:600;}
#navMap .page-left .left-menu-bar li:before {content:"/";color:#0094ff;margin:0 10px;}
#navMap .page-left .left-menu-bar li:first-child:before {content:"";}

/***** search icon *****/
#search ul {padding:0;margin:0;list-style:none;display:block;}
#search ul li {display:block;}
#search ul li.closer {text-align:right;}
#search ul li.closer a {display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:#f00;color:#fff;font-size:24px;text-decoration:none;}
#search .page-left {padding-bottom:0px;}
#search .page-left .left-brand {padding:2px;font-size:12pt;text-align:left;}
#search .page-left .left-menu-bar {padding:10px;}
#search .page-left .left-menu-bar li {display:inline;}
#search .page-left .left-menu-bar li a {display:inline;padding:0;margin:0;background:#fff;color:#000;border-bottom:none; font-size:1.2em;}
#search .page-left .left-menu-bar li a:focus,
#search .page-left .left-menu-bar li.active a,
#search .page-left .left-menu-bar li a:hover {color:#00f;font-weight:600;}
#search .page-left .left-menu-bar li:before {content:"/";color:#0094ff;margin:0 10px;}
#search .page-left .left-menu-bar li:first-child:before {content:"";}
/***** search icon *****/

/*navigation link*/
#news-nav {padding:10px 0;position:relative;border-bottom:dotted 1px #a1aade;}
#news-nav:after {content:"";clear:both;display:table;}
#news-nav .nav-head {font-size:17pt;font-weight:700;float:left;}
#news-nav .nav-hierachy {float:right;display:block;padding:0;margin:0;list-style:none;font-size:0;margin-top:7pt;}
#news-nav .nav-hierachy li {font-size:10pt;display:inline;}
#news-nav .nav-hierachy li a {color:#000;text-decoration:none;}
#news-nav .nav-hierachy li:after {content:">";color:#888;font-size:8pt;margin:0 5px;}
#news-nav .nav-hierachy li:last-child:after {content:"";margin:0;}

a.headline-on, a.headline-off {display:inline-block;padding:5px 15px;background-color:#0094ff;color:#fff !important;margin-top:10px;border-radius:3px;text-decoration:none;}
a.headline-off {background-color:#c61515;}

div.left-brand a {color:#fff;}

/***** search button *****/
.btn {
  cursor: pointer;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 3px 5px 3px 5px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
div.search {
  width:400px !important;
}
strong.title {font-size:1.3em;}