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

.container .left {width:180px; min-height:700px; margin-left:10px; margin-top:40px; float:left; background:url(../youth/img/left_bg.gif) repeat-y;}
.container .left .left_title {width:170px; height:170px; display:block;}
.container .left .left_menu {width:170px;}
.container .left .left_menu ul {}
.container .left .left_menu ul .youth_menu  {border-bottom:1px solid #bbb;}
.container .left .left_menu ul .youth_menu a {display:block; text-indent:-9999px; overflow:hidden;}

.container .left .left_menu ul #youth1  {width:160px; height:38px;}
.container .left .left_menu ul #youth2  {width:160px; height:38px;}
.container .left .left_menu ul #youth3  {width:160px;}
.container .left .left_menu ul #youth3 ul {width:110px; background:#eee; margin-bottom:10px; margin-left:50px;}
.container .left .left_menu ul #youth3 ul li {margin-bottom:5px; text-align:center; font-size:12px; }
.container .left .left_menu ul #youth3 ul li a {width:100px; height:14px; text-indent:0; background:#eee;}
.container .left .left_menu ul #youth3 ul li a:hover {width:100px; height:14px; text-decoration:underline; background:none;}
.container .left .left_menu ul #youth4  {width:160px;}
.container .left .left_menu ul #youth4 ul {width:110px; background:#eee; margin-bottom:10px; margin-left:50px;}
.container .left .left_menu ul #youth4 ul li {margin-bottom:5px; text-align:center; font-size:12px; }
.container .left .left_menu ul #youth4 ul li a {width:100px; height:14px; text-indent:0; background:#eee;}
.container .left .left_menu ul #youth4 ul li a:hover {width:100px; height:14px; text-decoration:underline; background:none;}
.container .left .left_menu ul #youth5  {width:160px; height:38px;}

/*menu*/
.container .left .left_menu ul #youth1 a {width:160px; height:38px; background:url(../youth/img/menu/lm1.gif) no-repeat;}
.container .left .left_menu ul #youth2 a {width:160px; height:38px; background:url(../youth/img/menu/lm2.gif) no-repeat;}
.container .left .left_menu ul #youth3 a {width:160px; height:38px; background:url(../youth/img/menu/lm3.gif) no-repeat;}
.container .left .left_menu ul #youth4 a {width:160px; height:38px; background:url(../youth/img/menu/lm4.gif) no-repeat;}
.container .left .left_menu ul #youth5 a {width:160px; height:38px; background:url(../youth/img/menu/lm5.gif) no-repeat;}

/*menu_over*/
.container .left .left_menu ul #youth1 a:hover {width:160px; height:38px; background:url(../youth/img/menu/lm1_o.gif) no-repeat;}
.container .left .left_menu ul #youth2 a:hover {width:160px; height:38px; background:url(../youth/img/menu/lm2_o.gif) no-repeat;}
.container .left .left_menu ul #youth3 a:hover {width:160px; height:38px; background:url(../youth/img/menu/lm3_o.gif) no-repeat;}
.container .left .left_menu ul #youth4 a:hover {width:160px; height:38px; background:url(../youth/img/menu/lm4_o.gif) no-repeat;}
.container .left .left_menu ul #youth5 a:hover {width:160px; height:38px; background:url(../youth/img/menu/lm5_o.gif) no-repeat;}



/*content*/

.youth_area{width:790px; float:right; margin-top:20px;}
.youth_area .title_text {width:790px; height:40px; text-align:right; display:block; }
.youth_area #youth_txt1{background:url(../youth/img/youth_txt1.gif) no-repeat;}
.youth_area #youth_txt2{background:url(../youth/img/youth_txt2.gif) no-repeat;}
.youth_area #youth_txt3{background:url(../youth/img/youth_txt3.gif) no-repeat;}
.youth_area #youth_txt4{background:url(../youth/img/youth_txt4.gif) no-repeat;}
.youth_area #youth_txt5{background:url(../youth/img/youth_txt5.gif) no-repeat;}
.youth_area .title_text p {padding-top:10px; padding-right:5px;}
.youth_area .title_text p a{font-size:11px;}
.youth_area .youth_contents {margin-top:15px; margin-bottom:20px;}