@charset "utf-8";
.a11y{position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; white-space: nowrap !important;}

/* color 10*/
.c_01{background:#0068FF}
.c_02{background:#49C496}
.c_03{background:#F8C82C}
.c_04{background:#EF4040}
.c_05{background:#596D86}
.c_06{background:#263446}
.c_07{background:#D000DF}
.c_08{background:#649AE8}
.c_09{background:#A683F8}
.c_10{background:#7700FF}

/* table common */
table {border-collapse:collapse;}
table caption{height:0;width:0;text-indent:-9999px;}

/* display */
.dbl {display:block;}
.dil {display:inline}
.dibl {display:inline-block;}


/* position */
.isabs {position:absolute;}
.isrel {position:relative;}
.isstc {position:static;}


/* overflow */
.no_hide {overflow:visible !important}

/* 폰트속성 */
.fnmar {font-weight:normal !important;}
.fbold {font-weight:bold !important;}
.let_s0 {letter-spacing:0  !important}

/*font_size*/
.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}


/* font-weight */
.fw-200 {font-weight:200 !important;}
.fw-300 {font-weight:300 !important;}
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}
.fw-700 {font-weight:700 !important;}


/*행간*/
.lh200 {line-height:200% !important;}
.lh190 {line-height:190% !important;}
.lh180 {line-height:180% !important;}
.lh170 {line-height:170% !important;}
.lh160 {line-height:160% !important;}
.lh150 {line-height:150% !important;}
.lh140 {line-height:140% !important;}
.lh130 {line-height:130% !important;}
.lh120 {line-height:120% !important;}
.lh110 {line-height:110% !important;}
.lh100 {line-height:100% !important;}
.lh24 {line-height:24px !important;}


/* 위치값 */
.pb0{padding-bottom:0px !important;}
.pb3{padding-bottom:3px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{ padding-left:0px !important;}
.pl1{ padding-left:1px !important;}
.pl2{ padding-left:2px !important;}
.pl3{ padding-left:3px !important;}
.pl5{ padding-left:5px !important;}
.pl7{ padding-left:7px !important;}
.pl8{ padding-left:8px !important;}
.pl9{ padding-left:9px !important;}
.pl10{ padding-left:10px !important;}
.pl13{ padding-left:13px !important;}
.pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;}
.pl21{ padding-left:21px !important;}
.pl23{ padding-left:23px !important;}
.pl24{ padding-left:24px !important;}
.pl25{ padding-left:25px !important;}
.pl30{ padding-left:30px !important;}
.pl35{ padding-left:35px !important;}
.pl40{ padding-left:40px !important;}
.pl44{ padding-left:44px !important;}
.pl50{ padding-left:50px !important;}
.pl230{ padding-left:230px !important;}
.pl212{ padding-left:212px !important;}

.pr0{padding-right:0px;}
.pr1{padding-right:1px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{ padding-right:40px;}

.pt0{ padding-top:0;}
.pt1{ padding-top:1px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt4{ padding-top:4px;}
.pt5{ padding-top:5px;}
.pt6{ padding-top:6px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt18{ padding-top:18px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt29{ padding-top:29px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt65{ padding-top:65px;}
.pt100{ padding-top:100px;}
.pt130{ padding-top:130px;}
.pt146{ padding-top:146px;}

.ml0 { margin-left:0px !important;}
.ml2 { margin-left:2px !important;}
.ml3 { margin-left:3px !important;}
.ml5 { margin-left:5px !important;}
.ml6 { margin-left:6px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml17 { margin-left:17px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml28 { margin-left:28px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}

.mr0{ margin-right:0 !important;}
.mr1{ margin-right:1px !important;}
.mr3{ margin-right:3px !important;}
.mr5{ margin-right:5px !important;}
.mr7{ margin-right:7px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}

.mt0{ margin-top:0px !important;}
.mt1{ margin-top:1px !important;}
.mt2{ margin-top:2px !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt8{ margin-top:8px !important;}
.mt10{ margin-top:10px !important;}
.mt12{ margin-top:12px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mt70{ margin-top:70px !important;}

.mb0{ margin-bottom:0 !important;}
.mb1{ margin-bottom:1px !important;}
.mb2{ margin-bottom:2px !important;}
.mb3{ margin-bottom:3px !important;}
.mb5{ margin-bottom:5px !important;}
.mb6{ margin-bottom:5px !important;}
.mb8{ margin-bottom:8px !important;}
.mb10{ margin-bottom:10px !important;}
.mb12{ margin-bottom:12px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb54{ margin-bottom:54px !important;}
.mb60{ margin-bottom:60px !important;}

/* 모바일 마진 */
@media screen and (max-width:1024px){
	.m-ml0 { margin-left:0px !important;}
	.m-ml2 { margin-left:2px !important;}
	.m-ml3 { margin-left:3px !important;}
	.m-ml5 { margin-left:5px !important;}
	.m-ml6 { margin-left:6px !important;}
	.m-ml10 { margin-left:10px !important;}
	.m-ml15 { margin-left:15px !important;}
	.m-ml17 { margin-left:17px !important;}
	.m-ml20 { margin-left:20px !important;}
	.m-ml25 { margin-left:25px !important;}
	.m-ml28 { margin-left:28px !important;}
	.m-ml30 { margin-left:30px !important;}
	.m-ml40 { margin-left:40px !important;}
	.m-ml50 { margin-left:50px !important;}
	.m-ml60 { margin-left:60px !important;}
	.m-ml70 { margin-left:70px !important;}

	.m-mr0{ margin-right:0 !important;}
	.m-mr1{ margin-right:1px !important;}
	.m-mr3{ margin-right:3px !important;}
	.m-mr5{ margin-right:5px !important;}
	.m-mr7{ margin-right:7px !important;}
	.m-mr10{ margin-right:10px !important;}
	.m-mr15{ margin-right:15px !important;}
	.m-mr20{ margin-right:20px !important;}
	.m-mr25{ margin-right:25px !important;}
	.m-mr30 { margin-right:30px !important;}
	.m-mr40 { margin-right:40px !important;}
	.m-mr50 { margin-right:50px !important;}
	.m-mr60 { margin-right:60px !important;}

	.m-mt0{ margin-top:0px !important;}
	.m-mt1{ margin-top:1px !important;}
	.m-mt2{ margin-top:2px !important;}
	.m-mt3{ margin-top:3px !important;}
	.m-mt5{ margin-top:5px !important;}
	.m-mt8{ margin-top:8px !important;}
	.m-mt10{ margin-top:10px !important;}
	.m-mt12{ margin-top:12px !important;}
	.m-mt15{ margin-top:15px !important;}
	.m-mt20{ margin-top:20px !important;}
	.m-mt25{ margin-top:25px !important;}
	.m-mt30{ margin-top:30px !important;}
	.m-mt40{ margin-top:40px !important;}
	.m-mt50{ margin-top:50px !important;}
	.m-mt60{ margin-top:60px !important;}
	.m-mt70{ margin-top:70px !important;}

	.m-mb0{ margin-bottom:0 !important;}
	.m-mb1{ margin-bottom:1px !important;}
	.m-mb2{ margin-bottom:2px !important;}
	.m-mb3{ margin-bottom:3px !important;}
	.m-mb5{ margin-bottom:5px !important;}
	.m-mb6{ margin-bottom:5px !important;}
	.m-mb8{ margin-bottom:8px !important;}
	.m-mb10{ margin-bottom:10px !important;}
	.m-mb12{ margin-bottom:12px !important;}
	.m-mb15{ margin-bottom:15px !important;}
	.m-mb20{ margin-bottom:20px !important;}
	.m-mb25{ margin-bottom:25px !important;}
	.m-mb30{ margin-bottom:30px !important;}
	.m-mb35{ margin-bottom:35px !important;}
	.m-mb40{ margin-bottom:40px !important;}
	.m-mb50{ margin-bottom:50px !important;}
	.m-mb54{ margin-bottom:54px !important;}
	.m-mb60{ margin-bottom:60px !important;}
}


/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
.gap40 {height:40px;clear:both;overflow:hidden;display:block;}
.gap50 {height:50px;clear:both;overflow:hidden;display:block;}
.gap60 {height:60px;clear:both;overflow:hidden;display:block;}
.gap65 {height:65px;clear:both;overflow:hidden;display:block;}
.gap70 {height:70px;clear:both;overflow:hidden;display:block;}
.gap75 {height:75px;clear:both;overflow:hidden;display:block;}
.gap80 {height:80px;clear:both;overflow:hidden;display:block;}
.gap85 {height:85px;clear:both;overflow:hidden;display:block;}
.gap90 {height:90px;clear:both;overflow:hidden;display:block;}
.gap95 {height:95px;clear:both;overflow:hidden;display:block;}
.gap100 {height:100px;clear:both;overflow:hidden;display:block;}
.gap130 {height:130px;clear:both;overflow:hidden;display:block;}
.gap200{height:200px;clear:both;overflow:hidden;display:block;}
.gap260{height:260px;clear:both;overflow:hidden;display:block;}

.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}


/*정렬*/
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}

.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.fl{float:left}
.fr{float:right}

.btn-tr{width:100%; overflow:hidden; text-align:right;}
.btn-tc{width:100%; overflow:hidden; text-align:center;}
.btn-tl{width:100%; overflow:hidden; text-align:left;}


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

/* 글자자름*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wordKeep, .wordkeep, .wkeep {white-space:normal;word-break:keep-all;}
.nowrap {white-space:nowrap;}


/* width */
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w120ip {width:120px !important;}
.w130 {width:130px;}
.w145 {width:145px;}
.w150 {width:150px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w300 {width:300px;}
.w360 {width:360px;}
.w500 {width:500px;}
.w650 {width:650px;}
.w1000 {width:1000px;}

.w10p {width:10%;}
.w15p {width:15%;}
.w20p {width:20%;}
.w25p {width:25%;}
.w30p {width:30%;}
.w35p {width:35%;}
.w40p {width:40%;}
.w45p {width:45%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w100p {width:100%;}
.w100pip {width:100% !important;}

.mw30 {max-width:30px; width:100%;}
.mw40 {max-width:40px; width:100%;}
.mw50 {max-width:50px; width:100%;}
.mw60 {max-width:60px; width:100%;}
.mw70 {max-width:70px; width:100%;}
.mw80 {max-width:80px; width:100%;}
.mw90 {max-width:90px; width:100%;}
.mw100 {max-width:100px; width:100%;}
.mw120 {max-width:120px; width:100%;}
.mw130 {max-width:130px; width:100%;}
.mw145 {max-width:145px; width:100%;}
.mw150 {max-width:150px; width:100%;}
.mw180 {max-width:180px; width:100%;}
.mw200 {max-width:200px; width:100%;}
.mw250 {max-width:250px; width:100%;}
.mw260 {max-width:260px; width:100%;}
.mw300 {max-width:300px; width:100%;}
.mw360 {max-width:360px; width:100%;}
.mw500 {max-width:500px; width:100%;}
.mw650 {max-width:650px; width:100%;}
.mw1000 {max-width:1000px; width:100%;}

/* placeholder click 
input:focus::-webkit-input-placeholder,*/
/* WebKit browsers 
input:focus::-webkit-input-placeholder{color:transparent;}*/
/* Mozilla Firefox 4 to 18 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}*/
/* Mozilla Firefox 19+ 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}*/
/* Internet Explorer 10+ 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}*/

/*background color*/
.b_blue{background:#0068FF}
.b_black{background:#263446}
.b_orange{background:#FF850A}
.b_sky{background:#3EDDF6}
.b_gray{background:#596D86}
.b_yellow{background:#F8C82C}
.b_red{background:#EF4040}
.b_green{background:#2BC189}
.b_white{background:#fff}
.b_excel{background:#05764c}

/*font color*/
.c_blue{color:#0068FF}
.c_black{color:#263446}
.c_orange{color:#FF850A}
.c_sky{color:#3EDDF6}
.c_gray{color:#596D86}
.c_yellow{color:#F8C82C}
.c_red{color:#EF4040}
.c_green{color:#2BC189}

/*grid*/
.grid {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px 0 -10px;
}

.grid.grid-nogutter {
	margin: 0;
}

.grid.grid-nogutter > .col {
	padding: 0;
}

.grid.grid-nogutter.grid-line > .col + .col {
	border-left:1px solid #eee;
}

.col {
	box-sizing: border-box;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	max-width: 100%;
	min-width: 0;
	padding: 0 10px 0 10px;
}

.col-align-top {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.col-align-bottom {
	align-self: flex-end;
}

.col-align-middle {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.col-top {
	justify-content: flex-start !important;
	flex-direction: column;
	display: flex;
}

.col-bottom {
	justify-content: flex-end !important;
	flex-direction: column;
	display: flex;
}

.col-middle {
	justify-content: center;
	flex-direction: column;
	display: flex;
}

.grid-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.grid-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.grid-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.grid-around {
	justify-content: space-around;
}

.grid-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.col-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
}

.col-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.grid-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.col-fixed {
	flex: initial;
}

.col-grow-2 {
	flex-grow: 2;
}

.col-grow-3 {
	flex-grow: 3;
}

.col-grow-4 {
	flex-grow: 4;
}

.col-grow-5 {
	flex-grow: 5;
}

.col-grow-6 {
	flex-grow: 6;
}

.col-grow-7 {
	flex-grow: 7;
}

.col-grow-8 {
	flex-grow: 8;
}

.col-grow-9 {
	flex-grow: 9;
}

.col-grow-10 {
	flex-grow: 10;
}

.col-grow-11 {
	flex-grow: 11;
}

.col-1 {
	-ms-flex-preferred-size: 8.33333%;
	-webkit-flex-basis: 8.33333%;
	flex-basis: 8.33333%;
	max-width: 8.33333%;
}

.col-2 {
	-ms-flex-preferred-size: 16.66667%;
	-webkit-flex-basis: 16.66667%;
	flex-basis: 16.66667%;
	max-width: 16.66667%;
}

.col-3 {
	-ms-flex-preferred-size: 25%;
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}

.col-4 {
	-ms-flex-preferred-size: 33.33333%;
	-webkit-flex-basis: 33.33333%;
	flex-basis: 33.33333%;
	max-width: 33.33333%;
}

.col-5 {
	-ms-flex-preferred-size: 41.66667%;
	-webkit-flex-basis: 41.66667%;
	flex-basis: 41.66667%;
	max-width: 41.66667%;
}

.col-6 {
	-ms-flex-preferred-size: 50%;
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}

.col-7 {
	-ms-flex-preferred-size: 58.33333%;
	-webkit-flex-basis: 58.33333%;
	flex-basis: 58.33333%;
	max-width: 58.33333%;
}

.col-8 {
	-ms-flex-preferred-size: 66.66667%;
	-webkit-flex-basis: 66.66667%;
	flex-basis: 66.66667%;
	max-width: 66.66667%;
}

.col-9 {
	-ms-flex-preferred-size: 75%;
	-webkit-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%;
}

.col-10 {
	-ms-flex-preferred-size: 83.33333%;
	-webkit-flex-basis: 83.33333%;
	flex-basis: 83.33333%;
	max-width: 83.33333%;
}

.col-11 {
	-ms-flex-preferred-size: 91.66667%;
	-webkit-flex-basis: 91.66667%;
	flex-basis: 91.66667%;
	max-width: 91.66667%;
}

.col-12 {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}


@media only screen and (max-width: 1024px) {
	.col-lg {
		flex: 100%;
		max-width: 100%;
	}

	.grid{margin:0;}
	.col{padding:0;}

	.mo-grid .col + .col{padding-left:10px}
}

@media only screen and (max-width: 768px) {
	.col-md {
		flex: 100%;
		max-width: 100%;
	}
	.mo-grid{gap:10px;}
	.mo-grid .col{width:calc(50% - 10px); flex:0 0 auto; max-width:calc(50% - 10px);}
	.mo-grid .col + .col{padding:0;}
}

@media only screen and (max-width: 480px) {
	.col-sm {
		flex: 100%;
		max-width: 100%;
	}
}