@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');

/*±âº» text*/
td { font-family: µ¸¿ò,±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color: 444444; line-height: 18px;}
A:link {text-decoration:none;color: #444444;}
A:visited {text-decoration:none;color: #444444;}
A:active {text-decoration:none;color: #444444;}
A:hover {text-decoration:none;color: #e84b4d;}


/*ÀÛÀº text*/
.stext { font-family: µ¸¿ò, ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 11px; padding-left:3px;padding-top:1px; height:16px; line-height:16px; vertical-align:bottom;}


.Best10 { font-family: µ¸¿ò, ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 11px;margin-bottom:1px; padding-left:3px;margin-top:1px;height:15px; line-height:15px; vertical-align:middle; display:inline-block; }
.Best10 img{ vertical-align:text-bottom; display:inline-block; }




/*sub_m*/
.sub { font-family: µ¸¿ò, ±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color: #666666; line-height: 16px; letter-spacing:-1px;}
A.sub:link{font-size: 12px;color: #666666; text-decoration:none;}
A.sub:visited {font-size: 12px;color: #666666; text-decoration:none;}
A.sub:active {font-size: 12px;color: #666666; text-decoration:none;}
A.sub:hover {font-size: 12px;color: #666666; text-decoration:none;font: bold;}


.sub_cate { font-family: µ¸¿ò, ±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color: #666666; line-height: 16px; width:118px;}
A.sub_cate:link{color: #666666; text-decoration:none;}
A.sub_cate:visited {color: #666666; text-decoration:none;}
A.sub_cate:active {color: #666666; text-decoration:none;}
A.sub_cate:hover {color: #666666; text-decoration:none;font: bold;}



/*input box*/
.input_s {font-family:µ¸¿ò; font-size:12px ; color:#4b4b4b ; background-color:#d9d9d9 ; border-bottom: solid #d9d9d9 ; border-left: #d9d9d9 ; border-right: #d9d9d9 ; border-top:#d9d9d9 ; }
.input_search {BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; 
BORDER-TOP: #ffffff 1px solid; height:18px; font-size: 13px; font-weight: normal;}


.top_banner { width: 100% !important; display: none; text-align:center; background: #0E2954 }


 /*code text.ÄÚµå*/
.code { font-family: µ¸¿ò,±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color:f7794d;}

/*cash.°¡°Ý*/
.cash { font-family: Verdana,µ¸¿ò,±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color:4a76f5;}

/*category. Å¸ÀÌÆ²*/
.cate { font-family: µ¸¿ò,±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color:048ddc;}


/*bank*/
.bank { font-family: Verdana,µ¸¿ò,±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color:444444;}





/*num*/
.num { font-family: Verdana, µ¸¿ò, ±¼¸², ¹ÙÅÁ, Seoul,arial,helvetica; font-size: 12px; color: #4c4c4c; line-height: 15px;}
A.num:link{color: #4c4c4c; text-decoration:none;}
A.num:visited {color: #4c4c4c; text-decoration:underline ;}
A.num:active {color: #4c4c4c; text-decoration:underline;}
A.num:hover {color: #ff6c00; text-decoration:underline;}







@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap&subset=korean');

#top_wrap { width: vw; text-align: center }
#top_wrap .top { width: 1025px; margin: 0 auto; margin-top: 5px }
#top_wrap .top .info { margin-bottom: 20px }
#top_wrap .top .info a { font-family: 'Dotum', sans-serif; font-size: 11px; color: #808080; letter-spacing:-1px }
#top_wrap .top .info a:hover { color: #ED3F40 }
#top_wrap .top .info strong { color: #F2B71B }
#top_wrap .top .info ul li { float: left; padding: 0 3px }
#top_wrap .top .info ul li:after { font-family: 'Dotum', sans-serif; font-size: 11px; color: #ccc; float: left; padding-right: 4px; content:"|" }
#top_wrap .top .dictionary { text-align:left; width: 55px;font-family: 'Dotum', sans-serif; font-size: 11px; color: #808080; letter-spacing:-1px }

#top_wrap .topbody .logo,#top_wrap .topbody .banner { width: 300px; height: 100px; float: left;}
#top_wrap .topbody .search { padding-top: 20px}

#top_wrap .theme { width: 1025px; margin: 5px 0 }
#top_wrap .theme li { float: left; padding: 0 5px }
#top_wrap .theme li select { width:165px; border:1px solid #d7d7d7; }

.fl { float: left }
.fr { float: right }
.fn{float:none}
.wfull { width: 100% }
.hfull { height: 100% }
.whalf { width: 50% }
.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}
.bold{font-weight:bold}

.brnad_box { background: #EFEFEF }