@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@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; }
table {	border-collapse: collapse;	border-spacing: 0;}
#TOGGLE_BG {width:100%; height:100%; backgrou:#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:'Noto Sans KR', '�섎닎諛붾Ⅸ怨좊뵓',Nanum Barun Gothic,sans-serif;	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.full {width:100%;}
#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 .flick-container .container_h1 {float:left; width:50%; max-width:50%;}
.container .flick-container .container_h2 {float:left; width:50%; max-width:50%;}
.container .m_left {float:left; width:33%;max-width:33%;}
.container .m_right {float:left; width:67%;max-width:67%;}
/*�� 遺꾨━*/

/* 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;}	
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;}
table {border-collapse:collapse;}
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:60px; background-color:#e9e9e9; text-align:center}
.header .logo {display:inline-block}
.header .logo a{display:inline-block;}
.header .logo img{vertical-align:top; margin-top: 14px;}
.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{margin: 15px;width: 35px;height: 35px; }

.leaders_ban { width:100%; height:30px; background-color:#e1e1e1; text-align:center; padding:4px 0; }
.leaders_ban ul { margin-left:20%; }
.leaders_ban ul li { margin:0 3px 0 0; float:left;}

.menu {position:relative; display:flex; overflow: hidden; background-color:#f6f6f6; border-top:1px solid #ddd;  overflow-x: scroll;}
.menu ul {display:inline-flex;}
.menu li {color: #fff; height: 39px; border:1px solid #ddd; width: 105px; margin-left:-1px;}
.menu li a {display: flex; justify-content: center; align-items: center; height: 100%;width: 100%;font-weight: bold;font-size: 16px;white-space: nowrap;letter-spacing: -1px;color: #333;}
.menu li.on a {color: #333; background-color: #ededed; }
.menu li.line  {flex-basis:75px; flex-shrink: 0; color: #fff;width:75px;  text-align: center; height: 39px; position: relative; border:1px solid #dddddd;/*background: url("divider.png") right no-repeat;*/}

/* 蹂몃Ц */
#container  {padding: 10px; background-color: #f6f6f6;}
#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:5px; padding-bottom:15px; margin:0 auto;text-align: center; background-color:#f6f6f6; }
.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:#b0b0b0; 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:0 0 20px 0;  background:#f2f2f2; text-align:center;}
#footer .btn{ width: 198px; overflow:hidden; margin:0 auto; padding-bottom:10px; padding-top: 25px;}
#footer .btn ul li{ float:left; padding-right:3px;}
#footer .add { font-size:11px;  color:#c4c4c4;  font-family:"dotum"; letter-spacing:-1px;}
#footer .add span  { color:#818181; line-height:14px; color:#a7a7a7; } 
#footer .add em { font-style:normal; color:#666; line-height:18px;}