@charset "utf-8";

/*reset*/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, li, table, tr,
	th, td, caption, thead, tfoot, tbody, form, fieldset, legend, input,
	select, textarea, blockquote, address {
	margin: 0;
	padding: 0;
}

th:if, c:if {font-size:0;}

ul, ol, li {
	list-style: none;
}

img {
	border: 0 none;
	vertical-align: middle;
}

fieldset {
	border: 0 none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

address, em {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

q:before, q:after {
	content: ' ';
}

/*base*/
html {
	height: 100%
}

body {
	height: 100%;
	font: 13px/1.4 "opensansR", "notoL", "돋움", Dotum, sans-serif;
	letter-spacing: 0;
	color: #646464;
}

button {
	color: #222;
	box-sizing: border-box;
	font-family: "opensansR", Malgun Gothic, "돋움", sans-serif;
	font-size: 12px;
}

input, select {
	height: 23px;
	line-height: 1;
	box-sizing: border-box;
	color: #222;
	letter-spacing: -0.1px;
	padding: 0 3px;
	font-size: 12px
}

select {
	font-size: 12px;
}

input::placeholder {
	color: #a1a7ad;
	font-family: "montSM", "notoL" !important;
}

input, textarea {
	outline-style: none;
	border: 1px solid #cccccc
}

textarea {
	padding: 5px;
	font-family: "notosansR", Malgun Gothic, "돋움", sans-serif;
	line-height: 1.4;
	box-sizing: border-box
}

input.readonly {
	background: #e0e0e0
}

textarea.readonly {
	background: #e0e0e0
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #efefef inset;
}

select {
	color: #222;
	border: 1px solid #c4c4c4
}

a {
	color: #6b6a6a;
	text-decoration: none;
}

a:hover, a:focus {
	color: #6b6a6a;
	text-decoration: none;
}

hr {
	display: none;
}

caption, legend, .skip {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

#wrapper {
	width: 100%;
	height: 100%;
	background: #f3f3f4
}

#contents_wrap {
	padding: 15px;
}

#wrap {
	height: 100%
}

/* checkbox 스타일 */
.css-checkbox {
	position: absolute;
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 15px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 15px;
}

.css-label {
	background: url(../../images/checkboxBtn.png) no-repeat 0 -15px;
	cursor: pointer;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
	vertical-align: middle;
	font-size: 12px;
}

input.checked+.css-label {
	background-position: 0 0;
}

/* radio button 스타일 */
.css-radiobtn {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 14px;
	width: 14px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.css-label-radio {
	background: url(../../images/radioBtn.png) no-repeat 0 0;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	padding-left: 18px;
	vertical-align: middle;
}

input.checked+.css-label-radio {
	background-position: 0 -14px;
}

.aside, .inner {
	-webkit-transition: margin ease-in-out 0.3s;
	-moz-transition: margin ease-in-out 0.3s;
	-o-transition: margin ease-in-out 0.3s;
	transition: margin ease-in-out 0.3s;
}

h2 a {
	color: #fff;
}

h2 a:hover, h2 a:focus {
	color: #fff;
	text-decoration: none;
	text-decoration: underline
}

table th a {
	color: #fff;
}

table th a:hover, table th a:focus {
	color: #fff;
	text-decoration: none;
	text-decoration: underline
}

/* input */
.ip_file_box {
	margin-left: 7px
}

.ip_file {
	border: 1px solid #dddddd;
	background: #eeeeee;
	height: 24px;
	box-sizing: border-box;
	font-size: 12px;
	width: 100%;
}

.lts0 {
	letter-spacing: 0 !important;
}

/************************************** 
** margin
***************************************/
.mg0 {
	margin: 0px !important;
}

.mg10 {
	margin: 10px !important;
}

.mg20 {
	margin: 20px !important;
}

.mg30 {
	margin: 30px !important;
}

.mgt1 {
	margin-top: 1px !important;
}

.mgt2 {
	margin-top: 2px !important;
}

.mgt3 {
	margin-top: 3px !important;
}

.mgt4 {
	margin-top: 4px !important;
}

.mgt5 {
	margin-top: 5px !important;
}

.mgt6 {
	margin-top: 6px !important;
}

.mgt7 {
	margin-top: 7px !important;
}

.mgt8 {
	margin-top: 8px !important;
}

.mgt9 {
	margin-top: 9px !important;
}

.mgt10 {
	margin-top: 10px !important;
}

.mgt11 {
	margin-top: 11px !important;
}

.mgt12 {
	margin-top: 12px !important;
}

.mgt13 {
	margin-top: 13px !important;
}

.mgt14 {
	margin-top: 14px !important;
}

.mgt15 {
	margin-top: 15px !important;
}

.mgt16 {
	margin-top: 16px !important;
}

.mgt17 {
	margin-top: 17px !important;
}

.mgt18 {
	margin-top: 18px !important;
}

.mgt20 {
	margin-top: 20px !important;
}

.mgt25 {
	margin-top: 25px !important;
}

.mgt30 {
	margin-top: 30px !important;
}

.mgt35 {
	margin-top: 35px !important;
}

.mgt40 {
	margin-top: 40px !important;
}

.mgt45 {
	margin-top: 45px !important;
}

.mgt50 {
	margin-top: 50px !important;
}

.mgt55 {
	margin-top: 55px !important;
}

.mgt60 {
	margin-top: 60px !important;
}

.mgt65 {
	margin-top: 65px !important;
}

.mgt70 {
	margin-top: 70px !important;
}

.mgt75 {
	margin-top: 75px !important;
}

.mgt80 {
	margin-top: 80px !important;
}

.mgt85 {
	margin-top: 85px !important;
}

.mgt90 {
	margin-top: 90px !important;
}

.mgt95 {
	margin-top: 95px !important;
}

.mgt100 {
	margin-top: 100px !important;
}

.mgt105 {
	margin-top: 105px !important;
}

.mgt110 {
	margin-top: 110px !important;
}

.mgt115 {
	margin-top: 10px !important;
}

.mgt115 {
	margin-top: 90px !important;
}

.mgt120 {
	margin-top: 120px !important;
}

.mgt85 {
	margin-top: 85px !important;
}

.mgt90 {
	margin-top: 90px !important;
}

.mgr0 {
	margin-right: 0px !important;
}

.mgr4 {
	margin-right: 4px !important;
}

.mgr3 {
	margin-right: 3px !important;
}

.mgr5 {
	margin-right: 5px !important;
}

.mgr7 {
	margin-right: 7px !important;
}

.mgr10 {
	margin-right: 10px !important;
}

.mgr15 {
	margin-right: 15px !important;
}

.mgr20 {
	margin-right: 20px !important;
}

.mgr25 {
	margin-right: 25px !important;
}

.mgr30 {
	margin-right: 30px !important;
}

.mgr35 {
	margin-right: 35px !important;
}

.mgr40 {
	margin-right: 40px !important;
}

.mgr45 {
	margin-right: 45px !important;
}

.mgr50 {
	margin-right: 50px !important;
}

.mgr55 {
	margin-right: 55px !important;
}

.mgr60 {
	margin-right: 60px !important;
}

.mgr65 {
	margin-right: 65px !important;
}

.mgr70 {
	margin-right: 70px !important;
}

.mgr75 {
	margin-right: 75px !important;
}

.mgr80 {
	margin-right: 80px !important;
}

.mgr85 {
	margin-right: 85px !important;
}

.mgr90 {
	margin-right: 90px !important;
}

.mgr95 {
	margin-right: 95px !important;
}

.mgr100 {
	margin-right: 100px !important;
}

.mgr105 {
	margin-right: 105px !important;
}

.mgr130 {
	margin-right: 130px !important;
}

.mgb0 {
	margin-bottom: 0 !important;
}

.mgb3 {
	margin-bottom: 3px !important;
}

.mgb4 {
	margin-bottom: 4px !important;
}

.mgb5 {
	margin-bottom: 5px !important;
}

.mgb6 {
	margin-bottom: 6px !important;
}

.mgb10 {
	margin-bottom: 10px !important;
}

.mgb15 {
	margin-bottom: 15px !important;
}

.mgb20 {
	margin-bottom: 20px !important;
}

.mgb25 {
	margin-bottom: 25px !important;
}

.mgb30 {
	margin-bottom: 30px !important;
}

.mgb35 {
	margin-bottom: 35px !important;
}

.mgb40 {
	margin-bottom: 40px !important;
}

.mgb45 {
	margin-bottom: 45px !important;
}

.mgb50 {
	margin-bottom: 50px !important;
}

.mgb55 {
	margin-bottom: 55px !important;
}

.mgb60 {
	margin-bottom: 60px !important;
}

.mgb65 {
	margin-bottom: 65px !important;
}

.mgb70 {
	margin-bottom: 70px !important;
}

.mgb75 {
	margin-bottom: 75px !important;
}

.mgb100 {
	margin-bottom: 100px !important;
}

.mgl0 {
	margin-left: 0 !important;
}

.mgl1 {
	margin-left: 1px !important;
}

.mgl2 {
	margin-left: 2px !important;
}

.mgl3 {
	margin-left: 3px !important;
}

.mgl4 {
	margin-left: 4px !important;
}

.mgl5 {
	margin-left: 5px !important;
}

.mgl6 {
	margin-left: 6px !important;
}

.mgl7 {
	margin-left: 7px !important;
}

.mgl8 {
	margin-left: 9px !important;
}

.mgl9 {
	margin-left: 9px !important;
}

.mgl10 {
	margin-left: 10px !important;
}

.mgl11 {
	margin-left: 11px !important;
}

.mgl12 {
	margin-left: 12px !important;
}

.mgl13 {
	margin-left: 13px !important;
}

.mgl14 {
	margin-left: 14px !important;
}

.mgl15 {
	margin-left: 15px !important;
}

.mgl16 {
	margin-left: 16px !important;
}

.mgl17 {
	margin-left: 17px !important;
}

.mgl18 {
	margin-left: 18px !important;
}

.mgl20 {
	margin-left: 20px !important;
}

.mgl25 {
	margin-left: 25px !important;
}

.mgl30 {
	margin-left: 30px !important;
}

.mgl35 {
	margin-left: 35px !important;
}

.mgl40 {
	margin-left: 40px !important;
}

.mgl45 {
	margin-left: 45px !important;
}

.mgl50 {
	margin-left: 50px !important;
}

.mgl55 {
	margin-left: 55px !important;
}

.mgl60 {
	margin-left: 60px !important;
}

.mgl65 {
	margin-left: 65px !important;
}

.mgl70 {
	margin-left: 70px !important;
}

.mgl75 {
	margin-left: 75px !important;
}

.mgl80 {
	margin-left: 80px !important;
}

.mgl85 {
	margin-left: 85 !important;
}

.mgl90 {
	margin-left: 90px !important;
}

.mgl95 {
	margin-left: 95px !important;
}

.mgl100 {
	margin-left: 100px !important;
}

.mgl110 {
	margin-left: 110px !important;
}
/****  // margin //  ****/

/************************************** 
** padding
***************************************/
.pd0 {
	padding: 0px !important;
}

.pd10 {
	padding: 10px !important;
}

.pdtb10 {
	padding: 10px !important;
}

.pd5 {
	padding: 5px !important;
}

.pdt1 {
	padding-top: 1px !important;
}

.pdt2 {
	padding-top: 2px !important;
}

.pdt3 {
	padding-top: 3px !important;
}

.pdt4 {
	padding-top: 4px !important;
}

.pdt5 {
	padding-top: 5px !important;
}

.pdt6 {
	padding-top: 6px !important;
}

.pdt7 {
	padding-top: 7px !important;
}

.pdt8 {
	padding-top: 8px !important;
}

.pdt9 {
	padding-top: 9px !important;
}

.pdt10 {
	padding-top: 10px !important;
}

.pdt15 {
	padding-top: 15px !important;
}

.pdt20 {
	padding-top: 20px !important;
}

.pdt25 {
	padding-top: 25px !important;
}

.pdt30 {
	padding-top: 30px !important;
}

.pdt35 {
	padding-top: 35px !important;
}

.pdt40 {
	padding-top: 40px !important;
}

.pdt45 {
	padding-top: 45px !important;
}

.pdt50 {
	padding-top: 50px !important;
}

.pdt55 {
	padding-top: 55px !important;
}

.pdt60 {
	padding-top: 60px !important;
}

.pdt65 {
	padding-top: 65px !important;
}

.pdt70 {
	padding-top: 70px !important;
}

.pdt75 {
	padding-top: 75px !important;
}

.pdr1 {
	padding-right: 1px !important;
}

.pdr2 {
	padding-right: 2px !important;
}

.pdr3 {
	padding-right: 3px !important;
}

.pdr4 {
	padding-right: 4px !important;
}

.pdr5 {
	padding-right: 5px !important;
}

.pdr6 {
	padding-right: 6px !important;
}

.pdr7 {
	padding-right: 7px !important;
}

.pdr8 {
	padding-right: 8px !important;
}

.pdr9 {
	padding-right: 9px !important;
}

.pdr10 {
	padding-right: 10px !important;
}

.pdr15 {
	padding-right: 15px !important;
}

.pdr20 {
	padding-right: 20px !important;
}

.pdr25 {
	padding-right: 25px !important;
}

.pdr30 {
	padding-right: 30px !important;
}

.pdr35 {
	padding-right: 35px !important;
}

.pdr40 {
	padding-right: 40px !important;
}

.pdr45 {
	padding-right: 45px !important;
}

.pdr50 {
	padding-right: 50px !important;
}

.pdr55 {
	padding-right: 55px !important;
}

.pdr60 {
	padding-right: 60px !important;
}

.pdr65 {
	padding-right: 65px !important;
}

.pdr70 {
	padding-right: 70px !important;
}

.pdr75 {
	padding-right: 75px !important;
}

.pdr80 {
	padding-right: 80px !important;
}

.pdr85 {
	padding-right: 85px !important;
}

.pdr90 {
	padding-right: 90px !important;
}

.pdr95 {
	padding-right: 95px !important;
}

.pdr100 {
	padding-right: 100px !important;
}

.pdr105 {
	padding-right: 105px !important;
}

.pdb3 {
	padding-bottom: 3px !important;
}

.pdb5 {
	padding-bottom: 5px !important;
}

.pdb10 {
	padding-bottom: 10px !important;
}

.pdb15 {
	padding-bottom: 15px !important;
}

.pdb20 {
	padding-bottom: 20px !important;
}

.pdb25 {
	padding-bottom: 25px !important;
}

.pdb30 {
	padding-bottom: 30px !important;
}

.pdb35 {
	padding-bottom: 35px !important;
}

.pdb40 {
	padding-bottom: 40px !important;
}

.pdb45 {
	padding-bottom: 45px !important;
}

.pdb50 {
	padding-bottom: 50px !important;
}

.pdb55 {
	padding-bottom: 55px !important;
}

.pdb55 {
	padding-bottom: 55px !important;
}

.pdb65 {
	padding-bottom: 65px !important;
}

.pdb70 {
	padding-bottom: 70px !important;
}

.pdb75 {
	padding-bottom: 75px !important;
}

.pdl1 {
	padding-left: 1px !important;
}

.pdl2 {
	padding-left: 2px !important;
}

.pdl3 {
	padding-left: 3px !important;
}

.pdl4 {
	padding-left: 4px !important;
}

.pdl5 {
	padding-left: 5px !important;
}

.pdl6 {
	padding-left: 6px !important;
}

.pdl7 {
	padding-left: 7px !important;
}

.pdl8 {
	padding-left: 8px !important;
}

.pdl9 {
	padding-left: 9px !important;
}

.pdl10 {
	padding-left: 10px !important;
}

.pdl15 {
	padding-left: 15px !important;
}

.pdl20 {
	padding-left: 20px !important;
}

.pdl25 {
	padding-left: 25px !important;
}

.pdl30 {
	padding-left: 30px !important;
}

.pdl35 {
	padding-left: 35px !important;
}

.pdl40 {
	padding-left: 40px !important;
}

.pdl45 {
	padding-left: 45px !important;
}

.pdl50 {
	padding-left: 50px !important;
}

.pdl55 {
	padding-left: 55px !important;
}

.pdl60 {
	padding-left: 60px !important;
}

.pdl65 {
	padding-left: 65px !important;
}

.pdl70 {
	padding-left: 70px !important;
}

.pdl75 {
	padding-left: 75px !important;
}

.pdl80 {
	padding-left: 80px !important;
}

.pdl85 {
	padding-left: 85px !important;
}

.pdl90 {
	padding-left: 90px !important;
}

.pdl95 {
	padding-left: 95px !important;
}

.pdl100 {
	padding-left: 100px !important;
}

.pdlr2 {
	padding: 0px 2px !important;
}

.pdlr3 {
	padding: 0px 3px !important;
}

.pdlr4 {
	padding: 0px 4px !important;
}

.pdlr5 {
	padding: 0px 5px !important;
}

.pdlr6 {
	padding: 0px 6px !important;
}

.pdlr7 {
	padding: 0px 7px !important;
}

.pdlr8 {
	padding: 0px 8px !important;
}

.pdlr9 {
	padding: 0px 9px !important;
}

.pdlr10 {
	padding: 0px 10px !important;
}

.pdlr15 {
	padding: 0px 15px !important;
}

.pdlr20 {
	padding: 0px 20px !important;
}

.pdlr25 {
	padding: 0px 25px !important;
}

.pdlr30 {
	padding: 0px 30px !important;
}

.pdlr35 {
	padding: 0px 35px !important;
}

.pdtb2 {
	padding: 2px 0px !important;
}

.pdtb3 {
	padding: 3px 0px !important;
}

.pdtb4 {
	padding: 4px 0px !important;
}

.pdtb5 {
	padding: 5px 0px !important;
}

.pdtb6 {
	padding: 6px 0px !important;
}

.pdtb7 {
	padding: 7px 0px !important;
}

.pdtb8 {
	padding: 8px 0px !important;
}

.pdtb9 {
	padding: 9px 0px !important;
}

.pdtb10 {
	padding: 10px 0px !important;
}

.pdtb15 {
	padding: 15px 0px !important;
}

.pdtb20 {
	padding: 20px 0px !important;
}

.pdtb25 {
	padding: 25px 0px !important;
}

.pdtb30 {
	padding: 30px 0px !important;
}

.pdtb35 {
	padding: 25px 0px !important;
}
/****  // padding //  ****/

/* 정렬 */
.tc {
	text-align: center;
}

.tl {
	text-align: left !important;
}

.tr {
	text-align: right !important;
}

.vt {
	vertical-align: top !important;
}

.vb {
	vertical-align: bottom !important;
}

.vm {
	vertical-align: middle !important;
}

.ti {
	text-indent: -9999px;
}

.ti2 {
	text-indent: 9999px;
}

/* float */
.fn {
	float: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.lineL:after {
	content: "";
	position: relative;
	left: 6px;
	top: 0px;
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #b3b3b3;
	margin-right: 10px;
}

.lineR:before {
	content: "";
	position: relative;
	right: 6px;
	top: 0px;
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #b3b3b3;
	margin-left: 10px;
}

.bdb {
	border-bottom: 1px solid #eee;
}

.bdb2 {
	border-bottom: 1px solid #dadbdc;
}

.bd {
	border: 1px solid #e1e1e1;
}

.bdt {
	border-top: 1px solid #eee;
}

.bdt2 {
	border-top: 1px solid #cecece;
}

.clear {
	display: block;
	float: none;
	clear: both;
}

.db {
	display: block;
}

.dsin {
	display: inline-block;
}

.cb {
	clear: both;
}

.bdn {
	border: none;
}

.ovf {
	overflow: hidden;
}

.lhn {
	line-height: inherit !important;
}

.bbn {
	border-bottom: inherit !important;
}

.bgn {
	background: none !important;
}

.bgin {
	background-image: none !important;
}

/* 라운딩 */
.br0 {
	border-radius: inherit;
}

.br1 {
	border-radius: 1px;
}

.br2 {
	border-radius: 2px;
}

.br3 {
	border-radius: 3px;
}

.br4 {
	border-radius: 4px;
}

.br5 {
	border-radius: 5px;
}

.b {
	font-weight: bold;
}

.dsn {
	display: none;
}

.dn {
	display: none;
}

/* 포지션 */
.pa {
	position: absolute;
}

.pr {
	position: relative;
}

.zi9 {
	z-index: 9;
}

.zi99 {
	z-index: 99;
}

.zi999 {
	z-index: 999;
}

.zi9999 {
	z-index: 9999;
}

.paL {
	left: 0px;
}

.paR {
	right: 0px;
}

.paT {
	top: 0px;
}

.paB {
	bottom: 0px;
}

/************************************** 
** font
***************************************/
.tRed {
	color: #cc0000 !important;
}

.tRed2 {
	color: #da291c !important;
}

.tGreen {
	color: #006600;
}

.tGreen2 {
	color: #00aaaa;
}

.tBlue {
	color: #114eca;
}

.tBlue2 {
	color: #009bfa;
}

.tYelow {
	color: #f4c00d;
}

.tGreenBold {
	color: #1DDB16;
	font-weight: bold
}

.tGray {
	color: #9f9f9f;
}

.tGray2 {
	color: #6c6c6c;
}

.tGray3 {
	color: #464646;
}

.tGray4 {
	color: #202020;
}

.tGray5 {
	color: #7d7d7d;
}

.tGray6 {
	color: #535454;
}

.fs10 {
	font-size: 10px;
}

.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs14 {
	font-size: 14px;
}

.fs15 {
	font-size: 15px;
}

.fs16 {
	font-size: 16px;
}

.fs17 {
	font-size: 17px;
}

.fs18 {
	font-size: 18px;
}

.fs19 {
	font-size: 19px;
}

.fs20 {
	font-size: 20px;
}

.fs25 {
	font-size: 25px;
}

.fs30 {
	font-size: 30px;
	line-height: 30px;
}

.text_link {
	color: #000;
	font-weight: bold;
}
/****  // font //  ****/

/************************************** 
** width
***************************************/
.w10p {
	width: 10% !important;
}

.w20p {
	width: 20% !important;
}

.w30p {
	width: 30% !important;
}

.w40p {
	width: 40% !important;
}

.w46p {
	width: 46% !important;
}

.w47p {
	width: 47% !important;
}

.w48p {
	width: 48% !important;
}

.w49p {
	width: 49% !important;
}

.w50p {
	width: 50% !important;
}

.w60p {
	width: 60% !important;
}

.w70p {
	width: 70% !important;
}

.w80p {
	width: 80% !important;
}

.w90p {
	width: 90% !important;
}

.w100p {
	width: 100% !important;
}

.w5p {
	width: 5% !important;
}

.w15p {
	width: 15% !important;
}

.w25p {
	width: 25% !important;
}

.w35p {
	width: 35% !important;
}

.w45p {
	width: 45% !important;
}

.w52p {
	width: 52% !important;
}

.w55p {
	width: 55% !important;
}

.w59p {
	width: 59% !important;
}

.w65p {
	width: 65% !important;
}

.w75p {
	width: 75% !important;
}

.w85p {
	width: 85% !important;
}

.w95p {
	width: 95% !important;
}

.w78p {
	width: 78% !important;
}

.w64p {
	width: 64% !important;
}

.w10 {
	width: 10px;
}

.w15 {
	width: 15px;
}

.w20 {
	width: 20px;
}

.w25 {
	width: 25px;
}

.w30 {
	width: 30px;
}

.w35 {
	width: 35px;
}

.w40 {
	width: 40px;
}

.w45 {
	width: 45px;
}

.w50 {
	width: 50px;
}

.w55 {
	width: 50px;
}

.w60 {
	width: 60px;
}

.w65 {
	width: 65px;
}

.w70 {
	width: 70px;
}

.w75 {
	width: 75px;
}

.w80 {
	width: 80px;
}

.w85 {
	width: 85px;
}

.w90 {
	width: 90px;
}

.w95 {
	width: 95px;
}

.w100 {
	width: 100px;
}

.w110 {
	width: 110px;
}

.w115 {
	width: 115px;
}

.w120 {
	width: 120px;
}

.w130 {
	width: 130px;
}

.w140 {
	width: 140px;
}

.w150 {
	width: 150px;
}

.w155 {
	width: 155px;
}

.w160 {
	width: 160px;
}

.w170 {
	width: 170px;
}

.w180 {
	width: 180px;
}

.w190 {
	width: 190px;
}

.w200 {
	width: 200px;
}

.w210 {
	width: 210px;
}

.w215 {
	width: 215px;
}

.w220 {
	width: 220px;
}

.w225 {
	width: 225px;
}

.w230 {
	width: 230px;
}

.w235 {
	width: 235px;
}

.w300 {
	width: 300px;
}

.w600 {
	width: 600px !important;
}
/****  // width //  ****/

/* NONE */
.marginN {
	margin: 0 none !important;
}

.marginTN {
	margin-top: 0 none !important;
}

.marginRN {
	margin-right: 0 none !important;
}

.marginBN {
	margin-bottom: 0 none !important;
}

.marginLN {
	margin-left: 0 none !important;
}

.borderN {
	border: 0 none !important;
}

.borderTN {
	border-top: 0 none !important
}

.borderRN {
	border-right: 0 none !important
}

.borderBN {
	border-bottom: 0 none !important
}

.borderLN {
	border-left: 0 none !important
}

.paddingN {
	padding: 0 none !important;
}

.paddingTN {
	padding-top: 0 none !important;
}

.paddingRN {
	padding-right: 0 none !important;
}

.paddingBN {
	padding-bottom: 0 none !important;
}

.paddingLN {
	padding-left: 0 none !important;
}

.bgN {
	background: none !important;
}

.pdR_5 {
	padding-right: 5px
}

/* SELECT */
.login_content .sel_wrap {
	background: #fff;
	height: 26px;
}

.login_content #select_box {
	position: relative;
	background: url(../../images/login/select_arrow.gif) no-repeat right
		center;
	margin: 12px 11px 0 0
}

.login_content #select_box option {
	margin: 0;
	padding: 2px 2px 2px 5px
}

.login_content #select_box2 {
	position: relative;
	background: url(../../images/login/select_arrow.gif) no-repeat right
		center;
	margin: 12px 11px 0 0
}

.login_content #select_box2 option {
	margin: 0;
	padding: 2px 2px 2px 5px
}

/* 상단 검색창 셀렉트박스 style */
.select_01 {
	height: 38px;
	margin-bottom: 10px;
}

.select_01 .sbOptions {
	width: 265px;
}

.select_01 a, .select_01 a:hover, a:focus {
	color: #0d5ea6
}

.select_02 {
	height: 28px;
}

.select_02 .sbOptions {
	width: 145px;
}

.select_02 a, .select_02 a:hover, a:focus {
	color: #fff
}

.select-common {
	width: 100%;
}

.select-common div {
	
}

.login_content .sbHolder {
	position: relative;
	height: 38px;
	background: url(../../images/login/option_bg.gif) no-repeat 0 0;
}

.login_content .sbToggle {
	background: url("../../images/login/select_arrow.gif") no-repeat right 0;
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
}

.login_content .sbSelector {
	display: block;
	font-size: 12px;
	left: 0;
	line-height: 38px;
	overflow: hidden;
	position: absolute;
	top: 0;
	color: #0d5ea6;
	height: 38px;
	padding-left: 33px;
	background: url(../../images/login/login_lang.jpg) no-repeat 0 0;
}

.navi_box .sbHolder {
	position: relative;
	width: 148px;
	height: 28px;
	background: url(../../images/login/top_navi_bg.gif) no-repeat 0 0;
}

.navi_box .sbToggle {
	background: url("../../images/login/top_selectArrow.gif") no-repeat
		right 0;
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 0;
}

.navi_box .sbSelector {
	display: block;
	font-size: 12px;
	line-height: 28px;
	overflow: hidden;
	color: #fff;
	height: 28px;
	padding-left: 10px
}

.login_content .sbOptions {
	background: #fff;
	border: solid 1px #c0c0c0;
	border-top: 0;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	overflow-y: auto;
	z-index: 10;
	text-align: left;
}

.navi_box .sbOptions {
	background: #fff;
	border: solid 1px #c0c0c0;
	border-top: 0;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	overflow-y: auto;
	z-index: 10;
	text-align: left;
}

.sbOptions li {
	padding: 0 7px;
}

ul.sbOptions li {
	margin-right: 0;
}

ul.sbOptions li:first-child a {
	border-top: 0
}

.sbOptions a {
	border-top: solid 1px #e7e7e7;
	display: block;
	outline: none;
	padding: 5px 0 5px 3px;
	font-size: 12px;
}

.sbOptions a:link, .sbOptions a:visited {
	color: #666;
	text-decoration: none;
}

.sbOptions li.last a {
	border-bottom: none;
}

.sbOptions .sbDisabled {
	border-bottom: dotted 1px #515151;
	color: #666;
	display: block;
	padding: 7px 0 7px 3px;
}

.sbOptions .sbGroup {
	border-bottom: dotted 1px #515151;
	color: #666;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}

.sbOptions .sbSub {
	padding-left: 17px;
}

/* BUTTON */
span.btn_skyb_S, span.btn_red_S {
	display: block;
}

span.btn_skyb_S i, span.btn_red_S i, span.btn_gray_S i {
	display: inline-block;
	margin-right: 3px;
}

span.btn_skyb_S a {
	display: inline-block;
	padding: 0 8px;
	height: 23px;
	color: #ffffff !important;
	font-family: "opensansL", "돋움", dotum, sans-serif;
	font-size: 11px;
	line-height: 22px;
	background: #5e9cda;
	box-sizing: border-box;
}

span.btn_red_S a {
	display: inline-block;
	padding: 0 8px;
	height: 23px;
	color: #ffffff !important;
	font-family: "opensansL", "돋움", dotum, sans-serif;
	font-size: 11px;
	line-height: 22px;
	background: #fb6161;
	box-sizing: border-box;
}

span.btn_gray_S a {
	display: inline-block;
	padding: 0 8px;
	height: 23px;
	color: #ffffff !important;
	font-family: "opensansL", "돋움", dotum, sans-serif;
	font-size: 11px;
	line-height: 22px;
	background: #ababab;
	box-sizing: border-box;
	border: 1px solid #9d9d9d;
}

/* cell안에 버튼들 */
td .cell-gbtn {
	background: #ababab;
	color: #ffffff;
	border: 1px solid #9d9d9d;
	height: 23px;
	box-sizing: border-box;
	padding: 0 9px;
}

td .cell-sbbtn {
	background: #68b0da;
	color: #ffffff;
	border: 1px solid #5da1ca;
	height: 23px;
	box-sizing: border-box;
	padding: 0 9px;
}

td .cell-rbtn {
	background: #d67777;
	color: #ffffff;
	border: 0 none;
	height: 23px;
	box-sizing: border-box;
	padding: 0 9px;
}

#wrap .contents .top .tr_btns {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 4px;
}



.top .tr_btns button {
	font-family: Malgun Gothic, "돋움", Dotum, sans-serif;
	letter-spacing: 0.1px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0 12px;
	display: inline-block;
	font-size: 13px;
	height: 30px;
	line-height: 26px;
	border-radius: 2px;
	text-align: center;
	margin-left:5px;
}


.top .tr_btns .fontN {font-size:0}


button.blue {
	background: #d17439;
	color: #fff;
	border: 0px none;
}

button.sblue {
	background: #44569b;
	color: #fff;
	border:  0px none;
}

button.green {
	background: #ffffff url(../../images/button/icon_excelD.jpg) no-repeat
		7px 6px;
	padding-left: 28px !important;
	color: #14850f;
	border: 1px solid #7db37d
}

button.yellow {
	background: #f9f9f9 url(../../images/button/btn_icon_newL.png) no-repeat
		right 7px;
	padding-right: 28px !important;
	color: #222222;
	border: 1px solid #cfcfcf;
}

button.gridExcel {
	background: #ffffff url(../../images/button/icon_excelD.jpg) no-repeat
		4px 3px;
	padding:0 10px 0 25px !important;
	color: #222222;
	border: 1px solid #bebebe !important;
	margin-left: 2px;
	font-family: Malgun Gothic, "돋움", Dotum, sans-serif;
	letter-spacing: 0.1px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0 10px;
	display: inline-block;
	font-size: 12px;
	height: 23px;
	line-height: 21px;
	border-radius: 2px;
	text-align: left;
	letter-spacing:-0.4px;
}

button.gridExcel2 {
	background: #ffffff url(../../images/button/icon_excelD.jpg) no-repeat
		4px 6px;
	padding:0 10px 0 25px !important;
	color: #222222;
	border: 1px solid #bebebe !important;
	margin-left: 2px;
	font-family: Malgun Gothic, "돋움", Dotum, sans-serif;
	letter-spacing: 0.1px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0 10px;
	display: inline-block;
	font-size: 12px;
	height: 23px;
	line-height: 21px;
	border-radius: 2px;
	text-align: left;
	letter-spacing:-0.4px;
}




.sc_blue {
	background: #3359aa;
	border: 0 none;
	height: 23px;
	color: #ffffff;
	font-weight: bold;
	padding: 0 12px;
}

button.default {
	background: #f9f9f9;
	color: #222222;
	border: 1px solid #cfcfcf;
}
button.grid_hor {
	color: #222222;
	border: 1px solid #cfcfcf;
	border-radius:2px;
	box-sizing:border-box;
	padding:18px;
	cursor:pointer;
}
button.grid_hor:hover {
	background: #f4f4f4;
	border:1px solid #949494;
}

button.grid_bt {
	color: #222222;
	border: 1px solid #cfcfcf;
	border-radius:2px;
	height:65px;
	box-sizing:border-box;
	padding:0 14px;
}
button.grid_bt:hover {
	background: #f4f4f4;
	border:1px solid #949494;
}
.btn_horizon_box {
	display:flex;
	flex-direction:column;
	width:32px;
	border:1px solid #ced4da;
	border-radius:2px;
	justify-content:center;
}
.gridBtn_wrap {
	display:flex;
	gap:5px;
}
.gridBtn_wrapH {
	display:flex;
	gap:10px;
}
.grd_top_box {
	display:flex;
	justify-content:space-between;
	gap:10px;
}
button.btn_horizon_btn {
	border:0 none;
	padding:15px 0;
}
button.btn_horizon_btn:hover {
	background:#f4f4f4;
}
button.black {
	background: #171b1f;
	color: #ffffff;
	border: 1px solid #171b1f
}

button.gray {
	background: #9ca6ac;
	color: #ffffff;
	border: 1px solid #9ca6ac
}

button.blackgray {
	background: #686868;
	color: #ffffff;
	border: 1px solid #6e7478;
}

.add_btns button.default {
	background: #5278cb;
	border: 1px solid #5278cb;
	color: #ffffff
}

/* 불릿 */
.bl_ns {
	background: url(../../images/main/bullet_necessary.png) no-repeat 0
		center;
	padding-left: 7px
}

/* 폰트 */
.font_dt {
	font-family: "돋움", Dotum, sans-serif;
}

.txtR {
	display: inline-block;
	margin-top: 2px;
}

/* input */
#c4c4c4 {
	box-sizing: border-box;
	border: 1px solid #c4c4c4;
	padding: 0 4px;
	color: #222;
	font-family: "opensansL", dotum, '돋움', sans-serif;
	vertical-align: top;
}

#wrap .contents table td input.noBorderH, #wrap .contents table td input.noBorder
	{
	border: 0 none;
	width: 98%;
	padding-left: 0
}
/* 2020-03-06 김원경
 * bnp와 동일하게 적용하기 위해 focus, read-only를 추가함
 */
#wrap .contents table td input.cell-sbtn:focus {
	color: #2d353c;
	background-color: #fff;
	border-color: #7baae9;
	outline: 0
}

#wrap .contents table td input.cell-sbtn:read-only, textarea:read-only {
	background-color: #ededed;
	border: 1px solid #d8d8d8;
	color: #676767
}

#wrap .contents table td input:read-only, textarea:read-only {
	background-color: #ededed;
	border: 1px solid #d0d0d0;
	color: #676767
}

p.input_wrap01 {
	float: left;
	margin-left: 5px;
	width: 30%;
	border: 1px solid #c4c4c4;
}

p.input_wrap01 input {
	width: 97%;
	height: auto;
	border: 0 none !important
}

input.inputR {
	text-align: right;
	padding-right: 5px;
}

input.w100 {
	width: 100%;
}

input.w90 {
	width: 90%;
}

input.w80 {
	width: 80%;
}

input.w70 {
	width: 70%;
}

input.w50 {
	width: 50%;
}

input.w49 {
	width: 49%;
}

input.w45 {
	width: 45%;
}

input.w40 {
	width: 40%;
}

input.w30 {
	width: 30%;
}

input.w20 {
	width: 20%;
}

/* 메시지 */
.message_bt {
	padding-top: 5px
}

.message_bt dl {
	overflow: hidden;
	background: #d2edf5;
	padding: 5px 15px;
	color: #195a6d;
	font-family: "opensansL", '돋움', dotum, sans-serif;
}

.message_bt dl dt {
	float: left;
	font-size: 12px;
	padding-right: 15px;
	line-height: 2.2;
}

.message_bt dl dd {
	float: left;
	font-size: 12px;
	line-height: 2;
	line-height: 2.2
}

.zoom_inner img {
	vertical-align: top;
}

/* font-face */
@font-face {
	font-family: 'notoR';
	src: local('../fonts/NotoSans-Regular');
	src: url('../fonts/NotoSans-Regular.eot');
	src: url('../fonts/NotoSans-Regular.eot?#iefix')
		format('embedded-opentype'), url('../fonts/NotoSans-Regular.woff')
		format('woff'), url('../fonts/NotoSans-Regular.ttf')
		format('truetype');
}

@font-face {
	font-family: 'notoM';
	src: local('../fonts/NotoSans-Medium');
	src: url('../fonts/NotoSans-Medium.eot');
	src: url('../fonts/NotoSans-Medium.eot?#iefix')
		format('embedded-opentype'), url('../fonts/NotoSans-Medium.woff')
		format('woff'), url('../fonts/NotoSans-Medium.ttf') format('truetype');
	letter-spacing: 0.3px;
}

@font-face {
	font-family: 'notoB';
	src: local('../fonts/NotoSans-Bold');
	src: url('../fonts/NotoSans-Bold.eot');
	src: url('../fonts/NotoSans-Bold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/NotoSans-Bold.woff')
		format('woff'), url('../fonts/NotoSans-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'notoD';
	src: local('../fonts/NotoSans-DemiLight');
	src: url('../fonts/NotoSans-DemiLight.eot');
	src: url('../fonts/NotoSans-DemiLight.eot?#iefix')
		format('embedded-opentype'), url('../fonts/NotoSans-DemiLight.woff')
		format('woff'), url('../fonts/NotoSans-DemiLight.ttf')
		format('truetype');
}

@font-face {
	font-family: 'notoL';
	src: local('../fonts/NotoSans-Light');
	src: url('../fonts/NotoSans-Light.eot');
	src: url('../fonts/NotoSans-Light.eot?#iefix')
		format('embedded-opentype'), url('../fonts/NotoSans-Light.woff')
		format('woff'), url('../fonts/NotoSans-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'spoqaR';
	src: local('../fonts/Spoqa-Han-Sans-Regular');
	src: url('../fonts/Spoqa-Han-Sans-Regular.eot');
	src: url('../fonts/Spoqa-Han-Sans-Regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/Spoqa-Han-Sans-Regular.woff') format('woff'),
		url('../fonts/Spoqa-Han-Sans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'spoqaL';
	src: local('../fonts/Spoqa-Han-Sans-Light');
	src: url('../fonts/Spoqa-Han-Sans-Light.eot');
	src: url('../fonts/Spoqa-Han-Sans-Light.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Spoqa-Han-Sans-Light.woff')
		format('woff'), url('../fonts/Spoqa-Han-Sans-Light.ttf')
		format('truetype');
}

@font-face {
	font-family: 'spoqaB';
	src: local('../fonts/Spoqa-Han-Sans-Bold');
	src: url('../fonts/Spoqa-Han-Sans-Bold.eot');
	src: url('../fonts/Spoqa-Han-Sans-Bold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Spoqa-Han-Sans-Bold.woff')
		format('woff'), url('../fonts/Spoqa-Han-Sans-Bold.ttf')
		format('truetype');
}

@font-face {
	font-family: 'latoR';
	src: local('../fonts/Lato-Regular');
	src: url('../fonts/Lato-Regular.eot');
	src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Regular.woff') format('woff'),
		url('../fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'latoM';
	src: local('../fonts/Lato-Medium');
	src: url('../fonts/Lato-Medium.eot');
	src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Medium.woff') format('woff'),
		url('../fonts/Lato-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'latoB';
	src: local('../fonts/Lato-Black');
	src: url('../fonts/Lato-Black.eot');
	src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Black.woff') format('woff'),
		url('../fonts/Lato-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'montL';
	src: local('../fonts/Montserrat-Light');
	src: url('../fonts/Montserrat-Light.eot');
	src: url('../fonts/Montserrat-Light.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Montserrat-Light.woff')
		format('woff'), url('../fonts/Montserrat-Light.ttf')
		format('truetype');
}

@font-face {
	font-family: 'montR';
	src: local('../fonts/Montserrat-Regular');
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff')
		format('woff'), url('../fonts/Montserrat-Regular.ttf')
		format('truetype');
}

@font-face {
	font-family: 'montSM';
	src: local('../fonts/Montserrat-SemiBold');
	src: url('../fonts/Montserrat-SemiBold.eot');
	src: url('../fonts/Montserrat-SemiBold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Montserrat-SemiBold.woff')
		format('woff'), url('../fonts/Montserrat-SemiBold.ttf')
		format('truetype');
}

@font-face {
	font-family: 'montB';
	src: local('../fonts/Montserrat-Bold');
	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff')
		format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'montEB';
	src: local('../fonts/Montserrat-ExtraBold');
	src: url('../fonts/Montserrat-ExtraBold.eot');
	src: url('../fonts/Montserrat-ExtraBold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Montserrat-ExtraBold.woff')
		format('woff'), url('../fonts/Montserrat-ExtraBold.ttf')
		format('truetype');
}

@font-face {
	font-family: 'opensansL';
	src: local('../fonts/OpenSans-Light');
	src: url('../fonts/OpenSans-Light.eot');
	src: url('../fonts/OpenSans-Light.eot?#iefix')
		format('embedded-opentype'), url('../fonts/OpenSans-Light.woff')
		format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'opensansR';
	src: local('../fonts/OpenSans-SemiBold');
	src: url('../fonts/OpenSans-SemiBold.eot');
	src: url('../fonts/OpenSans-SemiBold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/OpenSans-SemiBold.woff')
		format('woff'), url('../fonts/OpenSans-SemiBold.ttf')
		format('truetype');
	letter-spacing: 0.3px;
}

@font-face {
	font-family: 'opensansB';
	src: local('../fonts/OpenSans-SemiBold');
	src: url('../fonts/OpenSans-SemiBold.eot');
	src: url('../fonts/OpenSans-SemiBold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/OpenSans-SemiBold.woff')
		format('woff'), url('../fonts/OpenSans-SemiBold.ttf')
		format('truetype');
	letter-spacing: 0.3px;
}

@font-face {
	font-family: 'icon';
	src: url("../fonts/icon.eot");
	src: url("../fonts/icon.eot?#iefix") format("embedded-opentype"),
		url("../fonts/icon.ttf") format("truetype"), url("../fonts/icon.woff")
		format("woff"), url("../fonts/icon.svg?#icon") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* font */
.font_mg {
	font-family: 'Malgun Gothic', dotum, sans-serif !important;
}

.font_notoR {
	font-family: 'notoR', 'Malgun Gothic', dotum, sans-serif !important
}

.font_notoM {
	font-family: 'notoM', 'Malgun Gothic', dotum, sans-serif !important
}

.font_notoB {
	font-family: 'notoB', 'Malgun Gothic', dotum, sans-serif !important
}

.font_notoT {
	font-family: 'notoT', 'Malgun Gothic', dotum, sans-serif !important
}

.font_notoL {
	font-family: 'notoL', 'Malgun Gothic', dotum, sans-serif !important
}

.font_spoqaR {
	font-family: 'spoqaR', 'Malgun Gothic', dotum, sans-serif !important
}

.font_spoqaL {
	font-family: 'spoqaL', 'Malgun Gothic', dotum, sans-serif !important
}

.font_spoqaB {
	font-family: 'spoqaB', 'Malgun Gothic', dotum, sans-serif !important
}

.font_latoR {
	font-family: 'font_latoR' 'Malgun Gothic', dotum, sans-serif !important
}

.font_latoM {
	font-family: 'latoM', 'Malgun Gothic', dotum, sans-serif !important
}

.font_latoB {
	font-family: 'latoB', 'Malgun Gothic', dotum, sans-serif !important
}

.font_montL {
	font-family: 'montL', 'Malgun Gothic', dotum, sans-serif !important
}

.font_montR {
	font-family: 'montR', 'Malgun Gothic', dotum, sans-serif !important
}

.font_montSM {
	font-family: 'montSM', 'Malgun Gothic', dotum, sans-serif !important
}

.font_montB {
	font-family: 'montB', 'Malgun Gothic', dotum, sans-serif !important
}

.font_montEB {
	font-family: 'montEB', 'Malgun Gothic', dotum, sans-serif !important
}

.fontB {
	font-weight: bold;
}

.grid_wrap {
	width: 100%;
	margin-bottom: 15px;
	border-top: 2px solid #9ba6b5;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

.btn-adBox {
	margin-left: 5px;
	display: flex;
}

.btn-adBox img {
	cursor: pointer
}

.btn-adBox>span+span {
	margin-left: 4px;
}

/* flex */
.flex {
	display: flex
}

.justiC {
	justify-content: center;
}

.justiW {
	justify-content: space-between;
}

.alignC {
	align-items: center;
}

.justiS {
	justify-content: flex-start;
}

.alignS {
	align-items: flex-start;
}

.justiE {
	justify-content: flex-end;
}

.alignE {
	align-items: flex-end;
}

.celltop_box {
	padding-bottom: 5px;
}

.celltop_box button {
	border: 0 none;
	background-color: none;
	padding: 0;
	margin: 0;
}

.btn-adBox>button+button {
	margin-left: 4px;
}

.checkbox-box {
	height: 17px;
}

.btn-dfBox button {
	border-radius: 2px;
	height: 27px;
	padding: 0 13px;
	box-sizing: border-box;
	font-size: 13px
}

.btn-dfBox .default {
	border: 1px solid #b2c2de;
	color: #33486d;
}

.btn-dfBox .sblue {
	
}

.celltop_box .default {
	border: 1px solid #bfbfbf;
	background: #f2f2f2;
	color: #222;
	font-weight: bold;
	padding: 0 10px;
	height: 27px;
	border-radius: 2px;
}

.gr_excel_btnU {
	background: url(../../images/button/btn_gr_excelU.png) no-repeat 0 0;
	width: 91px;
	height: 23px;
	border: 0 none
}

.gr_excel_btnD {
	background: url(../../images/button/btn_gr_excelD.png) no-repeat 0 0;
	width: 102px;
	height: 23px;
	border: 0 none
}

.gr_excel_btn {
	background: url(../../images/button/btn_gr_excel.png) no-repeat 0 0;
	width: 69px;
	height: 23px;
	border: 0 none
}
/*순호시작*/

#_web2Alertcontainer {
	/*background-color: #f2f2f2;*/
	position: absolute;
	width: 65px;
	height: 65px;
	padding: 15px;
	top: 49%;
	left: 50%;
	z-index: 100000;
}


#_web2Popupcontainer {
	background-color: #ffffff;
	position: absolute;
	top: 140px;
	left:560px;
	z-index: 99998;
	box-sizing:border-box;
	padding:0;
	border:1px solid #54585a;
}

#_web2DivPopupcontainer {
	background-color: #ffffff;
	position: absolute;
	top: 70px;
	left:160px;
	z-index: 99997;
	border:1px solid #54585a;
}

#_web2DivPopup2container {
	background-color: #ffffff;
	position: absolute;
	top: 70px;
	left:160px;
	z-index: 99998;
	border:1px solid #54585a;
}



.rg-dropdownlist{
	z-index: 100000 !important;
}

.img_calendar{
	 cursor: pointer;
}

.excelHeader{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.multiCombo {display:flex; border: 1px solid #cccccc; justify-content: space-between; align-items:center; height:21px;}
.multiTit {padding-left:5px;}
.multiCombo input {background:url(../../images/main/multiC_arrow.jpg) no-repeat 0 0; border:0 none !important; width:18px; height:18px; display:inline-block}
.multiCom_list {width:280px; visibility:visible; position:absolute; z-index:100; background:#ffffff;}
.multiCom_list > ul {width:100%; border:1px solid #cccccc}
.multiCom_list > ul li {display:flex; align-items:center; padding-left:5px;}
.multiCom_list > ul li span {padding-left:4px;}


/* 정렬 */
.center-column {
	text-align: center;
}

.left-column {
	text-align: left !important;
}

.right-column {
	text-align: right !important;
}

.red-column {
	color: red !important;
}

.overline-column {
    white-space: pre;
    display: contents;
}

.rg-grid {
	border:0 !important;
}

.title-column {
	text-align: center !important;
}