@import url( http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900 );
html {
	
}
body {
	
}
body {
	margin: 0px; padding: 0px; color: rgb(102, 102, 102); line-height: 1.7em; font-family: Open Sans, Helvetica Neue, Roboto, "NanumGothic", "nbg", "Malgun Gothic", Dotum, Arial, Helvetica, sans-serif; font-size: 14px;
}
.title {
	margin: 35px auto 15px; padding: 0px; width: 100%; font-size: 18px; font-weight: bold;
}
img {
	border: currentColor; border-image: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	color: rgb(15, 88, 172);
}
input[type='text'] {
	-webkit-appearance: none; -moz-appearance: none;
}
input[type='email'] {
	-webkit-appearance: none; -moz-appearance: none;
}
input[type='search'] {
	-webkit-appearance: none; -moz-appearance: none;
}
input[type='password'] {
	-webkit-appearance: none; -moz-appearance: none;
}
button {
	
}
a {
	
}
button {
	
}
input {
	
}
#footer .TailMenu {
	text-align: center;
}
#footer .Tailleft {
	width: calc(50% - 20px); text-align: left; line-height: 20px; padding-left: 100px; vertical-align: top; display: inline-block; box-sizing: border-box;
}
#footer .Tailleft img {
	
}
#footer .TailRight {
	width: calc(50% - 20px); text-align: right; padding-left: 20px; vertical-align: bottom; display: inline-block; box-sizing: border-box;
}
#footer .TailAgentAddr {
	width: calc(50% - 10px); text-align: left; display: inline-block; max-width: 350px;
}
#footer .TailAgentArea {
	margin: 1px 10px 1px 0px; padding: 2px; width: 60px; text-align: center; display: inline-block; background-color: rgb(102, 102, 102);
}
#footer #TailCopyRight {
	text-align: center; margin-top: 20px;
}
.clear {
	clear: both;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.pd10 {
	padding: 10px;
}
.pd_t10 {
	padding-top: 10px;
}
.pd_b10 {
	padding-bottom: 10px;
}
.mg10 {
	margin: 10px;
}
.mg_t10 {
	margin-top: 10px;
}
.bg_w {
	background-color: rgb(255, 255, 255);
}
#hd_login_msg {
	left: 0px; top: 0px; line-height: 0; overflow: hidden; font-size: 0px; position: absolute;
}
.valign_07 {
	vertical-align: -0.7em;
}
.valign_06 {
	vertical-align: -0.6em;
}
.valign_05 {
	vertical-align: -0.5em;
}
.valign_04 {
	vertical-align: -0.4em;
}
.valign_03 {
	vertical-align: -0.3em;
}
.valign_02 {
	vertical-align: -0.2em;
}
.valign_01 {
	vertical-align: -0.1em;
}
.valign_00 {
	vertical-align: 0px;
}
.valign01 {
	vertical-align: 0.1em;
}
.valign02 {
	vertical-align: 0.2em;
}
.valign03 {
	vertical-align: 0.3em;
}
.valign04 {
	vertical-align: 0.4em;
}
.font10 {
	font-size: 10px;
}
.font11 {
	font-size: 11px;
}
.font14 {
	font-size: 14px;
}
.font18 {
	font-size: 18px;
}
.font24 {
	font-size: 24px;
}
.font28 {
	font-size: 28px;
}
.font46 {
	font-size: 46px;
}
.font18_1 {
	font: bold 18px/normal Malgun gothic; font-size-adjust: none; font-stretch: normal;
}
.font46_1 {
	font: bold 46px/100px Verdana; font-size-adjust: none; font-stretch: normal;
}
.font_my {
	font-family: Myriad Pro;
}
.font_va {
	font-family: Verdana;
}
.font_ta {
	font-family: tahoma;
}
.font_do {
	font-family: "Dotum";
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt55 {
	margin-top: 55px;
}
.mt60 {
	margin-top: 60px;
}
.mt75 {
	margin-top: 75px;
}
.taC {
	text-align: center;
}
.taR {
	text-align: right;
}
.taL {
	text-align: left;
}
.pBox {
	width: 100%; overflow: hidden; position: relative;
}
.red {
	color: rgb(210, 30, 30);
}
.orange {
	color: rgb(240, 106, 46);
}
.yellow {
	color: rgb(230, 163, 0);
}
.green {
	color: rgb(30, 152, 10);
}
.sky {
	color: rgb(49, 133, 225);
}
.sky2 {
	color: rgb(35, 144, 167);
}
.blue {
	color: rgb(38, 114, 199);
}
.violet {
	color: rgb(142, 83, 197);
}
.black {
	color: rgb(0, 0, 0);
}
.gray {
	color: rgb(117, 117, 117);
}
.gray2 {
	color: rgb(65, 65, 65);
}
.point01 {
	color: rgb(200, 82, 82);
}
.point02 {
	color: rgb(74, 151, 154);
}
.point03 {
	color: rgb(206, 6, 72);
}
.point04 {
	color: rgb(102, 102, 102);
}
.green3 {
	color: rgb(186, 255, 0);
}
.green4 {
	color: rgb(54, 161, 134);
}
.greendark {
	color: rgb(178, 217, 83);
}
.greenneon {
	color: rgb(204, 255, 0);
}
.skyneon {
	color: rgb(0, 255, 255);
}
.redpink {
	color: rgb(234, 50, 86);
}
.white {
	background: none; color: rgb(255, 255, 255);
}
.orange2 {
	color: rgb(174, 122, 99);
}
.blue2 {
	color: rgb(84, 123, 162);
}
.blue3 {
	color: rgb(75, 98, 233);
}
.redpink2 {
	color: rgb(151, 103, 81);
}
.green2 {
	color: rgb(80, 129, 73);
}
.hotpink {
	color: rgb(211, 83, 209);
}
.hotpink2 {
	color: rgb(224, 61, 127);
}
.bg_red {
	background-color: rgb(210, 30, 30);
}
.bg_red:hover {
	background-color: rgb(185, 21, 21);
}
.bg_orange {
	background-color: rgb(241, 113, 57);
}
.bg_yellow {
	background-color: rgb(230, 163, 0);
}
.bg_green {
	background-color: rgb(113, 196, 96);
}
.bg_green2 {
	background-color: rgb(104, 171, 30);
}
.bg_sky {
	background-color: rgb(127, 174, 232);
}
.bg_sky2 {
	background-color: rgb(49, 178, 205);
}
.bg_blue {
	background-color: rgb(50, 130, 213);
}
.bg_blue2 {
	background-color: rgb(93, 116, 194);
}
.bg_violet {
	background-color: rgb(138, 136, 220);
}
.bg_violet2 {
	background-color: rgb(167, 117, 214);
}
.bg_black {
	background-color: rgb(0, 0, 0);
}
.bg_gray {
	background-color: rgb(117, 117, 117);
}
.bg_gray2 {
	background-color: rgb(65, 65, 65);
}
.bg_point01 {
	background-color: rgb(200, 82, 82);
}
.bg_point02 {
	background-color: rgb(74, 151, 154);
}
.bg_point03 {
	background-color: rgb(206, 6, 72);
}
.bg_point04 {
	background-color: rgb(102, 102, 102);
}
.bg_green3 {
	background-color: rgb(186, 255, 0);
}
.bg_greendark {
	background-color: rgb(178, 217, 83);
}
.bg_greenneon {
	background-color: rgb(204, 255, 0);
}
.bg_skyneon {
	background-color: rgb(0, 255, 255);
}
.bg_redpink {
	background-color: rgb(234, 50, 86);
}
.bg_white {
	background: none;
}
.bg_brown {
	background-color: rgb(125, 121, 81);
}
.bg_pink {
	background-color: rgb(219, 80, 145);
}
.border_4 {
	padding: 1px; border: 6px solid rgb(240, 240, 240); border-image: none;
}
textarea {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51); font-family: "Nanum Gothic","NanumBarunGothic","Malgun Gothic", Dotum; font-size: 14px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05);
}
input {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51); font-family: "Nanum Gothic","NanumBarunGothic","Malgun Gothic", Dotum; font-size: 14px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.select_form {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51); font-family: "Nanum Gothic","NanumBarunGothic","Malgun Gothic", Dotum; font-size: 14px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.select_form {
	
}
.select_form {
	background: url("../images/select_arrow.png") no-repeat right rgb(255, 255, 255); padding: 5px; overflow: hidden; margin-right: 5px; z-index: 2;
}
.select_form select {
	background: none; margin: 0px; padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; line-height: 1; font-size: 12px; z-index: 1; -webkit-appearance: none;
}
#header {
	width: 100%; position: fixed; z-index: 888888888;
}
.top_wrap {
	background: url("../images/common/bg_top.png") repeat-x 0px 0px; margin: 0px auto; width: 100%; height: 79px; border-bottom-color: rgb(225, 68, 68); border-bottom-width: 4px; border-bottom-style: solid; z-index: 9;
}
.top_wrap .topmenu {
	margin: 0px auto; text-align: center;
}
.top_wrap .topmenu .logo {
	top: 15px; width: 220px; margin-left: 30px; position: absolute; z-index: 100;
}
.top_wrap .topmenu .logo a {
	color: rgb(68, 68, 68);
}
.top_wrap .topmenu .logo .branch a {
	margin: 0px 2px; padding: 0px 10px 1px; color: rgb(255, 255, 255); background-color: rgb(153, 153, 153);
}
.top_wrap .topmenu .logo .branch a:hover {
	background-color: rgb(249, 123, 0);
}
.top_wrap .topmenu .logo .branch .on {
	background-color: rgb(249, 123, 0);
}
.top_wrap .topmenu .logo .branch .on2:hover {
	background-color: rgb(129, 88, 180);
}
.top_wrap .topmenu .smenu {
	text-align: center; color: rgb(85, 85, 85); line-height: 14px; padding-left: 10px; font-family: Verdana, Dotum; font-size: 11px; margin-top: 35px; float: right;
}
.top_wrap .topmenu .smenu a {
	color: rgb(90, 148, 220); text-decoration: none;
}
.top_wrap .topmenu .smenu a:hover {
	color: rgb(0, 0, 0); text-decoration: underline;
}
.top_wrap .topmenu .line {
	width: 1px; height: 15px; margin-left: 3px; float: right; background-color: rgb(201, 201, 201);
}
.top_wrap .topmenu .search_all {
	margin-top: 25px; float: right;
}
.top_wrap .topmenu .search_all input {
	background: url("../images/ico/search.png") no-repeat 210px 5px rgb(255, 255, 255); border: currentColor; border-image: none; width: 200px; height: 28px; color: rgb(51, 51, 51); line-height: 28px; padding-right: 25px; padding-left: 10px;
}
.top_wrap .topmenu .search_all .btn_search {
	margin: 0px; padding: 0px; border-radius: 16px; border: currentColor; border-image: none; width: 32px; height: 32px; color: rgb(255, 255, 255); line-height: 32px; font-size: 12px; background-color: rgb(255, 151, 3);
}
.top_wrap .topmenu .search_all .btn_search:hover {
	background-color: rgb(255, 104, 3);
}
.top_wrap .topmenu .search_all .btn_search:focus {
	background-color: rgb(255, 104, 3);
}
.top_wrap .topmenu .search_all .btn_search:active {
	background-color: rgb(130, 78, 43);
}
.top_wrap .topmenu .nav_all {
	list-style: none; left: 50%; width: 48px; overflow: hidden; margin-top: -11px; margin-left: 550px; display: inline; position: absolute; z-index: 100;
}
.top_wrap .topmenu .nav_all a {
	background-position: 9px 13px; margin: 0px; padding: 46px 0px 0px; border: 1px solid rgb(204, 204, 204); border-image: none; height: 0px !important; overflow: hidden; float: left; background-image: url("../images/common/btn_nav_01.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255);
}
.top_wrap .topmenu .nav_all a:hover {
	background-position: 9px 13px; border: 1px solid rgb(51, 51, 51); border-image: none; background-image: url("../images/common/btn_nav_02.png"); background-color: rgb(51, 51, 51);
}
.top_wrap .topmenu .nav_all a:active {
	border: 1px solid rgb(51, 51, 51); border-image: none;
}
#nav a.selected {
	border: 1px solid rgb(51, 51, 51); border-image: none;
}
.top_wrap .topmenu .nav_top {
	list-style: none; right: 30px; bottom: 20px; overflow: hidden; display: inline; position: fixed; z-index: 100;
}
.top_wrap .topmenu .nav_top a {
	margin: 0px; padding: 0px 10px; border-radius: 20px; border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; color: rgb(51, 51, 51); overflow: hidden; font-size: 14px; font-weight: 600; float: left; background-color: rgb(255, 255, 255);
}
.top_wrap .topmenu .nav_top a:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.top_wrap .topmenu .nav_all a:active {
	border: 1px solid rgb(51, 51, 51); border-image: none;
}
#nav a.selected {
	border: 1px solid rgb(51, 51, 51); border-image: none;
}
nav {
	margin: 0px 0px 0px 300px; height: 75px; padding-top: 25px; position: relative; max-width: 850px;
}
@media all and (max-width:920px)
{
nav {
	margin: 0px 0px 0px 270px;
}
}
nav .nav_line {
	left: 0px; width: 100%; height: 1px; position: absolute; background-color: rgb(255, 255, 255);
}
nav ul {
	list-style: none; margin: 0px; padding: 0px;
}
nav .NavMenuTop {
	width: 20%; height: 40px; float: left; max-width: 170px;
}
nav li a {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 16px; font-weight: 600; display: inline-block;
}
nav li a:hover {
	color: rgb(255, 255, 255); background-color: rgb(225, 68, 68);
}
nav li a:active {
	color: rgb(255, 255, 255); background-color: rgb(225, 68, 68);
}
nav li a.selected {
	color: rgb(255, 255, 255); background-color: rgb(225, 68, 68);
}
nav li a:focus {
	color: rgb(255, 255, 255); background-color: rgb(225, 68, 68);
}
nav .NavMenuSub {
	height: 30px;
}
nav .NavMenuSub a {
	margin: 0px; padding: 4px 0px; width: 160px; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; display: block;
}
nav .NavMenuSub a:hover {
	background: none; color: rgb(255, 221, 30); border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
nav li ul {
	padding: 10px 0px; top: 58px; margin-left: 10px; display: none; position: absolute; z-index: 100; max-width: 160px; background-color: rgb(51, 51, 51);
}
nav > ul > li:hover > ul {
	display: block;
}
#topmenuTelNum {
	top: 10px; width: calc(100% - 1150px); right: 0px; position: absolute;
}
#topmenuTelNum img {
	width: 200px;
}
.menu_all {
	margin: 0px auto; padding: 10px 0px 20px; top: 130px; width: 100%; height: auto; text-align: center; clear: both; display: none; position: absolute; z-index: 100; background-color: rgb(64, 43, 35);
}
.menu_all h3 {
	text-align: left; color: rgb(255, 255, 255); padding-left: 10px; font-size: 16px; font-weight: 600;
}
.menu_all h3 a {
	color: rgb(255, 255, 255);
}
.menu_all ul {
	margin: 0px auto; padding: 0px 30px 20px; text-align: center; vertical-align: top; display: inline-block;
}
.menu_all li {
	list-style: none; margin: 0px; text-align: left; display: block;
}
.menu_all li a {
	padding: 0px 15px 2px; color: rgb(222, 222, 222); line-height: 21px; font-size: 14px; text-decoration: none;
}
.menu_all li a:hover {
	border-radius: 20px; color: rgb(255, 255, 255); background-color: rgb(129, 88, 180);
}
.menu_all_bottom {
	margin: 0px auto; padding: 20px 0px 30px; top: 100px; width: 100%; text-align: center; clear: both; z-index: 100; min-width: 1200px; background-color: rgb(77, 77, 77);
}
.menu_all_bottom h3 {
	text-align: left; color: rgb(204, 204, 204); padding-left: 6px; font-size: 26px; font-weight: 300;
}
.menu_all_bottom ul {
	margin: 0px auto; padding: 0px 42px; text-align: center; vertical-align: top; display: inline-block;
}
.menu_all_bottom li {
	margin: 0px; text-align: left;
}
.menu_all_bottom li a {
	padding: 0px 7px 3px; color: rgb(222, 222, 222); line-height: 30px; font-size: 14px; text-decoration: none;
}
.menu_all_bottom li a:hover {
	border-radius: 20px; color: rgb(255, 255, 255); background-color: rgb(123, 123, 123);
}
.body_wrap {
	margin: 0px auto; width: 100%; height: auto !important; padding-top: 83px; min-height: 100%; box-sizing: border-box;
}
#main_notice .news {
	padding: 0px; width: 200px; text-align: left; vertical-align: top; display: inline-block;
}
#main_notice .news ul {
	padding-top: 34px; float: left;
}
#main_notice .news ul li {
	list-style: none; width: 100%; color: rgb(102, 102, 102); line-height: 14px; padding-bottom: 25px; font-size: 14px; float: left;
}
#main_notice .news ul li a {
	color: rgb(128, 128, 128); float: left; display: inline-block;
}
#main_notice .news ul li a:hover {
	color: rgb(102, 102, 102); text-decoration: underline;
}
#main_notice .news ul li span {
	width: 200px; color: rgb(153, 153, 153); line-height: 14px; font-size: 12px; margin-top: 10px; float: left; display: block;
}
.banner_wrap2 {
	width: 810px; overflow: hidden; margin-top: -53px; margin-left: 150px; white-space: nowrap; position: relative;
}
.body_wrap .history {
	margin: 0px auto; padding: 8px 0px 8px 12px; text-align: right; color: rgb(102, 102, 102); font-size: 12px; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; display: block; z-index: 100; max-width: 1200px;
}
.body_wrap .history strong {
	padding: 0px; color: rgb(51, 51, 51);
}
.body_wrap .data_loading {
	width: 500px; height: 25px; text-align: right; color: rgb(128, 128, 128); font-size: 11px; float: right; display: block;
}
.body_wrap .data_loading span {
	padding-left: 20px;
}
.body_wrap .data_loading strong {
	color: rgb(77, 77, 77); padding-right: 8px;
}
.footer {
	margin: 0px; width: 100%; color: rgb(189, 189, 189); line-height: 16px; padding-top: 15px; padding-bottom: 10px; clear: both; font-size: 11px; border-top-color: rgb(222, 222, 222); border-top-width: 1px; border-top-style: solid; float: left; box-sizing: border-box; background-color: rgb(54, 50, 55);
}
.footer p {
	font-weight: 600;
}
.footer p .language {
	padding: 2px 5px; float: right; display: none; background-color: rgb(102, 102, 102);
}
.footer p .language a:link {
	color: rgb(255, 255, 255); font-size: 13px;
}
.footer span {
	padding: 0px 5px; color: rgb(189, 189, 189); font-family: µ¸¿ò; font-weight: 100;
}
.footer .box {
	margin: 0px auto; text-align: left; display: block; max-width: 1720px;
}
.footer .box a:link {
	color: rgb(255, 255, 255); text-decoration: none;
}
.footer .box a:active {
	color: rgb(255, 255, 255); text-decoration: none;
}
.footer .box a:visited {
	color: rgb(255, 255, 255); text-decoration: none;
}
.footer .box a:hover {
	color: rgb(89, 177, 243); text-decoration: underline;
}
.footer .box .sns {
	margin-top: -60px; margin-right: 40px; float: right; display: none;
}
.footer .box .sns img {
	margin: 0px; padding: 0px; vertical-align: middle;
}
.footer .box .sns a:link {
	margin: 5px; padding: 0px; border-radius: 20px; width: 36px; height: 36px; vertical-align: middle; float: right; background-color: rgb(128, 128, 128);
}
.footer .box .sns a:active {
	margin: 5px; padding: 0px; border-radius: 20px; width: 36px; height: 36px; vertical-align: middle; float: right; background-color: rgb(128, 128, 128);
}
.footer .box .sns a:visited {
	margin: 5px; padding: 0px; border-radius: 20px; width: 36px; height: 36px; vertical-align: middle; float: right; background-color: rgb(128, 128, 128);
}
.footer .box .sns a:hover {
	background-color: rgb(129, 88, 180);
}
.main_graph .total_data {
	color: rgb(128, 128, 128); line-height: 40px; font-size: 11px;
}
.main_graph .total_data font {
	font-size: 16px; font-weight: bold; margin-left: 5px;
}
.main_graph .blue {
	background-color: rgb(25, 160, 201);
}
.main_graph .red {
	background-color: rgb(210, 88, 124);
}
.main_graph .gray {
	background-color: rgb(51, 51, 51);
}
.main_graph .green {
	background-color: rgb(116, 145, 25);
}
.blue2 {
	color: rgb(25, 160, 201);
}
.red2 {
	color: rgb(210, 88, 124);
}
.gray2 {
	color: rgb(51, 51, 51);
}
.green2 {
	color: rgb(116, 145, 25);
}
.add_text {
	padding: 5px; text-align: right; color: rgb(163, 163, 163); letter-spacing: -0.05em; font-size: 11px;
}
.add_text_input {
	padding: 5px; color: rgb(90, 150, 213); font-size: 11px;
}
.text_cut {
	width: 250px; color: rgb(0, 0, 0); overflow: hidden; display: inline-block; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis;
}
.popup_wrap {
	margin: 0px auto; padding: 0px; width: 530px;
}
.popup_wrap h3 {
	color: rgb(255, 255, 255); letter-spacing: -0.05em; padding-left: 5px; font-size: 15px; margin-top: 30px;
}
.popup_wrap table {
	padding: 20px 0px;
}
.popup_wrap .join {
	border: 1px solid rgb(38, 38, 38); border-image: none; background-color: rgb(59, 62, 64);
}
.popup_wrap .join th {
	border: 0px currentColor; border-image: none; width: 120px; text-align: right; color: rgb(255, 255, 255); padding-right: 10px;
}
.popup_wrap .join td {
	margin: 0px; padding: 3px 10px; border: 0px currentColor; border-image: none; color: rgb(128, 128, 128);
}
.popup_wrap .join td input {
	width: 220px;
}
.popup_wrap .join td textarea {
	
}
.login_wrap {
	margin: 0px auto; padding: 0px; width: 530px; font-family: Verdana;
}
.login_wrap .login_tit {
	background-position: 50% 145px; padding: 180px 0px 30px; text-align: center; color: rgb(51, 51, 51); font-family: Myriad Pro, Tahoma; font-size: 28px; font-weight: bold; background-image: url("../images/logo/bi_sm.gif"); background-repeat: no-repeat; background-size: 87px 13px;
}
.login_wrap .login_tit span {
	color: rgb(102, 102, 102); font-size: 18px; font-weight: normal;
}
.login_wrap .login_bottom {
	margin: 30px 0px; text-align: center; color: rgb(102, 102, 102); font-size: 12px;
}
.login_wrap .login_bottom strong {
	
}
.login_wrap .login_bottom a {
	color: rgb(51, 153, 255);
}
.login_wrap .login {
	margin: 0px auto; border-radius: 10px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 420px; background-color: rgb(250, 250, 250);
}
.login_wrap .login table {
	margin: 0px auto; padding: 20px 0px; width: 320px;
}
.login_wrap .login th {
	border: 0px currentColor; border-image: none; color: rgb(255, 255, 255);
}
.login_wrap .login td {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255);
}
.login_wrap .login td input {
	padding: 6px 10px; border: 1px solid rgb(211, 211, 211); border-image: none; width: 220px; color: rgb(153, 153, 153); font-family: nanumgothic;
}
.login_wrap .login td textarea {
	
}
.login_wrap .login .save {
	margin: 0px; padding: 10px 8px 3px 3px; font-weight: normal;
}
.login_wrap .login .save input {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 16px;
}
.login_wrap .login .save a {
	color: rgb(153, 153, 153);
}
.login_wrap .login .save a:hover {
	text-decoration: underline;
}
.box_w {
	background: rgb(255, 255, 255); margin: 0px; padding: 7px 5px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51); font-family: helvetica, geneva, arial, sans-serif; font-size: 12px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.box_w img {
	vertical-align: middle;
}
.popup_bottom {
	text-align: center; margin-top: 25px;
}
.center_bottom {
	text-align: center; margin-top: 25px; margin-bottom: 25px; display: block;
}
.right_bottom {
	text-align: right; margin-top: 10px; margin-bottom: 25px; display: block;
}
.footer_popup {
	width: 100%; text-align: center; color: rgb(119, 124, 132); line-height: 16px; clear: both; font-size: 10px; margin-top: 25px;
}
.layer_popup {
	border-radius: 5px; border: 1px solid rgb(59, 62, 64); border-image: none; left: 50%; top: 0px; margin-top: 200px; margin-left: -400px; position: absolute; z-index: 100; min-width: 400px; background-color: rgb(255, 255, 255);
}
.layer_popup h3 {
	font: bold 13px/45px ¸¼Àº °íµñ; margin: 0px; height: 45px; color: rgb(255, 255, 255); padding-bottom: 4px; padding-left: 20px; vertical-align: middle; display: block; font-size-adjust: none; font-stretch: normal; background-color: rgb(59, 62, 64);
}
.layer_popup h3 span {
	color: rgb(11, 122, 196); font-size: 13px;
}
.layer_popup p {
	margin: 20px; padding: 10px 20px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(51, 51, 51); background-color: rgb(245, 245, 245);
}
.layer_popup .bottom {
	margin: 0px 20px 15px; text-align: center;
}
.layer_popup .popup_close {
	margin: 0px 20px 15px; padding-bottom: 25px;
}
.layer_popup .popup_close input {
	padding: 1px; border: 0px currentColor; border-image: none; margin-left: 0px; vertical-align: -0.15em; box-shadow: none;
}
.layer_popup ul {
	margin: 20px auto; padding: 0px; width: 300px;
}
.layer_popup li {
	list-style: none; line-height: 36px;
}
.layer_popup li span {
	width: 85px; float: left;
}
.popup_info {
	padding: 10px; border-radius: 10px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 140px; font-family: Verdana, µ¸¿ò; font-size: 11px; margin-top: -40px; margin-left: -170px; position: absolute; z-index: 100; background-color: rgb(255, 255, 255);
}
.popup_info li {
	list-style: none; color: rgb(102, 102, 102); line-height: 12px; float: left;
}
.popup_info span {
	width: 40px; text-align: left; float: left;
}
ul {
	margin: 0px; padding: 0px;
}
ul.list_1 li {
	list-style: url("../images/list_1.png");
}
.file_box {
	padding: 0px; width: 400px; font-weight: bold; margin-right: 10px; vertical-align: middle;
}
.table {
	margin: 0px; padding: 0px; width: 100%; border-spacing: 0;
}
.table a:link {
	color: rgb(46, 136, 204); text-decoration: none;
}
.table a:active {
	color: rgb(46, 136, 204); text-decoration: none;
}
.table a:visited {
	color: rgb(46, 136, 204); text-decoration: none;
}
.table img {
	vertical-align: middle;
}
.table input {
	vertical-align: middle;
}
.table .i_box {
	border: 1px solid rgb(198, 198, 198); border-image: none;
}
.table .i_box:hover {
	border: 1px solid rgb(0, 153, 255); border-image: none;
}
.table .c_box {
	border: 1px solid rgb(198, 198, 198); border-image: none; width: 100px; text-align: center;
}
.table .c_box:hover {
	border: 1px solid rgb(0, 153, 255); border-image: none;
}
.table .border_l {
	text-align: center; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.table .border_r {
	text-align: center; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.table th {
	color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(77, 77, 77);
}
.table th {
	padding: 5px 20px; text-align: center; vertical-align: middle; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.table td {
	padding: 5px 20px; text-align: center; vertical-align: middle; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.table_striped tbody tr:nth-child(2n) td {
	background-color: rgb(252, 252, 252);
}
.table_striped tbody tr:nth-child(2n) th {
	background-color: rgb(252, 252, 252);
}
.table_striped tbody th:hover {
	background-color: rgb(0, 0, 0);
}
.table_striped2 th {
	border-right-color: rgb(198, 198, 198); border-right-width: 1px; border-right-style: solid;
}
.table_striped2 .none {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.total tbody tr:last-child td {
	background: rgb(242, 242, 242); color: rgb(0, 0, 0); font-weight: bold; border-bottom-color: rgb(102, 102, 102); border-bottom-width: 1px; border-bottom-style: solid;
}
.table tbody tr:hover td {
	background-color: rgb(241, 248, 255);
}
.table tbody tr:last-child td {
	border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.table tbody th:first-child {
	
}
.table thead th:first-child {
	
}
.table_w {
	
}
.table_w tr:first-child td {
	border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.table_w tr:first-child th {
	border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.table_w td {
	text-align: left;
}
.table_w th {
	text-align: left; color: rgb(128, 128, 128); background-color: rgb(242, 242, 242);
}
.table_w_c {
	
}
.table_w_c tr:first-child td {
	border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.table_w_c tr:first-child th {
	border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.table_w_c td {
	text-align: center;
}
.table_w_c th {
	color: rgb(102, 102, 102); background-color: rgb(242, 242, 242);
}
.table_center {
	
}
.table_center th {
	text-align: center;
}
.table_center td {
	text-align: center;
}
.table_center a:link {
	text-decoration: underline;
}
.table_center th a:link {
	color: rgb(51, 51, 51); text-decoration: none;
}
.table_center th a:hover {
	color: rgb(51, 51, 51); text-decoration: underline;
}
.table_search {
	
}
.table_search th {
	border: 0px currentColor; border-image: none; text-align: center;
}
.table_search th {
	padding: 10px;
}
.table_search td {
	padding: 10px;
}
.table_none {
	border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) currentColor; border-image: none;
}
.table_none td {
	border: currentColor; border-image: none; text-align: left;
}
.w_100 {
	width: 100px; display: inline-block;
}
.paging {
	width: 100%; text-align: center; clear: both;
}
.paging_align {
	margin: 25px auto 15px; height: 40px; text-align: center; display: inline-block;
}
.paging a {
	margin: 0px 1px; border-radius: 50%; width: 30px; height: 30px; color: rgb(102, 102, 102); line-height: 30px; float: left; display: block;
}
.paging a:hover {
	background: rgb(249, 126, 31); color: rgb(255, 255, 255); font-weight: 400;
}
.paging a.active {
	background: rgb(249, 126, 31); color: rgb(255, 255, 255); font-weight: 400;
}
.paging a.paging_arrow_left {
	background: url("../images/ico/ico_realtime_arrow_left.gif") no-repeat center;
}
.paging a.paging_arrow_right {
	background: url("../images/ico/ico_realtime_arrow_right.gif") no-repeat center;
}
.paging a.paging_arrow_left:hover {
	background-image: url("../images/ico/ico_realtime_arrow_left_over.gif");
}
.paging a.paging_arrow_right:hover {
	background-image: url("../images/ico/ico_realtime_arrow_right_over.gif");
}
.popup_left {
	left: 0px; top: 0px; position: fixed; z-index: 1000;
}
.popup_left h3 {
	margin: 0px; padding: 0px 0px 0px 10px; border: 0px currentColor; border-image: none; width: 210px; height: 36px; color: rgb(204, 204, 204); line-height: 30px; font-size: 14px; background-color: rgb(29, 30, 33);
}
.popup_left h3 span {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; height: 36px; line-height: 30px; float: right;
}
.popup_left .popup_left_img {
	
}
.popup_left .popup_left_box {
	background: url("../images/popup/bg_bar_mobile.png") no-repeat 0px 0px; padding: 0px 20px; left: 0px; width: 180px; height: 420px; bottom: 0px; position: fixed;
}
.popup_left .popup_left_box h3 {
	background: none; margin: 43px auto 0px; padding: 0px; width: 180px; text-align: center; font-size: 16px;
}
.popup_left .popup_left_box2 {
	margin: 0px auto; width: 100%;
}
.popup_left .popup_left_box2 span {
	display: none;
}
.popup_left .popup_left_box2 input {
	margin: 5px auto; border: 1px solid rgb(196, 196, 196); border-image: none; width: 140px; height: 26px; text-align: left; color: rgb(51, 51, 51); line-height: 26px; padding-left: 5px; font-size: 14px; display: block; background-color: rgb(250, 250, 250);
}
.popup_left .popup_left_box2 textarea {
	margin: 5px auto; padding: 5px; border: 1px solid rgb(196, 196, 196); border-image: none; width: 136px; text-align: left; color: rgb(51, 51, 51); line-height: 20px; font-size: 14px; display: block; background-color: rgb(250, 250, 250);
}
.popup_left .popup_left_box2 input:focus {
	border: 1px solid rgb(51, 147, 229); border-image: none; background-color: rgb(255, 255, 255);
}
.popup_left .popup_left_box2 textarea:focus {
	border: 1px solid rgb(51, 147, 229); border-image: none; background-color: rgb(255, 255, 255);
}
.popup_left .popup_left_box2 select {
	margin: 5px auto; border: 1px solid rgb(196, 196, 196); border-image: none; width: 148px; text-align: left; color: rgb(51, 51, 51); line-height: 20px; font-size: 14px; display: block; background-color: rgb(250, 250, 250);
}
.popup_left .popup_left_agree_box {
	margin: 0px auto; padding: 5px 0px; width: 140px; text-align: center; color: rgb(255, 255, 255); display: block;
}
.popup_left .popup_left_agree_box lable {
	
}
.popup_left .popup_left_agree_box_h4 {
	margin: 0px auto; padding: 5px 0px; width: 140px; text-align: center; display: block;
}
.popup_left .popup_left_agree_box_h4 a {
	padding: 5px 15px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; background-color: rgb(106, 106, 106);
}
.popup_left .popup_left_btn {
	margin: 0px auto; text-align: center; display: block;
}
.popup_left .popup_left_btn a {
	width: 150px; line-height: 30px; font-size: 16px; font-weight: bold;
}
#SideAcceptIFrame {
	border: 0px currentColor; border-image: none; width: 100%; height: 100%;
}
#device_change {
	background: rgb(255, 255, 255); margin: 0.3em; padding: 0.5em 0px; border-radius: 2em; border: 1px solid rgb(238, 238, 238); border-image: none; text-align: center; color: rgb(0, 0, 0); clear: both; font-size: 2em; text-decoration: none; display: block;
}
#QuickAccepterPop {
	background: url("/images/quick/bg.png") no-repeat left top; padding: 67px 23px 60px; left: 60%; top: 150px; width: 270px; height: 490px; line-height: 1; font-family: "Nanum Gothic","Noto Sans KR", sans-serif; display: none; position: fixed; z-index: 99999999; box-sizing: border-box;
}
#QuickAccepterPop .ContentBox {
	width: 100%; height: 100%; background-color: rgb(47, 53, 53);
}
#QuickAccepterPop h3 {
	margin: 0px; padding: 15px 0px 10px; text-align: center; color: rgb(238, 238, 238); font-family: Open Sans, Helvetica Neue, Roboto, "NanumGothic", "nbg", "Malgun Gothic", Dotum, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 800;
}
#QuickAccepterPop .PopInputBox {
	padding: 10px;
}
#QuickAccepterPop .PopInputBox input[type='text'] {
	padding: 5px; width: 100%; margin-bottom: 10px; box-sizing: border-box;
}
#QuickAccepterPop .PopInputBox textarea {
	padding: 5px; width: 100%; margin-bottom: 10px; box-sizing: border-box;
}
#QuickAccepterPop .PopInputBox select {
	padding: 5px; width: 100%; margin-bottom: 10px; box-sizing: border-box;
}
#QuickAccepterPop .popup_left_agree_box_h4 {
	margin: 0px auto; padding: 2px; border-radius: 6px; border: 2px solid rgb(238, 238, 238); border-image: none; width: 130px; height: 14px; text-align: center; line-height: 8px; display: block; background-color: rgb(153, 153, 153);
}
#QuickAccepterPop .popup_left_agree_box_h4 a {
	color: rgb(255, 255, 255); font-size: 10px;
}
#QuickAccepterPop .PopTitle {
	display: none;
}
#QuickAccepterPop .popup_left_agree_box {
	padding: 10px; text-align: center; color: rgb(255, 255, 255); font-size: 12px;
}
#QuickAccepterPop .popup_left_btn {
	text-align: center;
}
#QuickAccepterPop #QuickAccepterPop-BtnX {
	background: url("/images/quick/btn_x.png") no-repeat left top; top: -10px; width: 26px; height: 26px; right: -10px; position: absolute; cursor: pointer;
}
