@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://www.openhiun.com/hangul/nanumbarungothic.css');
@import "fonts.css";

body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, div, p, li,
form, fieldset, select, legend, input, label, textarea 
{ font-size:12px; font-family: Nanum Gothic, Dotum, Sans-serif; color:#666666; background-repeat:repeat-x; text-decoration:none; }

ul { clear:both; position:relative; padding:0; margin:0; }

input    { font-size: 12px; line-height: 15px; border: #cccccc 1px solid; height:;}
select   { font-size: 12px; line-height: 15px; }
textarea { font-size: 12px; line-height: 15px; border: #cccccc 1px solid; }

a:link { text-decoration:none; color:#666666}
a:visited { text-decoration:none; color:#666666 }
a:active { text-decoration:none; color:#666666 }
a:hover { text-decoration:underline; color:#ff3000 }
td,body,table,tr,td,div,form { font-family:Nanum Gothic; font-size:12px; text-decoration: none; background-repeat: repeat-x; color:#666666}
input,textarea,select { font-size:9pt; }

img { border:0px; }

.inputimg { border: 0px solid; }
.inputradio { border: 0px solid; }
.inputchk { border: 0px solid; }

.ht18 { height:18px; }
.ht19 { height:18px; }
.ht20 { height:18px; }

a.pictBorder { border: 1px #000000 solid}
a.pictBorder:hover { border: 1px #ff0000 solid}

/* Àüü¹è°æ */
.diary_main_bg      { background-color:#ffffff; }

/* ³â¿ù */
.diary_yearmonth    { background-color:#ffffff; font-style:normal; font-size: 9pt; color: #000000 }

/* ¿ùÈ­¼ö¸ñ±ÝÅäÀÏ */
.diary_week         { background-color:#f4f4f4; font-style:normal; font-size: 9pt; color: #666666 }

/* ÀÏÀÚ¹è°æ */
.diary_day_bg       { background-color:#efefef; }

/* ÀÏÀÚ±ÛÀÚ */
.diary_day          { font-style:normal; font-size: 9pt; color: #565656 }

/* ÀÏÀÚ(ÀÏÁ¤ÀÌÀÖ´Â) */
.diary_inday_bg     { background-color:#c4dcae; }

/* ÀÏÀÚ(ÀÏ¿äÀϱÛÀÚ»ö) */
.diary_sunday    { font-style:normal; font-size: 9pt; color: red }


.ls {letter-spacing:-1px}

/*text*/
.p8, a.p8:link, a.p8:visited, a.p8:hover, a.p8:active {font-size:8px}
.p9, a.p9:link, a.p9:visited, a.p9:hover, a.p9:active {font-size:9px}
.p10, a.p10:link, a.p10:visited, a.p10:hover, a.p10:active {font-size:10px}
.p11, a.p11:link, a.p11:visited, a.p11:hover, a.p11:active {font-size:11px}
.p12, a.p12:link, a.p12:visited, a.p12:hover, a.p12:active {font-size:12px}
.p13, a.p13:link, a.p13:visited, a.p13:hover, a.p13:active {font-size:13px}
.p14, a.p14:link, a.p14:visited, a.p14:hover, a.p14:active {font-size:14px}

.b, a.b:link, a.b:visited, a.b:hover, a.b:active {font-weight:bold}
.u, a.u:link, a.u:visited, a.u:hover, a.u:active {text-decoration:underline}
.un, a.un:link, a.un:visited, a.un:hover, a.un:active {text-decoration:none}

.dotum {font-family:dotum;}
.gulim {font-family:gulim;}
.ver {font-family:verdana;}
.Nanum {font-family:NanumGothic;}

/*line-height*/
.lh15 {line-height:15px}
.lh16 {line-height:16px}
.lh17 {line-height:17px}
.lh18 {line-height:18px}
.lh19 {line-height:19px}
.lh20 {line-height:20px}
.lh21 {line-height:21px}
.lh22 {line-height:22px}
.lh23 {line-height:24px}
.lh24 {line-height:24px}

/*form*/
input {font-size:12px; color:#000000;}
select {font-size:12px; color:#000000; border:1px solid #B5B5B5}

/*color*/
.black, a.black:link, a.black:visited, a.black:hover, a.black:active{color:#000000}
.white, a.white:link, a.white:visited, a.white:hover, a.white:active{color:#FFFFFF}

.gray01, a.gray01:link, a.gray01:visited, a.gray01:hover, a.gray01:active{color:#111111}
.gray02, a.gray02:link, a.gray02:visited, a.gray02:hover, a.gray02:active{color:#222222}
.gray03, a.gray03:link, a.gray03:visited, a.gray03:hover, a.gray03:active{color:#333333}
.gray04, a.gray04:link, a.gray04:visited, a.gray04:hover, a.gray04:active{color:#444444}
.gray05, a.gray05:link, a.gray05:visited, a.gray05:hover, a.gray05:active{color:#555555}
.gray06, a.gray06:link, a.gray06:visited, a.gray06:hover, a.gray06:active{color:#666666}
.gray07, a.gray07:link, a.gray07:visited, a.gray07:hover, a.gray07:active{color:#777777}
.gray08, a.gray08:link, a.gray08:visited, a.gray08:hover, a.gray08:active{color:#888888}
.gray09, a.gray09:link, a.gray09:visited, a.gray09:hover, a.gray09:active{color:#999999}

.pu01 { color:#6666CC}
.pu02 { color:#6633CC}

.or01 { color:#ff6c00}
.or02 { color:#FF9900}

.red01 { color:#FF0000}
.red02 { color:#FF0033}
.red03 { color:#FF3300}

.bl01 { color:#33CCFF}
.bl02 { color:#3399FF}
.bl03 { color:#3366FF}
.bl04 { color:#268995}
.bl05 { color:#003366}
.bl06 { color:#336699}
.bl07 { color:#A3AFC6}
.bl08 { color:#4D8DBE}

.bk { color:#000; }


/*textfield style*/
.textfield {font-family:"NanumGothic"; border:#cccccc 1px solid;}

/*¸µÅ©Å׵θ® »èÁ¦*/
a,img, area {selector-dummy:expression(this.hideFocus=true);}


/* ¼­½Ä */
.tpd5 {padding-top:5px;}
.tpd10 {padding-top:10px;}
.tpd20 {padding-top:20px;}

.bpd10 {padding-bottom:10px;}
.bpd100 {padding-bottom:100px;}

.al_r  { text-align:right; }
.al_l  { text-align:left; }
.al_c  { text-align:center; }

.line_01 {
background-image:url(../images/misc/line_01.gif);
background-repeat:repeat-x;
background-position:bottom;
}

/* gnb ¸Þ´º ·Ñ¿À¹ö ¼³Á¤ */
/* menu1 */

.menu1 {list-style:none; height:35px; position:relative; float:left;}
.menu1 li.top {display:block; float:left; position:relative;}
.menu1 li a.top_link {display:block; float:left; height:35px; line-height:; color:#FF0000; cursor:pointer;}
.menu1 li a.top_link span.down {width:97px; height:35px; float:left; display:block;}
.menu1 li a.top_link:hover {background:url(/images/gnb_01_on.gif) no-repeat;}
.menu1 li:hover > a.top_link { background:url(/images/gnb_01_on.gif) no-repeat;}
.menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


/* keep the 'next' level invisible by placing it off screen. */
.menu1 ul, 
.menu1 :hover ul ul, 
.menu1 :hover ul :hover ul ul,
.menu1 :hover ul :hover ul :hover ul ul,
.menu1 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

.menu1 :hover ul.sub {left:0px; top:35px; background: #FFFFFF; border:2px solid #4D8DBE; white-space:nowrap; width:83px; height:auto; padding:5px 5px 5px 5px;}
.menu1 :hover ul.sub li {display:block; position:relative;}
.menu1 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:79px; text-decoration:none; padding:5px 0 0 5px;}
.menu1 :hover ul.sub li a:hover {background:#F2F2F2; color:#4D8DBE; font-weight:bold;}
.menu1 :hover ul.sub_pop {left:6px; top:-28px; width:109px; height:33px; background:url(/images/gnb_news_pop.gif) no-repeat;}


/* menu2 */

.menu2 {list-style:none; height:35px; position:relative; float:left; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:35px; line-height:20px; color:#FF0000; cursor:pointer;}
.menu2 li a.top_link span.down { width:98px; height:35px; float:left; display:block;}
.menu2 li a.top_link:hover {background:url(/images/gnb_02_on.gif) no-repeat;}
.menu2 li:hover > a.top_link { background:url(/images/gnb_02_on.gif) no-repeat;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:35px; background: #FFFFFF; border:2px solid #4D8DBE; white-space:nowrap; width:84px; height:auto; padding:5px 5px 5px 5px;}
.menu2 :hover ul.sub li {display:block; position:relative;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:80px; text-decoration:none; padding:5px 0 0 5px;}
.menu2 :hover ul.sub li a:hover {background:#F2F2F2; color:#4D8DBE; font-weight:bold;}
.menu2 :hover ul.sub_pop {left:6px; top:-28px; width:109px; height:33px; background:url(/images/gnb_opinion_pop.gif) no-repeat;}

/* menu3 */

.menu3 {list-style:none; height:35px; position:relative; float:left; }
.menu3 li.top {display:block; float:left; position:relative;}
.menu3 li a.top_link {display:block; float:left; height:35px; line-height:20px; color:#FF0000; cursor:pointer;}
.menu3 li a.top_link span.down { width:114px; height:35px; float:left; display:block;}
.menu3 li a.top_link:hover { background:url(/images/gnb_03_on.gif) no-repeat;}
.menu3 li:hover > a.top_link { background:url(/images/gnb_03_on.gif) no-repeat;}
.menu3 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu3 ul, 
.menu3 :hover ul ul, 
.menu3 :hover ul :hover ul ul,
.menu3 :hover ul :hover ul :hover ul ul,
.menu3 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu3 :hover ul.sub {left:0px; top:35px; background: #FFFFFF; border:2px solid #4D8DBE; white-space:nowrap; width:100px; height:auto; padding:5px 5px 5px 5px;}
.menu3 :hover ul.sub li {display:block; position:relative;}
.menu3 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:96px; text-decoration:none; padding:5px 0 0 5px;}
.menu3 :hover ul.sub li a:hover {background:#F2F2F2; color:#4D8DBE; font-weight:bold;}
.menu3 :hover ul.sub_pop { left:56px; top:-28px; width:81px; height:33px; background:url(/images/gnb_creditcards_pop.gif) no-repeat;}

/* menu4 */

.menu4 {list-style:none; height:35px; position:relative; float:left; }
.menu4 li.top {display:block; float:left; position:relative;}
.menu4 li a.top_link {display:block; float:left; height:35px; line-height:20px; color:#FF0000; cursor:pointer;}
.menu4 li a.top_link span.down {width:163px; height:35px; float:left; display:block;}
.menu4 li a.top_link:hover { background:url(/images/gnb_04_on.gif) no-repeat;}
.menu4 li:hover > a.top_link { background:url(/images/gnb_04_on.gif) no-repeat;}
.menu4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu4 ul, 
.menu4 :hover ul ul, 
.menu4 :hover ul :hover ul ul,
.menu4 :hover ul :hover ul :hover ul ul,
.menu4 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu4 :hover ul.sub {left:0px; top:35px; background: #FFFFFF; border:2px solid #4D8DBE; white-space:nowrap; width:75px; height:auto; padding:5px 5px 5px 5px;}
.menu4 :hover ul.sub li {display:block; position:relative;}
.menu4 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:71px; text-decoration:none; padding:5px 0 0 5px;}
.menu4 :hover ul.sub li a:hover {background:#F2F2F2; color:#4D8DBE; font-weight:bold;}
.menu4 :hover ul.sub_pop { left:14px; top:-28px; width:132px; height:33px; background:url(/images/gnb_incentives_pop.gif) no-repeat;}

/* menu5 */

.menu5 {list-style:none; height:35px; position:relative; float:left; }
.menu5 li.top {display:block; float:left; position:relative;}
.menu5 li a.top_link {display:block; float:left; height:35px; line-height:20px; color:#FF0000; cursor:pointer;}
.menu5 li a.top_link span.down { width:132px; height:35px; float:left; display:block;}
.menu5 li a.top_link:hover { background:url(/images/gnb_05_on.gif) no-repeat;}
.menu5 li:hover > a.top_link { background:url(/images/gnb_05_on.gif) no-repeat;}
.menu5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu5 ul, 
.menu5 :hover ul ul, 
.menu5 :hover ul :hover ul ul,
.menu5 :hover ul :hover ul :hover ul ul,
.menu5 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu5 :hover ul.sub {left:0px; top:35px; background: #FFFFFF; border:2px solid #4D8DBE; white-space:nowrap; width:80px; height:auto; padding:5px 5px 5px 5px;}
.menu5 :hover ul.sub li {display:block; position:relative;}
.menu5 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:76px; text-decoration:none; padding:5px 0 0 5px;}
.menu5 :hover ul.sub li a:hover {background:#F2F2F2; color:#4D8DBE; font-weight:bold;}
.menu5 :hover ul.sub_pop { left:16px; top:-28px; width:96px; height:33px; background:url(/images/gnb_ranking_pop.gif) no-repeat;}

/* menu6 */

.menu6 {list-style:none; height:35px; position:relative; float:left; }
.menu6 li.top {display:block; float:left; position:relative;}
.menu6 li a.top_link {display:block; float:left; height:35px; line-height:20px; color:#FF0000; cursor:pointer;}
.menu6 li a.top_link span.down { width:82px; height:35px; float:left; display:block;}
.menu6 li a.top_link:hover { background:url(/images/gnb_06_on.gif) no-repeat;}
.menu6 li:hover > a.top_link { background:url(/images/gnb_06_on.gif) no-repeat;}
.menu6 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu6 ul, 
.menu6 :hover ul ul, 
.menu6 :hover ul :hover ul ul,
.menu6 :hover ul :hover ul :hover ul ul,
.menu6 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu6 :hover ul.sub {left:0px; top:35px; background: #FFFFFF; border:2px solid #4D8DBE; white-space:nowrap; width:85px; height:auto; padding:5px 5px 5px 5px;}
.menu6 :hover ul.sub li {display:block; position:relative;}
.menu6 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:81px; text-decoration:none; padding:5px 0 0 5px;}
.menu6 :hover ul.sub li a:hover {background:#F2F2F2; color:#4D8DBE; font-weight:bold;}
.menu6 :hover ul.sub_pop { left:2px; top:-28px; width:74px; height:33px; background:url(/images/gnb_poll_pop.gif) no-repeat;}

/* menu7 */

.menu7 {list-style:none; height:35px; position:relative; float:left; }
.menu7 li.top {display:block; float:left; position:relative;}
.menu7 li a.top_link {display:block; float:left; height:35px; line-height:20px; color:#FF0000; cursor:pointer;}
.menu7 li a.top_link span.down { width:105px; height:35px; float:left; display:block;}
.menu7 li a.top_link:hover { background:url(/images/gnb_07_on.gif) no-repeat;}
.menu7 li:hover > a.top_link { background:url(/images/gnb_07_on.gif) no-repeat;}
.menu7 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu7 ul, 
.menu7 :hover ul ul, 
.menu7 :hover ul :hover ul ul,
.menu7 :hover ul :hover ul :hover ul ul,
.menu7 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu7 :hover ul.sub {left:0px; top:35px; background: #FFFFFF; border:2px solid #4D8DBE; white-space:nowrap; width:125px; height:auto; padding:5px 5px 5px 5px;}
.menu7 :hover ul.sub li {display:block; position:relative;}
.menu7 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:121px; text-decoration:none; padding:5px 0 0 5px;}
.menu7 :hover ul.sub li a:hover {background:#F2F2F2; color:#4D8DBE; font-weight:bold;}
.menu7 :hover ul.sub_pop { left:7px; top:-28px; width:91px; height:33px; background:url(/images/gnb_board_pop.gif) no-repeat;}