/**
* 공통 css 요소
*/
@font-face{
	font-family:"NanumGothic";
	src:url('/inc/font/NanumGothic.eot');
	src:url('/inc/font/NanumGothicExtraBold.eot');
	src:url('/inc/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/inc/font/NanumGothic.woff') format('woff'),
	url('/inc/font/NanumGothic.ttf') format('truetype');
	url('/inc/font/NanumGothic.svg#NanumGothic') format('svg')
	src:local(※), url('/inc/font/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'NanumGothicExtraBold';
	font-weight:700;
	src:url('/inc/font/NanumGothicExtraBold.eot');
	src:url('/inc/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
	url('/inc/font/NanumGothicExtraBold.woff') format('woff'),
	url('/inc/font/NanumGothicExtraBold.ttf') format('truetype');
	url('/inc/font/NanumGothicExtraBold.svg#NanumGothic') format('svg')
	src:local(※), url('/inc/font/NanumGothicExtraBold.woff') format('woff');
}
body, table, tr, th, td, br, p {
	font-family:"NanumGothic","NanumGothicExtraBold","Verdana";
	margin:0;
}
/*
input [type="radio"] {vertical-align:middle;margin-right:5px;height:1.5em !important; line-height:1.5em !important;}
input [type="checkbox"] {vertical-align:middle;margin-right:5px;height:1.5em !important; line-height:1.5em !important;}
*/

#footer {position:fixed; width:300px; height:30px; top:0; right:0; bottom:0; margin:0px; background:#090000; vertical-align:middle;}

/* 풍선말 */
#dhtmltooltip {position:absolute; left:-300px; width:150px; border:1px solid black; padding:2px; background-color:lightyellow; visibility:hidden; z-index:100; font-size:12px; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer {position:absolute; left:-300px; z-index:101; visibility:hidden;}

.yellow {background-color:#f7f700; padding:3px 3px;}
.green {background-color:#ccff83; padding:3px 3px;}
.redyellow {background-color:#ffcc83; padding:3px 3px;}
.blue {background-color:#a3ecff; padding:3px 3px;}
.bluegreen {background-color:#83ffcc; padding:3px 3px;}

#overlay {position:absolute; left:0px; top:0px; width:100%; min-height:100%; height:100%; background-color:#fff; opacity:0.3; filter:alpha(opacity=50); z-index:123; visibility:hidden; overflow:visible;}
/*html #overlay {height:150%; margin:0px 0px 0px 0px;}*/
#showimage {position:absolute; visibility:hidden; border:0px solid #cccccc; z-index:130;}
#dragbar {cursor:pointer; cursor:hand; background-color:#efefef; min-width:100px;}
#dragbar #closetext {font-weight:bold; margin-right:1px;}


/* text-align */
.lf {text-align:left !important;}
.ct {text-align:center !important;}
.rg {text-align:right !important;}

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

.flt {float:left !important;}
.frt {float:right !important;}
.cboth {clear:both !important;}

.ib {display:inline-block !important;}
.di {display:inline !important;}
.db {display:block !important;}

/* margin */
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mb3 {margin-bottom:3px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}

.ml2 {margin-left:2px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

/* padding */
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl50 {padding-left:50px !important;}

.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr50 {padding-right:50px !important;}

.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt50 {padding-top:50px !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;}
.pb30 {padding-bottom:30px !important;}
.pb50 {padding-bottom:50px !important;}

.ff {font-family:Verdana !important;}
.fz {font-family:WooriDotum90C1;}

.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f17 {font-size:17px !important;}
.f20 {font-size:20px !important;}
.f25 {font-size:25px !important;}
.f30 {font-size:30px !important;}
.f40 {font-size:40px !important;}
.f50 {font-size:50px !important;}
.f60 {font-size:60px !important;}

.fb {font-weight:bold !important;}
.tu {text-decoration:underline !important;}

.ls {letter-spacing:-1px !important;}
.ls2 {letter-spacing:-2px !important;}
.ls3 {letter-spacing:-3px !important;}

.fcb {color:#000000 !important;}	/*black*/
.fcw {color:#ffffff !important;}	/*white*/
.fcr {color:#dd0000 !important;}	/*red*/
.fce {color:#0000dd !important;}	/*blue*/
.fcg {color:#06fe1f !important;}	/*green*/

.min150 {min-width:150px !important;}
.min200 {min-width:200px !important;}

.max200 {max-width:200px !important;}
.max250 {max-width:250px !important;}

#bxList table.list 	{width:100%; border-bottom:1px solid #DBDBDB; border-collapse:collapse;}
#bxList table.list th {height:17px; padding:5px; border:1px solid #DBDBDB; line-height:100%; background-color:#F6F6F6; vertical-align:bottom;}
#bxList table.list td {height:17px; padding:8px 5px; border-bottom:1px dashed #DBDBDB; line-height:100%; vertical-align:bottom; text-align:center;}
#bxList table.list td.l {text-align:left;}
#bxList table.list td.none {height:80px; vertical-align:middle;}
#bxList table.list tr.on td {background-color:#FDF0FF !important;}

#bxView table.view 	{width:100%; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; border-collapse:collapse;}
#bxView table.view th
,	#bxView table.view td {border-bottom:1px dashed #DBDBDB;}
#bxView table.view th {padding-right:8px; line-height:100%; text-align:right; background-color:#F6F6F6;}
#bxView table.view td {padding:10px 8px;}

#bxForm table.form 	{width:100%; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; border-collapse:collapse;}
#bxForm table.form th
,	#bxForm table.form td {border-bottom:1px dashed #DBDBDB; line-height:100%;}
#bxForm table.form th {width:150px; padding-right:8px; text-align:right; line-height:100%; background-color:#F6F6F6;}
#bxForm table.form th span.important	{margin-right:3px; color:#03F; font-weight:bold;}
#bxForm table.form td {padding:10px 8px; line-height:100%;}
#bxForm table.form td textarea	{width:100%; border:1px solid #898989; font-family:"돋움",Dotum; overflow-y:scroll;}
#bxForm table.form td input.ipt	{height:17px; border:1px solid #898989; font-family:"돋움",Dotum; font-size:12px;}
#bxForm table.form td span.info	{margin-left:20px; color:#F00;}

#bxList dl.listBx 	{}
#bxList dl.listBx dt {height:12px; padding:8px; font-size:12px; color:#336699; line-height:100%; font-weight:bold; background-color:#EFEFEF;}
#bxList dl.listBx dt span.num	{color:#000;}
#bxList dl.listBx dt span.tlt a	{font-size:12px; color:#336699; line-height:100%; font-weight:bold;}
#bxList dl.listBx dd {padding:8px; background-color:#F8F8F8;}
#bxList dl.listBx dd p.info {text-align:right;}
#bxList dl.listBx dd p span.b	{font-weight:bold;}
#bxList dl.listBx dd p.con {line-height:180%;}
#bxList dl.listBx dd p.link {text-align:right;}

/* calendar */
.calendarNav {text-align:center;}
.calendarNav .curNum {margin:0 5px; font-weight:bold; font-size:18px; color:#444444;}
.cWeek {width:220px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.cWeek th {height:19px; width:14%; text-align:center; font-weight:bold; font-size:12px;}
.cDate {background-color:#f1f2f2; width:220px;}
.cDate td {background-color:#ffffff; border:1px solid #dad9d9; height:19px; width:14%; text-align:center; font-size:12px;}
.cDate td.other {background-color:#f1f2f2; border:none;}
.cDate td.select 	{background-color:#ffb292;}
.cDate td.event {background-color:#b2ff92;}
.cWeek .sun, .cDate .sun, .cDate .sun a	{color:#f34c44;}
.cDate .sat a {color:#2d74c4;}
.cDate td.note {background-color:#f7f700;}
.cDoList {margin-top:20px; min-height:130px; padding:10px; padding-top:0px; border:1px solid #dbdbdb; font-size:13px; color:#444444; word-wrap:break-word;}
.cDoList h1 {border-bottom:1px solid #dbdbdb !important; padding:10px 0 !important; padding-left:18px !important; background-position:left center !important; margin-bottom:10px;}
.cDoList .doList 	{margin-bottom:10px;}

.cWeek3 {width:170px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align:center;}
.cWeek3 th {height:13px; width:14%; text-align:center; font-weight:bold; font-size:11px;}
.cDate3 {background-color:#f1f2f2; width:170px;}
.cDate3 td {background-color:#ffffff; border:1px solid #dad9d9; height:15px; width:14%; text-align:center; font-size:11px;}
.cDate3 td.other 	{background-color:#f1f2f2; border:none;}
.cDate3 td.select 	{background-color:#ffb292;}
.cDate3 td.event 	{background-color:#b2ff92;}
.cWeek3 .sun, .cDate .sun, .cDate .sun a	{color:#f34c44;}
.cDate3 .sat a {color:#2d74c4;}
.cDate3 td.note {background-color:#f7f700;}

.tbl900 {min-width:900px;}
.tbl1200 {min-width:1200px;}
.tbl1600 {min-width:1600px;}

.load-wrapp {
	float: left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
}
.load-6 .letter {
	animation-name: loadingF;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-direction: linear;
	display: inline-block;
	letter-spacing: -3px;
}
@keyframes loadingF {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.l-1 {animation-delay: 0.28s;}
.l-2 {animation-delay: 0.4s;}
.l-3 {animation-delay: 0.52s;}
.l-4 {animation-delay: 0.64s;}
.l-5 {animation-delay: 0.76s;}
.l-6 {animation-delay: 0.88s;}
.l-7 {animation-delay: 1.0s;}
.l-8 {animation-delay: 1.12s;}
.l-9 {animation-delay: 1.24s;}
.l-10 {animation-delay: 1.36s;}
.letter {font-size: 20px; color: #FFF;}

/* radio, checkbox 색상 */
.acc-blk {accent-color: black}
.acc-red {accent-color: red}
.acc-wht {accent-color: white}

/* scrollbar 숨기기 */
.scroll-hide {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.scroll-hide::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}

/* SMS */
.smsLayer0 {
	display: ;
	position: fixed;
	right: 0px;
	bottom: -300px;
	width: 170px;
	height: 300px;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
	box-sizing: border-box;
	border-radius: 7px;
	border: 3px solid #555;
/*	border: 3px solid #ffee22; */
/*	padding: 10px;*/
	box-shadow: 0 0 0 0 rgba(0, 100, 120, 0.5);
	text-align: center;
}