/* style s */
/* style e */
#header { background:#1977bd; }
#header a { color:#fff; text-decoration:none;}
#header .header-box-left { float: left; font-size: 13px; }
#header .header-box-right { float: right; font-size: 13px; }
#header .header-box-left li, #header .header-box-right li { display:inline-block; padding:10px 15px;}
#header .header-box-left li:hover, #header .header-box-right li:hover { background-color: #1977bd; transition:0.2s;}
.header-box { display:inline-block; padding: 10px 15px; font-size:13px; color:#fff;}
#header .active {}


.board-theme .theme-list table td {
	white-space:nowrap;
}
.board-theme .theme-list table td.document-title {
	white-space:normal;
}

#unit7183 table td { padding-left:8px !important; padding-right:5px !important; word-break:keep-all; }




@media(min-width:768px)
{
    #subtop img { display:inline; }
	.header-mobile-gnb{margin-top:25px;}
    #footer img { margin-bottom:25px;}
    #footer p { clear:both; }
    .header-mobile-gnb  a { font-size:30px; float:right;}
}
/*서브페이지 패드 가로세로 반응형*/
@media (min-width:768px) and (max-width:1023px){
	.lnb{
		padding-right:15px;
	}
	#component8124 #unit2560 > div > strong,span{
		font-size:16px;
	}
	
	
}


@media(max-width:768px)
{
	#subgnb { padding:10px 0px; }
    #subtop img { display:none; }
    #footer img { margin-bottom:25px;}
    #footer p { clear:both; }
    .header-mobile-gnb  a { font-size:30px; float:right;}
    #header .header-box-left li, #header .header-box-right li { padding:10px 5px; }
}