html { height:100%; }
body { color:#000;  font-size: 13px; font-size:inherit; font-family: 'Nanum Barun Gothic'; word-break: keep-all; }
a { text-decoration: none; }
input:focus{ outline: none; }

/*S:통합검색*/
.highlight {background-color:yellow;}
#header .search-area1 img { width: 15px !important; }
#header .search-area1 { position: absolute; right: 165px; top: 27px; line-height: normal;cursor: pointer; }
.search-area2 { position: absolute; right: 183px; top: 18px; line-height: normal; cursor: pointer; z-index: 100; background-color: #fff; height: 37px; width: 219px; }
.sInput{ height: 28px !important; width: 83%; }
.close { font-size: 12px; width: 12%; text-align: center;     display: inline-block; }
/*E:통합검색*/


#wrap {	height:100%; min-width:320px; position: relative; z-index: 999; }

.off { border: solid 1px #b4b3b3 !important; color: #b4b3b3; }

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; display:block !important; float:none !important; width:auto !important; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }
.bold { font-weight: bold; }

.p-left39 { padding-left: 39px; }
.reset { padding:0px; margin:0px; clear: both; font-size:0px; line-height: 0px; }

select { vertical-align: middle; font-family: 'Nanum Barun Gothic'; color:#444; height:24px; font-size:12px; border:solid 1px #ddd; border-radius: 2px; }
textarea { border:solid 1px #ddd; font-family: 'Nanum Barun Gothic'; font-size:12px; line-height: 1.4;  border-radius: 2px; }

.loading-container { position: fixed; width:100%; height:100%; background:url(/admin/asset/images/bg-pop-mask.png); z-index: 99999;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }

.popup-container { position: absolute; width:100%; height:100%; top:0px; left:0px; display:none; z-index: 1000; }
.popup-container .bg { position: fixed; background: #000; opacity: 0.8; filter:alpha(opacity=80); height: 100%; width:100%; }
.popup-container > iframe { position: absolute; top:50%; left:50%; width:600px; height:500px; margin:-300px 0 0 -250px; background:#fff; border:solid 5px #000; border-radius: 5px; }

.popup-body { background:none; }
#popup-wrap { padding:20px 15px 70px 15px; }
#popup-wrap h3 { color:#333; font-size:16px; margin-bottom:10px; }
#popup-wrap .form-style01 { padding:0px; border:none; }
#popup-wrap .form-style01 th { font-size:12px; }
#popup-wrap .form-style01 td { font-size:12px; }
#popup-wrap .list-style01 { padding:0px; border:none; }
#popup-wrap .list-style01 th { font-size:12px; }
#popup-wrap .list-style01 td { font-size:12px; }
#popup-wrap .search-container { padding:8px 10px; border-radius: 2px; }
#popup-wrap > .btn-container { position: fixed; left:0px; bottom:0px; padding:7px 0; width:100%; background:#eee; border-top:solid 1px #ddd; }

/*버튼*/
input { vertical-align: middle; font-family: 'Nanum Barun Gothic'; font-size:12px; }
input[type=text], input[type=password] { border:solid 1px #ddd; line-height: 20px; height:20px; border-radius: 2px; text-indent:5px;  }
input[type=button],input[type=submit] { color:#111; opacity: 0.8; filter:alpha(opacity=80); font-size:12px; margin:0px; padding:0px 8px !important; line-height: 22px; border:solid 1px #b4b3b3; border-radius: 2px; background:#eee; }
input[type=radio], input[type=checkbox] { padding:0px; margin:0px; }
input.small { line-height:19px; font-size:11px; color:#666; }
input.bic { line-height:26px; font-size:12px; color:#666; padding:0px 18px !important; min-width:70px; text-align: center;  }
input.black { background:#333; color:#fff; border:solid 1px #222; }
input.gray { background:#7d7d7d; color:#fff; border:solid 1px #666; }
input.red { background:#ed1c24; color:#fff; border:solid 1px #b31117; }
input.green { background: #459300 ; color:#fff; border:solid 1px #387601 ; }
input.green2 { background:#72d819; color:#111; border:solid 1px #60af1a; }

input.disabled { border:none;  }

.btn { color:#111; opacity: 0.8; filter:alpha(opacity=80); display:inline-block; vertical-align: middle; font-family: 'Nanum Gothic'; font-size:12px; margin:0px; padding:0px 8px !important; line-height: 22px; border:solid 1px #b4b3b3; border-radius: 2px; background:#eee; white-space: nowrap; }
.btn span { font-size:inherit; color:inherit; }
.btn.small { line-height:19px; font-size:11px; color:#666; }
.btn.small2 { line-height:16px; font-size:11px; color:#666; padding:0px 4px !important;  }
.btn.small3 { line-height:14px; font-size:10px; color:#666; padding:0px 3px !important; font-weight: normal; }
.btn.bic { line-height:26px; font-size:12px; color:#666; padding:0px 18px !important; min-width:70px; text-align: center;  }
.btn.black { background:#333; color:#fff; border:solid 1px #222; }
.btn.gray { background:#7d7d7d; color:#fff; border:solid 1px #666; }
.btn.red { background:#ed1c24; color:#fff; border:solid 1px #b31117; }
.btn.green { background: #459300 ; color:#fff; border:solid 1px #387601 ; }
.btn.green2 { background:#72d819; color:#111; border:solid 1px #60af1a; }

a.btn:hover { text-decoration: underline; }

img.responsive { width:100% !important; height:auto !important; }



/*페이징*/
.paging-container { text-align: center;  font-size:0px; padding:25px 0 15px 0; position: relative; margin-top:30px; }
.paging-container > a { display:inline-block; vertical-align: top; height:30px; line-height: 30px; width:31px; text-align: center; margin:0 0 1px 0; /*background:#efefef;*/ color:#777; font-size:11px; }
.paging-container > a.bic { width:40px; }
.paging-container > a img.over { display:none; }
.paging-container > a:hover img { display:none; }
.paging-container > a:hover img.over { display:inline; }



/*.paging-container > a:hover { text-decoration: underline; background:#666; border:solid 1px #666; color:#eee; }*/
/*.paging-container > a img {  margin-top:5px; height: 9px; }*/
.paging-container > ul { display:inline; margin:0 10px; }
.paging-container > ul li { display:inline-block; zoom:1; *display:inline; font-size:18px; margin:0 1px; }
.paging-container > ul li a { display:block; padding:0px 12px; line-height:30px; height:30px; color:#8c8c8c; font-weight:bold; /*border:solid 1px #ddd;*/ }
.paging-container > ul li.selected a { color:#143b61; }
/*.paging-container > ul li:hover a { text-decoration: underline; }*/

.attach-container { margin-top:40px; background:#efefef; padding:10px 15px; }
.attach-container .tt { font-weight: bold; }
.attach-container > ul > li { float:left; margin-right:15px; }
.attach-container > ul > li a { /*text-decoration: underline; */}
.attach-container > ul > li a:hover { text-decoration: underline; }

@-webkit-keyframes animationfade {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes animationSlidedown {
	from { opacity: 0; height:0px; }
	to { opacity: 1; height:300px; }
}

#header { position: absolute; top:0px; left:0px; width:100%; z-index: 10; }
#header .inner { max-width:1280px; height: 70px; margin:0 auto; position: relative; background:#fff; }
#header .logo { position: absolute; left:30px; top:13px; line-height: normal; }
#header img.gnb-mobile { display:none; }
#header .lang { position: absolute; right:30px; top:0px; line-height: normal; padding: 0px 15px; }
#header .lang > ul > li { float:left; }
#header .lang > ul > li > a { display:inline-block; zoom:1; *display:inline; color:#414141; font-size:14px; font-weight:normal; line-height: 70px; height:70px; }
#header .lang > ul > li > a:hover { font-weight: bold; }
#header .lang > ul > li:first-child { padding-right:12px; margin-right:9px; }
#header .lang > ul > li.selected > a { font-weight: bold; }
#header .lang > ul > li.select { background: url(/asset/images/icon_down.png) no-repeat right center; padding-right:18px; }
#header .lang > ul > li:hover > ul { display:block; }
#header .lang > ul > li > ul { position: absolute; border:solid 0px #ddd; background:rgba(255,255,255,0.9); width:70px; margin-left:-15px; display:none; -webkit-animation: animationfade 1s ; }
#header .lang > ul > li > ul li a { display:block; border-bottom:dotted 1px #ccc; color:#737373; text-align: center; line-height: 42px; height:42px; font-size:16px; }
#header .lang > ul > li > ul li a:hover { background:#666; color:#fff; }
#header .mainmenu { margin:0 160px; }
#header .mainmenu > ul { max-width:700px; margin:0 auto; }
#header .mainmenu > ul > li { float:left; width:20%; }
#header .mainmenu > ul > li > a { display:block; color:#737373; font-size:16px; font-weight: 700; text-align: center; white-space: nowrap;  line-height: 70px; height:70px; }
#header .mainmenu > ul > li:hover > a { color:#000; }
#header .mainmenu > ul > li.blue:hover > a { color:#009beb; }
#header .mainmenu > ul > li.red:hover > a { color:#ff2e38; }
#header .mainmenu > ul > li.green:hover > a { color:#00be67; }
#header .mainmenu > ul > li.pink:hover > a { color:#ff007e; }
#header .mainmenu > ul > li.blue2:hover > a { color:#009ac0; }

#header .mainmenu > ul > li.selected > a { color:#000; }
#header .mainmenu > ul > li.blue.selected > a { color:#009beb; }
#header .mainmenu > ul > li.red.selected > a { color:#ff2e38; }
#header .mainmenu > ul > li.green.selected > a { color:#00be67; }
#header .mainmenu > ul > li.pink.selected > a { color:#ff007e; }
#header .mainmenu > ul > li.blue2.selected > a { color:#009ac0; }

#header .mobile { display:none; position: absolute; right:15px; top:22px; }
#header .mainmenu > ul > li ul { border:solid 0px #ddd; background:rgba(255,255,255,0.9); width:216px; margin-left:-38px; display:none; -webkit-animation: animationfade 0.5s; }
#header .mainmenu > ul > li ul li { display:block; }
#header .mainmenu > ul > li ul li a { display:block; border-top:dotted 1px #d5d5d5; color:#737373; text-align: center; line-height: 42px; height:42px; font-size:16px; }
#header .mainmenu > ul > li ul li:first-child a { border-top:none; }
#header .mainmenu > ul > li:hover ul { display:block; }
#header .mainmenu > ul > li:hover ul li:hover  a { background:#666; color:#fff; /*-webkit-animation: animationfade 1s;*/ }
#header .mainmenu > ul > li.blue:hover ul li:hover  a { background:#009beb; background:url(/asset/images/btn_focus_about.png) no-repeat center; background-size:100% 100%; color:#fff;  }
#header .mainmenu > ul > li.red:hover ul li:hover  a { background:#ff2e38; background:url(/asset/images/btn_focus_product.png) no-repeat center; background-size:100% 100%; color:#fff;  }
#header .mainmenu > ul > li.green:hover ul li:hover  a { background:#00be67; color:#fff;  }
#header .mainmenu > ul > li.pink:hover ul li:hover  a { background:#ff007e; color:#fff;  }
#header .mainmenu > ul > li.blue2:hover ul li:hover  a { background:#009ac0; color:#fff;  }

#header .mainmenu > ul > li:hover ul li.selected  a { background:#666; color:#fff; /*-webkit-animation: animationfade 1s;*/ }
#header .mainmenu > ul > li.blue:hover ul li.selected  a { background:#009beb; background:url(/asset/images/btn_focus_about.png) no-repeat center; background-size:100% 100%; color:#fff;  }
#header .mainmenu > ul > li.red:hover ul li.selected  a { background:#ff2e38; background:url(/asset/images/btn_focus_product.png) no-repeat center; background-size:100% 100%; color:#fff;  }
#header .mainmenu > ul > li.green:hover ul li.selected  a { background:#00be67; color:#fff;  }
#header .mainmenu > ul > li.pink:hover ul li.selected  a { background:#ff007e; color:#fff;  }
#header .mainmenu > ul > li.blue2:hover ul li.selected  a { background:#009ac0; color:#fff;  }


#footer { clear:both; /*margin-top:100px;*/ background:#525252; padding:00px 15px 00px 15px; position: relative; z-index: 888; }
#footer .inner { max-width:1280px; margin:0 auto;  }
#footer .copyright { float:left; clear:both; padding:20px 0 20px 0; opacity: 1; }
#footer .copyright > li { float:left; color:#ddd; font-size:12px; text-align: center; line-height: 1.3; margin-right:9px; /*text-shadow: 1px 1px 1px #666;*/ padding:0px 0 0px 0;}

#footer .copyright > li.sitelink { float:right; margin-right:0px;  padding:0px; line-height: 55px; }
#footer .copyright > li.sitelink > a { display:block; background: url(/asset/images/icon_up2.png) no-repeat right center; padding-right:17px;  }
#footer .copyright > li.line { background:url(/asset/images/footer_line.png) no-repeat right 2px; padding-right:10px; }
#footer .sitelink {  float:right; }
#footer .sitelink > li > a { display:block; background: url(/asset/images/icon_up2.png) no-repeat right center; padding-right:17px; color:#ddd; font-size:12px;  line-height: 55px; opacity: 0.7; /*text-shadow: 1px 1px 1px #666;*/}
#footer .sitelink > li ul { display:none; position: absolute; bottom:55px; border:solid 0px #ddd; margin-left:-30px; background:#fff; text-shadow: none; }
#footer .sitelink > li ul li { display:block; }
#footer .sitelink > li ul li a { color:#737373; display:block; border-top:dotted 1px #d5d5d5; text-align: center; width:140px;  line-height: 42px; height:42px; font-size:16px; }
#footer .sitelink > li ul li:first-child a { border-top:none; }
#footer .sitelink > li:hover > a { color:#fff; }
#footer .sitelink > li:hover > ul { display:block;  }
#footer .sitelink > li:hover > ul > li:hover a { background:#666; color:#fff; }
#footer .copyright > li.line > a:hover b { color:#fff; }

.sb-slidebar { z-index: 9999; background: #333; max-width:320px; }
.sb-slidebar ul.menu { background:#525252; -webkit-transform: translateZ(0);}
.sb-slidebar ul.menu { padding-top:30px; }
.sb-slidebar ul.menu > li { border-bottom:solid 1px #696969; position: relative; }
/*.sb-slidebar ul.menu > li:first-child { border-top:solid 1px #696969; }*/
.sb-slidebar ul.menu > li a { display:block; line-height: 58px; height:55px; color:#fff; font-weight: bold; font-size:15px; text-indent:20px; padding-right: 15px; }
.sb-slidebar ul.menu > li.open_submenu > a span { display:block; background:url(/asset/images/gnb_icon.png) no-repeat right center; padding-right:2px; }
.sb-slidebar ul.menu > li.open_submenu.selected > a span { background:url(/asset/images/gnb_icon_over.png) no-repeat right center; }

.sb-slidebar ul.menu2 { margin-left:25px; margin-right:25px; margin-top:20px; }
.sb-slidebar ul.menu2 li { border-bottom:solid 0px #444; }
.sb-slidebar ul.menu2 li:first-child { border-top:solid 0px #444; }
.sb-slidebar ul.menu2 li a { display:block; line-height: 23px; height:23px; color:#fff; font-weight: normal; font-size:13px; text-indent:3px; }

.sb-slidebar ul.lang { padding:40px 25px 40px 25px; height:32px; }
.sb-slidebar ul.lang li { float:left; width:50%;  }
.sb-slidebar ul.lang li a { display:block; border:solid 1px #999; border-radius: 0px; font-size:13px; color:#fff; font-weight: 400; text-align: center; line-height: 32px; height:32px; margin-left:2px; }
.sb-slidebar ul.lang li:first-child a { margin-right:2px; margin-left:0px; }
.sb-slidebar ul.lang li.selected { display:none; }

/*S:슬라이드 서브메뉴*/
/*.sb-slidebar ul.menu li a.open_submenu span { font-size: 11px; float: right;     padding: 15px 0px; }*/
/*.sb-slidebar ul.menu li ul li.tt-line{ border-bottom: solid 1px #444; border-top: solid 1px #444; }*/
.sb-slidebar ul.menu li ul { display: none; padding:8px 0; border-top:solid 1px #696969;}
.sb-slidebar ul.menu li.open_submenu.selected > ul { display: block; visibility: visible; }
.sb-slidebar ul.menu li ul li { border-bottom: none; }
.sb-slidebar ul.menu li ul a { display: block; color: #999; font-weight: normal; text-indent: 16px; padding:10px 0; padding-left: 5px; font-size: 13px; line-height: 1; height:auto; }
.sb-slidebar ul.menu li ul li.selected a { color:#fff; }

.sb-slidebar ul.menu .lang { margin-left:20px; margin-bottom:40px; }
.sb-slidebar ul.menu .lang > a { display:inline-block; font-size:14px; color:#999999; margin:0px; padding:0px; line-height: none; height:auto; margin-right:10px; font-weight: normal; }
.sb-slidebar ul.menu .lang > a.home { background:url(/asset/images/gnb_btn_line.png) no-repeat right 7px; padding-right:15px; margin-right:14px; vertical-align: bottom; }
.sb-slidebar ul.menu .lang > a.selected { color:#fff; text-decoration: underline; }
.sb-slidebar ul.menu .lang > a.selected span { display:inline-block; border-bottom:solid 1px #c1c1c1; line-height:1; height:auto; padding:0px; text-indent: 0px; }

.sb-slidebar .sidebar-footer { margin:0 20px; }
.sb-slidebar .sidebar-footer .copyright { margin-top:35px; padding-bottom:30px; }
.sb-slidebar .sidebar-footer .copyright li { font-size:12px; color:#999999; line-height: 1.7; float:left; margin-right:8px; }


.sb-slidebar .util { position: relative; padding-top:35px; -webkit-transform: translateZ(0);}
.sb-slidebar .util > a {}
.sb-slidebar .util > a span { display:inline-block; border-bottom:solid 1px #919191; font-size:12px; font-weight: bold; color:#737373; }
.sb-slidebar .util .sitelink { position: absolute; top:30px; right:0px; border:solid 1px #737373;  }
.sb-slidebar .util .sitelink span { }
.sb-slidebar .util .sitelink > ul { display:none; position: absolute; top:100%; left:0px; width:100%; background:#fff; border:solid 1px #777; margin-left:-1px; z-index: 8; }
.sb-slidebar .util .sitelink .cur-title { position: relative; z-index: 9; padding:6px 9px 4px; display:block;  padding-right:8px; }
.sb-slidebar .util .sitelink .cur-title span { font-size:11px; color:#737373; font-weight: bold; background: url(/asset/images/side_icon_arrow.png) no-repeat right 3px; padding-right:15px;}
/*.sb-slidebar .util .sitelink:hover > ul { display:block; }*/
/*.sb-slidebar .util .sitelink:hover > ul a { display:block; font-size:12px; color:#737373; text-indent:5px; line-height: 25px; height:25px; }*/

.sb-slidebar .util .sitelink > ul a { display:block; font-size:12px; color:#737373; text-indent:5px; line-height: 25px; height:25px; }

/*E:슬라이드 서브메뉴*/

.con_bg { display:none; position:fixed; width:100%; height:100%; background:#000; opacity:.40; z-index:9998;}
.con_bg a { display:block; height:100%; width:100%; }
.con_bg.on {display:block;}


.color_orange { color:#ff7000; }
.color_blue { color:#009beb; }

.scroll-container { overflow-x: auto; }

.icon_pdf { display:inline-block; zoom:1; *display:inline; background:url(/asset/images/icon_download.png) no-repeat left 0px; padding-left:20px; white-space: nowrap; }


.btn-top-container { position: fixed; right:20px; bottom:30px; z-index: 900; display: none; }


@media all and (max-width: 1680px) {
	#header .lang { right: 11px;}
	#header .search-area1 { right: 143px;}
	.search-area2 { right: 105px;  top: 66px;}
}

@media all and (max-width: 1140px) {
	#footer { padding-bottom:10px; }
	#footer .copyright { padding-bottom:0px; }
	#footer .sitelink { float:left; clear:both; margin-top:0px; }
	#footer .sitelink > li ul { bottom:30px; width:100%; margin-left:0px; left:0px; }
	#footer .sitelink > li ul li a { width:auto; }
	#footer .sitelink > li > a { line-height: 30px; }
}

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

	#header { height:70px; line-height: 50px; position: fixed; }
	#header .lang ul li a { font-size:14px; }
	#header .lang { display:none; }
	#header .mainmenu { display:none; }
	#header .mainmenu ul li a { font-size:14px; }
	#header .logo { top:15px; left:15px; }
	#header .mobile { display:block; }
	#header .mobile a img { width:30px; }
	#header .logo img { display:none; }
	#header .logo img.gnb-mobile { display:inline; }
	#header .mobile img { display:none; }
	#header .mobile img.gnb-mobile { display:block; }
	#header .inner { height:70px; background:none;background: linear-gradient(to bottom, rgba(0,0,0,0.65), transparent); background:url(/asset/images/header_bg.png) repeat-x; background-size:100% 100%;/*background:url(/asset/images/gnb_gra_bg.png) repeat-x;*/ }

	#header .search-area1 { right: 49px; top: 16px;}
	.search-area2 { right: 0px; top: 50px; width: 100%; }
	.balloon:after, .balloon:before { left: 92.5%; }

	.sInput{width: 92%; }
	.close{ width: 7%; }


	#footer { display:none; }
}


@media all and (max-width: 800px) {
	.close{ width: 6%; }
}

@media all and (max-width: 640px) {
	#header { position: fixed; height:60px; }
	#header .mobile { top:21px; }
	#header .mobile a img { width:25px; }
	#header .logo { left:10px; }
	#header .logo img { height:28px; display:none; }
	#header .logo img.gnb-mobile { display:inline; }
	#header .mobile img { display:none; }
	#header .mobile img.gnb-mobile { display:block; }
	#header .inner { height:60px; }
	/*#header .inner { height:60px; background:none;background: linear-gradient(to bottom, #5201af, transparent); }*/

	.page_navi { display:none; }


	#footer .copyright li { text-align: left; }
	#footer .sitelink > li ul li a { font-size:14px; }

	.icon_pdf { background-size:12px auto; line-height: 20px; height:16px; padding-left:17px;  }

	.paging-container > ul li { font-size:13px; }
	.paging-container > a { width:22px; }
	.paging-container > a img { width:20px; }
	.paging-container > ul li a { line-height: 22px; padding:0 5px; font-weight: normal; }

}

@media all and (max-width: 440px) {
	/*#footer { margin-top:00px; padding-top:20px; padding:20px 15px 20px 15px; }*/
	#footer { margin-top:0px; padding-top:20px; padding:0px 0px 10px 0px; display:none; }
	#footer .inner { padding: 0 15px 0 15px; }
	#footer .link { text-align: center; }
	#footer .link li { float:none; display:inline-block; background-size:1px 12px; padding-left:6px; margin-left:2px; line-height: 23px; }
	#footer .link li a { font-size:10px !important; }
	#footer .link2 { text-align: center; padding-top:15px; }
	#footer .link2 li { float:none; display:inline-block; background-size:1px 12px; padding-left:6px; margin-left:2px; line-height: 23px; }
	#footer .link2 li a { font-size:10px; }
	#footer .sitelink > li ul { bottom:25px; }
	#footer .sitelink > li > a { font-size:10px; line-height: 24px; }
	#footer .copyright li { font-size:10px; line-height: 1.7; }
	#footer .copyright li:last-child { margin-top:0px; font-size:10px; }
	#footer .logo { padding:10px 0 40px 0; }

	.btn-top-container img { width:50px; }

}