@charset "utf-8";


/* CSS Document */
* {margin:0; padding:0; font-family:"SimSun", "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
img {border:none; margin:0; padding:0;}

hr {display:none;}
form, div, fieldset {margin:0; padding:0; border:0;}

fieldset legend {font-size:0; height:0; left:0; line-height:0; margin:0; overflow:hidden; padding:0; position:absolute; top:0; visibility: hidden;}
button {border:0; background:none; cursor:pointer; clear:both; margin:0; padding:0;}

body{ font-family:"SimSun", "돋움",dotum,verdana, tahoma, sans-serif;	font-size:12px; color:#333; margin:0;	padding:0;	letter-spacing:0;}

address, caption, em {font-weight:normal; font-style:normal;}

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

/* png */
/* .png {_behavior:url(/include/png/iepngfix.htc);} */

/* 기본링크 */
a {text-decoration:none; color:#222;}
a:hover, a:active, a:focus {color:#000; text-decoration:none;}

/* 문단의 기본마진 */
p {margin-bottom:1px; line-height:140%;} 

/* 라벨 텍스트에 대한 커서모양 설정 */
label {cursor:pointer;}
.hidden{ visibility:hidden;}

/* 리스트스타일 */
dl, dt, dd {padding:0; margin: 0;}
ul {list-style:none;}
ul li {list-style:none;}
ol {list-style:decimal;}
ol li {display:list-item;}


/* heading */
hr {position:absolute; width:0; height:0; font-size:0; overflow:hidden; line-height:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; }
.h_none{display:none;}

/* 스킵네비게이션 */
#accessibility {position:absolute; left:0px;	top:0px; width:800px; z-index:999;}
#accessibility a {display:block; padding:0 10px; height:0; overflow:hidden;	color:#fff;	text-align:left;}
#accessibility a:hover, #accessibility a:focus, #accessibility a:active {background:#f93; height:auto;}

/* 페이지 맨 위로 이동하기 */
#returnToPageTop {position:relative; bottom:0;	width:800px; z-index:2;}
#returnToPageTop a {display:block;	padding:0 10px;	height:0; overflow:hidden; color:#fff;	text-align:right;}
#returnToPageTop a:hover, #returnToPageTop a:focus, #returnToPageTop a:active {	background:#f93;height:auto;}

/* 캡션 */
.cp_no {visibility:hidden; padding:0;margin:0;width:0; height:0;line-height:0; overflow:hidden; font-size:0.88em;}    /*캡션 표시안나게*/
.cp_right { text-align:right; font-size:0.92em; padding:3px 0 5px 0; }                     /*캡션 오른쪽정렬*/
.cp_left { text-align:left; font-size:0.92em; padding:3px 0 5px 0;}       /*캡션 왼쪽정렬*/

/* iframe */
iframe {margin: 0; padding: 0; border: none;}

/* clear */
.clear {clear:both;}

/* 숨김 */
.di_no {display:none;}
.vi_hid {position:absolute; left:0; top:0; visibility:hidden;}

/*텍스트 정렬*/
.align_l {text-align:left;}
.align_r {text-align:right;}
.align_c {text-align:center;}
.align_m * { vertical-align:middle; } /*자식 요소의 수직 중앙정렬*/


/*레이어 정렬 공통사용*/
.float_l { float:left}
.float_r { float: right}
.clearboth { clear:both;}

/* font-style */
.b {font-weight:bold; }
.bnormal { font-weight:normal;}
.under {text-decoration:underline;}

.fnt11 { font-size:0.92em/*11px*/;}
.fnt10 { font-size:0.83em/*10px*/;}
.fnt12 { font-size:1em;}
.fnt14 { font-size:1.17em/*14px*/;}
.fnt15 { font-size:1.2em/*15px*/;}
.fnt16 { font-size:1.4em;}

/* color */
.gray333 {color:#333;}
.gray555 {color:#555;}
.gray666 {color:#666;}
.gray777 {color:#777;}
.gray999 {color:#999;}
.grayCcc {color:#ccc;}
.black {color:#000;}
.white {color:#fff;}
.orange {color:#ff6600;}
.green {color:#65ad19;}
.blue {color:#00f;}
.blue02 {color:#5381c2;}
.red {color:#ff0000;}
.sub1_c {color:#685a40;}
.green02 {color:#5c8b1f;}
.orange01 {color:#d78019;}

/* input width */
.w40{ width:40px;}
.w46{ width:46px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w130{ width:130px;}
.w148{ width:148px;}
.w160{ width:160px;}
.w162{ width:162px;}
.w164{ width:164px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w250{ width:250px;}
.w355{ width:355px;}
.w532{ width:532px;}
.w570{ width:570px;}
.w585{ width:585px;}
.w620{ width:620px;}
.w100p{ width:99%;}

/* input style */
.input_text{ border:1px solid #ccc; border-right-color:#ccc; border-bottom-color:#ccc; padding:2px 3px 1px 3px; color:#676767; font-size:1em; height:14px; color:#444;}
.file_text{ border:1px solid #9a9a9a; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; padding:0px 3px 0px 3px; color:#676767; font-size:1em; height:18px; color:#444;}
.select_text{ border:1px solid #9a9a9a; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; padding:2px 3px 1px 3px; color:#676767; font-size:1em; color:#444;}

/*margin*/
.mar_t3 {margin-top:3px !important;}
.mar_t5 {margin-top:5px !important;}
.mar_t7 {margin-top:7px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t50 {margin-top:50px !important;}


.mar_b2 {margin-bottom:2px !important;}
.mar_b5 {margin-bottom:5px !important;}
.mar_b10 {margin-bottom:10px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b30 {margin-bottom:30px !important;}
.mar_b40 {margin-bottom:40px}
.mar_b50 {margin-bottom:50px}


.mar_l10 {margin-left:10px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l30 {margin-left:30px !important;}
.mar_l35 {margin-left:35px !important;}
.mar_l40 {margin-left:50px !important;}
.mar_l35 {margin-left:35px !important;}
.mar_l80 {margin-left:80px !important;}

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

/*padding*/
.pad_t5 {padding-top:5px;}
.pad_t10 {padding-top:10px;}
.pad_t20 {padding-top:20px;}
.pad_t30 {padding-top:30px;}

.pad_l10 {padding-left:10px;}
.pad_l20 {padding-left:20px;}
.pad_l30 {padding-left:30px;}

.pad_b5 {padding-bottom:5px;}
.pad_b10 {padding-bottom:10px;}
.pad_b20 {padding-bottom:20px;}
.pad_b30 {padding-bottom:30px;}



/*링크텍스트*/

A.navi_link:link {text-decoration:none;color: #9bb7ec; font-size:0.92em;}
A.navi_link:visited {text-decoration:none;color: #9bb7ec;}
A.navi_link:active {text-decoration:none;color: #9bb7ec; }
A.navi_link:hover {text-decoration:none;color: #fff; } 

A.left_on:link {text-decoration:none;color: #fff; font-size:0.92em; }
A.left_on:visited {text-decoration:none;color: #fff;}
A.left_on:active {text-decoration:none;color: #fff; }
A.left_on:hover {text-decoration:none;color: #fff; } 

A.list_link:link { text-decoration:none; color:#333; }
A.list_link:visited { text-decoration:none; color:#666; }
A.list_link:active { text-decoration:none; color:#333; }
A.list_link:hover { text-decoration:underline;color:#333; }