#subtop { position:relative; height:200px; background-position-x:center;  background-size:auto 100%; }

#subgnb { border-bottom:1px solid #ddd; padding:10px 0px; text-align:left; }
#subgnb span { font-family:'NanumBarunGothic'; }
#subgnb span,
#subgnb a { font-size:14px; color:#999; position:relative; top:1px; }
#subgnb img { position:relative; width:22px; top:-1px;}
#subgnb span.active { color:#000; }
#subgnb .dropdown { display:inline-block;}
#subgnb .dropdown .btn { padding:5px 8px; font-size:16px; font-weight:bold; border:0px; }
#subgnb .dropdown-menu>li>a { padding:5px 20px; transition:0.3s all ease; font-size:16px;}
#subgnb .dropdown .caret { position:relative; left:0px; font-size:14px; margin-left:5px; }

.lnb { padding-right:20px;}
.lnb_title { font-size:30px; border-bottom:1px solid #000; padding-bottom:10px; font-weight:600; font-family:NanumBarunGothic; margin-bottom:0px; }
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 > li { padding: 15px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 > li.active,
.sub_depth2 > li:hover { background:#f0f0f0; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:15px; text-decoration:none; }
.sub_depth2 > li > i { position:relative; margin-right:10px; cursor:pointer; }
.sub_depth2 > li > i.fa-minus { display:none; }
.sub_depth2 > li:last-child { border-color:#000; }
.sub_depth3 { padding-left:20px; margin-top:10px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding:3px 0px; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
.sub_depth3 li a:hover  { color:#739AB9; }

.depth4 { text-align:right; }
.depth4 li { display:inline-block; padding:5px 10px; margin:0px 15px; }
.depth4 li a  { text-decoration:none; font-size:16px; color:#000; font-family:NanumBarunGothic; }
.depth4 li.active { border-bottom:3px solid; }
.depth4 li.active a { font-weight:500; }


#content { padding-top:30px; min-height:600px; padding-bottom:50px; border-bottom:1px solid #ddd; }
#content .third-menus { margin:10px 0 42px 0;text-align:center; }
#content .third-menus ul{ display:inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float:left; margin-left:-1px;}
#content .third-menus ul li a { color: #333;text-decoration: none;padding: 8px 17px;font-size: 12px;min-width: 160px;display: inline-block;text-align: center; }
#content .third-menus ul li.active a { color:#fff; }
#sub_title { font-size:40px; font-weight:600; margin-bottom:30px; }


/*서브페이지*/
/*.board-theme * { font-size:16px !important; font-family:'nanumsquare' !important; }*/

.board-theme .theme-list table th, .board-theme .theme-list table td{
    font-size:15px!important; font-family:'nanumsquare'; 
}
.board-theme .theme-list table td.document-regdate,
.board-theme .theme-list table td.document-writer,
.board-theme .theme-list table td.document-readedcount { font-size:13px !important; white-space:nowrap; }
.board-theme .theme-list table th, .board-theme .theme-list table td { padding:14px 8px !important; }
.board-theme .theme-detail .detail-top .document-title { font-size:16px !important; font-weight:400 !important; }
#dimodeBoard.board-detail .files-in-detail .each-file { font-size:15px !important; }

.video-js { max-width:100%; }

#promo_tab { text-align:center; margin-top:30px; }
#promo_tab li { display:inline-block; font-size:18px; padding:8px 10px; border:1px solid #ddd; cursor:pointer; }
#promo_tab li.active { color:#fff; background:#2F5795; }

@media(max-width:1200px)
{
}


@media(max-width:768px)
{   
	#subgnb { padding:5px; }
  #subtop { height:140px; background-size:auto 100% !important; background-position-x:center !important; }
  #subgnb .container { padding:5px; }
  #subgnb .dropdown .btn { font-size:14px; padding:2px 5px; }
    
    
	#content > .container > .col-xs-12 { padding:0px; }
	
	#sub01 { font-size:15px !important; }
	#sub01 > span { font-size:21px !important; }
	.dropdown-menu { min-width:120px; }
	#subgnb .dropdown-menu>li>a { padding:5px 8px; font-size:14px; }
	
	
	#sub_title { font-size:26px; text-align:center; }
	
	#component8886 { padding-left:0px !important; }
	#unit3079 > div { margin-left:0px !important; }
	
	#component5716, #unit8221 { height:inherit !important;}
	#unit8221 > div { position:relative !important;  width:100% !important;  }
	
	.video-js { height:240px !important; }
	
	.background_news.chvision > div { width:100% !important; }
	.background_news.chvision > div > div:first-child { font-size:26px !important; }
	
	
	#unit6942 .background_news { height:inherit !important; }
	#unit6942 .background_news > div > div { float:none !important; width:100% !important; }
	#unit6942 .background_news > div { position:relative !important; padding:30px; top:0px !important; }
	
	#unit7497 .background_news { height:inherit !important; background-size:auto 100%; }
	#unit7497 .background_news > div > div { float:none !important; width:100% !important; }
	#unit7497 .background_news > div { position:relative !important; padding:30px; top:0px !important; }
	
	#component8203 { padding:15px !important; }
	#unit5763 > div { height : inherit !important; }
	#unit5763 > div span { font-size: 13px !important; border-radius:0px !important; }
	
	#unit6842 { text-align:center; }
	#unit6842 img { width:175px !important; margin-bottom:5px; }
	#unit8103 > div:first-child > div:first-child,
	#unit8103 > div:first-child  { text-align:center !important; }
	
	
	#unit1810 > div { height:inherit !important; }
	#unit1810 > div > div { position:relative !important; margin:0px !important;  }
	#unit1810 > div > div > div { width:100% !important; padding:10px !important; margin:0px !important; float:none !important;}
	
	#unit2128, #unit8162 { padding:10px !important; }
	
	#unit1825 .table,
	#unit4222 .table,
	#unit6896 .table,
	#unit6136 .table,
	#unit1618 .table { table-layout:fixed !important; }
	
	#unit1825 .table td,
	#unit4222 .table td,
	#unit6896 .table td,
	#unit1618 .table td,
	#unit6136 .table td { font-size:13px !important; padding:5px !important; word-break:break-all; }
	
	#unit4222 .table td span { font-size:13px !important; word-break:break-all; }
	
	#unit8181 > div { height:inherit !important; margin-bottom:30px !important; }
	#unit8181 > div > div { position:relative !important; top:0px !important; padding:30px; }
	
	#component8886 { padding:15px !important; }
	
	
}