/* _______________ COMMON _______________ */

BODY {
	font-family : "돋움", "돋움체", Arial, Verdana;
	font-size : 9pt;
	line-height:12pt;
	color : #333333;
	text-decoration : none;
	margin: 0px 0px 0px 0px;
}

td {
	font-size: 9pt;
	font-family:"돋움", "돋움체";
	color: #333333;
	line-height:130%;
}


img {border: none;}
select{font-family: "돋움"; font-size: 9pt; font-style: normal}
input, select,textarea{font-size:9pt; color:#666666; border:1 solid;border-color:#C7C7C7; line-height:160%}

.img0{border: none;}

.form1 {
	BORDER-RIGHT: #ececec 1px solid; BORDER-TOP: #ececec 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #ececec 1px solid; COLOR: #666666; BORDER-BOTTOM: #ececec 1px solid;
}
.form2 {
	BORDER-RIGHT: #f5f5f5 1px solid; BORDER-TOP: #f5f5f5 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #f5f5f5 1px solid; COLOR: #666666; BORDER-BOTTOM: #f5f5f5 1px solid;
}
.form3 {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 1px solid; COLOR: #666666; BORDER-BOTTOM: #ffffff 1px solid;
}
.form4 {
	BORDER-RIGHT: #5A96C6 1px solid; BORDER-TOP: #5A96C6 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #5A96C6 1px solid; COLOR: #666666; BORDER-BOTTOM: #5A96C6 1px solid;
}
.form5 {
	BORDER-RIGHT: #F8F3ED 1px solid; BORDER-TOP: #F8F3ED 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #F8F3ED 1px solid; COLOR: #666666; BORDER-BOTTOM: #F8F3ED 1px solid;
}

.inputgreen {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	font-weight: normal;
	color: 669900;
	padding: 0px 0px 0px 5px;
	height:21px;
}

.inputblack {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	font-weight: normal;
	color: 1A1A1A;
}

.comment {
	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #999999;
}

.tahoma9 {
	font-family: "Tahoma";
	font-size: 11px;
}

.11pixel {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}

.blue{
	font-size: 9pt;
	font-family:"돋움", "돋움체";
	color: #0099CC;
}
a.blue {text-decoration:none;color:#0099CC;}
a.blue:hover {color:#ffffff;text-decoration:none; background-color: #0099CC}


.bluebold{
	font-size: 9pt;
	font-family:"돋움", "돋움체";
	font-weight: bold;
	color: #0099CC;
	letter-spacing: -1pt;
}
a.bluebold {text-decoration:none;color:#0099CC;}
a.bluebold:hover {color:#ffffff;text-decoration:none; background-color: #0099CC}

.searchbluebold{
	font-size: 8pt;
	font-family:"Tahoma";
	font-weight: bold;
	color: #0099CC;
}
a.searchbluebold {text-decoration:none;color:#0099CC;}
a.searchbluebold:hover {color:#ffffff;text-decoration:none; background-color: #0099CC}

.tahoma_gray9{
	font-size: 10px;
	font-family:"Tahoma";
	color: #999999;
}
a.tahoma_gray9 {text-decoration:none;color:#999999;}
a.tahoma_gray9:hover {color:#0099CC;text-decoration:none}

.arrow{font-size: 11px; font-family:"돋움", "돋움체"; color: #0099CC; line-height:1.7}
a.arrow {text-decoration:none;color:#0099CC;}
a.arrow:hover {color:#0099CC;text-decoration:none}


.link{
	font-size: 9pt;
	font-family:"돋움", "돋움체";
	color: #999999;
  	line-height:130%;
}
a.link {text-decoration:none;color:#999999;}
a.link:hover {color:#0099CC;text-decoration:none}

.link02{
	font-size: 9pt;
	font-family:"돋움", "돋움체";
	font-weight: bold;
	color: #999999;
	line-height:1.7;
	letter-spacing: -1pt;
}
}
a.link02 {text-decoration:none;color:#999999;}
a.link02:hover {color:#0099CC;text-decoration:none}

.topmenulink{font-size: 11pt; font-family:"돋움", "돋움체"; color: #999999; font-weight: bold; letter-spacing: -1.5pt}
a.topmenulink {text-decoration:none;color:#999999;}
a.topmenulink:hover {color:#0099CC;text-decoration:none}

.menulink{font-size: 11pt; font-family:"돋움", "돋움체"; color: #666666; font-weight: bold; letter-spacing: -1.5pt}
a.menulink {text-decoration:none;color:#666666;}
a.menulink:hover {color:#0099CC;text-decoration:none}

.smenulink{
	font-size: 9pt;
	font-family:"돋움", "돋움체";
	color: #666666;
	font-weight: bold;
	letter-spacing: -2px;
}
a.smenulink {text-decoration:none;color:#666666;}
a.smenulink:hover {color:#0099CC;text-decoration:none}


.comlink{font-size: 9pt; font-family:"돋움", "돋움체"; font-weight: bold; color: #1a1a1a; letter-spacing: -1pt}
a.comlink {text-decoration:none; color:#1a1a1a;}
a.comlink:hover {color:#AE3110;text-decoration:none}


/* 게시판에 들어가는 css들.. */
.9pblue {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	color: #0099CC;
}


a {text-decoration:none;color:#666666;}
a:hover {color:#0099cc;text-decoration:NONE}


.9p {
	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #999999;
}


.9p666666bold { font-family: "돋움", "돋움체"; font-size: 9pt; color: #555555; line-height:130%; font-weight: bold; letter-spacing: -1pt; }
.9p666666 { font-family: "돋움", "돋움체"; font-size: 9pt; color: #666666; line-height:160%; }
.8p666666 { font-family: "돋움", "돋움체"; font-size: 8pt; color: #666666; line-height:160%; }

.ttt {
	font-size: 9pt;
	font-family:"돋움", "돋움체";
	color: #ff0000;
	line-height:100%;
/*게시판에 들어가는 css들 여기까지 */


.9pbluebold {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	color: #0099CC;
	font-weight: bold;
	letter-spacing: -1pt;
}

.green {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	color: 66CC00;
}

.9ptgreen {
	font-family: "돋움", "굴림";
	font-size: 8.5pt;
	font-weight: normal;
	color: 669900;
	letter-spacing: -1pt;
}

.9ptsilver {
	font-family: "돋움", "굴림";
	font-size: 8.5pt;
	font-weight: normal;
	color: 8D8D8D;
	letter-spacing: -1pt;
}

.9ptyellowbold {
	font-family: "돋움", "굴림";
	font-size: 8.5pt;
	font-weight: bold;
	color: B9AC0A;
	letter-spacing: -1pt;
}

.11ptgreen {
	font-family:  "돋움", "굴림";
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: -1.5pt;
	color: 669900;
}

.pink {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	color: FF3399;
}
.9p- {

	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #999999;
    line-height:120%;
    letter-spacing: -1pt;
}
.8p- {
	font-family: "돋움", "돋움체";
	font-size: 8.5pt;
	color: #999999;
    line-height:120%;
	letter-spacing: -1pt;
}
.10ptgreen {

	font-family: "돋움", "굴림";
	font-size: 9pt;
	font-weight: bold;
	color: 669900;
	letter-spacing: -1pt;
}

.9p2 {

	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #666666;
    line-height:130%;
}

.8p666666 {
	font-family: "돋움", "돋움체";
	font-size: 8.5pt;
	color: #666666;
    	line-height:120%;
}

.submit { font-family: "돋움", "굴림"; color: 006699; background-color: B4FE81; border: 1px solid #66cc00; font-size: 9pt; line-height: 8pt; font-size: 9pt; padding: 2px;	 padding-top: 4px; letter-spacing: -1px; height:21px; }
.submitbold { font-family: "돋움", "굴림"; color: 006699; background-color: white; border: 1px solid #66cc00; font-size: 9pt; line-height: 12pt; font-weight: bold; padding: 1pt; padding-top: 3px; letter-spacing: -1px; }
.submitblue { font-family: "돋움", "굴림"; color: 0099cc; background-color: eaeaea; border: 1px solid #999999; font-size: 9pt; line-height: 12pt; font-weight: bold; padding: 1pt; letter-spacing: -1px; }
.button_blue { font-family: "돋움", "굴림"; color: 0099cc; background-color: eaeaea; border: 1px solid #999999; font-size: 9pt; height:17pt; font-weight: bold; letter-spacing: -1px; }
.12ptbold { 	font-family: "돋움", "굴림"; font-size: 12pt; font-weight: bold; letter-spacing: -1.5pt; color: 333333; }

.11p666666bold {
	font-family: "돋움", "돋움체";
	font-size: 11pt;
	color: #666666;
	line-height:130%;
	font-weight: bold;
	letter-spacing: -1.5pt;
}

.9pbold {
	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #999999;
	line-height:130%;
	font-weight: bold;

}


.pinkbold {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	color: FF3399;
	font-weight: bold;

}
.9pcccccc {

	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #CCCCCC;
    line-height:130%;
}
.9p-bold {
	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #999999;
	line-height:120%;
	letter-spacing: -1pt;
	font-weight: bold;

}
.pinknum {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 25pt;
	color: #ff6699;
	font-weight: bold;
	letter-spacing: -1px;
}
.9pccccccbold {
	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #CCCCCC;
	line-height:130%;
	font-weight: bold;
}

.9pwhite {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	color: #FFFFFF;
}
.9pwhitebold {
	font-family: "돋움", "굴림";
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -1px;
}
.tahoma-white9 {

	font-size: 9px;
	font-family:"Tahoma";
	color: #FFFFFF;
}
.666666num {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 28pt;
	color: #666666;
	font-weight: bold;
	letter-spacing: -3px;
}
.ccccccnum {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 26pt;
	color: cccccc;
	font-weight: bold;
	letter-spacing: -3px;
}
.submitblueblue {
	font-family: "돋움", "굴림";
	color: 0099cc;
	background-color: eaeaea;
	border: 1px solid #0099cc;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: bold;
	padding-top: 3px;
	letter-spacing: -1px;
}

.12p666666bold { font-family: "돋움", "굴림"; font-size: 12pt; font-weight: bold; letter-spacing: -1.5pt; 	color: #333333; }

.view_title2 {color:#333333;font-size:12pt;font-weight:bold;text-decoration:none;font-family:돋움;letter-spacing: -2pt}

.img100x100 a{ display: block; margin: 0 auto; width: 100px; height: 100px; }
.input_search {font-size:9pt;;color:#666666; border:1 solid;border-color:#C7C7C7;}
.9pbordersolid {color:000000;font-size:9pt; border:1px solid #999999;}
.11ptblack {color:000000;font-size:11pt; font-weight:bold;}

/* 샘 추가 여기부텀 게시판 이미지 오른쪽으로 붙이는 css */
#test IMG.right {CLEAR: right; FLOAT: right;  margin-top: 0px; margin-left: 0px;}

#articleText {
				font-family:돋움; 
				font-size:12px;
				font-color:#000000;
				padding:0px;
				padding-top:0px;
				padding-left:0px;
				LINE-HEIGHT:160%;}

#articleText P { PADDING-RIGHT: 270px; PADDING-LEFT: 0px}
embed {width:400 height:250 type=application/x-shockwave-flash border:"0" wmode"transparent"}
#testp { position:absolute; z-index:1;	left: 350px;	top: 420px;}
#testp2 { position:absolute; z-index:1;	left: 370px;	top: 810px;}

/* 로그인 적용 부분 */
a.login {font-weight: bold; color: #636B72;}
a.login:hover{color:#0CA3E2; font-weight: bold; }
a.login0 {color: #636B72;}
a.login0:hover{color:#0CA3E2; }
.gray{color: #8C8C8C;}

/* 서비스이용약관 */
a.tos {font-weight: bold; color: #636B72;}
a.tos:hover{color:#333300; font-weight: bold; }

.10ptblue {


	font-family: "돋움", "굴림";
	font-size: 9pt;
	font-weight: bold;
	color: #5A6A59;
	letter-spacing: -1pt;
	PADDING-LEFT: 20px;
}

.9pt_left {

	font-family: "돋움", "돋움체";
	font-size: 9pt;
	color: #666666;
    line-height:130%;
	PADDING-LEFT: 20px;
}



/* -------김샘 인덱스 top_menu css 값--------- */



#GNB_MAINMENU .maintopmenu {
	BACKGROUND: url(http://www.roadn.com/Index_img/box_mainmenu_0104.jpg) no-repeat; WIDTH: 990px; HEIGHT: 223px; text-align:left
}




/* -------커뮤니티 서브내용 첫번째줄--------- */

#GNB_MAINMENU .maintopmenu .community {
	MARGIN-LEFT: 22px; WIDTH: 749px; HEIGHT: 35px
}
#GNB_MAINMENU .maintopmenu .community .icotit {
	MARGIN-TOP: 1px; POSITION: absolute
}
#GNB_MAINMENU .maintopmenu .community UL.list_community {
	BACKGROUND: url(http://www.roadn.com/Index_img/Community_submenu.gif) no-repeat; MARGIN: 68px 0 0 100px; WIDTH: 760px; POSITION: absolute; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI {
	FLOAT: left
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m01 A {
	DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 68px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m02 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 78px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m03 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 100px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m04 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 173px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m05 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 60px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m06 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 78px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m07 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 77px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m08 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 77px; HEIGHT: 18px
}


/* -------커뮤니티 서브내용 두번째줄--------- */

#GNB_MAINMENU .maintopmenu .community UL.list_community_2 {
	BACKGROUND: url(http://www.roadn.com/Index_img/Community_submenu_2.gif) no-repeat; MARGIN: 85px 0 0 100px; WIDTH: 800px; POSITION: absolute; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI {
	FLOAT: left
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m09 A {
	DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 90px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m10 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 96px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m11 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 70px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m12 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 105px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m13 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 84px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m14 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 59px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m15 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 140px; HEIGHT: 18px
}

#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m16 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 100px; HEIGHT: 18px
}


/* -------커뮤니티 서브내용 눌렀을때.. 첫번째줄--------- */


#GNB_MAINMENU .maintopmenu .community UL.list_community LI A:hover {
	BACKGROUND: url(http://www.roadn.com/Index_img/Community_submenu.gif) no-repeat
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m01 A:hover {
	BACKGROUND-POSITION: -0px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m02 A:hover {
	BACKGROUND-POSITION: -75px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m03 A:hover {
	BACKGROUND-POSITION: -160px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m04 A:hover {
	BACKGROUND-POSITION: -267px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m05 A:hover {
	BACKGROUND-POSITION: -447px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m06 A:hover {
	BACKGROUND-POSITION: -514px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m07 A:hover {
	BACKGROUND-POSITION: -599px -16px
}

#GNB_MAINMENU .maintopmenu .community UL.list_community LI.m08 A:hover {
	BACKGROUND-POSITION: -683px -16px
}

/* -------커뮤니티 서브내용 눌렀을때.. 두번째줄--------- */

#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI A:hover {
	BACKGROUND: url(http://www.roadn.com/Index_img/Community_submenu_2.gif) no-repeat
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m09 A:hover {
	BACKGROUND-POSITION: -0px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m10 A:hover {
	BACKGROUND-POSITION: -97px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m11 A:hover {
	BACKGROUND-POSITION: -200px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m12 A:hover {
	BACKGROUND-POSITION: -277px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m13 A:hover {
	BACKGROUND-POSITION: -389px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m14 A:hover {
	BACKGROUND-POSITION: -480px -16px
}
#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m15 A:hover {
	BACKGROUND-POSITION: -546px -16px
}

#GNB_MAINMENU .maintopmenu .community UL.list_community_2 LI.m16 A:hover {
	BACKGROUND-POSITION: -693px -16px
}




/* -------자료실 서브내용--------- */


#GNB_MAINMENU .maintopmenu .media {
	MARGIN-LEFT: 22px; WIDTH: 749px; HEIGHT: 36px
}
#GNB_MAINMENU .maintopmenu .media .icotit {
	MARGIN-TOP: 1px; POSITION: absolute
}
#GNB_MAINMENU .maintopmenu .media UL.list_media {
	BACKGROUND: url(http://www.roadn.com/Index_img/media_submenu.gif) no-repeat; MARGIN: 90px 0 0 100px; WIDTH: 175px; POSITION: absolute; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .media UL.list_media LI {
	FLOAT: left
}
#GNB_MAINMENU .maintopmenu .media UL.list_media LI.m01 A {
	DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 28px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .media UL.list_media LI.m02 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 28px; HEIGHT: 18px
}
#GNB_MAINMENU .maintopmenu .media UL.list_media LI.m03 A {
	DISPLAY: block; MARGIN-LEFT: 7px; WIDTH: 102px; HEIGHT: 18px
}





/* -------자료실 서브내용 눌렀을때--------- */

#GNB_MAINMENU .maintopmenu .media UL.list_media LI A:hover {
	BACKGROUND: url(http://www.roadn.com/Index_img/media_submenu.gif) no-repeat
}
#GNB_MAINMENU .maintopmenu .media UL.list_media LI.m01 A:hover {
	BACKGROUND-POSITION: -0px -16px
}
#GNB_MAINMENU .maintopmenu .media UL.list_media LI.m02 A:hover {
	BACKGROUND-POSITION: -35px -16px
}
#GNB_MAINMENU .maintopmenu .media UL.list_media LI.m03 A:hover {
	BACKGROUND-POSITION: -70px -16px
}





#GNB {
	MARGIN-LEFT: 18px; WIDTH: 972px
}
#SUB {
	MARGIN-LEFT: 18px; WIDTH: 972px
}
#GNB_TOP {
	WIDTH: 972px; HEIGHT: 87px
}

#GNB_TOP .favorite {
	LEFT: 6px; CURSOR: pointer; POSITION: relative; TOP: 2px
}
#GNB_TOP .rfavorite {
	LEFT: 194px; CURSOR: pointer; BOTTOM: 16px; POSITION: relative
}