@charset "utf-8";

@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 900; src: url(/common/font/SCDream9.otf); }
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 800; src: url(/common/font/SCDream8.otf); }
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 700; src: url(/common/font/SCDream7.otf); }	/*bold*/
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 600; src: url(/common/font/SCDream6.otf); }
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 500; src: url(/common/font/SCDream5.otf); }
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 400; src: url(/common/font/SCDream4.otf); }	/*normal*/
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 300; src: url(/common/font/SCDream3.otf); }
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 200; src: url(/common/font/SCDream2.otf); }
@font-face { font-family: 'SCDream'; font-style: normal; font-weight: 100; src: url(/common/font/SCDream1.otf); }

html{
	width: 100%; 
	height: 100%;
	overflow-y: scroll;
}

body { 
	width: 100%; 
	height: 100%;
	font-size: 13px; 
	line-height:1.3em; 
	margin: 0; 
	padding: 0;
	font-family: 'SCDream', 굴림, 'helvetica',sans-serif;
	-webkit-text-size-adjust:none;
	image-rendering: pixelated;
	/* 상속됨 */
	color : #333;
}

input, textarea { font-size: 12px; margin:2px 0; padding:2px 0; vertical-align: middle;}
select	{ font-size: 12px; margin:2px 0; padding:2px 0;  vertical-align: middle; }
img		{ border:0; vertical-align: top; }
form	{ display:inline;}
ul, ol	{ padding:0; margin:0; }
li		{ list-style:none; padding:0; margin:0; }
p		{ padding:0; margin:0; }

a:link, a:active, a:visited { color: #555555; text-decoration: none;}
a:hover { color: #223e81; text-decoration:underline;}



/* class */
.btnLink	{ cursor:pointer; }
.small		{ font-family:돋움; font-size: 11px; }
.nosee		{ background-color:FFFFFF; border:0; }
.rightAlign	{ text-align: right; }


.paging{
	text-align: center;
/*	background-color: #fff;*/
	margin-top:20px;
}

.paging span{
	display: inline-block;
	padding: 3px 7px 0 7px;
	height : 18px;
	margin:2px;
	border: 1px solid #ccc;
	background-color: beige;
	vertical-align: middle;
	font-size: 11px;
}


/* common ********************************************** */


/* id */
#wrap {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	min-height: 100%;
	_height: 100%;
	background-color: #fff; 
	position : relative;
}
.wrap_center {
	width:1220px; 
	margin:0 auto;  
	padding-right:0px;	
	border:0px dotted red;

}


#container{
	width:100%; 
	*zoom: 1; 
	padding-bottom:120px;
	background-color: #fff; 
}

#container:after{content:""; clear:both; display:block; }



#footer { 
	position:relative;
	height:120px; 
	margin-top:-120px;
	background-color: #333;
    color:#fff;
	padding-top:30px;
	max-width:1920px;
	margin-left: auto;
	margin-right: auto;
}

#footer p {line-height:2.2em; text-align:center;}

.leftTitle	{padding:15px 0 10px 20px; color:#fff; font-size: 17px;font-weight: bold; background-image: url(/images/left_bg.jpg); margin-top:10px;}
.leftBox	{margin:20px 0 70px 15px;  }
.left		{cursor: pointer;  font-size:15px; margin:10px 0 10px 10px; } 
.leftBorder	{background:#cccccc;	height: 1px;	margin-top: 3px;	margin-bottom: 3px;  } 
.leftBorder1{padding:0; margin:0px; height:2px; background-color: #2c2c2c; } 

.btn1 {font-family:'Nanum Gothic'; display:inline-block; padding:10px; margin:5px; width:100px; font-size: 18px; font-weight: bold; text-align: center; background-color: #f13031; color:#fff; border:2px solid #aaaaaa; cursor: pointer;}
.btn1:hover { background-color: #b60c0c;}
.btn2 {font-family:'Nanum Gothic'; display:inline-block; padding:10px; margin:5px; width:96px; font-size: 18px; font-weight: bold; text-align: center; background-color: #fff; color:#f13031; border:2px solid #f13031;  cursor: pointer;}
.btn2:hover { background-color: #e2e2e2;}


.page_title { margin:20px 0 30px 0; text-align: center;}


#submenu {background-color: #e4ecef; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; padding:18px 0 13px 0; text-align: center; margin-bottom:50px;}
#submenu:after{content:""; clear:both; display:block; }
#submenu a {color:#5b595a; font-weight: bold; padding:0 20px;}
#submenu a:hover {color:#f13031;}
#submenu .selected {color:#f13031;}
#submenu .border1 {background-color:#5b595a; width:2px; height:15px;  display:inline-block; vertical-align: middle;}