@charset "utf-8";

/** BNUE Common Style **/

body { position: relative; font-size: 16px; font-family: Noto Sans KR, sans-serif; font-weight: 300; line-height: 1;}
section { position: static;}
.fix-layout { width: 100%; max-width: 1200px; padding: 0 !important; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  box-sizing: border-box; }

/************************************************
	Site Menu
*************************************************/
#tnb { border-bottom: 0; }
#tnb ul { width: auto; }
#tnb li { width: auto; height: auto; }
#tnb li a:before,
#tnb li a:after { content: none !important; }


/************************************************
	Header
*************************************************/
header { position: static; min-height: 0; border-bottom: 0; background: transparent; padding-top: 0; z-index: auto; }
header h1 { position: static; z-index: auto; }


/************************************************
	Footer
*************************************************/
footer { margin-top: 0; padding: 0; border-top: 0; text-align: left; }


/************************************************
	GNB Menu Style
*************************************************/
#gnb { position: static; min-height: 0; }
#gnb li { position: static; }


/************************************************
	LNB Menu Style
*************************************************/
#lnb > ul > li > a { background: transparent; border-bottom: 0; }
#lnb > ul > li > a:before,
#lnb > ul > li > a:after,
#lnb > ul > li > ul > li.on > a:before,
#lnb > ul > li > ul > li.on > a:after { content: none; }


/************************************************
	Sub Page Style
*************************************************/
.sub-page #lnb,
.sub-page #body { display: block; vertical-align: baseline; table-layout: auto; }

/** BNUE Common Style Responsive **/

/* tab */
.tab-list ul { position: relative; margin: 0; padding: 0; }
.tab-list li { float: left; }
.tab-list li a { position: relative; float: left; }
.tab-list li a > span { display: inline-block; cursor: pointer; }
.tab-list li ul,
.tab-list li > div { position: absolute; left: 0; display: none; width: 100%; margin: 0; padding: 0; }
.tab-list li li { position: relative; float: none; margin: 0 0 8px 0; color: #999; }
.tab-list li li.more { position: absolute; top: 0; right: 0; }

/* sub-tab */
.sub-tab > ul { width: 95%; margin: 0 auto; }
.sub-tab.sub-tab2 > ul > li { width: 50%; }
.sub-tab.sub-tab3 > ul > li { width: 33.333%; }
.sub-tab.sub-tab4 > ul > li { width: 25%; }
.sub-tab.sub-tab5 > ul > li { width: 20%; }
.sub-tab.sub-tab6 > ul > li { width: 16.666%; }
.sub-tab > ul > li > a { display: block; width: 100%; text-align:center; }
.sub-tab > ul > li > div { top: 70px; }
.sub-tab > ul > li > ul ul,
.sub-tab > ul > li > div ul,
.sub-tab > ul > li > ul div,
.sub-tab > ul > li > div div  { position: static; display: block; }

/*print-btn */
.print-box{ width: 1200px; margin: 0 auto; text-align: right; }
.print-box .print-box-list{ display: inline-block; border: 1px solid #b1b1b1; border-right: 0; margin-top: 10px;  }
.print-box .print-box-list li{ float: left; border-right: 1px solid #b1b1b1; }
.print-box .print-box-list li a { display: block; padding: 5px; color: #333333; }

.mobile-view { display: none !important; }

@media all and (max-width: 1200px) { 
	
	/*print-btn */
	.print-box { display: none; }
}

@media all and (max-width: 768px) { 
	body { font-size: 14px; letter-spacing:-0.2px }


	/* sub-tab */
	.sub-tab.sub-tab2 > ul > li,
	.sub-tab.sub-tab3 > ul > li,
	.sub-tab.sub-tab4 > ul > li,
	.sub-tab.sub-tab5 > ul > li,
	.sub-tab.sub-tab6 > ul > li { width: 50%; margin-bottom: 10px;}

	.pc-view { display: none !important; }
	.mobile-view { display: block !important; }
}


/* css motion */
@keyframes rotate  {
	0% { transform: rotateY(0deg); }
	100% { transform: rotateY(360deg); }
}
@-webkit-keyframes rotate {
	0% { -webkit-transform: rotateY(0deg); }
	100% { -webkit-transform: rotateY(360deg); }
}
@-moz-keyframes rotate {
	0% { -moz-transform: rotateY(0deg); }
	100% { -moz-transform: rotateY(360deg); }
}




/* blind */
.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }


/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* backdrop */
 .backdrop { background-color: rgba(48, 48, 48, 0.6); width: 100%; height: 100%; position: fixed; cursor: pointer; z-index: 2; }
 
/* font-style */
.fwB { font-weight: 500 !important; }