@charset "utf-8";

/** BNUE MAIN Common Style **/

body { font-weight:400; color: #0e0d0d ; }
input, select, option, button { font-family: Noto Sans KR, sans-serif; font-size:0.9em; }
.fix-layout { max-width: 1315px; }

/* 2019-10-14 */
/*.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}*/


/************************************************
	Site Menu
*************************************************/
.tnb-box { background-color: #282828; }
.tnb-box .tnb-left { float: left; width :1097px; }
.tnb-box .tnb-right { float: right; }

.tnb-box .tnb-left li { float: left; border-left: 1px solid #282828; border-right: 1px solid #282828; }
.tnb-box .tnb-left li:first-child { border-left: 0; border-right: 1px solid #747474; }
/*.tnb-box .tnb-left li:last-child { display: none; }*/
.tnb-box .tnb-left li a { display: block; /*min-width : 156px;*/ height: 28px; padding: 0 10px; color: #ffffff; font-size: 0.83em; font-weight: 400; text-align: center; line-height: 28px; letter-spacing: -1px; }
.tnb-box .tnb-left li a:hover { background-color: #ffffff !important; }
.tnb-box .tnb-left li:first-child a { /*background: #ffffff url(/resources/images/main/common/header_down_arrow.png) no-repeat center 94%;*/ background:#ffffff; color: #174b80; } 
.tnb-box .tnb-left li:nth-child(2) a { background-color: #bc7725; } 
.tnb-box .tnb-left li:nth-child(3) a { background-color: #6b880f; } 
.tnb-box .tnb-left li:nth-child(4) a { background-color: #2960a5; } 
.tnb-box .tnb-left li:nth-child(5) a { background-color: #bb3941; } 
.tnb-box .tnb-left li:nth-child(6) a { background-color: #e99612; }
.tnb-box .tnb-left li:nth-child(7) a { background-color: #0a8b43;} 
.tnb-box .tnb-left li:nth-child(8) a { background-color: #7030a0;} 
.tnb-box .tnb-left li:nth-child(9) a { background-color: #1E408D;} 
.tnb-box .tnb-left li:last-child a { background-color: #eb7531; }
.tnb-box .tnb-left li a.kreon .graph-icon{display:inline-block; width:19px; height:12px; background:url(/resources/images/bnue/common/kreon-icon.png) no-repeat; background-size:cover; margin-right:5px}
.tnb-box .tnb-left li:nth-child(2) a:hover { color: #bc7725; } 
.tnb-box .tnb-left li:nth-child(3) a:hover { color: #6b880f; } 
.tnb-box .tnb-left li:nth-child(4) a:hover { color: #2960a5; } 
.tnb-box .tnb-left li:nth-child(5) a:hover { color: #bb3941; }
.tnb-box .tnb-left li:nth-child(6) a:hover { color: #e99612; }
.tnb-box .tnb-left li:nth-child(7) a:hover { color: #0a8b43; }
.tnb-box .tnb-left li:nth-child(8) a:hover { color: #7030a0; }
.tnb-box .tnb-left li:nth-child(9) a:hover { color: #1E408D; }
.tnb-box .tnb-left li:last-child a:hover { color: #eb7531; }
.tnb-box .tnb-left li:last-child a:hover .graph-icon{background:url(/resources/images/bnue/common/kreon-icon-h.png) no-repeat; background-size:cover;}
.tnb-box .tnb-left li i { padding-right: 5px; }

.tnb-box .tnb-right > ul,
.tnb-box .tnb-right > div { float: left; }
#tnb li { float: left; padding-top: 8px; }
#tnb li a { float: left; border-right: 1px solid #949494; padding: 0 12px; color: #ffffff; font-size: 0.75em; }
#tnb li:last-child a { border-right: 0; }
#tnb li i,
#tnb li a img { margin-right: 5px; }

.lang-select-box { position: relative; background-color: #3b3b3b; border-radius: 25px; width: 137px; height: 20px; margin: 4px 26px 0 24px; padding: 3px 13px 0 18px; font-size: 0.75em; }
.lang-select-box p { cursor: pointer; color: #ececec; }
.lang-select-box p i { float: right; }
.lang-select-box ul { display: none; position: absolute; top: 100%; left:0; right: 0; marign: 0 auto; background-color: #ffffff; border: 1px solid #cccccc; border-top: 0; Z-index: 2; }
.lang-select-box ul li { float: none !important; cursor: pointer; padding: 10px 5px !important; font-size: 1em; }



/************************************************
	Header
*************************************************/
#header { position: relative; background-color: #ffffff; border-bottom: 1px solid #d1d1d1; }
#header h1 { float: left; margin-left: 43px; margin-top: 25px; }
#header .header-right { float: right; width: 80%; width: calc(100% - 300px); width: -webkit-calc(100% - 300px); }
#header .sitemap-icon { position: absolute; right: 0; display: block; background-color: #00a666; width: 89px; height: 87px; text-align: center; line-height: 87px; }
#header .btn-gnb-view {}
#header .btn-gnb-view a { position: static; background-color: #ffffff; border: 1px solid #d7d7d7; border-radius: 0; width: 50px; height: 46px; line-height: 46px; text-indent: 0; text-align: center;  }
#header .btn-gnb-view a:before { content: none; }

/************************************************
	Footer
*************************************************/
#footer { background: #f4f6f7 url(/resources/images/main/common/footer_bg.gif) repeat-y 50% center; background-size: contain; }
#footer .footer-menu-list,
#footer .footer-right { min-height: 235px; padding: 53px 37px 56px }
#footer .footer-menu-list { float: left; width: 32%; background-color: #1e3955;}
#footer .footer-right { float: right; width: 68%; background-color : #e3e4e8; }
#footer .footer-menu-list li { float: left; width: 50%; margin-bottom: 4px; text-align: center; }
#footer .footer-menu-list li a { display: block; border: 1px solid #c6cde0; height: 38px; margin-right: 10px; color: #ffffff; font-size: 0.875em; line-height: 38px; }
#footer .footer-right .footer-info { float: left; width:70%;}
#footer .footer-right .footer-quick { float: right; }
#footer .footer-right .footer-quick div { margin-bottom:3px;}
#footer .footer-right .footer-quick select { width:150px; height:38px; padding:7px; }
#footer .footer-right .footer-quick .ui-btn { height:38px; padding:10px 15px; font-size:0.93em; background:#6f6f6f; border-color:#6f6f6f; border-radius:0; }
#footer .footer-right p { margin-bottom: 20px; color: #232323; font-size: 1.25em; font-weight: 500; }
#footer .footer-right .footer-addr { margin-bottom: 12px; font-size: 0.875em; line-height:1.6em; }
#footer .footer-right .footer-addr br { display:block; }
#footer .footer-right .footer-copyright { margin-bottom: 0; color: #080808; font-size: 0.75em; font-weight: 300; line-height:1.5em; }
#footer .footer-right .footer-copyright br { display:none; }
#footer .footer-right p a { display: inline-block; border-radius: 50%; width: 25px; height: 25px; color: #ffffff; text-align: center; }
#footer .footer-right p .bnue-tw { background-color: #009fcf; margin-left: 8px; }
#footer .footer-right p .bnue-fb { background-color: #375aa2; margin-left: 3px; }
#footer .footer-right p a i { font-size: 0.7em; }
.footer-info{ position:relative}

.award{ position:absolute; right:-80px; top:0px}
/* 2019-11-20 추가 */
#footer .footer-right .foot-lic {position:absolute;top:10px;right:0;}
#footer .footer-right .foot-lic li {display:inline-block;vertical-align:middle;margin:0 5px;}
#footer .footer-right .foot-lic li a {display:block;background:url(/resources/images/main/common/footer_mark.png) no-repeat 0 -23px;margin:0 auto;}
/* #footer .footer-right .foot-lic li.wa a {width:68px;height:48px;background-position:0 -3px;}
#footer .footer-right .foot-lic li.web a {width:40px;height:48px;background-position:0 -60px;}*/
#footer .footer-right .foot-lic li.wa a {width:102px;height:75px;background-position:0 0px;}
#footer .footer-right .foot-lic li.web a {width:60px;height:77px;background-position:0 -80px;}


/************************************************
	GNB Menu Style
*************************************************/
#gnb { display: block; padding-left: 14%; }
#gnb > ul { margin: 0; padding-top: 35px; }
#gnb > ul > li { float: left; width :auto !important; margin: 0 20px; }
#gnb > ul > li:first-child { margin-left: 0; }
#gnb > ul > li:last-child { margin-right: 0; }
#gnb > ul > li > a { /*border-bottom: 4px solid #ffffff;*/ padding: 0 26px 30px; color: #201f1f; font-size: 1.25em; font-weight: 400; }
#gnb > ul > li > a[target="_blank"]:after { content: "\f35d"; padding-left: 5px; color: #0076e4; font-family: Font Awesome\ 5 Free; font-weight: 900; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; }
#gnb > ul > li.on > a, 
#gnb > ul > li.on-page > a,
#gnb > ul > li > a:hover {/* border-bottom: 4px solid #0076e4;*/ color:#0076e4;  background:url(/resources/images/main/common/menu_bg.gif) repeat-x 0px bottom;}
#gnb ul ul { display: block; }
#gnb ul ul ul ul { display: none; }

#gnb .gnb-sub-box { display: none; position: absolute; top: 87px; left: 0; width: 100%; /*background-color: #efefef;*/ background-color: #e8f1fa; border-top: 1px solid #d1d1d1; border-bottom:solid 1px #ffffff; z-index: 5; }
#gnb .gnb-sub-box > div,
#gnb .gnb-sub-box .gnb-sub { height: 250px; }
#gnb .gnb-sub-box .gnb-left-box { float: left; width :26%; height:330px; background: #0076e4 url(/resources/images/main/common/gnb_left_bg.png) no-repeat 12% bottom; padding: 50px 40px 0 0; }
#gnb .gnb-sub-box .gnb-sub-wrap { float: left; width: auto; max-width: 74%; padding:30px 0 25px 27px; }
#gnb .gnb-left-box p { padding-bottom: 15px; color: #DBD8C6; line-height: 1.33; font-size: 0.9375em; text-align: right; }
#gnb .gnb-left-box .gnb-sub-title { background: url(/resources/images/main/common/lnb_left_bg.png) no-repeat right bottom; margin-bottom: 17px; color: #ffffff; font-size: 2.125em; font-weight: 500; }

#gnb .gnb-sub-box .gnb-sub { /*border-left: 1px dashed #bfbfbf;*/ width: 100%; max-width: 1024px; display: flex; -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap;}
#gnb .gnb-sub-box .gnb-sub a { padding:13px 100px 13px 33px; }
#gnb .gnb-sub-box .gnb-sub a[target="_blank"]:after { content: "\f35d"; padding-left: 5px; color: #0076e4; font-family: Font Awesome\ 5 Free; font-weight: 900; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; }
#gnb .gnb-sub-box .gnb-sub > li { border-right: 2px solid #ffffff; /*width: 256px;*/ /*flex-grow: 1;*/ }
#gnb .gnb-sub-box .gnb-sub > li > a { color: #000000; /*font-size: 1.125em;*/ font-size: 1.2em; }
#gnb .gnb-sub-box .gnb-sub li.on-page > a,
#gnb .gnb-sub-box .gnb-sub a:hover { background-color: #ffffff; color: #0076e4; }
#gnb .gnb-sub-box .gnb-sub-depth {}
#gnb .gnb-sub-box .gnb-sub-depth li {}
#gnb .gnb-sub-box .gnb-sub-depth li a { padding:5px 10px 5px 35px; color: #646464; font-size: 0.93em; }
#gnb .gnb-sub-box .gnb-sub-depth li a:before { content:"-"; padding-right:8px;  }
#gnb .gnb-sub-box .gnb-sub-depth li ul { margin:5px 0 10px 0; padding:10px 0; background:#c9d9e8; }
#gnb .gnb-sub-box .gnb-sub-depth li ul li a { padding:8px 10px 8px 40px; color: #5785b1; font-size: 0.81em; letter-spacing:-0.04em; }
#gnb .gnb-sub-box .gnb-sub-depth li ul li a:before { content:"ㆍ"; padding-right:4px;  }
#gnb a.Hansae-in {display:none;}

#gnb .gnb-not-list { height: 44px; }
#gnb .gnb-not-list > a { width: 0; height: 0; padding: 0 !important; overflow: hidden; }

/************************************************
	LNB Menu Style
*************************************************/
.sub-right-mobile { display: none; }
.sub-right-box { float: left; width: 260px; background-color: #ffffff; border: 1px solid #dddddd; box-shadow: 0px 0px 5px 0px rgba(6, 0, 1, 0.23); padding: 42px 15px 15px; z-index: 2;}
.sub-page #lnb { width: auto; }
#lnb > ul { max-width: none; }
#lnb > ul > li { border-bottom: 0; padding-bottom: 0; }
#lnb > ul > li > a { margin-bottom: 0; padding: 0 0 25px 10px; color: #464646; font-size: 1.375em; font-weight: 500; }
#lnb > ul > li > ul { margin-bottom: 15px; }

#lnb > ul > li > ul > li > a { background: url(/resources/images/main/sub/lnb_menu_bg.gif) no-repeat 90% center; border-top: 0; border-bottom: 1px solid #eeeeee; padding: 12px 0 12px 12px; color: #454545; font-size: 0.933em; }
#lnb > ul > li > ul > li > a:hover,
#lnb > ul > li > ul > li.on > a { background-color: #25539e; background-image: url(/resources/images/main/sub/lnb_menu_bg_hover.gif); color: #ffffff; font-weight: 300; }

#lnb > ul > li > ul > li.on > a { padding-left: 12px; }
#lnb > ul > li > ul > li > ul { border: 0; background-color: #f0f0f0; padding:10px; }
#lnb > ul > li > ul > li > ul > li > a { padding: 0px 5px 0px 5px !important; border-top: 0; font-size: 0.8em; font-weight: 300; letter-spacing:-0.1em; } 
#lnb > ul > li > ul > li > ul > li > a:before { content: '-' !important; padding-right: 5px; }
#lnb > ul > li > ul > li > ul > li.on > a,
#lnb > ul > li > ul > li > ul > li > a:hover,
#lnb > ul > li > ul > li > ul > li.check > a { color: #25539e;  font-weight: 300 !important; }
#lnb > ul > li > ul > li > ul > li.on > a:before { content: none; background: transparent; position: static; display: inline; }
#lnb .lnb-sub ul { display: none; }


/************************************************
	PageTop Style
*************************************************/
#pageTop { position: fixed; right: 12px; bottom: 110px; z-index: 9999; }
#pageTop a { color: #ffffff; display: block; width: 77px; padding: 19px 0; text-align: center; background-color:#313131; border:solid 2px #ffffff; border-radius:50%; }
#pageTop a i { font-size: 1.3em; }
#pageTop a span { display: block; font-size: 0.86em; }
#pageTop a:hover { background-color: #0076e4; }


.news-tab-cont > li > ul { position: static; display: block; height: 95px; overflow-y: auto; }

/* textbox 스타일*/
.t-box {background: url(/resources/images/main/common/t-box_bg.gif) left	center;	margin: 0 0 20px;	padding-left: 8px;	padding: 3px;	letter-spacing: -0.02em !important;	padding: 10px 10px !important;}
.t-box-inner {	background: #ffffff;	padding: 25px 30px;}
.t-box-inner .list-01 li {	margin-top: 15px;}
.t-box-inner .list-01 li .text-red {	font-size: 1.2em;}

/* textbox 스크롤 스타일*/
.s-box {background: url(/resources/images/main/common/t-box_bg.gif) left	center;	margin: 0 0 20px;	padding-left: 8px;	padding: 3px;	letter-spacing: -0.02em !important;	padding: 10px 10px !important;}
.s-box-inner {	background: #ffffff;	padding: 25px 30px; height: 280px; overflow-y: auto;}
.s-box-inner .list-01 li {	margin-top: 15px;}
.s-box-inner .list-01 li .text-red {	font-size: 1.2em;}



/** BNUE Common Style Responsive **/

@media all and (min-width: 1200px) { 
	.fixed { position: fixed !important; top: 0; left: 0; width: 100% !important;  z-index: 100; }
}



@media all and (max-width: 1600px) { 
	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb .gnb-sub-box .gnb-sub a { padding:13px 73px 13px 20px; }
	#gnb .gnb-sub-box .gnb-sub-depth li a { padding:7px 30px 7px 25px; }
}

@media all and (max-width: 1600px) { 
	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb .gnb-sub-box .gnb-left-box { width:22%; }
	#gnb .gnb-sub-box .gnb-sub-wrap { width:78%; }
}

@media all and (max-width: 1550px) { 
	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb { padding-left:4%; }
	#gnb > ul > li { margin:0 15px; }
}

@media all and (max-width: 1400px) { 
	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb { padding-left: 0; }
	#gnb > ul > li { margin: 0 0.1%; }
	#gnb .gnb-sub-box .gnb-left-box { width:18%; }
	#gnb .gnb-left-box .gnb-sub-title { display:block; font-size:1.5em; }
	#gnb .gnb-left-box p { display:none; }
	#gnb .gnb-sub-box .gnb-sub-wrap { width:82%; }
	#gnb .gnb-sub-box .gnb-sub a { padding:13px 50px 13px 10px; }
	#gnb .gnb-sub-box .gnb-sub-depth li a { padding:7px 40px 7px 15px; }
  
  /************************************************
		Footer
	*************************************************/

	.award{ right:-65px; }	
}


@media all and (max-width: 1200px) { 
	.fix-layout { width: auto; }

	/************************************************
		Site Menu
	*************************************************/
	.tnb-box .tnb-left { float:none;   }
	.tnb-box .tnb-left li { width:50%; border-left:none; border-bottom:1px solid #282828; }
	.tnb-box .tnb-left li:last-child { display: block; width: 100%;}
	.tnb-box .tnb-left .tnb-left-main { display:none; }
	.tnb-box .tnb-left li a { height: 43px; padding:0 3px; line-height: 43px; min-width: auto; font-size:0.8em; }
	.tnb-box .tnb-left li a i { display: none; }
	.tnb-box .tnb-left li a.kreon .graph-icon{display:none;}
	.tnb-box .tnb-left li:nth-child(2) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(3) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(4) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(5) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(6) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(7) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(8) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(9) a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:last-child a { background-color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(2) a:hover { color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(3) a:hover { color: #1e3955; }
	.tnb-box .tnb-left li:nth-child(4) a:hover { color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(5) a:hover { color: #1e3955; } 
	.tnb-box .tnb-left li:nth-child(6) a:hover { color: #1e3955; }
	.tnb-box .tnb-left li:nth-child(7) a:hover { color: #1e3955; }  
	.tnb-box .tnb-left li:nth-child(8) a:hover { color: #1e3955; }   
	.tnb-box .tnb-left li:nth-child(9) a:hover { color: #1e3955; }  
	.tnb-box .tnb-left li:last-child a:hover { color: #1e3955; }
	#tnb li a { padding-left: 8px}


	.tnb-box .tnb-right { float: none; top: 242px; /*border-top:solid 1px #ffffff;*/ }
	#tnb { background-color: #f0b500; width: 100%; height:50px;  /*margin-top: 70px;*/ padding: 8px 0; }
	#tnb li { padding-top: 0; width: 50%; text-align: center; }
	/* #tnb li.office { width:100%; padding:12px 0 0 0; } */
	#tnb li a { border-right-color: #ffffff; font-size: 0.875em; min-height:18px; line-height:18px;}
	#tnb li:nth-child(2) a{border-right:0; }
	
	/* 	.lang-select-box { width: 115px; margin: 7px 5px 0;} */
	.lang-select-box { position: absolute; top: 0; width: 100%; height: 70px; /*background-color: rgba(227, 91, 0, 0.43);*/ background-color: rgba(227, 91, 0, 1); border-radius: 0; margin: 0; padding-top: 0; }
	.lang-select-box > p ,
	.lang-select-box p i{ font-size: 1.16em; line-height: 70px; }

	/************************************************
		Header
	*************************************************/
	#header { height: 66px; }
	#header h1 { margin-left: 20px; }
	#header h1 img { width: 168px; height: auto; }
	#header .header-right { width: 80%; width: calc(100% - 260px); width: -webkit-calc(100% - 260px); }
	#header .sitemap-icon { display: none; }
	
	/************************************************
		Footer
	*************************************************/
	#footer { background :none; padding: 0;   }
	#footer .footer-menu-list,
	#footer .footer-right { float: none; width: auto; height: auto; min-height: auto; padding: 15px 20px; }
	#footer .footer-menu-list { background-color: #1e3955; }
	#footer .footer-right { background-color : #f4f6f7 ; }
	#footer .footer-right .footer-info,
	#footer .footer-right .footer-quick { float: none; }
	#footer .footer-right .footer-info { margin-bottom: 15px; width:100%;}
	
	.award{ right:150px; }
	

	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb,
	.tnb-box .tnb-left { display: none; position: absolute; top:24px; right: 0; width: 260px; z-index: 5; }
	.tnb-box .tnb-right { display: none; position: absolute; right: 0; width: 260px; z-index: 5; }
	#gnb { top: 292px; background-color: #0464be; padding-left: 0; }
	#gnb > ul { padding-top: 0; }
	#gnb > ul > li { float: none; width: auto; margin: 0; text-align:left; }
	#gnb > ul > li > a { height: 49px; padding: 16px 0 16px 33px; color: #ffffff; font-size: 1.1428em; }
	#gnb > ul > li > a,
	#gnb > ul > li.on > a,
	#gnb > ul > li > a:hover { border-bottom: 1px solid #3985cc; background-image:none }
	#gnb > ul > li > a:hover { color: #9af9ff; }
	
	#gnb .has-sub-menu > a { background: url(/resources/images/main/common/gnb_plus_icon.png) no-repeat 90% center; }
	
	#gnb .has-sub-menu:after ,
	#gnb .open.has-sub-menu:after { content: none; }
	
	#gnb .open .gnb-sub-box { display: block; }
	#gnb .gnb-sub-box .gnb-sub a { padding-right: 10px; padding-left:34px; }
	#gnb .gnb-sub-box > div,
	#gnb .gnb-sub-box .gnb-sub { height: auto; border-left: 0; display: block;  }
	#gnb .gnb-sub-box .gnb-sub > li { border-right: 0; }
	#gnb .gnb-sub-box .gnb-sub > li.open { padding-bottom: 15px; background:#ffffff; border-bottom:solid 1px #efefef; }
	#gnb .gnb-sub-box .gnb-left-box { display: none; }
	#gnb .gnb-sub-box { position: static; }
	#gnb .gnb-sub-box .gnb-sub-wrap { float: none; width:100%; max-width: none; padding: 0; }
	#gnb .gnb-sub-box .gnb-sub-depth { display: none; }
	#gnb .gnb-sub-box .gnb-sub-depth li a { padding:7px 10px 7px 40px; letter-spacing:-0.1em; }
	
	#gnb .gnb-not-list { display: none; }
	
	#header .btn-gnb-view { display: block; position: absolute; right: 15px; top: 14px; width: 40px; height: 40px;  }
	.btn-gnb-view a { display: block; }
	
	/************************************************
		LNB Menu Style
	*************************************************/
	.sub-right-mobile { display: block; position: absolute; top: 50px; right: 5px; border: 1px solid #d7d7d7; width: 50px; line-height: 45px; text-align: center; }
	.sub-right-box { display:none; float: none; position: absolute; right: 5px; }
	#lnb > ul li.on > ul { display: block; }
	
	/************************************************
		PageTop Style
	*************************************************/
	#pageTop { right: 3%; }
	
}

@media all and (max-width: 768px) { 
	
	/************************************************
		Site Menu
	*************************************************/

	
	/************************************************
		Header
	*************************************************/

	
	/************************************************
		Footer
	*************************************************/
	#footer .footer-right .footer-addr br { display:block; }
	#footer .footer-right .footer-copyright br { display:block; }
	
	.award img{ width:25px}
	.award { left:256px}
	

}

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

	/************************************************
		Site Menu
	*************************************************/
	.tnb-box .tnb-left li a {padding: 0 5px;font-size: 0.86em;}
	
	/************************************************
		Footer
	*************************************************/
	#footer .footer-right .footer-quick select { width:75%; }
	
	#footer .footer-right .foot-lic { position:relative; top:auto; right:auto; padding:20px 0px; }

}

 

 
/*버튼 색상 메인용 별도*/
/*** Button Style */
.ui-btn { border-radius:3px; padding:10px 30px; background:#0c94db; border-color:#0985c5; font-size:1em; font-weight:400; } 
.ui-btn:hover { background: #0985c5; border-color: #0771a8; }
.ui-btn img { display:none; }
/* color */
.ui-btn.blue:hover	{ background: #1560b5;border-color: #0e6596;}

/*** Color Style */
.fcBlack { color: #000000 !important; }
.fcRed { color: #ff0000 !important; }
.fcOrange { color: #ff6600 !important; }
.fcBlue { color: #0066cc !important; }
.fcGreen { color: #3a9225 !important; }