/* CSS Document */

* {
        font-family:verdana, Gulim;
        font-size:12px;
        line-height:15px;
        margin:0px;
        padding:0;}

body {
        width:100%;
		background:url(../images/common/navi_bg.gif) repeat-x left top;
        text-align:center;
        margin:0 auto;
        }

html {
        font-size:12px;
        color:#666666;
        margin:0 auto;
        }

fieldset, img {
        border: none;
        }

div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, p, input {
        margin:0; padding:0;
        }

a {
        line-height:18px;
        text-decoration:none;
        color:#333333;
        }

ul li {list-style-type:none;}



/*input½ºÅ¸ÀÏ */
input {
        height:16px; 
        vertical-align:middle;
		margin-bottom:1px;
		color:#333333;
        }
input.text {
        border:solid 1px #cacaca;
        }
input.num {
        border:solid 1px #cacaca;
        text-align:right;
        }
input.btn {
        vertical-align: top;
        }
input.checkbox {
        width:13px; 
        height:13px;
        margin-top:1px;
        }

textarea {
        padding:3px; 
        color:#555555 ; 
        font-size:11px;
		font-family:dotum;
        border:solid 1px #cacaca;
        margin:0 auto;
        }

select{
        vertical-align:middle;
        color:#666666; 
        margin:0 auto;
        }

/* °Ô½ÃÆÇ ¸®½ºÆ® ¸µÅ© */

a:link {font-size:12px; color:#666666; text-decoration:none;}
a:visited {font-size:12px; color:#666666; text-decoration:none;}
a:hover {font-size:12px; color:#333333; text-decoration:none;}

a.list:link {font-size:12px; color:#666666; text-decoration:none;}
a.list:visited {font-size:12px; color:#666666; text-decoration:none;}
a.list:hover {font-size:12px; color:#333333; text-decoration:none;}

a.paging:link {font-size:12px; color:#666666; text-decoration:none; font-family:verdana;}
a.paging:visited {font-size:12px; color:#666666; text-decoration:none; font-family:verdana;}
a.paging:hover {font-size:12px; color:#333333; text-decoration:none; font-family:verdana;}

a.down:link {font-size:12px; color:#ff3366; text-decoration:underline; }
a.down:visited {font-size:12px; color:#ff3366; text-decoration:none; }
a.down:hover {font-size:12px; color:#ff3366; text-decoration:none; }


/* ·Ñ¿À¹ö ¹öÆ° ¸¸µé±â */
a.rollover img { border-width:0px; display:block;}
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }

/* ³×ºñ°ÔÀÌ¼Ç */
ul.pageNavigation   {
         list-style:none;
         margin:0 auto;
         padding:10px 0 0;
         color:#888;
         font:11px tahoma;
         text-align:center;
         }
 
ul.pageNavigation li{
        display:inline;
        padding:0 2px;
        cursor:default; 
        }

ul.pageNavigation li a:link,
ul.pageNavigation li a:visited{
         color:#777;
         text-decoration:none;
         }

ul.pageNavigation li a:active,
ul.pageNavigation li a:hover    { 
            color:#114cad;
            text-decoration:none; 
            }

ul.pageNavigation li a:link.thisPage2,
ul.pageNavigation li a:visited.thisPage2,
ul.pageNavigation li a:active.thisPage2,
ul.pageNavigation li a:hover.thisPage2  {
        color:#114cad;
        font-weight:bold; 
        text-decoration:none;
        }

ul.pageNavigation li.arr01 { 
        padding:0;
        }

ul.pageNavigation li.arr02   { 
        padding:0 1px 0 0; 
        }

ul.pageNavigation li.arr03   {
         padding:0 0 0 1px; 
         }

ul.pageNavigation li img { 
        margin:-1px 0 0; 
        }


/* ÆäÀÌ¡ */

div.paging {
		font-family:tahoma; 
		margin:0 auto;
		color:#d3d3d3;
		}


div.paging font {
		font-weight:bold;
		font-family:tahoma; 
		color:#dc0000;
		}

div.paging img{
		vertical-align:middle;
		margin:0 3px 3px 3px;
		}

/* Àüü div */
#wrap {
        width:900px;
        margin:0 auto;
        text-align:center;
        }


/*·Î°í À¯Æ¿ ¸Þ´º */
#logoUtil{
        width:900px;
        margin:0 auto;
		height:50px;
		}

#logoUtil .logo{
        text-align:left;
        float:left;
        padding-left:34px;
		vertical-align:top;
        }

#logoUtil .logo img {
		vertical-align:top;
		margin-top:15px;
		text-align:left;
        }

#logoUtil .logo_flash {
		float:left;
		padding-left:10px;
        }


#logoUtil .util {
		float:right;
		height:15px;
		text-align:center;
		margin:25px 0 0 0;
		}

#logoUtil .util li{
        float:left;
        padding:2px 3px 0 0;
        }

#logoUtil .util li.online{
        padding:0 0 0 7px;
        }

#logoUtil .util li.center{
        background:url(../images/common/util_hline.gif) no-repeat 5px 2px;
        padding-left:15px;
        }

#logoUtil .Navi{
		height:65px;
		margin:0 auto;
        }


/* Sub */

#layout {
		display:table;
		min-height:500px;
		margin:15px auto 0 auto;
		}


#layout .left{
        width:200px;
        float:left;
        text-align:left;
        }


#layout .con{
        width:700px;
        text-align:left;
        float:right;
		display:table;
        min-height:450px;
        margin-bottom:30px;
        }

#layout .left .menu{
		
        width:160px;
        text-align:left;
		float:left;
		margin-bottom:10px;

        }


#layout .con_login{
        width:700px;
        text-align:left;
        float:right;
		display:table;
        min-height:450px;
        margin:25px 0 30px 0;
        }


#layout .con_noLeft{
        width:840px;
        text-align:left;
        float:right;
		display:table;
        min-height:450px;
        margin:0 0 30px 0;
        }



/* ·ÎÄÉÀÌ¼Ç */
.top_tit {
		height:35px;
		border-bottom:1px solid #e5e5e5;
		}

#layout .con .top_tit .tit{
		padding:0 22px 0 0;
		position:absolute;
        }

.prePage {
        height:22px;
		padding:5px 0 0 0;
		float:right;
		}

.location {
        height:16px;
		padding:15px 0 0 0;
		float:right;
		}

.location ul li{
        float:left;
        font-family:Dotum;
        font-size:11px;
        color:#b5b5b5;
        background:url(../images/common/local_bullet.gif) no-repeat left 2px;
        padding:0 0 0 22px;
        }

.location ul li.home{
        background:none;
        padding-left:0;
        }

.location ul li span{
        font-family:Dotum;
        font-size:11px;
        color:#787878;
        }


/* footer */
#footer{
        width:900px;
        height:100px;
        border-top:1px solid #e6e7e8;
        margin:0 auto;
        }

#footer .logo{
        width:170px;
        float:left;
        padding-top:22px;
        height:95px;
        }


#footer .f_cen {
		width:558px;
        float:left;
        height:78px;
        }

#footer .f_cen div.f_menu{
		height:42px;
        }

#footer .f_cen div.f_menu ul{
		padding:22px 0 0 0;
        }

#footer .f_cen div.f_menu li{
        float:left;
		padding:0 20px 0 0;
        }

#footer .f_cen div.f_menu li img {
		padding:4px 0 0 0;
        }

#footer .f_cen div.f_menu li select {
		padding:-4px 0 0 0;
        }

#footer .f_cen .copy {
        width:568px;
        height:61px;
        background:url(../images/footer/copyright.gif) no-repeat left 8px;
		}
       
#footer .f_cen .copy span {
        margin-left:-100000px;
        }

#footer .mark {
        width:160px;
        height:100px;
        float:right;
		margin-top:22px;
        }
#popup {
		background:none;
		}