@charset "utf-8";

/** BNUE Common Style **/

body { color: #656565 ; letter-spacing:-0.5px }
.fix-layout{ position: static; }
b{ font-weight:700}

/************************************************
	Site Menu
*************************************************/
.tnb-box { background-color: #c01e23; height: 35px; }
#tnb { float: right; margin-right: 10px; }
#tnb li { float: left; padding-top: 10px; }
#tnb li a { display: block; border-right: 1px solid #ffffff ; padding: 0 20px; color: #ffffff; font-size: 0.875em; }
#tnb li a:hover{ color:#f5de83}
#tnb li:last-child a { border-right: 0; }
#tnb li a i { padding-right: 5px; }

/************************************************
	Header
*************************************************/
#header { position: relative; background-color: #ffffff; height: 75px; }
#header h1 { float: left; margin: 19px 45px 0 25px; }
#header h1 a { display: inline-block; }
#header .btn-gnb-view { position: absolute; top: 0; right: 0; width: auto; height: auto; }
#header .btn-gnb-view a { position: static; display: block; background-color: #bb191e; border: 0; border-radius: 0; width: 77px; height: 70px; color: #ffffff; line-height: 70px; text-indent: 0; text-align: center; }
#header .btn-gnb-view a:before { content: none; }

.header-more-btn { float: right; }

header #site_search_box { float: left; position: static; margin-top: 15px; width: auto; z-index: auto; }
header #site_search_box fieldset{ height: 45px; padding: 0; }
header #site_search_box fieldset input[type="text"] { background: transparent; border: 1px solid #1e1e1e; border-radius: 0; padding: 15px 65px 15px 23px !important; height: 45px; color: #949494; }
header #site_search_box fieldset input::placeholder { color: #949494; }
header #site_search_box fieldset input[type="text"]::-webkit-input-placeholder { color: #949494; }
header #site_search_box fieldset input[type="text"]:-moz-placeholder { color: #949494; opacity:  1; }
header #site_search_box fieldset input[type="text"]::-moz-placeholder { color: #949494;opacity:  1; }
header #site_search_box fieldset input[type="text"]:-ms-input-placeholder { color: #949494; }
header #site_search_box button[type="submit"] { top:1px;  background-color: #1e1e1e; width: 46px; height: 43px; line-height: 43px; }

.search-btn { display: none; float:left; width: 91px; }
.search-btn > a,
.sitemap-btn > a { display: block;  height: 75px; text-align: center; line-height: 68px; }
.search-btn > a { background-color: #1e1e1e; padding-top: 10px; color: #ffffff; }
.sitemap-btn{ float: right; width: 75px; margin-left: 35px; }
.sitemap-btn > a { background-color: #18d078; }

/************************************************
	Footer
*************************************************/
#footer { background-color: #ffffff; border: 1px solid #d7d7d7; padding: 10px 25px; }
#footer,
.footer-quick { height: 64px; position:relative; line-height:1.3 }
.footer-quick-link { margin-right: 288px; }
.footer-quick-link li { float: left;}
 
.footer-quick-link li a.fir { border-left: 0; padding-left: 0; }
.footer-quick-link li a { color: #002565; font-size: 0.825em;   padding: 0 15px; border-left: 1px solid #b4b4b4; display:inline-block}
#footer .address { margin-top: 5px; color: #848484; font-size: 0.825em; }
.footer-quick { position: absolute; right: 0; bottom: 0; }
.footer-quick,
.major-link ul { width: 228px;}
.major-link { position: relative; /* background-color: #ff6d55;*/ background-color: #e12f12; padding: 25px 15px 0 20px; height: 100%; }
.major-link > p,
.major-link > a { color: #ffffff; font-size: 0.9375em; cursor: pointer; }
.major-link > a {position: absolute;top: 20%;right: 5%;font-size: 0.85em;/*background: #cb3d26*/background: #901400;;/* padding: 10px; */border-radius:  50px;height: 40px;width: 40px;line-height:  40px;text-align:  center;}
.major-link ul { display: none; position: absolute; bottom: 64px; right: 0;  background-color: #ffffff; border: 1px solid #cccccc; }
.major-link ul li { padding: 5px; cursor:pointer}
.major-link ul li:hover { background:#f5f5f5; color:#990000}

.wa{ position:absolute; top:0px}

@media all and (max-width: 1500px) { 
      .wa{ top:auto; display:block;}
}

@media all and (max-width: 1200px) {
	  #footer .address { padding-bottom:50px;} 
      .wa{ left:48%;}
}

/************************************************
	GNB Menu Style
*************************************************/
#gnb > ul { float: left; width: calc(100% - 835px); width: -webkit-calc(100% - 835px); max-width: 892px; height: 75px; padding-top: 0; margin: 0; }
#gnb > ul > li { position: relative; width: 14%; border-right: 1px solid #d7d7d7; height: 100%; line-height: 75px; text-align: center; }
#gnb > ul > li:first-child { border-left: 1px solid #d7d7d7;}
#gnb > ul > li > a{ padding: 0; color: #000000; font-size: 1.375em; font-weight: 500; letter-spacing: -1px; }
#gnb > ul > li.on > a, #gnb li a:hover{ color:#1863b4}
#gnb > ul > li > a:hover,
#gnb > ul > li > a.on { }
#gnb > ul > li > ul { top: 75px; left: auto; right: auto; background-color: #ffffff;  border: 1px solid #d7d7d7; width: 100%; z-index: 3; }
#gnb > ul > li > ul > li,
#gnb > ul > li > ul > li > ul > li { border-bottom: 1px solid #dcdcdc; line-height: 1; }
#gnb > ul > li > ul > li:last-child ,
#gnb > ul > li > ul > li > ul > li:last-child { border-bottom: 0; }
#gnb > ul > li > ul > li > a { background: url(/resources/images/bnuegs/common/gnb_bullet.png) no-repeat 16px center; padding: 16px 6px 16px 32px; color: #000000; }
#gnb > ul > li > ul > li > a:hover { background: #1863b4 url(/resources/images/bnuegs/common/gnb_bullet_hover.png) no-repeat 16px center; color: #ffffff; }
#gnb > ul > li > ul > li > ul { background-color: #ffffff; }

/************************************************
	LNB Menu Style
*************************************************/
.sub-page #lnb { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(28, 44,69, 0.8); margin: 0 auto; width: auto; }
#lnb > ul { max-width: none; text-align:center }
#lnb > ul > li { position: static; border-bottom: 0; padding-bottom : 0; }
#lnb > ul > li > a { display: none; }
#lnb > ul > li > ul { width: 1200px; margin: 0 auto; }
#lnb > ul > li > ul  >li { border-bottom : 0; height: 62px; overflow: hidden; display:inline  }
#lnb > ul > li > ul > li > a,
#lnb > ul > li > ul > li > a:hover { border-top: 0; padding: 17px 40px; color: #d6d6d6; font-size: 1.18em; display:inline-block; font-weight: 300 }
#lnb > ul > li > ul > li.check > a {}
#lnb > ul > li > ul > li.check > a { background-color: #c01e23;  padding:17px 40px; color: #ffffff; font-weight: 300; }
#lnb .lnb-sub > ul { display: none; }

.sub-top-visual.VISUAL_MENU_1807050081 #lnb > ul > li > ul > li > a{padding: 17px 15px;}
.sub-top-visual.VISUAL_MENU_1807050081 #lnb > ul > li > ul > li.on > a {  padding: 17px 15px;  }

/** BNUE Common Style Responsive **/

/************************************************
	Button Style
*************************************************/
.ui-btn { background: transparent; border: 1px solid #c5c5c5;  color: #4d4d4d;    padding:7px 15px; font-size:14px; font-weight:400}
.ui-btn:hover,
.ui-btn:focus {  border: 1px solid #c01e23; background:#fff ; color:#c10006 }
.ui-btn-list { display: inline-block; margin-bottom: 10px; }
.ui-btn-list li { float: left; margin-right: 4px; }
.ui-btn-list li:last-child { margin-right: 0; }

/* 교육대학원 컬러 */
 .gs_red{ color:#c01e23 !important}
 .gs_gold{ color:#d98f00 !important}
 
  /* 교육대학원 컬러 바탕*/
 .gsbg_red{ background:#c01e23 !important;  }
 .gsbg_gold{ background:#d98f00 !important}
  
 .gsbg_w{ background:#fff !important/*하얀색*/;  }
 
 
 /*버튼 색상 메인용 별도*/
 /* color */
 
.ui-btn.red		{background: #c01e23;border-color: #b31217; color:#fff}
.ui-btn.red:hover	{ background: #b31217; border-color: #b31217;color:#fff }
.ui-btn.gray		{background: #494949;border-color: #363636;color:#fff}
.ui-btn.gray:hover	{ background: #363636; border-color: #333;color:#fff }
.ui-btn.blue		{background: #2d58aa;border-color: #16449d;color:#fff}
.ui-btn.blue:hover	{ background: #16449d; border-color: #16449d; color:#fff} 
 
.ui-btn.small{ }
.ui-btn.bigx2{ padding:16px 50px; font-size:1.1em  }
.ui-btn.big{font-size:16px; padding:12px 35px} 



@media all and (max-width: 1700px) { 
	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb > ul { margin-left: 0; }
	#gnb > ul > li > a { font-size: 1.1em; }
}



@media all and (max-width: 1500px) { 
	/************************************************
		Header
	*************************************************/
	header #site_search_box { display: none; }
	.search-btn { display: block; margin-left: 35px; }
	.sitemap-btn{ margin-left: 0; }

	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb > ul { width: calc(100% - 650px); width: -webkit-calc(100% - 650px); }
	
}


@media all and (max-width: 1300px) { 
	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb > ul > li > a { font-size: 0.9em; }
}

@media all and (max-width: 1200px) { 

	.fix-layout { width: auto; padding: 0 15px !important; }

	/************************************************
		Site Menu
	*************************************************/
	.tnb-box { display: none; top: 0; height: 64px; text-align: center; }
	.tnb-box,
	#gnb,
	.header-more-btn { position: absolute; right: 0; width: 252px; z-index: 3; }
	#tnb { float: none; display: inline-block; margin-right: 0; }
	#tnb li { padding: 24px 0; }
	#tnb li:first-child { display: none; }
	#tnb li a { padding: 0 15px; font-size: 1em; }

	/************************************************
		Header
	*************************************************/
	#header { position: static; height: 70px; border-bottom: 1px solid #d7d7d7; }
	#header h1 { margin: 20px; }
	#header h1 a img { width: 292px; height: auto; }
	.header-more-btn,
	.header-more-btn .sitemap-btn { display: none; }
	.header-more-btn { background-color: #ffffff; top: 64px; padding: 0 10px; height: 58px;}
	
	header #site_search_box { display: block; float: none; margin-top: 7px; }
	.search-btn { display: none; }
	/************************************************
		Footer
	*************************************************/
	#footer { height: auto; text-align: center; }
	.footer-quick-link  { margin-right: 0; text-align:center }
	.copyright { display: block; }
	.footer-quick { position: static; margin: 15px auto; }
	.major-link ul { text-align: left; }
	.footer-quick-link li { margin-bottom: 10px; float:none; display: inline-block }

	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb { display: none; top: 122px; background:#ffffff; }
	#gnb li { float: none; }
	#gnb > ul { float: none; width: auto; max-width: auto; height: auto; }
	#gnb > ul > li { position: static; border-right: 0; width: auto; height : auto; line-height: 1; text-align: left; }
	#gnb > ul > li:first-child { border-left: 0; }
	#gnb > ul > li > a { border-bottom: 1px solid #dedede; padding: 16px 5px 16px 22px; color: #333333; font-size: 1em; font-weight: 400; }
	#gnb > ul > li > a:hover { background-color: #1b3e87; color: #ffffff; }
	#gnb .has-sub-menu:after,
	#gnb .open.has-sub-menu:after { content: none; }
	#gnb > ul > li:first-child > a { border-top: 0; }
	#gnb > ul > li > ul { display: none; position: relative; top: auto; background-color: #e9eaec; border-right: 0; margin-top: 0; height: auto; }
	#gnb > ul > li:first-child > ul { border-left: 0; }
	#gnb > ul > li > ul > li{ border-bottom: 0; }
	#gnb > ul > li > ul > li > a { background-image: none !important; padding: 10px 20px ; color: #252525; font-size: 1em; font-weight: 300; }
	#gnb > ul > li > ul > li > a:hover { background-color: transparent; color: #c01e23; }
	#gnb > ul > li > ul > li > a:before { content: "-"; padding-right: 5px; }
	 
	.btn-gnb-view { display: block; }

	/************************************************
		LNB Menu Style
	*************************************************/
	#lnb > ul > li:after { content: none; }
	#lnb > ul > li > ul { display: block; width: auto; margin: 0 10px; }
	#lnb > ul > li > ul >li { height: 45px; }
	#lnb > ul > li > ul > li > a { padding: 16px 10px; font-size: 0.856em; }
	#lnb > ul > li > ul > li > a:hover,
	#lnb > ul > li > ul > li.on > a { padding: 16px 10px; }
	
	.sub-top-visual.VISUAL_MENU_1807050081 #lnb > ul > li > ul > li > a{padding: 16px 7px;}
.sub-top-visual.VISUAL_MENU_1807050081 #lnb > ul > li > ul > li.on > a {padding:16px 7px;  }

}



@media all and (max-width: 767px) { 
	
	/************************************************
		Site Menu
	*************************************************/
	.tnb-box { display: none; }
	
	/************************************************
		Header
	*************************************************/
	#header {}
	#header h1 { margin: 23px 10px; }
	#header h1 a img { width: 210px; }

	/************************************************
		footer 
	*************************************************/
	
	.footer-quick-link li a,
	#footer .address { font-size: 1em; line-height: 1.2; }
	.footer-quick-link li a{ padding:0 15px}

	/************************************************
		LNB Menu Style
	*************************************************/
	#lnb { display: none !important; }
	/*버튼*/
	.ui-btn{ padding:5px 10px}
	.ui-btn.bigx2{ padding:13px 20px; font-size:1.1em  }
	.ui-btn.big{font-size:1em; padding:12px 15px} 
}

@media all and (max-width: 320px) { 
	
	/************************************************
		Site Menu
	*************************************************/
	.tnb-box { display: none; }
	
	/************************************************
		Header
	*************************************************/
	#header { border-bottom: 0; }
	#header h1 { margin: 23px 80px 23px 10px; }
	#header h1 a img { width: 100%; }
}