@charset "utf-8";
/* 토글메뉴 */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }

#TOGGLE_BG {width:100%; height:100%; background:#000; opacity:0.70; filter:alpha(opacity=70); position:fixed; left:0; top:0; display:none; z-index:100;}

html,
body{margin:0;	font-family:'나눔바른고딕',Nanum Barun Gothic,sans-serif !important;	font-size:16px; line-height: 120%; word-spacing: 1px; }
* {-webkit-text-size-adjust:none;} /* iphone 글자크기 자동조정 방지 */
ol, ul{list-style:none;padding:0}
a{text-decoration:none;color:#000;}
a:hover,
a:active,
a:focus{text-decoration:none;}
img{border:none;}
form{display:inline}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/Nanum Barun Gothic-Regular.eot);
  src: url(font/Nanum Barun Gothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(font/Nanum Barun Gothic-Regular.woff2) format('woff2'),
       url(font/Nanum Barun Gothic-Regular.woff) format('woff'),
       url(font/Nanum Barun Gothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(font/Nanum Barun Gothic-Bold.eot);
  src: url(font/Nanum Barun Gothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(font/Nanum Barun Gothic-Bold.woff2) format('woff2'),
       url(font/Nanum Barun Gothic-Bold.woff) format('woff'),
       url(font/Nanum Barun Gothic-Bold.ttf) format('truetype');
}


.fa-chevron-right:before {content: "\f054";}
.fa-chevron-right2 { background:url(delta_icon1.png) 0px 0px no-repeat;}

#mainMenuContainer {position:absolute; width:250px; height:500px; top:0; left:0px; z-index:101000; transition:left .3s; background-color:#32394b; color:#fff;}
#mainMenuContainer .mainMenuContainer-inner {position:relative;}

/* close btn */
#mainMenuContainer .mainMenuContainer-inner .closebox {position:absolute; right:-48px; top:0px; z-index:88;}
#mainMenuContainer .mainMenuContainer-inner .closebox a {position:relative; width:48px; height:48px; cursor:pointer; display:block;}
#mainMenuContainer .mainMenuContainer-inner .closebox a i.close-btn {position:absolute; display:block; overflow:hidden; width:25px; height:25px; left:50%; top:50%; margin-left:-10.5px; margin-top:-10.5px; background:url(mobile_design.png) -120px -31px no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px; text-indent:-5000px; z-index:11;}

#mainMenuContainer #news-category-list{overflow:hidden;}
#mainMenuContainer #news-category-list li {float:left; width:50%; border-bottom:1px solid #474d5d; border-right:1px solid #474d5d; box-sizing:border-box;}
#mainMenuContainer #news-category-list li a {  color:#fff; padding:15px 10px; display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-bottom:1px solid #232937;  border-right:1px solid #232937; }

#mainMenuContainer #news-category-list li:nth-child(even){border-right:0}
#mainMenuContainer #news-category-list li:nth-child(even) a{border-right:0}

#mainMenuContainer #search{background-color:#111; opacity:1; padding:7px}
#mainMenuContainer p.copy{margin:7px; text-align:center;}
#mainMenuContainer .tmenu { overflow:hidden; border-bottom:1px solid #474d5d; background-color:#3d4457; color:#fff;}
#mainMenuContainer .tmenu a {overflow:hidden; padding:15px; 10px;  border-bottom:1px solid #232937; display:block; color:#fff; cursor:pointer;}
#mainMenuContainer .tmenu a.on{color:#FFE400}
#mainMenuContainer .tmenu h2 {float:left; font-weight:normal;}
#mainMenuContainer .tmenu i {float:right;}


/* font size */
.ft-fa1 {font-size:100%;}
.ft-fa2 {font-size:88%;}
.ft-fa3 {font-size:75%;}
.ft-fa4 {font-size:69%;}


/*단 분리*/
.container .m_left {float:left; width:50%;max-width:50%;}
.container .m_right {float:left; width:50%;max-width:50%;}
/*단 분리*/


/* CSS Document */
@font-face{font-family:ng; src:url(font/Nanum Barun Gothic.eot); src:local(※), url(Nanum Barun Gothic.woff) format('woff')}
table/*,input,textarea,select,button*/{font-family:'나눔바른고딕',Nanum Barun Gothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}

img, fieldset, button {border:none;}	
hr, button img {display:none;}	
#news_body_area hr {display:block;}
.m01_arvM hr {display:block;}
body, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, div, p {margin:0; padding:0; list-style:none;}
li img {vertical-align:middle;} /* for IE imge margin */
a {text-decoration:none;}		
textarea {overflow:auto; font-size:1em;	padding:5px; border:1px solid #ccc;}
html:first-child select {padding-right:6px;	height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} 


/* For Screen Reader */
input, textarea, select, img {color:#959595; vertical-align:middle;}
table caption {display:none;}

a, a:link, a:visited{color:#484848;text-decoration:none; border:0;}
a:hover{color:#666; text-decoration:none;}


#wrap_m{font-size:14px; padding:0; margin:0;}

/* headers  */	
.header{position:relative;height:55px; background-color:#007bc7; text-align:center}
.header h1{display:inline-block}
.header h1 a{display:inline-block;}
.header h1 img{vertical-align:top; margin-top: 5px;}
.header .btn_left_reveal{position:absolute;left:0;top:0;width:50px;height:50px}
.header .btn_left_reveal img{margin-top:25px}
.header .btn_left_search{position:absolute;left:7px;top:0; height:50px}
.header .btn_left_search img{padding-top:10px; margin-left:5px; }
.header .btn_right_search{position:absolute;right:0;top:0; height:50px; padding-top:10px; }
.header .btn_right_search img{margin: 3px 17px 15px 15px;}

.menu {position:relative; overflow: hidden; height: 41px; border-top:2px solid #005d9b; background-color:#015389;}
.menu ul {width:100%;left:0;top: 0;border-radius: 16px;background-color: #015389;height: 41px;}
.menu li {float: left; color: #fff; width:25%; text-align: center; height: 41px; position: relative; }
.menu li a {display: block;width: 100%;font-weight: bold;font-size: 16px;white-space: nowrap;letter-spacing: -1px;color: #fff;height: 41px;line-height: 39px;}
.menu li.on a { color: #fff; position: absolute;background-color: #005d9b; height: 41px; width: 100%; left: 0px; bottom: 0;}
.menu li.line0  {float: left; color: #fff; width:25%; text-align: center; height: 41px; position: relative; }
.menu li.line1  {float: left; color: #fff; width:25%; text-align: center; height: 41px; position: relative;}
.menu li.line2  {float: left; color: #fff; width:25%; text-align: center; height: 41px; position: relative;}
.menu li.line3  {float: left; color: #fff; width:25%; text-align: center; height: 41px; position: relative;}

/* 본문 */
#container  {padding: 10px;}
#contents { font-size:13px;}
#contents h2 { padding:16px 0 6px 27px; border-bottom:2px solid #4c4f58; font-size:13px; color:#333; background:url(bur_img.gif) 17px 21px no-repeat;}

/* paging */
.paging_comm{width:100%;padding:10px 0 10px;text-align:center; border-bottom: 1px solid #d0d0d0;}
.paging_comm a{display:inline-block;overflow:hidden;width:35px;height:35px; vertical-align:top}
.paging_comm .prev_page1{float: left; margin-right:20px}
.paging_comm .next_page1{float: right; margin-left:20px}
.paging_comm a span{position:static;display:inline-block;margin-top:10px;width:10px;height:15px;text-indent:-1000em}
.paging_comm .prev_page1 span{background:url(btn_arr_lr.png) 0 0 no-repeat;background-size:24px 15px; z-index: 999;}
.paging_comm .next_page1 span{background:url(btn_arr_lr.png) -14px 0 no-repeat;background-size:24px 15px; z-index: 998;}
.paging_comm span.count1{display:inline-block;height:37px;font-size:16px;font-weight:bold;color:#666;line-height:36px;vertical-align:top;font-family:'helvetica',sans-serif}
.paging_comm span.count1 .vp1{color:#333}
.paging_comm span.count1 .tp1{color:#333}
.blind1 {overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;text-indent:4px;white-space:nowrap}

/* 기사검색 */
.search {padding-top:10px; padding-bottom:10px; margin:0 auto;text-align: center;}
.search input {border:1px #ccc solid; height:28px; margin:0 2px 0 0 ; width:50%;}
.search_btn{position:relative;width:58px;height:32px;border:0; background-color:#002138;font-size:12px;line-height:30px;color:#fff;letter-spacing:-1px;white-space:nowrap;-webkit-border-radius:0;-webkit-appearance:none}
.tbox .tinp{width:100%;height:26px;line-height:24px;border:0;color:#aeaeae;font-size:12px;vertical-align:top;font-weight:bold}


/* 하단 */
#footer {width:100%; padding:15px 0 20px 0;  background:#000; text-align:center;}
#footer .btn{ width: 204px; overflow:hidden; margin:0 auto; padding-bottom:25px; padding-top: 10px;}
#footer .btn ul li{ float:left; padding-right:5px;}
#footer .add { font-size:11px;  color:#fff;  font-family:"dotum"; letter-spacing:-0.5px;}
#footer .add span  { line-height:14px; color:#fff; } 
#footer .add em { font-style:normal; color:#666; line-height:18px;}



.best_view_box { font-family: 'Noto Sans KR', sans-serif; position:relative;border:1px solid #d7d7d7;padding:16px 10px 0 10px; }
.best_view_box .top_box{ width:100%; border-bottom:3px solid #007dc5; height:25px;}
.best_view_box .top_box h2 {padding:6px 14px;  float:left; font-size:15px; letter-spacing:-0.5px; margin-right:12px; color:#fff;  background-color:#007dc5; }


.best_view_box #con { padding:15px 0 0 0; overflow:hidden; counter-reset: number;}
.best_view_box #con span.title { 
	position: relative;
	height: 55.1px;
    display: block;
}

.best_view_box #con span.title:before {
	counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 4px;
    font-size: 17px;
    font-style: italic;
    color: #008D02;
    font-weight: 500;
    letter-spacing: -1px;
}

.best_view_box #con span.title a { 
	line-height: 22px;
    font-size: 14.5px;
    color: #2a211f;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: block;
    padding-left: 25px;
    height: 47px;
    overflow: hidden;
}