@import url('base.css');

/*Layout*/
#wrap {}
#container {width:100%}
#contents {padding:20px 20px 20px 20px}

.wrapper {position:relative; width:100%; background:#f8f8f8}

.menuBtn {padding-top:10px; background:#efefef}
.menuBtn a {display:block; margin:0 10px}
.menuBtn a.link-menu {background:url('../images/common/btns.gif') 0 -140px no-repeat; width:29px; height:26px; text-indent:-5000px;}
.menuBtn a:hover.link-menu {background-position:-29px -140px; text-indent:-5000px;}



/*Title*/
h1.title_h1 {font-size:28px; color:#333945; margin-bottom:15px}
h2.title_h2 {font-size:24px; color:#333945; margin-bottom:10px}
h2.title_h2.v2 {font-size:18px}
h2.title_h2.v3{display:block !important;}
h3.title_h3 {font-size:18px; color:#333945; margin-bottom:5px}

/*단락사이의 간격*/
.group_space_sm {margin-top:25px}
.group_space_wi {margin-top:35px}

/*로그인 메인*/
.adminMap {}
.adminMap .am {float:left;}
.adminMap .am p {background:#545b67; color:#FFF; font-size:16px; height:40px; line-height:38px; padding:0 12px; width:200px}
.adminMap .am ul {margin-top:6px; font-size:14px;}
.adminMap .am li {padding:6px 0 8px 12px; border-bottom:1px solid #eaeaea}
.adminMap .am li a {color:#545b67}
.adminMap .am li a:hover {text-decoration:underline; color:#ff8016}


/*운영자 로그인 박스*/
.loginboxWrap {position:absolute; top:25%; left:50%}
.loginWrap {position:relative; top:0%; left:-50%; width:315px; height:305px}
.loginWrap .loginform {margin:0 0 25px 0; padding:0}
.loginform legend {display:none}
.loginform ul {margin-top:25px}
.loginform li {padding-bottom:14px}
.loginform li.item {position:relative; margin:-4px 0;}
.loginform li.item .iLabel {position:absolute; top:4px; left:5px; white-space:nowrap; color:#7e7e7e;}
.loginform li.item input {border:none; background:#2d343f; border-radius:5px; height:50px; line-height:48px; padding:0 12px; width:288px; vertical-align:middle; color:#c0c3ca; font-size:16px}

.infomap {background:#efefef; border-bottom:1px solid #d5d5d5}
.infomap div {position:relative; padding:5px 0 20px 0; border-bottom:1px solid #d5d5d5; text-align:right; font-size:12px}
.infomap div span {padding:0 20px 0 15px}
.infomap div strong {color:#3175d1; padding:0 35px 0 15px; font-size:14px}
.infomap div a {position:absolute; right:20px; top:5px; display:inline-block}
.infomap select {height:26px;}
.infomap .mapping {background:#eaeaea; padding:12px 20px 12px 50px}
.infomap .mapping select {height:26px}

.reject_sido li {padding:2px 0}

.search {position:relative; background:#f1f1f1; border:1px solid #dddddd; border-radius:3px; padding:15px 20px}
.search li {float:left; vertical-align:bottom}
.search li a {display:inline-block; margin:0 4px}
.search li label {display:block; font-size:11px; color:#333945; padding:0 4px 4px 0; margin: 0; font-weight: normal;}
.search li label.tit{display:inline-block;padding-right:15px}
.search li label.tit.v1{width:100px}
.search li select {height:24px; padding:0 6px}
.search li input {height:24px; padding:0 6px}
.search .btnse {position:absolute; right:20px; bottom:17px}
.search li .btnGray_s a {margin:0}
.search li .btn {vertical-align: top;}
.search .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0;border:none; vertical-align:middle}
.search label.txt_check{display:inline-block; margin:0 10px 0 0; cursor:pointer;}

.search2 {position:relative; background:#f1f1f1; border:1px solid #dddddd; border-radius:3px; padding:15px 20px}
.search2 li {float:left; vertical-align:bottom}
.search2 li a {display:inline-block; margin:0 4px}
.search2 li label {display:inline-block; font-size:11px; color:#333945; padding-right:4px; margin: 0; font-weight: normal;}
.search2 li label.tit{display:inline-block;padding-right:15px}
.search2 li label.tit.v1{width:100px}
.search2 li select {height:26px}
.search2 li input {height:24px; padding:0 6px}
.search2 .btnse {position:absolute; right:20px; bottom:17px}
.search2 li .btnGray_s a {margin:0}
.search2 li .btn {vertical-align: top;}
.search2 li input.iRadio {width:13px; height:13px}
.search2 .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0;border:none; vertical-align:middle}
.search2 label.txt_check{display:inline-block; margin:0 10px 0 0; cursor:pointer;}

.infobox {background:#f0f5ff; border:1px solid #b7cefd; border-radius:3px; padding:15px 20px}
.infobox p.title {font-size:18px; border-bottom:1px solid #b7cefd; padding-bottom:10px; margin-bottom:15px}
.infobox dt {font-size:18px; padding-bottom:20px;}
.infobox dd {display:inline-block; font-size:13px}

.location {margin:10px 20px; border-bottom:none !important; padding:4px !important; font-size:14px !important}
.location span {padding:0 !important}
.location .now {font-weight:bold; color:#f15b00}
/*
.mapping{ margin:0; padding:0;}
.mapping *{ font:12px Tahoma, Geneva, sans-serif;}
.mapping fieldset{ margin:0; padding:0; border:0;}
.mapping legend{position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.mapping select{ vertical-align:top; height:26px; *margin-top:2px;}
.mapping label{margin:10px 10px 0 0; cursor:pointer;}
.mapping .item{ display:inline-block; position:relative; vertical-align:top;}
.mapping .iLabel{ position:absolute; top:4px; left:5px; color:#767676; white-space:nowrap;}
.mapping .iText{ position:relative; padding:4px 4px 3px; *margin:-1px 0; color:#333; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}*/

.titleBtn {position:relative}
.titleBtn div {position:absolute; right:0; top:0}
.titleBtn div select {height:32px; padding-left:6px}

.tabBtn {position:relative}
.tabBtn div {position:absolute; right:0; top:5px}

/*tab*/
/*
.tabGroup {padding:0; height:40px; font-size:14px; border-bottom:1px solid #545b67}
.tabGroup li {float:left}
.tabGroup .tabOn {}
.tabGroup .tabOn,
.tabGroup .tabOn a{position:relative; display:inline-block; vertical-align:top; height:40px; line-height:40px; background:url('../images/common/tabs.gif') 0 -50px no-repeat; white-space:nowrap; text-decoration:none; border-bottom:1px solid #f8f8f8}
.tabGroup .tabOn {background-position:left -50px; margin-right:10px}
.tabGroup .tabOn a{background-position:right -50px; padding:0 20px; color:#333945}
.tabGroup .tabOn.v2,
.tabGroup .tabOn.v2 a{position:relative; display:inline-block; vertical-align:top; height:40px; line-height:40px; background:url('../images/common/tabs2.gif') 0 -50px no-repeat; white-space:nowrap; text-decoration:none; border-bottom:1px solid #fff}
.tabGroup .tabOn.v2 {background-position:left -50px; margin-right:10px}
.tabGroup .tabOn.v2 a{background-position:right -50px; padding:0 30px; color:#333945}

.tabGroup .tabOff {}
.tabGroup .tabOff,
.tabGroup .tabOff a{position:relative; display:inline-block; vertical-align:top; height:40px; line-height:40px; background:url('../images/common/tabs.gif') 0 0 no-repeat; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff {background-position:left top; margin-right:10px}
.tabGroup .tabOff a{background-position:right top; padding:0 20px; color:#FFF}
.tabGroup .tabOff a:hover {color:#ffcc32}
.tabGroup .tabOff.v2,
.tabGroup .tabOff.v2 a{position:relative; display:inline-block; vertical-align:top; height:40px; line-height:40px; background:url('../images/common/tabs2.gif') 0 0 no-repeat; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff.v2 {background-position:left top; margin-right:10px}
.tabGroup .tabOff.v2 a{background-position:right top; padding:0 20px; color:#FFF}
.tabGroup .tabOff.v2 a:hover {color:#ffcc32}
*/

.tabGroup {width:100%; height:40px; border-bottom:1px solid #bdbdbd; box-sizing:border-box; letter-spacing:-5px;}
	.tabGroup li {display:inline-block;  min-width:100px; letter-spacing:0;}
		.tabGroup li a {display:block; position:relative; left:-1px; padding:11px 24px; width:101%; height:40px; border-width:1px; border-style:solid; border-color:#bdbdbd; background-color:#fff; font-size:12px; color:#4a4a4a; text-align:center; box-sizing:border-box;}
		.tabGroup li:first-child a {left:0; width:100%; border-left-width:1px; }
		/*.tabGroup li:last-child a {color:#c7c7c7;}*/
		.tabGroup li a:hover {z-index:1; border-left-width:1px; border-color:#0052bb;}
		.tabGroup li:first-child a:hover {left:0; padding-left:24px;}
		.tabGroup li.tabOn a {z-index:1; height:39px; border-width:0 1px; color:#0052bb; font-weight:bold; letter-spacing:-1px;}
			.tabGroup li.tabOn a:before {display:inline-block; content:''; position:absolute; left:-1px; top:-1px; padding:0 1px; width:100%; height:2px; background-color:#0052bb;} 


.tabGroup .tabOn.v2, .tabGroup .tabOn.v2 a {background:#fff; border-bottom:1px solid #fff;}

.tabGroup .tabOn.v2 {}
.tabGroup .tabOn.v2 a{padding:0 25px; color:#333945}
.tabGroup .tabOn.v2:after {content:''; position:absolute; width:100%; left:0; bottom:100%; background:#5c5d61; border-radius:3px; height:4px;}
.tabGroup .tabOn.v2:first-child a {border-left:1px solid #ddd;}

.tabGroup .tabOff.v2,
.tabGroup .tabOff.v2 a{position:relative; display:inline-block; height:50px; line-height:50px; background:#5c5d61; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff.v2 {}
.tabGroup .tabOff.v2 a{padding:0 25px; color:#FFF}
.tabGroup .tabOff.v2 a:hover {color:#ffcc32}

.tabGroup .tabOn.v3,
.tabGroup .tabOn.v3 a {background:#f8f8f8; border-bottom:1px solid #f8f8f8;}
.tabGroup .tabOn.v3 a{padding:0 25px; color:#333945}
.tabGroup .tabOn.v3:after {content:''; position:absolute; width:100%; left:0; bottom:100%; background:#5c5d61; border-radius:3px; height:4px;}
.tabGroup .tabOn.v3:first-child a {border-left:1px solid #ddd;}

.tabGroup .tabOff.v3,
.tabGroup .tabOff.v3 a{position:relative; display:inline-block; height:50px; line-height:50px; background:#5c5d61; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff.v3 a{padding:0 25px; color:#FFF}
.tabGroup .tabOff.v3 a:hover {color:#ffcc32}

.tabGroup .tabOn.v4 {border:1px solid #5c5d61; margin-right:3px;}
.tabGroup .tabOn.v4,
.tabGroup .tabOn.v4 a {background:#fff; border-bottom:1px solid #fff;}
.tabGroup .tabOn.v4 a {padding:0 25px;}
.tabGroup .tabOn.v4:after {display:none;}
.tabGroup .tabOn.v4:first-child a {border-left:0;}

.tabGroup .tabOff.v4,
.tabGroup .tabOff.v4 a{position:relative; display:inline-block; height:50px; line-height:50px; background:#5c5d61; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff.v4 a{padding:0 25px; color:#FFF}
.tabGroup .tabOff.v4 a:hover {color:#ffcc32}

.tabGroup .tabOn.v5 {border:1px solid #5c5d61; margin-right:3px;}
.tabGroup .tabOn.v5,
.tabGroup .tabOn.v5 a {background:#f8f8f8; border-bottom:1px solid #f8f8f8;}
.tabGroup .tabOn.v5 a {padding:0 25px;}
.tabGroup .tabOn.v5:after {display:none;}
.tabGroup .tabOn.v5:first-child a {border-left:0;}

.tabGroup .tabOff.v5 {margin-right:3px;}
.tabGroup .tabOff.v5,
.tabGroup .tabOff.v5 a{position:relative; display:inline-block; height:50px; line-height:50px; background:#5c5d61; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff.v5 a{padding:0 25px; color:#FFF}
.tabGroup .tabOff.v5 a:hover {color:#ffcc32}

/*step tab*/
.setptabWrap {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap ul {}
.setptabWrap a li {float:left; width:20%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap a li.end {background:none}
.setptabWrap a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.setptabWrap2 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap2 ul {}
.setptabWrap2 a li {float:left; width:50%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap2 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap2 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap2 a li.end {background:none}
.setptabWrap2 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap2 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap2 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap2 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap2 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap2 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.setptabWrap3 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap3 ul {}
.setptabWrap3 a li {float:left; width:33.3%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap3 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap3 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap3 a li.end {background:none}
.setptabWrap3 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap3 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap3 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap3 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap3 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap3 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.setptabWrap4 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap4 ul {}
.setptabWrap4 a li {float:left; width:25%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap4 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap4 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap4 a li.end {background:none}
.setptabWrap4 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap4 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap4 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap4 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap4 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap4 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}


/*역량진단 탭 추가*/
.setptabWrap6 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap6 ul {}
.setptabWrap6 a li {float:left; width:16.6%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap6 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap6 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap6 a li.end {background:none}
.setptabWrap6 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap6 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap6 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap6 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap6 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap6 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.cap_average {height:60px;line-height:58px;text-align:right;padding-right:30px;font-size:16px;letter-spacing:-1px;color:#7d7d7d;background:#eeeee7}
.cap_average b {padding-left:6px}

 /*Table*/
 
 
.tbStyleIn {border-top:1px solid #545b67; width:100%}
.tbStyleIn th {background:#ededed; border:1px solid #dadbdc;  padding:8px 8px 8px 8px !important; text-align: right;}
.tbStyleIn td {border:1px solid #dadbdc;  padding:8px 8px !important; line-height:140%; background:#ffffff;}
.tbStyleIn td a {color:#4278e3}
.tbStyleIn td a:hover {text-decoration:underline}
.tbStyleIn td .btn a {display:inline-block !important}
.tbStyleIn td input {height:24px; padding:0 6px}
.tbStyleIn td input.ce {text-align:center} 
.tbStyleIn td select {height:26px}
.tbStyleIn td .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; border:none; vertical-align:middle}
.tbStyleIn td .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0;border:none; vertical-align:middle}
.tbStyleIn td label{ margin:0 10px 0 0; cursor:pointer;}
.tbStyleIn td textarea {padding:6px; margin:0 10px}
.tbStyleIn td .btnWhite_s a {color:#ff8b2b !important}
.tbStyleIn.v2 th,.tbStyleIn.v2 td{padding:10px 6px 9px;text-align:center}
.tbStyleIn th.th_etc{background-color:#f7f7f7;color:#666}
.tbStyleIn tfoot tr {background:#f6e9de}
.tbStyleIn tfoot th,.tbStyleIn tfoot td{background-color:transparent;font-weight:bold}
.tbStyleIn td.ri{text-align:right}
.tbStyleIn td.ce{text-align:center}
 
 
.tbStyle0 {font-size:12px; color:#6a6b6c}
.tbStyle0 th {text-align:center; background:none !important; padding:8px !important;}
.tbStyle0 td {padding:8px !important}
.tbStyle0 td input {padding:0 6px}
.tbStyle0 td input.money {text-align:right; padding:0 6px} 
 
.tbStyle1 {border-top:1px solid #545b67}
.tbStyle1.topnone {border-top:none}
.tbStyle1 th {background:#ededed; border:1px solid #dadbdc; padding:15px 8px}
.tbStyle1.v2 th{text-align:center}
.tbStyle1 th.le {text-align:left}
.tbStyle1 th span.measure {background:#4278e3; padding:2px 5px; border-radius:2px; color:#FFF; font-size:12px; font-weight:normal; margin:0 6px}
.tbStyle1 th span.part2 {background:#545b67; padding:2px 6px; border-radius:2px; color:#FFF; font-size:12px; font-weight:normal}
.tbStyle1 th span.O {color:#4278e3; font-weight:bold; font-size:20px}
.tbStyle1 th span.X {color:#ff6305; font-weight:bold; font-size:20px}
.tbStyle1 td {border:1px solid #dadbdc; padding:12px 8px; text-align:center; line-height:140%; background:#ffffff;}
.tbStyle1 td a {color:#4278e3 !important}
.tbStyle1 td a:hover {text-decoration:underline}
.tbStyle1 td a.title:hover {text-decoration:underline}
.tbStyle1 td a.title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:510px; height:18px; }
.tbStyle1 td a.name {color:#333945}
.tbStyle1 td a.name:hover {text-decoration:underline}
.tbStyle1 td .btn a {display:inline-block !important}
.tbStyle1 td.le {text-align:left}
.tbStyle1 td.ri {text-align:right}
.tbStyle1 tfoot tr {background:#f6e9de}
.tbStyle1 tr.explain {background:#e2ebfe}
.tbStyle1 tr .rights {display:inline-block; background:#4278e3; border-radius:2px; padding:1px 6px 2px 6px; margin-bottom:10px; font-size:12px; color:#FFF}
.tbStyle1 tr .wrong {display:inline-block; background:#f95d08; border-radius:2px; padding:1px 6px 2px 6px; margin-bottom:10px; font-size:12px; color:#FFF}
.tbStyle1 td input {height:24px; padding:0 6px}
.tbStyle1 td input.money {text-align:right; padding:0 6px} 
.tbStyle1 td input.ce {text-align:center} 
.tbStyle1 td select {height:26px}
.tbStyle1 td textarea {padding:8px 6px}
.tbStyle1 .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbStyle1 .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbStyle1 label{ margin:0 2px 0 0; cursor:pointer;}
.tbStyle1 td.reply1 {background:url('../images/common/ico_reply.gif') 5px 15px no-repeat; width:24px; height:14px; padding-left:34px}
.tbStyle1 td.reply2 {background:url('../images/common/ico_reply.gif') 30px 16px no-repeat; width:24px; height:14px; padding-left:60px}
.tbStyle1 td .depth1 {font-weight:bold}
.tbStyle1 td .depth2 {background:url('../images/common/ico_depth.gif') 4px -2px no-repeat; padding:0 0 4px 32px}
.tbStyle1 td .depth3 {background:url('../images/common/ico_depth.gif') 16px -2px no-repeat; padding:0 0 4px 45px}
.tbStyle1 td .depth4 {background:url('../images/common/ico_depth.gif') 30px -2px no-repeat; padding:0 0 4px 60px}
.tbStyle1 td .depth5 {background:url('../images/common/ico_depth.gif') 40px -2px no-repeat; padding:0 0 4px 70px}
.tbStyle1 td .depth6 {background:url('../images/common/ico_depth.gif') 50px -2px no-repeat; padding:0 0 4px 80px}
.tbStyle1 td.delete {text-decoration:line-through}
.tbStyle1 td.delete a {color:#494f59; text-decoration:none}
.tbStyle1 td .btnWhite_s a {color:#ff8b2b !important}
.tbStyle1 tr.part {background:#ecf4ff}
.tbStyle1 td.money input {text-align:right}
.tbStyle1 td .time {padding-left:6px; color:#8b8989}
.tbStyle1 td .check {background:url('../images/common/ico_check.gif') 0 0 no-repeat; width:23px; height:19px; display:inline-block}
.tbStyle1 td .myanswer {background:#545b67; border-radius:2px; display:inline-block; padding:1px 6px 2px 6px; margin-left:6px; font-size:12px; color:#FFF}
.tbStyle1 td.notop {border-top:none}
.tbStyle1 td .btnGray_ss a {color:#FFF !important}
.tbStyle1 td .btnGray_ss a:hover {color:#ffcc32 !important}
.xscroll{overflow-x:auto;width:100%}

.tbStyle2 {border-top:1px solid #545b67; width:100%}
.tbStyle2 th {background:#ededed; border:1px solid #dadbdc;  padding:10px 20px 10px 10px; text-align: right;}
.tbStyle2 td {border:1px solid #dadbdc; padding:12px 8px; line-height:140%; background:#ffffff;}
.tbStyle2 td a {color:#4278e3}
.tbStyle2 td a:hover {text-decoration:underline}
.tbStyle2 td .btn a {display:inline-block !important}
.tbStyle2 td input {height:24px; padding:0 6px}
.tbStyle2 td input.ce {text-align:center} 
.tbStyle2 td select {height:26px}
.tbStyle2 td .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; border:none; vertical-align:middle}
.tbStyle2 td .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0;border:none; vertical-align:middle}
.tbStyle2 td label{ margin:0 10px 0 0; cursor:pointer;}
.tbStyle2 td textarea {padding:6px; margin:0 10px}
.tbStyle2 td .btnWhite_s a {color:#ff8b2b !important}
.tbStyle2.v2 th,.tbStyle2.v2 td{padding:10px 10px 10px 10px;text-align:center;vertical-align: middle;}
.tbStyle2 th.th_etc{background-color:#f7f7f7;color:#666}
.tbStyle2 tfoot tr {background:#f6e9de}
.tbStyle2 tfoot th,.tbStyle2 tfoot td{background-color:transparent;font-weight:bold}
.tbStyle2 td.ri{text-align:right}
.tbStyle2 td.ce{text-align:center}

.tbStyle2 .list tr:hover {border:2px solid #ffd2ad}


.tbStyle3 {border-top:1px solid #545b67; width:100%; font-size:13px}
.tbStyle3 th {background:#ededed; border:1px solid #dadbdc; border-left:none; padding:8px 6px}
.tbStyle3 th.last {border-right:none}
.tbStyle3 td {border:1px solid #dadbdc; border-left:none; padding:8px; text-align:center; font-size:13px; background:#ffffff;}
.tbStyle3 td.last {border-right:none}

.tbStyle4{border-bottom:1px solid #dadbdc}
.tbStyle4 tbody th,.tbStyle4 tbody td{background:#ededed; border-right:1px solid #dadbdc; border-top:1px solid #dadbdc;padding:10px 8px 15px;text-align:center}
.tbStyle4 tbody th.last{border-right:none}
.tbStyle4 tbody td {background:#ffffff;vertical-align:top}
.tbStyle4 tbody td:last-child{border-right:none}

.tbStyle4.v2{border-collapse:separate;border-spacing:0;table-layout:fixed;zoom:1}
.tbStyle4.v2 td{min-height:100px;vertical-align:middle}
.tbStyle4.v2 td>.btnGray_ss{margin:0}
tbody td.tbl_cnt{text-align:center}


.tbStyle5{width:100%;margin:0 0 20px 0;border-spacing:0;border-collapse:collapse;border:1px solid #ddd;font-family:"돋움",Dotum,Arial,Sans-serif;font-size:.82em;color:#555}
.tbStyle5 th{background-color:rgb(51, 51, 51); color: #fff;}
.tbStyle5 th,.tbStyle5 td{padding:5px;border-top:1px solid #ddd;border-right:1px solid #ddd}
.tbStyle5 td a{color:#125fae;text-decoration:none}
.tbStyle5 td a:hover{color:#444;text-decoration:underline}
.tbStyle5 th.le {text-align:left}
.tbStyle5 th.ri {text-align:right}
.tbStyle5 th.ce {text-align:center}
.tbStyle5 td.le {text-align:left}
.tbStyle5 td.ri {text-align:right}
.tbStyle5 td.ce {text-align:center}
.dowork td{display:table-cell;border-bottom:1px solid #ddd}

.iGraph {white-space:nowrap; line-height:normal;}
.iGraph .gBar {display:inline-block; width:70%; height:12px; margin:0 5px 0 0; border:1px solid #ddddde; background:#efefef; font-size:11px;}
.iGraph .gAction {display:inline-block; height:12px; border:1px solid #8c9bac; background:#a3a5aa; margin:-1px;}
.iGraph .gPercent {font:15px;}
.iGraph .gPercent strong {font-size:16px; color:#545b67; font-style:italic; padding-right:3px}

.pop-window textarea {padding:10px; border:1px solid #d8d8d8; background:#f1f0f0}
.mapLeft {float:left; margin-right:15px;}
.mapRight {float:right; margin-left:15px;}
.mapBtn_v {float:left; margin-top:110px;}
.mapBtn_v a {display:block}

/*multiple Select*/
.multipleGroup {width:100%}
.multipleGroup h4 {background:url('../images/common/ico_title_bullet.gif') 0 2px no-repeat; padding:0 0 4px 20px; font-weight:bold; font-size:15px; text-align:left}
.multipleGroup h2 {background:#7d8285; color:#FFF; font-size:15px; height:40px; line-height:38px; padding-left:15px}
.multipleGroup select {padding:6px; margin-top:6px}
.multipleGroup select option {padding:3px 0}
.multipleGroup .btn_v {display:inline-block; margin:0 15px; vertical-align:top}
.multipleGroup .btn_v a {display:block}
.multipleGroup .dotted {display:inline-block; background:url('../images/common/dotted.gif') no-repeat; height:1px; width:28px; margin:15px 0 10px 0}
.multipleGroup .btn_hr {display:inline-block; margin:15px 0}
.multipleGroup .btn_hr a {display:inline-block; padding:0; margin:0; height:32px !important}
.multipleGroup .dotted_v {display:inline-block; background:url('../images/common/dotted_v.gif') no-repeat; width:1px; height:20px; vertical-align:bottom; padding-bottom:5px; margin:0 15px}
.multipleGroup .multiple {display:inline-block}
.multipleGroup .Le select {border:1px dashed #3498db}
.multipleGroup .multiple_hr {}
.multipleGroup .top select {border:1px dashed #3498db}

.multipleGroup2 {width:100%}
.multipleGroup2 h4 {background:url('../images/common/ico_title_bullet.gif') 0 2px no-repeat; padding:0 0 12px 20px; font-weight:bold; font-size:15px; text-align:left}
.multipleGroup2 h2 {background:#7d8285; color:#FFF; font-size:15px; height:40px; line-height:38px; padding-left:15px}
.multipleGroup2 select {padding:6px}
.multipleGroup2 select option {padding:3px 0}
.multipleGroup2 .btn_v {float:left; margin:0 30px; vertical-align:top}
.multipleGroup2 .btn_v a {display:block}
.multipleGroup2 .dotted {display:inline-block; background:url('../images/common/dotted.gif') no-repeat; height:1px; width:28px; margin:15px 0 10px 0}
.multipleGroup2 .btn_hr {display:inline-block; margin:15px 0}
.multipleGroup2 .btn_hr a {display:inline-block; padding:0; margin:0; height:32px !important}
.multipleGroup2 .dotted_v {display:inline-block; background:url('../images/common/dotted_v.gif') no-repeat; width:1px; height:20px; vertical-align:bottom; padding-bottom:5px; margin:0 15px}
.multipleGroup2 .multiple {float:left; width:45%;}
.multipleGroup2 .Le select {border:1px dashed #3498db}
.multipleGroup2 .multiple_hr {}
.multipleGroup2 .top select {border:1px dashed #3498db}

.multiple .search3 {position:relative; background:#FFF; border:1px dashed #3498db; border-bottom:none; padding:15px 20px}
.multiple .search3 li {float:left; vertical-align:bottom}
.multiple .search3 li a {display:inline-block; margin:0 4px}
.multiple .search3 li label {display:block; font-size:12px; color:#333945; padding-bottom:6px}
.multiple .search3 li select {height:26px; border:1px solid #d4d4d4; padding:0 0 0 4px}
.multiple .search3 li input {height:24px; padding:0 6px}
.multiple .search3 .btnse {position:absolute; right:20px; bottom:17px}
.multiple .search3 li .btnGray_s a {margin:0;color:#FFF !important}



/*Album Style List*/
.albumList ul{ position:relative; margin:0; padding:0; border:1px solid #ddd; border-left:0; border-right:0; list-style:none; overflow:hidden; font-size:12px; margin-top:10px}
.albumList ul:after{ content:""; display:block; clear:both;}
.albumList li{ position:relative; top:1px; float:left; width:240px; height:250px; overflow:hidden; border-bottom:1px solid #dadbdc;}
.albumList li.none {text-align:center; padding:20px 0}
.albumList .thumb{ position:relative; display:block; width:210px; height:140px; line-height:140px; overflow:hidden; text-align:center; background:#e4e4e4; color:#666; white-space:nowrap;}
.albumList .thumb img{ display:block; border:0; width:210px; height:140px;}
.albumList .thumb em{ position:absolute; visibility:hidden; width:1px; height:1px; left:0; bottom:0; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff; font-weight:bold; font-style:normal;}
.albumList .thumb em{ _width:100%; _height:auto; _line-height:20px; _visibility:visible;}
.albumList a{ display:block; width:210px; padding:20px 0 0 0; margin:0 auto; text-decoration:none; cursor:pointer;}
.albumList p{ width:210px; margin:0 auto; margin-top:0 !important; color:#333945}
.albumList p a {padding:10px 0 8px 0 !important}
.albumList p a.title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:205px; font-size:13px; color:#232936; font-weight:bold}
.albumList p a.title:hover {text-decoration:underline; color:#4278e3}
.albumList p.date {color:#858585; padding-top:6px; font-size:11px; border-top:1px solid #e9e9e9}
.albumList p.date b {font-weight:normal; padding:0 6px 0 4px}
.albumList p.name {padding-top:6px}
.albumList a:hover .thumb,
.albumList a:active .thumb,
.albumList a:focus .thumb { border:3px solid #eee; margin:-3px}
.albumList a:hover .thumb em,
.albumList a:active .thumb em,
.albumList a:focus .thumb em{ width:100%; height:auto; visibility:visible;}
.albumList .none {text-align:center; border:1px solid #dadbdc; border-right:0; border-left:0; padding:30px 0; font-size:14px}

.webzineList ul{ margin:0; padding:0; list-style:none; font-size:12px; margin-top:10px}
.webzineList li{ position:relative; padding:15px 0 15px 225px; margin:0 0 -1px 0; border:1px solid #dadbdc; border-left:0; border-right:0; vertical-align:top; *zoom:1;}
.webzineList li:after{ content:""; display:block; clear:both;}
.webzineList li.none {text-align:center; padding:30px 0; font-size:14px}
.webzineList li div {position:absolute; bottom:17px; color:#858585;}
.webzineList li div b {font-weight:normal; padding:0 6px 0 4px}
.webzineList li div .name {font-size:12px; color:#333945; padding-left:12px}
.webzineList li.reply {background:url('../images/common/ico_reply.gif') 10px 18px no-repeat; padding:15px 0 40px 38px}
.webzineList li.reply {position:relative;}
.webzineList li.reply div {position:absolute; bottom:15px; color:#858585;}
.webzineList a{ text-decoration:none; cursor:pointer;}
.webzineList a strong{ display:inline-block; margin:4px 0 4px 0; font-size:14px; color:#232936;}
.webzineList a:hover strong {text-decoration:underline; color:#4278e3}
.webzineList .thumb{ position:relative; float:left; display:inline; width:210px; line-height:80px; overflow:hidden; margin:0 15px 0 -225px; background:#e4e4e4; text-align:center; color:#666}
.webzineList .thumb img{ border:0; display:block; width:210px}
.webzineList .thumb em{ position:absolute; visibility:hidden; width:1px; height:1px; left:0; top:50%; margin:-90px 0 0 0; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff; font-weight:bold; font-style:normal;}
.webzineList .thumb em{ _top:0; _width:100%; _height:auto; _line-height:20px; _margin:0; _visibility:visible;}
.webzineList p {margin:0; padding-top:4px; line-height:140%; color:#767676; font-size:13px}
.webzineList a:hover strong,
.webzineList a:active strong,
.webzineList a:focus strong{ text-decoration:underline;}
.webzineList a:hover .thumb,
.webzineList a:active .thumb,
.webzineList a:focus .thumb{ border:3px solid #eee; margin:-3px -3px -3px -228px;}
.webzineList a:hover .thumb em,
.webzineList a:active .thumb em,
.webzineList a:focus .thumb em{ width:100%; height:auto; line-height:180px; visibility:visible;}


.tbBoard1 {width:100%; border-top:1px solid #545b67}
.tbBoard1 thead tr:hover {background-color: transparent; color: inherit;}
.tbBoard1 th {background:#f2f2f2; border:1px solid #dadbdc; padding:0 2px; height:46px}
.tbBoard1 tbody tr:hover {border:2px solid #ffd2ad}
.tbBoard1 td {border:1px solid #dadbdc; padding:0 2px; height:46px; text-align:center;}
.tbBoard1 td span {color:#ff8016; font-weight:bold; padding:0 4px;}
.tbBoard1 td a {color:#333945 !important}
.tbBoard1 td a:hover {color:#ff8016; text-decoration:underline}
.tbBoard1 td a.title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; max-width:60%; height:15px}
.tbBoard1 td.le {text-align:left;}
.tbBoard1 td .btn a {display:inline-block !important}
.tbBoard1 td.reply1 {background:url('../images/common/ico_reply.gif') 2px 16px no-repeat; padding-left:30px}
.tbBoard1 td.reply2 {background:url('../images/common/ico_reply.gif') 30px 16px no-repeat; padding-left:60px}
.tbBoard1 tr.top {background:#fef3e9}
.tbBoard1 td.delete {text-decoration:line-through}
.tbBoard1 td.delete a {color:#494f59; text-decoration:none}
.tbBoard1 td span.btnWhite_s {padding:0 !important}
.tbBoard1 td span.btnWhite_s a {color:#ff8016 !important}
.tbBoard1 td img {padding-right:4px}

.tbBoard1 {width:100%; border-top:1px solid #545b67}
.tbBoard1 thead tr:hover {background-color: transparent; color: inherit;}
.tbBoard1 th {background:#f2f2f2; border:1px solid #dadbdc; padding:0 2px; height:46px}
.tbBoard1 tbody tr:hover {border:2px solid #ffd2ad}
.tbBoard1 td {border:1px solid #d8d8d8; padding:0 2px; height:46px; text-align:center;}
/*.tbBoard1 td span {color:#ff8016; font-weight:bold; padding:0 4px;}
.tbBoard1 td a {color:#333945 !important}
.tbBoard1 td a:hover {color:#ff8016; text-decoration:underline}
*/

.tbBoard2 {width:100%; border-top:1px solid #545b67}
.tbBoard2 th {background:#f2f2f2; border:1px solid #dadbdc; padding:8px; text-align: right; font-weight: none !important;}
.tbBoard2 th.thline {border-left:1px solid #dadbdc}
.tbBoard2 td {padding:8px; border:1px solid #d8d8d8;}
.tbBoard2 td .view {line-height:170%; text-align:justify; padding-bottom:30px}
.tbBoard2 td p {padding:3px 0}
.tbBoard2 td a {color:#333945}
.tbBoard2 td a:hover {color:#ff8016; text-decoration:underline;}
.tbBoard2 td .btn {margin-top:-4px !important}
.tbBoard2 td .btnWhite_s a {color:#ff8b2b !important}
.tbBoard2 td input {height:24px; padding:0 6px}
.tbBoard2 td input.ce {text-align:center} 
.tbBoard2 td select {height:26px}
.tbBoard2 td textarea {padding:6px}
.tbBoard2 td p {font-size:13px}
.tbBoard2 td .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbBoard2 td .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbBoard2 td .help_txt{color:#b5b5b5; font-size: 10px;}

.commentList {width:100%;border-top:1px solid #545b67}
.commentList li {border-bottom:1px solid #d8d8d8; padding:12px 15px}
.commentList li .date {color:#7e7e7e; font-size:12px}
.commentList li b {font-size:14px}
.commentList li .comment {display:block; padding-top:12px}
.commentList li.reply {background:url('../images/common/ico_reply.gif') 15px 13px no-repeat; padding-left:44px}
.commentList li.reply2 {background:url('../images/common/ico_reply.gif') 45px 13px no-repeat; padding-left:74px}

.caution {background:#f3f3f3; border:1px solid #d8d8d8; margin-top:30px; padding:20px 25px}
.caution p {background:url('../images/common/ico_caution.png') no-repeat; padding:3px 0 12px 30px; font-size:15px; border-bottom:1px solid #d8d8d8}
.caution ul {margin:10px 0 20px 0}
.caution li {font-size:12px; padding:3px 0}
.caution li a {color:#545b67; text-decoration:underline}
.caution li a:hover {color:#ff6c00;}
.caution li span.emphasis {background:#dad4c7}
.txt_comment{padding:3px 0 3px 30px;background:url('../images/common/ico_caution.png') no-repeat;color:#e66f05}


.kmsnotice {background:#f3f3f3; border:1px solid #d8d8d8;padding:20px 25px}
.kmsnotice p {padding:3px 0 12px 0; font-size:15px; border-bottom:1px solid #d8d8d8}
.kmsnotice ul {margin:10px 0 0px 0; }
.kmsnotice li {font-size:12px; padding:3px 0;line-height:20px;border-bottom:1px solid #dbdbdb;}
.kmsnotice li a.title {color:#333945; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:60%;}
.kmsnotice li a.title:hover {color:#fe790a}
.kmsnotice li .categori {float:left; clear:left; font:12px;padding: 0 20px 0 0;white-space:nowrap;max-width:20%;text-overflow:ellipsis; overflow:hidden; }
.kmsnotice li .date {float:right; clear:right; font:13px; white-space:nowrap;}
.kmsnotice li span.emphasis {background:#dad4c7}
.kmsnotice li.end {border-bottom:none}


.tutortop_title {position:relative; background:#545b67; border-radius:5px 5px 0 0; padding:15px 30px 20px 30px}
.tutortop_title .title {background:url('../images/common/ico_noti.gif') left 4px no-repeat; padding:6px 0 4px 26px; font-size:15px; color:#FFF; display:inline-block}
.tutortop_title .util {position:absolute; right:30px; top:20px; font-size:12px; color:#FFF}
.tutortop_title .util span {background:url('../images/common/line_dot_tutor.gif') right 4px no-repeat; padding:4px 20px 0 0; display:inline-block}
.tutortop_title .util span strong {color:#ffc30c}
.tutortop_title .util span.my {background:url('../images/common/ico_my.gif') 0 -2px no-repeat; padding:4px 0 7px 36px; margin-left:18px}
.tutortop_title .util span.my a {color:#FFF}
.tutortop_title .util span.my a:hover {color:#ffc30c}
.tutortop_title .util span.mail {background:url('../images/common/ico_mail.gif') 0 -4px no-repeat; padding:2px 0 6px 36px; margin-left:18px}
.tutortop_title .util span.mail a {color:#FFF}
.tutortop_title .util span.mail a:hover {color:#ffc30c}

.tutortop_cont {background:#efefef; border-radius:0 0 5px 5px; border:1px solid #dddddd; border-top:none; padding:15px 30px; font-size:13px; line-height:170%}
.tutortop_cont b {color:#ff5a00}

.notice {position:relative; width:48%; height:290px; overflow:hidden; margin-top:40px; background:#f4f3f3; border:1px solid #ddddde; border-radius:5px}
.notice a {text-decoration:none; color:#666;}
.notice a:hover,
.notice a:active,
.notice a:focus{ text-decoration:underline;}
.notice h1 {font-size:18px; border-bottom:2px solid #c8c8c8; padding-bottom:15px; margin:30px 35px 0 35px}
.notice ul {margin:0 35px 25px 35px; padding-top:8px;}
.notice li {position:relative; line-height:40px; font-size:13px; border-bottom:1px solid #dbdbdb}
.notice li:after {content:""; display:block; clear:both;}
.notice li a.title {float:left; color:#333945; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:60%}
.notice li a.title:hover {color:#fe790a}
.notice li.none {text-align:center; background:none; color:#a5a5a5;}
.notice li .date {float:right; clear:right; font:13px; white-space:nowrap;}
.notice li span {float:right; clear:right; white-space:nowrap}
.notice li.end {border-bottom:none}
.notice a.more {position:absolute; top:35px; right:35px; font-size:12px}
.notice a:hover.more {color:#fe790a}

.myplan {border:2px solid #e1dfdf; border-radius:8px; padding:20px 25px; height:170px}
.myplan img {float:left; border:1px solid #e1dfdf; margin-top:12px}
.myplan_item {float:left; margin-left:30px; width:70%}
.myplan_item ul {font-size:13px}
.myplan_item li {padding:4px 0}



 /*Page navi*/
.pageNavi {position:relative;padding:10px 10px 0 0; margin:0 auto; overflow:hidden; text-align:right}
.pageNavi span {display:inline-block; padding:0 4px; vertical-align:middle}
.pageNavi .pageNum {padding:2px 6px 0 6px; text-align:right}
.pageNavi .pageNow a {color:#ff7400}
.pageNavi .btn {padding:0}
.pageNavi a {display:inline-block; color:#545b67}
.pageNavi a:hover {color:#ff7400}
.pageNavi a.btn_prev_fst {background:url('../images/common/btns.gif') -23px -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_prev_fst {background-position:-23px -75px; text-indent:-5000px;}
.pageNavi a.btn_prev {background:url('../images/common/btns.gif') 0 -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_prev {background-position:0 -75px; text-indent:-5000px;}
.pageNavi a.btn_next_fst {background:url('../images/common/btns.gif') -69px -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_next_fst {background-position:-69px -75px; text-indent:-5000px;}
.pageNavi a.btn_next {background:url('../images/common/btns.gif') -46px -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_next {background-position:-46px -75px; text-indent:-5000px;}
.pageNavi .view_num{position:absolute; right:0; top:12px; font-size:12px}
.pageNavi .view_num select {height:26px}

.pageNavi.v2{padding:0}

/* Button Area */
.btnArea_tit {margin:0;*zoom:1}
.btnArea_tit:after{content:""; display:block; clear:both;}
.btnArea_tit .fLeft{float:left}
.btnArea_tit .fRight{float:right}

.btnArea{margin:0; text-align:center; *zoom:1;}
.btnArea:after{content:""; display:block; clear:both;}
.btnArea .fLeft{float:left;}
.btnArea .fRight{float:right;}
.btnArea.mgt10 {margin-top:10px}

.btnRight {text-align:right}



/* Typography
   ========================================================================== */
a {
  color: #434343; }
  a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none; }
  a:hover, a:focus, a.link {
    color: #3367d6; }
  a.link:hover {
    color: #000; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  margin: 0 0 10px;
  color: #000; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 18px; }

h3 {
  font-size: 16px; }

h4 {
  font-size: 15px;
  margin-bottom: 12px; }

h5 {
  font-size: 15px;
  margin-bottom: 10px; }

h6 {
  font-size: 12px;
  margin-bottom: 8px; }

.title {
  font-weight: 400; }

h3.title {
  font-size: 15px; }

em {
  font-style: italic; }

b, strong {
  font-weight: 600; }

small, .small {
  font-size: 90%; }

.uppercase {
  text-transform: uppercase; }

.smaller {
  font-size: 10px; }

p {
  margin-bottom: 15px; }

.text-primary {
  color: #3367d6; }

a.text-primary:hover,
a.text-primary:focus {
  color: #2451b2; }

.text-success {
  color: #025500; }

a.text-success:hover,
a.text-success:focus {
  color: #012200; }

.text-info {
  color: #2b7da0; }

a.text-info:hover,
a.text-info:focus {
  color: #205e78; }

.text-warning {
  color: #946c28; }

a.text-warning:hover,
a.text-warning:focus {
  color: #6c4f1d; }

.text-danger {
  color: #ab1717; }

a.text-danger:hover,
a.text-danger:focus {
  color: #7e1111; }

.green-color {
  color: #00bf6c; }

a.green-color:hover,
a.green-color:focus {
  color: #008c4f; }

.red-color {
  color: #FF0000; }

a.red-color:hover,
a.red-color:focus {
  color: #cc0000; }

.text-purple {
  color: #7E57C2; }

a.text-purple:hover,
a.text-purple:focus {
  color: #643da9; }

/*Button*/
.btnBlue {}
.btnBlue,
.btnBlue a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnBlue.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnBlue {background-position:left top; margin-right:8px;}
.btnBlue a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnBlue a:hover {color:#60f355}

.btnBlue_end {}
.btnBlue_end,
.btnBlue_end a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnBlue.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnBlue_end {background-position:left top; margin-right:3px}
.btnBlue_end a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnBlue_end a:hover {color:#60f355}


.btnBlue_s {}
.btnBlue_s,
.btnBlue_s a {position:relative; display:inline-block; vertical-align:top; height:26px; line-height:22px; background:url('../images/common/btnBlue_s.gif') no-repeat; white-space:nowrap}
.btnBlue_s {background-position:left top; margin-right:8px;}
.btnBlue_s a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnBlue_s a:hover {color:#60f355}

.btnGray {}
.btnGray,
.btnGray a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnGray.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnGray {background-position:left top; margin-right:8px;}
.btnGray a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnGray a:hover {color:#ffcc32}

.btnGray_end {}
.btnGray_end,
.btnGray_end a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnGray.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnGray_end {background-position:left top}
.btnGray_end a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnGray_end a:hover {color:#ffcc32}

.btnGray_s {}
.btnGray_s,
.btnGray_s a {position:relative; display:inline-block; vertical-align:top; height:26px; line-height:22px; background:url('../images/common/btnGray_s.gif') no-repeat; white-space:nowrap; font-size:12px }
.btnGray_s {background-position:left top; margin-left:10px}
.btnGray_s.v2 {margin-left:0}
.btnGray_s a {background-position:right top; left:2px; padding:0 15px; color:#FFF}
.btnGray_s a:hover {color:#ffcc32}

.btnGray_ss {}
.btnGray_ss,
.btnGray_ss a {position:relative; display:inline-block; vertical-align:top; height:20px; line-height:17px; background:url('../images/common/btnGray_ss.gif') no-repeat; white-space:nowrap; font-size:11px; margin: 0px !important;}
.btnGray_ss {background-position:left top; margin-left:8px}
.btnGray_ss a {background-position:right top; left:2px; padding:0 8px; color:#FFF !important}
.btnGray_ss a:hover {color:#ffcc32 !important; text-decoration:none !important}

.btn_tooltip{display:inline-block;height:20px;margin-top:10px;padding:0 8px;background:#53575d;border-radius:3px;white-space:nowrap;font-size:11px;color:#fff;line-height:20px;vertical-align:top}
.btn_tooltip:hover{color:#ffcc32}

.btnWhite {}
.btnWhite,
.btnWhite a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:28px; background:url('../images/common/btnWhite.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnWhite {background-position:left top; margin-right:4px;}
.btnWhite a {background-position:right top; padding:0 15px; color:#e66f05}
.btnWhite a:hover {color:#d95403}

.btnWhite_s {}
.btnWhite_s,
.btnWhite_s a {position:relative; display:inline-block; vertical-align:top; height:26px; line-height:22px; background:url('../images/common/btnWhite_s.gif') no-repeat; white-space:nowrap; font-size:12px; margin: 0px !important;}
.btnWhite_s {background-position:left top; margin-left:6px;}
.btnWhite_s a {background-position:right top; padding:0 12px; color:#ff8016 !important}
.btnWhite_s a:hover {color:#d95403 !important; text-decoration:none !important}

.btnWhite_ss {}
.btnWhite_ss,
.btnWhite_ss a {position:relative; display:inline-block; vertical-align:top; height:20px; line-height:17px; background:url('../images/common/btn_whitess.gif') no-repeat; white-space:nowrap; font-size:11px}
.btnWhite_ss {background-position:left top; margin-left:8px}
.btnWhite_ss a {background-position:right top; padding:0 8px; color:#ff8b2b !important}
.btnWhite_ss a:hover {color:#e17720 !important; text-decoration:none !important}

.btnBig {}
.btnBig,
.btnBig a {position:relative; display:inline-block; vertical-align:top; height:84px; line-height:82px; background:url('../images/common/btn_big.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnBig {background-position:left top; margin-left:10px;}
.btnBig a {background-position:right top; padding:0 30px; color:#fc821e !important}
.btnBig a:hover {color:#e17720 !important; text-decoration:none !important}

.btnOr20 {}
.btnOr20,
.btnOr20 a {position:relative; display:inline-block; vertical-align:top; height:20px; line-height:18px; background:url('../images/common/btn_or20.gif') no-repeat; white-space:nowrap; font-size:11px}
.btnOr20 {background-position:left top}
.btnOr20 a {background-position:right top; padding:0 15px; color:#FFF !important}
.btnOr20 a:hover {color:#612f05 !important; text-decoration:none !important}

button.btnSearch {background:url('../images/common/btns.gif') 0 0 no-repeat; vertical-align:top; width:37px; height:26px; text-indent:-5000px}

a.btnSearch1 {background:url('../images/common/btns.gif') 0 0 no-repeat; vertical-align:top; width:37px; height:26px; text-indent:-5000px}
a:hover.btnSearch1 {background-position:0 -26px; text-indent:-5000px;}

a.btnSearch2 {background:url('../images/common/btns.gif') -37px 0 no-repeat; vertical-align:top; width:37px; height:26px; margin-left:4px; text-indent:-5000px}
a:hover.btnSearch2 {background-position:-37px -26px; margin-left:4px; text-indent:-5000px;}

a.btnCal {background:url('../images/common/btns.gif') -326px 0 no-repeat; vertical-align:top; width:33px; height:26px; text-indent:-5000px}
a:hover.btnCal {background-position:-326px -26px; text-indent:-5000px;}

a.btnCal2 {background:url('../images/common/btns.gif') -359px 0 no-repeat; vertical-align:top; width:34px; height:26px; text-indent:-5000px}
a:hover.btnCal2 {background-position:-359px -26px; text-indent:-5000px;}

a.btnfile {background:url('../images/common/btns.gif') 0 -165px no-repeat; vertical-align:top; width:19px; height:22px; margin-left:4px; text-indent:-5000px}

a.btnLogout {background:url('../images/common/btns.gif') 0 -114px no-repeat; width:29px; height:27px; text-indent:-5000px;}
a:hover.btnLogout {background-position:-29px -114px; text-indent:-5000px;}

a.btn_right {background:url('../images/common/btns.gif') -139px 0 no-repeat; width:30px; height:31px; text-indent:-5000px;}
a:hover.btn_right {background-position:-170px 0; text-indent:-5000px;}

a.btn_left {background:url('../images/common/btns.gif') -139px -32px no-repeat; width:30px; height:30px; text-indent:-5000px; margin-top:8px}
a:hover.btn_left {background-position:-170px -32px; text-indent:-5000px;}

a.btn_right2 {background:url('../images/common/btns.gif') -139px -63px no-repeat; width:30px; height:30px; text-indent:-5000px;}
a:hover.btn_right2 {background-position:-170px -63px; text-indent:-5000px;}

a.btn_left2 {background:url('../images/common/btns.gif') -139px -94px no-repeat; width:30px; height:30px; text-indent:-5000px; margin-top:8px}
a:hover.btn_left2 {background-position:-170px -94px; text-indent:-5000px;}

a.btn_down {background:url('../images/common/btns.gif') -201px 0 no-repeat; width:30px; height:31px; text-indent:-5000px; }
a:hover.btn_down {background-position:-201px -31px; text-indent:-5000px;}

a.btn_up {background:url('../images/common/btns.gif') -232px 0 no-repeat; width:30px; height:31px; text-indent:-5000px;}
a:hover.btn_up {background-position:-232px -31px; text-indent:-5000px;}

a.btn_down2 {background:url('../images/common/btns.gif') -263px 0 no-repeat; width:30px; height:32px; text-indent:-5000px;}
a:hover.btn_down2 {background-position:-263px -31px; text-indent:-5000px;}

a.btn_up2 {background:url('../images/common/btns.gif') -294px 0 no-repeat; width:30px; height:32px; text-indent:-5000px;}
a:hover.btn_up2 {background-position:-294px -31px; text-indent:-5000px;}


/*Layer Popup*/
#ajaxMask {
	display:none; background: #000; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 999;
	opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*IE8*/
	}

.mask {
	display:none; background: #000; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 800;
	opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*IE8*/
	}
.masks {
	display:none; background: #000; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 800;
	opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*IE8*/
	}
img.btn_close {float:right; margin:-25px 0 0 20px;}

.ajax-window{display:none; float:left; position: fixed; top: 50%; left: 50%; z-index: 999}
.pop-window{display:none; background:#FFF; float:left; position: fixed; top: 50%; left: 50%; z-index: 900}
.pop-window header {background:#4278e3; padding:20px 10px}
.pop-window header h1 {font-size:18px; color:#FFF; margin: 0px 10px 0 10px !important; }

.pop-window article {padding:20px}

.pop-window {width:850px}
.zipWrap {padding-bottom:30px}

.zipSearch {float:left; width:385px; padding-right:25px; border-right:1px dashed #d7d7d7}
.zipSearch .lotnumber {border-bottom:1px solid #d7d7d7; padding-bottom:40px}
.zipSearch .road {padding-top:40px}
.zipSearch h2 {font-size:20px; padding-bottom:20px}
.zipSearch p {font-size:13px}
.zipSearch .regionSearch {padding:15px 0 0 0 !important}
.zipSearch .regionSearch input {height:35px; border:1px solid #d7d7d7}
.zipSearch .regionSearch select {border:1px solid #d5d5d5; height:36px; padding-left:6px; margin-bottom:6px}
.zipSearch .regionSearch label {}
.zipSearch .regionSearch .item {position:relative; display:inline-block; vertical-align:top; background:#FFF; margin-top:4px}
.zipSearch .regionSearch .iLabel {position:absolute; top:10px; left:8px; white-space:nowrap; color:#898989}
.zipSearch .regionSearch .iText {position:relative; padding:0 10px; *margin:-1px 0; border:1px solid #d7d7d7;background:transparent;}
.zipSearch .regionSearch .btn_gr37 {margin-right:0;}

.zipSearch .regionSearch .sel_wd1 {width:160px}
.zipSearch .regionSearch .sel_wd2 {width:220px}
.zipSearch .regionSearch .in_wd1 {width:285px}

.zipSearch .item2 {display:inline-block; position:relative; margin-top:15px}
.zipSearch .item2 {font-size:14px; margin-left:50px}
.zipSearch .item2 .iRadio {width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.zipSearch .item2 .mrl {margin-left:20px}

.zipResult {position:relative; float:left; padding-left:20px}
.zipResult .before {position:absolute; top:100px; left:140px; width:160px; text-align:center;}
.zipResult .before p {font-size:13px; padding-top:-15px}
.zipResult .none {position:absolute; top:100px; left:140px; width:190px; text-align:center;}
.zipResult .none p {font-size:13px;  padding-top:-15px}
.zipResult p {margin-top:32px}
.zipResult .region_list {border:1px solid #d7d7d7; margin-top:15px; padding:4px 8px; font-size:13px; height:340px; width:340px; overflow-x:hidden}
.zipResult .tbZip {}
.zipResult .tbZip td {vertical-align:top; line-height:150%; padding:3px 0}
.zipResult .tbZip td a {color:#333945}
.zipResult .tbZip td a:hover {background:#d0d0d0}


.zipSearch .btn_gr37 {}
.zipSearch .btn_gr37,
.zipSearch .btn_gr37 a {position:relative; display:inline-block; vertical-align:top; height:37px; line-height:35px; background:url('../images/common/btn_gr37.gif') no-repeat; white-space:nowrap; font-size:13px}
.zipSearch .btn_gr37 {background-position:left top; margin-right:10px;}
.zipSearch .btn_gr37 a {background-position:right top; padding:0 20px; color:#FFF}
.zipSearch .btn_gr37 a:hover {color:#fec929}



/*
.pop-window article h2 {background:#6b717c; font-size:15px; color:#FFF; font-weight:bold; padding:12px 0}
.pop-window textarea {padding:10px; border:1px solid #d8d8d8; background:#f1f0f0}

.mapLeft {float:left; margin-right:15px;}
.mapRight {float:right; margin-left:15px;}
.mapBtn_v {float:left; margin-top:110px;}
.mapBtn_v a {display:block}

.btn_horizontal {margin:10px 0 !important; padding:0 !important}
.btn_horizontal a {display:inline-block}
*/

/* dl Type */
.blind{overflow:hidden;position:absolute;top:0;left:-999em;line-height:0}
.tbl_dl_type1{line-height:1.5}
.tbl_dl_type1 dt{margin-bottom:5px}
.tbl_dl_type1 dd,.tbl_dl_type1 dd>a{color:#4278e3}
.tbl_dl_type1 dd>a:hover{text-decoration:underline}

/* 숙소배치 */
.group_line_box{border-top:1px solid #353c47;text-align:center}
.clr_org{color:#f15b00}
.clr_gray3{color:#333}
.clr_blue{color:#0051e6}
.clr_red{color:#e60000}
h3.tit_h3{padding:28px 6px 0;font-size:28px;font-weight:normal;line-height:1.2;letter-spacing:-1px}
.tx_type{font-size:18px}


/*명찰형태*/
.badge {overflow:hidden;width:684px;margin:35px auto 0;}
.badge li{position:relative;display:table;float:left;width:340px;height:230px;border:1px solid #cacaca;overflow:hidden}
.badge li .tagtitle {background:#003477; text-align:center; color:#FFF; padding:10px 12px}
.badge li .tagtitle b {font-size:20px; font-weight:normal}
.badge li .tagtitle span {font-size:16px; padding-top:4px; display:block}
.badge li .tagcont {text-align:center; padding:10px 12px; line-height:150%}
.badge li .tagcont b {font-size:18px; border-bottom:1px solid #003477; padding-bottom:8px; color:#003477; display:block}
.badge li .tagcont p {font-size:48px; color:#003477; padding-top:24px}
.badge li .tagcont p span {font-size:24px; font-weight:normal}
.badge li .tagname {font-size:48px; color:#003477; font-weight:bold}
.badge li .tagbot span {display:inline-block}
.badge li span.slogan {position:absolute; left:12px; bottom:6px}
.badge li span.logo {position:absolute; right:12px; bottom:6px}

.necklace {overflow:hidden;width:722px;margin:35px auto 0;}
.necklace li{position:relative;display:table;float:left;width:359px;height:461px;border:1px solid #cacaca;overflow:hidden}
.necklace li .tagtitle {background:#003477; text-align:center; color:#FFF; padding:15px 12px; line-height:180%}
.necklace li .tagtitle b {font-size:24px; font-weight:normal}
.necklace li .tagtitle span {font-size:18px; padding-top:4px; display:block}
.necklace li .tagcont {text-align:center; padding:10px 12px; margin-top:50px;}
.necklace li .tagcont b {font-size:24px; border-bottom:1px solid #003477; padding-bottom:8px; color:#003477; display:block}
.necklace li .tagcont p {font-size:64px; color:#003477; font-weight:bold; padding-top:24px; line-height:80%}
.necklace li .tagcont p span {font-size:34px; font-weight:normal}
.necklace li .tagbot span {display:inline-block}
.necklace li span.slogan {position:absolute; left:12px; bottom:12px}
.necklace li span.logo {position:absolute; right:12px; bottom:12px}

.nameplate {overflow:hidden;width:565px;margin:35px auto 0;}
.nameplate li{position:relative;display:table;float:left;width:563px;height:270px;border:1px solid #cacaca;overflow:hidden}
.nameplate li .tagtitle {background:#003477; text-align:center; color:#FFF; padding:15px 12px 8px 12px; line-height:180%}
.nameplate li .tagtitle b {font-size:30px; font-weight:normal}
.nameplate li .tagcont {text-align:center; padding:10px 12px; margin-top:5px}
.nameplate li .tagcont b {font-size:26px; border-bottom:1px solid #003477; padding-bottom:8px; color:#003477; display:block}
.nameplate li .tagcont p {font-size:68px; color:#003477; font-weight:bold; padding-top:24px; line-height:80%}
.nameplate li .tagcont p span {font-size:30px; font-weight:normal}
.nameplate li .tagbot span {display:inline-block}
.nameplate li span.slogan {position:absolute; left:12px; bottom:12px}
.nameplate li span.logo {position:absolute; right:12px; bottom:12px}



/* 수료처리 */
input[type=text]::-ms-clear{display:none}
.group_divid{float:left;position:relative;width:49%}
.group_divid.first{margin-right:2%}
.group_divid.first.v2{padding-right:1%;margin-right:.85%;border-right:1px dotted #999}

/* 시설신청 */
.lst_checkroom{}
.lst_checkroom>li{margin-top:35px}
.lst_checkroom>li:first-child{margin-top:0}
.lst_checkroom>li .checkbox_room{display:none;overflow:hidden;margin-top:20px;zoom:1}
.lst_checkroom>li>input[type=checkbox]{margin:7px 3px -7px 0;vertical-align:top}
.lst_checkroom>li>input[type=checkbox]+span{font-size:23px;letter-spacing:-2px;line-height:1}
.group_lft_checklayout{float:left;width:69%;margin-right:1.5%}
.group_rgt_checklayout{float:left;width:29.5%}
.tbl_radio{margin:2px 0 -2px;vertical-align:top}
.tbl_checkbox{height:auto !important;margin:4px 3px -4px 0;padding:0 !important;vertical-align:top}
.tbl_textarea{width:100%;padding:6px;border:1px solid #dadbdc;box-sizing:border-box}
.tbl_tl{text-align:left}
.pd_layout{padding:8px 0}
.text_point_gray {font-size:18px; color:#333945; margin-bottom:15px}
.loc_btn_rgt{position:absolute;top:0;right:0}
.group_lectureterm{height:40px;margin-bottom:10px;background-color:#eee;font-size:18px;color:#4278e3;text-align:center;line-height:2.1}
.lst_checkbox1{overflow:hidden;width:100%;zoom:1}
.lst_checkbox1>li{float:left;width:50%}
.vt_top{vertical-align:top}

.ml0{margin-left:0}
.mb10{margin-bottom:10px}
.section{overflow:hidden;position:relative}
.section.v2{overflow:visible}
.section.v60{margin-bottom:60px}
.section.v85{margin-bottom:85px}
.group_divid_v2{float:right;position:relative;width:75%}
.group_divid_v2.first{float:left;width:24%;margin-right:1%}
._btn_aside{position:absolute;top:0;right:0}

.multipleGroup2.v2 .btn_v{float:left; margin:0 auto; vertical-align:top;text-align:center}
.multipleGroup2.v2 .btn_v a{display:block;margin:0 auto}
.multipleGroup2.v2 .multiple{float:left; width:47%}

._lst_allot{overflow:hidden;margin:15px 20px -15px 0}
._lst_allot li{float:left;height:15px;margin-left:15px;font-size:12px;color:#333945;line-height:15px}
._lst_allot li:first-child{margin-left:0}
.bg_allot{display:inline-block;width:26px;height:16px;vertical-align:middle}
._present_condition{}
._present_condition li{float:left;position:relative;width:50%;min-height:50px;line-height:50px}
._present_condition li:first-child{background:url(../images/common/bd_dott_v1.gif) repeat-y 100% 0}
.allot{display:inline-block;overflow:hidden;width:100%;height:16px;vertical-align:middle;text-indent:-9999px}
.bg_allot.v1,.allot.v1{background:#d6d7d8}
.bg_allot.v2,.allot.v2{background:#3498db}

._present_condition.v2 li{float:none;width:100%}
._present_condition.v2 li:first-child{background:none}


._tbl_calender{width:100%;border-top:1px solid #d9d9d9}
._tbl_calender th{padding:13px 0 14px;border:1px solid #d9d9d9;color:#333945;text-align:center}
._tbl_calender td{padding:12px 0;border:1px solid #d9d9d9;text-align:center}
._tbl_calender td:first-child{border-left:none}
._tbl_calender td.day{min-width:46px;background:#ecf0f2;color:#7e838e;text-align:center}
._tbl_calender td.weekend{background:#eee}
._tbl_calender td.condition{padding:0}
._tbl_calender td span.mh{display:block;position:relative;min-height:26px}
._tbl_calender td span.mh.v2{min-height:30px;line-height:30px}
._tbl_calender td span.mh.v3{min-height:30px}
._tbl_calender.v2 td:first-child{border-left:1px solid #d9d9d9}
._tbl_calender td.srch_none{border-right:none}

._group_calender{position:relative}
._lst_calender_sample{position:absolute;top:0;left:0}
._lst_calender_sample li{width:68px;height:50px;margin-top:-1px;padding:0 8px;border:1px solid #d9d9d9;line-height:50px;text-align:center}
._lst_calender_sample li:first-child{height:46px;margin-top:0;line-height:46px}
._group_tbl_calender{padding-left:85px}

.tbl_calendar{border-top:1px solid #ddd}
.tbl_calendar th{background-color:#eee}
.tbl_calendar th,.tbl_calendar td{padding:10px 15px;border:1px solid #ddd}
.tbl_calendar td{background-color:#f5f5f5;text-align:right}
.tbl_calendar input[type=text]{display:block;width:100%}
.txt_calendar_month{margin:20px 0 10px;font-size:18px;text-align:center}
.txt_calendar_month.v2{display:inline-block;margin:0;text-align:left;line-height:1.5}
.txt_calendar_month a{color:#4278e3}
.txt_calendar_month span{margin:0 10px}
.bg_input_ticket{background-color:#fff !important}
.txt_sun{color:#e00000}
.txt_sat{color:#4273e3}
.slct_company{position:absolute;top:5px;right:0;min-width:100px;height:28px;border:1px solid #d4d4d4;background:#373e4a;color:#fff}

/* 20160525 */
.main_body{margin:0 auto;background:#f5f5f5}
.main_wrap{padding:20px}
.slct_company{position:absolute;top:5px;right:0;min-width:100px;height:28px;border:1px solid #d4d4d4;background:#373e4a;color:#fff}

.group_tooltop{display:inline-block;position:relative}
.tip_view{display:none;position:absolute;top:40px;left:1px;z-index:50;padding:3px 7px 4px;background:#bbb;color:#fff;line-height:20px}
.tip_view:before{display:block;position:absolute;top:-5px;left:0;border-right:10px solid transparent; border-bottom:10px solid #bbb; border-left:10px solid transparent;content:""}

.group_btn_area{position:relative}
.btn_area{position:absolute}
.btn_area.rgt{top:50%;right:0;margin-top:-15px}

.lst_allot{padding-bottom:15px}
.lst_allot li{margin-top:5px;z-index:10}
.lst_allot li>a{position:relative}
.lst_allot li:first-child{margin-top:0}

.tooltip_view{display:none;position:absolute;top:20px;left:1px;padding:3px 7px 4px;background:#bbb;color:#fff;z-index:10}
.tooltip_view:before{display:block;position:absolute;top:-5px;left:0;border-right:10px solid transparent; border-bottom:10px solid #bbb; border-left:10px solid transparent;content:""}

.desc_learning_room{position:absolute;right:0;left:0;margin-top:-2px;padding:0 10px;text-align:left;line-height:1.2}
.ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}

/* 20160620 */
/* 단락 :: [컨텐츠 공통] */
.section{overflow:hidden;position:relative;zoom:1}
.section_v2{position:relative;zoom:1}
.section.v10{margin-bottom:10px}
.section.v20,.section_v2.v20{margin-bottom:20px}
.section.v25{margin-bottom:25px}
.section.v30{margin-bottom:30px}
.section.v35{margin-bottom:35px}
.section.v40{margin-bottom:40px}
.section.v45,.section_v2.v45{margin-bottom:45px}
.section.v50,.section_v2.v50{margin-bottom:50px}
.section.v55{margin-bottom:55px}

.lst_step2{overflow:hidden;height:103px;background:url(../images/common/bg_step.gif) no-repeat;font-size:15px;color:#898989}
.lst_step2>li{float:left;position:relative;width:25%;background:#ececec;line-height:1.4}
.lst_step2>li.on,.lst_step2>li>a:hover{background-color:#4e8ec8;color:#fff}
.lst_step2>li:before{display:block;position:absolute;top:0;right:0;bottom:0;width:2px;background:#fff;content:''}
.lst_step2>li.last:before{display:none}
.lst_step2>li>a.space_step2{color:#898989}
.lst_step2>li>a.space_step2:hover{color:#fff}
.lst_step2>li .space_step2:after,.lst_step2>li>a:hover:after{display:block;position:absolute;top:30px;right:32px;width:21px;height:33px;background:url(../images/common/sp_ico.png) no-repeat 0 0;content:''}
.lst_step2>li.on .space_step2:after,.lst_step2>li>a:hover:after{background-position:-25px 0}
.lst_step2>li strong{font-size:22px;color:#444;letter-spacing:-1px}
.lst_step2>li.on strong,.lst_step2>li>a:hover strong{color:#fff}
.lst_step2>li.on .space_step2:before,.lst_step2>li a:hover:before{display:block;position:absolute;left:50%;bottom:-10px;width:20px;height:10px;margin-left:-10px;background:url(../images/common/sp_ico.png) no-repeat -50px 0;content:''}
.space_step2{display:block;padding:17px 0 24px 50px}

/* 역량진단 */
.group_diagnosis{overflow:hidden;position:relative;padding-bottom:30px;border-bottom:1px solid #e8e8e8}
.group_diagnosis.v2{padding-bottom:26px}
.desc_diagnosis{float:left;width:780px}
.desc_diagnosis dt{margin-bottom:7px;font-size:18px;font-weight:bold;color:#333;line-height:1.2em;letter-spacing:-1px}
.desc_diagnosis dd{font-size:15px;color:#666}
.tx_tbl_info{margin-top:20px;color:#888;line-height:1.3em}
.lst_result_view{overflow:hidden;border-bottom:2px solid #4e5463}
.lst_result_view>li{float:left;position:relative;height:41px}
.lst_result_view>li>a{display:block;position:relative;width:179px;height:41px;padding-left:40px;background:url(../images/common/tab_result.png) no-repeat 0 -45px;color:#353639;line-height:41px;text-decoration:none}
.lst_result_view>li>a.on{background-position:0 0;color:#fff;z-index:10}
.lst_result_view>li>a.last{margin:0 0 0 -12px}
.tbl_result{width:100%}
.tbl_result th{color:#444;padding:0 40px;border-right:1px solid #d9d9d2}
.tbl_result td{padding:0 60px}
.tbl_result th,.tbl_result td{height:120px;border-bottom:1px solid #d9d9d2}
.group_graph{height:50px;padding-top:44px}
.group_result_bar{float:left;position:relative;width:397px;height:11px;margin-top:18px;background:#efefef}
.tx_grade{float:left;margin-right:20px;font-size:24px}
.bg_bar{display:block;position:absolute;top:0;left:0;height:11px;background:#7cc576 url(../images/common/pattern_v3.png) repeat}
.lst_ico_result{position:relative}
.ico_result{display:block;position:absolute;top:-45px;width:31px;height:56px;background:url(../images/common/ico_result.gif) no-repeat;z-index:10}
.ico_result.v1{background-position:0 0}
.ico_result.v2{background-position:-35px 0}
.ico_result.v3{background-position:-70px 0}
.tx_result_grade{display:block;margin:9px 0 0 -1px;color:#fff;text-align:center;line-height:1em}
.group_spider_map{border-bottom:1px solid #d9d9d2}
.lst_result_info{overflow:hidden;position:absolute;right:0;margin-top:14px;}
.lst_result_info li{float:left;margin-left:20px;font-size:12px;color:#a5a5a5}
.lst_result_info li:first-child{margin-left:0}
.bg_result_info{display:inline-block;width:13px;height:13px;margin:3px 8px -3px 0;border-radius:7px}
.bg_result_info.v1{background:#7cc576 url(../images/common/pattern_v3.png) repeat}
.bg_result_info.v2{background:#0092e7 url(../images/common/pattern_v3.png) repeat}
.bg_result_info.v3{background:#de2f36 url(../images/common/pattern_v3.png) repeat}
.bg_result_info.v4{background:#f9a925 url(../images/common/pattern_v3.png) repeat}

/* Icon :: [컨텐츠 공통] */
.ico{display:inline-block;overflow:hidden;background:url(../images/common/sp_ico.png) no-repeat;text-indent:-999em;vertical-align:middle}
.ico_con_info{position:absolute;top:20px;left:40px;width:39px;height:33px;background-position:-70px 0}
.ico_diagnosis{float:left;margin:0 25px 0 40px}
.ico_diagnosis.v2{width:68px;height:55px;background-position:0 -40px}

/* List :: [컨텐츠 공통] */
.lst_base>li,.lst_type_tbl>li{overflow:hidden;padding-left:9px;background:url(../images/common/bu_v1.gif) no-repeat 0 11px}
.lst_type_tbl>li{float:left;margin-left:30px}
.lst_type_tbl>li:first-child{margin-left:0}

/* Search :: [컨텐츠 공통] */
.group_srch2{overflow:hidden;padding:32px 40px;border:1px solid #d9d9d2}
.group_srch2 .select{height:26px}
.tit_srch{margin-right:15px;font-size:15px;font-weight:normal;color:#444}

/* Paging :: [컨텐츠 공통] */
.group_content_info{overflow:hidden;position:relative;padding:24px 40px 27px;background:#5f5b58}
.lst_con_info>li{margin-top:6px}
.lst_con_info>li:first-child{margin-top:0}
.desc_con_info,.tx_con_info{overflow:hidden;padding-left:64px}
.lst_con_info>li:first-child .desc_con_info dt,.lst_con_info>li:first-child .desc_con_info dd{margin-top:-1px;font-size:16px}
.lst_con_info>li:first-child .desc_con_info dt{margin-right:18px}
.desc_con_info dt,.desc_con_info dd{float:left}
.desc_con_info dt{color:#cfcfcf;margin:0 15px 0 30px}
.desc_con_info dt:first-child{margin-left:0}
.desc_con_info dd{color:#fff}
.tx_feedback{display:inline-block;height:30px;margin:-1px 0 1px;padding:0 18px;background:#eeeee7;border:1px solid #979492;font-size:15px;color:#666;line-height:27px}
.lst_con_info2{padding-left:72px;color:#fff}
.lst_con_info2>li{margin-top:5px;padding-left:13px;background:url(../img/bu_v2.gif) no-repeat 0 11px}
.lst_con_info2>li:first-child{margin-top:0}

/* 기안서 */
.tit_draft{height:47px; padding:47px 0 50px 0; text-align:center; font-size:30px; text-decoration:underline; font-weight:bold; color:#333;letter-spacing:-2px}
table.pop_table01{text-align:center;line-height:1.5em}
table.pop_table01 th{background-color:#ededed;border:1px solid #BEBEBE;color:#333; padding:4px 0 2px}
table.pop_table01 td{text-align:center; height:55px; border:1px solid #BEBEBE; color:#666;}

/* 20160622 */
.lst_tab_menu{overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu li{float:left;width:20%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px}
.lst_tab_menu li:first-child{margin:0;border:none}
.lst_tab_menu li a{display:block;color:#b6b9be}
.lst_tab_menu li a:hover{color:#fff}
.lst_tab_menu li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}

/* 20160624 */
.group_em_box{width:800px;margin:0 auto;background:#fff}

/* 관리자 메인 */
.group_main{background:none}
.group_main_tit{position:relative;margin-bottom:15px}
.group_main_tit.v2{margin-bottom:20px}
.main_tit{position:absolute;top:0;left:0;color:#353c47;line-height:1.2em}
.main_tit.h1{font-size:28px;letter-spacing:-2px}
.main_tit.h2{font-size:20px;letter-spacing:-1px}
.lst_todo th,.lst_todo td{padding:0 5px}
.lst_todo td{padding:10px 5px}
.lst_todo thead th{height:36px;background:#d9d9d9 url(../images/common/tbl_arr2.gif) 100% 0 no-repeat}
.lst_todo thead th:first-child{background:#e8e8e8 url(../images/common/tbl_arr.gif) 100% 0 no-repeat}
.lst_todo thead th.last{background:#d9d9d9 url(../images/common/tbl_arr3.gif) 100% 0 no-repeat}
.lst_todo tbody td{border-bottom:1px solid #dadbdc;text-align:center}
.lst_todo tbody td.lft{text-align:left}
.btn_none{display:inline-block;height:26px;padding:0 15px;background:#e8e8e8;border:1px solid #d3d3d3;border-radius:3px;font-size:12px;color:#b1b1b1;line-height:22px}
.tx_do_num{display:table-cell;min-width:26px;height:23px;padding-top:3px;background:#fe790a;border-radius:15px;font-size:16px;color:#f5f5f5;text-align:center;text-decoration:underline;vertical-align:top}
.btnWhite_s.v2{display:table-cell;vertical-align:middle}
.tx_space{display:table-cell;padding-right:17px}

.lst_learn_manage{overflow:hidden}
.lst_learn_manage>li{display:table;float:left;background:#efefef;border-top:4px solid #7d7d7d}
.lst_learn_manage>li>a{display:table-cell;height:116px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;vertical-align:middle}
.lst_learn_manage>li:first-child>a{border-left:1px solid #e3e3e3}
.group_tx_learn{text-align:center}
.tx_learn_num{display:inline-block;padding:0 2px;font-size:40px;color:#fe790a;text-decoration:underline}
.tx_learn_info{margin-top:18px;color:#353c47}
.lst_learn_manage.v1>li{width:33.33%}
.lst_learn_manage.v1>li:first-child{width:33.34%}
.lst_learn_manage.v2>li{width:25%}
.lst_learn_manage.v3>li{width:20%}
.lst_learn_manage.v4>li{width:16.66%}
.lst_learn_manage.v4>li:first-child{width:16.7%}
.lst_learn_manage.v5>li{width:14.28%}
.lst_learn_manage.v5>li:first-child{width:14.32%}
.lst_learn_manage.v6>li{width:12.5%}
.tx_date{display:inline-block;margin:-1px 0 1px;font-size:26px;color:#353c47}

.tbl_week_edu{width:100%}
.tbl_week_edu th,.tbl_week_edu td{padding:10px 18px 11px}
.tbl_week_edu th{background:#555;border:1px solid #6d6d6d;border-width:0 0 0 1px;font-size:13px;color:#f5f5f5}
.tbl_week_edu th:first-child{border:none}
.tbl_week_edu th:last-child{border-right:1px solid #555}
.tbl_week_edu tbody td{width:20%;height:18px;border:1px solid #dadbdc;border-width:0 1px 1px 1px}
.bg_week_edu{position:relative;background:#d1dcf1}
.tx_state{font-size:13p;color:#2a2a2a}
.elp_position{position:relative;min-height:15px}
.elp_inner{position:absolute;right:0;left:0;line-height:1.13}

.group_week_tooltip{display:none;position:absolute;top:40px;left:0;min-width:190px;padding:17px 20px 18px;background:#f5f5f5;border:1px solid #9a9a9a;border-radius:3px;-webkit-box-shadow: 4px 4px 4px 0px rgba(218,218,218,1);-moz-box-shadow: 4px 4px 4px 0px rgba(218,218,218,1);box-shadow: 4px 4px 4px 0px rgba(218,218,218,1);z-index:10}
.group_week_tooltip.on{display:block}
.group_week_tooltip .bu_arr_top{display:block;position:absolute;top:-14px;left:15px;width:19px;height:14px;background:url(../images/common/bu_top_arr.png) no-repeat}
.desc_week_tool{color:#2a2a2a}
.desc_week_tool dt{margin-bottom:10px}
.lst_week_tool>li{font-size:12px;line-height:22px}

.group_orange{width:20%;height:18px;background:#f7dcc6;border:1px solid #f5f5f5;border-width:0 0 0 1px;font-size:15px;font-weight:bold;color:#fe790a;text-align:center}
.group_orange:first-child{border-left:1px solid #f7dcc6}
.group_orange.last{border-right:1px solid #f7dcc6}
.group_orange_v2,.group_orange_v3{height:18px;background:#fb9e50;color:#f5f5f5}
.group_orange_v3{border-right:1px solid #fb9e50;color:#2f2f2f;text-align:right}
.lst_week_info{overflow:hidden;line-height:1.2em}
.lst_week_info li{float:left;margin-left:35px}
.lst_week_info li:first-child{margin-left:0}

.btn_cancel{display:inline-block;overflow:hidden;width:11px;height:11px;background:url(../images/common/btn_cancel.gif) no-repeat;text-indent:-9999px}

.pagewrap2{margin-top:50px;text-align:center}
.btn_paging2{display:inline-block;height:35px;font-size:15px;font-weight:bold;color:#9a9a9a !important}
.btn_paging2:first-child{margin-right:70px}
.btn_paging2:hover,.btn_paging2:active,.btn_paging2:focus,.btn_paging2.on{color:#656a74 !important;text-decoration:none}

.ico2{display:inline-block;overflow:hidden;background:url(../images/common/sp_arr.png) no-repeat;text-indent:-999em;vertical-align:middle}
.ico_prev{width:22px;height:35px;margin:-1px 10px 1px 0;background-position:0 0}
.ico_next{width:22px;height:35px;margin:-1px 0 1px 10px;background-position:-30px 0}
.btn_paging2:hover>.ico_prev,.btn_paging2:active>.ico_prev,.btn_paging2:focus>.ico_prev,.btn_paging2.on>.ico_prev{background-position:-55px 0}
.btn_paging2:hover>.ico_next,.btn_paging2:active>.ico_next,.btn_paging2:focus>.ico_next,.btn_paging2.on>.ico_next{background-position:-80px 0}

/* 20160707_add */
.lst_ticket_info>li{overflow:hidden;margin-top:4px}
.lst_ticket_info>li:first-child{margin-top:0}
.lst_tx_ticket{margin-left:14px}
.lst_tx_ticket>li{margin-left:10px;text-indent:-10px}
.tx_ticket{float:left}
.tx_ticket.v1,.tx_ticket_v1{margin-right:8px;font-weight:normal;color:#a1945d}
.ticket_info_box{margin-top:27px;padding:9px 20px 13px;background:#eeeee7}
.desc_ticket_info dt{color:#a1945d}
.desc_ticket_info dd{margin-top:2px;letter-spacing:-1px}
.img_ticket{display:block;position:relative;width:430px;height:406px;margin:30px auto 30px}
.tx_ticket_info dt,.tx_ticket_info dd{position:absolute}
.tx_ticket_info dt{top:38px;left:71px;font-size:12px;color:#a1a09e}
.tx_ticket_info dd{top:57px;left:45px;font-size:16px;font-weight:bold;color:#000}
.tx_ticket_info.v2 dt{top:117px;left:333px}
.tx_ticket_info.v2 dd{top:97px;left:300px}

/* 부서검색 */
input[type=radio],input[type=checkbox]{margin-top:-1px;margin-bottom:1px}
/* custom select style */
.checkbox,.radio{display:inline-block;width:13px;height:20px;padding-right:10px;background: url(../images/common/checkbox.gif) no-repeat;vertical-align:middle}

.group_tree{overflow-x:auto;overflow-y:auto;float:left;width:49%;height:360px;max-height:360px;padding:12px 2%;border:1px solid #d4d4d4;box-sizing:border-box;background: #fff;}
.group_tree.v2{margin-left:2%;border:1px solid #a8cce8;background:#f1f6fb}
.group_tree1{overflow-x:auto;overflow-y:auto;float:left;width:25%;height:360px;max-height:360px;padding:12px 2%;border:1px solid #d4d4d4;box-sizing:border-box;background: #fff;}
.group_tree1.v2{margin-left:2%;border:1px solid #d4d4d4;}
.lst_tree li{position:relative;width:500px;line-height:28px}
.lst_tree>li{border-left:1px solid #d4d4d4}
.depth_tree{margin-left:-7px}
.first_tree{}
.first_tree:after{display:block;position:absolute;top:-2px;left:-5px;width:10px;height:10px;background:#fff;content:''}
.first_tree.none2:before{display:inline-block;position:absolute;top:14px;bottom:0;left:-24px;z-index:1;width:17px;height:auto;border-top:1px solid #d4d4d4;background:#fff;content:''}
.last_tree:after{display:block;position:absolute;top:14px;left:-5px;width:10px;height:15px;background:#fff;content:''}
.last_tree.v2:after{top:22px}
.last_tree.v3:after{top:14px;left:-25px}
.group_tree.v2 .first_tree:after,.group_tree.v2 .last_tree:after{background:#f1f6fb}
.lst_tree_3depth.v2:before{position:absolute;top:14px;left:-28px;bottom:0;width:10px;background:#fff;content:''}
.group_tree.v2 .lst_tree_3depth.v2:before{background:#f1f6fb}


.lst_tree_2depth>li{position:relative;margin-left:22px}
.lft_line{border-left:1px solid #d4d4d4}
.lst_tree_2depth>li:before,.lst_tree_3depth>li:before,.lst_tree_4depth>li:before,.lst_tree_5depth>li:before,.lst_tree_6depth>li:before,.lst_tree_7depth>li:before{display:block;position:absolute;top:13px;left:-23px;width:16px;height:1px;background:#d4d4d4;content:''}
.lst_tree_3depth>li{position:relative;margin-left:22px}
.lst_tree_4depth>li,.lst_tree_5depth>li,.lst_tree_6depth>li,.lst_tree_7depth>li{position:relative;margin-left:15px}
.lst_tree_4depth>li:before,.lst_tree_5depth>li:before,.lst_tree_6depth>li:before,.lst_tree_7depth>li:before{left:-15px}
.tree_on{color:#ed164b;text-decoration:underline}

.lst_tree_4depth>li.first_tree,.lst_tree_5depth>li.first_tree,.lst_tree_6depth>li.first_tree,.lst_tree_6depth>li.first_tree.none{margin-left:22px}
.lst_tree_4depth>li.first_tree:before,.lst_tree_5depth>li.first_tree:before,.lst_tree_6depth>li.first_tree:before{left:-24px;border-top:1px solid #d4d4d4;background:#fff}

.ico_noresult{display:block;width:77px;height:72px;margin:0 auto 13px;background:url(../images/common/ico_noresult.gif) no-repeat}
.group_noresult{position:relative;top:50%;margin-top:-63px;text-align:center;font-size:15px;color:#555;letter-spacing:-1px}

div#viewLoading {text-align: center;padding-top: 70px;background: #FFFFF0;filter: alpha(opacity=60);opacity: alpha*0.6;}

/*그리드*/
.customPaginateBar {
 border: 1px solid #D5D5D5;
 background-color : rgb(246, 246, 246);
 background-position-y : 50%;
 margin-top: -1px;
 height: 40px;
}

.ui-jqgrid .ui-jqgrid-bdiv table td a:link, a:visited{
  text-decoration:none;
  color: #337ab7;
}

.ui-jqgrid .ui-jqgrid-bdiv table td a:active, a:hover{
  text-decoration:none;
  color: #337ab7;
}

.grid-btn {
	margin-left:6px;
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height: 1.5;
	padding: 0px 5px;
	-webkit-tap-highlight-color: rgba(169,3,41,.5);
	-webkit-border-radius: 2px;    
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}
.grid-btn:hover {
	margin-left:6px;
	color: #333;
	background-color: #e6e6e6;
	border: 1px solid #adadad;
	line-height: 1.5;
	padding: 0px 5px;
	-webkit-tap-highlight-color: rgba(169,3,41,.5);
	-webkit-border-radius: 2px;    
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}

/*키워드*/
.keword_lectureterm{height:40px;margin-bottom:10px;background-color:#eee;font-size:18px !important;color:#4278e3;text-align:center;line-height:2.1}
.keyword_box{border:1px dashed #489fdf; padding: 10px;min-height: 40px;}
.keyword_box > span {margin: 2px;}
.msg_textarea{height:180px; width:300px; background-color:#f9f9f9;box-sizing:border-box}


/* Buttons
   ========================================================================== */
.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4857; }

.btn-rounded {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px; }

.btn-2x {
  padding: 13px 16px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 3px 10px; 
 }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #3367d6;
  border-color: #3367d6; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #2451b2;
    border-color: #173472; }
  .btn-primary:hover {
    color: #fff;
    background-color: #2451b2;
    border-color: #224daa; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2451b2;
    border-color: #224daa; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #1e4494;
      border-color: #173472; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #3367d6;
    border-color: #3367d6; }
  .btn-primary .badge {
    color: #3367d6;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #299050;
  border-color: #237c45; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #1e683a;
    border-color: #07190e; }
  .btn-success:hover {
    color: #fff;
    background-color: #1e683a;
    border-color: #164d2b; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e683a;
    border-color: #164d2b; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #164d2b;
      border-color: #07190e; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #299050;
    border-color: #237c45; }
  .btn-success .badge {
    color: #299050;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #fad839;
  border-color: #f9d320; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #f9ce07;
    border-color: #967c04; }
  .btn-warning:hover {
    color: #fff;
    background-color: #f9ce07;
    border-color: #d7b205; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #f9ce07;
    border-color: #d7b205; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d7b205;
      border-color: #967c04; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: #fad839;
    border-color: #f9d320; }
  .btn-warning .badge {
    color: #fad839;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #db2c2c;
  border-color: #cb2323; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #b51f1f;
    border-color: #5e1010; }
  .btn-danger:hover {
    color: #fff;
    background-color: #b51f1f;
    border-color: #971a1a; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b51f1f;
    border-color: #971a1a; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #971a1a;
      border-color: #5e1010; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: #db2c2c;
    border-color: #cb2323; }
  .btn-danger .badge {
    color: #db2c2c;
    background-color: #fff; }

.btn-red {
  color: #fff;
  background-color: #ef4040;
  border-color: #ed2828; }
  .btn-red:focus, .btn-red.focus {
    color: #fff;
    background-color: #e91313;
    border-color: #8a0c0c; }
  .btn-red:hover {
    color: #fff;
    background-color: #e91313;
    border-color: #c81111; }
  .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #e91313;
    border-color: #c81111; }
    .btn-red:active:hover, .btn-red:active:focus, .btn-red:active.focus, .btn-red.active:hover, .btn-red.active:focus, .btn-red.active.focus, .open > .btn-red.dropdown-toggle:hover, .open > .btn-red.dropdown-toggle:focus, .open > .btn-red.dropdown-toggle.focus {
      color: #fff;
      background-color: #c81111;
      border-color: #8a0c0c; }
  .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
    background-image: none; }
  .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled].focus, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red.focus {
    background-color: #ef4040;
    border-color: #ed2828; }
  .btn-red .badge {
    color: #ef4040;
    background-color: #fff; }

.btn-blue {
  color: #fff;
  background-color: #0057a1;
  border-color: #004988; }
  .btn-blue:focus, .btn-blue.focus {
    color: #fff;
    background-color: #003b6e;
    border-color: #000408; }
  .btn-blue:hover {
    color: #fff;
    background-color: #003b6e;
    border-color: #00284a; }
  .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #003b6e;
    border-color: #00284a; }
    .btn-blue:active:hover, .btn-blue:active:focus, .btn-blue:active.focus, .btn-blue.active:hover, .btn-blue.active:focus, .btn-blue.active.focus, .open > .btn-blue.dropdown-toggle:hover, .open > .btn-blue.dropdown-toggle:focus, .open > .btn-blue.dropdown-toggle.focus {
      color: #fff;
      background-color: #00284a;
      border-color: #000408; }
  .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
    background-image: none; }
  .btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled.focus, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled].focus, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue.focus {
    background-color: #0057a1;
    border-color: #004988; }
  .btn-blue .badge {
    color: #0057a1;
    background-color: #fff; }

.btn-black {
  color: #fff;
  background-color: #505050;
  border-color: #505050; }
  .btn-black:focus, .btn-black.focus {
    color: #fff;
    background-color: #505050;
    border-color: #505050; }
  .btn-black:hover {
    color: #fff;
    background-color: #505050;
    border-color: #505050; }
  .btn-black:active, .btn-black.active, .open > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #505050;
    border-color: #505050; }
    .btn-black:active:hover, .btn-black:active:focus, .btn-black:active.focus, .btn-black.active:hover, .btn-black.active:focus, .btn-black.active.focus, .open > .btn-black.dropdown-toggle:hover, .open > .btn-black.dropdown-toggle:focus, .open > .btn-black.dropdown-toggle.focus {
      color: #fff;
      background-color: #505050;
      border-color: #505050; }
  .btn-black:active, .btn-black.active, .open > .btn-black.dropdown-toggle {
    background-image: none; }
  .btn-black.disabled:hover, .btn-black.disabled:focus, .btn-black.disabled.focus, .btn-black[disabled]:hover, .btn-black[disabled]:focus, .btn-black[disabled].focus, fieldset[disabled] .btn-black:hover, fieldset[disabled] .btn-black:focus, fieldset[disabled] .btn-black.focus {
    background-color: #505050;
    border-color: #505050; }
  .btn-black .badge {
    color: #505050;
    background-color: #fff; }

.btn-primary.btn-outline {
  color: #3367d6;
  background-color: transparent;
  border-color: #3367d6; }
  .btn-primary.btn-outline:focus, .btn-primary.btn-outline.focus {
    color: #FFF;
    background-color: #3367d6;
    border-color: #3367d6; }
  .btn-primary.btn-outline:hover {
    color: #FFF;
    background-color: #3367d6;
    border-color: #3367d6; }
  .btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .btn-primary.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #3367d6;
    border-color: #3367d6; }
    .btn-primary.btn-outline:active:hover, .btn-primary.btn-outline:active:focus, .btn-primary.btn-outline:active.focus, .btn-primary.btn-outline.active:hover, .btn-primary.btn-outline.active:focus, .btn-primary.btn-outline.active.focus, .open > .btn-primary.btn-outline.dropdown-toggle:hover, .open > .btn-primary.btn-outline.dropdown-toggle:focus, .open > .btn-primary.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #3367d6;
      border-color: #3367d6; }
  .btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .btn-primary.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-primary.btn-outline.disabled:hover, .btn-primary.btn-outline.disabled:focus, .btn-primary.btn-outline.disabled.focus, .btn-primary.btn-outline[disabled]:hover, .btn-primary.btn-outline[disabled]:focus, .btn-primary.btn-outline[disabled].focus, fieldset[disabled] .btn-primary.btn-outline:hover, fieldset[disabled] .btn-primary.btn-outline:focus, fieldset[disabled] .btn-primary.btn-outline.focus {
    background-color: #3367d6;
    border-color: #3367d6; }
  .btn-primary.btn-outline .badge {
    color: #3367d6;
    background-color: #3367d6; }

.btn-success.btn-outline {
  color: #299050;
  background-color: transparent;
  border-color: #237c45; }
  .btn-success.btn-outline:focus, .btn-success.btn-outline.focus {
    color: #FFF;
    background-color: #299050;
    border-color: #237c45; }
  .btn-success.btn-outline:hover {
    color: #FFF;
    background-color: #299050;
    border-color: #237c45; }
  .btn-success.btn-outline:active, .btn-success.btn-outline.active, .open > .btn-success.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #299050;
    border-color: #237c45; }
    .btn-success.btn-outline:active:hover, .btn-success.btn-outline:active:focus, .btn-success.btn-outline:active.focus, .btn-success.btn-outline.active:hover, .btn-success.btn-outline.active:focus, .btn-success.btn-outline.active.focus, .open > .btn-success.btn-outline.dropdown-toggle:hover, .open > .btn-success.btn-outline.dropdown-toggle:focus, .open > .btn-success.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #299050;
      border-color: #237c45; }
  .btn-success.btn-outline:active, .btn-success.btn-outline.active, .open > .btn-success.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-success.btn-outline.disabled:hover, .btn-success.btn-outline.disabled:focus, .btn-success.btn-outline.disabled.focus, .btn-success.btn-outline[disabled]:hover, .btn-success.btn-outline[disabled]:focus, .btn-success.btn-outline[disabled].focus, fieldset[disabled] .btn-success.btn-outline:hover, fieldset[disabled] .btn-success.btn-outline:focus, fieldset[disabled] .btn-success.btn-outline.focus {
    background-color: #299050;
    border-color: #237c45; }
  .btn-success.btn-outline .badge {
    color: #299050;
    background-color: #299050; }

.btn-info.btn-outline {
  color: #5bc0de;
  background-color: transparent;
  border-color: #46b8da; }
  .btn-info.btn-outline:focus, .btn-info.btn-outline.focus {
    color: #FFF;
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info.btn-outline:hover {
    color: #FFF;
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info.btn-outline:active, .btn-info.btn-outline.active, .open > .btn-info.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #5bc0de;
    border-color: #46b8da; }
    .btn-info.btn-outline:active:hover, .btn-info.btn-outline:active:focus, .btn-info.btn-outline:active.focus, .btn-info.btn-outline.active:hover, .btn-info.btn-outline.active:focus, .btn-info.btn-outline.active.focus, .open > .btn-info.btn-outline.dropdown-toggle:hover, .open > .btn-info.btn-outline.dropdown-toggle:focus, .open > .btn-info.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #5bc0de;
      border-color: #46b8da; }
  .btn-info.btn-outline:active, .btn-info.btn-outline.active, .open > .btn-info.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-info.btn-outline.disabled:hover, .btn-info.btn-outline.disabled:focus, .btn-info.btn-outline.disabled.focus, .btn-info.btn-outline[disabled]:hover, .btn-info.btn-outline[disabled]:focus, .btn-info.btn-outline[disabled].focus, fieldset[disabled] .btn-info.btn-outline:hover, fieldset[disabled] .btn-info.btn-outline:focus, fieldset[disabled] .btn-info.btn-outline.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info.btn-outline .badge {
    color: #5bc0de;
    background-color: #5bc0de; }

.btn-warning.btn-outline {
  color: #fad839;
  background-color: transparent;
  border-color: #f9d320; }
  .btn-warning.btn-outline:focus, .btn-warning.btn-outline.focus {
    color: #FFF;
    background-color: #fad839;
    border-color: #f9d320; }
  .btn-warning.btn-outline:hover {
    color: #FFF;
    background-color: #fad839;
    border-color: #f9d320; }
  .btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .open > .btn-warning.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #fad839;
    border-color: #f9d320; }
    .btn-warning.btn-outline:active:hover, .btn-warning.btn-outline:active:focus, .btn-warning.btn-outline:active.focus, .btn-warning.btn-outline.active:hover, .btn-warning.btn-outline.active:focus, .btn-warning.btn-outline.active.focus, .open > .btn-warning.btn-outline.dropdown-toggle:hover, .open > .btn-warning.btn-outline.dropdown-toggle:focus, .open > .btn-warning.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #fad839;
      border-color: #f9d320; }
  .btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .open > .btn-warning.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-warning.btn-outline.disabled:hover, .btn-warning.btn-outline.disabled:focus, .btn-warning.btn-outline.disabled.focus, .btn-warning.btn-outline[disabled]:hover, .btn-warning.btn-outline[disabled]:focus, .btn-warning.btn-outline[disabled].focus, fieldset[disabled] .btn-warning.btn-outline:hover, fieldset[disabled] .btn-warning.btn-outline:focus, fieldset[disabled] .btn-warning.btn-outline.focus {
    background-color: #fad839;
    border-color: #f9d320; }
  .btn-warning.btn-outline .badge {
    color: #fad839;
    background-color: #fad839; }

.btn-danger.btn-outline {
  color: #db2c2c;
  background-color: transparent;
  border-color: #cb2323; }
  .btn-danger.btn-outline:focus, .btn-danger.btn-outline.focus {
    color: #FFF;
    background-color: #db2c2c;
    border-color: #cb2323; }
  .btn-danger.btn-outline:hover {
    color: #FFF;
    background-color: #db2c2c;
    border-color: #cb2323; }
  .btn-danger.btn-outline:active, .btn-danger.btn-outline.active, .open > .btn-danger.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #db2c2c;
    border-color: #cb2323; }
    .btn-danger.btn-outline:active:hover, .btn-danger.btn-outline:active:focus, .btn-danger.btn-outline:active.focus, .btn-danger.btn-outline.active:hover, .btn-danger.btn-outline.active:focus, .btn-danger.btn-outline.active.focus, .open > .btn-danger.btn-outline.dropdown-toggle:hover, .open > .btn-danger.btn-outline.dropdown-toggle:focus, .open > .btn-danger.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #db2c2c;
      border-color: #cb2323; }
  .btn-danger.btn-outline:active, .btn-danger.btn-outline.active, .open > .btn-danger.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-danger.btn-outline.disabled:hover, .btn-danger.btn-outline.disabled:focus, .btn-danger.btn-outline.disabled.focus, .btn-danger.btn-outline[disabled]:hover, .btn-danger.btn-outline[disabled]:focus, .btn-danger.btn-outline[disabled].focus, fieldset[disabled] .btn-danger.btn-outline:hover, fieldset[disabled] .btn-danger.btn-outline:focus, fieldset[disabled] .btn-danger.btn-outline.focus {
    background-color: #db2c2c;
    border-color: #cb2323; }
  .btn-danger.btn-outline .badge {
    color: #db2c2c;
    background-color: #db2c2c; }

.btn-red.btn-outline {
  color: #ef4040;
  background-color: transparent;
  border-color: #ed2828; }
  .btn-red.btn-outline:focus, .btn-red.btn-outline.focus {
    color: #FFF;
    background-color: #ef4040;
    border-color: #ed2828; }
  .btn-red.btn-outline:hover {
    color: #FFF;
    background-color: #ef4040;
    border-color: #ed2828; }
  .btn-red.btn-outline:active, .btn-red.btn-outline.active, .open > .btn-red.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #ef4040;
    border-color: #ed2828; }
    .btn-red.btn-outline:active:hover, .btn-red.btn-outline:active:focus, .btn-red.btn-outline:active.focus, .btn-red.btn-outline.active:hover, .btn-red.btn-outline.active:focus, .btn-red.btn-outline.active.focus, .open > .btn-red.btn-outline.dropdown-toggle:hover, .open > .btn-red.btn-outline.dropdown-toggle:focus, .open > .btn-red.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #ef4040;
      border-color: #ed2828; }
  .btn-red.btn-outline:active, .btn-red.btn-outline.active, .open > .btn-red.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-red.btn-outline.disabled:hover, .btn-red.btn-outline.disabled:focus, .btn-red.btn-outline.disabled.focus, .btn-red.btn-outline[disabled]:hover, .btn-red.btn-outline[disabled]:focus, .btn-red.btn-outline[disabled].focus, fieldset[disabled] .btn-red.btn-outline:hover, fieldset[disabled] .btn-red.btn-outline:focus, fieldset[disabled] .btn-red.btn-outline.focus {
    background-color: #ef4040;
    border-color: #ed2828; }
  .btn-red.btn-outline .badge {
    color: #ef4040;
    background-color: #ef4040; }

.btn-blue.btn-outline {
  color: #0057a1;
  background-color: transparent;
  border-color: #004988; }
  .btn-blue.btn-outline:focus, .btn-blue.btn-outline.focus {
    color: #FFF;
    background-color: #0057a1;
    border-color: #004988; }
  .btn-blue.btn-outline:hover {
    color: #FFF;
    background-color: #0057a1;
    border-color: #004988; }
  .btn-blue.btn-outline:active, .btn-blue.btn-outline.active, .open > .btn-blue.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #0057a1;
    border-color: #004988; }
    .btn-blue.btn-outline:active:hover, .btn-blue.btn-outline:active:focus, .btn-blue.btn-outline:active.focus, .btn-blue.btn-outline.active:hover, .btn-blue.btn-outline.active:focus, .btn-blue.btn-outline.active.focus, .open > .btn-blue.btn-outline.dropdown-toggle:hover, .open > .btn-blue.btn-outline.dropdown-toggle:focus, .open > .btn-blue.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #0057a1;
      border-color: #004988; }
  .btn-blue.btn-outline:active, .btn-blue.btn-outline.active, .open > .btn-blue.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-blue.btn-outline.disabled:hover, .btn-blue.btn-outline.disabled:focus, .btn-blue.btn-outline.disabled.focus, .btn-blue.btn-outline[disabled]:hover, .btn-blue.btn-outline[disabled]:focus, .btn-blue.btn-outline[disabled].focus, fieldset[disabled] .btn-blue.btn-outline:hover, fieldset[disabled] .btn-blue.btn-outline:focus, fieldset[disabled] .btn-blue.btn-outline.focus {
    background-color: #0057a1;
    border-color: #004988; }
  .btn-blue.btn-outline .badge {
    color: #0057a1;
    background-color: #0057a1; }

.btn-black.btn-outline {
  color: #505050;
  background-color: transparent;
  border-color: #505050; }
  .btn-black.btn-outline:focus, .btn-black.btn-outline.focus {
    color: #FFF;
    background-color: #505050;
    border-color: #505050; }
  .btn-black.btn-outline:hover {
    color: #FFF;
    background-color: #505050;
    border-color: #505050; }
  .btn-black.btn-outline:active, .btn-black.btn-outline.active, .open > .btn-black.btn-outline.dropdown-toggle {
    color: #FFF;
    background-color: #505050;
    border-color: #505050; }
    .btn-black.btn-outline:active:hover, .btn-black.btn-outline:active:focus, .btn-black.btn-outline:active.focus, .btn-black.btn-outline.active:hover, .btn-black.btn-outline.active:focus, .btn-black.btn-outline.active.focus, .open > .btn-black.btn-outline.dropdown-toggle:hover, .open > .btn-black.btn-outline.dropdown-toggle:focus, .open > .btn-black.btn-outline.dropdown-toggle.focus {
      color: #FFF;
      background-color: #505050;
      border-color: #505050; }
  .btn-black.btn-outline:active, .btn-black.btn-outline.active, .open > .btn-black.btn-outline.dropdown-toggle {
    background-image: none; }
  .btn-black.btn-outline.disabled:hover, .btn-black.btn-outline.disabled:focus, .btn-black.btn-outline.disabled.focus, .btn-black.btn-outline[disabled]:hover, .btn-black.btn-outline[disabled]:focus, .btn-black.btn-outline[disabled].focus, fieldset[disabled] .btn-black.btn-outline:hover, fieldset[disabled] .btn-black.btn-outline:focus, fieldset[disabled] .btn-black.btn-outline.focus {
    background-color: #505050;
    border-color: #505050; }
  .btn-black.btn-outline .badge {
    color: #505050;
    background-color: #505050; }

.btn-link {
  color: #3367d6;
  font-weight: 600;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #000;
    background-color: transparent;
    text-decoration: none; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    text-decoration: none; }

.btn-white {
  background-color: #FFF;
  border-color: #ccc; }

.panel > .btn-block {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.bs-example .btn,
.bs-example-group .btn-group {
  margin: 4px 8px 4px 0; }

.bs-example-block .btn {
  margin: 6px 0; }

.btn [class^="icon-"],
.btn [class*=" icon-"] {
  font-weight: normal;
  margin-left: 0;
  margin-right: 0; }
  
  

span.inlmark {float:left; font-size:11px; color:#FFF}
span.inlmark a {background:url('../images/common/bg_tag.gif') left top; font-size:11px;padding:0 6px 0 6px;  color:#FFF !important;}
  
  
.multiselect option {padding: 4px 10px}

.board_cont_area img {max-width: 100%;}
.board_cont_area p {margin-bottom: 0;}