/*@font-face{
font-family:ng;
src:url(font/NanumGothic.eot);
src:local(¡Ø), url(font/NanumGothic.woff) format(¡®woff¡¯)
}
@font-face{
font-family:ngb;
src:url(font/NanumGothicBold.eot);
src:local(¡Ø), url(font/NanumGothicBold.woff) format(¡®woff¡¯)
}*/

BODY
{font-family: NanumGothic,'³ª´®°íµñ',µ¸¿ò,dotum, sans-serif;
 FONT-SIZE: 13px; 
 background-color:#ffffff; 
 line-height: 140%; 
 letter-spacing:-1px;
 word-spacing:2px;
 margin :0px;
 overflow:auto;
 color:#414141;
}
table, img {border:0px none;}

/*¸µÅ©*/
 a:link, a:visited, a:hover, a:focus, a:active {color:#282828; text-decoration:none}
/*¿©¹é*/
html,table, tr, td, body,div, span,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,blockquote, p, address, pre, cite,form, fieldset, input, textarea, select {margin:0;padding:0;border:0; }
/*¼±ÅÃ*/
.select1 {
    color: #3e9f69;
}
/*Àüü ·¹À̾ƿô*/
#wrapper {
    margin: 0 auto;
}
#head {
    width: 800px;
    height: 150px;
    margin:0px auto;
}
#logo {
    width: 200px;
    height:145px;
    float:left;
    background-image: url(img/racingjoy-logo.png);
    background-repeat: no-repeat;
    background-position:0px 50px;
    margin-left:20px;
}
#nav {float:left;
      width:400px;
      height:40px;
      font-size:1.1em;
      font-weight:600;
      background-image: url(img/nav_bg.png);
      background-repeat: no-repeat;
      background-position:-38px 0px;
      margin:100px 0px 0px 100px;
      padding:0px;
}
#bar {
    width: auto;
    height: 7px;
    background-image: url(img/bar.png);
    background-repeat: repeat-x;
}
#body {
    width: auto;
    height: 520px;
    background-image: url(img/body-bg2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
#center {
    width: 1100px;
    height: 520px;
    margin: 0px auto;
    background-image: url(img/racingjoy.png);
    background-repeat: no-repeat;
    background-position: 300px 400px;
}
#tree {
    width: 500px;
    height: 520px;
    background-image: url(img/tree.png);
    background-repeat: no-repeat;
    background-position: 0px 31px;
    float:left;


}
#banner {
    width: 600px;
    height: 520px;
    float:right;
    z-index:3;
}
#foot {
    width: auto;
    height: 50px;
    padding:150px 0px 0px 50px;
    color:gray;
    background-image: url(img/bottom-bg.jpg);
    background-repeat: repeat-x;
}


/*³»ºÎ ·¹À̾ƿô*/
#bodyin {
    width: 1050px;
    height: 1000px;
    background-image: url(img/racingjoy_text.png);
    background-repeat: no-repeat;
    background-position: 50% 800px;
    overflow:auto;
    position:relative;
    margin: 0px auto;
}
/*À§Ä¡¿¬¶ôó*/
#bodyin2 {
    width: 1050px;
    height: 3500px;
    background-image: url(img/racingjoy_text.png);
    background-repeat: no-repeat;
    background-position: 50% 800px;
    overflow:hidden;
    position:relative;
    margin: 0px auto;
}
/*³»ºÎ ¸ñÂ÷*/
#navin {
    width: 1000px;
    height:20px;
    padding-left:10px;
    padding-top:50px;
    color:#3e9f69;
}
/*ȸ»ç¼Ò°³¿ë ·Î°íµé*/
#companylogo {
    width: 1000px;
    height:200px;
    background-image:url(img/companylogo.jpg);
    background-repeat:no-repeat;
    background-position:center;
}
/*ȸ»ç¼Ò°³¿ë ½ÎÀÎ*/
#sign {
    width: 200px;
    height: 115px;
    background-image: url(img/sign.jpg);
    background-repeat: no-repeat;
    float:right;
    padding-right:200px;
}
/*»ç¾÷¼Ò°³¿ë ¿ÞÂÊ À̹ÌÁö*/
#general_icons {
    width:300px;
    height:774px;
    float:left;
    background-image: url(img/general_icons.png);
    background-repeat: no-repeat;
}
/*Á¶Á÷µµ À̹ÌÁö*/
#organ {
    width: 835px;
    height: 290px;
    margin: 0 auto;
    background-image: url(img/organ.jpg);
    background-repeat: no-repeat;
}
/*ÀÎÀç»ó À̹ÌÁö*/
#ability {
    width: 798px;
    height: 696px;
    margin: 0 auto;
    background-image: url(img/ability.jpg);
    background-repeat: no-repeat;
}
/*ä¿ë¾È³»*/
#info_wrap {
    width: auto;
    height: auto;
    margin-left:100px;
}
#info_logo {
    float:right;
    width: 396px;
    height: 321px;
    background-image: url(img/info_logo.png);
    background-repeat: no-repeat;
    margin-right:100px;
}
/*º¹¸®ÈÄ»ý °¢ ·¹À̾î*/
#tp_wrap {
    width: 800px;
    height: 500px;
    margin-left:100px;
}
#tp_1,#tp_2,#tp_3 {
    width:300px;
    height:150px;
    margin-left:20px;
}

#tp_4,#tp_5 {
    float: right;
    width: 300px;
    height: 150px;
    margin-right:20px;
}

#map {
    width:1000px;
    height:3460px;
    background-image:url(img/map.jpg);
    background-repeat:no-repeat;
}
/*ȸ»ç¼Ò°³ ÀÎÆ÷*/
#infor_wrap {
    width: 350px;
    height: 120px;
    margin-right:150px;
    margin-top:30px;
    float: right;
}

/*Àλ縻 Á¦¸ñ¶óº§*/
#ceo_label1 {
    width: 200px;
    height: 40px;
    background-image: url(img/label/ceo_label1.png);
    background-repeat: no-repeat;
    margin-top:40px;
}
#ceo_label2 {
    width: 200px;
    height: 40px;
    background-image: url(img/label/ceo_label2.png);
    background-repeat: no-repeat;
    margin-top:40px;
}
#ceo_label3 {
    width: 200px;
    height: 40px;
    background-image: url(img/label/ceo_label3.png);
    background-repeat: no-repeat;
    margin-top:40px;
}
.ceo_label1_1, .ceo_label2_1, .ceo_label3_1 {
    margin-left: 30px;
    list-style:none;
}
/*º¹¸®ÈÄ»ý Á¦¸ñ¶óº§*/
#tp_label1 {
    width: 200px;
    height: 40px;
    background-image: url(img/label/tp_label1.png);
    background-repeat: no-repeat;
    margin-top:40px;
    margin-bottom:40px;
}
/*ä¿ë Á¦¸ñ¶óº§*/
#info_label1 {
    width: 200px;
    height: 40px;
    background-image: url(img/label/info_label1.png);
    background-repeat: no-repeat;
    margin-top:40px;
}
.info_label1_1 {
    margin-left: 30px;
    list-style:none;
}

#info_label2 {
    width: 200px;
    height: 40px;
    background-image: url(img/label/info_label2.png);
    background-repeat: no-repeat;
    margin-top:40px;
}
.info_label2_1 {
    margin-left: 30px;
    list-style:none;
}
#info_label3 {
    width: 200px;
    height: 40px;
    background-image: url(img/label/info_label3.png);
    background-repeat: no-repeat;
    margin-top:40px;
}
.info_label3_1 {
    margin-left: 30px;
    list-style:none;
}




/*³»ºÎÆäÀÌÁö ½ºÅ¸ÀÏ*/
.green {
    color: #3e9f69;
    font-size:1.1em;
    font-weight:600;
}
.pic {
      width:250px;
      height:240px;
      float:right;
      margin-right:100px;
      margin-top:15px;
      background-image:url(img/book.png);
      background-repeat:no-repeat;
}
.general_content {
    width:auto;
    height:auto;
    margin-top:20px;
}
.general_content2 {
    width:300px;
    height:auto;
    margin-top:20px;
}
.general_content dt {
    font-size:1.4em;
}
.enl {
    padding-left:350px;
}
.general_content2 dt {
    font-size:1.4em;
}
.enl {
    padding-left:350px;
}
.title {
    font-weight:600;
}
.box {
    width:350px;
    height:110px;
    margin:0px;
    padding:0px;
}
.box_title {
    font-size: 1.3em;
}







        

/*»ó´Ü ¸Þ´º ¾Ö´Ï¸ÞÀ̼Ç(ÀÚ¹Ù) */
.lavaLampBottomStyle {
    position: relative;
    height: 29px;
    width: 421px;
    background-color: white;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
}

.lavaLampBottomStyle li {
    float: left;
    list-style: none;
}
/*»ó´Ü ¿òÁ÷ÀÌ´Â ¹Ù*/
    .lavaLampBottomStyle li.back {
        border-top: 5px solid #3e9f69;
        width: 9px;
        height: 30px;
        z-index: 8;
        position: absolute;
    }
    /*ÅؽºÆ® ºÎºÐ*/
    .lavaLampBottomStyle li a {
        text-decoration: none;
        outline: none;
        top: 10px;
        z-index: 10;
        display: block;
        float: left;
        height: 40px;
        position: relative;
        overflow: hidden;
        margin: auto 20px;
    }
    /*¸¶¿ì½º ¿À¹ö*/
        .lavaLampBottomStyle li a:hover/*, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited*/ {
            border: none;
            color:#2e8555;
        }



/*¼­ºê ¸Þ´º ¾Ö´Ï¸ÞÀ̼Ç(ÀÚ¹Ù)*/

.lavaLampWithImage {
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 1000px;
    height: 54px;
    font-size: 1.1em;
    background-image: url(img/sub_menu_bg.png);
    background-repeat: no-repeat;
    background-position: top;
}
    .lavaLampWithImage li {
        top: 4px;
        left: 380px;
        display: block;
        float: left;
        height: 50px;
        position: relative;
        overflow: hidden;
        margin: auto 0px;
    }
        .lavaLampWithImage li.back {
            background: url("img/sub_menu_icon.png") no-repeat center;
            width: 15px;
            height: 15px;
            z-index: 8;
            position: absolute;
        }

        .lavaLampWithImage li a {
            position: relative;
            float: left;
            padding: 1.2em 0 0;
            color: white;
            font-weight:600;
            text-decoration: none;
            color: #fff;
            margin: auto 20px;
            -webkit-transition: .7s;
            -moz-transition: .7s;
            -o-transition: .7s;
            -ms-transition: .7s;
            transition: .7s;
        }
            .lavaLampWithImage li a:hover {
                color: #0f3e24;
            }






/*¾È¾²´Â °Íµé*/
            
/*


/*¸ÞÀθ޴º
.nav1,.nav2,.nav3 {
    text-align: center;
    overflow: hidden;
    position: relative;
    float:right;
    width: 400px;
    padding: 80px 150px 0px 0px;
    margin: 0 auto;
    height: 54px;
    font-size: 1.1em;
    background-image: url(img/nav_bg.png);
    background-repeat: no-repeat;
    background-position: 18px 88px;
}
        .nav1 a,.nav2 a,.nav3 a {
            position: relative;
            width:100px;
            float: left;
            top:5px;
            left:50px;
            padding: 1em 0 1em;
            font-weight: 600;
            text-decoration: none;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            -ms-transition: .3s;
            transition: .3s;
        }
            .nav1 a:hover,.nav2 a:hover,.nav3 a:hover {
                color: #2e8555;
            }
.effect11,.effect12,.effect13 {
    position: absolute;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

	.nav1 a:nth-child(1):hover ~ .effect11,.nav2 a:nth-child(1):hover ~ .effect12,.nav3 a:nth-child(1):hover ~ .effect13 {
	  left: 18.6%; }
	.nav1 a:nth-child(2):hover ~ .effect11,.nav2 a:nth-child(2):hover ~ .effect12,.nav3 a:nth-child(2):hover ~ .effect13 {
	  left: 36.5%; }
	.nav1 a:nth-child(3):hover ~ .effect11,.nav2 a:nth-child(3):hover ~ .effect12,.nav3 a:nth-child(3):hover ~ .effect13 {
	  left: 54.1%; }
/*	.. a:nth-child(4):hover ~ .effect {
	  left: 87.5%; }  *¿©±â/

.ph-line-nav .effect11,.ph-line-nav .effect12,.ph-line-nav .effect13 {
  width: 90px;
  height: 4px;
  bottom: 40px;
  background: #3e9f69;
  box-shadow: 0 1px 0 white; 
  margin-left:-45px;
}

.effect11 {
      left: 18.6%;
}
.effect12 {
      left: 36.5%;
}
.effect13 {
      left: 54.1%;
}

*/


/*
¼­ºê¸Þ´º

.subnav1, .subnav2, .subnav3 {
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 400px;
    margin: 0 auto;
    height: 54px;
    font-size: 1.1em;
    background-image: url(img/sub_menu_bg.png);
    background-repeat: no-repeat;
    background-position: top;
}
        .subnav1 a, .subnav2 a, .subnav3 a {
            position: relative;
            width:100px;
            float: left;
            top:5px;
            left:50px;
            padding: 1em 0 1em;
            color: white;
            font-weight: 600;
            text-decoration: none;
            color: #ffffff;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            -ms-transition: .3s;
            transition: .3s;
        }
            .subnav1 a:hover, .subnav2 a:hover, .subnav3 a:hover {
                color: #FFFFFF;
            }
.effect1, .effect2, .effect3 {
	position: absolute;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out; }

	.subnav1 a:nth-child(1):hover ~ .effect1, .subnav2 a:nth-child(1):hover ~  .effect2, .subnav3 a:nth-child(1):hover ~  .effect3 {
	  left: 25.1%; }
	.subnav1 a:nth-child(2):hover ~ .effect1, .subnav2 a:nth-child(2):hover ~  .effect2, .subnav3 a:nth-child(2):hover ~  .effect3 {
	  left: 50.1%; }
	.subnav1 a:nth-child(3):hover ~ .effect1, .subnav2 a:nth-child(3):hover ~  .effect2, .subnav3 a:nth-child(3):hover ~  .effect3 {

	  left: 75.1%; }
/*	.subnav a:nth-child(4):hover ~ .effect1 {
	  left: 87.5%; }  *¿©±â/

.ph-dot-nav:after {
  content: "";
  display: block;
  position: absolute;
  width: 0%;
  height: 1px;
  background: #c6342e;
  bottom: 48px; }
.ph-dot-nav a:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: 39px;
  left: 50%;
  margin-left: -2px; 
  background: #61BF8A;
  border-radius: 100%; }
.ph-dot-nav .effect1, .ph-dot-nav .effect2, .ph-dot-nav .effect3 {
    width: 15px;
    height: 15px;
    bottom: 35px;
    margin-left: -5px;
    background-image: url(img/sub_menu_icon.png);
    background-repeat: no-repeat;
}

/*ÀÌÀü µµÆ®
.ph-dot-nav .effect1,.ph-dot-nav .effect2,.ph-dot-nav .effect3 {
  width: 10px;
  height: 10px;
  bottom: 38px; 
  margin-left: -5px;
  background: #ffffff;
  border-radius: 100%; }
*¿©±â/

.effect1 {
      left: 25.1%;
}
.effect2 {
      left: 50.1%;
}
.effect3 {
      left: 75.1%;
}





    

/*General Mosaic Styles ¿©±â
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:400px;
	height:250px;
	margin:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ¿©±â
		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../img/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ¿©±â


        */