@charset "utf-8";
/* ----------------------------------------------------------- */
/* ------------------------ 숨김 요소 ------------------------ */
/* ----------------------------------------------------------- */
legend, .blind, caption{
	position:absolute;
	top: -1000px;
	left: 0;
	overflow:hidden;	
	width:0px;
	height:0px;
	font-size:0;
	line-height:0;
	z-index: 10000;
}
/* ----------------------------------------------------------- */
/* -------------------------- BODY --------------------------- */
/* ----------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color:#666;
	font-size:75%;
	line-height:1.2;	
	font-family:'Nanum Gothic';
}

/* ----------------------------------------------------------- */
/* -------------------------- RESET -------------------------- */
/* ----------------------------------------------------------- */

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	margin:0;
	padding:0;
}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {  
	font-size:100%;   
	font-weight:normal;   
} 

/* 테두리 없애기 */
fieldset, img, abbr, acronym { 
	border:0 none;
} 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
}
caption,td {
	text-align: justify;
	font-weight: normal;
}

/* 텍스트 관련 요소 초기화 */
address, caption,em,cite {
	font-weight:normal;
	font-style:normal;
}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }

/* 링크요소 */
a, a:link {
	color: #666;
	text-decoration:none;
} 
a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color: #FF6600;
	text-decoration:none;
}
a:focus {
	color: #FF6600;
	text-decoration:none;
}
a:active {
	color: #FF6600;
	text-decoration:none;
}
/* button  */
button {
    border: 0px none;
    background-color: transparent;
    cursor: pointer;
    vertical-align: top;
    font-family: 'Malgun Gothic','맑은 고딕';
}
/* 세로정렬  */
label, select, input, textarea, img {
	vertical-align:middle;
}

/*  푬관련  */
input[type=text],input[type=password],input[type=button], select,textarea {
	padding: 2px;
	color: #666;
	font-size: 1em;
	border: 1px solid #ccc;
}
input[type=file] {
	padding: 2px;
	font-size: 1em;
	cursor: pointer;
}
textarea {
	width: 100%;
}

/* ----------------------------------------------------------- */
/* --------------------------- BASE -------------------------- */
/* ----------------------------------------------------------- */
.fullWidth {
	width: 100%;
}
.halfWidth {
	width: 50%;
}
.return {
	display: block;
}
.bold {
	font-weight: bold;
}
.orangeColor {
	color: #FF6600;
}
.blueColor {
	color: #09C;
}
.greenColor {
	color: #690;
}
.grayColor {
	color: #666;
}
.grayColor2 {
	color: #333;
}
.blueBg {
	background: #2fb6bc;
	border: 1px solid #28acb2;
}
.pinkBg {
	background: #ff444f;
	border: 1px solid #f33b46;
}
.grayBg {
	background: #666;
	border: 1px solid #444;
}
.greenBg {
	background: #66CC00;
	border: 1px solid #669900;
}
.center {
	text-align: center;
}
.left {
	text-align: justify;
}
.right {
	text-align: right;
}
.icon{
	padding-left: 10px;
	background: url(../images/arrow_7.gif) no-repeat 0 center;
}
.icon2{
	padding-left: 15px;
	background: url(../images/arrow_17.gif) no-repeat 0 center;
}
.butList {
	text-align: center;
}
/* --------------------------- H/P/UL -------------------------- */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
 text-align: justify;
	line-height: 1.5;
}
.h2Text {
	margin-bottom: 30px;
	color: #333;
}
.h2Text {
	margin-bottom: 30px;
	color: #333;
}
.h2Text li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../images/arrow_17.gif) no-repeat 0 9px;
}

h3.title {
	margin-bottom: 20px;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	padding-left: 20px;
	background: url(../images/arrow_27.png) no-repeat 0 center;
}
.h3Text {
	margin-left: 20px;
	margin-bottom: 25px;
	color: #333;
}
.h3Text li {
	padding-left: 15px;
	line-height: 2;
	background: url(../images/arrow_9.gif) no-repeat 0 7px;
}
h4.title {
	margin-bottom: 15px;
	margin-left: 20px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding-left: 15px;
	background: url(../images/arrow_12.gif) no-repeat 0 center;
}
.h4Text {
	margin-left: 35px;
	margin-bottom: 15px;
	color: #666;
}
.h4Text li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../images/blue_icon.gif) no-repeat 0 7px;
}
/* -------------------------- 테이블  -------------------------- */
table.base {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-left: none;
}
table.base tr.even{
	background: #F9F9F9;
}
table.base tr.first{
	background: #eee;
}
table.base tr.last th, table.base tr.last td{
	border-bottom: none;
}
table.base th, table.base td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 10px;
	text-align: center;
}
table.base th {
	font-weight: bold;
}
table.base th.first, table.base td.first {
	border-left: none;
}
table.base2 {
	margin-bottom: 20px;
	width: 100%;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
table.base2 th, table.base2 td{
	padding:10px;
	border-bottom: 1px dotted #ccc;
}
table.base2 th{
	background:url(../images/arrow_16_orange.gif) no-repeat 5px center;
}
table.base2 th.last, #location table.base2 td.last{
	border: none;
}
table.base2 tr.odd{
	background: #F9F9F9;
}
/* ----------------------------------------------------------- */
/* ------------------------ 헤더 영역 ------------------------ */
/* ----------------------------------------------------------- */
#header {
}
#headerInner {
	position: relative;
}
/* ----------------------------------------------------------- */
/* ----------------------- 비주얼 영역  ---------------------- */
/* ----------------------------------------------------------- */
#visual {
	margin-bottom: 20px;
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	background: url(../main_kor/user_img/sub_visual_pat.jpg) repeat-x 0 0;
}
#visualInner {
	position: relative;
	margin: 0 auto;
}
#visualInnerWrap {
	height: 100%;
}
#visualInnerWrap .introText {
	position: absolute;
	top: 36px;
	left: 30px;
}
/* ----------------------------------------------------------- */
/* ----------------------- 컨텐츠 영역  ---------------------- */
/* ----------------------------------------------------------- */
#contents {
	margin-bottom: 20px;
}
#contentsInner {
	position:relative;
	width: 1006px;
	margin: 0 auto;	
	min-height: 580px;
	background: url(../main_kor/user_img/inner_bg_img.png) no-repeat right 0;
}
#leftMenu {
	position: absolute;
	top: 0;
	left: 0;
}
#sub {
}
#title {
	position: relative;
	background: url(../main_kor/user_img/title_bg.png) no-repeat center 0;
}
#subContents {
}
/* ----------------------------------------------------------- */
/* ----------------------- pg_css 영역  ---------------------- */
/* ----------------------------------------------------------- */
#pg_css {
	position: relative;
}
/* ----------------------------------------------------------- */
/* ----------------------- 배너 영역  ------------------------ */
/* ----------------------------------------------------------- */
#banner {
	position:absolute;
	width: 77px;
	top: 0px;
	right: 0px;
	z-index: 2000;
}
/* ----------------------------------------------------------- */
/* ----------------------- 푸터 영역  ------------------------ */
/* ----------------------------------------------------------- */
#footer {
	clear: both;
	margin-bottom: 20px;
	border-top:1px solid #ccc;
}
#footerInner {
	position:relative;
	margin: 0 auto;
}

/* ----------------------------------------------------------- */
/* ----------------------- Webnote   ------------------------ */
/* ----------------------------------------------------------- */
.Webnote em {
	font-style: italic;
}

.Webnote h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
	text-align:left;
}

.Webnote table {
	border: 1px solid #ccc;
	border-left: none;
	border-bottom: none;
}
.Webnote table th, .Webnote table td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 10px;
}