@charset "euc-kr";
/* CSS Document */

/* ¸¼Àº°íµñ */
@font-face {font-family:MalgunGothic; src:url(./font/MalgunGothic.eot);}
/* ³ª´®°íµñ */
@font-face {
    font-family: 'NanumGothic';
    src: url('./font/NanumGothic.eot');
    src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./font/NanumGothic.woff') format('woff'),
         url('./font/NanumGothic.ttf') format('truetype'),
         url('./font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}

.st1{font-family:"NanumGothic","³ª´®°íµñ"; font-size:18px; font-weight:600; color: #ffffff; letter-spacing:-0.6px;}

input{margin:0;padding:0; font-family:"±¼¸²"; font-size:12px; color: #666666;}


/*¸ÞÀÎÁø¿­´ë*/
#best { margin:0 auto; width: 1000px;}

/* body °øÅë ¼Ó¼º*/
img{border:0;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0; }
html{ width:100%; height:100%;}
body{ width:100%; height:100%; background-color:#000000; text-align:center;}
a{text-decoration:none;}
table{font-size:12; font-family:"±¼¸²"; color:#333333 ; text-align:left;}

/*  div À§Ä¡Á¶Àý  */
#wrap{margin:0 auto; width:100%; height:100%; text-align:left; background-color:#000000;}
#sub_total{margin:0 auto; width:100%; height:100%; background-image:url(../images/subbg.jpg); background-position:top center; background-repeat:no-repeat;}
#top_wrap{margin:0 auto; width:100%; height:365px;}
#middle_wrap{margin:0 auto; width:100%; height:100%;}
#bottom_wrap{margin:0 atuo; width:100%; height:60px; text-align:left;}
#sub_wrap{margin:0 auto; width:1000px; overflow:auto;}

#sub_left{float:left; width:230px;}
#cts_total{float:right; width:770px;  overflow:auto;}


/*  top divÀ§Ä¡Á¶Àý  */
#top_total{margin:0 auto; width:1000px; height:365px; }

/* ·Î±×ÀÎ, ·Î±×¾Æ¿ô */
.login_nav ul{list-style-type:none; margin:0; padding:0;}
.login_nav li {display:inline; margin:0; padding:0; text-align:right;}
.login_nav li a{padding:3px 10px 7px 0px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; letter-spacing:-0.5px; color:#aaaaaa; text-align:right;}
.login_nav li a:hover,a:active{ background-color:transparent; color:666666;}

/* copy */
#copy_bg{width:100%; height:60px;}
#copy_total{margin:0 auto; width:1000px; height:60px;}
.copy_txt{float:left; margin:9px 20px 20px 20px; width:960px; height:31px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; letter-spacing:-0.6px; color:#aaaaaa; line-height:20px; text-align:left;}
#copy_total a{ margin-left:30px; text-align:right;}

/* left1 ¸Þ´º */
#lefttotal{float:left; width:190px; height:18px; padding:50px 0px 27px 40px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:18px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}

#left1_nav{float:left; width:230px; height:150px; padding:0px 0px 0px 0px; background-image:url(../images/left.png); background-position:top; background-repeat:no-repeat;}
#left1_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;}
#left1_nav li {display: block; padding:0 0 0px 0px;}
#left1_nav li a{display: block; list-style-type: none; height:16px; padding:10px 0px 14px 40px ; width: 210px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:15px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}
#left1_nav li a:hover {background:url(../images/leftpoint.png); background-repeat:no-repeat; color:#ea1d24;}
#left1_nav li a:active {background:url(../images/leftpoint.png); background-repeat:no-repeat; color:#ea1d24;}

#left2_nav{float:left; width:230px; height:60px; padding:0px 0px 0px 0px;}
#left2_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;}
#left2_nav li {display: block; padding:0 0 0px 0px;}
#left2_nav li a{display: block; list-style-type: none; height:16px; padding:10px 0px 34px 40px ; width: 210px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:15px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}
#left2_nav li a:hover {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}
#left2_nav li a:active {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}

#left3_nav{float:left; width:230px; height:60px; padding:0px 0px 0px 0px;}
#left3_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;}
#left3_nav li {display: block; padding:0 0 0px 0px;}
#left3_nav li a{display: block; list-style-type: none; height:16px; padding:10px 0px 34px 40px ; width: 210px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:15px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}
#left3_nav li a:hover {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}
#left3_nav li a:active {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}

#left4_nav{float:left; width:230px; height:150px; padding:0px 0px 0px 0px; background-image:url(../images/left.png); background-position:top; background-repeat:no-repeat;}
#left4_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;}
#left4_nav li {display: block; padding:0 0 0px 0px;}
#left4_nav li a{display: block; list-style-type: none; height:16px; padding:10px 0px 14px 40px ; width: 210px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:15px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}
#left4_nav li a:hover {background:url(../images/leftpoint.png); background-repeat:no-repeat; color:#ea1d24;}
#left4_nav li a:active {background:url(../images/leftpoint.png); background-repeat:no-repeat; color:#ea1d24;}

#left5_nav{float:left; width:230px; height:60px; padding:0px 0px 0px 0px;}
#left5_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;}
#left5_nav li {display: block; padding:0 0 0px 0px;}
#left5_nav li a{display: block; list-style-type: none; height:16px; padding:10px 0px 34px 40px ; width: 210px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:15px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}
#left5_nav li a:hover {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}
#left5_nav li a:active {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}

#left6_nav{float:left; width:230px; height:60px; padding:0px 0px 0px 0px;}
#left6_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;}
#left6_nav li {display: block; padding:0 0 0px 0px;}
#left6_nav li a{display: block; list-style-type: none; height:16px; padding:10px 0px 34px 40px ; width: 210px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:15px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}
#left6_nav li a:hover {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}
#left6_nav li a:active {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}

#left7_nav{float:left; width:230px; height:60px; padding:0px 0px 0px 0px;}
#left7_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;}
#left7_nav li {display: block; padding:0 0 0px 0px;}
#left7_nav li a{display: block; list-style-type: none; height:16px; padding:10px 0px 34px 40px ; width: 210px;  font-family: "³ª´®°íµñ","NanumGothic"; font-size:15px; font-weight: 600;letter-spacing:-0.5px; text-align:left; color: #ffffff;}
#left7_nav li a:hover {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}
#left7_nav li a:active {background:url(../images/leftpoint.jpg); background-repeat:no-repeat; color:#ea1d24;}

/* sub contents */
#sub_title {float:right; width:750px; height:17px; padding:50px 20px 28px 0px; font-family: "³ª´®°íµñ","NanumGothic"; font-size:13px;  text-align:right; color: #ffffff; background-image:url(../images/title.png); background-position:top center; background-repeat:no-repeat;}
#cts {float:right; width:770px; overflow:auto;}