@charset "utf-8";
/*
권장 CSS 속성 선언 순서
1. display : 표시 
2. float : 흐름 
3. position : 위치 
4. width & height : 크기 
5. margin & padding : 간격 
6. border : 보더 
7. font : 폰트 
8. background : 배경 
9. etc : 기타
*/

/* 공통 스타일 EI *****************************/

/* body 공통속성 */
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form {margin:0; padding:0;}

html, body {height:100% !important; /*background:#FFF;*/ font:0.9em dotum,'돋움'; color:#444; /*overflow:scroll; overflow-x:hidden; overflow:hidden;*/}
*html, *body {height:100% !important; /*background:#FFF;*/ font:11px dotum,'돋움'; color:#444;/*overflow: scroll; overflow-x:hidden; overflow:hidden;*/}/* ie6 */
body:first-of-type {height:100% !important; /*background:#FFF;*/ font:11px dotum,'돋움'; color:#444; /*overflow:hidden; overflow:hidden;*/}/* mozill, chrome */


ul,ol,dl {list-style:none;}
ul {list-style:none; padding:0; margin:0;}
img {border:0; vertical-align:middle;}
.clear {clear:both;}
.hide {display:none;}

/* png투명 */
.png24 {tmp:expression(setPng24(this));}

/* 정렬 공통 속성 */
.fl_left {float:left;}
.fl_right {float:right;}
.vt_top {vertical-align:top;}
.vt_midd {vertical-align:middle;}
.tr_left {text-align:left;}
.tr_center {text-align:center;}
.tr_right {text-align:right;}

/* 일반적인 텍스트 롤오버및 링크*/
a,a:hover,a:active,a:focus{text-decoration:none; color:#555;}  
a span,a:hover span,a:active span,a:focus span{text-decoration:none;}  


/* 폰트 공통 속성 */
.bold {font-weight:bold;}
.f_red { color:#F00; }

/* 패딩 공통 속성 */
.m0sp0 {margin:0; padding:0;}
.sp0 {padding:0;}

.spt5  {padding:5px 0 0 0;}
.spt10 {padding:10px 0 0 0;}
.spt15 {padding:15px 0 0 0;}
.spt20 {padding:20px 0 0 0;}
.spt25 {padding:25px 0 0 0;}
.spt30 {padding:30px 0 0 0;}
.spt35 {padding:35px 0 0 0;}
.spt40 {padding:40px 0 0 0;}
.spt45 {padding:45px 0 0 0;}
.spt50 {padding:50px 0 0 0;}
.spt70 {padding:70px 0 0 0;}

.spr5  {padding:0 5px 0 0;}
.spr10 {padding:0 10px 0 0;}
.spr15 {padding:0 15px 0 0;}
.spr20 {padding:0 20px 0 0;}
.spr25 {padding:0 25px 0 0;}
.spr30 {padding:0 30px 0 0;}
.spr35 {padding:0 35px 0 0;}
.spr40 {padding:0 40px 0 0;}
.spr45 {padding:0 45px 0 0;}
.spr50 {padding:0 50px 0 0;}

.spb5  {padding:0 0 5px 0;}
.spb10 {padding:0 0 10px 0;}
.spb15 {padding:0 0 15px 0;}
.spb20 {padding:0 0 20px 0;}
.spb25 {padding:0 0 25px 0;}
.spb30 {padding:0 0 30px 0;}
.spb35 {padding:0 0 35px 0;}
.spb40 {padding:0 0 40px 0;}
.spb45 {padding:0 0 45px 0;}
.spb50 {padding:0 0 50px 0;}

.spl5  {padding:0 0 0 5px;}
.spl10 {padding:0 0 0 10px;}
.spl15 {padding:0 0 0 15px;}
.spl20 {padding:0 0 0 20px;}
.spl25 {padding:0 0 0 25px;}
.spl30 {padding:0 0 0 30px;}
.spl35 {padding:0 0 0 35px;}
.spl40 {padding:0 0 0 40px;}
.spl45 {padding:0 0 0 45px;}
.spl50 {padding:0 0 0 50px;}

.sptb5  {padding:5px 0;}
.sptb10 {padding:10px 0;}
.sptb15 {padding:15px 0;}
.sptb20 {padding:20px 0;}
.sptb25 {padding:25px 0;}
.sptb30 {padding:30px 0;}
.sptb35 {padding:35px 0;}
.sptb40 {padding:40px 0;}
.sptb45 {padding:45px 0;}
.sptb50 {padding:50px 0;}

.sprl5  {padding:0 5px;}
.sprl10 {padding:0 10px;}
.sprl15 {padding:0 15px;}
.sprl20 {padding:0 20px;}
.sprl25 {padding:0 25px;}
.sprl30 {padding:0 30px;}
.sprl35 {padding:0 35px;}
.sprl40 {padding:0 40px;}
.sprl45 {padding:0 45px;}
.sprl50 {padding:0 50px;}

.mpt5  {margin:5px 0 0 0;}
.mpt10 {margin:10px 0 0 0;}
.mpt15 {margin:15px 0 0 0;}
.mpt20 {margin:20px 0 0 0;}
.mpt25 {margin:25px 0 0 0;}
.mpt30 {margin:30px 0 0 0;}
.mpt35 {margin:35px 0 0 0;}
.mpt40 {margin:40px 0 0 0;}
.mpt45 {margin:45px 0 0 0;}
.mpt50 {margin:50px 0 0 0;}
.mpt70 {margin:70px 0 0 0;}

.mpr5  {margin:0 5px 0 0;}
.mpr10 {margin:0 10px 0 0;}
.mpr15 {margin:0 15px 0 0;}
.mpr20 {margin:0 20px 0 0;}
.mpr25 {margin:0 25px 0 0;}
.mpr30 {margin:0 30px 0 0;}
.mpr35 {margin:0 35px 0 0;}
.mpr40 {margin:0 40px 0 0;}
.mpr45 {margin:0 45px 0 0;}
.mpr50 {margin:0 50px 0 0;}

.mpb5  {margin:0 0 5px 0;}
.mpb10 {margin:0 0 10px 0;}
.mpb15 {margin:0 0 15px 0;}
.mpb20 {margin:0 0 20px 0;}
.mpb25 {margin:0 0 25px 0;}
.mpb30 {margin:0 0 30px 0;}
.mpb35 {margin:0 0 35px 0;}
.mpb40 {margin:0 0 40px 0;}
.mpb45 {margin:0 0 45px 0;}
.mpb50 {margin:0 0 50px 0;}

.mpl5  {margin:0 0 0 5px;}
.mpl10 {margin:0 0 0 10px;}
.mpl15 {margin:0 0 0 15px;}
.mpl20 {margin:0 0 0 20px;}
.mpl25 {margin:0 0 0 25px;}
.mpl30 {margin:0 0 0 30px;}
.mpl35 {margin:0 0 0 35px;}
.mpl40 {margin:0 0 0 40px;}
.mpl45 {margin:0 0 0 45px;}
.mpl50 {margin:0 0 0 50px;}

.mptb5  {margin:5px 0;}
.mptb10 {margin:10px 0;}
.mptb15 {margin:15px 0;}
.mptb20 {margin:20px 0;}
.mptb25 {margin:25px 0;}
.mptb30 {margin:30px 0;}
.mptb35 {margin:35px 0;}
.mptb40 {margin:40px 0;}
.mptb45 {margin:45px 0;}
.mptb50 {margin:50px 0;}

.mprl5  {margin:0 5px;}
.mprl10 {margin:0 10px;}
.mprl15 {margin:0 15px;}
.mprl20 {margin:0 20px;}
.mprl25 {margin:0 25px;}
.mprl30 {margin:0 30px;}
.mprl35 {margin:0 35px;}
.mprl40 {margin:0 40px;}
.mprl45 {margin:0 45px;}
.mprl50 {margin:0 50px;}


/* 보더 공통 속성 */
.bd0 {border:0;}



/* 네비게이션 EI *****************************/ 

#skipnavigation {display:none; font:0.7em dotum,'돋움';}
h3, h4 {display:none;}